@sk-web-gui/core 0.1.91 → 0.1.93

package/dist/cjs/components/side-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","content","svg","height","width","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","paddingLeft"],"sources":["../../../src/components/side-menu.js"],"sourcesContent":["module.exports = Menu = () => ({\r\n  '.sk-sidemenu': {\r\n    '@apply w-[440px]': {},\r\n\r\n    '&-header': {\r\n      '@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},\r\n\r\n      '.label-small': {\r\n        '@apply text-[1.6rem]': {},\r\n      },\r\n\r\n      '.label-button': {\r\n        '@apply w-full justify-between p-0 leading-[inherit]': {},\r\n\r\n        '&-icon': {\r\n          '@apply !text-xl': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply flex items-center': {},\r\n\r\n        'label, .label': {\r\n          '@apply text-xl font-bold flex items-center w-full': {},\r\n        },\r\n\r\n        span: {\r\n          '@apply ml-auto': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply bg-white h-full': {},\r\n\r\n      '> ul.items': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '&.open > ul.items': {\r\n        '@apply block': {},\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply flex-grow select-none flex items-center': {},\r\n      },\r\n\r\n      '&.active': {\r\n        '> .sk-sidemenu-wrapper': {\r\n          boxShadow: 'inset 6px 0 0 0 #005595',\r\n          '.sk-sidemenu-item-label': {\r\n            '@apply underline': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '.expand path': {\r\n        '@apply fill-primary': {},\r\n      },\r\n\r\n      '& .sk-sidemenu-wrapper': {\r\n        '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},\r\n          '@apply focus-visible:z-base': {},\r\n        },\r\n\r\n        '.expand': {\r\n          '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},\r\n\r\n          '&-button': {\r\n            '@apply flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&.open': {\r\n        '& + .menu-item > .sk-sidemenu-wrapper': {\r\n          '@apply border-t': {},\r\n        },\r\n      },\r\n\r\n      '&.draggable': {\r\n        '&.dragenter': {\r\n          '> .sk-sidemenu-wrapper': {\r\n            '@apply h-full max-h-full': {},\r\n          },\r\n          \"> .sk-sidemenu-wrapper > *:not([draggable='true'])\": {\r\n            '@apply pointer-events-none': {},\r\n          },\r\n\r\n          '& > .sk-sidemenu-wrapper::after': {\r\n            '@apply bg-info-light block relative w-full h-[44px]': {},\r\n            content: \"''\",\r\n          },\r\n        },\r\n\r\n        '&.moving': {\r\n          '@apply hidden': {},\r\n        },\r\n\r\n        '& .sk-sidemenu-menuitem-movebutton': {\r\n          '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},\r\n\r\n          svg: {\r\n            '@apply h-full': {},\r\n          },\r\n          '&-label': {\r\n            '@apply text-[#B65A06]': {},\r\n          },\r\n        },\r\n\r\n        '&.moved-here': {\r\n          \"[draggable='true']\": {\r\n            '@apply text-warning': {},\r\n          },\r\n        },\r\n\r\n        '&.separator': {\r\n          '@apply bg-transparent relative': {},\r\n\r\n          '> div.sk-sidemenu-wrapper, > .sk-sidemenu-item-link': {\r\n            '@apply h-[44px]': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&-separator': {\r\n        '@apply text-svartvik-200': {},\r\n        height: '1px',\r\n        width: '100%',\r\n        backgroundImage: `repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)`,\r\n        backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',\r\n        backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',\r\n        backgroundRepeat: 'no-repeat',\r\n      },\r\n\r\n      '&.lvl-0': {\r\n        '&:first-child > .sk-sidemenu-wrapper': {\r\n          '@apply border-t-0': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper': {\r\n          '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply  py-md': {},\r\n            paddingLeft: '3.2rem',\r\n          },\r\n        },\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply h-[64px] max-h-[64px]': {},\r\n        },\r\n\r\n        '& + .sk-sidemenu-item > .sk-sidemenu-wrapper': {\r\n          '@apply border-t-0': {},\r\n        },\r\n\r\n        '> .items': {\r\n          '@apply border-l border-r border-svartvik-200': {},\r\n        },\r\n\r\n        '&.open > .items': {\r\n          '@apply border-b border-svartvik-200': {},\r\n        },\r\n\r\n        '&.separator': {\r\n          '& + .lvl-0': {\r\n            '@apply border-t border-svartvik-200': {},\r\n          },\r\n        },\r\n\r\n        '&.separator > .sk-sidemenu-wrapper': {\r\n          '@apply border-0': {},\r\n        },\r\n      },\r\n\r\n      '&.lvl-1': {\r\n        '@apply bg-gray-lighter': {},\r\n\r\n        '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {\r\n          '@apply h-[56px] max-h-[56px]': {},\r\n        },\r\n\r\n        '&.open > .sk-sidemenu-wrapper': {\r\n          '@apply border-b border-svartvik-200': {},\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '4.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-2': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply h-[48px] max-h-[48px]': {},\r\n          },\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '6.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-3': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-4': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-[#d4d4d4]': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '9.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-5': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '11.2rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-6': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '12.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-7': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '14.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-8': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '16rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-9': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '17.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-10': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '19.2rem',\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","path","content","svg","height","width","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","paddingLeft"],"sources":["../../../src/components/side-menu.js"],"sourcesContent":["module.exports = Menu = () => ({\r\n  '.sk-sidemenu': {\r\n    '@apply w-[440px]': {},\r\n\r\n    '&-header': {\r\n      '@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},\r\n\r\n      '.label-small': {\r\n        '@apply text-[1.6rem]': {},\r\n      },\r\n\r\n      '.label-button': {\r\n        '@apply w-full justify-between p-0 leading-[inherit]': {},\r\n\r\n        '&-icon': {\r\n          '@apply !text-xl': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply flex items-center': {},\r\n\r\n        'label, .label': {\r\n          '@apply text-xl font-bold flex items-center w-full': {},\r\n        },\r\n\r\n        span: {\r\n          '@apply ml-auto': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply bg-white h-full': {},\r\n\r\n      '> ul.items': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '&.open > ul.items': {\r\n        '@apply block': {},\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply flex-grow select-none flex items-center': {},\r\n      },\r\n\r\n      '&.active': {\r\n        '> .sk-sidemenu-wrapper': {\r\n          boxShadow: 'inset 6px 0 0 0 #005595',\r\n          '.sk-sidemenu-item-label': {\r\n            '@apply underline': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '& .sk-sidemenu-wrapper': {\r\n        '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},\r\n          '@apply focus-visible:z-base': {},\r\n\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply text-neutral-600 cursor-not-allowed': {},\r\n\r\n            '.sk-sidemenu-item-label': {\r\n              '@apply text-neutral-600': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '.expand': {\r\n          '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},\r\n\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n\r\n            path: {\r\n              '@apply fill-gray-stroke': {},\r\n            },\r\n          },\r\n\r\n          path: {\r\n            '@apply fill-primary': {},\r\n          },\r\n\r\n          '&-button': {\r\n            '@apply fill-primary flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&.open': {\r\n        '& + .menu-item > .sk-sidemenu-wrapper': {\r\n          '@apply border-t': {},\r\n        },\r\n      },\r\n\r\n      '&.draggable': {\r\n        '&.dragenter': {\r\n          '> .sk-sidemenu-wrapper': {\r\n            '@apply h-full max-h-full': {},\r\n          },\r\n          \"> .sk-sidemenu-wrapper > *:not([draggable='true'])\": {\r\n            '@apply pointer-events-none': {},\r\n          },\r\n\r\n          '& > .sk-sidemenu-wrapper::after': {\r\n            '@apply bg-info-light block relative w-full h-[44px]': {},\r\n            content: \"''\",\r\n          },\r\n        },\r\n\r\n        '&.moving': {\r\n          '@apply hidden': {},\r\n        },\r\n\r\n        '& .sk-sidemenu-menuitem-movebutton': {\r\n          '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},\r\n\r\n          svg: {\r\n            '@apply h-full': {},\r\n          },\r\n\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n          },\r\n        },\r\n\r\n        '&.separator': {\r\n          '@apply bg-transparent relative': {},\r\n\r\n          '> div.sk-sidemenu-wrapper, > .sk-sidemenu-item-link': {\r\n            '@apply h-[44px]': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&-separator': {\r\n        '@apply text-svartvik-200': {},\r\n        height: '1px',\r\n        width: '100%',\r\n        backgroundImage: `repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)`,\r\n        backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',\r\n        backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',\r\n        backgroundRepeat: 'no-repeat',\r\n      },\r\n\r\n      '&.lvl-0': {\r\n        '&:first-child > .sk-sidemenu-wrapper': {\r\n          '@apply border-t-0': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper': {\r\n          '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply  py-md': {},\r\n            paddingLeft: '3.2rem',\r\n          },\r\n        },\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply h-[64px] max-h-[64px]': {},\r\n        },\r\n\r\n        '& + .sk-sidemenu-item > .sk-sidemenu-wrapper': {\r\n          '@apply border-t-0': {},\r\n        },\r\n\r\n        '> .items': {\r\n          '@apply border-l border-r border-svartvik-200': {},\r\n        },\r\n\r\n        '&.open > .items': {\r\n          '@apply border-b border-svartvik-200': {},\r\n        },\r\n\r\n        '&.separator': {\r\n          '& + .lvl-0': {\r\n            '@apply border-t border-svartvik-200': {},\r\n          },\r\n        },\r\n\r\n        '&.separator > .sk-sidemenu-wrapper': {\r\n          '@apply border-0': {},\r\n        },\r\n      },\r\n\r\n      '&.lvl-1': {\r\n        '@apply bg-gray-lighter': {},\r\n\r\n        '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {\r\n          '@apply h-[56px] max-h-[56px]': {},\r\n        },\r\n\r\n        '&.open > .sk-sidemenu-wrapper': {\r\n          '@apply border-b border-svartvik-200': {},\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '4.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-2': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply h-[48px] max-h-[48px]': {},\r\n          },\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '6.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-3': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-4': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-[#d4d4d4]': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '9.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-5': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '11.2rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-6': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '12.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-7': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '14.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-8': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '16rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-9': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '17.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-10': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '19.2rem',\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/cjs/components/snackbar.js

@@ -0,0 +1,27 @@
+module.exports = Snackbar = function Snackbar() {
+  return {
+    '.sk-snackbar': {
+      '@apply flex items-center gap-12 py-8 pl-16 pr-8 rounded-groups break-words max-w-[40rem]': {},
+      '@apply text-label-small text-vattjom-text-secondary': {},
+      '&-text': {
+        '@apply flex-grow': {}
+      },
+      '&-content': {
+        '@apply flex-grow gap-12 py-4 flex items-center': {}
+      },
+      '&-info': {
+        '@apply text-vattjom-text-secondary bg-vattjom-surface-primary': {}
+      },
+      '&-success': {
+        '@apply text-gronsta-text-secondary bg-gronsta-surface-primary': {}
+      },
+      '&-warning': {
+        '@apply text-warning-text-secondary bg-warning-surface-primary': {}
+      },
+      '&-error': {
+        '@apply text-error-text-secondary bg-error-surface-primary': {}
+      }
+    }
+  };
+};
+//# sourceMappingURL=snackbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.js","names":["module","exports","Snackbar"],"sources":["../../../src/components/snackbar.js"],"sourcesContent":["module.exports = Snackbar = () => ({\r\n  '.sk-snackbar': {\r\n    '@apply flex items-center gap-12 py-8 pl-16 pr-8 rounded-groups break-words max-w-[40rem]': {},\r\n    '@apply text-label-small text-vattjom-text-secondary': {},\r\n\r\n    '&-text': {\r\n      '@apply flex-grow': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex-grow gap-12 py-4 flex items-center': {},\r\n    },\r\n\r\n    '&-info': {\r\n      '@apply text-vattjom-text-secondary bg-vattjom-surface-primary': {},\r\n    },\r\n    '&-success': {\r\n      '@apply text-gronsta-text-secondary bg-gronsta-surface-primary': {},\r\n    },\r\n    '&-warning': {\r\n      '@apply text-warning-text-secondary bg-warning-surface-primary': {},\r\n    },\r\n    '&-error': {\r\n      '@apply text-error-text-secondary bg-error-surface-primary': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAAA;EAAA,OAAO;IACjC,cAAc,EAAE;MACd,0FAA0F,EAAE,CAAC,CAAC;MAC9F,qDAAqD,EAAE,CAAC,CAAC;MAEzD,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,WAAW,EAAE;QACX,gDAAgD,EAAE,CAAC;MACrD,CAAC;MAED,QAAQ,EAAE;QACR,+DAA+D,EAAE,CAAC;MACpE,CAAC;MACD,WAAW,EAAE;QACX,+DAA+D,EAAE,CAAC;MACpE,CAAC;MACD,WAAW,EAAE;QACX,+DAA+D,EAAE,CAAC;MACpE,CAAC;MACD,SAAS,EAAE;QACT,2DAA2D,EAAE,CAAC;MAChE;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/units.js

@@ -0,0 +1,250 @@
+module.exports = {
+  spacing: {
+    0: 'var(--sk-spacing-0)',
+    2: 'var(--sk-spacing-2)',
+    4: 'var(--sk-spacing-4)',
+    6: 'var(--sk-spacing-6)',
+    8: 'var(--sk-spacing-8)',
+    10: 'var(--sk-spacing-10)',
+    12: 'var(--sk-spacing-12)',
+    14: 'var(--sk-spacing-14)',
+    16: 'var(--sk-spacing-16)',
+    18: 'var(--sk-spacing-18)',
+    20: 'var(--sk-spacing-20)',
+    24: 'var(--sk-spacing-24)',
+    32: 'var(--sk-spacing-32)',
+    40: 'var(--sk-spacing-40)',
+    48: 'var(--sk-spacing-48)',
+    56: 'var(--sk-spacing-56)',
+    64: 'var(--sk-spacing-64)',
+    72: 'var(--sk-spacing-72)',
+    80: 'var(--sk-spacing-80)'
+  },
+  fontSizes: {
+    'display-1': ['var(--sk-fontSize-display-1-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)',
+      fontWeight: 700
+    }],
+    'display-1-lg': ['var(--sk-fontSize-display-1-lg)', {
+      lineHeight: 'var(--sk-lineHeight-display-1-lg)',
+      fontWeight: 700
+    }],
+    'display-1-md': ['var(--sk-fontSize-display-1-md)', {
+      lineHeight: 'var(--sk-lineHeight-display-1-md)',
+      fontWeight: 700
+    }],
+    'display-1-sm': ['var(--sk-fontSize-display-1-sm)', {
+      lineHeight: 'var(--sk-lineHeight-display-1-sm)',
+      fontWeight: 700
+    }],
+    'display-2': ['var(--sk-fontSize-display-2-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)',
+      fontWeight: 700
+    }],
+    'display-2-lg': ['var(--sk-fontSize-display-2-lg)', {
+      lineHeight: 'var(--sk-lineHeight-display-2-lg)',
+      fontWeight: 700
+    }],
+    'display-2-md': ['var(--sk-fontSize-display-2-md)', {
+      lineHeight: 'var(--sk-lineHeight-display-2-md)',
+      fontWeight: 700
+    }],
+    'display-2-sm': ['var(--sk-fontSize-display-2-sm)', {
+      lineHeight: 'var(--sk-lineHeight-display-2-sm)',
+      fontWeight: 700
+    }],
+    'display-3': ['var(--sk-fontSize-display-3-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)',
+      fontWeight: 700
+    }],
+    'display-3-lg': ['var(--sk-fontSize-display-3-lg)', {
+      lineHeight: 'var(--sk-lineHeight-display-3-lg)',
+      fontWeight: 700
+    }],
+    'display-3-md': ['var(--sk-fontSize-display-3-md)', {
+      lineHeight: 'var(--sk-lineHeight-display-3-md)',
+      fontWeight: 700
+    }],
+    'display-3-sm': ['var(--sk-fontSize-display-3-sm)', {
+      lineHeight: 'var(--sk-lineHeight-display-3-sm)',
+      fontWeight: 700
+    }],
+    h1: ['var(--sk-fontSize-h-1-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)',
+      fontWeight: 700
+    }],
+    'h1-lg': ['var(--sk-fontSize-h-1-lg)', {
+      lineHeight: 'var(--sk-lineHeight-h-1-lg)',
+      fontWeight: 700
+    }],
+    'h1-md': ['var(--sk-fontSize-h-1-md)', {
+      lineHeight: 'var(--sk-lineHeight-h-1-md)',
+      fontWeight: 700
+    }],
+    'h1-sm': ['var(--sk-fontSize-h-1-sm)', {
+      lineHeight: 'var(--sk-lineHeight-h-1-sm)',
+      fontWeight: 700
+    }],
+    h2: ['var(--sk-fontSize-h-2-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)',
+      fontWeight: 700
+    }],
+    'h2-lg': ['var(--sk-fontSize-h-2-lg)', {
+      lineHeight: 'var(--sk-lineHeight-h-2-lg)',
+      fontWeight: 700
+    }],
+    'h2-md': ['var(--sk-fontSize-h-2-md)', {
+      lineHeight: 'var(--sk-lineHeight-h-2-md)',
+      fontWeight: 700
+    }],
+    'h2-sm': ['var(--sk-fontSize-h-2-sm)', {
+      lineHeight: 'var(--sk-lineHeight-h-2-sm)',
+      fontWeight: 700
+    }],
+    h3: ['var(--sk-fontSize-h-3-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)',
+      fontWeight: 700
+    }],
+    'h3-lg': ['var(--sk-fontSize-h-3-lg)', {
+      lineHeight: 'var(--sk-lineHeight-h-3-lg)',
+      fontWeight: 700
+    }],
+    'h3-md': ['var(--sk-fontSize-h-3-md)', {
+      lineHeight: 'var(--sk-lineHeight-h-3-md)',
+      fontWeight: 700
+    }],
+    'h3-sm': ['var(--sk-fontSize-h-3-sm)', {
+      lineHeight: 'var(--sk-lineHeight-h-3-sm)',
+      fontWeight: 700
+    }],
+    h4: ['var(--sk-fontSize-h-4-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)',
+      fontWeight: 700
+    }],
+    'h4-lg': ['var(--sk-fontSize-h-4-lg)', {
+      lineHeight: 'var(--sk-lineHeight-h-4-lg)',
+      fontWeight: 700
+    }],
+    'h4-md': ['var(--sk-fontSize-h-4-md)', {
+      lineHeight: 'var(--sk-lineHeight-h-4-md)',
+      fontWeight: 700
+    }],
+    'h4-sm': ['var(--sk-fontSize-h-4-sm)', {
+      lineHeight: 'var(--sk-lineHeight-h-4-sm)',
+      fontWeight: 700
+    }],
+    'label-large': ['var(--sk-fontSize-label-large)', {
+      lineHeight: 'var(--sk-lineHeight-label-large)',
+      fontWeight: 700
+    }],
+    'label-medium': ['var(--sk-fontSize-label-medium)', {
+      lineHeight: 'var(--sk-lineHeight-label-medium)',
+      fontWeight: 700
+    }],
+    'label-small': ['var(--sk-fontSize-label-small)', {
+      lineHeight: 'var(--sk-lineHeight-label-small)',
+      fontWeight: 700
+    }],
+    'input-large': ['var(--sk-fontSize-input-large)', {
+      lineHeight: 'var(--sk-lineHeight-input-large)',
+      fontWeight: 400
+    }],
+    'input-medium': ['var(--sk-fontSize-input-medium)', {
+      lineHeight: 'var(--sk-lineHeight-input-medium)',
+      fontWeight: 400
+    }],
+    'input-small': ['var(--sk-fontSize-input-small)', {
+      lineHeight: 'var(--sk-lineHeight-input-small)',
+      fontWeight: 400
+    }],
+    lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],
+    base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],
+    large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],
+    small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)']
+  },
+  lineHeights: {
+    'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',
+    'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',
+    'display-1-md': 'var(--sk-lineHeight-display-1-md)',
+    'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',
+    'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',
+    'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',
+    'display-2-md': 'var(--sk-lineHeight-display-2-md)',
+    'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',
+    'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',
+    'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',
+    'display-3-md': 'var(--sk-lineHeight-display-3-md)',
+    'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',
+    h1: 'var(--sk-lineHeight-h-1-DEFAULT)',
+    'h1-lg': 'var(--sk-lineHeight-h-1-lg)',
+    'h1-md': 'var(--sk-lineHeight-h-1-md)',
+    'h1-sm': 'var(--sk-lineHeight-h-1-sm)',
+    h2: 'var(--sk-lineHeight-h-2-DEFAULT)',
+    'h2-lg': 'var(--sk-lineHeight-h-2-lg)',
+    'h2-md': 'var(--sk-lineHeight-h-2-md)',
+    'h2-sm': 'var(--sk-lineHeight-h-2-sm)',
+    h3: 'var(--sk-lineHeight-h-3-DEFAULT)',
+    'h3-lg': 'var(--sk-lineHeight-h-3-lg)',
+    'h3-md': 'var(--sk-lineHeight-h-3-md)',
+    'h3-sm': 'var(--sk-lineHeight-h-3-sm)',
+    h4: 'var(--sk-lineHeight-h-4-DEFAULT)',
+    'h4-lg': 'var(--sk-lineHeight-h-4-lg)',
+    'h4-md': 'var(--sk-lineHeight-h-4-md)',
+    'h4-sm': 'var(--sk-lineHeight-h-4-sm)',
+    'label-large': 'var(--sk-lineHeight-label-large)',
+    'label-medium': 'var(--sk-lineHeight-label-medium)',
+    'label-small': 'var(--sk-lineHeight-label-small)',
+    'input-large': 'var(--sk-lineHeight-input-large)',
+    'input-medium': 'var(--sk-lineHeight-input-medium)',
+    'input-small': 'var(--sk-lineHeight-input-small)',
+    lead: 'var(--sk-lineHeight-lead)',
+    base: 'var(--sk-lineHeight-base)',
+    large: 'var(--sk-lineHeight-large)',
+    small: 'var(--sk-lineHeight-small)'
+  },
+  radius: {
+    DEFAULT: 'var(--sk-radius-utility-DEFAULT)',
+    full: 'var(--sk-radius-circular-DEFAULT)',
+    none: 'var(--sk-spacing-0)',
+    circular: 'var(--sk-radius-circular-DEFAULT)',
+    'circular-lg': 'var(--sk-radius-circular-lg)',
+    'circular-md': 'var(--sk-radius-circular-md)',
+    'circular-sm': 'var(--sk-radius-circular-sm)',
+    button: 'var(--sk-radius-button-DEFAULT)',
+    'button-lg': 'var(--sk-radius-button-lg)',
+    'button-md': 'var(--sk-radius-button-md)',
+    'button-sm': 'var(--sk-radius-button-sm)',
+    cards: 'var(--sk-radius-cards-DEFAULT)',
+    'cards-lg': 'var(--sk-radius-cards-lg)',
+    'cards-md': 'var(--sk-radius-cards-md)',
+    'cards-sm': 'var(--sk-radius-cards-sm)',
+    utility: 'var(--sk-radius-utility-DEFAULT)',
+    'utility-lg': 'var(--sk-radius-utility-lg)',
+    'utility-md': 'var(--sk-radius-utility-md)',
+    'utility-sm': 'var(--sk-radius-utility-sm)',
+    groups: 'var(--sk-radius-groups-DEFAULT)',
+    'groups-lg': 'var(--sk-radius-groups-lg)',
+    'groups-md': 'var(--sk-radius-groups-md)',
+    'groups-sm': 'var(--sk-radius-groups-sm)',
+    0: 'var(--sk-spacing-0)',
+    2: 'var(--sk-spacing-2)',
+    4: 'var(--sk-spacing-4)',
+    6: 'var(--sk-spacing-6)',
+    8: 'var(--sk-spacing-8)',
+    10: 'var(--sk-spacing-10)',
+    12: 'var(--sk-spacing-12)',
+    14: 'var(--sk-spacing-14)',
+    16: 'var(--sk-spacing-16)',
+    18: 'var(--sk-spacing-18)',
+    20: 'var(--sk-spacing-20)',
+    24: 'var(--sk-spacing-24)',
+    32: 'var(--sk-spacing-32)',
+    40: 'var(--sk-spacing-40)',
+    48: 'var(--sk-spacing-48)',
+    56: 'var(--sk-spacing-56)',
+    64: 'var(--sk-spacing-64)',
+    72: 'var(--sk-spacing-72)',
+    80: 'var(--sk-spacing-80)'
+  }
+};
+//# sourceMappingURL=units.js.map

package/dist/cjs/units.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"units.js","names":["module","exports","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups"],"sources":["../../src/units.js"],"sourcesContent":["module.exports = {\r\n  spacing: {\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\n  fontSizes: {\r\n    'display-1': [\r\n      'var(--sk-fontSize-display-1-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)', fontWeight: 700 },\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: 700 },\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: 700 },\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: 700 },\r\n    ],\r\n    'display-2': [\r\n      'var(--sk-fontSize-display-2-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)', fontWeight: 700 },\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: 700 },\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: 700 },\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: 700 },\r\n    ],\r\n    'display-3': [\r\n      'var(--sk-fontSize-display-3-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)', fontWeight: 700 },\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: 700 },\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: 700 },\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: 700 },\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\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\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\n"],"mappings":"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"}

package/dist/esm/components/badge.js

@@ -14,7 +14,7 @@ function badgeSolid(colors) {
         '@apply bg-primary': {}
       },
       "&[data-color='warning']": {
-        '@apply bg-warning': {}
+        '@apply bg-[#B05F03]': {}
       },
       "&[data-color='error']": {
         '@apply bg-error': {}
@@ -49,8 +49,8 @@ function badgeOutline(colors) {
         '@apply text-primary': {}
       },
       "&[data-color='warning']": {
-        '@apply border-warning': {},
-        '@apply text-warning': {}
+        '@apply border-[#B05F03]': {},
+        '@apply text-[#B05F03]': {}
       },
       "&[data-color='error']": {
         '@apply border-error': {},

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

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":["badgeSolid","colors","_extends","reduce","styles","color","badgeOutline","module","exports","badge","minHeight","maxHeight","minWidth","fontSize"],"sources":["../../../src/components/badge.js"],"sourcesContent":["function badgeSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      '@apply border-2 border-white box-border': {},\r\n      '@apply text-white': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            //[`@apply border-${color}`]: {},\r\n            [`@apply text-white bg-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply bg-primary': {},\r\n      },\r\n      \"&[data-color='warning']\": {\r\n        '@apply bg-warning': {},\r\n      },\r\n      \"&[data-color='error']\": {\r\n        '@apply bg-error': {},\r\n      },\r\n      \"&[data-color='neutral']\": {\r\n        '@apply bg-neutral-400': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction badgeOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply border border-gray-stroke': {},\r\n      '@apply text-body bg-transparent': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-current`]: {},\r\n            [`@apply text-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.badge': {\r\n        '&-disabled': {\r\n          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply border-primary': {},\r\n        '@apply text-primary': {},\r\n      },\r\n      \"&[data-color='warning']\": {\r\n        '@apply border-warning': {},\r\n        '@apply text-warning': {},\r\n      },\r\n      \"&[data-color='error']\": {\r\n        '@apply border-error': {},\r\n        '@apply text-error': {},\r\n      },\r\n      \"&[data-color='neutral']\": {\r\n        '@apply border-neutral-300': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = badge = (colors) => ({\r\n  '.badge': {\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply inline-flex items-center justify-center content-center align-middle': {},\r\n    '@apply font-sans leading-none': {},\r\n\r\n    '&-fullrounded': {\r\n      '@apply rounded-full': {},\r\n    },\r\n\r\n    //rounding\r\n    '&-roundedcorners-md': {\r\n      '@apply rounded-3xl px-sm': {},\r\n    },\r\n\r\n    '&-roundedcorners-lg': {\r\n      '@apply rounded-3xl px-sm': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-opacity-0 text-[0rem] overflow-hidden rounded-full': {},\r\n      minHeight: '10px',\r\n      maxHeight: '10px',\r\n      minWidth: '10px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '6px',\r\n        maxHeight: '6px',\r\n        minWidth: '6px',\r\n      },\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-xs font-bold': {},\r\n      minHeight: '24px',\r\n      maxHeight: '24px',\r\n      minWidth: '24px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '20px',\r\n        maxHeight: '20px',\r\n        minWidth: '20px',\r\n      },\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-sm font-bold': {},\r\n      minHeight: '28px',\r\n      maxHeight: '28px',\r\n      minWidth: '28px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '24px',\r\n        maxHeight: '24px',\r\n        minWidth: '24px',\r\n      },\r\n    },\r\n\r\n    '&-standard-sm': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n    '&-standard-md': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n    '&-standard-lg': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n\r\n    '&-super-sm': {\r\n      '@apply right-[-2px] top-[-5px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-3px]': {},\r\n      },\r\n    },\r\n    '&-super-md': {\r\n      '@apply right-[-3px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-4px]': {},\r\n      },\r\n    },\r\n    '&-super-lg': {\r\n      '@apply right-[-4px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n\r\n    '&-superoverlap-sm': {\r\n      '@apply right-[3px] top-[-5px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[2px]': {},\r\n      },\r\n    },\r\n    '&-superoverlap-md': {\r\n      '@apply right-[8px] top-[-6px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[7px]': {},\r\n      },\r\n    },\r\n    '&-superoverlap-lg': {\r\n      '@apply right-[8px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[7px]': {},\r\n      },\r\n    },\r\n\r\n    '&-fit-content': {\r\n      '@apply p-0': {},\r\n      fontSize: 'inherit',\r\n    },\r\n\r\n    // variants\r\n    ...badgeSolid(colors),\r\n    ...badgeOutline(colors),\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"badge.js","names":["badgeSolid","colors","_extends","reduce","styles","color","badgeOutline","module","exports","badge","minHeight","maxHeight","minWidth","fontSize"],"sources":["../../../src/components/badge.js"],"sourcesContent":["function badgeSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      '@apply border-2 border-white box-border': {},\r\n      '@apply text-white': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            //[`@apply border-${color}`]: {},\r\n            [`@apply text-white bg-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply bg-primary': {},\r\n      },\r\n      \"&[data-color='warning']\": {\r\n        '@apply bg-[#B05F03]': {},\r\n      },\r\n      \"&[data-color='error']\": {\r\n        '@apply bg-error': {},\r\n      },\r\n      \"&[data-color='neutral']\": {\r\n        '@apply bg-neutral-400': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction badgeOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply border border-gray-stroke': {},\r\n      '@apply text-body bg-transparent': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-current`]: {},\r\n            [`@apply text-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.badge': {\r\n        '&-disabled': {\r\n          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply border-primary': {},\r\n        '@apply text-primary': {},\r\n      },\r\n      \"&[data-color='warning']\": {\r\n        '@apply border-[#B05F03]': {},\r\n        '@apply text-[#B05F03]': {},\r\n      },\r\n      \"&[data-color='error']\": {\r\n        '@apply border-error': {},\r\n        '@apply text-error': {},\r\n      },\r\n      \"&[data-color='neutral']\": {\r\n        '@apply border-neutral-300': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = badge = (colors) => ({\r\n  '.badge': {\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply inline-flex items-center justify-center content-center align-middle': {},\r\n    '@apply font-sans leading-none': {},\r\n\r\n    '&-fullrounded': {\r\n      '@apply rounded-full': {},\r\n    },\r\n\r\n    //rounding\r\n    '&-roundedcorners-md': {\r\n      '@apply rounded-3xl px-sm': {},\r\n    },\r\n\r\n    '&-roundedcorners-lg': {\r\n      '@apply rounded-3xl px-sm': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-opacity-0 text-[0rem] overflow-hidden rounded-full': {},\r\n      minHeight: '10px',\r\n      maxHeight: '10px',\r\n      minWidth: '10px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '6px',\r\n        maxHeight: '6px',\r\n        minWidth: '6px',\r\n      },\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-xs font-bold': {},\r\n      minHeight: '24px',\r\n      maxHeight: '24px',\r\n      minWidth: '24px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '20px',\r\n        maxHeight: '20px',\r\n        minWidth: '20px',\r\n      },\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-sm font-bold': {},\r\n      minHeight: '28px',\r\n      maxHeight: '28px',\r\n      minWidth: '28px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '24px',\r\n        maxHeight: '24px',\r\n        minWidth: '24px',\r\n      },\r\n    },\r\n\r\n    '&-standard-sm': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n    '&-standard-md': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n    '&-standard-lg': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n\r\n    '&-super-sm': {\r\n      '@apply right-[-2px] top-[-5px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-3px]': {},\r\n      },\r\n    },\r\n    '&-super-md': {\r\n      '@apply right-[-3px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-4px]': {},\r\n      },\r\n    },\r\n    '&-super-lg': {\r\n      '@apply right-[-4px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n\r\n    '&-superoverlap-sm': {\r\n      '@apply right-[3px] top-[-5px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[2px]': {},\r\n      },\r\n    },\r\n    '&-superoverlap-md': {\r\n      '@apply right-[8px] top-[-6px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[7px]': {},\r\n      },\r\n    },\r\n    '&-superoverlap-lg': {\r\n      '@apply right-[8px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[7px]': {},\r\n      },\r\n    },\r\n\r\n    '&-fit-content': {\r\n      '@apply p-0': {},\r\n      fontSize: 'inherit',\r\n    },\r\n\r\n    // variants\r\n    ...badgeSolid(colors),\r\n    ...badgeOutline(colors),\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/esm/components/button.js

@@ -232,11 +232,17 @@ module.exports = Button = colors => ({
     }
   }, buttonSolid(colors), buttonOutline(colors), buttonGhost(colors), buttonLink(colors)),
   '.btn-has-icon': {
-    '&-left .MuiSvgIcon-root': {
-      '@apply mr-sm': {}
+    '&-left': {
+      '@apply h-full flex items-center justify-center': {},
+      '.MuiSvgIcon-root': {
+        '@apply mr-sm': {}
+      }
     },
-    '&-right .MuiSvgIcon-root': {
-      '@apply ml-sm': {}
+    '&-right': {
+      '@apply h-full flex items-center justify-center': {},
+      '.MuiSvgIcon-root': {
+        '@apply ml-sm': {}
+      }
     }
   },
   '[data-icon=true]': {
@@ -257,11 +263,15 @@ module.exports = Button = colors => ({
       maxWidth: '4.8rem'
     },
     '.btn-has-icon': {
-      '&-left .MuiSvgIcon-root': {
-        '@apply mr-0': {}
+      '&-left': {
+        '.MuiSvgIcon-root': {
+          '@apply mr-0': {}
+        }
       },
-      '&-right .MuiSvgIcon-root': {
-        '@apply ml-0': {}
+      '&-right': {
+        '.MuiSvgIcon-root': {
+          '@apply ml-0': {}
+        }
       }
     }
   }

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["buttonSolid","colors","_extends","reduce","styles","color","buttonOutline","buttonGhost","buttonLink","module","exports","Button","transitionProperty","borderRadius","minHeight","maxHeight","fontSize","width","height","minWidth","maxWidth"],"sources":["../../../src/components/button.js"],"sourcesContent":["function buttonSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      //\"@apply text-\": {},\r\n      '@apply font-semibold border border-gray-stroke': {},\r\n      '@apply text-body bg-white': {},\r\n      /* hover */\r\n      '@apply hover:text-white hover:bg-hover hover:border-primary-active': {},\r\n      /* keyboard active */\r\n      '&.active': {\r\n        '@apply text-white bg-hover border-primary-active': {},\r\n        /* dark */\r\n        '@apply dark:border-hover dark:bg-neutral-600': {},\r\n      },\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-black': {},\r\n      /* active */\r\n      '@apply active:bg-hover active:text-white': {},\r\n\r\n      /* dark mode */\r\n      '@apply dark:border-neutral-600': {},\r\n      '@apply dark:text-neutral-100 dark:bg-neutral-700': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-hover dark:hover:bg-neutral-600': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-900 dark:active:border-neutral-600': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            //[`@apply border-${color}`]: {},\r\n            [`@apply text-white bg-${color}`]: {},\r\n            // hover\r\n            [`@apply hover:text-white hover:bg-${color}-active`]: {},\r\n            // keyboard active\r\n            '&.active': {\r\n              [`@apply text-white bg-${color}-active`]: {},\r\n            },\r\n\r\n            [`@apply active:text-white active:bg-${color}-active`]: {},\r\n            [`@apply focus-visible:ring-4 focus-visible:ring-black`]: {},\r\n\r\n            // focus\r\n            //[`@apply focus-visible:bg-${color}-700`]: {},\r\n            //[`@apply focus-visible:border-${color}-500`]: {},\r\n            //[`@apply focus-visible:ring-${color}-500`]: {},\r\n            // active\r\n            //[`@apply active:bg-${color}-600`]: {},\r\n            // dark mode\r\n            //[`@apply dark:border-${color}-500`]: {},\r\n            //[`@apply dark:bg-${color}-600`]: {},\r\n            // dark hover\r\n            //[`@apply dark:hover:border-${color}-400 dark:hover:bg-${color}-500`]: {},\r\n            // dark focus\r\n            //[`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            //[`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            // dark active\r\n            //[`@apply dark:active:bg-${color}-800 dark:active:border-${color}-600`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply border-primary hover:border-primary-active': {},\r\n        '&.active': {\r\n          '@apply border-primary-active': {},\r\n        },\r\n      },\r\n\r\n      '&.btn': {\r\n        '&-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply font-semibold border border-gray-stroke': {},\r\n      '@apply text-body bg-transparent': {},\r\n      /* hover */\r\n      '@apply hover:text-white hover:bg-primary-active hover:border-primary-active': {},\r\n      /* keyboard active */\r\n      '&.active': {\r\n        '@apply text-white bg-primary-active border-primary-active': {},\r\n        /* dark keyboard active */\r\n        '@apply dark:border-neutral-300 dark:bg-neutral-700': {},\r\n      },\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary-500': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      /* active */\r\n      '@apply active:bg-neutral-200': {},\r\n      /* dark mode */\r\n      '@apply dark:border-neutral-600': {},\r\n      '@apply dark:text-neutral-100 dark:bg-transparent': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-600 dark:active:border-neutral-600': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-current`]: {},\r\n            [`@apply text-${color}-600 bg-transparent`]: {},\r\n            /* hover */\r\n            [`@apply hover:text-white hover:bg-${color}-active hover:border-${color}-active`]: {},\r\n            /* keyboard active */\r\n            '&.active': {\r\n              [`@apply text-white bg-${color}-active border-${color}-active`]: {},\r\n\r\n              /* dark keyboard active */\r\n              [`@apply dark:bg-${color}-200`]: {},\r\n              [`@apply dark:bg-opacity-15`]: {},\r\n            },\r\n            /* focus */\r\n            [`@apply focus-visible:border-${color}-500`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            /* active */\r\n            [`@apply active:bg-${color}-100`]: {},\r\n            /* dark mode */\r\n            [`@apply dark:border-${color}-200`]: {},\r\n            [`@apply dark:text-${color}-200 dark:bg-transparent`]: {},\r\n            [`@apply dark:border-${color}-300`]: {},\r\n            /* dark hover */\r\n            [`@apply dark:hover:bg-${color}-200`]: {},\r\n            [`@apply dark:hover:bg-opacity-15`]: {},\r\n            /* dark focus */\r\n            [`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            [`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            /* dark active */\r\n            [`@apply dark:active:bg-${color}-200`]: {},\r\n            [`@apply dark:active:bg-opacity-25`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.btn': {\r\n        '&-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonGhost(colors) {\r\n  return {\r\n    '&-ghost': {\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            /* focus */\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLink(colors) {\r\n  return {\r\n    '&-link': {\r\n      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n      '&.active': {\r\n        '@apply underline': {},\r\n      },\r\n      '@apply focus-visible:z-base focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      // dark colors\r\n      '@apply dark:text-neutral-200': {},\r\n      '@apply dark:active:text-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-600 active:text-${color}-700`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            // dark colors\r\n            [`@apply dark:text-${color}-200`]: {},\r\n            [`@apply dark:active:text-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Button = (colors) => ({\r\n  '.btn': {\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply px-[3.2rem]': {},\r\n    '@apply py-0': {},\r\n    '@apply rounded-[0.4rem] inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n    '@apply font-medium leading-tight': {},\r\n    transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n    '@apply\tduration-75 ease-out': {},\r\n    '@apply outline-none appearance-none cursor-base select-none whitespace-nowrap': {},\r\n    '@apply focus-visible:outline-none': {},\r\n\r\n    \"&[data-rounded='true']\": {\r\n      borderRadius: '3.2rem',\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n      minHeight: '4rem',\r\n      maxHeight: '4rem',\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-sm': {},\r\n      minHeight: '4.4rem',\r\n      maxHeight: '4.4rem',\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base': {},\r\n      minHeight: '4.8rem',\r\n      maxHeight: '4.8rem',\r\n    },\r\n    '&-fit-content': {\r\n      '@apply p-0': {},\r\n      fontSize: 'inherit',\r\n    },\r\n\r\n    // State\r\n\r\n    '&-disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply shadow-none disabled:shadow-none disabled:cursor-not-allowed cursor-not-allowed': {},\r\n      '@apply disabled:text-gray text-gray disabled:bg-gray-light bg-gray-light !important': {},\r\n    },\r\n    '.MuiSvgIcon-root': {\r\n      fontSize: '1.5em',\r\n      width: '1em',\r\n      height: '1em',\r\n    },\r\n\r\n    // variants\r\n    ...buttonSolid(colors),\r\n    ...buttonOutline(colors),\r\n    ...buttonGhost(colors),\r\n    ...buttonLink(colors),\r\n  },\r\n  '.btn-has-icon': {\r\n    '&-left .MuiSvgIcon-root': {\r\n      '@apply mr-sm': {},\r\n    },\r\n    '&-right .MuiSvgIcon-root': {\r\n      '@apply ml-sm': {},\r\n    },\r\n  },\r\n  '[data-icon=true]': {\r\n    '@apply p-0': {},\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&.btn-sm': {\r\n      minWidth: '4rem',\r\n      maxWidth: '4rem',\r\n    },\r\n\r\n    '&.btn-md': {\r\n      minWidth: '4.4rem',\r\n      maxWidth: '4.4rem',\r\n    },\r\n\r\n    '&.btn-lg': {\r\n      minWidth: '4.8rem',\r\n      maxWidth: '4.8rem',\r\n    },\r\n    '.btn-has-icon': {\r\n      '&-left .MuiSvgIcon-root': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-right .MuiSvgIcon-root': {\r\n        '@apply ml-0': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"button.js","names":["buttonSolid","colors","_extends","reduce","styles","color","buttonOutline","buttonGhost","buttonLink","module","exports","Button","transitionProperty","borderRadius","minHeight","maxHeight","fontSize","width","height","minWidth","maxWidth"],"sources":["../../../src/components/button.js"],"sourcesContent":["function buttonSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      //\"@apply text-\": {},\r\n      '@apply font-semibold border border-gray-stroke': {},\r\n      '@apply text-body bg-white': {},\r\n      /* hover */\r\n      '@apply hover:text-white hover:bg-hover hover:border-primary-active': {},\r\n      /* keyboard active */\r\n      '&.active': {\r\n        '@apply text-white bg-hover border-primary-active': {},\r\n        /* dark */\r\n        '@apply dark:border-hover dark:bg-neutral-600': {},\r\n      },\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-black': {},\r\n      /* active */\r\n      '@apply active:bg-hover active:text-white': {},\r\n\r\n      /* dark mode */\r\n      '@apply dark:border-neutral-600': {},\r\n      '@apply dark:text-neutral-100 dark:bg-neutral-700': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-hover dark:hover:bg-neutral-600': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-900 dark:active:border-neutral-600': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            //[`@apply border-${color}`]: {},\r\n            [`@apply text-white bg-${color}`]: {},\r\n            // hover\r\n            [`@apply hover:text-white hover:bg-${color}-active`]: {},\r\n            // keyboard active\r\n            '&.active': {\r\n              [`@apply text-white bg-${color}-active`]: {},\r\n            },\r\n\r\n            [`@apply active:text-white active:bg-${color}-active`]: {},\r\n            [`@apply focus-visible:ring-4 focus-visible:ring-black`]: {},\r\n\r\n            // focus\r\n            //[`@apply focus-visible:bg-${color}-700`]: {},\r\n            //[`@apply focus-visible:border-${color}-500`]: {},\r\n            //[`@apply focus-visible:ring-${color}-500`]: {},\r\n            // active\r\n            //[`@apply active:bg-${color}-600`]: {},\r\n            // dark mode\r\n            //[`@apply dark:border-${color}-500`]: {},\r\n            //[`@apply dark:bg-${color}-600`]: {},\r\n            // dark hover\r\n            //[`@apply dark:hover:border-${color}-400 dark:hover:bg-${color}-500`]: {},\r\n            // dark focus\r\n            //[`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            //[`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            // dark active\r\n            //[`@apply dark:active:bg-${color}-800 dark:active:border-${color}-600`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply border-primary hover:border-primary-active': {},\r\n        '&.active': {\r\n          '@apply border-primary-active': {},\r\n        },\r\n      },\r\n\r\n      '&.btn': {\r\n        '&-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply font-semibold border border-gray-stroke': {},\r\n      '@apply text-body bg-transparent': {},\r\n      /* hover */\r\n      '@apply hover:text-white hover:bg-primary-active hover:border-primary-active': {},\r\n      /* keyboard active */\r\n      '&.active': {\r\n        '@apply text-white bg-primary-active border-primary-active': {},\r\n        /* dark keyboard active */\r\n        '@apply dark:border-neutral-300 dark:bg-neutral-700': {},\r\n      },\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary-500': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      /* active */\r\n      '@apply active:bg-neutral-200': {},\r\n      /* dark mode */\r\n      '@apply dark:border-neutral-600': {},\r\n      '@apply dark:text-neutral-100 dark:bg-transparent': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-600 dark:active:border-neutral-600': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-current`]: {},\r\n            [`@apply text-${color}-600 bg-transparent`]: {},\r\n            /* hover */\r\n            [`@apply hover:text-white hover:bg-${color}-active hover:border-${color}-active`]: {},\r\n            /* keyboard active */\r\n            '&.active': {\r\n              [`@apply text-white bg-${color}-active border-${color}-active`]: {},\r\n\r\n              /* dark keyboard active */\r\n              [`@apply dark:bg-${color}-200`]: {},\r\n              [`@apply dark:bg-opacity-15`]: {},\r\n            },\r\n            /* focus */\r\n            [`@apply focus-visible:border-${color}-500`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            /* active */\r\n            [`@apply active:bg-${color}-100`]: {},\r\n            /* dark mode */\r\n            [`@apply dark:border-${color}-200`]: {},\r\n            [`@apply dark:text-${color}-200 dark:bg-transparent`]: {},\r\n            [`@apply dark:border-${color}-300`]: {},\r\n            /* dark hover */\r\n            [`@apply dark:hover:bg-${color}-200`]: {},\r\n            [`@apply dark:hover:bg-opacity-15`]: {},\r\n            /* dark focus */\r\n            [`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            [`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            /* dark active */\r\n            [`@apply dark:active:bg-${color}-200`]: {},\r\n            [`@apply dark:active:bg-opacity-25`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.btn': {\r\n        '&-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonGhost(colors) {\r\n  return {\r\n    '&-ghost': {\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            /* focus */\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLink(colors) {\r\n  return {\r\n    '&-link': {\r\n      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n      '&.active': {\r\n        '@apply underline': {},\r\n      },\r\n      '@apply focus-visible:z-base focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      // dark colors\r\n      '@apply dark:text-neutral-200': {},\r\n      '@apply dark:active:text-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-600 active:text-${color}-700`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            // dark colors\r\n            [`@apply dark:text-${color}-200`]: {},\r\n            [`@apply dark:active:text-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Button = (colors) => ({\r\n  '.btn': {\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply px-[3.2rem]': {},\r\n    '@apply py-0': {},\r\n    '@apply rounded-[0.4rem] inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n    '@apply font-medium leading-tight': {},\r\n    transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n    '@apply\tduration-75 ease-out': {},\r\n    '@apply outline-none appearance-none cursor-base select-none whitespace-nowrap': {},\r\n    '@apply focus-visible:outline-none': {},\r\n\r\n    \"&[data-rounded='true']\": {\r\n      borderRadius: '3.2rem',\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n      minHeight: '4rem',\r\n      maxHeight: '4rem',\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-sm': {},\r\n      minHeight: '4.4rem',\r\n      maxHeight: '4.4rem',\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base': {},\r\n      minHeight: '4.8rem',\r\n      maxHeight: '4.8rem',\r\n    },\r\n    '&-fit-content': {\r\n      '@apply p-0': {},\r\n      fontSize: 'inherit',\r\n    },\r\n\r\n    // State\r\n\r\n    '&-disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply shadow-none disabled:shadow-none disabled:cursor-not-allowed cursor-not-allowed': {},\r\n      '@apply disabled:text-gray text-gray disabled:bg-gray-light bg-gray-light !important': {},\r\n    },\r\n    '.MuiSvgIcon-root': {\r\n      fontSize: '1.5em',\r\n      width: '1em',\r\n      height: '1em',\r\n    },\r\n\r\n    // variants\r\n    ...buttonSolid(colors),\r\n    ...buttonOutline(colors),\r\n    ...buttonGhost(colors),\r\n    ...buttonLink(colors),\r\n  },\r\n  '.btn-has-icon': {\r\n    '&-left': {\r\n      '@apply h-full flex items-center justify-center': {},\r\n\r\n      '.MuiSvgIcon-root': {\r\n        '@apply mr-sm': {},\r\n      },\r\n    },\r\n    '&-right': {\r\n      '@apply h-full flex items-center justify-center': {},\r\n\r\n      '.MuiSvgIcon-root': {\r\n        '@apply ml-sm': {},\r\n      },\r\n    },\r\n  },\r\n  '[data-icon=true]': {\r\n    '@apply p-0': {},\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&.btn-sm': {\r\n      minWidth: '4rem',\r\n      maxWidth: '4rem',\r\n    },\r\n\r\n    '&.btn-md': {\r\n      minWidth: '4.4rem',\r\n      maxWidth: '4.4rem',\r\n    },\r\n\r\n    '&.btn-lg': {\r\n      minWidth: '4.8rem',\r\n      maxWidth: '4.8rem',\r\n    },\r\n    '.btn-has-icon': {\r\n      '&-left': {\r\n        '.MuiSvgIcon-root': {\r\n          '@apply mr-0': {},\r\n        },\r\n      },\r\n      '&-right': {\r\n        '.MuiSvgIcon-root': {\r\n          '@apply ml-0': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/esm/components/comments.js

@@ -5,9 +5,9 @@ module.exports = Comments = () => ({
   '.comment-item': {
     '@apply w-full': {},
     '&-container': {
-      '@apply flex justify-between relative': {},
+      '@apply flex relative w-full': {},
       '&-textpic': {
-        '@apply flex gap-2': {}
+        '@apply flex gap-2 grow': {}
       }
     },
     '&-text': {

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

@@ -1 +1 @@
-{"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({ \r\n\r\n    '.comment-header': {\r\n        '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\r\n    },\r\n\r\n    '.comment-item':{\r\n        '@apply w-full': {},\r\n\r\n        '&-container': {\r\n            '@apply flex justify-between relative': {},\r\n\r\n            '&-textpic': {\r\n                '@apply flex gap-2': {},\r\n            },\r\n        },\r\n        '&-text': {\r\n            '@apply text-base font-bold mx-0 mb-0 mt-4': {},\r\n        },\r\n        '&-commentorpublished': {\r\n            '@apply float-right text-neutral-600 m-0': {},\r\n        },\r\n    },\r\n    '.comment-input':{\r\n        '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\r\n\r\n        '&-inactive': {\r\n            '@apply text-neutral-300 !text-3xl': {},\r\n        },\r\n\r\n        '&-active': {\r\n            '@apply text-primary !text-3xl': {},\r\n        }\r\n\r\n    },\r\n\r\n   \r\n});"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAGA,CAAA,MAAO;EAE/B,iBAAiB,EAAE;IACf,uEAAuE,EAAE,CAAC;EAC9E,CAAC;EAED,eAAe,EAAC;IACZ,eAAe,EAAE,CAAC,CAAC;IAEnB,aAAa,EAAE;MACX,sCAAsC,EAAE,CAAC,CAAC;MAE1C,WAAW,EAAE;QACT,mBAAmB,EAAE,CAAC;MAC1B;IACJ,CAAC;IACD,QAAQ,EAAE;MACN,2CAA2C,EAAE,CAAC;IAClD,CAAC;IACD,sBAAsB,EAAE;MACpB,yCAAyC,EAAE,CAAC;IAChD;EACJ,CAAC;EACD,gBAAgB,EAAC;IACb,2CAA2C,EAAE,CAAC,CAAC;IAE/C,YAAY,EAAE;MACV,mCAAmC,EAAE,CAAC;IAC1C,CAAC;IAED,UAAU,EAAE;MACR,+BAA+B,EAAE,CAAC;IACtC;EAEJ;AAGJ,CAAC,CAAC"}
+{"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({\r\n  '.comment-header': {\r\n    '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\r\n  },\r\n\r\n  '.comment-item': {\r\n    '@apply w-full': {},\r\n\r\n    '&-container': {\r\n      '@apply flex relative w-full': {},\r\n\r\n      '&-textpic': {\r\n        '@apply flex gap-2 grow': {},\r\n      },\r\n    },\r\n    '&-text': {\r\n      '@apply text-base font-bold mx-0 mb-0 mt-4': {},\r\n    },\r\n    '&-commentorpublished': {\r\n      '@apply float-right text-neutral-600 m-0': {},\r\n    },\r\n  },\r\n  '.comment-input': {\r\n    '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\r\n\r\n    '&-inactive': {\r\n      '@apply text-neutral-300 !text-3xl': {},\r\n    },\r\n\r\n    '&-active': {\r\n      '@apply text-primary !text-3xl': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAGA,CAAA,MAAO;EACjC,iBAAiB,EAAE;IACjB,uEAAuE,EAAE,CAAC;EAC5E,CAAC;EAED,eAAe,EAAE;IACf,eAAe,EAAE,CAAC,CAAC;IAEnB,aAAa,EAAE;MACb,6BAA6B,EAAE,CAAC,CAAC;MAEjC,WAAW,EAAE;QACX,wBAAwB,EAAE,CAAC;MAC7B;IACF,CAAC;IACD,QAAQ,EAAE;MACR,2CAA2C,EAAE,CAAC;IAChD,CAAC;IACD,sBAAsB,EAAE;MACtB,yCAAyC,EAAE,CAAC;IAC9C;EACF,CAAC;EACD,gBAAgB,EAAE;IAChB,2CAA2C,EAAE,CAAC,CAAC;IAE/C,YAAY,EAAE;MACZ,mCAAmC,EAAE,CAAC;IACxC,CAAC;IAED,UAAU,EAAE;MACV,+BAA+B,EAAE,CAAC;IACpC;EACF;AACF,CAAC,CAAC"}