@sk-web-gui/core 2.4.0 → 3.0.1

package/dist/esm/units.js

@@ -1,24 +1,55 @@
 var _units = {
   spacing: {
     '0': 'var(--sk-spacing-0)',
+    '0.25': 'var(--sk-spacing-0.25)',
+    '0.5': 'var(--sk-spacing-0.5)',
+    '0.75': 'var(--sk-spacing-0.75)',
+    '1': 'var(--sk-spacing-1)',
     '2': 'var(--sk-spacing-2)',
+    '3': 'var(--sk-spacing-3)',
     '4': 'var(--sk-spacing-4)',
+    '5': 'var(--sk-spacing-5)',
     '6': 'var(--sk-spacing-6)',
+    '7': 'var(--sk-spacing-7)',
     '8': 'var(--sk-spacing-8)',
+    '9': 'var(--sk-spacing-9)',
     '10': 'var(--sk-spacing-10)',
+    '11': 'var(--sk-spacing-11)',
     '12': 'var(--sk-spacing-12)',
+    '13': 'var(--sk-spacing-13)',
     '14': 'var(--sk-spacing-14)',
+    '15': 'var(--sk-spacing-15)',
     '16': 'var(--sk-spacing-16)',
+    '17': 'var(--sk-spacing-17)',
     '18': 'var(--sk-spacing-18)',
+    '19': 'var(--sk-spacing-19)',
     '20': 'var(--sk-spacing-20)',
+    '22': 'var(--sk-spacing-22)',
     '24': 'var(--sk-spacing-24)',
+    '26': 'var(--sk-spacing-26)',
+    '28': 'var(--sk-spacing-28)',
+    '30': 'var(--sk-spacing-30)',
     '32': 'var(--sk-spacing-32)',
+    '34': 'var(--sk-spacing-34)',
+    '36': 'var(--sk-spacing-36)',
+    '38': 'var(--sk-spacing-38)',
     '40': 'var(--sk-spacing-40)',
+    '42': 'var(--sk-spacing-42)',
+    '44': 'var(--sk-spacing-44)',
+    '46': 'var(--sk-spacing-46)',
     '48': 'var(--sk-spacing-48)',
+    '50': 'var(--sk-spacing-50)',
+    '52': 'var(--sk-spacing-52)',
+    '54': 'var(--sk-spacing-54)',
     '56': 'var(--sk-spacing-56)',
+    '58': 'var(--sk-spacing-58)',
+    '60': 'var(--sk-spacing-60)',
+    '62': 'var(--sk-spacing-62)',
     '64': 'var(--sk-spacing-64)',
+    '68': 'var(--sk-spacing-68)',
     '72': 'var(--sk-spacing-72)',
-    '80': 'var(--sk-spacing-80)'
+    '80': 'var(--sk-spacing-80)',
+    '100': 'var(--sk-spacing-100)'
   },
   fontSizes: {
     'display-1': ['var(--sk-fontSize-display-1-DEFAULT)', {
@@ -157,6 +188,10 @@ var _units = {
       lineHeight: 'var(--sk-lineHeight-input-small)',
       fontWeight: 400
     }],
+    'logo-header': ['var(--sk-fontSize-logo-header)', {
+      lineHeight: 'var(--sk-lineHeight-logo-header)',
+      fontWeight: 700
+    }],
     lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],
     base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],
     large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],
@@ -197,6 +232,7 @@ var _units = {
     'input-large': 'var(--sk-lineHeight-input-large)',
     'input-medium': 'var(--sk-lineHeight-input-medium)',
     'input-small': 'var(--sk-lineHeight-input-small)',
+    'logo-header': 'var(--sk-lineHeight-logo-header)',
     lead: 'var(--sk-lineHeight-lead)',
     base: 'var(--sk-lineHeight-base)',
     large: 'var(--sk-lineHeight-large)',

package/dist/esm/units.js.map

@@ -1 +1 @@
-{"version":3,"file":"units.js","names":["_units","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups","units"],"sources":["../../src/units.ts"],"sourcesContent":["const _units = {\n  spacing: {\n    '0': 'var(--sk-spacing-0)',\n    '2': 'var(--sk-spacing-2)',\n    '4': 'var(--sk-spacing-4)',\n    '6': 'var(--sk-spacing-6)',\n    '8': 'var(--sk-spacing-8)',\n    '10': 'var(--sk-spacing-10)',\n    '12': 'var(--sk-spacing-12)',\n    '14': 'var(--sk-spacing-14)',\n    '16': 'var(--sk-spacing-16)',\n    '18': 'var(--sk-spacing-18)',\n    '20': 'var(--sk-spacing-20)',\n    '24': 'var(--sk-spacing-24)',\n    '32': 'var(--sk-spacing-32)',\n    '40': 'var(--sk-spacing-40)',\n    '48': 'var(--sk-spacing-48)',\n    '56': 'var(--sk-spacing-56)',\n    '64': 'var(--sk-spacing-64)',\n    '72': 'var(--sk-spacing-72)',\n    '80': 'var(--sk-spacing-80)',\n  },\n\n  fontSizes: {\n    'display-1': [\n      'var(--sk-fontSize-display-1-DEFAULT)',\n      { lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)', fontWeight: 700 },\n    ],\n    'display-1-lg': [\n      'var(--sk-fontSize-display-1-lg)',\n      { lineHeight: 'var(--sk-lineHeight-display-1-lg)', fontWeight: 700 },\n    ],\n    'display-1-md': [\n      'var(--sk-fontSize-display-1-md)',\n      { lineHeight: 'var(--sk-lineHeight-display-1-md)', fontWeight: 700 },\n    ],\n    'display-1-sm': [\n      'var(--sk-fontSize-display-1-sm)',\n      { lineHeight: 'var(--sk-lineHeight-display-1-sm)', fontWeight: 700 },\n    ],\n    'display-2': [\n      'var(--sk-fontSize-display-2-DEFAULT)',\n      { lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)', fontWeight: 700 },\n    ],\n    'display-2-lg': [\n      'var(--sk-fontSize-display-2-lg)',\n      { lineHeight: 'var(--sk-lineHeight-display-2-lg)', fontWeight: 700 },\n    ],\n    'display-2-md': [\n      'var(--sk-fontSize-display-2-md)',\n      { lineHeight: 'var(--sk-lineHeight-display-2-md)', fontWeight: 700 },\n    ],\n    'display-2-sm': [\n      'var(--sk-fontSize-display-2-sm)',\n      { lineHeight: 'var(--sk-lineHeight-display-2-sm)', fontWeight: 700 },\n    ],\n    'display-3': [\n      'var(--sk-fontSize-display-3-DEFAULT)',\n      { lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)', fontWeight: 700 },\n    ],\n    'display-3-lg': [\n      'var(--sk-fontSize-display-3-lg)',\n      { lineHeight: 'var(--sk-lineHeight-display-3-lg)', fontWeight: 700 },\n    ],\n    'display-3-md': [\n      'var(--sk-fontSize-display-3-md)',\n      { lineHeight: 'var(--sk-lineHeight-display-3-md)', fontWeight: 700 },\n    ],\n    'display-3-sm': [\n      'var(--sk-fontSize-display-3-sm)',\n      { lineHeight: 'var(--sk-lineHeight-display-3-sm)', fontWeight: 700 },\n    ],\n\n    h1: ['var(--sk-fontSize-h-1-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)', fontWeight: 700 }],\n    'h1-lg': ['var(--sk-fontSize-h-1-lg)', { lineHeight: 'var(--sk-lineHeight-h-1-lg)', fontWeight: 700 }],\n    'h1-md': ['var(--sk-fontSize-h-1-md)', { lineHeight: 'var(--sk-lineHeight-h-1-md)', fontWeight: 700 }],\n    'h1-sm': ['var(--sk-fontSize-h-1-sm)', { lineHeight: 'var(--sk-lineHeight-h-1-sm)', fontWeight: 700 }],\n    h2: ['var(--sk-fontSize-h-2-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)', fontWeight: 700 }],\n    'h2-lg': ['var(--sk-fontSize-h-2-lg)', { lineHeight: 'var(--sk-lineHeight-h-2-lg)', fontWeight: 700 }],\n    'h2-md': ['var(--sk-fontSize-h-2-md)', { lineHeight: 'var(--sk-lineHeight-h-2-md)', fontWeight: 700 }],\n    'h2-sm': ['var(--sk-fontSize-h-2-sm)', { lineHeight: 'var(--sk-lineHeight-h-2-sm)', fontWeight: 700 }],\n    h3: ['var(--sk-fontSize-h-3-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)', fontWeight: 700 }],\n    'h3-lg': ['var(--sk-fontSize-h-3-lg)', { lineHeight: 'var(--sk-lineHeight-h-3-lg)', fontWeight: 700 }],\n    'h3-md': ['var(--sk-fontSize-h-3-md)', { lineHeight: 'var(--sk-lineHeight-h-3-md)', fontWeight: 700 }],\n    'h3-sm': ['var(--sk-fontSize-h-3-sm)', { lineHeight: 'var(--sk-lineHeight-h-3-sm)', fontWeight: 700 }],\n    h4: ['var(--sk-fontSize-h-4-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)', fontWeight: 700 }],\n    'h4-lg': ['var(--sk-fontSize-h-4-lg)', { lineHeight: 'var(--sk-lineHeight-h-4-lg)', fontWeight: 700 }],\n    'h4-md': ['var(--sk-fontSize-h-4-md)', { lineHeight: 'var(--sk-lineHeight-h-4-md)', fontWeight: 700 }],\n    'h4-sm': ['var(--sk-fontSize-h-4-sm)', { lineHeight: 'var(--sk-lineHeight-h-4-sm)', fontWeight: 700 }],\n\n    'label-large': [\n      'var(--sk-fontSize-label-large)',\n      { lineHeight: 'var(--sk-lineHeight-label-large)', fontWeight: 700 },\n    ],\n    'label-medium': [\n      'var(--sk-fontSize-label-medium)',\n      { lineHeight: 'var(--sk-lineHeight-label-medium)', fontWeight: 700 },\n    ],\n    'label-small': [\n      'var(--sk-fontSize-label-small)',\n      { lineHeight: 'var(--sk-lineHeight-label-small)', fontWeight: 700 },\n    ],\n\n    'input-large': [\n      'var(--sk-fontSize-input-large)',\n      { lineHeight: 'var(--sk-lineHeight-input-large)', fontWeight: 400 },\n    ],\n    'input-medium': [\n      'var(--sk-fontSize-input-medium)',\n      { lineHeight: 'var(--sk-lineHeight-input-medium)', fontWeight: 400 },\n    ],\n    'input-small': [\n      'var(--sk-fontSize-input-small)',\n      { lineHeight: 'var(--sk-lineHeight-input-small)', fontWeight: 400 },\n    ],\n\n    lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],\n    base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],\n    large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],\n    small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)'],\n  },\n  lineHeights: {\n    'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',\n    'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',\n    'display-1-md': 'var(--sk-lineHeight-display-1-md)',\n    'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',\n    'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',\n    'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',\n    'display-2-md': 'var(--sk-lineHeight-display-2-md)',\n    'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',\n    'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',\n    'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',\n    'display-3-md': 'var(--sk-lineHeight-display-3-md)',\n    'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',\n\n    h1: 'var(--sk-lineHeight-h-1-DEFAULT)',\n    'h1-lg': 'var(--sk-lineHeight-h-1-lg)',\n    'h1-md': 'var(--sk-lineHeight-h-1-md)',\n    'h1-sm': 'var(--sk-lineHeight-h-1-sm)',\n    h2: 'var(--sk-lineHeight-h-2-DEFAULT)',\n    'h2-lg': 'var(--sk-lineHeight-h-2-lg)',\n    'h2-md': 'var(--sk-lineHeight-h-2-md)',\n    'h2-sm': 'var(--sk-lineHeight-h-2-sm)',\n    h3: 'var(--sk-lineHeight-h-3-DEFAULT)',\n    'h3-lg': 'var(--sk-lineHeight-h-3-lg)',\n    'h3-md': 'var(--sk-lineHeight-h-3-md)',\n    'h3-sm': 'var(--sk-lineHeight-h-3-sm)',\n    h4: 'var(--sk-lineHeight-h-4-DEFAULT)',\n    'h4-lg': 'var(--sk-lineHeight-h-4-lg)',\n    'h4-md': 'var(--sk-lineHeight-h-4-md)',\n    'h4-sm': 'var(--sk-lineHeight-h-4-sm)',\n\n    'label-large': 'var(--sk-lineHeight-label-large)',\n    'label-medium': 'var(--sk-lineHeight-label-medium)',\n    'label-small': 'var(--sk-lineHeight-label-small)',\n\n    'input-large': 'var(--sk-lineHeight-input-large)',\n    'input-medium': 'var(--sk-lineHeight-input-medium)',\n    'input-small': 'var(--sk-lineHeight-input-small)',\n\n    lead: 'var(--sk-lineHeight-lead)',\n    base: 'var(--sk-lineHeight-base)',\n    large: 'var(--sk-lineHeight-large)',\n    small: 'var(--sk-lineHeight-small)',\n  },\n  radius: {\n    DEFAULT: 'var(--sk-radius-utility-DEFAULT)',\n    full: 'var(--sk-radius-circular-DEFAULT)',\n    none: 'var(--sk-spacing-0)',\n    circular: 'var(--sk-radius-circular-DEFAULT)',\n    'circular-lg': 'var(--sk-radius-circular-lg)',\n    'circular-md': 'var(--sk-radius-circular-md)',\n    'circular-sm': 'var(--sk-radius-circular-sm)',\n\n    button: 'var(--sk-radius-button-DEFAULT)',\n    'button-lg': 'var(--sk-radius-button-lg)',\n    'button-md': 'var(--sk-radius-button-md)',\n    'button-sm': 'var(--sk-radius-button-sm)',\n    cards: 'var(--sk-radius-cards-DEFAULT)',\n    'cards-lg': 'var(--sk-radius-cards-lg)',\n    'cards-md': 'var(--sk-radius-cards-md)',\n    'cards-sm': 'var(--sk-radius-cards-sm)',\n    utility: 'var(--sk-radius-utility-DEFAULT)',\n    'utility-lg': 'var(--sk-radius-utility-lg)',\n    'utility-md': 'var(--sk-radius-utility-md)',\n    'utility-sm': 'var(--sk-radius-utility-sm)',\n    groups: 'var(--sk-radius-groups-DEFAULT)',\n    'groups-lg': 'var(--sk-radius-groups-lg)',\n    'groups-md': 'var(--sk-radius-groups-md)',\n    'groups-sm': 'var(--sk-radius-groups-sm)',\n\n    '0': 'var(--sk-spacing-0)',\n    '2': 'var(--sk-spacing-2)',\n    '4': 'var(--sk-spacing-4)',\n    '6': 'var(--sk-spacing-6)',\n    '8': 'var(--sk-spacing-8)',\n    '10': 'var(--sk-spacing-10)',\n    '12': 'var(--sk-spacing-12)',\n    '14': 'var(--sk-spacing-14)',\n    '16': 'var(--sk-spacing-16)',\n    '18': 'var(--sk-spacing-18)',\n    '20': 'var(--sk-spacing-20)',\n    '24': 'var(--sk-spacing-24)',\n    '32': 'var(--sk-spacing-32)',\n    '40': 'var(--sk-spacing-40)',\n    '48': 'var(--sk-spacing-48)',\n    '56': 'var(--sk-spacing-56)',\n    '64': 'var(--sk-spacing-64)',\n    '72': 'var(--sk-spacing-72)',\n    '80': 'var(--sk-spacing-80)',\n  },\n};\nconst units: typeof _units = _units;\nexport { units };\n"],"mappings":"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"}
+{"version":3,"file":"units.js","names":["_units","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups","units"],"sources":["../../src/units.ts"],"sourcesContent":["const _units = {\n  spacing: {\n    '0': 'var(--sk-spacing-0)',\n    '0.25': 'var(--sk-spacing-0.25)',\n    '0.5': 'var(--sk-spacing-0.5)',\n    '0.75': 'var(--sk-spacing-0.75)',\n    '1': 'var(--sk-spacing-1)',\n    '2': 'var(--sk-spacing-2)',\n    '3': 'var(--sk-spacing-3)',\n    '4': 'var(--sk-spacing-4)',\n    '5': 'var(--sk-spacing-5)',\n    '6': 'var(--sk-spacing-6)',\n    '7': 'var(--sk-spacing-7)',\n    '8': 'var(--sk-spacing-8)',\n    '9': 'var(--sk-spacing-9)',\n    '10': 'var(--sk-spacing-10)',\n    '11': 'var(--sk-spacing-11)',\n    '12': 'var(--sk-spacing-12)',\n    '13': 'var(--sk-spacing-13)',\n    '14': 'var(--sk-spacing-14)',\n    '15': 'var(--sk-spacing-15)',\n    '16': 'var(--sk-spacing-16)',\n    '17': 'var(--sk-spacing-17)',\n    '18': 'var(--sk-spacing-18)',\n    '19': 'var(--sk-spacing-19)',\n    '20': 'var(--sk-spacing-20)',\n    '22': 'var(--sk-spacing-22)',\n    '24': 'var(--sk-spacing-24)',\n    '26': 'var(--sk-spacing-26)',\n    '28': 'var(--sk-spacing-28)',\n    '30': 'var(--sk-spacing-30)',\n    '32': 'var(--sk-spacing-32)',\n    '34': 'var(--sk-spacing-34)',\n    '36': 'var(--sk-spacing-36)',\n    '38': 'var(--sk-spacing-38)',\n    '40': 'var(--sk-spacing-40)',\n    '42': 'var(--sk-spacing-42)',\n    '44': 'var(--sk-spacing-44)',\n    '46': 'var(--sk-spacing-46)',\n    '48': 'var(--sk-spacing-48)',\n    '50': 'var(--sk-spacing-50)',\n    '52': 'var(--sk-spacing-52)',\n    '54': 'var(--sk-spacing-54)',\n    '56': 'var(--sk-spacing-56)',\n    '58': 'var(--sk-spacing-58)',\n    '60': 'var(--sk-spacing-60)',\n    '62': 'var(--sk-spacing-62)',\n    '64': 'var(--sk-spacing-64)',\n    '68': 'var(--sk-spacing-68)',\n    '72': 'var(--sk-spacing-72)',\n    '80': 'var(--sk-spacing-80)',\n    '100': 'var(--sk-spacing-100)',\n  },\n\n  fontSizes: {\n    'display-1': [\n      'var(--sk-fontSize-display-1-DEFAULT)',\n      { lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)', fontWeight: 700 },\n    ],\n    'display-1-lg': [\n      'var(--sk-fontSize-display-1-lg)',\n      { lineHeight: 'var(--sk-lineHeight-display-1-lg)', fontWeight: 700 },\n    ],\n    'display-1-md': [\n      'var(--sk-fontSize-display-1-md)',\n      { lineHeight: 'var(--sk-lineHeight-display-1-md)', fontWeight: 700 },\n    ],\n    'display-1-sm': [\n      'var(--sk-fontSize-display-1-sm)',\n      { lineHeight: 'var(--sk-lineHeight-display-1-sm)', fontWeight: 700 },\n    ],\n    'display-2': [\n      'var(--sk-fontSize-display-2-DEFAULT)',\n      { lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)', fontWeight: 700 },\n    ],\n    'display-2-lg': [\n      'var(--sk-fontSize-display-2-lg)',\n      { lineHeight: 'var(--sk-lineHeight-display-2-lg)', fontWeight: 700 },\n    ],\n    'display-2-md': [\n      'var(--sk-fontSize-display-2-md)',\n      { lineHeight: 'var(--sk-lineHeight-display-2-md)', fontWeight: 700 },\n    ],\n    'display-2-sm': [\n      'var(--sk-fontSize-display-2-sm)',\n      { lineHeight: 'var(--sk-lineHeight-display-2-sm)', fontWeight: 700 },\n    ],\n    'display-3': [\n      'var(--sk-fontSize-display-3-DEFAULT)',\n      { lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)', fontWeight: 700 },\n    ],\n    'display-3-lg': [\n      'var(--sk-fontSize-display-3-lg)',\n      { lineHeight: 'var(--sk-lineHeight-display-3-lg)', fontWeight: 700 },\n    ],\n    'display-3-md': [\n      'var(--sk-fontSize-display-3-md)',\n      { lineHeight: 'var(--sk-lineHeight-display-3-md)', fontWeight: 700 },\n    ],\n    'display-3-sm': [\n      'var(--sk-fontSize-display-3-sm)',\n      { lineHeight: 'var(--sk-lineHeight-display-3-sm)', fontWeight: 700 },\n    ],\n\n    h1: ['var(--sk-fontSize-h-1-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)', fontWeight: 700 }],\n    'h1-lg': ['var(--sk-fontSize-h-1-lg)', { lineHeight: 'var(--sk-lineHeight-h-1-lg)', fontWeight: 700 }],\n    'h1-md': ['var(--sk-fontSize-h-1-md)', { lineHeight: 'var(--sk-lineHeight-h-1-md)', fontWeight: 700 }],\n    'h1-sm': ['var(--sk-fontSize-h-1-sm)', { lineHeight: 'var(--sk-lineHeight-h-1-sm)', fontWeight: 700 }],\n    h2: ['var(--sk-fontSize-h-2-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)', fontWeight: 700 }],\n    'h2-lg': ['var(--sk-fontSize-h-2-lg)', { lineHeight: 'var(--sk-lineHeight-h-2-lg)', fontWeight: 700 }],\n    'h2-md': ['var(--sk-fontSize-h-2-md)', { lineHeight: 'var(--sk-lineHeight-h-2-md)', fontWeight: 700 }],\n    'h2-sm': ['var(--sk-fontSize-h-2-sm)', { lineHeight: 'var(--sk-lineHeight-h-2-sm)', fontWeight: 700 }],\n    h3: ['var(--sk-fontSize-h-3-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)', fontWeight: 700 }],\n    'h3-lg': ['var(--sk-fontSize-h-3-lg)', { lineHeight: 'var(--sk-lineHeight-h-3-lg)', fontWeight: 700 }],\n    'h3-md': ['var(--sk-fontSize-h-3-md)', { lineHeight: 'var(--sk-lineHeight-h-3-md)', fontWeight: 700 }],\n    'h3-sm': ['var(--sk-fontSize-h-3-sm)', { lineHeight: 'var(--sk-lineHeight-h-3-sm)', fontWeight: 700 }],\n    h4: ['var(--sk-fontSize-h-4-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)', fontWeight: 700 }],\n    'h4-lg': ['var(--sk-fontSize-h-4-lg)', { lineHeight: 'var(--sk-lineHeight-h-4-lg)', fontWeight: 700 }],\n    'h4-md': ['var(--sk-fontSize-h-4-md)', { lineHeight: 'var(--sk-lineHeight-h-4-md)', fontWeight: 700 }],\n    'h4-sm': ['var(--sk-fontSize-h-4-sm)', { lineHeight: 'var(--sk-lineHeight-h-4-sm)', fontWeight: 700 }],\n\n    'label-large': [\n      'var(--sk-fontSize-label-large)',\n      { lineHeight: 'var(--sk-lineHeight-label-large)', fontWeight: 700 },\n    ],\n    'label-medium': [\n      'var(--sk-fontSize-label-medium)',\n      { lineHeight: 'var(--sk-lineHeight-label-medium)', fontWeight: 700 },\n    ],\n    'label-small': [\n      'var(--sk-fontSize-label-small)',\n      { lineHeight: 'var(--sk-lineHeight-label-small)', fontWeight: 700 },\n    ],\n\n    'input-large': [\n      'var(--sk-fontSize-input-large)',\n      { lineHeight: 'var(--sk-lineHeight-input-large)', fontWeight: 400 },\n    ],\n    'input-medium': [\n      'var(--sk-fontSize-input-medium)',\n      { lineHeight: 'var(--sk-lineHeight-input-medium)', fontWeight: 400 },\n    ],\n    'input-small': [\n      'var(--sk-fontSize-input-small)',\n      { lineHeight: 'var(--sk-lineHeight-input-small)', fontWeight: 400 },\n    ],\n    'logo-header': [\n      'var(--sk-fontSize-logo-header)',\n      { lineHeight: 'var(--sk-lineHeight-logo-header)', fontWeight: 700 },\n    ],\n\n    lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],\n    base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],\n    large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],\n    small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)'],\n  },\n  lineHeights: {\n    'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',\n    'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',\n    'display-1-md': 'var(--sk-lineHeight-display-1-md)',\n    'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',\n    'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',\n    'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',\n    'display-2-md': 'var(--sk-lineHeight-display-2-md)',\n    'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',\n    'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',\n    'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',\n    'display-3-md': 'var(--sk-lineHeight-display-3-md)',\n    'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',\n\n    h1: 'var(--sk-lineHeight-h-1-DEFAULT)',\n    'h1-lg': 'var(--sk-lineHeight-h-1-lg)',\n    'h1-md': 'var(--sk-lineHeight-h-1-md)',\n    'h1-sm': 'var(--sk-lineHeight-h-1-sm)',\n    h2: 'var(--sk-lineHeight-h-2-DEFAULT)',\n    'h2-lg': 'var(--sk-lineHeight-h-2-lg)',\n    'h2-md': 'var(--sk-lineHeight-h-2-md)',\n    'h2-sm': 'var(--sk-lineHeight-h-2-sm)',\n    h3: 'var(--sk-lineHeight-h-3-DEFAULT)',\n    'h3-lg': 'var(--sk-lineHeight-h-3-lg)',\n    'h3-md': 'var(--sk-lineHeight-h-3-md)',\n    'h3-sm': 'var(--sk-lineHeight-h-3-sm)',\n    h4: 'var(--sk-lineHeight-h-4-DEFAULT)',\n    'h4-lg': 'var(--sk-lineHeight-h-4-lg)',\n    'h4-md': 'var(--sk-lineHeight-h-4-md)',\n    'h4-sm': 'var(--sk-lineHeight-h-4-sm)',\n\n    'label-large': 'var(--sk-lineHeight-label-large)',\n    'label-medium': 'var(--sk-lineHeight-label-medium)',\n    'label-small': 'var(--sk-lineHeight-label-small)',\n\n    'input-large': 'var(--sk-lineHeight-input-large)',\n    'input-medium': 'var(--sk-lineHeight-input-medium)',\n    'input-small': 'var(--sk-lineHeight-input-small)',\n    'logo-header': 'var(--sk-lineHeight-logo-header)',\n    lead: 'var(--sk-lineHeight-lead)',\n    base: 'var(--sk-lineHeight-base)',\n    large: 'var(--sk-lineHeight-large)',\n    small: 'var(--sk-lineHeight-small)',\n  },\n  radius: {\n    DEFAULT: 'var(--sk-radius-utility-DEFAULT)',\n    full: 'var(--sk-radius-circular-DEFAULT)',\n    none: 'var(--sk-spacing-0)',\n    circular: 'var(--sk-radius-circular-DEFAULT)',\n    'circular-lg': 'var(--sk-radius-circular-lg)',\n    'circular-md': 'var(--sk-radius-circular-md)',\n    'circular-sm': 'var(--sk-radius-circular-sm)',\n\n    button: 'var(--sk-radius-button-DEFAULT)',\n    'button-lg': 'var(--sk-radius-button-lg)',\n    'button-md': 'var(--sk-radius-button-md)',\n    'button-sm': 'var(--sk-radius-button-sm)',\n    cards: 'var(--sk-radius-cards-DEFAULT)',\n    'cards-lg': 'var(--sk-radius-cards-lg)',\n    'cards-md': 'var(--sk-radius-cards-md)',\n    'cards-sm': 'var(--sk-radius-cards-sm)',\n    utility: 'var(--sk-radius-utility-DEFAULT)',\n    'utility-lg': 'var(--sk-radius-utility-lg)',\n    'utility-md': 'var(--sk-radius-utility-md)',\n    'utility-sm': 'var(--sk-radius-utility-sm)',\n    groups: 'var(--sk-radius-groups-DEFAULT)',\n    'groups-lg': 'var(--sk-radius-groups-lg)',\n    'groups-md': 'var(--sk-radius-groups-md)',\n    'groups-sm': 'var(--sk-radius-groups-sm)',\n\n    '0': 'var(--sk-spacing-0)',\n    '2': 'var(--sk-spacing-2)',\n    '4': 'var(--sk-spacing-4)',\n    '6': 'var(--sk-spacing-6)',\n    '8': 'var(--sk-spacing-8)',\n    '10': 'var(--sk-spacing-10)',\n    '12': 'var(--sk-spacing-12)',\n    '14': 'var(--sk-spacing-14)',\n    '16': 'var(--sk-spacing-16)',\n    '18': 'var(--sk-spacing-18)',\n    '20': 'var(--sk-spacing-20)',\n    '24': 'var(--sk-spacing-24)',\n    '32': 'var(--sk-spacing-32)',\n    '40': 'var(--sk-spacing-40)',\n    '48': 'var(--sk-spacing-48)',\n    '56': 'var(--sk-spacing-56)',\n    '64': 'var(--sk-spacing-64)',\n    '72': 'var(--sk-spacing-72)',\n    '80': 'var(--sk-spacing-80)',\n  },\n};\nconst units: typeof _units = _units;\nexport { units };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/with-opacity.js.map

@@ -1 +1 @@
-{"version":3,"file":"with-opacity.js","names":["withOpacity","variableName","_ref","opacityValue"],"sources":["../../src/with-opacity.ts"],"sourcesContent":["const withOpacity = function withOpacity(variableName: string) {\r\n  return ({ opacityValue }: { opacityValue: string }) => {\r\n    if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;\r\n    return `rgb(var(${variableName}))`;\r\n  };\r\n};\r\nexport default withOpacity;\r\n"],"mappings":"AAAA,IAAMA,WAAW,GAAG,SAASA,WAAWA,CAACC,YAAoB,EAAE;EAC7D,OAAOC,IAAA,IAAgD;IAAA,IAA/C;MAAEC;IAAuC,CAAC,GAAAD,IAAA;IAChD,IAAIC,YAAY,EAAE,qBAAmBF,YAAY,WAAME,YAAY;IACnE,oBAAkBF,YAAY;EAChC,CAAC;AACH,CAAC;AACD,eAAeD,WAAW"}
+{"version":3,"file":"with-opacity.js","names":["withOpacity","variableName","_ref","opacityValue"],"sources":["../../src/with-opacity.ts"],"sourcesContent":["const withOpacity = function withOpacity(variableName: string) {\r\n  return ({ opacityValue }: { opacityValue: string }) => {\r\n    if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;\r\n    return `rgb(var(${variableName}))`;\r\n  };\r\n};\r\nexport default withOpacity;\r\n"],"mappings":"AAAA,IAAMA,WAAW,GAAG,SAASA,WAAWA,CAACC,YAAoB,EAAE;EAC7D,OAAOC,IAAA,IAAgD;IAAA,IAA/C;MAAEC;IAAuC,CAAC,GAAAD,IAAA;IAChD,IAAIC,YAAY,EAAE,qBAAmBF,YAAY,WAAME,YAAY;IACnE,oBAAkBF,YAAY;EAChC,CAAC;AACH,CAAC;AACD,eAAeD,WAAW","ignoreList":[]}

package/dist/types/base.d.ts

@@ -43,7 +43,7 @@ declare const _base: {
         '@apply my-4': {};
     };
     '.text-content': {
-        '@apply max-w-[80rem]': {};
+        '@apply max-w-content': {};
         p: {
             '@apply mt-sm text-base': {};
         };

package/dist/types/components/accordion.d.ts

@@ -34,6 +34,9 @@ export declare const Accordion: () => {
         '&-toggle': {
             '@apply flex items-center justify-between': {};
             '@apply gap-16': {};
+            '.sk-icon': {
+                '@apply w-32 h-32': {};
+            };
         };
         '&-title': {
             '@apply text-dark-primary': {};
@@ -52,6 +55,9 @@ export declare const Accordion: () => {
             };
             '.sk-disclosure-toggle': {
                 '@apply gap-12': {};
+                '.sk-icon': {
+                    '@apply w-20 h-20': {};
+                };
             };
             '.sk-disclosure-support': {
                 '@apply text-small': {};
@@ -76,6 +82,9 @@ export declare const Accordion: () => {
             };
             '.sk-disclosure-toggle': {
                 '@apply gap-12': {};
+                '.sk-icon': {
+                    '@apply w-24 h-24': {};
+                };
             };
             '.sk-disclosure-support': {
                 '@apply text-body': {};
@@ -104,6 +113,7 @@ export declare const Accordion: () => {
             };
         };
         '&-body': {
+            '@apply text-base': {};
             '@apply flex flex-col': {};
             '@apply mb-32': {};
             '@apply mr-32': {};
@@ -132,13 +142,13 @@ export declare const Accordion: () => {
                 };
                 '&[data-has-icon="true"]': {
                     '&[data-size="sm"]': {
-                        '@apply ml-[3.2rem]': {};
+                        '@apply ml-32': {};
                     };
                     '&[data-size="md"]': {
-                        '@apply ml-[3.6rem]': {};
+                        '@apply ml-36': {};
                     };
                     '&[data-size="lg"]': {
-                        '@apply ml-[4.8rem]': {};
+                        '@apply ml-48': {};
                     };
                 };
             };

package/dist/types/components/avatar.d.ts

@@ -11,15 +11,15 @@ export declare const Avatar: (colors: string[]) => {
             '@apply rounded-circular': {};
         };
         '&&-sm': {
-            '@apply h-[3.2rem] w-[3.2rem] min-h-[2.4rem] max-h-[3.2rem] min-w-[2.4rem] max-w-[3.2rem]': {};
+            '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {};
             '@apply text-label-small': {};
         };
         '&&-md': {
-            '@apply h-[4rem] w-[4rem] min-h-[3.2rem] max-h-[4rem] min-w-[3.2rem] max-w-[4rem]': {};
+            '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {};
             '@apply text-label-medium': {};
         };
         '&&-lg': {
-            '@apply h-[6.4rem] w-[6.4rem] min-h-[4rem] max-h-[6.4rem] min-w-[4rem] max-w-[6.4rem]': {};
+            '@apply h-64 w-64 min-h-40 max-h-64 min-w-40 max-w-64': {};
             '@apply text-label-large': {};
         };
     };

package/dist/types/components/badge.d.ts

@@ -12,7 +12,7 @@ export declare const Badge: (colors: string[]) => {
         '@apply text-light-primary': {};
         '@apply rounded-utility': {};
         '@apply overflow-hidden': {};
-        '@apply h-[2.4rem] w-[2.4rem]': {};
+        '@apply h-24 w-24': {};
         '@apply text-label-small': {};
         '&[data-rounded="true"]': {
             '@apply rounded-circular': {};

package/dist/types/components/breadcrumb.d.ts

@@ -1,6 +1,6 @@
 export declare const Breadcrumb: () => {
     '.sk-breadcrumb': {
-        '@apply text-body relative': {};
+        '@apply text-body text-base relative': {};
         '&-item': {
             '@apply inline-flex items-center whitespace-nowrap': {};
         };

package/dist/types/components/button-group.d.ts

@@ -18,7 +18,7 @@ export declare const ButtonGroup: () => {
         '&-divider': {
             '@apply grow bg-tertiary-surface px-6': {};
             hr: {
-                '@apply h-[2rem]': {};
+                '@apply h-20': {};
             };
         };
     };

package/dist/types/components/button.d.ts

@@ -35,27 +35,21 @@ export declare const Button: (colors: string[]) => {
                 '@apply rounded-full': {};
             };
             '&.sk-btn-sm': {
-                minWidth: string;
-                width: string;
-                maxWidth: string;
+                '@apply w-32 min-w-32 max-w-32': {};
                 'svg, .sk-icon': {
-                    '@apply h-[2rem] w-[2rem]': {};
+                    '@apply h-20 w-20': {};
                 };
             };
             '&.sk-btn-md': {
-                minWidth: string;
-                width: string;
-                maxWidth: string;
+                '@apply w-40 min-w-40 max-w-40': {};
                 'svg, .sk-icon': {
-                    '@apply h-[2rem] w-[2rem]': {};
+                    '@apply h-20 w-20': {};
                 };
             };
             '&.sk-btn-lg': {
-                minWidth: string;
-                width: string;
-                maxWidth: string;
+                '@apply w-48 min-w-48 max-w-48': {};
                 'svg, .sk-icon': {
-                    '@apply h-[2.4rem] w-[2.4rem]': {};
+                    '@apply h-24 w-24': {};
                 };
             };
             '.btn-has-icon': {
@@ -166,28 +160,28 @@ export declare const Button: (colors: string[]) => {
         '&-sm': {
             '@apply text-label-small': {};
             '@apply px-14 py-8 gap-6': {};
-            '@apply max-h-[3.2rem] h-[3.2rem]': {};
+            '@apply max-h-32 h-32': {};
             '@apply rounded-button-sm': {};
             'svg, .sk-icon': {
-                '@apply h-[1.6rem] w-[1.6rem]': {};
+                '@apply h-16 w-16': {};
             };
         };
         '&-md': {
             '@apply text-label-medium': {};
             '@apply px-18 py-8 gap-8': {};
-            '@apply max-h-[4rem] h-[4rem]': {};
+            '@apply max-h-40 h-40': {};
             '@apply rounded-button-md': {};
             'svg, .sk-icon': {
-                '@apply h-[1.8rem] w-[1.8rem]': {};
+                '@apply h-18 w-18': {};
             };
         };
         '&-lg': {
             '@apply text-label-large': {};
             '@apply px-24 py-8 gap-8': {};
-            '@apply max-h-[4.8rem] h-[4.8rem]': {};
+            '@apply max-h-48 h-48': {};
             '@apply rounded-button-lg': {};
             'svg, .sk-icon': {
-                '@apply h-[2rem] w-[2rem]': {};
+                '@apply h-20 w-20': {};
             };
         };
         '&-disabled, &[aria-disabled="true"]': {

package/dist/types/components/card.d.ts

@@ -7,18 +7,18 @@ export declare const Card: (colors: string[]) => {
             };
         };
         "&[data-layout=\"horizontal\"]": {
-            '@apply flex-row h-[100%]': {};
+            '@apply flex-row h-full': {};
             '.sk-card': {
                 '&-image': {
-                    '@apply h-[100%] w-[128px]': {};
+                    '@apply h-full w-[8em]': {};
                     '@apply float-left': {};
                     '@apply rounded-none rounded-l-cards grow-0': {};
                 };
                 '&-body': {
-                    '@apply w-[100%]': {};
+                    '@apply w-full': {};
                     '@apply border-none': {};
                     '&-wrapper': {
-                        '@apply w-[100%]': {};
+                        '@apply w-full': {};
                     };
                     '&-content': {
                         'p, a': {
@@ -31,10 +31,11 @@ export declare const Card: (colors: string[]) => {
                 };
             };
         };
+        '@apply text-base': {};
         '@apply bg-white relative rounded-b-cards rounded-cards': {};
         '@apply flex flex-col': {};
         '@apply no-underline hover:no-underline': {};
-        '@apply h-[100%]': {};
+        '@apply h-full': {};
         '&-wrapper': {
             '@apply grid': {};
         };
@@ -49,16 +50,15 @@ export declare const Card: (colors: string[]) => {
                 '@apply flex': {};
             };
             '&-meta': {
-                '@apply flex space-x-12 mt-16': {};
+                '@apply flex space-x-12 mt-16 text-base': {};
                 span: {
                     '@apply flex space-x-4 items-center': {};
                     time: {
-                        '@apply h-[23px] leading-[24px]': {};
+                        '@apply h-24': {};
                     };
                 };
                 '&.sk-card-image': {
-                    backgroundColor: string;
-                    '@apply h-[278px]': {};
+                    '@apply min-h-[12.5em] max-h-[20em]': {};
                 };
             };
             '&-header': {
@@ -97,7 +97,7 @@ export declare const Card: (colors: string[]) => {
     '.sk-meta-card': {
         '@apply no-underline hover:no-underline': {};
         '@apply flex bg-vattjom-surface-accent': {};
-        '@apply p-14 rounded-16 w-[454px]': {};
+        '@apply p-14 rounded-groups': {};
         '&[data-color="mono"]': {
             '@apply bg-primitives-overlay-darken-1 dark:bg-primitives-overlay-lighten-1': {};
         };
@@ -122,13 +122,13 @@ export declare const Card: (colors: string[]) => {
             };
             '&-content': {
                 'p, a': {
-                    '@apply text-primitives-gray-700 dark:text-primitives-gray-200': {};
+                    '@apply text-primitives-gray-700 dark:text-primitives-gray-200 text-small': {};
                     '@apply text-dark-secondary line-clamp-1': {};
                 };
             };
         };
         '&-external-link-icon': {
-            '@apply ml-auto h-[32px] w-[32px]': {};
+            '@apply ml-auto h-32 w-32': {};
             '@apply p-6 text-dark': {};
         };
     };

package/dist/types/components/checkbox.d.ts

@@ -4,17 +4,17 @@ export declare const Checkbox: () => {
         '@apply rounded-utility': {};
         '@apply bg-transparent border-transparent': {};
         '&-sm': {
-            '@apply w-[2.4rem] h-[2.4rem]': {};
+            '@apply w-24 h-24': {};
         };
         '&-md': {
-            '@apply w-[2.4rem] h-[2.4rem]': {};
+            '@apply w-24 h-24': {};
         };
         '&-lg': {
-            '@apply w-[2.4rem] h-[2.4rem]': {};
+            '@apply w-24 h-24': {};
         };
         '+ .sk-icon': {
             '@apply absolute inset-0 my-auto bg-transparent': {};
-            '@apply border-[0.1rem] p-2 border-primitives-overlay-darken-6 dark:border-primitives-overlay-lighten-6': {};
+            '@apply border-1 p-2 border-primitives-overlay-darken-6 dark:border-primitives-overlay-lighten-6': {};
             '@apply bg-primitives-overlay-lighten-10 dark:bg-primitives-overlay-darken-6': {};
             svg: {
                 '@apply hidden': {};
@@ -68,10 +68,10 @@ export declare const Checkbox: () => {
             };
         };
         '&-label-left &-label': {
-            '@apply mr-[.8rem]': {};
+            '@apply mr-8': {};
         };
         '&-label-right &-label': {
-            '@apply ml-[.8rem]': {};
+            '@apply ml-8': {};
         };
         '&-label-left': {
             '.sk-icon': {

package/dist/types/components/chip.d.ts

@@ -6,8 +6,8 @@ export declare const Chip: () => {
         '@apply hover:bg-secondary-surface-hover': {};
         '@apply focus-visible:bg-secondary-surface-hover': {};
         '@apply focus-visible:ring': {};
-        '@apply px-[.9rem] gap-4': {};
-        '@apply h-[3.4rem]': {};
+        '@apply px-9 gap-4': {};
+        '@apply h-34': {};
         '@apply text-small': {};
         '@apply text-dark-secondary': {};
         '@apply border-1': {};
@@ -30,5 +30,8 @@ export declare const Chip: () => {
             '@apply hover:bg-inverted-secondary-surface-hover': {};
             '@apply focus-visible:bg-inverted-secondary-surface-hover': {};
         };
+        '.sk-icon': {
+            '@apply h-16 w-16': {};
+        };
     };
 };

package/dist/types/components/combobox.d.ts

@@ -7,27 +7,27 @@ export declare const ComboBox: () => {
         '@apply relative w-auto': {};
         '@apply inline-block': {};
         '&-sm': {
-            '@apply h-[3.2rem]': {};
+            '@apply h-32': {};
             '@apply rounded-button-sm': {};
             '.sk-form-combobox-select.active': {
                 '@apply text-input-small': {};
-                '@apply pr-[5.2rem]': {};
+                '@apply pr-52': {};
             };
         };
         '&-md': {
-            '@apply h-[4rem]': {};
+            '@apply h-40': {};
             '@apply rounded-button-md': {};
             '.sk-form-combobox-select.active': {
                 '@apply text-input-medium': {};
-                '@apply pr-[6.1rem]': {};
+                '@apply pr-62': {};
             };
         };
         '&-lg': {
-            '@apply h-[4.8rem]': {};
+            '@apply h-48': {};
             '@apply rounded-button-lg': {};
             '.sk-form-combobox-select.active': {
                 '@apply text-input-large': {};
-                '@apply pr-[6.8rem]': {};
+                '@apply pr-68': {};
             };
         };
         '&[data-showvalue="true"]': {
@@ -56,7 +56,7 @@ export declare const ComboBox: () => {
         };
         '&-list': {
             '@apply w-full': {};
-            '@apply max-h-[23rem] overflow-y-auto': {};
+            '@apply max-h-[15em] overflow-y-auto': {};
             '&-option': {
                 '&.sk-popup-menu-item': {
                     '@apply cursor-default': {};

package/dist/types/components/cookie-consent.d.ts

@@ -13,11 +13,11 @@ export declare const CookieConsent: () => {
             '&-icon': {};
         };
         '&-content-wrapper': {
-            '@apply flex flex-col gap-24 container max-w-[102.4rem] relative': {};
+            '@apply flex flex-col gap-24 container max-w-[64em] relative': {};
         };
         '&-body': {
             '@apply flex flex-col gap-8': {};
-            '@apply max-w-[80rem]': {};
+            '@apply max-w-[50em]': {};
         };
         '&-title': {
             '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {};

package/dist/types/components/dialog.d.ts

@@ -1,5 +1,5 @@
 export declare const Dialog: () => {
     '.sk-dialog': {
-        '@apply w-fit max-w-prose md:min-w-[40rem]': {};
+        '@apply w-fit max-w-prose md:min-w-[25em]': {};
     };
 };

package/dist/types/components/divider.d.ts

@@ -19,7 +19,7 @@ export declare const Divider: () => {
         '&-sm': {
             '&.sk-divider': {
                 '&-root': {
-                    '@apply gap-[.8rem]': {};
+                    '@apply gap-8': {};
                 };
                 '.sk-divider-text': {
                     '@apply text-label-small': {};
@@ -29,7 +29,7 @@ export declare const Divider: () => {
         '&-md': {
             '&.sk-divider': {
                 '&-root': {
-                    '@apply gap-[1rem]': {};
+                    '@apply gap-10': {};
                 };
                 '.sk-divider-text': {
                     '@apply text-label-medium': {};
@@ -39,7 +39,7 @@ export declare const Divider: () => {
         '&-lg': {
             '&.sk-divider': {
                 '&-root': {
-                    '@apply gap-[1.2rem]': {};
+                    '@apply gap-12': {};
                 };
                 '.sk-divider-text': {
                     '@apply text-label-large': {};

package/dist/types/components/footer.d.ts

@@ -8,11 +8,11 @@ export declare const Footer: () => {
         '&-innerwrapper': {
             '@apply w-full max-w-content': {};
             '@apply pb-20 sm:pb-32 md:pb-40 lg:pb-48 xl:pb-80': {};
-            '@apply flex flex-row flex-wrap gap-[10rem]': {};
+            '@apply flex flex-row flex-wrap gap-100': {};
             '@apply justify-between': {};
         };
         '&-logo': {
-            '@apply max-h-[7.2rem] h-[7.2rem]': {};
+            '@apply max-h-72 h-72': {};
         };
         '&-content': {
             '@apply flex flex-row gap-36 w-fit grow-0 flex-wrap': {};

package/dist/types/components/icon.d.ts

@@ -26,7 +26,7 @@ export declare const Icon: (colors: string[]) => {
             };
             '@apply rounded-utility': {};
             '@apply text-light-primary fill-light-primary': {};
-            '@apply p-[0.4rem]': {};
+            '@apply p-4': {};
         };
         '&[data-size="fit"]': {
             '@apply w-fit h-fit': {};