@sk-web-gui/core 3.0.0 → 3.0.1

package/dist/cjs/units.js

@@ -5,24 +5,55 @@ exports.units = void 0;
 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)', {
@@ -161,6 +192,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)'],
@@ -201,6 +236,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/cjs/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","exports"],"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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","ignoreList":[]}
+{"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","exports"],"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/base.js

@@ -1,7 +1,7 @@
 var _base = {
   html: {
     '@apply text-base antialiased': {},
-    fontSize: '10px',
+    fontSize: '0.625em',
     textRendering: 'optimizeLegibility',
     touchAction: 'manipulation'
   },
@@ -43,7 +43,7 @@ var _base = {
     '@apply my-4': {}
   },
   '.text-content': {
-    '@apply max-w-[80rem]': {},
+    '@apply max-w-content': {},
     p: {
       '@apply mt-sm text-base': {}
     }

package/dist/esm/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","names":["_base","html","fontSize","textRendering","touchAction","body","position","minHeight","fontFeatureSettings","small","a","h1","h2","h3","label","p","base"],"sources":["../../src/base.ts"],"sourcesContent":["const _base = {\r\n  html: {\r\n    '@apply text-base antialiased': {},\r\n    fontSize: '10px',\r\n    textRendering: 'optimizeLegibility',\r\n    touchAction: 'manipulation',\r\n  },\r\n  body: {\r\n    '@apply text-base bg-background-content': {},\r\n    '@apply text-body': {},\r\n    position: 'relative',\r\n    minHeight: '100%',\r\n    fontFeatureSettings: \"'kern'\",\r\n  },\r\n  '*': {\r\n    '@apply focus-visible:ring-ring': {},\r\n    '@apply focus-visible:ring-offset-background-content': {},\r\n    '@apply focus-visible:outline-0': {},\r\n  },\r\n  small: {\r\n    '@apply text-small': {},\r\n  },\r\n  a: { '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {} },\r\n  h1: {\r\n    '@apply text-h1-sm md:text-h1-md xl:text-h1-lg': {},\r\n    '@apply mb-md': {},\r\n  },\r\n  h2: {\r\n    '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {},\r\n  },\r\n  h3: {\r\n    '@apply text-h3-sm md:text-h3-md xl:text-h3-lg': {},\r\n  },\r\n  'h4,h5,h6': {\r\n    '@apply text-h4-sm md:text-h4-md xl:text-h4-lg': {},\r\n  },\r\n  label: {\r\n    '@apply text-label-medium': {},\r\n  },\r\n  p: { '@apply my-4': {} },\r\n\r\n  '.text-content': {\r\n    '@apply max-w-[80rem]': {},\r\n\r\n    p: { '@apply mt-sm text-base': {} },\r\n  },\r\n};\r\nconst base: typeof _base = _base;\r\nexport { base };\r\n"],"mappings":"AAAA,IAAMA,KAAK,GAAG;EACZC,IAAI,EAAE;IACJ,8BAA8B,EAAE,CAAC,CAAC;IAClCC,QAAQ,EAAE,MAAM;IAChBC,aAAa,EAAE,oBAAoB;IACnCC,WAAW,EAAE;EACf,CAAC;EACDC,IAAI,EAAE;IACJ,wCAAwC,EAAE,CAAC,CAAC;IAC5C,kBAAkB,EAAE,CAAC,CAAC;IACtBC,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,MAAM;IACjBC,mBAAmB,EAAE;EACvB,CAAC;EACD,GAAG,EAAE;IACH,gCAAgC,EAAE,CAAC,CAAC;IACpC,qDAAqD,EAAE,CAAC,CAAC;IACzD,gCAAgC,EAAE,CAAC;EACrC,CAAC;EACDC,KAAK,EAAE;IACL,mBAAmB,EAAE,CAAC;EACxB,CAAC;EACDC,CAAC,EAAE;IAAE,oEAAoE,EAAE,CAAC;EAAE,CAAC;EAC/EC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC,CAAC;IACnD,cAAc,EAAE,CAAC;EACnB,CAAC;EACDC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACDC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACD,UAAU,EAAE;IACV,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACDC,KAAK,EAAE;IACL,0BAA0B,EAAE,CAAC;EAC/B,CAAC;EACDC,CAAC,EAAE;IAAE,aAAa,EAAE,CAAC;EAAE,CAAC;EAExB,eAAe,EAAE;IACf,sBAAsB,EAAE,CAAC,CAAC;IAE1BA,CAAC,EAAE;MAAE,wBAAwB,EAAE,CAAC;IAAE;EACpC;AACF,CAAC;AACD,IAAMC,IAAkB,GAAGhB,KAAK;AAChC,SAASgB,IAAI","ignoreList":[]}
+{"version":3,"file":"base.js","names":["_base","html","fontSize","textRendering","touchAction","body","position","minHeight","fontFeatureSettings","small","a","h1","h2","h3","label","p","base"],"sources":["../../src/base.ts"],"sourcesContent":["const _base = {\r\n  html: {\r\n    '@apply text-base antialiased': {},\r\n    fontSize: '0.625em',\r\n    textRendering: 'optimizeLegibility',\r\n    touchAction: 'manipulation',\r\n  },\r\n  body: {\r\n    '@apply text-base bg-background-content': {},\r\n    '@apply text-body': {},\r\n    position: 'relative',\r\n    minHeight: '100%',\r\n    fontFeatureSettings: \"'kern'\",\r\n  },\r\n  '*': {\r\n    '@apply focus-visible:ring-ring': {},\r\n    '@apply focus-visible:ring-offset-background-content': {},\r\n    '@apply focus-visible:outline-0': {},\r\n  },\r\n  small: {\r\n    '@apply text-small': {},\r\n  },\r\n  a: { '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {} },\r\n  h1: {\r\n    '@apply text-h1-sm md:text-h1-md xl:text-h1-lg': {},\r\n    '@apply mb-md': {},\r\n  },\r\n  h2: {\r\n    '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {},\r\n  },\r\n  h3: {\r\n    '@apply text-h3-sm md:text-h3-md xl:text-h3-lg': {},\r\n  },\r\n  'h4,h5,h6': {\r\n    '@apply text-h4-sm md:text-h4-md xl:text-h4-lg': {},\r\n  },\r\n  label: {\r\n    '@apply text-label-medium': {},\r\n  },\r\n  p: { '@apply my-4': {} },\r\n\r\n  '.text-content': {\r\n    '@apply max-w-content': {},\r\n\r\n    p: { '@apply mt-sm text-base': {} },\r\n  },\r\n};\r\nconst base: typeof _base = _base;\r\nexport { base };\r\n"],"mappings":"AAAA,IAAMA,KAAK,GAAG;EACZC,IAAI,EAAE;IACJ,8BAA8B,EAAE,CAAC,CAAC;IAClCC,QAAQ,EAAE,SAAS;IACnBC,aAAa,EAAE,oBAAoB;IACnCC,WAAW,EAAE;EACf,CAAC;EACDC,IAAI,EAAE;IACJ,wCAAwC,EAAE,CAAC,CAAC;IAC5C,kBAAkB,EAAE,CAAC,CAAC;IACtBC,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,MAAM;IACjBC,mBAAmB,EAAE;EACvB,CAAC;EACD,GAAG,EAAE;IACH,gCAAgC,EAAE,CAAC,CAAC;IACpC,qDAAqD,EAAE,CAAC,CAAC;IACzD,gCAAgC,EAAE,CAAC;EACrC,CAAC;EACDC,KAAK,EAAE;IACL,mBAAmB,EAAE,CAAC;EACxB,CAAC;EACDC,CAAC,EAAE;IAAE,oEAAoE,EAAE,CAAC;EAAE,CAAC;EAC/EC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC,CAAC;IACnD,cAAc,EAAE,CAAC;EACnB,CAAC;EACDC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACDC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACD,UAAU,EAAE;IACV,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACDC,KAAK,EAAE;IACL,0BAA0B,EAAE,CAAC;EAC/B,CAAC;EACDC,CAAC,EAAE;IAAE,aAAa,EAAE,CAAC;EAAE,CAAC;EAExB,eAAe,EAAE;IACf,sBAAsB,EAAE,CAAC,CAAC;IAE1BA,CAAC,EAAE;MAAE,wBAAwB,EAAE,CAAC;IAAE;EACpC;AACF,CAAC;AACD,IAAMC,IAAkB,GAAGhB,KAAK;AAChC,SAASgB,IAAI","ignoreList":[]}

package/dist/esm/components/accordion.js

@@ -33,7 +33,10 @@ export var Accordion = () => ({
     },
     '&-toggle': {
       '@apply flex items-center justify-between': {},
-      '@apply gap-16': {}
+      '@apply gap-16': {},
+      '.sk-icon': {
+        '@apply w-32 h-32': {}
+      }
     },
     '&-title': {
       '@apply text-dark-primary': {},
@@ -51,7 +54,10 @@ export var Accordion = () => ({
         }
       },
       '.sk-disclosure-toggle': {
-        '@apply gap-12': {}
+        '@apply gap-12': {},
+        '.sk-icon': {
+          '@apply w-20 h-20': {}
+        }
       },
       '.sk-disclosure-support': {
         '@apply text-small': {}
@@ -75,7 +81,10 @@ export var Accordion = () => ({
         }
       },
       '.sk-disclosure-toggle': {
-        '@apply gap-12': {}
+        '@apply gap-12': {},
+        '.sk-icon': {
+          '@apply w-24 h-24': {}
+        }
       },
       '.sk-disclosure-support': {
         '@apply text-body': {}
@@ -104,6 +113,7 @@ export var Accordion = () => ({
       }
     },
     '&-body': {
+      '@apply text-base': {},
       '@apply flex flex-col': {},
       '@apply mb-32': {},
       '@apply mr-32': {},
@@ -132,13 +142,13 @@ export var 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/esm/components/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":["Accordion","svg","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-header': {\r\n      '@apply mt-6 mb-8': {},\r\n      '@apply flex flex-col text-left': {},\r\n      '@apply cursor-pointer': {},\r\n      '*': {\r\n        '@apply cursor-pointer': {},\r\n      },\r\n      '&:focus-visible': {\r\n        '@apply outline-0': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply ml-auto': {},\r\n        '@apply text-dark-secondary': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-dark-disabled': {},\r\n        },\r\n        '@apply cursor-default': {},\r\n        '*': {\r\n          '@apply cursor-default': {},\r\n        },\r\n      },\r\n    },\r\n    '&-label': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&-toggle': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply gap-16': {},\r\n    },\r\n    '&-title': {\r\n      '@apply text-dark-primary': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-sm font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-4': {},\r\n          '@apply h-40': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-32 h-32': {},\r\n        },\r\n      },\r\n      '&[data-variant=\"alt\"]': {},\r\n    },\r\n    '&-md': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-md font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-body': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-8': {},\r\n          '@apply h-56': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-40 h-40': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&[data-variant=\"alt\"]': {\r\n        '.sk-disclosure-support': {\r\n          '@apply text-large': {},\r\n        },\r\n        '.sk-disclosure-title': {\r\n          '@apply text-h3-md font-bold': {},\r\n          '&-wrapper': {\r\n            '@apply gap-16': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply flex flex-col': {},\r\n      '@apply mb-32': {},\r\n      '@apply mr-32': {},\r\n      '@apply gap-8': {},\r\n      '@apply py-0': {},\r\n      '@apply h-0 overflow-hidden': {},\r\n      transitionProperty: 'visibility, height, padding, margin',\r\n      transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible h-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block h-max visible': {},\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply mt-24': {},\r\n        '&[data-size=\"sm\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"md\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"lg\"]': {\r\n          '@apply pr-16': {},\r\n        },\r\n        '&[data-has-icon=\"true\"]': {\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply ml-[3.2rem]': {},\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply ml-[3.6rem]': {},\r\n          },\r\n          '&[data-size=\"lg\"]': {\r\n            '@apply ml-[4.8rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-is-open': {\r\n      '.sk-disclosure-body': {\r\n        '@apply overflow-visible animate-reset-overflow': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-accordion': {\r\n    '&-item': {\r\n      '.sk-disclosure': {\r\n        transitionProperty: 'margin',\r\n        transitionDuration: '180ms',\r\n        '@apply border-b-1 border-divider': {},\r\n      },\r\n\r\n      '&:last-child .sk-disclosure': {\r\n        '@apply border-b-transparent': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"accordion.js","names":["Accordion","svg","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-header': {\r\n      '@apply mt-6 mb-8': {},\r\n      '@apply flex flex-col text-left': {},\r\n      '@apply cursor-pointer': {},\r\n      '*': {\r\n        '@apply cursor-pointer': {},\r\n      },\r\n      '&:focus-visible': {\r\n        '@apply outline-0': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply ml-auto': {},\r\n        '@apply text-dark-secondary': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-dark-disabled': {},\r\n        },\r\n        '@apply cursor-default': {},\r\n        '*': {\r\n          '@apply cursor-default': {},\r\n        },\r\n      },\r\n    },\r\n    '&-label': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&-toggle': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply gap-16': {},\r\n      '.sk-icon': {\r\n        '@apply w-32 h-32': {},\r\n      },\r\n    },\r\n    '&-title': {\r\n      '@apply text-dark-primary': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-sm font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n        '.sk-icon': {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-4': {},\r\n          '@apply h-40': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-32 h-32': {},\r\n        },\r\n      },\r\n      '&[data-variant=\"alt\"]': {},\r\n    },\r\n    '&-md': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-md font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n        '.sk-icon': {\r\n          '@apply w-24 h-24': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-body': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-8': {},\r\n          '@apply h-56': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-40 h-40': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&[data-variant=\"alt\"]': {\r\n        '.sk-disclosure-support': {\r\n          '@apply text-large': {},\r\n        },\r\n        '.sk-disclosure-title': {\r\n          '@apply text-h3-md font-bold': {},\r\n          '&-wrapper': {\r\n            '@apply gap-16': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply text-base': {},\r\n      '@apply flex flex-col': {},\r\n      '@apply mb-32': {},\r\n      '@apply mr-32': {},\r\n      '@apply gap-8': {},\r\n      '@apply py-0': {},\r\n      '@apply h-0 overflow-hidden': {},\r\n      transitionProperty: 'visibility, height, padding, margin',\r\n      transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible h-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block h-max visible': {},\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply mt-24': {},\r\n        '&[data-size=\"sm\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"md\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"lg\"]': {\r\n          '@apply pr-16': {},\r\n        },\r\n        '&[data-has-icon=\"true\"]': {\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply ml-32': {},\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply ml-36': {},\r\n          },\r\n          '&[data-size=\"lg\"]': {\r\n            '@apply ml-48': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-is-open': {\r\n      '.sk-disclosure-body': {\r\n        '@apply overflow-visible animate-reset-overflow': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-accordion': {\r\n    '&-item': {\r\n      '.sk-disclosure': {\r\n        transitionProperty: 'margin',\r\n        transitionDuration: '180ms',\r\n        '@apply border-b-1 border-divider': {},\r\n      },\r\n\r\n      '&:last-child .sk-disclosure': {\r\n        '@apply border-b-transparent': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/avatar.js

@@ -9,15 +9,15 @@ export var Avatar = colors => ({
       '@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': {}
     }
   }, colors.reduce((styles, color) => _extends({}, styles, {

package/dist/esm/components/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":["Avatar","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/avatar.ts"],"sourcesContent":["export const Avatar = (colors: string[]) => ({\r\n  '.sk-avatar': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n    '@apply overflow-hidden': {},\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply h-[3.2rem] w-[3.2rem] min-h-[2.4rem] max-h-[3.2rem] min-w-[2.4rem] max-w-[3.2rem]': {},\r\n      '@apply text-label-small': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply h-[4rem] w-[4rem] min-h-[3.2rem] max-h-[4rem] min-w-[3.2rem] max-w-[4rem]': {},\r\n      '@apply text-label-medium': {},\r\n    },\r\n    '&&-lg': {\r\n      '@apply h-[6.4rem] w-[6.4rem] min-h-[4rem] max-h-[6.4rem] min-w-[4rem] max-w-[6.4rem]': {},\r\n      '@apply text-label-large': {},\r\n    },\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-${color}-surface-accent  text-${color}-text-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&-img': {\r\n      '@apply min-w-full min-h-full object-cover': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,MAAM,GAAIC,MAAgB,KAAM;EAC3C,YAAY,EAAAC,QAAA;IACV,oBAAoB,EAAE,CAAC,CAAC;IACxB,oCAAoC,EAAE,CAAC,CAAC;IACxC,oEAAoE,EAAE,CAAC,CAAC;IACxE,wBAAwB,EAAE,CAAC,CAAC;IAC5B,wBAAwB,EAAE;MACxB,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IACD,OAAO,EAAE;MACP,0FAA0F,EAAE,CAAC,CAAC;MAC9F,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IACD,OAAO,EAAE;MACP,kFAAkF,EAAE,CAAC,CAAC;MACtF,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IACD,OAAO,EAAE;MACP,sFAAsF,EAAE,CAAC,CAAC;MAC1F,yBAAyB,EAAE,CAAC;IAC9B;EAAC,GACED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,+BAA0BA,KAAK,uBAAoB,CAAC,CAAC;MAExE,uBAAuB,EAAE;QACvB,gBAAcA,KAAK,8BAAyBA,KAAK,qBAAkB,CAAC;MACtE;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IACD,OAAO,EAAE;MACP,2CAA2C,EAAE,CAAC;IAChD;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"avatar.js","names":["Avatar","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/avatar.ts"],"sourcesContent":["export const Avatar = (colors: string[]) => ({\r\n  '.sk-avatar': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n    '@apply overflow-hidden': {},\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\r\n      '@apply text-label-small': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\r\n      '@apply text-label-medium': {},\r\n    },\r\n    '&&-lg': {\r\n      '@apply h-64 w-64 min-h-40 max-h-64 min-w-40 max-w-64': {},\r\n      '@apply text-label-large': {},\r\n    },\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-${color}-surface-accent  text-${color}-text-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&-img': {\r\n      '@apply min-w-full min-h-full object-cover': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,MAAM,GAAIC,MAAgB,KAAM;EAC3C,YAAY,EAAAC,QAAA;IACV,oBAAoB,EAAE,CAAC,CAAC;IACxB,oCAAoC,EAAE,CAAC,CAAC;IACxC,oEAAoE,EAAE,CAAC,CAAC;IACxE,wBAAwB,EAAE,CAAC,CAAC;IAC5B,wBAAwB,EAAE;MACxB,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IACD,OAAO,EAAE;MACP,sDAAsD,EAAE,CAAC,CAAC;MAC1D,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IACD,OAAO,EAAE;MACP,sDAAsD,EAAE,CAAC,CAAC;MAC1D,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IACD,OAAO,EAAE;MACP,sDAAsD,EAAE,CAAC,CAAC;MAC1D,yBAAyB,EAAE,CAAC;IAC9B;EAAC,GACED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,+BAA0BA,KAAK,uBAAoB,CAAC,CAAC;MAExE,uBAAuB,EAAE;QACvB,gBAAcA,KAAK,8BAAyBA,KAAK,qBAAkB,CAAC;MACtE;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IACD,OAAO,EAAE;MACP,2CAA2C,EAAE,CAAC;IAChD;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/badge.js

@@ -7,7 +7,7 @@ export var Badge = colors => ({
     '@apply rounded-utility': {},
     '@apply overflow-hidden': {},
     // size
-    '@apply h-[2.4rem] w-[2.4rem]': {},
+    '@apply h-24 w-24': {},
     '@apply text-label-small': {},
     '&[data-rounded="true"]': {
       '@apply rounded-circular': {}

package/dist/esm/components/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":["Badge","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/badge.ts"],"sourcesContent":["export const Badge = (colors: string[]) => ({\r\n  '.sk-badge': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply text-light-primary': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply overflow-hidden': {},\r\n\r\n    // size\r\n    '@apply h-[2.4rem] w-[2.4rem]': {},\r\n    '@apply text-label-small': {},\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n\r\n          '&[data-inverted=\"true\"]': {\r\n            '@apply text-inverted-light-primary': {},\r\n            [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '@apply bg-primary-surface': {},\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-light-primary': {},\r\n        '@apply bg-tertiary-surface dark:bg-inverted-primary-surface': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,KAAK,GAAIC,MAAgB,KAAM;EAC1C,WAAW,EAAAC,QAAA;IACT,oBAAoB,EAAE,CAAC,CAAC;IACxB,oCAAoC,EAAE,CAAC,CAAC;IACxC,2BAA2B,EAAE,CAAC,CAAC;IAC/B,wBAAwB,EAAE,CAAC,CAAC;IAC5B,wBAAwB,EAAE,CAAC,CAAC;IAE5B;IACA,8BAA8B,EAAE,CAAC,CAAC;IAClC,yBAAyB,EAAE,CAAC,CAAC;IAE7B,wBAAwB,EAAE;MACxB,yBAAyB,EAAE,CAAC;IAC9B;EAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,+BAA0BA,KAAK,uBAAoB,CAAC,CAAC;MAExE,yBAAyB,EAAE;QACzB,oCAAoC,EAAE,CAAC,CAAC;QACxC,yBAAuBA,KAAK,uCAAkCA,KAAK,uBAAoB,CAAC;MAC1F;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IAED,0BAA0B,EAAE;MAC1B,2BAA2B,EAAE,CAAC,CAAC;MAE/B,yBAAyB,EAAE;QACzB,oCAAoC,EAAE,CAAC,CAAC;QACxC,6DAA6D,EAAE,CAAC;MAClE;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"badge.js","names":["Badge","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/badge.ts"],"sourcesContent":["export const Badge = (colors: string[]) => ({\r\n  '.sk-badge': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply text-light-primary': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply overflow-hidden': {},\r\n\r\n    // size\r\n    '@apply h-24 w-24': {},\r\n    '@apply text-label-small': {},\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n\r\n          '&[data-inverted=\"true\"]': {\r\n            '@apply text-inverted-light-primary': {},\r\n            [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '@apply bg-primary-surface': {},\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-light-primary': {},\r\n        '@apply bg-tertiary-surface dark:bg-inverted-primary-surface': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,KAAK,GAAIC,MAAgB,KAAM;EAC1C,WAAW,EAAAC,QAAA;IACT,oBAAoB,EAAE,CAAC,CAAC;IACxB,oCAAoC,EAAE,CAAC,CAAC;IACxC,2BAA2B,EAAE,CAAC,CAAC;IAC/B,wBAAwB,EAAE,CAAC,CAAC;IAC5B,wBAAwB,EAAE,CAAC,CAAC;IAE5B;IACA,kBAAkB,EAAE,CAAC,CAAC;IACtB,yBAAyB,EAAE,CAAC,CAAC;IAE7B,wBAAwB,EAAE;MACxB,yBAAyB,EAAE,CAAC;IAC9B;EAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,+BAA0BA,KAAK,uBAAoB,CAAC,CAAC;MAExE,yBAAyB,EAAE;QACzB,oCAAoC,EAAE,CAAC,CAAC;QACxC,yBAAuBA,KAAK,uCAAkCA,KAAK,uBAAoB,CAAC;MAC1F;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IAED,0BAA0B,EAAE;MAC1B,2BAA2B,EAAE,CAAC,CAAC;MAE/B,yBAAyB,EAAE;QACzB,oCAAoC,EAAE,CAAC,CAAC;QACxC,6DAA6D,EAAE,CAAC;MAClE;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/breadcrumb.js

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

package/dist/esm/components/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","names":["Breadcrumb","span"],"sources":["../../../src/components/breadcrumb.ts"],"sourcesContent":["export const Breadcrumb = () => ({\r\n  '.sk-breadcrumb': {\r\n    '@apply text-body relative': {},\r\n\r\n    '&-item': {\r\n      '@apply inline-flex items-center whitespace-nowrap': {},\r\n    },\r\n\r\n    '&-separator': {\r\n      '@apply mx-6': {},\r\n    },\r\n  },\r\n\r\n  '.sk-breadcrumb-item': {\r\n    span: {\r\n      '&[aria-current=\"page\"]': {\r\n        '@apply font-bold': {},\r\n      },\r\n    },\r\n\r\n    [`&[data-color=\"primary\"]`]: {\r\n      'a.sk-link': {\r\n        [`@apply text-secondary`]: {},\r\n      },\r\n    },\r\n\r\n    [`&[data-color=\"vattjom\"]`]: {\r\n      'a.sk-link': {\r\n        [`@apply text-vattjom-text-primary`]: {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,UAAU,GAAGA,CAAA,MAAO;EAC/B,gBAAgB,EAAE;IAChB,2BAA2B,EAAE,CAAC,CAAC;IAE/B,QAAQ,EAAE;MACR,mDAAmD,EAAE,CAAC;IACxD,CAAC;IAED,aAAa,EAAE;MACb,aAAa,EAAE,CAAC;IAClB;EACF,CAAC;EAED,qBAAqB,EAAE;IACrBC,IAAI,EAAE;MACJ,wBAAwB,EAAE;QACxB,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,+BAA6B;MAC3B,WAAW,EAAE;QACX,2BAA2B,CAAC;MAC9B;IACF,CAAC;IAED,+BAA6B;MAC3B,WAAW,EAAE;QACX,sCAAsC,CAAC;MACzC;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"breadcrumb.js","names":["Breadcrumb","span"],"sources":["../../../src/components/breadcrumb.ts"],"sourcesContent":["export const Breadcrumb = () => ({\r\n  '.sk-breadcrumb': {\r\n    '@apply text-body text-base relative': {},\r\n\r\n    '&-item': {\r\n      '@apply inline-flex items-center whitespace-nowrap': {},\r\n    },\r\n\r\n    '&-separator': {\r\n      '@apply mx-6': {},\r\n    },\r\n  },\r\n\r\n  '.sk-breadcrumb-item': {\r\n    span: {\r\n      '&[aria-current=\"page\"]': {\r\n        '@apply font-bold': {},\r\n      },\r\n    },\r\n\r\n    [`&[data-color=\"primary\"]`]: {\r\n      'a.sk-link': {\r\n        [`@apply text-secondary`]: {},\r\n      },\r\n    },\r\n\r\n    [`&[data-color=\"vattjom\"]`]: {\r\n      'a.sk-link': {\r\n        [`@apply text-vattjom-text-primary`]: {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,UAAU,GAAGA,CAAA,MAAO;EAC/B,gBAAgB,EAAE;IAChB,qCAAqC,EAAE,CAAC,CAAC;IAEzC,QAAQ,EAAE;MACR,mDAAmD,EAAE,CAAC;IACxD,CAAC;IAED,aAAa,EAAE;MACb,aAAa,EAAE,CAAC;IAClB;EACF,CAAC;EAED,qBAAqB,EAAE;IACrBC,IAAI,EAAE;MACJ,wBAAwB,EAAE;QACxB,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,+BAA6B;MAC3B,WAAW,EAAE;QACX,2BAA2B,CAAC;MAC9B;IACF,CAAC;IAED,+BAA6B;MAC3B,WAAW,EAAE;QACX,sCAAsC,CAAC;MACzC;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/button-group.js

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

package/dist/esm/components/button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","names":["ButtonGroup","hr"],"sources":["../../../src/components/button-group.ts"],"sourcesContent":["export const ButtonGroup = () => ({\r\n  '.sk-btn-group': {\r\n    '@apply inline-flex items-center': {},\r\n\r\n    '&.sk-btn-group-attached': {\r\n      '@apply rounded-groups': {},\r\n      '@apply bg-tertiary-surface': {},\r\n      '@apply py-6 px-12': {},\r\n\r\n      '> *': {\r\n        '@apply bg-transparent': {},\r\n      },\r\n\r\n      '.sk-btn[data-icon=\"true\"] .sk-icon': {\r\n        '@apply bg-transparent text-dark-secondary': {},\r\n      },\r\n\r\n      '.sk-icon': {\r\n        '@apply p-0 w-fit h-fit': {},\r\n      },\r\n    },\r\n\r\n    '&-divider': {\r\n      '@apply grow bg-tertiary-surface px-6': {},\r\n\r\n      hr: {\r\n        '@apply h-[2rem]': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAGA,CAAA,MAAO;EAChC,eAAe,EAAE;IACf,iCAAiC,EAAE,CAAC,CAAC;IAErC,yBAAyB,EAAE;MACzB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,4BAA4B,EAAE,CAAC,CAAC;MAChC,mBAAmB,EAAE,CAAC,CAAC;MAEvB,KAAK,EAAE;QACL,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED,oCAAoC,EAAE;QACpC,2CAA2C,EAAE,CAAC;MAChD,CAAC;MAED,UAAU,EAAE;QACV,wBAAwB,EAAE,CAAC;MAC7B;IACF,CAAC;IAED,WAAW,EAAE;MACX,sCAAsC,EAAE,CAAC,CAAC;MAE1CC,EAAE,EAAE;QACF,iBAAiB,EAAE,CAAC;MACtB;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"button-group.js","names":["ButtonGroup","hr"],"sources":["../../../src/components/button-group.ts"],"sourcesContent":["export const ButtonGroup = () => ({\r\n  '.sk-btn-group': {\r\n    '@apply inline-flex items-center': {},\r\n\r\n    '&.sk-btn-group-attached': {\r\n      '@apply rounded-groups': {},\r\n      '@apply bg-tertiary-surface': {},\r\n      '@apply py-6 px-12': {},\r\n\r\n      '> *': {\r\n        '@apply bg-transparent': {},\r\n      },\r\n\r\n      '.sk-btn[data-icon=\"true\"] .sk-icon': {\r\n        '@apply bg-transparent text-dark-secondary': {},\r\n      },\r\n\r\n      '.sk-icon': {\r\n        '@apply p-0 w-fit h-fit': {},\r\n      },\r\n    },\r\n\r\n    '&-divider': {\r\n      '@apply grow bg-tertiary-surface px-6': {},\r\n\r\n      hr: {\r\n        '@apply h-20': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAGA,CAAA,MAAO;EAChC,eAAe,EAAE;IACf,iCAAiC,EAAE,CAAC,CAAC;IAErC,yBAAyB,EAAE;MACzB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,4BAA4B,EAAE,CAAC,CAAC;MAChC,mBAAmB,EAAE,CAAC,CAAC;MAEvB,KAAK,EAAE;QACL,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED,oCAAoC,EAAE;QACpC,2CAA2C,EAAE,CAAC;MAChD,CAAC;MAED,UAAU,EAAE;QACV,wBAAwB,EAAE,CAAC;MAC7B;IACF,CAAC;IAED,WAAW,EAAE;MACX,sCAAsC,EAAE,CAAC,CAAC;MAE1CC,EAAE,EAAE;QACF,aAAa,EAAE,CAAC;MAClB;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/button.js

@@ -162,28 +162,28 @@ export var Button = colors => ({
     '&-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': {}
       }
     },
     // State
@@ -230,27 +230,21 @@ export var Button = colors => ({
         '@apply rounded-full': {}
       },
       '&.sk-btn-sm': {
-        minWidth: '3.2rem',
-        width: '3.2rem',
-        maxWidth: '3.2rem',
+        '@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: '4rem',
-        width: '4rem',
-        maxWidth: '4rem',
+        '@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: '4.8rem',
-        width: '4.8rem',
-        maxWidth: '4.8rem',
+        '@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': {

package/dist/esm/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["buttonPrimary","colors","_extends","reduce","styles","color","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","Button","transitionProperty","minWidth","width","maxWidth"],"sources":["../../../src/components/button.ts"],"sourcesContent":["function buttonPrimary(colors: string[]) {\r\n  return {\r\n    '&-primary': {\r\n      '@apply text-light-primary': {},\r\n      /* hover */\r\n      '@apply hover:bg-primary-surface-hover': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n            // hover\r\n            [`@apply hover:bg-${color}-surface-primary-hover hover:text-light-primary`]: {},\r\n            // keyboard active\r\n            '&.active': {\r\n              [`@apply bg-${color}-surface-primary-hover`]: {},\r\n            },\r\n            [`@apply active:bg-${color}-surface-primary-hover`]: {},\r\n\r\n            '&[data-inverted=\"true\"]': {\r\n              '@apply text-inverted-light-primary': {},\r\n              [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n              // hover\r\n              [`@apply hover:bg-inverted-${color}-surface-primary-hover hover:text-inverted-light-primary`]: {},\r\n              // keyboard active\r\n              '&.active': {\r\n                [`@apply bg-inverted-${color}-surface-primary-hover`]: {},\r\n              },\r\n              [`@apply active:bg-inverted-${color}-surface-primary-hover`]: {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply bg-primary-surface': {},\r\n        '@apply hover:bg-primary-surface-hover': {},\r\n        '&.active': {\r\n          '@apply bg-primary-surface-hover': {},\r\n        },\r\n        [`@apply active:bg-primary-surface-hover`]: {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-primary': {},\r\n          '@apply bg-inverted-primary-surface': {},\r\n          '@apply hover:bg-inverted-primary-surface-hover': {},\r\n          '&.active': {\r\n            '@apply bg-inverted-primary-surface-hover': {},\r\n          },\r\n          [`@apply active:bg-inverted-primary-surface-hover`]: {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonSecondary() {\r\n  return {\r\n    '&-secondary': {\r\n      '@apply border-secondary-outline': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-secondary-surface': {},\r\n      /* hover */\r\n      '@apply hover:border-secondary-outline-hover': {},\r\n      '@apply hover:bg-secondary-surface-hover': {},\r\n      /* focus */\r\n      '@apply focus-visible:border-background-content': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-secondary-surface-disabled bg-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply border-inverted-secondary-outline': {},\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-secondary-surface': {},\r\n        /* hover */\r\n        '@apply hover:border-inverted-secondary-outline-hover': {},\r\n        '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n        /* focus */\r\n        '@apply focus-visible:border-inverted-background-content': {},\r\n\r\n        // State\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-secondary-surface-disabled bg-inverted-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonTertiary() {\r\n  return {\r\n    '&-tertiary': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-tertiary-surface': {},\r\n      /* hover */\r\n      '@apply hover:bg-tertiary-surface-hover': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-tertiary-surface-disabled bg-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-tertiary-surface': {},\r\n        /* hover */\r\n        '@apply hover:bg-inverted-tertiary-surface-hover': {},\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-tertiary-surface-disabled bg-inverted-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonGhost() {\r\n  return {\r\n    '&-ghost': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply border-transparent': {},\r\n      /* hover */\r\n      '@apply hover:bg-transparent': {},\r\n      '@apply hover:border-transparent': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-transparent bg-transparent disabled:border-transparent border-transparent !important': {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLink(colors: string[]) {\r\n  return {\r\n    '&-link': {\r\n      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n      '&.active': {\r\n        '@apply underline': {},\r\n      },\r\n      // dark colors\r\n      '@apply dark:text-neutral-200': {},\r\n      '@apply dark:active:text-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-text active:text-${color}-text`]: {},\r\n            // dark colors\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nexport const Button = (colors: string[]) => ({\r\n  '.sk-btn': {\r\n    '@apply box-border': {},\r\n    '@apply border-2 border-transparent': {},\r\n    '@apply cursor-pointer': {},\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply px-24 py-8 gap-8': {},\r\n    '@apply inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n    '@apply rounded-button': {},\r\n    transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n    '@apply\tduration-75 ease-out': {},\r\n    '@apply outline-none appearance-none select-none whitespace-nowrap': {},\r\n    '@apply focus-visible:outline-none': {},\r\n    '@apply focus-visible:ring': {},\r\n\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-label-small': {},\r\n      '@apply px-14 py-8 gap-6': {},\r\n      '@apply max-h-[3.2rem] h-[3.2rem]': {},\r\n      '@apply rounded-button-sm': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-[1.6rem] w-[1.6rem]': {},\r\n      },\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-label-medium': {},\r\n      '@apply px-18 py-8 gap-8': {},\r\n      '@apply max-h-[4rem] h-[4rem]': {},\r\n      '@apply rounded-button-md': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-[1.8rem] w-[1.8rem]': {},\r\n      },\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-label-large': {},\r\n      '@apply px-24 py-8 gap-8': {},\r\n      '@apply max-h-[4.8rem] h-[4.8rem]': {},\r\n      '@apply rounded-button-lg': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-[2rem] w-[2rem]': {},\r\n      },\r\n    },\r\n\r\n    // State\r\n    '&-disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {},\r\n      '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n        {},\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply disabled:text-inverted-dark-disabled text-inverted-dark-disabled disabled:bg-inverted-primary-surface-disabled bg-inverted-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n    },\r\n\r\n    // variants\r\n    ...buttonPrimary(colors),\r\n    ...buttonSecondary(),\r\n    ...buttonTertiary(),\r\n    ...buttonGhost(),\r\n    ...buttonLink(colors),\r\n\r\n    '&[data-background=\"false\"]:not(:hover)': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n    '.btn-has-icon': {\r\n      '&-left': {\r\n        '@apply h-full flex items-center justify-center -ml-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n      '&-right': {\r\n        '@apply h-full flex items-center justify-center -mr-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n    },\r\n    '&-lg .btn-has-icon-left': {\r\n      '@apply -ml-4': {},\r\n    },\r\n    '&-lg .btn-has-icon-right': {\r\n      '@apply -mr-4': {},\r\n    },\r\n    '&[data-icon=true]': {\r\n      '@apply p-0': {},\r\n\r\n      '.sk-icon': {\r\n        '@apply bg-transparent': {},\r\n        color: 'currentColor',\r\n      },\r\n\r\n      \"&[data-rounded='true']\": {\r\n        '@apply rounded-full': {},\r\n      },\r\n\r\n      '&.sk-btn-sm': {\r\n        minWidth: '3.2rem',\r\n        width: '3.2rem',\r\n        maxWidth: '3.2rem',\r\n        'svg, .sk-icon': {\r\n          '@apply h-[2rem] w-[2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-md': {\r\n        minWidth: '4rem',\r\n        width: '4rem',\r\n        maxWidth: '4rem',\r\n        'svg, .sk-icon': {\r\n          '@apply h-[2rem] w-[2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-lg': {\r\n        minWidth: '4.8rem',\r\n        width: '4.8rem',\r\n        maxWidth: '4.8rem',\r\n        'svg, .sk-icon': {\r\n          '@apply h-[2.4rem] w-[2.4rem]': {},\r\n        },\r\n      },\r\n      '.btn-has-icon': {\r\n        '&-left': {\r\n          '@apply m-0': {},\r\n        },\r\n        '&-right': {\r\n          '@apply m-0': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"button.js","names":["buttonPrimary","colors","_extends","reduce","styles","color","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","Button","transitionProperty"],"sources":["../../../src/components/button.ts"],"sourcesContent":["function buttonPrimary(colors: string[]) {\r\n  return {\r\n    '&-primary': {\r\n      '@apply text-light-primary': {},\r\n      /* hover */\r\n      '@apply hover:bg-primary-surface-hover': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n            // hover\r\n            [`@apply hover:bg-${color}-surface-primary-hover hover:text-light-primary`]: {},\r\n            // keyboard active\r\n            '&.active': {\r\n              [`@apply bg-${color}-surface-primary-hover`]: {},\r\n            },\r\n            [`@apply active:bg-${color}-surface-primary-hover`]: {},\r\n\r\n            '&[data-inverted=\"true\"]': {\r\n              '@apply text-inverted-light-primary': {},\r\n              [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n              // hover\r\n              [`@apply hover:bg-inverted-${color}-surface-primary-hover hover:text-inverted-light-primary`]: {},\r\n              // keyboard active\r\n              '&.active': {\r\n                [`@apply bg-inverted-${color}-surface-primary-hover`]: {},\r\n              },\r\n              [`@apply active:bg-inverted-${color}-surface-primary-hover`]: {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply bg-primary-surface': {},\r\n        '@apply hover:bg-primary-surface-hover': {},\r\n        '&.active': {\r\n          '@apply bg-primary-surface-hover': {},\r\n        },\r\n        [`@apply active:bg-primary-surface-hover`]: {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-primary': {},\r\n          '@apply bg-inverted-primary-surface': {},\r\n          '@apply hover:bg-inverted-primary-surface-hover': {},\r\n          '&.active': {\r\n            '@apply bg-inverted-primary-surface-hover': {},\r\n          },\r\n          [`@apply active:bg-inverted-primary-surface-hover`]: {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonSecondary() {\r\n  return {\r\n    '&-secondary': {\r\n      '@apply border-secondary-outline': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-secondary-surface': {},\r\n      /* hover */\r\n      '@apply hover:border-secondary-outline-hover': {},\r\n      '@apply hover:bg-secondary-surface-hover': {},\r\n      /* focus */\r\n      '@apply focus-visible:border-background-content': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-secondary-surface-disabled bg-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply border-inverted-secondary-outline': {},\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-secondary-surface': {},\r\n        /* hover */\r\n        '@apply hover:border-inverted-secondary-outline-hover': {},\r\n        '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n        /* focus */\r\n        '@apply focus-visible:border-inverted-background-content': {},\r\n\r\n        // State\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-secondary-surface-disabled bg-inverted-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonTertiary() {\r\n  return {\r\n    '&-tertiary': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-tertiary-surface': {},\r\n      /* hover */\r\n      '@apply hover:bg-tertiary-surface-hover': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-tertiary-surface-disabled bg-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-tertiary-surface': {},\r\n        /* hover */\r\n        '@apply hover:bg-inverted-tertiary-surface-hover': {},\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-tertiary-surface-disabled bg-inverted-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonGhost() {\r\n  return {\r\n    '&-ghost': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply border-transparent': {},\r\n      /* hover */\r\n      '@apply hover:bg-transparent': {},\r\n      '@apply hover:border-transparent': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-transparent bg-transparent disabled:border-transparent border-transparent !important': {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLink(colors: string[]) {\r\n  return {\r\n    '&-link': {\r\n      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n      '&.active': {\r\n        '@apply underline': {},\r\n      },\r\n      // dark colors\r\n      '@apply dark:text-neutral-200': {},\r\n      '@apply dark:active:text-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-text active:text-${color}-text`]: {},\r\n            // dark colors\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nexport const Button = (colors: string[]) => ({\r\n  '.sk-btn': {\r\n    '@apply box-border': {},\r\n    '@apply border-2 border-transparent': {},\r\n    '@apply cursor-pointer': {},\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply px-24 py-8 gap-8': {},\r\n    '@apply inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n    '@apply rounded-button': {},\r\n    transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n    '@apply\tduration-75 ease-out': {},\r\n    '@apply outline-none appearance-none select-none whitespace-nowrap': {},\r\n    '@apply focus-visible:outline-none': {},\r\n    '@apply focus-visible:ring': {},\r\n\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-label-small': {},\r\n      '@apply px-14 py-8 gap-6': {},\r\n      '@apply max-h-32 h-32': {},\r\n      '@apply rounded-button-sm': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-16 w-16': {},\r\n      },\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-label-medium': {},\r\n      '@apply px-18 py-8 gap-8': {},\r\n      '@apply max-h-40 h-40': {},\r\n      '@apply rounded-button-md': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-18 w-18': {},\r\n      },\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-label-large': {},\r\n      '@apply px-24 py-8 gap-8': {},\r\n      '@apply max-h-48 h-48': {},\r\n      '@apply rounded-button-lg': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-20 w-20': {},\r\n      },\r\n    },\r\n\r\n    // State\r\n    '&-disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {},\r\n      '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n        {},\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply disabled:text-inverted-dark-disabled text-inverted-dark-disabled disabled:bg-inverted-primary-surface-disabled bg-inverted-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n    },\r\n\r\n    // variants\r\n    ...buttonPrimary(colors),\r\n    ...buttonSecondary(),\r\n    ...buttonTertiary(),\r\n    ...buttonGhost(),\r\n    ...buttonLink(colors),\r\n\r\n    '&[data-background=\"false\"]:not(:hover)': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n    '.btn-has-icon': {\r\n      '&-left': {\r\n        '@apply h-full flex items-center justify-center -ml-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n      '&-right': {\r\n        '@apply h-full flex items-center justify-center -mr-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n    },\r\n    '&-lg .btn-has-icon-left': {\r\n      '@apply -ml-4': {},\r\n    },\r\n    '&-lg .btn-has-icon-right': {\r\n      '@apply -mr-4': {},\r\n    },\r\n    '&[data-icon=true]': {\r\n      '@apply p-0': {},\r\n\r\n      '.sk-icon': {\r\n        '@apply bg-transparent': {},\r\n        color: 'currentColor',\r\n      },\r\n\r\n      \"&[data-rounded='true']\": {\r\n        '@apply rounded-full': {},\r\n      },\r\n\r\n      '&.sk-btn-sm': {\r\n        '@apply w-32 min-w-32 max-w-32': {},\r\n        'svg, .sk-icon': {\r\n          '@apply h-20 w-20': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-md': {\r\n        '@apply w-40 min-w-40 max-w-40': {},\r\n\r\n        'svg, .sk-icon': {\r\n          '@apply h-20 w-20': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-lg': {\r\n        '@apply w-48 min-w-48 max-w-48': {},\r\n\r\n        'svg, .sk-icon': {\r\n          '@apply h-24 w-24': {},\r\n        },\r\n      },\r\n      '.btn-has-icon': {\r\n        '&-left': {\r\n          '@apply m-0': {},\r\n        },\r\n        '&-right': {\r\n          '@apply m-0': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}