@trendyol/baklava 2.0.0-beta.92 → 2.0.0-beta.94

package/dist/custom-elements.json

@@ -110,12 +110,14 @@
           "name": "BlBadge",
           "cssProperties": [
             {
-              "description": "Sets the background color of badge. Default value is `--bl-color-accent-primary-background`",
-              "name": "--bl-badge-bg-color"
+              "description": "Sets the background color of badge",
+              "name": "--bl-badge-bg-color",
+              "default": "--bl-color-primary-contrast"
             },
             {
-              "description": "Sets the color of badge. Default value is `--bl-color-primary`",
-              "name": "--bl-badge-color"
+              "description": "Sets the color of badge",
+              "name": "--bl-badge-color",
+              "default": "--bl-color-primary"
             }
           ],
           "attributes": [
@@ -175,12 +177,14 @@
           "name": "BlButton",
           "cssProperties": [
             {
-              "description": "Sets the display property of button. Default value is 'inline-block'.",
-              "name": "--bl-button-display"
+              "description": "Sets the display property of button",
+              "name": "--bl-button-display",
+              "default": "inline-block"
             },
             {
-              "description": "Sets the justify-content property of button. Default value is 'center'.",
-              "name": "--bl-button-justify"
+              "description": "Sets the justify-content property of button",
+              "name": "--bl-button-justify",
+              "default": "center"
             }
           ],
           "events": [
@@ -361,7 +365,8 @@
           "cssProperties": [
             {
               "description": "Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column`",
-              "name": "--bl-checkbox-direction"
+              "name": "--bl-checkbox-direction",
+              "default": "row"
             }
           ],
           "events": [
@@ -529,6 +534,13 @@
           "kind": "class",
           "description": "",
           "name": "BlDrawer",
+          "cssProperties": [
+            {
+              "description": "Drawer slide in animation duration",
+              "name": "--bl-drawer-animation-duration",
+              "default": "250ms"
+            }
+          ],
           "events": [
             {
               "type": {
@@ -736,8 +748,9 @@
               "name": "font-size"
             },
             {
-              "description": "Setting color of icon. Default is `currentColor`",
-              "name": "color"
+              "description": "Setting color of icon",
+              "name": "color",
+              "default": "currentColor"
             }
           ],
           "events": [
@@ -1163,12 +1176,12 @@
             {
               "description": "Sets the background color of popover.",
               "name": "--bl-popover-background-color",
-              "default": "--bl-color-primary-background"
+              "default": "--bl-color-neutral-full"
             },
             {
               "description": "Sets the border color of popover.",
               "name": "--bl-popover-border-color",
-              "default": "--bl-color-primary-hover"
+              "default": "--bl-color-primary-highlight"
             },
             {
               "description": "Sets the padding of popover.",
@@ -1375,7 +1388,8 @@
           "cssProperties": [
             {
               "description": "Can be used for showing radio options as columns instead of rows. Options are `row` or `column`",
-              "name": "--bl-radio-direction"
+              "name": "--bl-radio-direction",
+              "default": "row"
             }
           ],
           "events": [
@@ -1474,8 +1488,9 @@
           "name": "BlSelect",
           "cssProperties": [
             {
-              "description": "Sets the positioning strategy of select popover. You can set it as `absolute` if you need to show popover relative to its trigger element. Default value is `fixed`",
-              "name": "--bl-popover-position"
+              "description": "Sets the positioning strategy of select popover. You can set it as `absolute` if you need to show popover relative to its trigger element.",
+              "name": "--bl-popover-position",
+              "default": "fixed"
             }
           ],
           "events": [
@@ -1648,6 +1663,18 @@
           "kind": "class",
           "description": "",
           "name": "BlSwitch",
+          "cssProperties": [
+            {
+              "description": "Set the accent color",
+              "name": "--bl-switch-color",
+              "default": "--bl-color-primary"
+            },
+            {
+              "description": "Set the animation duration of switch toggle",
+              "name": "--bl-switch-animation-duration",
+              "default": "300ms"
+            }
+          ],
           "events": [
             {
               "type": {
@@ -2419,72 +2446,52 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/tab-group/tab/bl-tab.ts",
+      "path": "src/components/select/option/bl-select-option.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "BlTab",
+          "name": "BlSelectOption",
           "events": [
             {
               "type": {
-                "text": "CustomEvent<string>"
-              },
-              "description": "Fires when tab is selected.",
-              "name": "bl-tab-selected"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "caption",
-              "type": {
-                "text": "string"
+                "text": "CustomEvent<ValueType | string | null>"
               },
-              "description": "Sets the caption of tab",
-              "fieldName": "caption"
+              "description": "Fires when clicked on the option",
+              "name": "bl-select-option"
             },
             {
-              "name": "name",
               "type": {
-                "text": "string"
+                "text": "CustomEvent<ValueType | string | null>"
               },
-              "description": "Name of the tab that should match `tab-panel`'s `tab` attribute",
-              "fieldName": "name"
+              "description": "Fires when checkbox is focused",
+              "name": "bl-focus"
             },
             {
-              "name": "help-text",
               "type": {
-                "text": "string"
+                "text": "CustomEvent<ValueType | string | null>"
               },
-              "description": "Set tooltip text. Should be set to display information icon.",
-              "fieldName": "helpText"
-            },
+              "description": "Fires when checkbox is blurred",
+              "name": "bl-blur"
+            }
+          ],
+          "attributes": [
             {
-              "name": "icon",
+              "name": "value",
               "type": {
-                "text": "string"
+                "text": "ValueType"
               },
-              "default": "''",
-              "description": "Name of the icon which display on the left side of the tab.",
-              "fieldName": "icon"
+              "description": "Sets the value for the option",
+              "fieldName": "value"
             },
             {
-              "name": "notify",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Shows notification dot.",
-              "fieldName": "notify"
-            },
-            {
-              "name": "badge",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Sets the content of the badge.",
-              "fieldName": "badge"
+              "description": "Sets option as disabled",
+              "fieldName": "disabled"
             },
             {
               "name": "selected",
@@ -2492,25 +2499,22 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Set `tab` as selected.",
+              "description": "Sets option as selected state",
               "fieldName": "selected"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Set `tab` as disabled.",
-              "fieldName": "disabled"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "bl-tab",
-          "summary": "Baklava Tab component",
+          "typeParameters": [
+            {
+              "name": "ValueType",
+              "extends": "FormValue",
+              "default": "string"
+            }
+          ],
+          "tagName": "bl-select-option",
           "customElement": true
         }
       ],
@@ -2519,68 +2523,88 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "BlTab",
-            "module": "src/components/tab-group/tab/bl-tab.ts"
+            "name": "BlSelectOption",
+            "module": "src/components/select/option/bl-select-option.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bl-tab",
+          "name": "bl-select-option",
           "declaration": {
-            "name": "BlTab",
-            "module": "src/components/tab-group/tab/bl-tab.ts"
+            "name": "BlSelectOption",
+            "module": "src/components/select/option/bl-select-option.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/select/option/bl-select-option.ts",
+      "path": "src/components/tab-group/tab/bl-tab.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "BlSelectOption",
+          "name": "BlTab",
           "events": [
             {
               "type": {
-                "text": "CustomEvent<ValueType | string | null>"
+                "text": "CustomEvent<string>"
               },
-              "description": "Fires when clicked on the option",
-              "name": "bl-select-option"
+              "description": "Fires when tab is selected.",
+              "name": "bl-tab-selected"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "caption",
+              "type": {
+                "text": "string"
+              },
+              "description": "Sets the caption of tab",
+              "fieldName": "caption"
             },
             {
+              "name": "name",
               "type": {
-                "text": "CustomEvent<ValueType | string | null>"
+                "text": "string"
               },
-              "description": "Fires when checkbox is focused",
-              "name": "bl-focus"
+              "description": "Name of the tab that should match `tab-panel`'s `tab` attribute",
+              "fieldName": "name"
             },
             {
+              "name": "help-text",
               "type": {
-                "text": "CustomEvent<ValueType | string | null>"
+                "text": "string"
               },
-              "description": "Fires when checkbox is blurred",
-              "name": "bl-blur"
-            }
-          ],
-          "attributes": [
+              "description": "Set tooltip text. Should be set to display information icon.",
+              "fieldName": "helpText"
+            },
             {
-              "name": "value",
+              "name": "icon",
               "type": {
-                "text": "ValueType"
+                "text": "string"
               },
-              "description": "Sets the value for the option",
-              "fieldName": "value"
+              "default": "''",
+              "description": "Name of the icon which display on the left side of the tab.",
+              "fieldName": "icon"
             },
             {
-              "name": "disabled",
+              "name": "notify",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Sets option as disabled",
-              "fieldName": "disabled"
+              "description": "Shows notification dot.",
+              "fieldName": "notify"
+            },
+            {
+              "name": "badge",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Sets the content of the badge.",
+              "fieldName": "badge"
             },
             {
               "name": "selected",
@@ -2588,22 +2612,25 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Sets option as selected state",
+              "description": "Set `tab` as selected.",
               "fieldName": "selected"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Set `tab` as disabled.",
+              "fieldName": "disabled"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "typeParameters": [
-            {
-              "name": "ValueType",
-              "extends": "FormValue",
-              "default": "string"
-            }
-          ],
-          "tagName": "bl-select-option",
+          "tagName": "bl-tab",
+          "summary": "Baklava Tab component",
           "customElement": true
         }
       ],
@@ -2612,16 +2639,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "BlSelectOption",
-            "module": "src/components/select/option/bl-select-option.ts"
+            "name": "BlTab",
+            "module": "src/components/tab-group/tab/bl-tab.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bl-select-option",
+          "name": "bl-tab",
           "declaration": {
-            "name": "BlSelectOption",
-            "module": "src/components/select/option/bl-select-option.ts"
+            "name": "BlTab",
+            "module": "src/components/tab-group/tab/bl-tab.ts"
           }
         }
       ]

package/dist/themes/default.css

@@ -1,2 +1,2 @@
-@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-cyrillic-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-cyrillic-ext-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-hebrew-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-latin-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-latin-ext-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bl-color-primary: #f27a1a;--bl-color-primary-hover: #ef6114;--bl-color-secondary: #273142;--bl-color-secondary-hover: #0f131a;--bl-color-tertiary: #f1f2f7;--bl-color-tertiary-hover: #d5d9e1;--bl-color-success: #0bc15c;--bl-color-success-hover: #09a44e;--bl-color-danger: #ff5043;--bl-color-danger-hover: #ff3028;--bl-color-warning: #ffb600;--bl-color-warning-hover: #ff9800;--bl-color-alternative: #5794ff;--bl-color-alternative-hover: #457eff;--bl-color-featured: #8c4eff;--bl-color-featured-hover: #753eff;--bl-color-primary-background: #fff;--bl-color-accent-primary-background: #fef2e8;--bl-color-secondary-background: #f1f2f7;--bl-color-tertiary-background: #f7f7fa;--bl-color-success-background: #e7f9ef;--bl-color-danger-background: #ffeeec;--bl-color-warning-background: #fff8e6;--bl-color-alternative-background: #eef4ff;--bl-color-featured-background: #f4edff;--bl-color-content-primary: #273142;--bl-color-content-secondary: #6e7787;--bl-color-content-tertiary: #95a1b5;--bl-color-content-passive: #afbbca;--bl-color-content-primary-contrast: #fff;--bl-color-content-hover: #f27a1a;--bl-color-border: #d5d9e1;--bl-size-4xs: .125rem;--bl-size-3xs: .25rem;--bl-size-2xs: .5rem;--bl-size-xs: .75rem;--bl-size-s: .875rem;--bl-size-m: 1rem;--bl-size-l: 1.25rem;--bl-size-xl: 1.5rem;--bl-size-2xl: 2rem;--bl-size-3xl: 2.5rem;--bl-size-4xl: 3rem;--bl-size-5xl: 4rem;--bl-size-6xl: 5rem;--bl-index-deep: -1;--bl-index-base: 1;--bl-index-popover: 100;--bl-index-tooltip: 200;--bl-index-sticky: 300;--bl-index-overlay: 400;--bl-index-dialog: 500;--bl-index-notification: 600;--bl-font-family: "RubikVariable", sans-serif;--bl-font-weight-light: 300;--bl-font-weight-regular: 400;--bl-font-weight-medium: 500;--bl-font-weight-semibold: 600;--bl-font-weight-bold: 700;--bl-font-size-2xs: .5rem;--bl-font-size-xs: .625rem;--bl-font-size-s: .75rem;--bl-font-size-m: .875rem;--bl-font-size-l: 1rem;--bl-font-size-xl: 1.25rem;--bl-font-size-2xl: 1.5rem;--bl-font-size-3xl: 1.75rem;--bl-font-size-4xl: 2rem;--bl-font-size-5xl: 3rem;--bl-font-size-6xl: 4rem;--bl-border-radius-xs: .125rem;--bl-border-radius-s: .25rem;--bl-border-radius-m: .375rem;--bl-border-radius-l: .5rem;--bl-border-radius-pill: 62.438rem;--bl-border-radius-circle: 50%;--bl-font-display-font-size: var(--bl-font-size-5xl);--bl-font-display-line-height: calc(var(--bl-font-display-font-size) + var(--bl-size-2xs));--bl-font-display-size: var(--bl-font-display-font-size) / var(--bl-font-display-line-height);--bl-font-display: var(--bl-font-display-size) var(--bl-font-family);--bl-font-display-light: var(--bl-font-weight-light) var(--bl-font-display);--bl-font-display-regular: var(--bl-font-weight-regular) var(--bl-font-display);--bl-font-display-medium: var(--bl-font-weight-medium) var(--bl-font-display);--bl-font-display-semibold: var(--bl-font-weight-semibold) var(--bl-font-display);--bl-font-display-bold: var(--bl-font-weight-bold) var(--bl-font-display);--bl-font-heading-1-font-size: var(--bl-font-size-4xl);--bl-font-heading-1-line-height: calc(var(--bl-font-heading-1-font-size) + var(--bl-size-3xs));--bl-font-heading-1-size: var(--bl-font-heading-1-font-size) / var(--bl-font-heading-1-line-height);--bl-font-heading-1: var(--bl-font-weight-light) var(--bl-font-heading-1-size) var(--bl-font-family);--bl-font-heading-2-font-size: var(--bl-font-size-3xl);--bl-font-heading-2-line-height: calc(var(--bl-font-heading-2-font-size) + var(--bl-size-3xs));--bl-font-heading-2-size: var(--bl-font-heading-2-font-size) / var(--bl-font-heading-2-line-height);--bl-font-heading-2: var(--bl-font-weight-regular) var(--bl-font-heading-2-size) var(--bl-font-family);--bl-font-heading-3-font-size: var(--bl-font-size-2xl);--bl-font-heading-3-line-height: calc(var(--bl-font-heading-3-font-size) + var(--bl-size-3xs));--bl-font-heading-3-size: var(--bl-font-heading-3-font-size) / var(--bl-font-heading-3-line-height);--bl-font-heading-3: var(--bl-font-weight-regular) var(--bl-font-heading-3-size) var(--bl-font-family);--bl-font-title-1-font-size: var(--bl-font-size-xl);--bl-font-title-1-line-height: calc(var(--bl-font-title-1-font-size) + var(--bl-size-3xs));--bl-font-title-1-size: var(--bl-font-title-1-font-size) / var(--bl-font-title-1-line-height);--bl-font-title-1: var(--bl-font-title-1-size) var(--bl-font-family);--bl-font-title-1-regular: var(--bl-font-weight-regular) var(--bl-font-title-1);--bl-font-title-1-medium: var(--bl-font-weight-medium) var(--bl-font-title-1);--bl-font-title-1-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-1);--bl-font-title-1-bold: var(--bl-font-weight-bold) var(--bl-font-title-1);--bl-font-title-2-font-size: var(--bl-font-size-l);--bl-font-title-2-line-height: calc(var(--bl-font-title-2-font-size) + var(--bl-size-3xs));--bl-font-title-2-size: var(--bl-font-title-2-font-size) / var(--bl-font-title-2-line-height);--bl-font-title-2: var(--bl-font-title-2-size) var(--bl-font-family);--bl-font-title-2-regular: var(--bl-font-weight-regular) var(--bl-font-title-2);--bl-font-title-2-medium: var(--bl-font-weight-medium) var(--bl-font-title-2);--bl-font-title-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-2);--bl-font-title-2-bold: var(--bl-font-weight-bold) var(--bl-font-title-2);--bl-font-title-3-font-size: var(--bl-font-size-m);--bl-font-title-3-line-height: calc(var(--bl-font-title-3-font-size) + var(--bl-size-4xs));--bl-font-title-3-size: var(--bl-font-title-3-font-size) / var(--bl-font-title-3-line-height);--bl-font-title-3: var(--bl-font-title-3-size) var(--bl-font-family);--bl-font-title-3-regular: var(--bl-font-weight-regular) var(--bl-font-title-3);--bl-font-title-3-medium: var(--bl-font-weight-medium) var(--bl-font-title-3);--bl-font-title-3-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-3);--bl-font-title-3-bold: var(--bl-font-weight-bold) var(--bl-font-title-3);--bl-font-title-4-font-size: var(--bl-font-size-s);--bl-font-title-4-line-height: calc(var(--bl-font-title-4-font-size) + var(--bl-size-4xs));--bl-font-title-4-size: var(--bl-font-title-4-font-size) / var(--bl-font-title-4-line-height);--bl-font-title-4: var(--bl-font-title-4-size) var(--bl-font-family);--bl-font-title-4-regular: var(--bl-font-weight-regular) var(--bl-font-title-4);--bl-font-title-4-medium: var(--bl-font-weight-medium) var(--bl-font-title-4);--bl-font-title-4-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-4);--bl-font-title-4-bold: var(--bl-font-weight-bold) var(--bl-font-title-4);--bl-font-body-text-1-font-size: var(--bl-font-size-l);--bl-font-body-text-1-line-height: calc( var(--bl-font-body-text-1-font-size) + var(--bl-size-4xs) );--bl-font-body-text-1-size: var(--bl-font-body-text-1-font-size) / var(--bl-font-body-text-1-line-height);--bl-font-body-text-1: var(--bl-font-weight-regular) var(--bl-font-body-text-1-size) var(--bl-font-family);--bl-font-body-text-2-font-size: var(--bl-font-size-m);--bl-font-body-text-2-line-height: calc( var(--bl-font-body-text-2-font-size) + var(--bl-size-4xs) );--bl-font-body-text-2-size: var(--bl-font-body-text-2-font-size) / var(--bl-font-body-text-2-line-height);--bl-font-body-text-2: var(--bl-font-weight-regular) var(--bl-font-body-text-2-size) var(--bl-font-family);--bl-font-body-text-3-font-size: var(--bl-font-size-s);--bl-font-body-text-3-line-height: calc( var(--bl-font-body-text-3-font-size) + var(--bl-size-4xs) );--bl-font-body-text-3-size: var(--bl-font-body-text-3-font-size) / var(--bl-font-body-text-3-line-height);--bl-font-body-text-3: var(--bl-font-weight-regular) var(--bl-font-body-text-3-size) var(--bl-font-family);--bl-font-caption-font-size: var(--bl-font-size-xs);--bl-font-caption-line-height: calc(var(--bl-font-caption-font-size) + var(--bl-size-4xs));--bl-font-caption-size: var(--bl-font-caption-font-size) / var(--bl-font-caption-line-height);--bl-font-caption: var(--bl-font-weight-medium) var(--bl-font-caption-size) var(--bl-font-family)}
+@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-cyrillic-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-cyrillic-ext-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-hebrew-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-latin-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-latin-ext-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bl-color-primary: #f27a1a;--bl-color-primary-highlight: #ef6114;--bl-color-primary-contrast: #fef2e8;--bl-color-success: #0bc15c;--bl-color-success-highlight: #09a44e;--bl-color-success-contrast: #e7f9ef;--bl-color-danger: #ff5043;--bl-color-danger-highlight: #ff3028;--bl-color-danger-contrast: #ffeeec;--bl-color-warning: #ffb600;--bl-color-warning-highlight: #ff9800;--bl-color-warning-contrast: #fff8e6;--bl-color-neutral-none: #000;--bl-color-neutral-darkest: #0f131a;--bl-color-neutral-darker: #273142;--bl-color-neutral-dark: #6e7787;--bl-color-neutral-light: #95a1b5;--bl-color-neutral-lighter: #afbbca;--bl-color-neutral-lightest: #f1f2f7;--bl-color-neutral-full: #fff;--bl-size-4xs: .125rem;--bl-size-3xs: .25rem;--bl-size-2xs: .5rem;--bl-size-xs: .75rem;--bl-size-s: .875rem;--bl-size-m: 1rem;--bl-size-l: 1.25rem;--bl-size-xl: 1.5rem;--bl-size-2xl: 2rem;--bl-size-3xl: 2.5rem;--bl-size-4xl: 3rem;--bl-size-5xl: 4rem;--bl-size-6xl: 5rem;--bl-index-deep: -1;--bl-index-base: 1;--bl-index-popover: 100;--bl-index-tooltip: 200;--bl-index-sticky: 300;--bl-index-overlay: 400;--bl-index-dialog: 500;--bl-index-notification: 600;--bl-font-family: "RubikVariable", sans-serif;--bl-font-weight-light: 300;--bl-font-weight-regular: 400;--bl-font-weight-medium: 500;--bl-font-weight-semibold: 600;--bl-font-weight-bold: 700;--bl-font-size-2xs: .5rem;--bl-font-size-xs: .625rem;--bl-font-size-s: .75rem;--bl-font-size-m: .875rem;--bl-font-size-l: 1rem;--bl-font-size-xl: 1.25rem;--bl-font-size-2xl: 1.5rem;--bl-font-size-3xl: 1.75rem;--bl-font-size-4xl: 2rem;--bl-font-size-5xl: 3rem;--bl-font-size-6xl: 4rem;--bl-border-radius-xs: .125rem;--bl-border-radius-s: .25rem;--bl-border-radius-m: .375rem;--bl-border-radius-l: .5rem;--bl-border-radius-pill: 62.438rem;--bl-border-radius-circle: 50%;--bl-font-display-font-size: var(--bl-font-size-5xl);--bl-font-display-line-height: calc(var(--bl-font-display-font-size) + var(--bl-size-2xs));--bl-font-display-size: var(--bl-font-display-font-size) / var(--bl-font-display-line-height);--bl-font-display: var(--bl-font-display-size) var(--bl-font-family);--bl-font-display-light: var(--bl-font-weight-light) var(--bl-font-display);--bl-font-display-regular: var(--bl-font-weight-regular) var(--bl-font-display);--bl-font-display-medium: var(--bl-font-weight-medium) var(--bl-font-display);--bl-font-display-semibold: var(--bl-font-weight-semibold) var(--bl-font-display);--bl-font-display-bold: var(--bl-font-weight-bold) var(--bl-font-display);--bl-font-heading-1-font-size: var(--bl-font-size-4xl);--bl-font-heading-1-line-height: calc(var(--bl-font-heading-1-font-size) + var(--bl-size-3xs));--bl-font-heading-1-size: var(--bl-font-heading-1-font-size) / var(--bl-font-heading-1-line-height);--bl-font-heading-1: var(--bl-font-weight-light) var(--bl-font-heading-1-size) var(--bl-font-family);--bl-font-heading-2-font-size: var(--bl-font-size-3xl);--bl-font-heading-2-line-height: calc(var(--bl-font-heading-2-font-size) + var(--bl-size-3xs));--bl-font-heading-2-size: var(--bl-font-heading-2-font-size) / var(--bl-font-heading-2-line-height);--bl-font-heading-2: var(--bl-font-weight-regular) var(--bl-font-heading-2-size) var(--bl-font-family);--bl-font-heading-3-font-size: var(--bl-font-size-2xl);--bl-font-heading-3-line-height: calc(var(--bl-font-heading-3-font-size) + var(--bl-size-3xs));--bl-font-heading-3-size: var(--bl-font-heading-3-font-size) / var(--bl-font-heading-3-line-height);--bl-font-heading-3: var(--bl-font-weight-regular) var(--bl-font-heading-3-size) var(--bl-font-family);--bl-font-title-1-font-size: var(--bl-font-size-xl);--bl-font-title-1-line-height: calc(var(--bl-font-title-1-font-size) + var(--bl-size-3xs));--bl-font-title-1-size: var(--bl-font-title-1-font-size) / var(--bl-font-title-1-line-height);--bl-font-title-1: var(--bl-font-title-1-size) var(--bl-font-family);--bl-font-title-1-regular: var(--bl-font-weight-regular) var(--bl-font-title-1);--bl-font-title-1-medium: var(--bl-font-weight-medium) var(--bl-font-title-1);--bl-font-title-1-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-1);--bl-font-title-1-bold: var(--bl-font-weight-bold) var(--bl-font-title-1);--bl-font-title-2-font-size: var(--bl-font-size-l);--bl-font-title-2-line-height: calc(var(--bl-font-title-2-font-size) + var(--bl-size-3xs));--bl-font-title-2-size: var(--bl-font-title-2-font-size) / var(--bl-font-title-2-line-height);--bl-font-title-2: var(--bl-font-title-2-size) var(--bl-font-family);--bl-font-title-2-regular: var(--bl-font-weight-regular) var(--bl-font-title-2);--bl-font-title-2-medium: var(--bl-font-weight-medium) var(--bl-font-title-2);--bl-font-title-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-2);--bl-font-title-2-bold: var(--bl-font-weight-bold) var(--bl-font-title-2);--bl-font-title-3-font-size: var(--bl-font-size-m);--bl-font-title-3-line-height: calc(var(--bl-font-title-3-font-size) + var(--bl-size-4xs));--bl-font-title-3-size: var(--bl-font-title-3-font-size) / var(--bl-font-title-3-line-height);--bl-font-title-3: var(--bl-font-title-3-size) var(--bl-font-family);--bl-font-title-3-regular: var(--bl-font-weight-regular) var(--bl-font-title-3);--bl-font-title-3-medium: var(--bl-font-weight-medium) var(--bl-font-title-3);--bl-font-title-3-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-3);--bl-font-title-3-bold: var(--bl-font-weight-bold) var(--bl-font-title-3);--bl-font-title-4-font-size: var(--bl-font-size-s);--bl-font-title-4-line-height: calc(var(--bl-font-title-4-font-size) + var(--bl-size-4xs));--bl-font-title-4-size: var(--bl-font-title-4-font-size) / var(--bl-font-title-4-line-height);--bl-font-title-4: var(--bl-font-title-4-size) var(--bl-font-family);--bl-font-title-4-regular: var(--bl-font-weight-regular) var(--bl-font-title-4);--bl-font-title-4-medium: var(--bl-font-weight-medium) var(--bl-font-title-4);--bl-font-title-4-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-4);--bl-font-title-4-bold: var(--bl-font-weight-bold) var(--bl-font-title-4);--bl-font-body-text-1-font-size: var(--bl-font-size-l);--bl-font-body-text-1-line-height: calc( var(--bl-font-body-text-1-font-size) + var(--bl-size-4xs) );--bl-font-body-text-1-size: var(--bl-font-body-text-1-font-size) / var(--bl-font-body-text-1-line-height);--bl-font-body-text-1: var(--bl-font-weight-regular) var(--bl-font-body-text-1-size) var(--bl-font-family);--bl-font-body-text-2-font-size: var(--bl-font-size-m);--bl-font-body-text-2-line-height: calc( var(--bl-font-body-text-2-font-size) + var(--bl-size-4xs) );--bl-font-body-text-2-size: var(--bl-font-body-text-2-font-size) / var(--bl-font-body-text-2-line-height);--bl-font-body-text-2: var(--bl-font-weight-regular) var(--bl-font-body-text-2-size) var(--bl-font-family);--bl-font-body-text-3-font-size: var(--bl-font-size-s);--bl-font-body-text-3-line-height: calc( var(--bl-font-body-text-3-font-size) + var(--bl-size-4xs) );--bl-font-body-text-3-size: var(--bl-font-body-text-3-font-size) / var(--bl-font-body-text-3-line-height);--bl-font-body-text-3: var(--bl-font-weight-regular) var(--bl-font-body-text-3-size) var(--bl-font-family);--bl-font-caption-font-size: var(--bl-font-size-xs);--bl-font-caption-line-height: calc(var(--bl-font-caption-font-size) + var(--bl-size-4xs));--bl-font-caption-size: var(--bl-font-caption-font-size) / var(--bl-font-caption-line-height);--bl-font-caption: var(--bl-font-weight-medium) var(--bl-font-caption-size) var(--bl-font-family);--bl-color-primary-hover: var(--bl-color-primary-highlight);--bl-color-success-hover: var(--bl-color-success-highlight);--bl-color-danger-hover: var(--bl-color-danger-highlight);--bl-color-warning-hover: var(--bl-color-warning-highlight);--bl-color-accent-primary-background: var(--bl-color-primary-contrast);--bl-color-success-background: var(--bl-color-success-contrast);--bl-color-danger-background: var(--bl-color-danger-contrast);--bl-color-warning-background: var(--bl-color-warning-contrast);--bl-color-primary-background: var(--bl-color-neutral-full);--bl-color-content-primary: var(--bl-color-neutral-darker);--bl-color-content-secondary: var(--bl-color-neutral-dark);--bl-color-content-tertiary: var(--bl-color-neutral-light);--bl-color-content-passive: var(--bl-color-neutral-lighter);--bl-color-content-primary-contrast: var(--bl-color-neutral-full);--bl-color-content-hover: var(--bl-color-primary-highlight);--bl-color-border: var(--bl-color-neutral-lighter);--bl-color-secondary: #273142;--bl-color-secondary-hover: #0f131a;--bl-color-secondary-background: var(--bl-color-neutral-lightest);--bl-color-tertiary: #f1f2f7;--bl-color-tertiary-hover: #d5d9e1;--bl-color-alternative: #5794ff;--bl-color-alternative-hover: #457eff;--bl-color-featured: #8c4eff;--bl-color-featured-hover: #753eff;--bl-color-tertiary-background: #f7f7fa;--bl-color-alternative-background: #eef4ff;--bl-color-featured-background: #f4edff}
 /*# sourceMappingURL=default.css.map */

package/dist/themes/default.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../node_modules/@fontsource/rubik/variable.css", "../../src/themes/default.css"],
-  "sourcesContent": ["/* rubik-cyrillic-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-cyrillic-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}  \n/* rubik-cyrillic-ext-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-cyrillic-ext-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}  \n/* rubik-hebrew-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-hebrew-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}  \n/* rubik-latin-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-latin-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}  \n/* rubik-latin-ext-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-latin-ext-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}  \n", "@import '@fontsource/rubik/variable.css';\n\n:root {\n  /* Colors */\n  --bl-color-primary: #f27a1a;\n  --bl-color-primary-hover: #ef6114;\n  --bl-color-secondary: #273142;\n  --bl-color-secondary-hover: #0f131a;\n  --bl-color-tertiary: #f1f2f7;\n  --bl-color-tertiary-hover: #d5d9e1;\n  --bl-color-success: #0bc15c;\n  --bl-color-success-hover: #09a44e;\n  --bl-color-danger: #ff5043;\n  --bl-color-danger-hover: #ff3028;\n  --bl-color-warning: #ffb600;\n  --bl-color-warning-hover: #ff9800;\n  --bl-color-alternative: #5794ff;\n  --bl-color-alternative-hover: #457eff;\n  --bl-color-featured: #8c4eff;\n  --bl-color-featured-hover: #753eff;\n\n  /* Background Colors */\n  --bl-color-primary-background: #fff;\n  --bl-color-accent-primary-background: #fef2e8;\n  --bl-color-secondary-background: #f1f2f7;\n  --bl-color-tertiary-background: #f7f7fa;\n  --bl-color-success-background: #e7f9ef;\n  --bl-color-danger-background: #ffeeec;\n  --bl-color-warning-background: #fff8e6;\n  --bl-color-alternative-background: #eef4ff;\n  --bl-color-featured-background: #f4edff;\n\n  /* Content Colors */\n  --bl-color-content-primary: #273142;\n  --bl-color-content-secondary: #6e7787;\n  --bl-color-content-tertiary: #95a1b5;\n  --bl-color-content-passive: #afbbca;\n  --bl-color-content-primary-contrast: #fff;\n  --bl-color-content-hover: #f27a1a;\n  --bl-color-border: #d5d9e1;\n\n  /* Size and Spacing */\n  --bl-size-4xs: 0.125rem; /* 2px */\n  --bl-size-3xs: 0.25rem; /* 4px */\n  --bl-size-2xs: 0.5rem; /* 8px */\n  --bl-size-xs: 0.75rem; /* 12px */\n  --bl-size-s: 0.875rem; /* 14px */\n  --bl-size-m: 1rem; /* 16px */\n  --bl-size-l: 1.25rem; /* 20px */\n  --bl-size-xl: 1.5rem; /* 24px */\n  --bl-size-2xl: 2rem; /* 32px */\n  --bl-size-3xl: 2.5rem; /* 40px */\n  --bl-size-4xl: 3rem; /* 48px */\n  --bl-size-5xl: 4rem; /* 64px */\n  --bl-size-6xl: 5rem; /* 80px */\n\n  /* Z-indexes */\n  --bl-index-deep: -1;\n  --bl-index-base: 1;\n  --bl-index-popover: 100;\n  --bl-index-tooltip: 200;\n  --bl-index-sticky: 300;\n  --bl-index-overlay: 400;\n  --bl-index-dialog: 500;\n  --bl-index-notification: 600;\n\n  /* Typography */\n  --bl-font-family: 'RubikVariable', sans-serif;\n\n  /* Font weights */\n  --bl-font-weight-light: 300;\n  --bl-font-weight-regular: 400;\n  --bl-font-weight-medium: 500;\n  --bl-font-weight-semibold: 600;\n  --bl-font-weight-bold: 700;\n\n  /* Font sizes */\n  --bl-font-size-2xs: 0.5rem; /* 8px */\n  --bl-font-size-xs: 0.625rem; /* 10px */\n  --bl-font-size-s: 0.75rem; /* 12px */\n  --bl-font-size-m: 0.875rem; /* 14px */\n  --bl-font-size-l: 1rem; /* 16px */\n  --bl-font-size-xl: 1.25rem; /* 20px */\n  --bl-font-size-2xl: 1.5rem; /* 24px */\n  --bl-font-size-3xl: 1.75rem; /* 28px */\n  --bl-font-size-4xl: 2rem; /* 32px */\n  --bl-font-size-5xl: 3rem; /* 48px */\n  --bl-font-size-6xl: 4rem; /* 64px */\n\n  /* Border radius */\n  --bl-border-radius-xs: 0.125rem; /* 2px */\n  --bl-border-radius-s: 0.25rem; /* 4px */\n  --bl-border-radius-m: 0.375rem; /* 6px */\n  --bl-border-radius-l: 0.5rem; /* 8px */\n  --bl-border-radius-pill: 62.438rem; /* 999px */\n  --bl-border-radius-circle: 50%;\n\n  /* Font Style: Display */\n  --bl-font-display-font-size: var(--bl-font-size-5xl);\n  --bl-font-display-line-height: calc(var(--bl-font-display-font-size) + var(--bl-size-2xs));\n  --bl-font-display-size: var(--bl-font-display-font-size) / var(--bl-font-display-line-height);\n  --bl-font-display: var(--bl-font-display-size) var(--bl-font-family);\n  --bl-font-display-light: var(--bl-font-weight-light) var(--bl-font-display);\n  --bl-font-display-regular: var(--bl-font-weight-regular) var(--bl-font-display);\n  --bl-font-display-medium: var(--bl-font-weight-medium) var(--bl-font-display);\n  --bl-font-display-semibold: var(--bl-font-weight-semibold) var(--bl-font-display);\n  --bl-font-display-bold: var(--bl-font-weight-bold) var(--bl-font-display);\n\n  /* Font Style: Heading 1 */\n  --bl-font-heading-1-font-size: var(--bl-font-size-4xl);\n  --bl-font-heading-1-line-height: calc(var(--bl-font-heading-1-font-size) + var(--bl-size-3xs));\n  --bl-font-heading-1-size: var(--bl-font-heading-1-font-size) /\n    var(--bl-font-heading-1-line-height);\n  --bl-font-heading-1: var(--bl-font-weight-light) var(--bl-font-heading-1-size)\n    var(--bl-font-family);\n\n  /* Font Style: Heading 2 */\n  --bl-font-heading-2-font-size: var(--bl-font-size-3xl);\n  --bl-font-heading-2-line-height: calc(var(--bl-font-heading-2-font-size) + var(--bl-size-3xs));\n  --bl-font-heading-2-size: var(--bl-font-heading-2-font-size) /\n    var(--bl-font-heading-2-line-height);\n  --bl-font-heading-2: var(--bl-font-weight-regular) var(--bl-font-heading-2-size)\n    var(--bl-font-family);\n\n  /* Font Style: Heading 3 */\n  --bl-font-heading-3-font-size: var(--bl-font-size-2xl);\n  --bl-font-heading-3-line-height: calc(var(--bl-font-heading-3-font-size) + var(--bl-size-3xs));\n  --bl-font-heading-3-size: var(--bl-font-heading-3-font-size) /\n    var(--bl-font-heading-3-line-height);\n  --bl-font-heading-3: var(--bl-font-weight-regular) var(--bl-font-heading-3-size)\n    var(--bl-font-family);\n\n  /* Font Style: Title 1 */\n  --bl-font-title-1-font-size: var(--bl-font-size-xl);\n  --bl-font-title-1-line-height: calc(var(--bl-font-title-1-font-size) + var(--bl-size-3xs));\n  --bl-font-title-1-size: var(--bl-font-title-1-font-size) / var(--bl-font-title-1-line-height);\n  --bl-font-title-1: var(--bl-font-title-1-size) var(--bl-font-family);\n  --bl-font-title-1-regular: var(--bl-font-weight-regular) var(--bl-font-title-1);\n  --bl-font-title-1-medium: var(--bl-font-weight-medium) var(--bl-font-title-1);\n  --bl-font-title-1-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-1);\n  --bl-font-title-1-bold: var(--bl-font-weight-bold) var(--bl-font-title-1);\n\n  /* Font Style: Title 2 */\n  --bl-font-title-2-font-size: var(--bl-font-size-l);\n  --bl-font-title-2-line-height: calc(var(--bl-font-title-2-font-size) + var(--bl-size-3xs));\n  --bl-font-title-2-size: var(--bl-font-title-2-font-size) / var(--bl-font-title-2-line-height);\n  --bl-font-title-2: var(--bl-font-title-2-size) var(--bl-font-family);\n  --bl-font-title-2-regular: var(--bl-font-weight-regular) var(--bl-font-title-2);\n  --bl-font-title-2-medium: var(--bl-font-weight-medium) var(--bl-font-title-2);\n  --bl-font-title-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-2);\n  --bl-font-title-2-bold: var(--bl-font-weight-bold) var(--bl-font-title-2);\n\n  /* Font Style: Title 3 */\n  --bl-font-title-3-font-size: var(--bl-font-size-m);\n  --bl-font-title-3-line-height: calc(var(--bl-font-title-3-font-size) + var(--bl-size-4xs));\n  --bl-font-title-3-size: var(--bl-font-title-3-font-size) / var(--bl-font-title-3-line-height);\n  --bl-font-title-3: var(--bl-font-title-3-size) var(--bl-font-family);\n  --bl-font-title-3-regular: var(--bl-font-weight-regular) var(--bl-font-title-3);\n  --bl-font-title-3-medium: var(--bl-font-weight-medium) var(--bl-font-title-3);\n  --bl-font-title-3-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-3);\n  --bl-font-title-3-bold: var(--bl-font-weight-bold) var(--bl-font-title-3);\n\n  /* Font Style: Title 4 */\n  --bl-font-title-4-font-size: var(--bl-font-size-s);\n  --bl-font-title-4-line-height: calc(var(--bl-font-title-4-font-size) + var(--bl-size-4xs));\n  --bl-font-title-4-size: var(--bl-font-title-4-font-size) / var(--bl-font-title-4-line-height);\n  --bl-font-title-4: var(--bl-font-title-4-size) var(--bl-font-family);\n  --bl-font-title-4-regular: var(--bl-font-weight-regular) var(--bl-font-title-4);\n  --bl-font-title-4-medium: var(--bl-font-weight-medium) var(--bl-font-title-4);\n  --bl-font-title-4-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-4);\n  --bl-font-title-4-bold: var(--bl-font-weight-bold) var(--bl-font-title-4);\n\n  /* Font Style: Body Text 1 */\n  --bl-font-body-text-1-font-size: var(--bl-font-size-l);\n  --bl-font-body-text-1-line-height: calc(\n    var(--bl-font-body-text-1-font-size) + var(--bl-size-4xs)\n  );\n  --bl-font-body-text-1-size: var(--bl-font-body-text-1-font-size) /\n    var(--bl-font-body-text-1-line-height);\n  --bl-font-body-text-1: var(--bl-font-weight-regular) var(--bl-font-body-text-1-size)\n    var(--bl-font-family);\n\n  /* Font Style: Body Text 2 */\n  --bl-font-body-text-2-font-size: var(--bl-font-size-m);\n  --bl-font-body-text-2-line-height: calc(\n    var(--bl-font-body-text-2-font-size) + var(--bl-size-4xs)\n  );\n  --bl-font-body-text-2-size: var(--bl-font-body-text-2-font-size) /\n    var(--bl-font-body-text-2-line-height);\n  --bl-font-body-text-2: var(--bl-font-weight-regular) var(--bl-font-body-text-2-size)\n    var(--bl-font-family);\n\n  /* Font Style: Body Text 3 */\n  --bl-font-body-text-3-font-size: var(--bl-font-size-s);\n  --bl-font-body-text-3-line-height: calc(\n    var(--bl-font-body-text-3-font-size) + var(--bl-size-4xs)\n  );\n  --bl-font-body-text-3-size: var(--bl-font-body-text-3-font-size) /\n    var(--bl-font-body-text-3-line-height);\n  --bl-font-body-text-3: var(--bl-font-weight-regular) var(--bl-font-body-text-3-size)\n    var(--bl-font-family);\n\n  /* Font Style: Caption */\n  --bl-font-caption-font-size: var(--bl-font-size-xs);\n  --bl-font-caption-line-height: calc(var(--bl-font-caption-font-size) + var(--bl-size-4xs));\n  --bl-font-caption-size: var(--bl-font-caption-font-size) / var(--bl-font-caption-line-height);\n  --bl-font-caption: var(--bl-font-weight-medium) var(--bl-font-caption-size) var(--bl-font-family);\n}\n"],
-  "mappings": "AACA,WACE,0BACA,kBACA,kBACA,oBACA,iFACA,yDAGF,WACE,0BACA,kBACA,kBACA,oBACA,qFACA,iFAGF,WACE,0BACA,kBACA,kBACA,oBACA,+EACA,gEAGF,WACE,0BACA,kBACA,kBACA,oBACA,8EACA,yJAGF,WACE,0BACA,kBACA,kBACA,oBACA,kFACA,2GCzCF,MAEE,4BACA,kCACA,8BACA,oCACA,6BACA,mCACA,4BACA,kCACA,2BACA,iCACA,4BACA,kCACA,gCACA,sCACA,6BACA,mCAGA,oCACA,8CACA,yCACA,wCACA,uCACA,sCACA,uCACA,2CACA,wCAGA,oCACA,sCACA,qCACA,oCACA,0CACA,kCACA,2BAGA,uBACA,sBACA,qBACA,qBACA,qBACA,kBACA,qBACA,qBACA,oBACA,sBACA,oBACA,oBACA,oBAGA,oBACA,mBACA,wBACA,wBACA,uBACA,wBACA,uBACA,6BAGA,8CAGA,4BACA,8BACA,6BACA,+BACA,2BAGA,0BACA,2BACA,yBACA,0BACA,uBACA,2BACA,2BACA,4BACA,yBACA,yBACA,yBAGA,+BACA,6BACA,8BACA,4BACA,mCACA,+BAGA,qDACA,2FACA,8FACA,qEACA,4EACA,gFACA,8EACA,kFACA,0EAGA,uDACA,+FACA,oGAEA,qGAIA,uDACA,+FACA,oGAEA,uGAIA,uDACA,+FACA,oGAEA,uGAIA,oDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,mDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,mDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,mDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,uDACA,qGAGA,0GAEA,2GAIA,uDACA,qGAGA,0GAEA,2GAIA,uDACA,qGAGA,0GAEA,2GAIA,oDACA,2FACA,8FACA",
+  "sourcesContent": ["/* rubik-cyrillic-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-cyrillic-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}  \n/* rubik-cyrillic-ext-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-cyrillic-ext-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}  \n/* rubik-hebrew-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-hebrew-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}  \n/* rubik-latin-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-latin-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}  \n/* rubik-latin-ext-variable-wghtOnly-normal */\n@font-face {\n  font-family: 'RubikVariable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300 900;\n  src: url('./files/rubik-latin-ext-variable-wghtOnly-normal.woff2') format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}  \n", "@import '@fontsource/rubik/variable.css';\n\n:root {\n  /* Primary Color */\n  --bl-color-primary: #f27a1a;\n  --bl-color-primary-highlight: #ef6114;\n  --bl-color-primary-contrast: #fef2e8;\n\n  /* Success Color */\n  --bl-color-success: #0bc15c;\n  --bl-color-success-highlight: #09a44e;\n  --bl-color-success-contrast: #e7f9ef;\n\n  /* Danger Color */\n  --bl-color-danger: #ff5043;\n  --bl-color-danger-highlight: #ff3028;\n  --bl-color-danger-contrast: #ffeeec;\n\n  /* Warning Color */\n  --bl-color-warning: #ffb600;\n  --bl-color-warning-highlight: #ff9800;\n  --bl-color-warning-contrast: #fff8e6;\n\n  /* Neutral Color */\n  --bl-color-neutral-none: #000;\n  --bl-color-neutral-darkest: #0f131a;\n  --bl-color-neutral-darker: #273142;\n  --bl-color-neutral-dark: #6e7787;\n  --bl-color-neutral-light: #95a1b5;\n  --bl-color-neutral-lighter: #afbbca;\n  --bl-color-neutral-lightest: #f1f2f7;\n  --bl-color-neutral-full: #fff;\n\n  /* Size and Spacing */\n  --bl-size-4xs: 0.125rem; /* 2px */\n  --bl-size-3xs: 0.25rem; /* 4px */\n  --bl-size-2xs: 0.5rem; /* 8px */\n  --bl-size-xs: 0.75rem; /* 12px */\n  --bl-size-s: 0.875rem; /* 14px */\n  --bl-size-m: 1rem; /* 16px */\n  --bl-size-l: 1.25rem; /* 20px */\n  --bl-size-xl: 1.5rem; /* 24px */\n  --bl-size-2xl: 2rem; /* 32px */\n  --bl-size-3xl: 2.5rem; /* 40px */\n  --bl-size-4xl: 3rem; /* 48px */\n  --bl-size-5xl: 4rem; /* 64px */\n  --bl-size-6xl: 5rem; /* 80px */\n\n  /* Z-indexes */\n  --bl-index-deep: -1;\n  --bl-index-base: 1;\n  --bl-index-popover: 100;\n  --bl-index-tooltip: 200;\n  --bl-index-sticky: 300;\n  --bl-index-overlay: 400;\n  --bl-index-dialog: 500;\n  --bl-index-notification: 600;\n\n  /* Typography */\n  --bl-font-family: 'RubikVariable', sans-serif;\n\n  /* Font weights */\n  --bl-font-weight-light: 300;\n  --bl-font-weight-regular: 400;\n  --bl-font-weight-medium: 500;\n  --bl-font-weight-semibold: 600;\n  --bl-font-weight-bold: 700;\n\n  /* Font sizes */\n  --bl-font-size-2xs: 0.5rem; /* 8px */\n  --bl-font-size-xs: 0.625rem; /* 10px */\n  --bl-font-size-s: 0.75rem; /* 12px */\n  --bl-font-size-m: 0.875rem; /* 14px */\n  --bl-font-size-l: 1rem; /* 16px */\n  --bl-font-size-xl: 1.25rem; /* 20px */\n  --bl-font-size-2xl: 1.5rem; /* 24px */\n  --bl-font-size-3xl: 1.75rem; /* 28px */\n  --bl-font-size-4xl: 2rem; /* 32px */\n  --bl-font-size-5xl: 3rem; /* 48px */\n  --bl-font-size-6xl: 4rem; /* 64px */\n\n  /* Border radius */\n  --bl-border-radius-xs: 0.125rem; /* 2px */\n  --bl-border-radius-s: 0.25rem; /* 4px */\n  --bl-border-radius-m: 0.375rem; /* 6px */\n  --bl-border-radius-l: 0.5rem; /* 8px */\n  --bl-border-radius-pill: 62.438rem; /* 999px */\n  --bl-border-radius-circle: 50%;\n\n  /* Font Style: Display */\n  --bl-font-display-font-size: var(--bl-font-size-5xl);\n  --bl-font-display-line-height: calc(var(--bl-font-display-font-size) + var(--bl-size-2xs));\n  --bl-font-display-size: var(--bl-font-display-font-size) / var(--bl-font-display-line-height);\n  --bl-font-display: var(--bl-font-display-size) var(--bl-font-family);\n  --bl-font-display-light: var(--bl-font-weight-light) var(--bl-font-display);\n  --bl-font-display-regular: var(--bl-font-weight-regular) var(--bl-font-display);\n  --bl-font-display-medium: var(--bl-font-weight-medium) var(--bl-font-display);\n  --bl-font-display-semibold: var(--bl-font-weight-semibold) var(--bl-font-display);\n  --bl-font-display-bold: var(--bl-font-weight-bold) var(--bl-font-display);\n\n  /* Font Style: Heading 1 */\n  --bl-font-heading-1-font-size: var(--bl-font-size-4xl);\n  --bl-font-heading-1-line-height: calc(var(--bl-font-heading-1-font-size) + var(--bl-size-3xs));\n  --bl-font-heading-1-size: var(--bl-font-heading-1-font-size) /\n    var(--bl-font-heading-1-line-height);\n  --bl-font-heading-1: var(--bl-font-weight-light) var(--bl-font-heading-1-size)\n    var(--bl-font-family);\n\n  /* Font Style: Heading 2 */\n  --bl-font-heading-2-font-size: var(--bl-font-size-3xl);\n  --bl-font-heading-2-line-height: calc(var(--bl-font-heading-2-font-size) + var(--bl-size-3xs));\n  --bl-font-heading-2-size: var(--bl-font-heading-2-font-size) /\n    var(--bl-font-heading-2-line-height);\n  --bl-font-heading-2: var(--bl-font-weight-regular) var(--bl-font-heading-2-size)\n    var(--bl-font-family);\n\n  /* Font Style: Heading 3 */\n  --bl-font-heading-3-font-size: var(--bl-font-size-2xl);\n  --bl-font-heading-3-line-height: calc(var(--bl-font-heading-3-font-size) + var(--bl-size-3xs));\n  --bl-font-heading-3-size: var(--bl-font-heading-3-font-size) /\n    var(--bl-font-heading-3-line-height);\n  --bl-font-heading-3: var(--bl-font-weight-regular) var(--bl-font-heading-3-size)\n    var(--bl-font-family);\n\n  /* Font Style: Title 1 */\n  --bl-font-title-1-font-size: var(--bl-font-size-xl);\n  --bl-font-title-1-line-height: calc(var(--bl-font-title-1-font-size) + var(--bl-size-3xs));\n  --bl-font-title-1-size: var(--bl-font-title-1-font-size) / var(--bl-font-title-1-line-height);\n  --bl-font-title-1: var(--bl-font-title-1-size) var(--bl-font-family);\n  --bl-font-title-1-regular: var(--bl-font-weight-regular) var(--bl-font-title-1);\n  --bl-font-title-1-medium: var(--bl-font-weight-medium) var(--bl-font-title-1);\n  --bl-font-title-1-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-1);\n  --bl-font-title-1-bold: var(--bl-font-weight-bold) var(--bl-font-title-1);\n\n  /* Font Style: Title 2 */\n  --bl-font-title-2-font-size: var(--bl-font-size-l);\n  --bl-font-title-2-line-height: calc(var(--bl-font-title-2-font-size) + var(--bl-size-3xs));\n  --bl-font-title-2-size: var(--bl-font-title-2-font-size) / var(--bl-font-title-2-line-height);\n  --bl-font-title-2: var(--bl-font-title-2-size) var(--bl-font-family);\n  --bl-font-title-2-regular: var(--bl-font-weight-regular) var(--bl-font-title-2);\n  --bl-font-title-2-medium: var(--bl-font-weight-medium) var(--bl-font-title-2);\n  --bl-font-title-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-2);\n  --bl-font-title-2-bold: var(--bl-font-weight-bold) var(--bl-font-title-2);\n\n  /* Font Style: Title 3 */\n  --bl-font-title-3-font-size: var(--bl-font-size-m);\n  --bl-font-title-3-line-height: calc(var(--bl-font-title-3-font-size) + var(--bl-size-4xs));\n  --bl-font-title-3-size: var(--bl-font-title-3-font-size) / var(--bl-font-title-3-line-height);\n  --bl-font-title-3: var(--bl-font-title-3-size) var(--bl-font-family);\n  --bl-font-title-3-regular: var(--bl-font-weight-regular) var(--bl-font-title-3);\n  --bl-font-title-3-medium: var(--bl-font-weight-medium) var(--bl-font-title-3);\n  --bl-font-title-3-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-3);\n  --bl-font-title-3-bold: var(--bl-font-weight-bold) var(--bl-font-title-3);\n\n  /* Font Style: Title 4 */\n  --bl-font-title-4-font-size: var(--bl-font-size-s);\n  --bl-font-title-4-line-height: calc(var(--bl-font-title-4-font-size) + var(--bl-size-4xs));\n  --bl-font-title-4-size: var(--bl-font-title-4-font-size) / var(--bl-font-title-4-line-height);\n  --bl-font-title-4: var(--bl-font-title-4-size) var(--bl-font-family);\n  --bl-font-title-4-regular: var(--bl-font-weight-regular) var(--bl-font-title-4);\n  --bl-font-title-4-medium: var(--bl-font-weight-medium) var(--bl-font-title-4);\n  --bl-font-title-4-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-4);\n  --bl-font-title-4-bold: var(--bl-font-weight-bold) var(--bl-font-title-4);\n\n  /* Font Style: Body Text 1 */\n  --bl-font-body-text-1-font-size: var(--bl-font-size-l);\n  --bl-font-body-text-1-line-height: calc(\n    var(--bl-font-body-text-1-font-size) + var(--bl-size-4xs)\n  );\n  --bl-font-body-text-1-size: var(--bl-font-body-text-1-font-size) /\n    var(--bl-font-body-text-1-line-height);\n  --bl-font-body-text-1: var(--bl-font-weight-regular) var(--bl-font-body-text-1-size)\n    var(--bl-font-family);\n\n  /* Font Style: Body Text 2 */\n  --bl-font-body-text-2-font-size: var(--bl-font-size-m);\n  --bl-font-body-text-2-line-height: calc(\n    var(--bl-font-body-text-2-font-size) + var(--bl-size-4xs)\n  );\n  --bl-font-body-text-2-size: var(--bl-font-body-text-2-font-size) /\n    var(--bl-font-body-text-2-line-height);\n  --bl-font-body-text-2: var(--bl-font-weight-regular) var(--bl-font-body-text-2-size)\n    var(--bl-font-family);\n\n  /* Font Style: Body Text 3 */\n  --bl-font-body-text-3-font-size: var(--bl-font-size-s);\n  --bl-font-body-text-3-line-height: calc(\n    var(--bl-font-body-text-3-font-size) + var(--bl-size-4xs)\n  );\n  --bl-font-body-text-3-size: var(--bl-font-body-text-3-font-size) /\n    var(--bl-font-body-text-3-line-height);\n  --bl-font-body-text-3: var(--bl-font-weight-regular) var(--bl-font-body-text-3-size)\n    var(--bl-font-family);\n\n  /* Font Style: Caption */\n  --bl-font-caption-font-size: var(--bl-font-size-xs);\n  --bl-font-caption-line-height: calc(var(--bl-font-caption-font-size) + var(--bl-size-4xs));\n  --bl-font-caption-size: var(--bl-font-caption-font-size) / var(--bl-font-caption-line-height);\n  --bl-font-caption: var(--bl-font-weight-medium) var(--bl-font-caption-size) var(--bl-font-family);\n\n  /*\n  @DEPRECATED\n\n  Color names below is kept for backward compatibility,\n\n  Will be removed in V3\n  */\n  --bl-color-primary-hover: var(--bl-color-primary-highlight);\n  --bl-color-success-hover: var(--bl-color-success-highlight);\n  --bl-color-danger-hover: var(--bl-color-danger-highlight);\n  --bl-color-warning-hover: var(--bl-color-warning-highlight);\n  --bl-color-accent-primary-background: var(--bl-color-primary-contrast);\n  --bl-color-success-background: var(--bl-color-success-contrast);\n  --bl-color-danger-background: var(--bl-color-danger-contrast);\n  --bl-color-warning-background: var(--bl-color-warning-contrast);\n  --bl-color-primary-background: var(--bl-color-neutral-full);\n\n  /* Content Colors */\n  --bl-color-content-primary: var(--bl-color-neutral-darker);\n  --bl-color-content-secondary: var(--bl-color-neutral-dark);\n  --bl-color-content-tertiary: var(--bl-color-neutral-light);\n  --bl-color-content-passive: var(--bl-color-neutral-lighter);\n  --bl-color-content-primary-contrast: var(--bl-color-neutral-full);\n  --bl-color-content-hover: var(--bl-color-primary-highlight);\n  --bl-color-border: var(--bl-color-neutral-lighter);\n\n  /* Removed Colors */\n  --bl-color-secondary: #273142;\n  --bl-color-secondary-hover: #0f131a;\n  --bl-color-secondary-background: var(--bl-color-neutral-lightest);\n  --bl-color-tertiary: #f1f2f7;\n  --bl-color-tertiary-hover: #d5d9e1;\n  --bl-color-alternative: #5794ff;\n  --bl-color-alternative-hover: #457eff;\n  --bl-color-featured: #8c4eff;\n  --bl-color-featured-hover: #753eff;\n  --bl-color-tertiary-background: #f7f7fa;\n  --bl-color-alternative-background: #eef4ff;\n  --bl-color-featured-background: #f4edff;\n}\n"],
+  "mappings": "AACA,WACE,0BACA,kBACA,kBACA,oBACA,iFACA,yDAGF,WACE,0BACA,kBACA,kBACA,oBACA,qFACA,iFAGF,WACE,0BACA,kBACA,kBACA,oBACA,+EACA,gEAGF,WACE,0BACA,kBACA,kBACA,oBACA,8EACA,yJAGF,WACE,0BACA,kBACA,kBACA,oBACA,kFACA,2GCzCF,MAEE,4BACA,sCACA,qCAGA,4BACA,sCACA,qCAGA,2BACA,qCACA,oCAGA,4BACA,sCACA,qCAGA,8BACA,oCACA,mCACA,iCACA,kCACA,oCACA,qCACA,8BAGA,uBACA,sBACA,qBACA,qBACA,qBACA,kBACA,qBACA,qBACA,oBACA,sBACA,oBACA,oBACA,oBAGA,oBACA,mBACA,wBACA,wBACA,uBACA,wBACA,uBACA,6BAGA,8CAGA,4BACA,8BACA,6BACA,+BACA,2BAGA,0BACA,2BACA,yBACA,0BACA,uBACA,2BACA,2BACA,4BACA,yBACA,yBACA,yBAGA,+BACA,6BACA,8BACA,4BACA,mCACA,+BAGA,qDACA,2FACA,8FACA,qEACA,4EACA,gFACA,8EACA,kFACA,0EAGA,uDACA,+FACA,oGAEA,qGAIA,uDACA,+FACA,oGAEA,uGAIA,uDACA,+FACA,oGAEA,uGAIA,oDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,mDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,mDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,mDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,uDACA,qGAGA,0GAEA,2GAIA,uDACA,qGAGA,0GAEA,2GAIA,uDACA,qGAGA,0GAEA,2GAIA,oDACA,2FACA,8FACA,kGASA,4DACA,4DACA,0DACA,4DACA,uEACA,gEACA,8DACA,gEACA,4DAGA,2DACA,2DACA,2DACA,4DACA,kEACA,4DACA,mDAGA,8BACA,oCACA,kEACA,6BACA,mCACA,gCACA,sCACA,6BACA,mCACA,wCACA,2CACA",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trendyol/baklava",
-  "version": "2.0.0-beta.92",
+  "version": "2.0.0-beta.94",
   "description": "Trendyol Baklava Design System",
   "main": "dist/baklava.js",
   "module": "dist/baklava.js",
@@ -11,7 +11,7 @@
   "files": [
     "dist/"
   ],
-  "homepage": "https://github.com/Trendyol/baklava",
+  "homepage": "https://baklava.design",
   "repository": "github:Trendyol/baklava",
   "bugs": {
     "url": "https://github.com/Trendyol/baklava/issues"
@@ -79,16 +79,16 @@
     "@custom-elements-manifest/analyzer": "^0.6.3",
     "@open-wc/testing": "^3.1.6",
     "@rollup/plugin-replace": "^4.0.0",
-    "@storybook/addon-a11y": "6.5.9",
-    "@storybook/addon-actions": "6.5.9",
-    "@storybook/addon-essentials": "6.5.9",
-    "@storybook/addon-interactions": "^6.5.9",
-    "@storybook/addon-links": "6.5.9",
-    "@storybook/addon-storysource": "6.5.9",
-    "@storybook/addon-viewport": "^6.5.10",
+    "@storybook/addon-a11y": "6.5.16",
+    "@storybook/addon-actions": "6.5.16",
+    "@storybook/addon-essentials": "6.5.16",
+    "@storybook/addon-interactions": "^6.5.16",
+    "@storybook/addon-links": "6.5.16",
+    "@storybook/addon-storysource": "6.5.16",
+    "@storybook/addon-viewport": "^6.5.16",
     "@storybook/jest": "^0.0.10",
     "@storybook/testing-library": "^0.0.13",
-    "@storybook/web-components": "6.5.9",
+    "@storybook/web-components": "6.5.16",
     "@types/estree": "0.0.47",
     "@types/prettier": "^2.6.4",
     "@typescript-eslint/eslint-plugin": "^5.18.0",
@@ -107,6 +107,7 @@
     "esbuild-plugin-lit-css": "^2.0.0",
     "eslint": "^8.12.0",
     "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-storybook": "^0.6.11",
     "globby": "^13.1.1",
     "husky": "^8.0.3",
     "lint-staged": "^13.1.2",
@@ -115,7 +116,7 @@
     "pascal-case": "^3.1.2",
     "prettier": "^2.0.4",
     "rollup-plugin-lit-css": "^4.0.0",
-    "storybook": "6.5.9",
+    "storybook": "6.5.16",
     "stylelint": "^14.11.0",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-standard": "^28.0.0",