Deploying to gh-pages from @ 3bf097c 🚀

lmc-eu · Dec 5, 2023 · 0545ca4 · 0545ca4
1 parent 9e62151
commit 0545ca4
Show file tree

Hide file tree

Showing 43 changed files with 202 additions and 81 deletions.
diff --git a/docs/assets/spirit-web-asset.4384a179.css b/docs/assets/spirit-web-asset.4384a179.css
diff --git a/docs/assets/spirit-web-asset.59ae4807.css b/docs/assets/spirit-web-asset.59ae4807.css
diff --git a/docs/assets/spirit-web-chunk.9d352b3e.js → docs/assets/spirit-web-chunk.d6adf467.js b/docs/assets/spirit-web-chunk.9d352b3e.js → docs/assets/spirit-web-chunk.d6adf467.js
diff --git a/docs/assets/spirit-web-entry.fc6dcf21.js → docs/assets/spirit-web-entry.66349ea5.js b/docs/assets/spirit-web-entry.fc6dcf21.js → docs/assets/spirit-web-entry.66349ea5.js
diff --git a/docs/assets/spirit-web-entry.208a3404.js → docs/assets/spirit-web-entry.8fa18a0f.js b/docs/assets/spirit-web-entry.208a3404.js → docs/assets/spirit-web-entry.8fa18a0f.js
diff --git a/docs/index.html b/docs/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.9d352b3e.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.59ae4807.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.d6adf467.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4384a179.css">
   </head>
   <body>
 

diff --git a/docs/src/icons/index.html b/docs/src/icons/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.9d352b3e.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.59ae4807.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.d6adf467.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4384a179.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Accordion/index.html b/docs/src/scss/components/Accordion/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.9d352b3e.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.59ae4807.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.d6adf467.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4384a179.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Alert/index.html b/docs/src/scss/components/Alert/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.9d352b3e.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.59ae4807.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.d6adf467.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4384a179.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Breadcrumbs/index.html b/docs/src/scss/components/Breadcrumbs/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.9d352b3e.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.59ae4807.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.d6adf467.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4384a179.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Button/index.html b/docs/src/scss/components/Button/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.9d352b3e.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.59ae4807.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.d6adf467.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4384a179.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Checkbox/index.html b/docs/src/scss/components/Checkbox/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.9d352b3e.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.59ae4807.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.d6adf467.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4384a179.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Collapse/index.html b/docs/src/scss/components/Collapse/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.9d352b3e.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.59ae4807.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.d6adf467.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4384a179.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Container/index.html b/docs/src/scss/components/Container/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.9d352b3e.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.59ae4807.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.d6adf467.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4384a179.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Dropdown/index.html b/docs/src/scss/components/Dropdown/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.9d352b3e.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.59ae4807.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.d6adf467.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4384a179.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/FieldGroup/index.html b/docs/src/scss/components/FieldGroup/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.9d352b3e.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.59ae4807.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.d6adf467.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4384a179.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/FileUploader/index.html b/docs/src/scss/components/FileUploader/index.html
@@ -18,9 +18,9 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-entry.208a3404.js"></script>
-    <link rel="modulepreload" crossorigin href="/spirit-design-system/assets/spirit-web-chunk.9d352b3e.js">
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.59ae4807.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-entry.8fa18a0f.js"></script>
+    <link rel="modulepreload" crossorigin href="/spirit-design-system/assets/spirit-web-chunk.d6adf467.js">
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4384a179.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Grid/index.html b/docs/src/scss/components/Grid/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.9d352b3e.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.59ae4807.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.d6adf467.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4384a179.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Header/index.html b/docs/src/scss/components/Header/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.9d352b3e.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.59ae4807.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.d6adf467.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4384a179.css">
   </head>
   <body>
 

diff --git a/docs/src/scss/components/Item/index.html b/docs/src/scss/components/Item/index.html
@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.9d352b3e.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.59ae4807.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.d6adf467.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.4384a179.css">
   </head>
   <body>
 
@@ -28,6 +28,127 @@
         <div class="Container">
 
 
+          <section class="docs-Section">
+            <h2 class="docs-Heading">Default</h2>
+            <div class="docs-Stack docs-Stack--start">
+
+              <button type="button" class="Item">
+                <span class="Item__label">Item label</span>
+              </button>
+
+              <a href="https://www.example.com" class="Item">
+                <span class="Item__label">Item label</span>
+              </a>
+
+              <div class="Item">
+                <span class="Item__label">Item label</span>
+              </div>
+
+            </div>
+          </section>
+
+          <section class="docs-Section">
+            <h2 class="docs-Heading">Selected</h2>
+            <div class="docs-Stack docs-Stack--start">
+
+              <button type="button" class="Item Item--selected">
+                <span class="Item__label">Item label</span>
+                <span class="Item__icon Item__icon--end">
+                  <svg width="24" height="24" aria-hidden="true">
+                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#check-plain" />
+                  </svg>
+                </span>
+              </button>
+
+            </div>
+          </section>
+
+          <section class="docs-Section">
+            <h2 class="docs-Heading">Disabled</h2>
+            <div class="docs-Stack docs-Stack--start">
+
+              <button type="button" class="Item Item--disabled">
+                <span class="Item__label">Item label</span>
+              </button>
+
+              <button type="button" class="Item Item--disabled Item--selected">
+                <span class="Item__label">Item label</span>
+                <span class="Item__icon Item__icon--end">
+                  <svg width="24" height="24" aria-hidden="true">
+                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#check-plain" />
+                  </svg>
+                </span>
+              </button>
+
+            </div>
+          </section>
+
+          <section class="docs-Section">
+            <h2 class="docs-Heading">Helper Text</h2>
+            <div class="docs-Stack docs-Stack--start">
+
+              <button type="button" class="Item">
+                <span class="Item__label">Item label</span>
+                <span class="Item__helperText">Helper text</span>
+              </button>
+
+              <button type="button" class="Item Item--selected">
+                <span class="Item__label">Item label</span>
+                <span class="Item__helperText">Helper text</span>
+                <span class="Item__icon Item__icon--end">
+                  <svg width="24" height="24" aria-hidden="true">
+                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#check-plain" />
+                  </svg>
+                </span>
+              </button>
+
+              <button type="button" class="Item Item--disabled">
+                <span class="Item__label">Item label</span>
+                <span class="Item__helperText">Helper text</span>
+              </button>
+
+              <button type="button" class="Item Item--disabled Item--selected">
+                <span class="Item__label">Item label</span>
+                <span class="Item__helperText">Helper text</span>
+                <span class="Item__icon Item__icon--end">
+                  <svg width="24" height="24" aria-hidden="true">
+                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#check-plain" />
+                  </svg>
+                </span>
+              </button>
+            </div>
+          </section>
+
+          <section class="docs-Section">
+            <h2 class="docs-Heading">Icon</h2>
+            <div class="docs-Stack docs-Stack--start">
+
+              <button type="button" class="Item">
+                <span class="Item__icon Item__icon--start">
+                  <svg width="24" height="24" aria-hidden="true">
+                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#search" />
+                  </svg>
+                </span>
+                <span class="Item__label">Item label</span>
+              </button>
+
+              <button type="button" class="Item Item--selected">
+                <span class="Item__icon Item__icon--start">
+                  <svg width="24" height="24" aria-hidden="true">
+                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#search" />
+                  </svg>
+                </span>
+                <span class="Item__label">Item label</span>
+                <span class="Item__icon Item__icon--end">
+                  <svg width="24" height="24" aria-hidden="true">
+                    <use xlink:href="/spirit-design-system/icons/svg/sprite.svg#check-plain" />
+                  </svg>
+                </span>
+              </button>
+
+            </div>
+          </section>
+
           <section class="docs-Section">
             <h2 class="docs-Heading">Checkbox Item</h2>
             <div class="docs-Stack docs-Stack--start">