Merge branch 'main' into feature/combobox

sl-design-system · Sep 20, 2024 · 7d42d1a · 7d42d1a
2 parents ff87679 + a11f679
commit 7d42d1a
Show file tree

Hide file tree

Showing 11 changed files with 5,986 additions and 13 deletions.
diff --git a/.changeset/wild-peas-mate.md b/.changeset/wild-peas-mate.md
@@ -0,0 +1,5 @@
+---
+'@sl-design-system/tabs': major
+---
+
+Stable version release
diff --git a/packages/components/tabs/src/tab-group.stories.ts b/packages/components/tabs/src/tab-group.stories.ts
@@ -15,7 +15,7 @@ type Story = StoryObj<Props>;
 
 export default {
   title: 'Navigation/Tab group',
-  tags: ['preview'],
+  tags: ['stable'],
   args: {
     alignTabs: 'start',
     vertical: false

diff --git a/website/src/_data/custom-elements/custom-elements.md b/website/src/_data/custom-elements/custom-elements.md
diff --git a/website/src/_data/tokens/base.json b/website/src/_data/tokens/base.json
@@ -2484,4 +2484,4 @@
       }
     }
   }
-}
+}
diff --git a/website/src/_data/tokens/core.json b/website/src/_data/tokens/core.json
@@ -58,7 +58,7 @@
     },
     "width": {
       "none": {
-        "value": "0",
+        "value": "0px",
         "type": "borderWidth",
         "description": "border.width.none"
       },
@@ -1093,6 +1093,11 @@
             "value": "{space.sm}",
             "type": "spacing",
             "description": "{space.button.gap.lg}"
+          },
+          "none": {
+            "value": "{space.none}",
+            "type": "spacing",
+            "description": "{space.button.gap.lg}"
           }
         },
         "icon": {
@@ -1114,7 +1119,7 @@
             "description": "{space.button.gap.md}"
           },
           "md": {
-            "value": "{space.sm}",
+            "value": "{space.xs}",
             "type": "spacing",
             "description": "{space.button.gap.md}"
           },
@@ -2057,7 +2062,7 @@
     },
     "focus": {
       "gap": {
-        "value": "{border.width.focusring.default}+{border.width.focusring.offset}",
+        "value": "{border.width.focusring.default} + {border.width.focusring.offset}",
         "type": "spacing"
       }
     }

diff --git a/website/src/categories/components/button-bar/button-bar.md b/website/src/categories/components/button-bar/button-bar.md
@@ -10,5 +10,4 @@ storybookCategory: actions
 eleventyNavigation:
   parent: Components
   key: Button bar
-  status: new
 ---
diff --git a/website/src/categories/components/progress-bar/progress-bar.md b/website/src/categories/components/progress-bar/progress-bar.md
@@ -10,6 +10,5 @@ storybookCategory: feedback-status
 eleventyNavigation:
   parent: Components
   key: Progress bar
-  status: new
 ---
 
diff --git a/website/src/categories/components/search-field/search-field.md b/website/src/categories/components/search-field/search-field.md
@@ -10,6 +10,5 @@ storybookCategory: form
 eleventyNavigation:
   parent: Components
   key: Search field
-  status: new
 ---
 
diff --git a/website/src/categories/components/tabs/tabs.json b/website/src/categories/components/tabs/tabs.json
@@ -1,7 +1,7 @@
 {
   "layout": "categories/components/components.njk",
   "tags": "tab-group",
-  "componentStatus": "preview",
+  "componentStatus": "stable",
   "componentTagName": [
     {
       "name": "Tab",

diff --git a/website/src/categories/components/tabs/tabs.md b/website/src/categories/components/tabs/tabs.md
@@ -13,6 +13,5 @@ storybookComponentName: tab-group
 eleventyNavigation:
   parent: Components
   key: Tabs
-  status: ready
 ---
 
diff --git a/website/src/ts/components/vertical-tabs/vertical-tabs.ts b/website/src/ts/components/vertical-tabs/vertical-tabs.ts
@@ -36,7 +36,7 @@ export class VerticalTabs extends LitElement {
     entries => {
       let updated = false;
       const sections = Array.from(this.parentElement?.querySelectorAll('section[id], [link-in-navigation][id]') || []),
-        links = Array.from(this.renderRoot.querySelectorAll('.ds-tab--vertical'));
+        links = Array.from<HTMLElement>(this.renderRoot.querySelectorAll('.ds-tab--vertical'));
 
       if (
         links.length === entries.filter(entry => entry.intersectionRatio === 1).length ||
@@ -86,7 +86,7 @@ export class VerticalTabs extends LitElement {
       } else if (window.location.hash) {
         setTimeout(() => {
           const targetElement = document.querySelector(window.location.hash),
-            links = Array.from(this.renderRoot.querySelectorAll('.ds-tab--vertical'));
+            links = Array.from<HTMLElement>(this.renderRoot.querySelectorAll('.ds-tab--vertical'));
           const index = links.findIndex(link => {
             return (link as HTMLAnchorElement).hash == window.location.hash;
           });
@@ -105,7 +105,7 @@ export class VerticalTabs extends LitElement {
     window.addEventListener(
       'hashchange',
       () => {
-        const links = Array.from(this.renderRoot.querySelectorAll('.ds-tab--vertical'));
+        const links = Array.from<HTMLElement>(this.renderRoot.querySelectorAll('.ds-tab--vertical'));
         const index = links.findIndex(link => {
           return (link as HTMLAnchorElement).hash == window.location.hash;
         });