@sk-web-gui/core 3.11.2 → 3.13.0

package/dist/cjs/components/avatar.js

@@ -65,22 +65,27 @@ var Avatar = function(colors) {
         '.sk-avatar': _object_spread_props(_object_spread({
             '@apply inline-flex': {},
             '@apply justify-center items-center': {},
-            '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
             '@apply overflow-hidden': {},
-            '&[data-rounded="true"]': {
-                '@apply rounded-circular': {}
+            '&&-xs, &&-sm, &&-md, &&-lg': {
+                '&[data-rounded="true"]': {
+                    '@apply rounded-circular': {}
+                }
+            },
+            '&&-xs': {
+                '@apply h-24 w-24 min-h-24 max-h-24 min-w-24 max-w-24': {},
+                '@apply text-label-extra-small rounded-utility': {}
             },
             '&&-sm': {
                 '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},
-                '@apply text-label-small': {}
+                '@apply text-label-small rounded-button': {}
             },
             '&&-md': {
                 '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},
-                '@apply text-label-medium': {}
+                '@apply text-label-medium rounded-button': {}
             },
             '&&-lg': {
                 '@apply h-64 w-64 min-h-40 max-h-64 min-w-40 max-w-64': {},
-                '@apply text-label-large': {}
+                '@apply text-label-large rounded-button': {}
             }
         }, colors.reduce(function(styles, color) {
             var _obj;

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

@@ -1 +1 @@
-{"version":3,"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\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    '&[data-color=\"primary\"]': {\r\n      '@apply bg-primary-surface  text-light-primary': {},\r\n\r\n      '&[data-accent=\"true\"]': {\r\n        '@apply bg-inverted-primary-surface  text-inverted-light-primary': {},\r\n      },\r\n    },\r\n    '&-img': {\r\n      '@apply min-w-full min-h-full object-cover': {},\r\n    },\r\n    '&[data-hasimage=\"true\"]': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Avatar","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,SAAS,SAACC;WAAsB;QAC3C,cAAc;YACZ,sBAAsB,CAAC;YACvB,sCAAsC,CAAC;YACvC,sEAAsE,CAAC;YACvE,0BAA0B,CAAC;YAC3B,0BAA0B;gBACxB,2BAA2B,CAAC;YAC9B;YAEA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,2BAA2B,CAAC;YAC9B;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,4BAA4B,CAAC;YAC/B;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,2BAA2B,CAAC;YAC9B;WACGA,OAAOC,MAAM,CACd,SAACC,QAAQC;gBAEuB;mBAFZ,wCACfD,8BACF,AAAC,iBAAsB,OAANC,OAAM,QAAM,WAC5B,iBAD4B,MAC3B,AAAC,aAA2CA,OAA/BA,OAAM,2BAA+B,OAANA,OAAM,oBAAmB,CAAC,IAEvE,iBAH4B,MAG5B,yBACE,qBAAC,AAAC,aAA0CA,OAA9BA,OAAM,0BAA8B,OAANA,OAAM,kBAAiB,CAAC,KAJ1C;WAQhC,CAAC;YAEH,2BAA2B;gBACzB,iDAAiD,CAAC;gBAElD,yBAAyB;oBACvB,mEAAmE,CAAC;gBACtE;YACF;YACA,SAAS;gBACP,6CAA6C,CAAC;YAChD;YACA,2BAA2B;gBACzB,yBAAyB,CAAC;YAC5B;;IAEJ"}
+{"version":3,"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 overflow-hidden': {},\r\n      '&&-xs, &&-sm, &&-md, &&-lg' : {\r\n        '&[data-rounded=\"true\"]': {\r\n          '@apply rounded-circular': {},\r\n      }\r\n    },\r\n\r\n    '&&-xs' : {\r\n      '@apply h-24 w-24 min-h-24 max-h-24 min-w-24 max-w-24' : {},\r\n      '@apply text-label-extra-small rounded-utility' : {},\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 rounded-button': {},\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 rounded-button': {},\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 rounded-button': {},\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    '&[data-color=\"primary\"]': {\r\n      '@apply bg-primary-surface  text-light-primary': {},\r\n\r\n      '&[data-accent=\"true\"]': {\r\n        '@apply bg-inverted-primary-surface  text-inverted-light-primary': {},\r\n      },\r\n    },\r\n    '&-img': {\r\n      '@apply min-w-full min-h-full object-cover': {},\r\n    },\r\n    '&[data-hasimage=\"true\"]': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Avatar","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,SAAS,SAACC;WAAsB;QAC3C,cAAc;YACZ,sBAAsB,CAAC;YACvB,sCAAsC,CAAC;YACvC,0BAA0B,CAAC;YACzB,8BAA+B;gBAC7B,0BAA0B;oBACxB,2BAA2B,CAAC;gBAChC;YACF;YAEA,SAAU;gBACR,wDAAyD,CAAC;gBAC1D,iDAAkD,CAAC;YACrD;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,0CAA0C,CAAC;YAC7C;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,2CAA2C,CAAC;YAC9C;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,0CAA0C,CAAC;YAC7C;WACGA,OAAOC,MAAM,CACd,SAACC,QAAQC;gBAEuB;mBAFZ,wCACfD,8BACF,AAAC,iBAAsB,OAANC,OAAM,QAAM,WAC5B,iBAD4B,MAC3B,AAAC,aAA2CA,OAA/BA,OAAM,2BAA+B,OAANA,OAAM,oBAAmB,CAAC,IAEvE,iBAH4B,MAG5B,yBACE,qBAAC,AAAC,aAA0CA,OAA9BA,OAAM,0BAA8B,OAANA,OAAM,kBAAiB,CAAC,KAJ1C;WAQhC,CAAC;YAEH,2BAA2B;gBACzB,iDAAiD,CAAC;gBAElD,yBAAyB;oBACvB,mEAAmE,CAAC;gBACtE;YACF;YACA,SAAS;gBACP,6CAA6C,CAAC;YAChD;YACA,2BAA2B;gBACzB,yBAAyB,CAAC;YAC5B;;IAEJ"}

package/dist/cjs/components/menubar.js

@@ -64,17 +64,29 @@ var MenuBar = function(colors) {
     return {
         '.sk-menubar': {
             '@apply flex flex-row': {},
-            '@apply p-8 gap-16': {},
             '@apply rounded-cards': {},
             '&[data-background="true"]': {
                 '@apply bg-background-color-mixin-1': {}
             },
+            // sizes
+            '&[data-size="md"]': {
+                '@apply p-6 gap-8 rounded-groups': {}
+            },
+            '&[data-size="lg"]': {
+                '@apply p-8 gap-16 rounded-cards': {}
+            },
             '&-item': _object_spread({
                 '@apply inline-block': {},
                 '@apply relative': {},
-                '@apply h-40': {},
-                'a, button': {
-                    color: 'unset'
+                // sizes
+                '&[data-size="md"]': {
+                    '@apply h-34': {},
+                    '> *': {
+                        '@apply text-small leading-[1.8rem]': {}
+                    }
+                },
+                '&[data-size="lg"]': {
+                    '@apply h-40': {}
                 },
                 '> *:first-child': {
                     '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},

package/dist/cjs/components/menubar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n  '.sk-menubar': {\r\n    '@apply flex flex-row': {},\r\n    '@apply p-8 gap-16': {},\r\n    '@apply rounded-cards': {},\r\n\r\n    '&[data-background=\"true\"]': {\r\n      '@apply bg-background-color-mixin-1': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply inline-block': {},\r\n      '@apply relative': {},\r\n      '@apply h-40': {},\r\n      'a, button': {\r\n        color: 'unset',\r\n      },\r\n\r\n      '> *:first-child': {\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n        '@apply cursor-pointer': {},\r\n        '@apply bg-transparent text-dark-primary': {},\r\n        '@apply hover:bg-tertiary-surface': {},\r\n        '@apply font-bold': {},\r\n        '@apply gap-2 px-14 py-8': {},\r\n        '@apply h-full min-h-full': {},\r\n        '@apply inline-flex shrink-0 flex-nowrap': {},\r\n\r\n        '@apply border-0': {},\r\n        '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n        '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            '> *:first-child': {\r\n              [`@apply hover:bg-${color}-surface-accent`]: {},\r\n              [`@apply hover:text-${color}-text-primary`]: {},\r\n              '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n              '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n                '@apply focus-visible:ring': {},\r\n              },\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  },\r\n});\r\n"],"names":["MenuBar","colors","color","reduce","styles"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,UAAU,SAACC;WAAsB;QAC5C,eAAe;YACb,wBAAwB,CAAC;YACzB,qBAAqB,CAAC;YACtB,wBAAwB,CAAC;YAEzB,6BAA6B;gBAC3B,sCAAsC,CAAC;YACzC;YAEA,UAAU;gBACR,uBAAuB,CAAC;gBACxB,mBAAmB,CAAC;gBACpB,eAAe,CAAC;gBAChB,aAAa;oBACXC,OAAO;gBACT;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,yBAAyB,CAAC;oBAC1B,2CAA2C,CAAC;oBAC5C,oCAAoC,CAAC;oBACrC,oBAAoB,CAAC;oBACrB,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,2CAA2C,CAAC;oBAE5C,mBAAmB,CAAC;oBACpB,iEAAiE,CAAC;oBAClE,4EAA4E;wBAC1E,gDAAgD,CAAC;wBACjD,6BAA6B,CAAC;oBAChC;gBACF;eACGD,OAAOE,MAAM,CACd,SAACC,QAAQF;oBAOuE,MAJzD;uBAHH,wCACfE,SACH,qBAAC,AAAC,iBAAsB,OAANF,OAAM,OAAM;oBAC5B,iBAAiB,GAAE,YACjB,iBADiB,OAChB,AAAC,mBAAwB,OAANA,OAAM,oBAAmB,CAAC,IAC9C,iBAFiB,OAEhB,AAAC,qBAA0B,OAANA,OAAM,kBAAiB,CAAC,IAC9C,iBAHiB,OAGjB,iEAAiE,CAAC,qBAHjD,OAIjB,2EAA0E,WACxE,iBADwE,MACvE,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC,IACzC,iBAFwE,MAExE,6BAA6B,CAAC,IAF0C,QAJzD;gBASrB;eAEF,CAAC;QAGP;IACF"}
+{"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n  '.sk-menubar': {\r\n    '@apply flex flex-row': {},\r\n    '@apply rounded-cards': {},\r\n\r\n    '&[data-background=\"true\"]': {\r\n      '@apply bg-background-color-mixin-1': {},\r\n    },\r\n\r\n    // sizes\r\n    '&[data-size=\"md\"]': {\r\n      '@apply p-6 gap-8 rounded-groups': {},\r\n    },\r\n    '&[data-size=\"lg\"]': {\r\n      '@apply p-8 gap-16 rounded-cards': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply inline-block': {},\r\n      '@apply relative': {},\r\n\r\n      // sizes\r\n      '&[data-size=\"md\"]': {\r\n        '@apply h-34': {},\r\n\r\n        '> *': {\r\n          '@apply text-small leading-[1.8rem]': {},\r\n        },\r\n      },\r\n      '&[data-size=\"lg\"]': {\r\n        '@apply h-40': {},\r\n      },\r\n\r\n      '> *:first-child': {\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n        '@apply cursor-pointer': {},\r\n        '@apply bg-transparent text-dark-primary': {},\r\n        '@apply hover:bg-tertiary-surface': {},\r\n        '@apply font-bold': {},\r\n        '@apply gap-2 px-14 py-8': {},\r\n        '@apply h-full min-h-full': {},\r\n        '@apply inline-flex shrink-0 flex-nowrap': {},\r\n\r\n        '@apply border-0': {},\r\n        '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n        '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            '> *:first-child': {\r\n              [`@apply hover:bg-${color}-surface-accent`]: {},\r\n              [`@apply hover:text-${color}-text-primary`]: {},\r\n              '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n              '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n                '@apply focus-visible:ring': {},\r\n              },\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  },\r\n});\r\n"],"names":["MenuBar","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,UAAU,SAACC;WAAsB;QAC5C,eAAe;YACb,wBAAwB,CAAC;YACzB,wBAAwB,CAAC;YAEzB,6BAA6B;gBAC3B,sCAAsC,CAAC;YACzC;YAEA,QAAQ;YACR,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YACA,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YAEA,UAAU;gBACR,uBAAuB,CAAC;gBACxB,mBAAmB,CAAC;gBAEpB,QAAQ;gBACR,qBAAqB;oBACnB,eAAe,CAAC;oBAEhB,OAAO;wBACL,sCAAsC,CAAC;oBACzC;gBACF;gBACA,qBAAqB;oBACnB,eAAe,CAAC;gBAClB;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,yBAAyB,CAAC;oBAC1B,2CAA2C,CAAC;oBAC5C,oCAAoC,CAAC;oBACrC,oBAAoB,CAAC;oBACrB,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,2CAA2C,CAAC;oBAE5C,mBAAmB,CAAC;oBACpB,iEAAiE,CAAC;oBAClE,4EAA4E;wBAC1E,gDAAgD,CAAC;wBACjD,6BAA6B,CAAC;oBAChC;gBACF;eACGA,OAAOC,MAAM,CACd,SAACC,QAAQC;oBAOuE,MAJzD;uBAHH,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;oBAC5B,iBAAiB,GAAE,YACjB,iBADiB,OAChB,AAAC,mBAAwB,OAANA,OAAM,oBAAmB,CAAC,IAC9C,iBAFiB,OAEhB,AAAC,qBAA0B,OAANA,OAAM,kBAAiB,CAAC,IAC9C,iBAHiB,OAGjB,iEAAiE,CAAC,qBAHjD,OAIjB,2EAA0E,WACxE,iBADwE,MACvE,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC,IACzC,iBAFwE,MAExE,6BAA6B,CAAC,IAF0C,QAJzD;gBASrB;eAEF,CAAC;QAGP;IACF"}

package/dist/cjs/components/tabs.js

@@ -86,7 +86,7 @@ var Tabs = function(colors) {
                         '@apply h-auto border-0 py-0 px-2': {},
                         // ring
                         '@apply rounded-4': {},
-                        '&[aria-readonly="true"]': {
+                        '&[aria-disabled="true"]': {
                             '@apply text-dark-disabled cursor-default': {}
                         },
                         '&:focus-visible': {

package/dist/cjs/components/tabs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = (colors: string[]) => ({\r\n  '.sk-tabs': {\r\n    '@apply w-full': {},\r\n\r\n    '&-list': {\r\n      '@apply flex items-center gap-20 border-b-1 border-transparent': {},\r\n\r\n      '&[data-underline=\"true\"]': {\r\n        '@apply border-divider': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '@apply flex flex-col gap-y-10': {},\r\n\r\n        '&[data-size=\"sm\"]': {\r\n          '> button': {\r\n            '@apply text-small': {},\r\n          },\r\n        },\r\n\r\n        '&:hover': {\r\n          // hover\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-90': {},\r\n          },\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply h-auto border-0 py-0 px-2': {},\r\n          // ring\r\n          '@apply rounded-4': {},\r\n\r\n          '&[aria-readonly=\"true\"]': {\r\n            '@apply text-dark-disabled cursor-default': {},\r\n          },\r\n\r\n          '&:focus-visible': {\r\n            // focus\r\n            '@apply ring-[.3rem]': {},\r\n            '@apply ring-ring': {},\r\n            '@apply ring-offset-background-content': {},\r\n            '@apply outline-0': {},\r\n          },\r\n\r\n          '.sk-callout': {\r\n            '@apply absolute self-end': {},\r\n          },\r\n        },\r\n\r\n        '.sk-tabs-list-item-divider': {\r\n          '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {},\r\n        },\r\n\r\n        '&[data-current=\"true\"]': {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-100': {},\r\n          },\r\n        },\r\n\r\n        ...colors.reduce(\r\n          (styles, color) => ({\r\n            ...styles,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              '.sk-tabs-list-item-divider': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n              },\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n        \"&[data-color='tertiary']\": {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply bg-primary-surface': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-panels': {\r\n      '@apply mt-20': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '&:not([data-selected=\"true\"])': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Tabs","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,OAAO,SAACC;WAAsB;QACzC,YAAY;YACV,iBAAiB,CAAC;YAElB,UAAU;gBACR,iEAAiE,CAAC;gBAElE,4BAA4B;oBAC1B,yBAAyB,CAAC;gBAC5B;gBAEA,UAAU;oBACR,iCAAiC,CAAC;oBAElC,qBAAqB;wBACnB,YAAY;4BACV,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,WAAW;wBACT,QAAQ;wBACR,8BAA8B;4BAC5B,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,YAAY;wBACV,oCAAoC,CAAC;wBACrC,OAAO;wBACP,oBAAoB,CAAC;wBAErB,2BAA2B;4BACzB,4CAA4C,CAAC;wBAC/C;wBAEA,mBAAmB;4BACjB,QAAQ;4BACR,uBAAuB,CAAC;4BACxB,oBAAoB,CAAC;4BACrB,yCAAyC,CAAC;4BAC1C,oBAAoB,CAAC;wBACvB;wBAEA,eAAe;4BACb,4BAA4B,CAAC;wBAC/B;oBACF;oBAEA,8BAA8B;wBAC5B,iDAAiD,CAAC;oBACpD;oBAEA,0BAA0B;wBACxB,8BAA8B;4BAC5B,sBAAsB,CAAC;wBACzB;oBACF;mBAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;2BAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;wBAC5B,8BACE,qBAAC,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC;oBAE7C;mBAEF,CAAC;oBAEH,4BAA4B;wBAC1B,8BAA8B;4BAC5B,6BAA6B,CAAC;wBAChC;oBACF;;YAEJ;YAEA,YAAY;gBACV,gBAAgB,CAAC;YACnB;YAEA,aAAa;gBACX,iCAAiC;oBAC/B,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF"}
+{"version":3,"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = (colors: string[]) => ({\r\n  '.sk-tabs': {\r\n    '@apply w-full': {},\r\n\r\n    '&-list': {\r\n      '@apply flex items-center gap-20 border-b-1 border-transparent': {},\r\n\r\n      '&[data-underline=\"true\"]': {\r\n        '@apply border-divider': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '@apply flex flex-col gap-y-10': {},\r\n\r\n        '&[data-size=\"sm\"]': {\r\n          '> button': {\r\n            '@apply text-small': {},\r\n          },\r\n        },\r\n\r\n        '&:hover': {\r\n          // hover\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-90': {},\r\n          },\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply h-auto border-0 py-0 px-2': {},\r\n          // ring\r\n          '@apply rounded-4': {},\r\n\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply text-dark-disabled cursor-default': {},\r\n          },\r\n\r\n          '&:focus-visible': {\r\n            // focus\r\n            '@apply ring-[.3rem]': {},\r\n            '@apply ring-ring': {},\r\n            '@apply ring-offset-background-content': {},\r\n            '@apply outline-0': {},\r\n          },\r\n\r\n          '.sk-callout': {\r\n            '@apply absolute self-end': {},\r\n          },\r\n        },\r\n\r\n        '.sk-tabs-list-item-divider': {\r\n          '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {},\r\n        },\r\n\r\n        '&[data-current=\"true\"]': {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-100': {},\r\n          },\r\n        },\r\n\r\n        ...colors.reduce(\r\n          (styles, color) => ({\r\n            ...styles,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              '.sk-tabs-list-item-divider': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n              },\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n        \"&[data-color='tertiary']\": {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply bg-primary-surface': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-panels': {\r\n      '@apply mt-20': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '&:not([data-selected=\"true\"])': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Tabs","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,OAAO,SAACC;WAAsB;QACzC,YAAY;YACV,iBAAiB,CAAC;YAElB,UAAU;gBACR,iEAAiE,CAAC;gBAElE,4BAA4B;oBAC1B,yBAAyB,CAAC;gBAC5B;gBAEA,UAAU;oBACR,iCAAiC,CAAC;oBAElC,qBAAqB;wBACnB,YAAY;4BACV,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,WAAW;wBACT,QAAQ;wBACR,8BAA8B;4BAC5B,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,YAAY;wBACV,oCAAoC,CAAC;wBACrC,OAAO;wBACP,oBAAoB,CAAC;wBAErB,2BAA2B;4BACzB,4CAA4C,CAAC;wBAC/C;wBAEA,mBAAmB;4BACjB,QAAQ;4BACR,uBAAuB,CAAC;4BACxB,oBAAoB,CAAC;4BACrB,yCAAyC,CAAC;4BAC1C,oBAAoB,CAAC;wBACvB;wBAEA,eAAe;4BACb,4BAA4B,CAAC;wBAC/B;oBACF;oBAEA,8BAA8B;wBAC5B,iDAAiD,CAAC;oBACpD;oBAEA,0BAA0B;wBACxB,8BAA8B;4BAC5B,sBAAsB,CAAC;wBACzB;oBACF;mBAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;2BAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;wBAC5B,8BACE,qBAAC,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC;oBAE7C;mBAEF,CAAC;oBAEH,4BAA4B;wBAC1B,8BAA8B;4BAC5B,6BAA6B,CAAC;wBAChC;oBACF;;YAEJ;YAEA,YAAY;gBACV,gBAAgB,CAAC;YACnB;YAEA,aAAa;gBACX,iCAAiC;oBAC/B,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF"}

package/dist/cjs/units.js

@@ -280,6 +280,13 @@ var _units = {
                 fontWeight: 700
             }
         ],
+        'label-extra-small': [
+            'var(--sk-fontSize-label-extra-small)',
+            {
+                lineHeight: 'var(--sk-lineHeight-label-extra-small)',
+                fontWeight: 700
+            }
+        ],
         'input-large': [
             'var(--sk-fontSize-input-large)',
             {
@@ -357,6 +364,7 @@ var _units = {
         'label-large': 'var(--sk-lineHeight-label-large)',
         'label-medium': 'var(--sk-lineHeight-label-medium)',
         'label-small': 'var(--sk-lineHeight-label-small)',
+        'label-extra-small': 'var(--sk-lineHeight-label-extra-small)',
         'input-large': 'var(--sk-lineHeight-input-large)',
         'input-medium': 'var(--sk-lineHeight-input-medium)',
         'input-small': 'var(--sk-lineHeight-input-small)',

package/dist/cjs/units.js.map

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

package/dist/esm/components/avatar.js

@@ -55,22 +55,27 @@ export var Avatar = function(colors) {
         '.sk-avatar': _object_spread_props(_object_spread({
             '@apply inline-flex': {},
             '@apply justify-center items-center': {},
-            '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
             '@apply overflow-hidden': {},
-            '&[data-rounded="true"]': {
-                '@apply rounded-circular': {}
+            '&&-xs, &&-sm, &&-md, &&-lg': {
+                '&[data-rounded="true"]': {
+                    '@apply rounded-circular': {}
+                }
+            },
+            '&&-xs': {
+                '@apply h-24 w-24 min-h-24 max-h-24 min-w-24 max-w-24': {},
+                '@apply text-label-extra-small rounded-utility': {}
             },
             '&&-sm': {
                 '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},
-                '@apply text-label-small': {}
+                '@apply text-label-small rounded-button': {}
             },
             '&&-md': {
                 '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},
-                '@apply text-label-medium': {}
+                '@apply text-label-medium rounded-button': {}
             },
             '&&-lg': {
                 '@apply h-64 w-64 min-h-40 max-h-64 min-w-40 max-w-64': {},
-                '@apply text-label-large': {}
+                '@apply text-label-large rounded-button': {}
             }
         }, colors.reduce(function(styles, color) {
             var _obj;

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

@@ -1 +1 @@
-{"version":3,"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\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    '&[data-color=\"primary\"]': {\r\n      '@apply bg-primary-surface  text-light-primary': {},\r\n\r\n      '&[data-accent=\"true\"]': {\r\n        '@apply bg-inverted-primary-surface  text-inverted-light-primary': {},\r\n      },\r\n    },\r\n    '&-img': {\r\n      '@apply min-w-full min-h-full object-cover': {},\r\n    },\r\n    '&[data-hasimage=\"true\"]': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Avatar","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,SAAS,SAACC;WAAsB;QAC3C,cAAc;YACZ,sBAAsB,CAAC;YACvB,sCAAsC,CAAC;YACvC,sEAAsE,CAAC;YACvE,0BAA0B,CAAC;YAC3B,0BAA0B;gBACxB,2BAA2B,CAAC;YAC9B;YAEA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,2BAA2B,CAAC;YAC9B;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,4BAA4B,CAAC;YAC/B;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,2BAA2B,CAAC;YAC9B;WACGA,OAAOC,MAAM,CACd,SAACC,QAAQC;gBAEuB;mBAFZ,wCACfD,8BACF,AAAC,iBAAsB,OAANC,OAAM,QAAM,WAC5B,iBAD4B,MAC3B,AAAC,aAA2CA,OAA/BA,OAAM,2BAA+B,OAANA,OAAM,oBAAmB,CAAC,IAEvE,iBAH4B,MAG5B,yBACE,qBAAC,AAAC,aAA0CA,OAA9BA,OAAM,0BAA8B,OAANA,OAAM,kBAAiB,CAAC,KAJ1C;WAQhC,CAAC;YAEH,2BAA2B;gBACzB,iDAAiD,CAAC;gBAElD,yBAAyB;oBACvB,mEAAmE,CAAC;gBACtE;YACF;YACA,SAAS;gBACP,6CAA6C,CAAC;YAChD;YACA,2BAA2B;gBACzB,yBAAyB,CAAC;YAC5B;;IAEJ;EAAG"}
+{"version":3,"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 overflow-hidden': {},\r\n      '&&-xs, &&-sm, &&-md, &&-lg' : {\r\n        '&[data-rounded=\"true\"]': {\r\n          '@apply rounded-circular': {},\r\n      }\r\n    },\r\n\r\n    '&&-xs' : {\r\n      '@apply h-24 w-24 min-h-24 max-h-24 min-w-24 max-w-24' : {},\r\n      '@apply text-label-extra-small rounded-utility' : {},\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 rounded-button': {},\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 rounded-button': {},\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 rounded-button': {},\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    '&[data-color=\"primary\"]': {\r\n      '@apply bg-primary-surface  text-light-primary': {},\r\n\r\n      '&[data-accent=\"true\"]': {\r\n        '@apply bg-inverted-primary-surface  text-inverted-light-primary': {},\r\n      },\r\n    },\r\n    '&-img': {\r\n      '@apply min-w-full min-h-full object-cover': {},\r\n    },\r\n    '&[data-hasimage=\"true\"]': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Avatar","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,SAAS,SAACC;WAAsB;QAC3C,cAAc;YACZ,sBAAsB,CAAC;YACvB,sCAAsC,CAAC;YACvC,0BAA0B,CAAC;YACzB,8BAA+B;gBAC7B,0BAA0B;oBACxB,2BAA2B,CAAC;gBAChC;YACF;YAEA,SAAU;gBACR,wDAAyD,CAAC;gBAC1D,iDAAkD,CAAC;YACrD;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,0CAA0C,CAAC;YAC7C;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,2CAA2C,CAAC;YAC9C;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,0CAA0C,CAAC;YAC7C;WACGA,OAAOC,MAAM,CACd,SAACC,QAAQC;gBAEuB;mBAFZ,wCACfD,8BACF,AAAC,iBAAsB,OAANC,OAAM,QAAM,WAC5B,iBAD4B,MAC3B,AAAC,aAA2CA,OAA/BA,OAAM,2BAA+B,OAANA,OAAM,oBAAmB,CAAC,IAEvE,iBAH4B,MAG5B,yBACE,qBAAC,AAAC,aAA0CA,OAA9BA,OAAM,0BAA8B,OAANA,OAAM,kBAAiB,CAAC,KAJ1C;WAQhC,CAAC;YAEH,2BAA2B;gBACzB,iDAAiD,CAAC;gBAElD,yBAAyB;oBACvB,mEAAmE,CAAC;gBACtE;YACF;YACA,SAAS;gBACP,6CAA6C,CAAC;YAChD;YACA,2BAA2B;gBACzB,yBAAyB,CAAC;YAC5B;;IAEJ;EAAG"}

package/dist/esm/components/menubar.js

@@ -54,17 +54,29 @@ export var MenuBar = function(colors) {
     return {
         '.sk-menubar': {
             '@apply flex flex-row': {},
-            '@apply p-8 gap-16': {},
             '@apply rounded-cards': {},
             '&[data-background="true"]': {
                 '@apply bg-background-color-mixin-1': {}
             },
+            // sizes
+            '&[data-size="md"]': {
+                '@apply p-6 gap-8 rounded-groups': {}
+            },
+            '&[data-size="lg"]': {
+                '@apply p-8 gap-16 rounded-cards': {}
+            },
             '&-item': _object_spread({
                 '@apply inline-block': {},
                 '@apply relative': {},
-                '@apply h-40': {},
-                'a, button': {
-                    color: 'unset'
+                // sizes
+                '&[data-size="md"]': {
+                    '@apply h-34': {},
+                    '> *': {
+                        '@apply text-small leading-[1.8rem]': {}
+                    }
+                },
+                '&[data-size="lg"]': {
+                    '@apply h-40': {}
                 },
                 '> *:first-child': {
                     '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n  '.sk-menubar': {\r\n    '@apply flex flex-row': {},\r\n    '@apply p-8 gap-16': {},\r\n    '@apply rounded-cards': {},\r\n\r\n    '&[data-background=\"true\"]': {\r\n      '@apply bg-background-color-mixin-1': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply inline-block': {},\r\n      '@apply relative': {},\r\n      '@apply h-40': {},\r\n      'a, button': {\r\n        color: 'unset',\r\n      },\r\n\r\n      '> *:first-child': {\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n        '@apply cursor-pointer': {},\r\n        '@apply bg-transparent text-dark-primary': {},\r\n        '@apply hover:bg-tertiary-surface': {},\r\n        '@apply font-bold': {},\r\n        '@apply gap-2 px-14 py-8': {},\r\n        '@apply h-full min-h-full': {},\r\n        '@apply inline-flex shrink-0 flex-nowrap': {},\r\n\r\n        '@apply border-0': {},\r\n        '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n        '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            '> *:first-child': {\r\n              [`@apply hover:bg-${color}-surface-accent`]: {},\r\n              [`@apply hover:text-${color}-text-primary`]: {},\r\n              '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n              '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n                '@apply focus-visible:ring': {},\r\n              },\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  },\r\n});\r\n"],"names":["MenuBar","colors","color","reduce","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,UAAU,SAACC;WAAsB;QAC5C,eAAe;YACb,wBAAwB,CAAC;YACzB,qBAAqB,CAAC;YACtB,wBAAwB,CAAC;YAEzB,6BAA6B;gBAC3B,sCAAsC,CAAC;YACzC;YAEA,UAAU;gBACR,uBAAuB,CAAC;gBACxB,mBAAmB,CAAC;gBACpB,eAAe,CAAC;gBAChB,aAAa;oBACXC,OAAO;gBACT;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,yBAAyB,CAAC;oBAC1B,2CAA2C,CAAC;oBAC5C,oCAAoC,CAAC;oBACrC,oBAAoB,CAAC;oBACrB,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,2CAA2C,CAAC;oBAE5C,mBAAmB,CAAC;oBACpB,iEAAiE,CAAC;oBAClE,4EAA4E;wBAC1E,gDAAgD,CAAC;wBACjD,6BAA6B,CAAC;oBAChC;gBACF;eACGD,OAAOE,MAAM,CACd,SAACC,QAAQF;oBAOuE,MAJzD;uBAHH,wCACfE,SACH,qBAAC,AAAC,iBAAsB,OAANF,OAAM,OAAM;oBAC5B,iBAAiB,GAAE,YACjB,iBADiB,OAChB,AAAC,mBAAwB,OAANA,OAAM,oBAAmB,CAAC,IAC9C,iBAFiB,OAEhB,AAAC,qBAA0B,OAANA,OAAM,kBAAiB,CAAC,IAC9C,iBAHiB,OAGjB,iEAAiE,CAAC,qBAHjD,OAIjB,2EAA0E,WACxE,iBADwE,MACvE,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC,IACzC,iBAFwE,MAExE,6BAA6B,CAAC,IAF0C,QAJzD;gBASrB;eAEF,CAAC;QAGP;IACF;EAAG"}
+{"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n  '.sk-menubar': {\r\n    '@apply flex flex-row': {},\r\n    '@apply rounded-cards': {},\r\n\r\n    '&[data-background=\"true\"]': {\r\n      '@apply bg-background-color-mixin-1': {},\r\n    },\r\n\r\n    // sizes\r\n    '&[data-size=\"md\"]': {\r\n      '@apply p-6 gap-8 rounded-groups': {},\r\n    },\r\n    '&[data-size=\"lg\"]': {\r\n      '@apply p-8 gap-16 rounded-cards': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply inline-block': {},\r\n      '@apply relative': {},\r\n\r\n      // sizes\r\n      '&[data-size=\"md\"]': {\r\n        '@apply h-34': {},\r\n\r\n        '> *': {\r\n          '@apply text-small leading-[1.8rem]': {},\r\n        },\r\n      },\r\n      '&[data-size=\"lg\"]': {\r\n        '@apply h-40': {},\r\n      },\r\n\r\n      '> *:first-child': {\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n        '@apply cursor-pointer': {},\r\n        '@apply bg-transparent text-dark-primary': {},\r\n        '@apply hover:bg-tertiary-surface': {},\r\n        '@apply font-bold': {},\r\n        '@apply gap-2 px-14 py-8': {},\r\n        '@apply h-full min-h-full': {},\r\n        '@apply inline-flex shrink-0 flex-nowrap': {},\r\n\r\n        '@apply border-0': {},\r\n        '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n        '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            '> *:first-child': {\r\n              [`@apply hover:bg-${color}-surface-accent`]: {},\r\n              [`@apply hover:text-${color}-text-primary`]: {},\r\n              '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n              '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n                '@apply focus-visible:ring': {},\r\n              },\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  },\r\n});\r\n"],"names":["MenuBar","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,UAAU,SAACC;WAAsB;QAC5C,eAAe;YACb,wBAAwB,CAAC;YACzB,wBAAwB,CAAC;YAEzB,6BAA6B;gBAC3B,sCAAsC,CAAC;YACzC;YAEA,QAAQ;YACR,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YACA,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YAEA,UAAU;gBACR,uBAAuB,CAAC;gBACxB,mBAAmB,CAAC;gBAEpB,QAAQ;gBACR,qBAAqB;oBACnB,eAAe,CAAC;oBAEhB,OAAO;wBACL,sCAAsC,CAAC;oBACzC;gBACF;gBACA,qBAAqB;oBACnB,eAAe,CAAC;gBAClB;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,yBAAyB,CAAC;oBAC1B,2CAA2C,CAAC;oBAC5C,oCAAoC,CAAC;oBACrC,oBAAoB,CAAC;oBACrB,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,2CAA2C,CAAC;oBAE5C,mBAAmB,CAAC;oBACpB,iEAAiE,CAAC;oBAClE,4EAA4E;wBAC1E,gDAAgD,CAAC;wBACjD,6BAA6B,CAAC;oBAChC;gBACF;eACGA,OAAOC,MAAM,CACd,SAACC,QAAQC;oBAOuE,MAJzD;uBAHH,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;oBAC5B,iBAAiB,GAAE,YACjB,iBADiB,OAChB,AAAC,mBAAwB,OAANA,OAAM,oBAAmB,CAAC,IAC9C,iBAFiB,OAEhB,AAAC,qBAA0B,OAANA,OAAM,kBAAiB,CAAC,IAC9C,iBAHiB,OAGjB,iEAAiE,CAAC,qBAHjD,OAIjB,2EAA0E,WACxE,iBADwE,MACvE,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC,IACzC,iBAFwE,MAExE,6BAA6B,CAAC,IAF0C,QAJzD;gBASrB;eAEF,CAAC;QAGP;IACF;EAAG"}

package/dist/esm/components/tabs.js

@@ -76,7 +76,7 @@ export var Tabs = function(colors) {
                         '@apply h-auto border-0 py-0 px-2': {},
                         // ring
                         '@apply rounded-4': {},
-                        '&[aria-readonly="true"]': {
+                        '&[aria-disabled="true"]': {
                             '@apply text-dark-disabled cursor-default': {}
                         },
                         '&:focus-visible': {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = (colors: string[]) => ({\r\n  '.sk-tabs': {\r\n    '@apply w-full': {},\r\n\r\n    '&-list': {\r\n      '@apply flex items-center gap-20 border-b-1 border-transparent': {},\r\n\r\n      '&[data-underline=\"true\"]': {\r\n        '@apply border-divider': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '@apply flex flex-col gap-y-10': {},\r\n\r\n        '&[data-size=\"sm\"]': {\r\n          '> button': {\r\n            '@apply text-small': {},\r\n          },\r\n        },\r\n\r\n        '&:hover': {\r\n          // hover\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-90': {},\r\n          },\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply h-auto border-0 py-0 px-2': {},\r\n          // ring\r\n          '@apply rounded-4': {},\r\n\r\n          '&[aria-readonly=\"true\"]': {\r\n            '@apply text-dark-disabled cursor-default': {},\r\n          },\r\n\r\n          '&:focus-visible': {\r\n            // focus\r\n            '@apply ring-[.3rem]': {},\r\n            '@apply ring-ring': {},\r\n            '@apply ring-offset-background-content': {},\r\n            '@apply outline-0': {},\r\n          },\r\n\r\n          '.sk-callout': {\r\n            '@apply absolute self-end': {},\r\n          },\r\n        },\r\n\r\n        '.sk-tabs-list-item-divider': {\r\n          '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {},\r\n        },\r\n\r\n        '&[data-current=\"true\"]': {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-100': {},\r\n          },\r\n        },\r\n\r\n        ...colors.reduce(\r\n          (styles, color) => ({\r\n            ...styles,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              '.sk-tabs-list-item-divider': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n              },\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n        \"&[data-color='tertiary']\": {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply bg-primary-surface': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-panels': {\r\n      '@apply mt-20': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '&:not([data-selected=\"true\"])': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Tabs","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,OAAO,SAACC;WAAsB;QACzC,YAAY;YACV,iBAAiB,CAAC;YAElB,UAAU;gBACR,iEAAiE,CAAC;gBAElE,4BAA4B;oBAC1B,yBAAyB,CAAC;gBAC5B;gBAEA,UAAU;oBACR,iCAAiC,CAAC;oBAElC,qBAAqB;wBACnB,YAAY;4BACV,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,WAAW;wBACT,QAAQ;wBACR,8BAA8B;4BAC5B,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,YAAY;wBACV,oCAAoC,CAAC;wBACrC,OAAO;wBACP,oBAAoB,CAAC;wBAErB,2BAA2B;4BACzB,4CAA4C,CAAC;wBAC/C;wBAEA,mBAAmB;4BACjB,QAAQ;4BACR,uBAAuB,CAAC;4BACxB,oBAAoB,CAAC;4BACrB,yCAAyC,CAAC;4BAC1C,oBAAoB,CAAC;wBACvB;wBAEA,eAAe;4BACb,4BAA4B,CAAC;wBAC/B;oBACF;oBAEA,8BAA8B;wBAC5B,iDAAiD,CAAC;oBACpD;oBAEA,0BAA0B;wBACxB,8BAA8B;4BAC5B,sBAAsB,CAAC;wBACzB;oBACF;mBAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;2BAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;wBAC5B,8BACE,qBAAC,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC;oBAE7C;mBAEF,CAAC;oBAEH,4BAA4B;wBAC1B,8BAA8B;4BAC5B,6BAA6B,CAAC;wBAChC;oBACF;;YAEJ;YAEA,YAAY;gBACV,gBAAgB,CAAC;YACnB;YAEA,aAAa;gBACX,iCAAiC;oBAC/B,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF;EAAG"}
+{"version":3,"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = (colors: string[]) => ({\r\n  '.sk-tabs': {\r\n    '@apply w-full': {},\r\n\r\n    '&-list': {\r\n      '@apply flex items-center gap-20 border-b-1 border-transparent': {},\r\n\r\n      '&[data-underline=\"true\"]': {\r\n        '@apply border-divider': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '@apply flex flex-col gap-y-10': {},\r\n\r\n        '&[data-size=\"sm\"]': {\r\n          '> button': {\r\n            '@apply text-small': {},\r\n          },\r\n        },\r\n\r\n        '&:hover': {\r\n          // hover\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-90': {},\r\n          },\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply h-auto border-0 py-0 px-2': {},\r\n          // ring\r\n          '@apply rounded-4': {},\r\n\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply text-dark-disabled cursor-default': {},\r\n          },\r\n\r\n          '&:focus-visible': {\r\n            // focus\r\n            '@apply ring-[.3rem]': {},\r\n            '@apply ring-ring': {},\r\n            '@apply ring-offset-background-content': {},\r\n            '@apply outline-0': {},\r\n          },\r\n\r\n          '.sk-callout': {\r\n            '@apply absolute self-end': {},\r\n          },\r\n        },\r\n\r\n        '.sk-tabs-list-item-divider': {\r\n          '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {},\r\n        },\r\n\r\n        '&[data-current=\"true\"]': {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-100': {},\r\n          },\r\n        },\r\n\r\n        ...colors.reduce(\r\n          (styles, color) => ({\r\n            ...styles,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              '.sk-tabs-list-item-divider': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n              },\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n        \"&[data-color='tertiary']\": {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply bg-primary-surface': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-panels': {\r\n      '@apply mt-20': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '&:not([data-selected=\"true\"])': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Tabs","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,OAAO,SAACC;WAAsB;QACzC,YAAY;YACV,iBAAiB,CAAC;YAElB,UAAU;gBACR,iEAAiE,CAAC;gBAElE,4BAA4B;oBAC1B,yBAAyB,CAAC;gBAC5B;gBAEA,UAAU;oBACR,iCAAiC,CAAC;oBAElC,qBAAqB;wBACnB,YAAY;4BACV,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,WAAW;wBACT,QAAQ;wBACR,8BAA8B;4BAC5B,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,YAAY;wBACV,oCAAoC,CAAC;wBACrC,OAAO;wBACP,oBAAoB,CAAC;wBAErB,2BAA2B;4BACzB,4CAA4C,CAAC;wBAC/C;wBAEA,mBAAmB;4BACjB,QAAQ;4BACR,uBAAuB,CAAC;4BACxB,oBAAoB,CAAC;4BACrB,yCAAyC,CAAC;4BAC1C,oBAAoB,CAAC;wBACvB;wBAEA,eAAe;4BACb,4BAA4B,CAAC;wBAC/B;oBACF;oBAEA,8BAA8B;wBAC5B,iDAAiD,CAAC;oBACpD;oBAEA,0BAA0B;wBACxB,8BAA8B;4BAC5B,sBAAsB,CAAC;wBACzB;oBACF;mBAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;2BAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;wBAC5B,8BACE,qBAAC,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC;oBAE7C;mBAEF,CAAC;oBAEH,4BAA4B;wBAC1B,8BAA8B;4BAC5B,6BAA6B,CAAC;wBAChC;oBACF;;YAEJ;YAEA,YAAY;gBACV,gBAAgB,CAAC;YACnB;YAEA,aAAa;gBACX,iCAAiC;oBAC/B,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF;EAAG"}

package/dist/esm/units.js

@@ -270,6 +270,13 @@ var _units = {
                 fontWeight: 700
             }
         ],
+        'label-extra-small': [
+            'var(--sk-fontSize-label-extra-small)',
+            {
+                lineHeight: 'var(--sk-lineHeight-label-extra-small)',
+                fontWeight: 700
+            }
+        ],
         'input-large': [
             'var(--sk-fontSize-input-large)',
             {
@@ -347,6 +354,7 @@ var _units = {
         'label-large': 'var(--sk-lineHeight-label-large)',
         'label-medium': 'var(--sk-lineHeight-label-medium)',
         'label-small': 'var(--sk-lineHeight-label-small)',
+        'label-extra-small': 'var(--sk-lineHeight-label-extra-small)',
         'input-large': 'var(--sk-lineHeight-input-large)',
         'input-medium': 'var(--sk-lineHeight-input-medium)',
         'input-small': 'var(--sk-lineHeight-input-small)',

package/dist/esm/units.js.map

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

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

@@ -14,22 +14,27 @@ export declare const Avatar: (colors: string[]) => {
         };
         '@apply inline-flex': {};
         '@apply justify-center items-center': {};
-        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {};
         '@apply overflow-hidden': {};
-        '&[data-rounded="true"]': {
-            '@apply rounded-circular': {};
+        '&&-xs, &&-sm, &&-md, &&-lg': {
+            '&[data-rounded="true"]': {
+                '@apply rounded-circular': {};
+            };
+        };
+        '&&-xs': {
+            '@apply h-24 w-24 min-h-24 max-h-24 min-w-24 max-w-24': {};
+            '@apply text-label-extra-small rounded-utility': {};
         };
         '&&-sm': {
             '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {};
-            '@apply text-label-small': {};
+            '@apply text-label-small rounded-button': {};
         };
         '&&-md': {
             '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {};
-            '@apply text-label-medium': {};
+            '@apply text-label-medium rounded-button': {};
         };
         '&&-lg': {
             '@apply h-64 w-64 min-h-40 max-h-64 min-w-40 max-w-64': {};
-            '@apply text-label-large': {};
+            '@apply text-label-large rounded-button': {};
         };
     };
 };

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

@@ -1,17 +1,27 @@
 export declare const MenuBar: (colors: string[]) => {
     '.sk-menubar': {
         '@apply flex flex-row': {};
-        '@apply p-8 gap-16': {};
         '@apply rounded-cards': {};
         '&[data-background="true"]': {
             '@apply bg-background-color-mixin-1': {};
         };
+        '&[data-size="md"]': {
+            '@apply p-6 gap-8 rounded-groups': {};
+        };
+        '&[data-size="lg"]': {
+            '@apply p-8 gap-16 rounded-cards': {};
+        };
         '&-item': {
             '@apply inline-block': {};
             '@apply relative': {};
-            '@apply h-40': {};
-            'a, button': {
-                color: string;
+            '&[data-size="md"]': {
+                '@apply h-34': {};
+                '> *': {
+                    '@apply text-small leading-[1.8rem]': {};
+                };
+            };
+            '&[data-size="lg"]': {
+                '@apply h-40': {};
             };
             '> *:first-child': {
                 '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {};

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

@@ -26,7 +26,7 @@ export declare const Tabs: (colors: string[]) => {
                 '&-button': {
                     '@apply h-auto border-0 py-0 px-2': {};
                     '@apply rounded-4': {};
-                    '&[aria-readonly="true"]': {
+                    '&[aria-disabled="true"]': {
                         '@apply text-dark-disabled cursor-default': {};
                     };
                     '&:focus-visible': {

package/dist/types/units.d.ts

@@ -177,6 +177,10 @@ declare const _units: {
             lineHeight: string;
             fontWeight: number;
         })[];
+        'label-extra-small': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
         'input-large': (string | {
             lineHeight: string;
             fontWeight: number;
@@ -230,6 +234,7 @@ declare const _units: {
         'label-large': string;
         'label-medium': string;
         'label-small': string;
+        'label-extra-small': string;
         'input-large': string;
         'input-medium': string;
         'input-small': string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "3.11.2",
+  "version": "3.13.0",
   "license": "MIT",
   "type": "module",
   "main": "./dist/cjs/index.js",
@@ -35,11 +35,11 @@
     "postcss-import": "^16.1.0"
   },
   "dependencies": {
-    "@sk-web-gui/theme": "2.4.3",
+    "@sk-web-gui/theme": "2.5.0",
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/forms": "^0.5.10",
     "mini-svg-data-uri": "^1.4.4",
     "tailwindcss": "^3.4.17"
   },
-  "gitHead": "195c124739ddc642cff877d7275dde054afbd2ff"
+  "gitHead": "2a3bdc0e54c59a227f5ba0a8368199001fc1f044"
 }