@sk-web-gui/core 1.1.1 → 2.0.0

package/dist/cjs/components/alert-banner.js

@@ -19,7 +19,7 @@ module.exports = Modal = function Modal() {
       }
     },
     '.tab': {
-      '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-3xl shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {}
+      '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-button shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {}
     }
   };
 };

package/dist/cjs/components/alert-banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-banner.js","names":["module","exports","Modal"],"sources":["../../../src/components/alert-banner.js"],"sourcesContent":["module.exports = Modal = () => ({\r\n  '.alert-banner': {\r\n    '@apply p-md': {},\r\n\r\n    '&-content': {\r\n      '@apply w-full m-auto flex': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex-grow flex': {},\r\n      },\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply mr-[10px]': {},\r\n    },\r\n\r\n    '&-children': {\r\n      '@apply w-full underline inline-block max-w-[800px] text-body text-base': {},\r\n    },\r\n\r\n    '&-close': {\r\n      '@apply p-4 -m-4 flex flex-col': {},\r\n    },\r\n  },\r\n\r\n  '.tab': {\r\n    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-3xl shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {},\r\n  },\r\n  \r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAAA;EAAA,OAAO;IAC9B,eAAe,EAAE;MACf,aAAa,EAAE,CAAC,CAAC;MAEjB,WAAW,EAAE;QACX,2BAA2B,EAAE,CAAC,CAAC;QAE/B,WAAW,EAAE;UACX,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MAED,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,YAAY,EAAE;QACZ,wEAAwE,EAAE,CAAC;MAC7E,CAAC;MAED,SAAS,EAAE;QACT,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,MAAM,EAAE;MACN,mGAAmG,EAAE,CAAC;IACxG;EAEF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"alert-banner.js","names":["module","exports","Modal"],"sources":["../../../src/components/alert-banner.js"],"sourcesContent":["module.exports = Modal = () => ({\r\n  '.alert-banner': {\r\n    '@apply p-md': {},\r\n\r\n    '&-content': {\r\n      '@apply w-full m-auto flex': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex-grow flex': {},\r\n      },\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply mr-[10px]': {},\r\n    },\r\n\r\n    '&-children': {\r\n      '@apply w-full underline inline-block max-w-[800px] text-body text-base': {},\r\n    },\r\n\r\n    '&-close': {\r\n      '@apply p-4 -m-4 flex flex-col': {},\r\n    },\r\n  },\r\n\r\n  '.tab': {\r\n    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-button shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAAA;EAAA,OAAO;IAC9B,eAAe,EAAE;MACf,aAAa,EAAE,CAAC,CAAC;MAEjB,WAAW,EAAE;QACX,2BAA2B,EAAE,CAAC,CAAC;QAE/B,WAAW,EAAE;UACX,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MAED,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,YAAY,EAAE;QACZ,wEAAwE,EAAE,CAAC;MAC7E,CAAC;MAED,SAAS,EAAE;QACT,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,MAAM,EAAE;MACN,sGAAsG,EAAE,CAAC;IAC3G;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/button.js

@@ -179,6 +179,9 @@ var Button = exports.Button = function Button(colors) {
         }
       }
     }, buttonPrimary(colors), buttonSecondary(), buttonTertiary(), buttonGhost(), buttonLink(colors), {
+      '&[data-background="false"]:not(:hover)': {
+        '@apply bg-transparent': {}
+      },
       '.btn-has-icon': {
         '&-left': {
           '@apply h-full flex items-center justify-center -ml-2': {},

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

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

package/dist/cjs/components/checkbox.js

@@ -35,6 +35,9 @@ var Checkbox = exports.Checkbox = function Checkbox() {
           }
         }
       },
+      '&[type="checkbox"]:checked': {
+        '@apply text-transparent': {}
+      },
       '&&:hover:not(&&-disabled,&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&:checked,&&[aria-invalid=true])': {
         '& + .sk-icon, &:focus + .sk-icon': {
           '@apply text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-5 border-primitives-overlay-darken-8 dark:border-primitives-overlay-lighten-4': {},

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["Checkbox","exports","svg"],"sources":["../../../src/components/checkbox.ts"],"sourcesContent":["export const Checkbox = () => ({\r\n  '.sk-form-checkbox': {\r\n    '@apply bg-inherit': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply bg-transparent border-transparent': {},\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply w-[2.4rem] h-[2.4rem]': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-[2.4rem] h-[2.4rem]': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-[2.4rem] h-[2.4rem]': {},\r\n    },\r\n\r\n    '+ .sk-icon': {\r\n      '@apply absolute inset-0 my-auto bg-transparent': {},\r\n      '@apply border-[0.1rem] p-2 border-primitives-overlay-darken-6 dark:border-primitives-overlay-lighten-6': {},\r\n      '@apply bg-primitives-overlay-lighten-10 dark:bg-primitives-overlay-darken-6': {},\r\n\r\n      svg: {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n\r\n    '&&:checked': {\r\n      '@apply text-light-primary bg-none': {},\r\n\r\n      '& + .sk-icon': {\r\n        '@apply text-light-primary bg-dark-primary border-dark-primary': {},\r\n\r\n        svg: {\r\n          '@apply block': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&&:hover:not(&&-disabled,&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&:checked,&&[aria-invalid=true])':\r\n      {\r\n        '& + .sk-icon, &:focus + .sk-icon': {\r\n          '@apply text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-5 border-primitives-overlay-darken-8 dark:border-primitives-overlay-lighten-4':\r\n            {},\r\n\r\n          svg: {\r\n            '@apply block': {},\r\n          },\r\n        },\r\n      },\r\n\r\n    '&&[aria-invalid=true]': {\r\n      '& + .sk-icon': {\r\n        '@apply border-2 border-error-surface-primary': {},\r\n      },\r\n\r\n      '&&:checked': {\r\n        '& + .sk-icon': {\r\n          '@apply p-2 bg-background-content text-dark-primary': {},\r\n\r\n          svg: {\r\n            '@apply block': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    // disabled\r\n    '&&-disabled,&&-disabled:hover': {\r\n      '@apply cursor-not-allowed': {},\r\n\r\n      '& + .sk-icon': {\r\n        '@apply bg-background-200 border-primitives-overlay-darken-3': {},\r\n      },\r\n\r\n      '&:checked': {\r\n        '& + .sk-icon': {\r\n          '@apply bg-dark-disabled text-light-primary border-0': {},\r\n        },\r\n      },\r\n\r\n      '& ~ .sk-form-checkbox-label': {\r\n        '@apply text-dark-disabled': {},\r\n      },\r\n    },\r\n\r\n    // label\r\n    '&-label-left &-label': {\r\n      '@apply mr-[.8rem]': {},\r\n    },\r\n    '&-label-right &-label': {\r\n      '@apply ml-[.8rem]': {},\r\n    },\r\n\r\n    '&-label-left': {\r\n      '.sk-icon': {\r\n        '@apply left-auto right-0': {},\r\n      },\r\n    },\r\n\r\n    '&-label-right': {\r\n      '.sk-icon': {\r\n        '@apply right-auto left-0': {},\r\n      },\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply font-normal text-body select-none text-small': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply relative inline-flex align-top items-center cursor-base': {},\r\n      },\r\n\r\n      '&-sm': {\r\n        '@apply text-small': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply text-base': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply text-large': {},\r\n      },\r\n    },\r\n\r\n    '&-group': {\r\n      '@apply flex flex-col gap-16 my-12': {},\r\n      '&[data-direction=\"row\"]': {\r\n        '@apply flex-row': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAU;IAC7B,mBAAmB,EAAE;MACnB,mBAAmB,EAAE,CAAC,CAAC;MACvB,wBAAwB,EAAE,CAAC,CAAC;MAC5B,0CAA0C,EAAE,CAAC,CAAC;MAE9C;MACA,MAAM,EAAE;QACN,8BAA8B,EAAE,CAAC;MACnC,CAAC;MAED,MAAM,EAAE;QACN,8BAA8B,EAAE,CAAC;MACnC,CAAC;MAED,MAAM,EAAE;QACN,8BAA8B,EAAE,CAAC;MACnC,CAAC;MAED,YAAY,EAAE;QACZ,gDAAgD,EAAE,CAAC,CAAC;QACpD,wGAAwG,EAAE,CAAC,CAAC;QAC5G,6EAA6E,EAAE,CAAC,CAAC;QAEjFE,GAAG,EAAE;UACH,eAAe,EAAE,CAAC;QACpB;MACF,CAAC;MAED,YAAY,EAAE;QACZ,mCAAmC,EAAE,CAAC,CAAC;QAEvC,cAAc,EAAE;UACd,+DAA+D,EAAE,CAAC,CAAC;UAEnEA,GAAG,EAAE;YACH,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MAED,6HAA6H,EAC3H;QACE,kCAAkC,EAAE;UAClC,4JAA4J,EAC1J,CAAC,CAAC;UAEJA,GAAG,EAAE;YACH,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MAEH,uBAAuB,EAAE;QACvB,cAAc,EAAE;UACd,8CAA8C,EAAE,CAAC;QACnD,CAAC;QAED,YAAY,EAAE;UACZ,cAAc,EAAE;YACd,oDAAoD,EAAE,CAAC,CAAC;YAExDA,GAAG,EAAE;cACH,cAAc,EAAE,CAAC;YACnB;UACF;QACF;MACF,CAAC;MAED;MACA,+BAA+B,EAAE;QAC/B,2BAA2B,EAAE,CAAC,CAAC;QAE/B,cAAc,EAAE;UACd,6DAA6D,EAAE,CAAC;QAClE,CAAC;QAED,WAAW,EAAE;UACX,cAAc,EAAE;YACd,qDAAqD,EAAE,CAAC;UAC1D;QACF,CAAC;QAED,6BAA6B,EAAE;UAC7B,2BAA2B,EAAE,CAAC;QAChC;MACF,CAAC;MAED;MACA,sBAAsB,EAAE;QACtB,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,uBAAuB,EAAE;QACvB,mBAAmB,EAAE,CAAC;MACxB,CAAC;MAED,cAAc,EAAE;QACd,UAAU,EAAE;UACV,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,eAAe,EAAE;QACf,UAAU,EAAE;UACV,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,SAAS,EAAE;QACT,qDAAqD,EAAE,CAAC,CAAC;QAEzD,WAAW,EAAE;UACX,gEAAgE,EAAE,CAAC;QACrE,CAAC;QAED,MAAM,EAAE;UACN,mBAAmB,EAAE,CAAC;QACxB,CAAC;QAED,MAAM,EAAE;UACN,kBAAkB,EAAE,CAAC;QACvB,CAAC;QAED,MAAM,EAAE;UACN,mBAAmB,EAAE,CAAC;QACxB;MACF,CAAC;MAED,SAAS,EAAE;QACT,mCAAmC,EAAE,CAAC,CAAC;QACvC,yBAAyB,EAAE;UACzB,iBAAiB,EAAE,CAAC;QACtB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"checkbox.js","names":["Checkbox","exports","svg"],"sources":["../../../src/components/checkbox.ts"],"sourcesContent":["export const Checkbox = () => ({\r\n  '.sk-form-checkbox': {\r\n    '@apply bg-inherit': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply bg-transparent border-transparent': {},\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply w-[2.4rem] h-[2.4rem]': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-[2.4rem] h-[2.4rem]': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-[2.4rem] h-[2.4rem]': {},\r\n    },\r\n\r\n    '+ .sk-icon': {\r\n      '@apply absolute inset-0 my-auto bg-transparent': {},\r\n      '@apply border-[0.1rem] p-2 border-primitives-overlay-darken-6 dark:border-primitives-overlay-lighten-6': {},\r\n      '@apply bg-primitives-overlay-lighten-10 dark:bg-primitives-overlay-darken-6': {},\r\n\r\n      svg: {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n\r\n    '&&:checked': {\r\n      '@apply text-light-primary bg-none': {},\r\n\r\n      '& + .sk-icon': {\r\n        '@apply text-light-primary bg-dark-primary border-dark-primary': {},\r\n\r\n        svg: {\r\n          '@apply block': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[type=\"checkbox\"]:checked': {\r\n      '@apply text-transparent': {},\r\n    },\r\n    '&&:hover:not(&&-disabled,&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&:checked,&&[aria-invalid=true])':\r\n      {\r\n        '& + .sk-icon, &:focus + .sk-icon': {\r\n          '@apply text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-5 border-primitives-overlay-darken-8 dark:border-primitives-overlay-lighten-4':\r\n            {},\r\n\r\n          svg: {\r\n            '@apply block': {},\r\n          },\r\n        },\r\n      },\r\n\r\n    '&&[aria-invalid=true]': {\r\n      '& + .sk-icon': {\r\n        '@apply border-2 border-error-surface-primary': {},\r\n      },\r\n\r\n      '&&:checked': {\r\n        '& + .sk-icon': {\r\n          '@apply p-2 bg-background-content text-dark-primary': {},\r\n\r\n          svg: {\r\n            '@apply block': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    // disabled\r\n    '&&-disabled,&&-disabled:hover': {\r\n      '@apply cursor-not-allowed': {},\r\n\r\n      '& + .sk-icon': {\r\n        '@apply bg-background-200 border-primitives-overlay-darken-3': {},\r\n      },\r\n\r\n      '&:checked': {\r\n        '& + .sk-icon': {\r\n          '@apply bg-dark-disabled text-light-primary border-0': {},\r\n        },\r\n      },\r\n\r\n      '& ~ .sk-form-checkbox-label': {\r\n        '@apply text-dark-disabled': {},\r\n      },\r\n    },\r\n\r\n    // label\r\n    '&-label-left &-label': {\r\n      '@apply mr-[.8rem]': {},\r\n    },\r\n    '&-label-right &-label': {\r\n      '@apply ml-[.8rem]': {},\r\n    },\r\n\r\n    '&-label-left': {\r\n      '.sk-icon': {\r\n        '@apply left-auto right-0': {},\r\n      },\r\n    },\r\n\r\n    '&-label-right': {\r\n      '.sk-icon': {\r\n        '@apply right-auto left-0': {},\r\n      },\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply font-normal text-body select-none text-small': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply relative inline-flex align-top items-center cursor-base': {},\r\n      },\r\n\r\n      '&-sm': {\r\n        '@apply text-small': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply text-base': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply text-large': {},\r\n      },\r\n    },\r\n\r\n    '&-group': {\r\n      '@apply flex flex-col gap-16 my-12': {},\r\n      '&[data-direction=\"row\"]': {\r\n        '@apply flex-row': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAU;IAC7B,mBAAmB,EAAE;MACnB,mBAAmB,EAAE,CAAC,CAAC;MACvB,wBAAwB,EAAE,CAAC,CAAC;MAC5B,0CAA0C,EAAE,CAAC,CAAC;MAE9C;MACA,MAAM,EAAE;QACN,8BAA8B,EAAE,CAAC;MACnC,CAAC;MAED,MAAM,EAAE;QACN,8BAA8B,EAAE,CAAC;MACnC,CAAC;MAED,MAAM,EAAE;QACN,8BAA8B,EAAE,CAAC;MACnC,CAAC;MAED,YAAY,EAAE;QACZ,gDAAgD,EAAE,CAAC,CAAC;QACpD,wGAAwG,EAAE,CAAC,CAAC;QAC5G,6EAA6E,EAAE,CAAC,CAAC;QAEjFE,GAAG,EAAE;UACH,eAAe,EAAE,CAAC;QACpB;MACF,CAAC;MAED,YAAY,EAAE;QACZ,mCAAmC,EAAE,CAAC,CAAC;QAEvC,cAAc,EAAE;UACd,+DAA+D,EAAE,CAAC,CAAC;UAEnEA,GAAG,EAAE;YACH,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MAED,4BAA4B,EAAE;QAC5B,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,6HAA6H,EAC3H;QACE,kCAAkC,EAAE;UAClC,4JAA4J,EAC1J,CAAC,CAAC;UAEJA,GAAG,EAAE;YACH,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MAEH,uBAAuB,EAAE;QACvB,cAAc,EAAE;UACd,8CAA8C,EAAE,CAAC;QACnD,CAAC;QAED,YAAY,EAAE;UACZ,cAAc,EAAE;YACd,oDAAoD,EAAE,CAAC,CAAC;YAExDA,GAAG,EAAE;cACH,cAAc,EAAE,CAAC;YACnB;UACF;QACF;MACF,CAAC;MAED;MACA,+BAA+B,EAAE;QAC/B,2BAA2B,EAAE,CAAC,CAAC;QAE/B,cAAc,EAAE;UACd,6DAA6D,EAAE,CAAC;QAClE,CAAC;QAED,WAAW,EAAE;UACX,cAAc,EAAE;YACd,qDAAqD,EAAE,CAAC;UAC1D;QACF,CAAC;QAED,6BAA6B,EAAE;UAC7B,2BAA2B,EAAE,CAAC;QAChC;MACF,CAAC;MAED;MACA,sBAAsB,EAAE;QACtB,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,uBAAuB,EAAE;QACvB,mBAAmB,EAAE,CAAC;MACxB,CAAC;MAED,cAAc,EAAE;QACd,UAAU,EAAE;UACV,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,eAAe,EAAE;QACf,UAAU,EAAE;UACV,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,SAAS,EAAE;QACT,qDAAqD,EAAE,CAAC,CAAC;QAEzD,WAAW,EAAE;UACX,gEAAgE,EAAE,CAAC;QACrE,CAAC;QAED,MAAM,EAAE;UACN,mBAAmB,EAAE,CAAC;QACxB,CAAC;QAED,MAAM,EAAE;UACN,kBAAkB,EAAE,CAAC;QACvB,CAAC;QAED,MAAM,EAAE;UACN,mBAAmB,EAAE,CAAC;QACxB;MACF,CAAC;MAED,SAAS,EAAE;QACT,mCAAmC,EAAE,CAAC,CAAC;QACvC,yBAAyB,EAAE;UACzB,iBAAiB,EAAE,CAAC;QACtB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"chip.js","names":["Chip","exports"],"sources":["../../../src/components/chip.ts"],"sourcesContent":["export const Chip = () => ({\n  '.sk-chip': {\n    '@apply inline-flex': {},\n    '@apply items-center justify-center': {},\n    '@apply bg-secondary-surface': {},\n    '@apply hover:bg-secondary-surface-hover': {},\n    '@apply focus-visible:bg-secondary-surface-hover': {},\n    '@apply focus-visible:ring': {},\n    '@apply px-[.9rem] gap-4': {},\n    '@apply h-[3.4rem]': {},\n    '@apply text-small': {},\n    '@apply text-dark-secondary': {},\n    '@apply border-1': {},\n    '@apply border-secondary-outline': {},\n    '@apply hover:border-secondary-outline-hover': {},\n    '@apply focus-visible:border-transparent': {},\n    '@apply rounded-button': {},\n    '&[data-strong=\"true\"]': {\n      '@apply border-2': {},\n      '@apply px-8': {},\n    },\n    '&[data-rounded=\"true\"]': {\n      '@apply rounded-full': {},\n    },\n    '&[data-inverted=\"true\"]': {\n      '@apply text-inverted-dark-secondary': {},\n      '@apply border-inverted-secondary-outline': {},\n      '@apply hover:border-inverted-secondary-outline-hover': {},\n      '@apply bg-inverted-secondary-surface': {},\n      '@apply hover:bg-inverted-secondary-surface-hover': {},\n      '@apply focus-visible:bg-inverted-secondary-surface-hover': {},\n    },\n  },\n});\n"],"mappings":";;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAA;EAAA,OAAU;IACzB,UAAU,EAAE;MACV,oBAAoB,EAAE,CAAC,CAAC;MACxB,oCAAoC,EAAE,CAAC,CAAC;MACxC,6BAA6B,EAAE,CAAC,CAAC;MACjC,yCAAyC,EAAE,CAAC,CAAC;MAC7C,iDAAiD,EAAE,CAAC,CAAC;MACrD,2BAA2B,EAAE,CAAC,CAAC;MAC/B,yBAAyB,EAAE,CAAC,CAAC;MAC7B,mBAAmB,EAAE,CAAC,CAAC;MACvB,mBAAmB,EAAE,CAAC,CAAC;MACvB,4BAA4B,EAAE,CAAC,CAAC;MAChC,iBAAiB,EAAE,CAAC,CAAC;MACrB,iCAAiC,EAAE,CAAC,CAAC;MACrC,6CAA6C,EAAE,CAAC,CAAC;MACjD,yCAAyC,EAAE,CAAC,CAAC;MAC7C,uBAAuB,EAAE,CAAC,CAAC;MAC3B,uBAAuB,EAAE;QACvB,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,wBAAwB,EAAE;QACxB,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,yBAAyB,EAAE;QACzB,qCAAqC,EAAE,CAAC,CAAC;QACzC,0CAA0C,EAAE,CAAC,CAAC;QAC9C,sDAAsD,EAAE,CAAC,CAAC;QAC1D,sCAAsC,EAAE,CAAC,CAAC;QAC1C,kDAAkD,EAAE,CAAC,CAAC;QACtD,0DAA0D,EAAE,CAAC;MAC/D;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"chip.js","names":["Chip","exports"],"sources":["../../../src/components/chip.ts"],"sourcesContent":["export const Chip = () => ({\r\n  '.sk-chip': {\r\n    '@apply inline-flex': {},\r\n    '@apply items-center justify-center': {},\r\n    '@apply bg-secondary-surface': {},\r\n    '@apply hover:bg-secondary-surface-hover': {},\r\n    '@apply focus-visible:bg-secondary-surface-hover': {},\r\n    '@apply focus-visible:ring': {},\r\n    '@apply px-[.9rem] gap-4': {},\r\n    '@apply h-[3.4rem]': {},\r\n    '@apply text-small': {},\r\n    '@apply text-dark-secondary': {},\r\n    '@apply border-1': {},\r\n    '@apply border-secondary-outline': {},\r\n    '@apply hover:border-secondary-outline-hover': {},\r\n    '@apply focus-visible:border-transparent': {},\r\n    '@apply rounded-button': {},\r\n    '&[data-strong=\"true\"]': {\r\n      '@apply border-2': {},\r\n      '@apply px-8': {},\r\n    },\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-inverted-dark-secondary': {},\r\n      '@apply border-inverted-secondary-outline': {},\r\n      '@apply hover:border-inverted-secondary-outline-hover': {},\r\n      '@apply bg-inverted-secondary-surface': {},\r\n      '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n      '@apply focus-visible:bg-inverted-secondary-surface-hover': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAA;EAAA,OAAU;IACzB,UAAU,EAAE;MACV,oBAAoB,EAAE,CAAC,CAAC;MACxB,oCAAoC,EAAE,CAAC,CAAC;MACxC,6BAA6B,EAAE,CAAC,CAAC;MACjC,yCAAyC,EAAE,CAAC,CAAC;MAC7C,iDAAiD,EAAE,CAAC,CAAC;MACrD,2BAA2B,EAAE,CAAC,CAAC;MAC/B,yBAAyB,EAAE,CAAC,CAAC;MAC7B,mBAAmB,EAAE,CAAC,CAAC;MACvB,mBAAmB,EAAE,CAAC,CAAC;MACvB,4BAA4B,EAAE,CAAC,CAAC;MAChC,iBAAiB,EAAE,CAAC,CAAC;MACrB,iCAAiC,EAAE,CAAC,CAAC;MACrC,6CAA6C,EAAE,CAAC,CAAC;MACjD,yCAAyC,EAAE,CAAC,CAAC;MAC7C,uBAAuB,EAAE,CAAC,CAAC;MAC3B,uBAAuB,EAAE;QACvB,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,wBAAwB,EAAE;QACxB,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,yBAAyB,EAAE;QACzB,qCAAqC,EAAE,CAAC,CAAC;QACzC,0CAA0C,EAAE,CAAC,CAAC;QAC9C,sDAAsD,EAAE,CAAC,CAAC;QAC1D,sCAAsC,EAAE,CAAC,CAAC;QAC1C,kDAAkD,EAAE,CAAC,CAAC;QACtD,0DAA0D,EAAE,CAAC;MAC/D;IACF;EACF,CAAC;AAAA,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.js","names":["ComboBox","exports"],"sources":["../../../src/components/combobox.ts"],"sourcesContent":["export const ComboBox = () => ({\n  '.sk-form-combobox': {\n    '@apply focus-within:ring ring-ring ring-offset': {},\n    '@apply relative w-auto': {},\n    '@apply inline-block': {},\n    '&-sm': {\n      '@apply h-[3.2rem]': {},\n      '@apply rounded-button-sm': {},\n      '.sk-form-combobox-select.active': {\n        '@apply text-input-small': {},\n        '@apply pr-[5.2rem]': {},\n      },\n    },\n    '&-md': {\n      '@apply h-[4rem]': {},\n      '@apply rounded-button-md': {},\n      '.sk-form-combobox-select.active': {\n        '@apply text-input-medium': {},\n        '@apply pr-[6.1rem]': {},\n      },\n    },\n    '&-lg': {\n      '@apply h-[4.8rem]': {},\n      '@apply rounded-button-lg': {},\n      '.sk-form-combobox-select.active': {\n        '@apply text-input-large': {},\n        '@apply pr-[6.8rem]': {},\n      },\n    },\n\n    '&:not([aria-expanded=\"true\"])': {\n      '.sk-form-combobox-select': {\n        '@apply caret-transparent': {},\n      },\n    },\n\n    '&-select': {\n      '@apply h-full bg-right-12 bg-no-repeat': {},\n\n      '&.sk-form-select': { '@apply focus:outline-none focus:ring-0 focus:ring-transparent': {} },\n      '@apply w-full': {},\n\n      '&:not(.active)': {\n        '@apply cursor-default': {},\n      },\n      '@apply focus:border-transparent': {},\n      '@apply focus:hover:border-transparent': {},\n      '&.active': {\n        '@apply bg-primitives-overlay-lighten-10': {},\n        '@apply dark:bg-primitives-overlay-darken-6': {},\n        '@apply placeholder:text-dark-placeholder': {},\n        '@apply text-dark-primary': {},\n        '@apply border-transparent': {},\n      },\n    },\n    '&-list': {\n      '@apply w-full': {},\n      '@apply max-h-[23rem] overflow-y-auto': {},\n      '&-option': {\n        '&.sk-popup-menu-item': {\n          '@apply cursor-default': {},\n          '@apply leading-none': {},\n          '@apply h-auto': {},\n        },\n\n        '&-checkbox': {\n          '@apply w-0 h-0 m-0 p-0 opacity-0': {},\n        },\n      },\n    },\n  },\n});\n"],"mappings":";;;;AAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAU;IAC7B,mBAAmB,EAAE;MACnB,gDAAgD,EAAE,CAAC,CAAC;MACpD,wBAAwB,EAAE,CAAC,CAAC;MAC5B,qBAAqB,EAAE,CAAC,CAAC;MACzB,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC,CAAC;QACvB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,yBAAyB,EAAE,CAAC,CAAC;UAC7B,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MACD,MAAM,EAAE;QACN,iBAAiB,EAAE,CAAC,CAAC;QACrB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,0BAA0B,EAAE,CAAC,CAAC;UAC9B,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MACD,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC,CAAC;QACvB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,yBAAyB,EAAE,CAAC,CAAC;UAC7B,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MAED,+BAA+B,EAAE;QAC/B,0BAA0B,EAAE;UAC1B,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,UAAU,EAAE;QACV,wCAAwC,EAAE,CAAC,CAAC;QAE5C,kBAAkB,EAAE;UAAE,+DAA+D,EAAE,CAAC;QAAE,CAAC;QAC3F,eAAe,EAAE,CAAC,CAAC;QAEnB,gBAAgB,EAAE;UAChB,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QACD,iCAAiC,EAAE,CAAC,CAAC;QACrC,uCAAuC,EAAE,CAAC,CAAC;QAC3C,UAAU,EAAE;UACV,yCAAyC,EAAE,CAAC,CAAC;UAC7C,4CAA4C,EAAE,CAAC,CAAC;UAChD,0CAA0C,EAAE,CAAC,CAAC;UAC9C,0BAA0B,EAAE,CAAC,CAAC;UAC9B,2BAA2B,EAAE,CAAC;QAChC;MACF,CAAC;MACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC;QACnB,sCAAsC,EAAE,CAAC,CAAC;QAC1C,UAAU,EAAE;UACV,sBAAsB,EAAE;YACtB,uBAAuB,EAAE,CAAC,CAAC;YAC3B,qBAAqB,EAAE,CAAC,CAAC;YACzB,eAAe,EAAE,CAAC;UACpB,CAAC;UAED,YAAY,EAAE;YACZ,kCAAkC,EAAE,CAAC;UACvC;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"combobox.js","names":["ComboBox","exports"],"sources":["../../../src/components/combobox.ts"],"sourcesContent":["export const ComboBox = () => ({\r\n  '.sk-form-combobox': {\r\n    '@apply focus-within:ring ring-ring ring-offset': {},\r\n    '@apply relative w-auto': {},\r\n    '@apply inline-block': {},\r\n    '&-sm': {\r\n      '@apply h-[3.2rem]': {},\r\n      '@apply rounded-button-sm': {},\r\n      '.sk-form-combobox-select.active': {\r\n        '@apply text-input-small': {},\r\n        '@apply pr-[5.2rem]': {},\r\n      },\r\n    },\r\n    '&-md': {\r\n      '@apply h-[4rem]': {},\r\n      '@apply rounded-button-md': {},\r\n      '.sk-form-combobox-select.active': {\r\n        '@apply text-input-medium': {},\r\n        '@apply pr-[6.1rem]': {},\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '@apply h-[4.8rem]': {},\r\n      '@apply rounded-button-lg': {},\r\n      '.sk-form-combobox-select.active': {\r\n        '@apply text-input-large': {},\r\n        '@apply pr-[6.8rem]': {},\r\n      },\r\n    },\r\n\r\n    '&:not([aria-expanded=\"true\"])': {\r\n      '.sk-form-combobox-select': {\r\n        '@apply caret-transparent': {},\r\n      },\r\n    },\r\n\r\n    '&-select': {\r\n      '@apply h-full bg-right-12 bg-no-repeat': {},\r\n\r\n      '&.sk-form-select': { '@apply focus:outline-none focus:ring-0 focus:ring-transparent': {} },\r\n      '@apply w-full': {},\r\n\r\n      '&:not(.active)': {\r\n        '@apply cursor-default': {},\r\n      },\r\n      '@apply focus:border-transparent': {},\r\n      '@apply focus:hover:border-transparent': {},\r\n      '&.active': {\r\n        '@apply bg-primitives-overlay-lighten-10': {},\r\n        '@apply dark:bg-primitives-overlay-darken-6': {},\r\n        '@apply placeholder:text-dark-placeholder': {},\r\n        '@apply text-dark-primary': {},\r\n        '@apply border-transparent': {},\r\n      },\r\n    },\r\n    '&-list': {\r\n      '@apply w-full': {},\r\n      '@apply max-h-[23rem] overflow-y-auto': {},\r\n      '&-option': {\r\n        '&.sk-popup-menu-item': {\r\n          '@apply cursor-default': {},\r\n          '@apply leading-none': {},\r\n          '@apply h-auto': {},\r\n        },\r\n\r\n        '&-checkbox': {\r\n          '@apply w-0 h-0 m-0 p-0 opacity-0': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAU;IAC7B,mBAAmB,EAAE;MACnB,gDAAgD,EAAE,CAAC,CAAC;MACpD,wBAAwB,EAAE,CAAC,CAAC;MAC5B,qBAAqB,EAAE,CAAC,CAAC;MACzB,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC,CAAC;QACvB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,yBAAyB,EAAE,CAAC,CAAC;UAC7B,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MACD,MAAM,EAAE;QACN,iBAAiB,EAAE,CAAC,CAAC;QACrB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,0BAA0B,EAAE,CAAC,CAAC;UAC9B,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MACD,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC,CAAC;QACvB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,iCAAiC,EAAE;UACjC,yBAAyB,EAAE,CAAC,CAAC;UAC7B,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MAED,+BAA+B,EAAE;QAC/B,0BAA0B,EAAE;UAC1B,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,UAAU,EAAE;QACV,wCAAwC,EAAE,CAAC,CAAC;QAE5C,kBAAkB,EAAE;UAAE,+DAA+D,EAAE,CAAC;QAAE,CAAC;QAC3F,eAAe,EAAE,CAAC,CAAC;QAEnB,gBAAgB,EAAE;UAChB,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QACD,iCAAiC,EAAE,CAAC,CAAC;QACrC,uCAAuC,EAAE,CAAC,CAAC;QAC3C,UAAU,EAAE;UACV,yCAAyC,EAAE,CAAC,CAAC;UAC7C,4CAA4C,EAAE,CAAC,CAAC;UAChD,0CAA0C,EAAE,CAAC,CAAC;UAC9C,0BAA0B,EAAE,CAAC,CAAC;UAC9B,2BAA2B,EAAE,CAAC;QAChC;MACF,CAAC;MACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC;QACnB,sCAAsC,EAAE,CAAC,CAAC;QAC1C,UAAU,EAAE;UACV,sBAAsB,EAAE;YACtB,uBAAuB,EAAE,CAAC,CAAC;YAC3B,qBAAqB,EAAE,CAAC,CAAC;YACzB,eAAe,EAAE,CAAC;UACpB,CAAC;UAED,YAAY,EAAE;YACZ,kCAAkC,EAAE,CAAC;UACvC;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/comments.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({\n  '.comment-header': {\n    '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\n  },\n\n  '.comment-item': {\n    '@apply w-full': {},\n\n    '&-container': {\n      '@apply flex relative w-full': {},\n\n      '&-textpic': {\n        '@apply flex gap-2 grow': {},\n      },\n    },\n    '&-text': {\n      '@apply text-base font-bold mx-0 mb-0 mt-4': {},\n    },\n    '&-commentorpublished': {\n      '@apply float-right text-neutral-600 m-0': {},\n    },\n  },\n  '.comment-input': {\n    '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\n\n    '&-inactive': {\n      '@apply text-neutral-300 !text-3xl': {},\n    },\n\n    '&-active': {\n      '@apply text-primary !text-3xl': {},\n    },\n  },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAAA;EAAA,OAAO;IACjC,iBAAiB,EAAE;MACjB,uEAAuE,EAAE,CAAC;IAC5E,CAAC;IAED,eAAe,EAAE;MACf,eAAe,EAAE,CAAC,CAAC;MAEnB,aAAa,EAAE;QACb,6BAA6B,EAAE,CAAC,CAAC;QAEjC,WAAW,EAAE;UACX,wBAAwB,EAAE,CAAC;QAC7B;MACF,CAAC;MACD,QAAQ,EAAE;QACR,2CAA2C,EAAE,CAAC;MAChD,CAAC;MACD,sBAAsB,EAAE;QACtB,yCAAyC,EAAE,CAAC;MAC9C;IACF,CAAC;IACD,gBAAgB,EAAE;MAChB,2CAA2C,EAAE,CAAC,CAAC;MAE/C,YAAY,EAAE;QACZ,mCAAmC,EAAE,CAAC;MACxC,CAAC;MAED,UAAU,EAAE;QACV,+BAA+B,EAAE,CAAC;MACpC;IACF;EACF,CAAC;AAAA,CAAC"}
+{"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,GAAG,SAAAA,SAAA;EAAA,OAAO;IAE/B,iBAAiB,EAAE;MACf,uEAAuE,EAAE,CAAC;IAC9E,CAAC;IAED,eAAe,EAAC;MACZ,eAAe,EAAE,CAAC,CAAC;MAEnB,aAAa,EAAE;QACX,sCAAsC,EAAE,CAAC,CAAC;QAE1C,WAAW,EAAE;UACT,mBAAmB,EAAE,CAAC;QAC1B;MACJ,CAAC;MACD,QAAQ,EAAE;QACN,2CAA2C,EAAE,CAAC;MAClD,CAAC;MACD,sBAAsB,EAAE;QACpB,yCAAyC,EAAE,CAAC;MAChD;IACJ,CAAC;IACD,gBAAgB,EAAC;MACb,2CAA2C,EAAE,CAAC,CAAC;MAE/C,YAAY,EAAE;QACV,mCAAmC,EAAE,CAAC;MAC1C,CAAC;MAED,UAAU,EAAE;QACR,+BAA+B,EAAE,CAAC;MACtC;IAEJ;EAGJ,CAAC;AAAA,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"forms.js","names":["Forms","exports","display"],"sources":["../../../src/components/forms.ts"],"sourcesContent":["export const Forms = () => ({\n  '.sk-form-control': {\n    '@apply flex flex-col gap-8 w-fit': {},\n  },\n\n  '.sk-form-label': {\n    '@apply font-bold': {},\n    '&-sm': {\n      '@apply text-label-small': {},\n    },\n    '&-md': {\n      '@apply text-label-medium': {},\n    },\n    '&-lg': {\n      '@apply text-label-large': {},\n    },\n  },\n\n  'legend.sk-form-label': {\n    display: 'contents',\n  },\n\n  '.sk-form-helper-text, .sk-form-error-message': {\n    '@apply font-normal': {},\n    '@apply text-small': {},\n  },\n});\n"],"mappings":";;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAA;EAAA,OAAU;IAC1B,kBAAkB,EAAE;MAClB,kCAAkC,EAAE,CAAC;IACvC,CAAC;IAED,gBAAgB,EAAE;MAChB,kBAAkB,EAAE,CAAC,CAAC;MACtB,MAAM,EAAE;QACN,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,MAAM,EAAE;QACN,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,MAAM,EAAE;QACN,yBAAyB,EAAE,CAAC;MAC9B;IACF,CAAC;IAED,sBAAsB,EAAE;MACtBE,OAAO,EAAE;IACX,CAAC;IAED,8CAA8C,EAAE;MAC9C,oBAAoB,EAAE,CAAC,CAAC;MACxB,mBAAmB,EAAE,CAAC;IACxB;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"forms.js","names":["Forms","exports","display"],"sources":["../../../src/components/forms.ts"],"sourcesContent":["export const Forms = () => ({\r\n  '.sk-form-control': {\r\n    '@apply flex flex-col gap-8 w-fit': {},\r\n  },\r\n\r\n  '.sk-form-label': {\r\n    '@apply font-bold': {},\r\n    '&-sm': {\r\n      '@apply text-label-small': {},\r\n    },\r\n    '&-md': {\r\n      '@apply text-label-medium': {},\r\n    },\r\n    '&-lg': {\r\n      '@apply text-label-large': {},\r\n    },\r\n  },\r\n\r\n  'legend.sk-form-label': {\r\n    display: 'contents',\r\n  },\r\n\r\n  '.sk-form-helper-text, .sk-form-error-message': {\r\n    '@apply font-normal': {},\r\n    '@apply text-small': {},\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAA;EAAA,OAAU;IAC1B,kBAAkB,EAAE;MAClB,kCAAkC,EAAE,CAAC;IACvC,CAAC;IAED,gBAAgB,EAAE;MAChB,kBAAkB,EAAE,CAAC,CAAC;MACtB,MAAM,EAAE;QACN,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,MAAM,EAAE;QACN,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,MAAM,EAAE;QACN,yBAAyB,EAAE,CAAC;MAC9B;IACF,CAAC;IAED,sBAAsB,EAAE;MACtBE,OAAO,EAAE;IACX,CAAC;IAED,8CAA8C,EAAE;MAC9C,oBAAoB,EAAE,CAAC,CAAC;MACxB,mBAAmB,EAAE,CAAC;IACxB;EACF,CAAC;AAAA,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["calendar","clock","inputStandards","addin","svg","inputGroup","_extends","timeAndDatePicker","mask","maskSize","Input","exports","display","margin"],"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\n}\nfunction clock() {\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\n}\n\nfunction inputStandards() {\n  return {\n    '@apply border-1': {},\n    '@apply border-primitives-overlay-darken-6': {},\n    '@apply dark:border-primitives-overlay-lighten-6': {},\n    '@apply hover:border-primitives-overlay-darken-8': {},\n    '@apply dark:hover:border-primitives-overlay-lighten-4': {},\n\n    '@apply placeholder:text-dark-placeholder': {},\n\n    '@apply bg-primitives-overlay-lighten-10': {},\n    '@apply dark:bg-primitives-overlay-darken-6': {},\n\n    //Invalid\n    '&:invalid, &[aria-invalid=\"true\"]': {\n      '@apply border-2 border-error-surface-primary': {},\n    },\n\n    //Disabled\n    '&:disabled, &[aria-disabled=\"true\"]': {\n      '@apply bg-primitives-overlay-darken-1': {},\n      '@apply dark:bg-primitives-overlay-lighten-1': {},\n      '@apply border-primitives-overlay-darken-3': {},\n      '@apply dark:border-primitives-overlay-lighten-3': {},\n      '@apply hover:border-primitives-overlay-darken-3': {},\n      '@apply dark:hover:border-primitives-overlay-lighten-3': {},\n      '@apply text-dark-disabled': {},\n    },\n  };\n}\n\nfunction addin() {\n  return {\n    '&-addin': {\n      '@apply bg-transparent': {},\n      '@apply flex': {},\n      '@apply justify-start items-center': {},\n      '&-sm': {\n        '@apply px-6 gap-6': {},\n        '&.sk-form-input-addin-left': {\n          '@apply -mr-12': {},\n          '@apply pl-10': {},\n        },\n        '&.sk-form-input-addin-right': {\n          '@apply -ml-12': {},\n          '@apply pr-10': {},\n        },\n        svg: {\n          '@apply w-[1.6rem] h-[1.6rem]': {},\n        },\n      },\n      '&-md': {\n        '@apply md:px-8 md:gap-8': {},\n        '&.sk-form-input-addin-left': {\n          '@apply -mr-16': {},\n          '@apply pl-12': {},\n        },\n        '&.sk-form-input-addin-right': {\n          '@apply -ml-16': {},\n          '@apply pr-12': {},\n        },\n        svg: {\n          '@apply w-[2rem] h-[2rem]': {},\n        },\n      },\n      '&-lg': {\n        '@apply md:px-8 md:gap-8': {},\n        '&.sk-form-input-addin-left': {\n          '@apply -mr-20': {},\n          '@apply pl-16': {},\n        },\n        '&.sk-form-input-addin-right': {\n          '@apply -ml-20': {},\n          '@apply pr-16': {},\n        },\n        svg: {\n          '@apply w-[2.2rem] h-[2.2rem]': {},\n        },\n      },\n    },\n  };\n}\n\nfunction inputGroup() {\n  return {\n    '&-group': {\n      '@apply flex relative': {},\n      '@apply items-center': {},\n      '@apply focus-within:ring': {},\n      '@apply focus-within:ring-ring': {},\n      '@apply text-dark-secondary': {},\n      //Focus\n      '@apply focus-within:border-primitives-overlay-lighten-10': {},\n      '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\n\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\n        '@apply focus-within:hover:border-primitives-overlay-lighten-10': {},\n        '@apply dark:focus-within:hover:border-primitives-overlay-darken-6': {},\n      },\n\n      // '&:disabled, &[aria-disabled=\"true\"]': {\n      //   '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\n      //     '@apply color-black-disabled': {},\n      //   },\n      // },\n      '&&-lg': {\n        '@apply text-input-large': {},\n        '@apply rounded-button-lg': {},\n      },\n      '&&-md': {\n        '@apply text-input-medium': {},\n        '@apply rounded-button-md': {},\n      },\n      '&&-sm': {\n        '@apply text-input-small': {},\n        '@apply rounded-button-sm': {},\n      },\n      ...inputStandards(),\n      '.sk-form-input': {\n        '@apply rounded-0': {},\n        '@apply border-0': {},\n        '@apply focus:ring-0': {},\n        '@apply focus:ring-offset-0': {},\n        '@apply bg-transparent': {},\n        '@apply dark:bg-transparent': {},\n        '@apply grow': {},\n      },\n    },\n  };\n}\n\nfunction timeAndDatePicker() {\n  return {\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\n      '@apply block': {},\n      '@apply p-0': {},\n      '@apply pl-6 md:pl-8': {},\n      '@apply m-0': {},\n      '@apply bg-none': {},\n      '@apply bg-dark-secondary': {},\n      '&.sk-form-input-sm': {\n        '@apply w-[1.6rem] h-[1.6rem]': {},\n        '@apply -mr-2': {},\n      },\n      '&.sk-form-input-md': {\n        '@apply -mr-4': {},\n        '@apply w-[1.8rem] h-[1.8rem]': {},\n      },\n      '&.sk-form-input-lg': {\n        '@apply -mr-6': {},\n        '@apply w-[2rem] h-[2rem]': {},\n      },\n    },\n\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n      maskSize: 'contain',\n      '-webkit-mask-size': 'contain',\n    },\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\n      {\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n        maskSize: 'contain',\n        '-webkit-mask-size': 'contain',\n      },\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\n      maskSize: 'contain',\n      '-webkit-mask-size': 'contain',\n    },\n\n    '&:disabled, &[aria-disabled=\"true\"]': {\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\n        '@apply color-black-disabled': {},\n      },\n    },\n  };\n}\n\nexport const Input = () => ({\n  '.sk-form-input': {\n    '@apply grow-0': {},\n    '@apply text-dark-primary': {},\n\n    '&[data-hideextra=\"true\"]': {\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\n        '-webkit-appearance': 'none',\n        display: 'none',\n        margin: '0px',\n      },\n      '-moz-appearance': 'textfield',\n    },\n\n    '&&-lg': {\n      '@apply rounded-button-lg': {},\n      '@apply px-20': {},\n      '@apply py-[1.1rem]': {},\n      '@apply gap-8': {},\n      '@apply text-input-large': {},\n      '@apply h-[4.8rem]': {},\n    },\n    '&&-md': {\n      '@apply rounded-button-md': {},\n      '@apply px-16': {},\n      '@apply py-[0.7rem]': {},\n      '@apply gap-8': {},\n      '@apply text-input-medium': {},\n      '@apply h-[4rem]': {},\n    },\n    '&&-sm': {\n      '@apply rounded-button-sm': {},\n      '@apply px-12': {},\n      '@apply py-[0.5rem]': {},\n      '@apply gap-6': {},\n      '@apply text-input-small': {},\n      '@apply h-[3.2rem]': {},\n    },\n    '&&-textarea': {\n      '@apply h-auto': {},\n    },\n\n    //Focus\n    '@apply focus:ring': {},\n    '@apply focus:ring-ring': {},\n    '@apply focus:ring-offset': {},\n    '@apply focus:border-primitives-overlay-lighten-10': {},\n    '@apply dark:focus:border-primitives-overlay-darken-6': {},\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\n      '@apply focus:hover:border-primitives-overlay-lighten-10': {},\n      '@apply dark:focus:hover:border-primitives-overlay-darken-6': {},\n    },\n    ...timeAndDatePicker(),\n    ...inputStandards(),\n    ...inputGroup(),\n    ...addin(),\n  },\n});\n"],"mappings":"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"}
+{"version":3,"file":"input.js","names":["calendar","clock","inputStandards","addin","svg","inputGroup","_extends","timeAndDatePicker","mask","maskSize","Input","exports","display","margin"],"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n  return {\r\n    '@apply border-1': {},\r\n    '@apply border-primitives-overlay-darken-6': {},\r\n    '@apply dark:border-primitives-overlay-lighten-6': {},\r\n    '@apply hover:border-primitives-overlay-darken-8': {},\r\n    '@apply dark:hover:border-primitives-overlay-lighten-4': {},\r\n\r\n    '@apply placeholder:text-dark-placeholder': {},\r\n\r\n    '@apply bg-primitives-overlay-lighten-10': {},\r\n    '@apply dark:bg-primitives-overlay-darken-6': {},\r\n\r\n    //Invalid\r\n    '&:invalid, &[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply bg-primitives-overlay-darken-1': {},\r\n      '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n      '@apply border-primitives-overlay-darken-3': {},\r\n      '@apply dark:border-primitives-overlay-lighten-3': {},\r\n      '@apply hover:border-primitives-overlay-darken-3': {},\r\n      '@apply dark:hover:border-primitives-overlay-lighten-3': {},\r\n      '@apply text-dark-disabled': {},\r\n    },\r\n  };\r\n}\r\n\r\nfunction addin() {\r\n  return {\r\n    '&-addin': {\r\n      '@apply bg-transparent': {},\r\n      '@apply flex': {},\r\n      '@apply justify-start items-center': {},\r\n      '&-sm': {\r\n        '@apply px-6 gap-6': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-12': {},\r\n          '@apply pl-10': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-12': {},\r\n          '@apply pr-10': {},\r\n        },\r\n        svg: {\r\n          '@apply w-[1.6rem] h-[1.6rem]': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-16': {},\r\n          '@apply pl-12': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-16': {},\r\n          '@apply pr-12': {},\r\n        },\r\n        svg: {\r\n          '@apply w-[2rem] h-[2rem]': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-20': {},\r\n          '@apply pl-16': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-20': {},\r\n          '@apply pr-16': {},\r\n        },\r\n        svg: {\r\n          '@apply w-[2.2rem] h-[2.2rem]': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction inputGroup() {\r\n  return {\r\n    '&-group': {\r\n      '@apply flex relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-primitives-overlay-lighten-10': {},\r\n      '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:hover:border-primitives-overlay-lighten-10': {},\r\n        '@apply dark:focus-within:hover:border-primitives-overlay-darken-6': {},\r\n      },\r\n\r\n      // '&:disabled, &[aria-disabled=\"true\"]': {\r\n      //   '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      //     '@apply color-black-disabled': {},\r\n      //   },\r\n      // },\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n  return {\r\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      '@apply block': {},\r\n      '@apply p-0': {},\r\n      '@apply pl-6 md:pl-8': {},\r\n      '@apply m-0': {},\r\n      '@apply bg-none': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&.sk-form-input-sm': {\r\n        '@apply w-[1.6rem] h-[1.6rem]': {},\r\n        '@apply -mr-2': {},\r\n      },\r\n      '&.sk-form-input-md': {\r\n        '@apply -mr-4': {},\r\n        '@apply w-[1.8rem] h-[1.8rem]': {},\r\n      },\r\n      '&.sk-form-input-lg': {\r\n        '@apply -mr-6': {},\r\n        '@apply w-[2rem] h-[2rem]': {},\r\n      },\r\n    },\r\n\r\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n      {\r\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        maskSize: 'contain',\r\n        '-webkit-mask-size': 'contain',\r\n      },\r\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n        '@apply color-black-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Input = () => ({\r\n  '.sk-form-input': {\r\n    '@apply grow-0': {},\r\n    '@apply text-dark-primary': {},\r\n\r\n    '&[data-hideextra=\"true\"]': {\r\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n        '-webkit-appearance': 'none',\r\n        display: 'none',\r\n        margin: '0px',\r\n      },\r\n      '-moz-appearance': 'textfield',\r\n    },\r\n\r\n    '&&-lg': {\r\n      '@apply rounded-button-lg': {},\r\n      '@apply px-20': {},\r\n      '@apply py-[1.1rem]': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-large': {},\r\n      '@apply h-[4.8rem]': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply rounded-button-md': {},\r\n      '@apply px-16': {},\r\n      '@apply py-[0.7rem]': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-medium': {},\r\n      '@apply h-[4rem]': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply rounded-button-sm': {},\r\n      '@apply px-12': {},\r\n      '@apply py-[0.5rem]': {},\r\n      '@apply gap-6': {},\r\n      '@apply text-input-small': {},\r\n      '@apply h-[3.2rem]': {},\r\n    },\r\n    '&&-textarea': {\r\n      '@apply h-auto': {},\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus:ring': {},\r\n    '@apply focus:ring-ring': {},\r\n    '@apply focus:ring-offset': {},\r\n    '@apply focus:border-primitives-overlay-lighten-10': {},\r\n    '@apply dark:focus:border-primitives-overlay-darken-6': {},\r\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n      '@apply focus:hover:border-primitives-overlay-lighten-10': {},\r\n      '@apply dark:focus:hover:border-primitives-overlay-darken-6': {},\r\n    },\r\n    ...timeAndDatePicker(),\r\n    ...inputStandards(),\r\n    ...inputGroup(),\r\n    ...addin(),\r\n  },\r\n});\r\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"label.js","names":["Label","exports","colors","_extends","reduce","styles","color","_dataInvertedTru","_ref","_extends2"],"sources":["../../../src/components/label.ts"],"sourcesContent":["export const Label = (colors: string[]) => ({\n  '.sk-label': {\n    '@apply inline-flex flex-row': {},\n    '@apply justify-center items-center': {},\n    '@apply gap-6 px-10 py-4': {},\n    '@apply h-24 max-h-24': {},\n    '@apply text-label-small': {},\n\n    '@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {},\n\n    '@apply bg-primary-surface': {},\n    '@apply text-light-primary': {},\n\n    '&[data-rounded=\"true\"]': {\n      '@apply rounded-full': {},\n    },\n    '&[data-inverted=\"true\"]': {\n      '@apply bg-inverted-primary-surface': {},\n      '@apply text-inverted-light-primary': {},\n    },\n\n    ...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          [`@apply bg-${color}-surface-primary`]: {},\n          [`@apply text-${color}-text-secondary`]: {},\n          '&[data-inverted=\"true\"]': {\n            [`@apply bg-${color}-surface-accent`]: {},\n            [`@apply text-${color}-text-primary`]: {},\n          },\n        },\n      }),\n      {}\n    ),\n  },\n});\n"],"mappings":";;;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAIE,MAAgB;EAAA,OAAM;IAC1C,WAAW,EAAAC,QAAA;MACT,6BAA6B,EAAE,CAAC,CAAC;MACjC,oCAAoC,EAAE,CAAC,CAAC;MACxC,yBAAyB,EAAE,CAAC,CAAC;MAC7B,sBAAsB,EAAE,CAAC,CAAC;MAC1B,yBAAyB,EAAE,CAAC,CAAC;MAE7B,uEAAuE,EAAE,CAAC,CAAC;MAE3E,2BAA2B,EAAE,CAAC,CAAC;MAC/B,2BAA2B,EAAE,CAAC,CAAC;MAE/B,wBAAwB,EAAE;QACxB,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,yBAAyB,EAAE;QACzB,oCAAoC,EAAE,CAAC,CAAC;QACxC,oCAAoC,EAAE,CAAC;MACzC;IAAC,GAEED,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,aAAAE,IAAA,OAAAA,IAAA,gBACPF,KAAK,yBAAqB,CAAC,CAAC,EAAAE,IAAA,kBAC1BF,KAAK,wBAAoB,CAAC,CAAC,EAAAE,IAAA,CAC3C,yBAAyB,KAAAD,gBAAA,OAAAA,gBAAA,gBACTD,KAAK,wBAAoB,CAAC,CAAC,EAAAC,gBAAA,kBACzBD,KAAK,sBAAkB,CAAC,CAAC,EAAAC,gBAAA,GAAAC,IAAA,GAAAC,SAAA;IAAA,CAG7C,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AAAA,CAAC"}
+{"version":3,"file":"label.js","names":["Label","exports","colors","_extends","reduce","styles","color","_dataInvertedTru","_ref","_extends2"],"sources":["../../../src/components/label.ts"],"sourcesContent":["export const Label = (colors: string[]) => ({\r\n  '.sk-label': {\r\n    '@apply inline-flex flex-row': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply gap-6 px-10 py-4': {},\r\n    '@apply h-24 max-h-24': {},\r\n    '@apply text-label-small': {},\r\n\r\n    '@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {},\r\n\r\n    '@apply bg-primary-surface': {},\r\n    '@apply text-light-primary': {},\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply bg-inverted-primary-surface': {},\r\n      '@apply text-inverted-light-primary': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-primary`]: {},\r\n          [`@apply text-${color}-text-secondary`]: {},\r\n          '&[data-inverted=\"true\"]': {\r\n            [`@apply bg-${color}-surface-accent`]: {},\r\n            [`@apply text-${color}-text-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n  },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAIE,MAAgB;EAAA,OAAM;IAC1C,WAAW,EAAAC,QAAA;MACT,6BAA6B,EAAE,CAAC,CAAC;MACjC,oCAAoC,EAAE,CAAC,CAAC;MACxC,yBAAyB,EAAE,CAAC,CAAC;MAC7B,sBAAsB,EAAE,CAAC,CAAC;MAC1B,yBAAyB,EAAE,CAAC,CAAC;MAE7B,uEAAuE,EAAE,CAAC,CAAC;MAE3E,2BAA2B,EAAE,CAAC,CAAC;MAC/B,2BAA2B,EAAE,CAAC,CAAC;MAE/B,wBAAwB,EAAE;QACxB,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,yBAAyB,EAAE;QACzB,oCAAoC,EAAE,CAAC,CAAC;QACxC,oCAAoC,EAAE,CAAC;MACzC;IAAC,GAEED,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,aAAAE,IAAA,OAAAA,IAAA,gBACPF,KAAK,yBAAqB,CAAC,CAAC,EAAAE,IAAA,kBAC1BF,KAAK,wBAAoB,CAAC,CAAC,EAAAE,IAAA,CAC3C,yBAAyB,KAAAD,gBAAA,OAAAA,gBAAA,gBACTD,KAAK,wBAAoB,CAAC,CAAC,EAAAC,gBAAA,kBACzBD,KAAK,sBAAkB,CAAC,CAAC,EAAAC,gBAAA,GAAAC,IAAA,GAAAC,SAAA;IAAA,CAG7C,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AAAA,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":["List","exports","li","counterIncrement","content"],"sources":["../../../src/components/list.ts"],"sourcesContent":["export const List = () => ({\n  '.sk-list': {\n    // General\n    li: {\n      '&:before': {\n        '@apply text-vattjom-surface-primary font-bold': {},\n        '@apply absolute inline-flex items-center justify-center text-center': {},\n        '@apply w-24 h-24': {},\n      },\n    },\n\n    '&[data-style=\"bullet\"]': {\n      li: {\n        '&:before': {\n          \"@apply content-['•'] my-[.5rem] text-[1.8rem]\": {},\n        },\n      },\n    },\n\n    '&[data-style=\"numbered\"]': {\n      li: {\n        counterIncrement: 'item',\n\n        '&:before': {\n          '@apply text-small border-vattjom-surface-primary rounded-full leading-8': {},\n          '@apply my-[.6rem] h-[2.2rem] w-[2.2rem] border-[.2rem]': {},\n          content: 'counter(item)',\n        },\n      },\n    },\n\n    '&[data-style=\"stroke\"]': {\n      li: {\n        '&:before': {\n          \"@apply content-['–'] my-[.4rem] text-[1.6rem]\": {},\n        },\n      },\n    },\n\n    '.sk-link': {\n      '&-tertiary': {\n        '@apply text-dark-primary': {},\n        '&:hover': {\n          '@apply text-dark-secondary': {},\n        },\n      },\n    },\n\n    '&-item': {\n      '@apply pt-20': {},\n    },\n\n    '&-header': {\n      '@apply text-large font-bold ml-[3.2rem]': {},\n    },\n\n    '&-text': {\n      '@apply text-dark-secondary ml-[3.2rem]': {},\n    },\n  },\n});\n"],"mappings":";;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAA;EAAA,OAAU;IACzB,UAAU,EAAE;MACV;MACAE,EAAE,EAAE;QACF,UAAU,EAAE;UACV,+CAA+C,EAAE,CAAC,CAAC;UACnD,qEAAqE,EAAE,CAAC,CAAC;UACzE,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MAED,wBAAwB,EAAE;QACxBA,EAAE,EAAE;UACF,UAAU,EAAE;YACV,+CAA+C,EAAE,CAAC;UACpD;QACF;MACF,CAAC;MAED,0BAA0B,EAAE;QAC1BA,EAAE,EAAE;UACFC,gBAAgB,EAAE,MAAM;UAExB,UAAU,EAAE;YACV,yEAAyE,EAAE,CAAC,CAAC;YAC7E,wDAAwD,EAAE,CAAC,CAAC;YAC5DC,OAAO,EAAE;UACX;QACF;MACF,CAAC;MAED,wBAAwB,EAAE;QACxBF,EAAE,EAAE;UACF,UAAU,EAAE;YACV,+CAA+C,EAAE,CAAC;UACpD;QACF;MACF,CAAC;MAED,UAAU,EAAE;QACV,YAAY,EAAE;UACZ,0BAA0B,EAAE,CAAC,CAAC;UAC9B,SAAS,EAAE;YACT,4BAA4B,EAAE,CAAC;UACjC;QACF;MACF,CAAC;MAED,QAAQ,EAAE;QACR,cAAc,EAAE,CAAC;MACnB,CAAC;MAED,UAAU,EAAE;QACV,yCAAyC,EAAE,CAAC;MAC9C,CAAC;MAED,QAAQ,EAAE;QACR,wCAAwC,EAAE,CAAC;MAC7C;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"list.js","names":["List","exports","li","counterIncrement","content"],"sources":["../../../src/components/list.ts"],"sourcesContent":["export const List = () => ({\r\n  '.sk-list': {\r\n    // General\r\n    li: {\r\n      '&:before': {\r\n        '@apply text-vattjom-surface-primary font-bold': {},\r\n        '@apply absolute inline-flex items-center justify-center text-center': {},\r\n        '@apply w-24 h-24': {},\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"bullet\"]': {\r\n      li: {\r\n        '&:before': {\r\n          \"@apply content-['•'] my-[.5rem] text-[1.8rem]\": {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"numbered\"]': {\r\n      li: {\r\n        counterIncrement: 'item',\r\n\r\n        '&:before': {\r\n          '@apply text-small border-vattjom-surface-primary rounded-full leading-8': {},\r\n          '@apply my-[.6rem] h-[2.2rem] w-[2.2rem] border-[.2rem]': {},\r\n          content: 'counter(item)',\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"stroke\"]': {\r\n      li: {\r\n        '&:before': {\r\n          \"@apply content-['–'] my-[.4rem] text-[1.6rem]\": {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '.sk-link': {\r\n      '&-tertiary': {\r\n        '@apply text-dark-primary': {},\r\n        '&:hover': {\r\n          '@apply text-dark-secondary': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply pt-20': {},\r\n    },\r\n\r\n    '&-header': {\r\n      '@apply text-large font-bold ml-[3.2rem]': {},\r\n    },\r\n\r\n    '&-text': {\r\n      '@apply text-dark-secondary ml-[3.2rem]': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAA;EAAA,OAAU;IACzB,UAAU,EAAE;MACV;MACAE,EAAE,EAAE;QACF,UAAU,EAAE;UACV,+CAA+C,EAAE,CAAC,CAAC;UACnD,qEAAqE,EAAE,CAAC,CAAC;UACzE,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MAED,wBAAwB,EAAE;QACxBA,EAAE,EAAE;UACF,UAAU,EAAE;YACV,+CAA+C,EAAE,CAAC;UACpD;QACF;MACF,CAAC;MAED,0BAA0B,EAAE;QAC1BA,EAAE,EAAE;UACFC,gBAAgB,EAAE,MAAM;UAExB,UAAU,EAAE;YACV,yEAAyE,EAAE,CAAC,CAAC;YAC7E,wDAAwD,EAAE,CAAC,CAAC;YAC5DC,OAAO,EAAE;UACX;QACF;MACF,CAAC;MAED,wBAAwB,EAAE;QACxBF,EAAE,EAAE;UACF,UAAU,EAAE;YACV,+CAA+C,EAAE,CAAC;UACpD;QACF;MACF,CAAC;MAED,UAAU,EAAE;QACV,YAAY,EAAE;UACZ,0BAA0B,EAAE,CAAC,CAAC;UAC9B,SAAS,EAAE;YACT,4BAA4B,EAAE,CAAC;UACjC;QACF;MACF,CAAC;MAED,QAAQ,EAAE;QACR,cAAc,EAAE,CAAC;MACnB,CAAC;MAED,UAAU,EAAE;QACV,yCAAyC,EAAE,CAAC;MAC9C,CAAC;MAED,QAAQ,EAAE;QACR,wCAAwC,EAAE,CAAC;MAC7C;IACF;EACF,CAAC;AAAA,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"logo.js","names":["Logo","exports"],"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\n  '.sk-logo': {\n    '@apply flex w-auto h-auto': {},\n    '@apply items-center': {},\n    '@apply text-dark-primary': {},\n    '&[data-inverted=\"true\"]': {\n      '@apply text-light-primary': {},\n      '.sk-logo-divider': {\n        '@apply border-inverted-divider': {},\n      },\n    },\n\n    '&-figure': {\n      '@apply w-full h-full': {},\n    },\n    '&[data-variant=\"service\"]': {\n      '@apply flex-row gap-6': {},\n      '@apply w-max': {},\n      '@apply h-[6rem]': {},\n      '@apply pb-4': {},\n      '.sk-logo-figure': {\n        '@apply w-auto h-[5.6rem]': {},\n      },\n    },\n    'a:focus-within &': {\n      '@apply outline outline-2 outline-ring': {},\n    },\n    'a &': {\n      '@apply no-underline': {},\n    },\n    'a:hover &': {\n      '@apply underline': {},\n    },\n    '&-service-content': {\n      '@apply h-full w-max': {},\n      '@apply flex flex-col justify-center': {},\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\n    },\n    '&-title': {\n      '@apply text-[2.2rem] leading-[2.8rem] font-header font-bold': {},\n    },\n    '&-subtitle': {\n      '@apply text-small font-normal block': {},\n    },\n    '&-divider': {\n      '@apply pt-8 pb-4': {},\n    },\n  },\n});\n"],"mappings":";;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAA;EAAA,OAAU;IACzB,UAAU,EAAE;MACV,2BAA2B,EAAE,CAAC,CAAC;MAC/B,qBAAqB,EAAE,CAAC,CAAC;MACzB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,yBAAyB,EAAE;QACzB,2BAA2B,EAAE,CAAC,CAAC;QAC/B,kBAAkB,EAAE;UAClB,gCAAgC,EAAE,CAAC;QACrC;MACF,CAAC;MAED,UAAU,EAAE;QACV,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MACD,2BAA2B,EAAE;QAC3B,uBAAuB,EAAE,CAAC,CAAC;QAC3B,cAAc,EAAE,CAAC,CAAC;QAClB,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC,CAAC;QACjB,iBAAiB,EAAE;UACjB,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MACD,kBAAkB,EAAE;QAClB,uCAAuC,EAAE,CAAC;MAC5C,CAAC;MACD,KAAK,EAAE;QACL,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,WAAW,EAAE;QACX,kBAAkB,EAAE,CAAC;MACvB,CAAC;MACD,mBAAmB,EAAE;QACnB,qBAAqB,EAAE,CAAC,CAAC;QACzB,qCAAqC,EAAE,CAAC,CAAC;QACzC,4BAA4B,EAAE,CAAC;MACjC,CAAC;MACD,SAAS,EAAE;QACT,6DAA6D,EAAE,CAAC;MAClE,CAAC;MACD,YAAY,EAAE;QACZ,qCAAqC,EAAE,CAAC;MAC1C,CAAC;MACD,WAAW,EAAE;QACX,kBAAkB,EAAE,CAAC;MACvB;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"logo.js","names":["Logo","exports"],"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\r\n  '.sk-logo': {\r\n    '@apply flex w-auto h-auto': {},\r\n    '@apply items-center': {},\r\n    '@apply text-dark-primary': {},\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-light-primary': {},\r\n      '.sk-logo-divider': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n\r\n    '&-figure': {\r\n      '@apply w-full h-full': {},\r\n    },\r\n    '&[data-variant=\"service\"]': {\r\n      '@apply flex-row gap-6': {},\r\n      '@apply w-max': {},\r\n      '@apply h-[6rem]': {},\r\n      '@apply pb-4': {},\r\n      '.sk-logo-figure': {\r\n        '@apply w-auto h-[5.6rem]': {},\r\n      },\r\n    },\r\n    'a:focus-within &': {\r\n      '@apply outline outline-2 outline-ring': {},\r\n    },\r\n    'a &': {\r\n      '@apply no-underline': {},\r\n    },\r\n    'a:hover &': {\r\n      '@apply underline': {},\r\n    },\r\n    '&-service-content': {\r\n      '@apply h-full w-max': {},\r\n      '@apply flex flex-col justify-center': {},\r\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\r\n    },\r\n    '&-title': {\r\n      '@apply text-[2.2rem] leading-[2.8rem] font-header font-bold': {},\r\n    },\r\n    '&-subtitle': {\r\n      '@apply text-small font-normal block': {},\r\n    },\r\n    '&-divider': {\r\n      '@apply pt-8 pb-4': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAA;EAAA,OAAU;IACzB,UAAU,EAAE;MACV,2BAA2B,EAAE,CAAC,CAAC;MAC/B,qBAAqB,EAAE,CAAC,CAAC;MACzB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,yBAAyB,EAAE;QACzB,2BAA2B,EAAE,CAAC,CAAC;QAC/B,kBAAkB,EAAE;UAClB,gCAAgC,EAAE,CAAC;QACrC;MACF,CAAC;MAED,UAAU,EAAE;QACV,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MACD,2BAA2B,EAAE;QAC3B,uBAAuB,EAAE,CAAC,CAAC;QAC3B,cAAc,EAAE,CAAC,CAAC;QAClB,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC,CAAC;QACjB,iBAAiB,EAAE;UACjB,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MACD,kBAAkB,EAAE;QAClB,uCAAuC,EAAE,CAAC;MAC5C,CAAC;MACD,KAAK,EAAE;QACL,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,WAAW,EAAE;QACX,kBAAkB,EAAE,CAAC;MACvB,CAAC;MACD,mBAAmB,EAAE;QACnB,qBAAqB,EAAE,CAAC,CAAC;QACzB,qCAAqC,EAAE,CAAC,CAAC;QACzC,4BAA4B,EAAE,CAAC;MACjC,CAAC;MACD,SAAS,EAAE;QACT,6DAA6D,EAAE,CAAC;MAClE,CAAC;MACD,YAAY,EAAE;QACZ,qCAAqC,EAAE,CAAC;MAC1C,CAAC;MACD,WAAW,EAAE;QACX,kBAAkB,EAAE,CAAC;MACvB;IACF;EACF,CAAC;AAAA,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"menu-vertical.js","names":["svgToDataUri","require","MenuVerticalNav","MenuVerticalSidebar","ul","li","content","position","display","width","height","top","left","backgroundImage","backgroundRepeat","bottom","MenuVertical","exports","_extends","color"],"sources":["../../../src/components/menu-vertical.ts"],"sourcesContent":["const svgToDataUri = require('mini-svg-data-uri');\n\nconst MenuVerticalNav = () => ({\n  '.sk-menu-vertical-nav': {\n    '.sk-menu-vertical': {\n      '@apply gap-12': {},\n\n      '&.ul, & ul': {\n        '@apply pt-12 pr-[1.6rem] pb-16': {},\n      },\n\n      '&-item': {\n        '.sk-menu-vertical-item-submenu': {\n          '@apply font-bold': {},\n\n          '&-medium': {\n            'button, a': {\n              '@apply py-[0.6rem] px-[1.4rem]': {},\n            },\n          },\n          '&-large': {\n            'button, a': {\n              '@apply text-large': {},\n              '@apply py-[1rem] px-[1.4rem]': {},\n            },\n          },\n        },\n      },\n    },\n  },\n});\n\nconst MenuVerticalSidebar = () => ({\n  '.sk-menu-vertical-sidebar': {\n    '@apply rounded-button': {},\n\n    '> ul > li > .sk-menu-vertical-item-submenu': {\n      '> .sk-menu-vertical-item-submenu-button': {\n        '@apply min-h-[5.2rem]': {},\n      },\n    },\n\n    '> ul': {\n      '@apply py-16 px-24': {},\n    },\n\n    '.sk-menu-vertical': {\n      '@apply gap-12': {},\n\n      '&-header': {\n        '@apply bg-primary-surface': {},\n\n        '@apply rounded-t-button': {},\n        '@apply py-20 px-32': {},\n\n        '&, a': {\n          '@apply text-light-primary': {},\n        },\n\n        '.sk-divider': {\n          '@apply border-inverted-divider': {},\n        },\n\n        '.sk-logo': {\n          '@apply text-light-secondary': {},\n        },\n      },\n\n      '&.ul, & ul': {\n        '@apply py-8 pl-[2rem] ml-[2rem]': {},\n      },\n\n      'li ul': {\n        '@apply gap-8': {},\n\n        ul: {\n          li: {\n            '@apply text-small leading-[1.8rem]': {},\n\n            '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\n              '@apply py-[0.6rem] px-[1.4rem]': {},\n            },\n          },\n        },\n\n        li: {\n          '@apply relative -ml-[.4rem]': {},\n\n          // hook\n          '&:before': {\n            content: `\"\"`,\n            position: 'absolute',\n            display: 'inline-flex',\n            width: '2rem',\n            height: '4.4rem',\n            top: '-.8rem',\n            left: '-1.6rem',\n            backgroundImage: `url(\"${svgToDataUri(\n              `<svg width=\"16\" height=\"52\" viewBox=\"0 0 16 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M1 17V17C1 24.1797 6.8203 30 14 30H15\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" />\n            </svg>`\n            )}\")`,\n            backgroundRepeat: 'no-repeat',\n          },\n\n          // line\n          '&:not(:last-child):after': {\n            content: `\"\"`,\n            position: 'absolute',\n            display: 'inline-flex',\n            width: '2rem',\n            top: '-.8rem',\n            bottom: '0px',\n            left: '-1.6rem',\n            backgroundImage: `url(\"${svgToDataUri(\n              `<svg width=\"16\" viewBox=\"0 0 16 52\" xmlns=\"http://www.w3.org/2000/svg\"> \n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"52\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \n            </svg> `\n            )}\")`,\n            backgroundRepeat: 'repeat-y',\n          },\n\n          // lastline\n          '&:last-child:after': {\n            content: `\"\"`,\n            position: 'absolute',\n            display: 'inline-flex',\n            width: '2rem',\n            top: '-.8rem',\n            bottom: '0px',\n            left: '-1.6rem',\n            backgroundImage: `url(\"${svgToDataUri(\n              `<svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" xmlns=\"http://www.w3.org/2000/svg\"> \n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"17\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \n            </svg> `\n            )}\")`,\n            backgroundRepeat: 'no-repeat',\n          },\n        },\n      },\n      '&-item': {\n        '.sk-menu-vertical-item-submenu': {\n          '&-button': {\n            '@apply gap-8': {},\n\n            '&[aria-current=\"page\"], &[aria-current=\"page\"] ~ button': {\n              '@apply font-bold': {},\n            },\n          },\n        },\n\n        '> a, > button': {\n          '&[aria-current=\"page\"]': {\n            '@apply font-bold': {},\n          },\n        },\n      },\n    },\n  },\n});\n\nexport const MenuVertical = () => ({\n  '.sk-menu-vertical': {\n    '@apply flex flex-col': {},\n\n    '&.hide': {\n      '@apply hidden': {},\n    },\n\n    '&-backbutton': {\n      '@apply flex items-center gap-[1.6rem] text-lead mb-40': {},\n    },\n\n    '&-label': {\n      '@apply mb-24': {},\n    },\n\n    '&-item': {\n      '@apply flex flex-col': {},\n\n      '&.hide': {\n        '@apply hidden': {},\n      },\n\n      '[aria-disabled=\"true\"]': {\n        '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7':\n          {},\n      },\n\n      'a, button': {\n        '@apply flex': {},\n        color: 'unset',\n      },\n\n      '& > a, > button': {\n        '@apply flex items-center min-h-[4.4rem]': {},\n\n        '&:focus-visible': {\n          '@apply outline outline-2 outline-ring': {},\n        },\n\n        '> *': {\n          '@apply flex w-full py-[.6rem] px-[1.4rem]': {},\n          '@apply rounded-button cursor-pointer': {},\n        },\n\n        '&:not([aria-disabled=\"true\"]) > *': {\n          '@apply bg-transparent text-dark-secondary': {},\n        },\n\n        '&:hover:not([aria-disabled=\"true\"]) > *': {\n          '@apply bg-primitives-overlay-darken-3': {},\n        },\n\n        '&[aria-current=\"page\"]:not(:hover) > *': {\n          '@apply bg-primary-surface text-light-primary': {},\n          '@apply focus-visible:ring': {},\n        },\n      },\n\n      '.sk-menu-vertical-item-submenu': {\n        '@apply flex justify-between w-full': {},\n        '@apply rounded-button': {},\n\n        '&:hover': {\n          '> a:not([aria-disabled=\"true\"]), > button:not([aria-disabled=\"true\"]), > a[aria-expanded=\"true\"]:not([aria-disabled=\"true\"]), > button[aria-expanded=\"true\"]:not([aria-disabled=\"true\"])':\n            {\n              '@apply text-dark-primary bg-primitives-overlay-darken-3': {},\n            },\n        },\n\n        '&:focus-within': {\n          '@apply outline outline-2 outline-ring': {},\n\n          '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\n            '&:focus-visible': {\n              '@apply ring-0 ring-offset-0 outline-0': {},\n            },\n          },\n        },\n\n        '&-medium': {\n          'button, a': {\n            '@apply py-[0.6rem] px-[1.4rem]': {},\n          },\n        },\n        '&-large': {\n          'button, a': {\n            '@apply py-[1rem] px-[1.4rem]': {},\n          },\n        },\n\n        '&-button, &-button-expand': {\n          '@apply items-center': {},\n          '@apply py-[1rem] px-[1.4rem]': {},\n        },\n\n        '&-button-expand': {\n          '@apply rounded-r-button rounded-l-0': {},\n        },\n\n        '&-button': {\n          '@apply text-left grow rounded-l-button rounded-r-0': {},\n\n          '&[aria-current=\"page\"]:not(:hover), &[aria-current=\"page\"]:not(:hover) ~ button:not(:hover)': {\n            '@apply bg-primary-surface text-light-primary': {},\n          },\n\n          '&[aria-expanded=\"true\"]': {\n            '&:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]), &:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]) ~ button:not(:hover)':\n              {\n                '@apply bg-vattjom-surface-accent': {},\n              },\n          },\n        },\n      },\n\n      '.sk-menu-vertical-item-tool-item': {\n        '@apply flex items-center gap-10 p-[.6rem] rounded-groups': {},\n\n        '.sk-avatar': {\n          '@apply border-2 border-background-content': {},\n        },\n      },\n    },\n  },\n\n  ...MenuVerticalNav(),\n  ...MenuVerticalSidebar(),\n});\n"],"mappings":"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"}
+{"version":3,"file":"menu-vertical.js","names":["svgToDataUri","require","MenuVerticalNav","MenuVerticalSidebar","ul","li","content","position","display","width","height","top","left","backgroundImage","backgroundRepeat","bottom","MenuVertical","exports","_extends","color"],"sources":["../../../src/components/menu-vertical.ts"],"sourcesContent":["const svgToDataUri = require('mini-svg-data-uri');\r\n\r\nconst MenuVerticalNav = () => ({\r\n  '.sk-menu-vertical-nav': {\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&.ul, & ul': {\r\n        '@apply pt-12 pr-[1.6rem] pb-16': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '@apply font-bold': {},\r\n\r\n          '&-medium': {\r\n            'button, a': {\r\n              '@apply py-[0.6rem] px-[1.4rem]': {},\r\n            },\r\n          },\r\n          '&-large': {\r\n            'button, a': {\r\n              '@apply text-large': {},\r\n              '@apply py-[1rem] px-[1.4rem]': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst MenuVerticalSidebar = () => ({\r\n  '.sk-menu-vertical-sidebar': {\r\n    '@apply rounded-button': {},\r\n\r\n    '> ul > li > .sk-menu-vertical-item-submenu': {\r\n      '> .sk-menu-vertical-item-submenu-button': {\r\n        '@apply min-h-[5.2rem]': {},\r\n      },\r\n    },\r\n\r\n    '> ul': {\r\n      '@apply py-16 px-24': {},\r\n    },\r\n\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&-header': {\r\n        '@apply bg-primary-surface': {},\r\n\r\n        '@apply rounded-t-button': {},\r\n        '@apply py-20 px-32': {},\r\n\r\n        '&, a': {\r\n          '@apply text-light-primary': {},\r\n        },\r\n\r\n        '.sk-divider': {\r\n          '@apply border-inverted-divider': {},\r\n        },\r\n\r\n        '.sk-logo': {\r\n          '@apply text-light-secondary': {},\r\n        },\r\n      },\r\n\r\n      '&.ul, & ul': {\r\n        '@apply py-8 pl-[2rem] ml-[2rem]': {},\r\n      },\r\n\r\n      'li ul': {\r\n        '@apply gap-8': {},\r\n\r\n        ul: {\r\n          li: {\r\n            '@apply text-small leading-[1.8rem]': {},\r\n\r\n            '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n              '@apply py-[0.6rem] px-[1.4rem]': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        li: {\r\n          '@apply relative -ml-[.4rem]': {},\r\n\r\n          // hook\r\n          '&:before': {\r\n            content: `\"\"`,\r\n            position: 'absolute',\r\n            display: 'inline-flex',\r\n            width: '2rem',\r\n            height: '4.4rem',\r\n            top: '-.8rem',\r\n            left: '-1.6rem',\r\n            backgroundImage: `url(\"${svgToDataUri(\r\n              `<svg width=\"16\" height=\"52\" viewBox=\"0 0 16 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M1 17V17C1 24.1797 6.8203 30 14 30H15\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" />\r\n            </svg>`\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n\r\n          // line\r\n          '&:not(:last-child):after': {\r\n            content: `\"\"`,\r\n            position: 'absolute',\r\n            display: 'inline-flex',\r\n            width: '2rem',\r\n            top: '-.8rem',\r\n            bottom: '0px',\r\n            left: '-1.6rem',\r\n            backgroundImage: `url(\"${svgToDataUri(\r\n              `<svg width=\"16\" viewBox=\"0 0 16 52\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"52\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'repeat-y',\r\n          },\r\n\r\n          // lastline\r\n          '&:last-child:after': {\r\n            content: `\"\"`,\r\n            position: 'absolute',\r\n            display: 'inline-flex',\r\n            width: '2rem',\r\n            top: '-.8rem',\r\n            bottom: '0px',\r\n            left: '-1.6rem',\r\n            backgroundImage: `url(\"${svgToDataUri(\r\n              `<svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"17\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n        },\r\n      },\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '&-button': {\r\n            '@apply gap-8': {},\r\n\r\n            '&[aria-current=\"page\"], &[aria-current=\"page\"] ~ button': {\r\n              '@apply font-bold': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '> a, > button': {\r\n          '&[aria-current=\"page\"]': {\r\n            '@apply font-bold': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport const MenuVertical = () => ({\r\n  '.sk-menu-vertical': {\r\n    '@apply flex flex-col': {},\r\n\r\n    '&.hide': {\r\n      '@apply hidden': {},\r\n    },\r\n\r\n    '&-backbutton': {\r\n      '@apply flex items-center gap-[1.6rem] text-lead mb-40': {},\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply mb-24': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply flex flex-col': {},\r\n\r\n      '&.hide': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '[aria-disabled=\"true\"]': {\r\n        '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7':\r\n          {},\r\n      },\r\n\r\n      'a, button': {\r\n        '@apply flex': {},\r\n        color: 'unset',\r\n      },\r\n\r\n      '& > a, > button': {\r\n        '@apply flex items-center min-h-[4.4rem]': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n        },\r\n\r\n        '> *': {\r\n          '@apply flex w-full py-[.6rem] px-[1.4rem]': {},\r\n          '@apply rounded-button cursor-pointer': {},\r\n        },\r\n\r\n        '&:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-primitives-overlay-darken-3': {},\r\n        },\r\n\r\n        '&[aria-current=\"page\"]:not(:hover) > *': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-submenu': {\r\n        '@apply flex justify-between w-full': {},\r\n        '@apply rounded-button': {},\r\n\r\n        '&:hover': {\r\n          '> a:not([aria-disabled=\"true\"]), > button:not([aria-disabled=\"true\"]), > a[aria-expanded=\"true\"]:not([aria-disabled=\"true\"]), > button[aria-expanded=\"true\"]:not([aria-disabled=\"true\"])':\r\n            {\r\n              '@apply text-dark-primary bg-primitives-overlay-darken-3': {},\r\n            },\r\n        },\r\n\r\n        '&:focus-within': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n\r\n          '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n            '&:focus-visible': {\r\n              '@apply ring-0 ring-offset-0 outline-0': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-medium': {\r\n          'button, a': {\r\n            '@apply py-[0.6rem] px-[1.4rem]': {},\r\n          },\r\n        },\r\n        '&-large': {\r\n          'button, a': {\r\n            '@apply py-[1rem] px-[1.4rem]': {},\r\n          },\r\n        },\r\n\r\n        '&-button, &-button-expand': {\r\n          '@apply items-center': {},\r\n          '@apply py-[1rem] px-[1.4rem]': {},\r\n        },\r\n\r\n        '&-button-expand': {\r\n          '@apply rounded-r-button rounded-l-0': {},\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply text-left grow rounded-l-button rounded-r-0': {},\r\n\r\n          '&[aria-current=\"page\"]:not(:hover), &[aria-current=\"page\"]:not(:hover) ~ button:not(:hover)': {\r\n            '@apply bg-primary-surface text-light-primary': {},\r\n          },\r\n\r\n          '&[aria-expanded=\"true\"]': {\r\n            '&:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]), &:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]) ~ button:not(:hover)':\r\n              {\r\n                '@apply bg-vattjom-surface-accent': {},\r\n              },\r\n          },\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-tool-item': {\r\n        '@apply flex items-center gap-10 p-[.6rem] rounded-groups': {},\r\n\r\n        '.sk-avatar': {\r\n          '@apply border-2 border-background-content': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  ...MenuVerticalNav(),\r\n  ...MenuVerticalSidebar(),\r\n});\r\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"menubar.js","names":["MenuBar","exports","colors","_extends","color","reduce","styles","_ariaCurrentPage","_firstChild","_extends2"],"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\n  '.sk-menubar': {\n    '@apply flex flex-row': {},\n    '@apply p-8 gap-16': {},\n    '@apply rounded-cards': {},\n\n    '&[data-background=\"true\"]': {\n      '@apply bg-background-color-mixin-1': {},\n    },\n\n    '&-item': {\n      '@apply inline-block': {},\n      '@apply relative': {},\n      '@apply h-40': {},\n      'a, button': {\n        color: 'unset',\n      },\n\n      '> *:first-child': {\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\n        '@apply cursor-pointer': {},\n        '@apply bg-transparent text-dark-primary': {},\n        '@apply hover:bg-tertiary-surface': {},\n        '@apply font-bold': {},\n        '@apply gap-2 px-14 py-8': {},\n        '@apply h-full min-h-full': {},\n        '@apply text-base leading-base': {},\n        '@apply inline-flex shrink-0 flex-nowrap': {},\n\n        '@apply border-0': {},\n        '@apply focus-visible:bg-background-content focus-visible:ring': {},\n        '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\n          '@apply bg-primary-surface text-light-primary': {},\n          '@apply focus-visible:ring': {},\n        },\n      },\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            '> *:first-child': {\n              [`@apply hover:bg-${color}-surface-accent`]: {},\n              [`@apply hover:text-${color}-text-primary`]: {},\n              '@apply focus-visible:bg-background-content focus-visible:ring': {},\n              '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\n                [`@apply bg-${color}-surface-primary`]: {},\n                '@apply focus-visible:ring': {},\n              },\n            },\n          },\n        }),\n        {}\n      ),\n    },\n  },\n});\n"],"mappings":";;;;;AAAO,IAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAAIE,MAAgB;EAAA,OAAM;IAC5C,aAAa,EAAE;MACb,sBAAsB,EAAE,CAAC,CAAC;MAC1B,mBAAmB,EAAE,CAAC,CAAC;MACvB,sBAAsB,EAAE,CAAC,CAAC;MAE1B,2BAA2B,EAAE;QAC3B,oCAAoC,EAAE,CAAC;MACzC,CAAC;MAED,QAAQ,EAAAC,QAAA;QACN,qBAAqB,EAAE,CAAC,CAAC;QACzB,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC,CAAC;QACjB,WAAW,EAAE;UACXC,KAAK,EAAE;QACT,CAAC;QAED,iBAAiB,EAAE;UACjB,oEAAoE,EAAE,CAAC,CAAC;UACxE,uBAAuB,EAAE,CAAC,CAAC;UAC3B,yCAAyC,EAAE,CAAC,CAAC;UAC7C,kCAAkC,EAAE,CAAC,CAAC;UACtC,kBAAkB,EAAE,CAAC,CAAC;UACtB,yBAAyB,EAAE,CAAC,CAAC;UAC7B,0BAA0B,EAAE,CAAC,CAAC;UAC9B,+BAA+B,EAAE,CAAC,CAAC;UACnC,yCAAyC,EAAE,CAAC,CAAC;UAE7C,iBAAiB,EAAE,CAAC,CAAC;UACrB,+DAA+D,EAAE,CAAC,CAAC;UACnE,0EAA0E,EAAE;YAC1E,8CAA8C,EAAE,CAAC,CAAC;YAClD,2BAA2B,EAAE,CAAC;UAChC;QACF;MAAC,GACEF,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEF,KAAK;QAAA,IAAAG,gBAAA,EAAAC,WAAA,EAAAC,SAAA;QAAA,OAAAN,QAAA,KACTG,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSL,KAAK,YAAO;UAC5B,iBAAiB,GAAAI,WAAA,OAAAA,WAAA,sBACKJ,KAAK,wBAAoB,CAAC,CAAC,EAAAI,WAAA,wBACzBJ,KAAK,sBAAkB,CAAC,CAAC,EAAAI,WAAA,CAC/C,+DAA+D,IAAE,CAAC,CAAC,EAAAA,WAAA,CACnE,wEAAwE,KAAAD,gBAAA,OAAAA,gBAAA,gBACxDH,KAAK,yBAAqB,CAAC,CAAC,EAAAG,gBAAA,CAC1C,2BAA2B,IAAE,CAAC,CAAC,EAAAA,gBAAA,GAAAC,WAAA;QAGrC,CAAC,EAAAC,SAAA;MAAA,CACD,EACF,CAAC,CACH,CAAC;IAEL;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"menubar.js","names":["MenuBar","exports","colors","_extends","color","reduce","styles","_ariaCurrentPage","_firstChild","_extends2"],"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 text-base leading-base': {},\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"],"mappings":";;;;;AAAO,IAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAAIE,MAAgB;EAAA,OAAM;IAC5C,aAAa,EAAE;MACb,sBAAsB,EAAE,CAAC,CAAC;MAC1B,mBAAmB,EAAE,CAAC,CAAC;MACvB,sBAAsB,EAAE,CAAC,CAAC;MAE1B,2BAA2B,EAAE;QAC3B,oCAAoC,EAAE,CAAC;MACzC,CAAC;MAED,QAAQ,EAAAC,QAAA;QACN,qBAAqB,EAAE,CAAC,CAAC;QACzB,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC,CAAC;QACjB,WAAW,EAAE;UACXC,KAAK,EAAE;QACT,CAAC;QAED,iBAAiB,EAAE;UACjB,oEAAoE,EAAE,CAAC,CAAC;UACxE,uBAAuB,EAAE,CAAC,CAAC;UAC3B,yCAAyC,EAAE,CAAC,CAAC;UAC7C,kCAAkC,EAAE,CAAC,CAAC;UACtC,kBAAkB,EAAE,CAAC,CAAC;UACtB,yBAAyB,EAAE,CAAC,CAAC;UAC7B,0BAA0B,EAAE,CAAC,CAAC;UAC9B,+BAA+B,EAAE,CAAC,CAAC;UACnC,yCAAyC,EAAE,CAAC,CAAC;UAE7C,iBAAiB,EAAE,CAAC,CAAC;UACrB,+DAA+D,EAAE,CAAC,CAAC;UACnE,0EAA0E,EAAE;YAC1E,8CAA8C,EAAE,CAAC,CAAC;YAClD,2BAA2B,EAAE,CAAC;UAChC;QACF;MAAC,GACEF,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEF,KAAK;QAAA,IAAAG,gBAAA,EAAAC,WAAA,EAAAC,SAAA;QAAA,OAAAN,QAAA,KACTG,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSL,KAAK,YAAO;UAC5B,iBAAiB,GAAAI,WAAA,OAAAA,WAAA,sBACKJ,KAAK,wBAAoB,CAAC,CAAC,EAAAI,WAAA,wBACzBJ,KAAK,sBAAkB,CAAC,CAAC,EAAAI,WAAA,CAC/C,+DAA+D,IAAE,CAAC,CAAC,EAAAA,WAAA,CACnE,wEAAwE,KAAAD,gBAAA,OAAAA,gBAAA,gBACxDH,KAAK,yBAAqB,CAAC,CAAC,EAAAG,gBAAA,CAC1C,2BAA2B,IAAE,CAAC,CAAC,EAAAA,gBAAA,GAAAC,WAAA;QAGrC,CAAC,EAAAC,SAAA;MAAA,CACD,EACF,CAAC,CACH,CAAC;IAEL;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/modal.js

@@ -5,8 +5,6 @@ exports.Modal = void 0;
 var Modal = exports.Modal = function Modal() {
   return {
     '.sk-modal': {
-      // '@apply fixed inset-0 z-10 flex items-center justify-center overflow-y-auto': {},
-
       '&-wrapper': {
         '@apply fixed inset-0 z-20 overflow-y-auto': {},
         '@apply bg-primitives-overlay-darken-6': {},
@@ -19,6 +17,7 @@ var Modal = exports.Modal = function Modal() {
         '@apply fixed inset-0': {}
       },
       '&-dialog': {
+        '@apply text-dark-secondary': {},
         '@apply inline-flex flex-col': {},
         '@apply text-left': {},
         '@apply align-middle': {},
@@ -38,7 +37,10 @@ var Modal = exports.Modal = function Modal() {
       },
       '&-content': {
         '@apply flex flex-col': {},
-        '@apply py-8 pb-16 gap-12': {}
+        '@apply py-8 pb-16 gap-12': {},
+        'h1, h2, h3, h4, h5, h6': {
+          '@apply text-dark-primary': {}
+        }
       },
       '&-footer': {
         '@apply flex flex-row justify-start': {},

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

@@ -1 +1 @@
-{"version":3,"file":"modal.js","names":["Modal","exports"],"sources":["../../../src/components/modal.ts"],"sourcesContent":["export const Modal = () => ({\r\n  '.sk-modal': {\r\n    // '@apply fixed inset-0 z-10 flex items-center justify-center overflow-y-auto': {},\r\n\r\n    '&-wrapper': {\r\n      '@apply fixed inset-0 z-20 overflow-y-auto': {},\r\n      '@apply bg-primitives-overlay-darken-6': {},\r\n      '@apply dark:bg-primitives-overlay-darken-8': {},\r\n\r\n      '&-inner': {\r\n        '@apply min-h-screen px-4 text-center': {},\r\n      },\r\n    },\r\n\r\n    '&-overlay': {\r\n      '@apply fixed inset-0': {},\r\n    },\r\n\r\n    '&-dialog': {\r\n      '@apply inline-flex flex-col': {},\r\n      '@apply text-left': {},\r\n      '@apply align-middle': {},\r\n      '@apply transition-all transform': {},\r\n      '@apply rounded-cards': {},\r\n      '@apply bg-background-content': {},\r\n      '@apply dark:bg-background-100': {},\r\n      '@apply px-24 pt-24 pb-40': {},\r\n      '@apply gap-16': {},\r\n\r\n      '&-header': {\r\n        '@apply flex justify-between items-center w-full': {},\r\n        '&-title': {\r\n          '@apply grow': {},\r\n          '@apply text-label-medium': {},\r\n        },\r\n      },\r\n    },\r\n    '&-content': {\r\n      '@apply flex flex-col': {},\r\n      '@apply py-8 pb-16 gap-12': {},\r\n    },\r\n    '&-footer': {\r\n      '@apply flex flex-row justify-start': {},\r\n      '@apply p-0 gap-12': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAA;EAAA,OAAU;IAC1B,WAAW,EAAE;MACX;;MAEA,WAAW,EAAE;QACX,2CAA2C,EAAE,CAAC,CAAC;QAC/C,uCAAuC,EAAE,CAAC,CAAC;QAC3C,4CAA4C,EAAE,CAAC,CAAC;QAEhD,SAAS,EAAE;UACT,sCAAsC,EAAE,CAAC;QAC3C;MACF,CAAC;MAED,WAAW,EAAE;QACX,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,UAAU,EAAE;QACV,6BAA6B,EAAE,CAAC,CAAC;QACjC,kBAAkB,EAAE,CAAC,CAAC;QACtB,qBAAqB,EAAE,CAAC,CAAC;QACzB,iCAAiC,EAAE,CAAC,CAAC;QACrC,sBAAsB,EAAE,CAAC,CAAC;QAC1B,8BAA8B,EAAE,CAAC,CAAC;QAClC,+BAA+B,EAAE,CAAC,CAAC;QACnC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,eAAe,EAAE,CAAC,CAAC;QAEnB,UAAU,EAAE;UACV,iDAAiD,EAAE,CAAC,CAAC;UACrD,SAAS,EAAE;YACT,aAAa,EAAE,CAAC,CAAC;YACjB,0BAA0B,EAAE,CAAC;UAC/B;QACF;MACF,CAAC;MACD,WAAW,EAAE;QACX,sBAAsB,EAAE,CAAC,CAAC;QAC1B,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,UAAU,EAAE;QACV,oCAAoC,EAAE,CAAC,CAAC;QACxC,mBAAmB,EAAE,CAAC;MACxB;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"modal.js","names":["Modal","exports"],"sources":["../../../src/components/modal.ts"],"sourcesContent":["export const Modal = () => ({\r\n  '.sk-modal': {\r\n    '&-wrapper': {\r\n      '@apply fixed inset-0 z-20 overflow-y-auto': {},\r\n      '@apply bg-primitives-overlay-darken-6': {},\r\n      '@apply dark:bg-primitives-overlay-darken-8': {},\r\n\r\n      '&-inner': {\r\n        '@apply min-h-screen px-4 text-center': {},\r\n      },\r\n    },\r\n\r\n    '&-overlay': {\r\n      '@apply fixed inset-0': {},\r\n    },\r\n\r\n    '&-dialog': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply inline-flex flex-col': {},\r\n      '@apply text-left': {},\r\n      '@apply align-middle': {},\r\n      '@apply transition-all transform': {},\r\n      '@apply rounded-cards': {},\r\n      '@apply bg-background-content': {},\r\n      '@apply dark:bg-background-100': {},\r\n      '@apply px-24 pt-24 pb-40': {},\r\n      '@apply gap-16': {},\r\n\r\n      '&-header': {\r\n        '@apply flex justify-between items-center w-full': {},\r\n        '&-title': {\r\n          '@apply grow': {},\r\n          '@apply text-label-medium': {},\r\n        },\r\n      },\r\n    },\r\n    '&-content': {\r\n      '@apply flex flex-col': {},\r\n      '@apply py-8 pb-16 gap-12': {},\r\n      'h1, h2, h3, h4, h5, h6': {\r\n        '@apply text-dark-primary': {},\r\n      },\r\n    },\r\n    '&-footer': {\r\n      '@apply flex flex-row justify-start': {},\r\n      '@apply p-0 gap-12': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAA;EAAA,OAAU;IAC1B,WAAW,EAAE;MACX,WAAW,EAAE;QACX,2CAA2C,EAAE,CAAC,CAAC;QAC/C,uCAAuC,EAAE,CAAC,CAAC;QAC3C,4CAA4C,EAAE,CAAC,CAAC;QAEhD,SAAS,EAAE;UACT,sCAAsC,EAAE,CAAC;QAC3C;MACF,CAAC;MAED,WAAW,EAAE;QACX,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,UAAU,EAAE;QACV,4BAA4B,EAAE,CAAC,CAAC;QAChC,6BAA6B,EAAE,CAAC,CAAC;QACjC,kBAAkB,EAAE,CAAC,CAAC;QACtB,qBAAqB,EAAE,CAAC,CAAC;QACzB,iCAAiC,EAAE,CAAC,CAAC;QACrC,sBAAsB,EAAE,CAAC,CAAC;QAC1B,8BAA8B,EAAE,CAAC,CAAC;QAClC,+BAA+B,EAAE,CAAC,CAAC;QACnC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,eAAe,EAAE,CAAC,CAAC;QAEnB,UAAU,EAAE;UACV,iDAAiD,EAAE,CAAC,CAAC;UACrD,SAAS,EAAE;YACT,aAAa,EAAE,CAAC,CAAC;YACjB,0BAA0B,EAAE,CAAC;UAC/B;QACF;MACF,CAAC;MACD,WAAW,EAAE;QACX,sBAAsB,EAAE,CAAC,CAAC;QAC1B,0BAA0B,EAAE,CAAC,CAAC;QAC9B,wBAAwB,EAAE;UACxB,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MACD,UAAU,EAAE;QACV,oCAAoC,EAAE,CAAC,CAAC;QACxC,mBAAmB,EAAE,CAAC;MACxB;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/notification.js

@@ -1,7 +1,7 @@
 module.exports = Notification = function Notification() {
   return {
     '.notification': {
-      '@apply relative flex p-4 text-sm w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},
+      '@apply relative flex p-4 text-small w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},
       '@apply text-body bg-white border border-neutral-200': {},
       // dark
       '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {}
@@ -39,7 +39,7 @@ module.exports = Notification = function Notification() {
       right: 16,
       top: 16,
       '&-undo': {
-        '@apply h-auto p-0 text-sm': {}
+        '@apply h-auto p-0 text-small': {}
       },
       '&-close-button': {
         '@apply cursor-base text-neutral-700 hover:text-body': {},

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

@@ -1 +1 @@
-{"version":3,"file":"notification.js","names":["module","exports","Notification","color","right","top"],"sources":["../../../src/components/notification.js"],"sourcesContent":["module.exports = Notification = () => ({\r\n  '.notification': {\r\n    '@apply relative flex p-4 text-sm w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},\r\n    '@apply text-body bg-white border border-neutral-200': {},\r\n    // dark\r\n    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\r\n  },\r\n\r\n  '.notification-icon': {\r\n    '@apply flex-shrink-0 w-5 h-5 mr-3': {},\r\n\r\n    '&-info': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(59, 130, 246, var(--tw-text-opacity))',\r\n    },\r\n    '&-success': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(34, 197, 94, var(--tw-text-opacity))',\r\n    },\r\n    '&-error': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n    },\r\n    '&-warning': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(234, 179, 8, var(--tw-text-opacity))',\r\n    },\r\n  },\r\n\r\n  '.notification-content': {\r\n    '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},\r\n\r\n    '&-title': {\r\n      '@apply font-semibold': {},\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-neutral-500 dark:text-neutral-400': {},\r\n    },\r\n  },\r\n\r\n  '.notification-action': {\r\n    '@apply absolute space-x-2': {},\r\n    right: 16,\r\n    top: 16,\r\n\r\n    '&-undo': {\r\n      '@apply h-auto p-0 text-sm': {},\r\n    },\r\n\r\n    '&-close-button': {\r\n      '@apply cursor-base text-neutral-700 hover:text-body': {},\r\n      '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,YAAY,GAAG,SAAAA,aAAA;EAAA,OAAO;IACrC,eAAe,EAAE;MACf,yFAAyF,EAAE,CAAC,CAAC;MAC7F,qDAAqD,EAAE,CAAC,CAAC;MACzD;MACA,0EAA0E,EAAE,CAAC;IAC/E,CAAC;IAED,oBAAoB,EAAE;MACpB,mCAAmC,EAAE,CAAC,CAAC;MAEvC,QAAQ,EAAE;QACR,mBAAmB,EAAE,GAAG;QACxBC,KAAK,EAAE;MACT,CAAC;MACD,WAAW,EAAE;QACX,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT,CAAC;MACD,WAAW,EAAE;QACX,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT;IACF,CAAC;IAED,uBAAuB,EAAE;MACvB,+DAA+D,EAAE,CAAC,CAAC;MAEnE,SAAS,EAAE;QACT,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,eAAe,EAAE;QACf,+CAA+C,EAAE,CAAC;MACpD;IACF,CAAC;IAED,sBAAsB,EAAE;MACtB,2BAA2B,EAAE,CAAC,CAAC;MAC/BC,KAAK,EAAE,EAAE;MACTC,GAAG,EAAE,EAAE;MAEP,QAAQ,EAAE;QACR,2BAA2B,EAAE,CAAC;MAChC,CAAC;MAED,gBAAgB,EAAE;QAChB,qDAAqD,EAAE,CAAC,CAAC;QACzD,0DAA0D,EAAE,CAAC;MAC/D;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"notification.js","names":["module","exports","Notification","color","right","top"],"sources":["../../../src/components/notification.js"],"sourcesContent":["module.exports = Notification = () => ({\r\n  '.notification': {\r\n    '@apply relative flex p-4 text-small w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},\r\n    '@apply text-body bg-white border border-neutral-200': {},\r\n    // dark\r\n    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\r\n  },\r\n\r\n  '.notification-icon': {\r\n    '@apply flex-shrink-0 w-5 h-5 mr-3': {},\r\n\r\n    '&-info': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(59, 130, 246, var(--tw-text-opacity))',\r\n    },\r\n    '&-success': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(34, 197, 94, var(--tw-text-opacity))',\r\n    },\r\n    '&-error': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n    },\r\n    '&-warning': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(234, 179, 8, var(--tw-text-opacity))',\r\n    },\r\n  },\r\n\r\n  '.notification-content': {\r\n    '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},\r\n\r\n    '&-title': {\r\n      '@apply font-semibold': {},\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-neutral-500 dark:text-neutral-400': {},\r\n    },\r\n  },\r\n\r\n  '.notification-action': {\r\n    '@apply absolute space-x-2': {},\r\n    right: 16,\r\n    top: 16,\r\n\r\n    '&-undo': {\r\n      '@apply h-auto p-0 text-small': {},\r\n    },\r\n\r\n    '&-close-button': {\r\n      '@apply cursor-base text-neutral-700 hover:text-body': {},\r\n      '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,YAAY,GAAG,SAAAA,aAAA;EAAA,OAAO;IACrC,eAAe,EAAE;MACf,4FAA4F,EAAE,CAAC,CAAC;MAChG,qDAAqD,EAAE,CAAC,CAAC;MACzD;MACA,0EAA0E,EAAE,CAAC;IAC/E,CAAC;IAED,oBAAoB,EAAE;MACpB,mCAAmC,EAAE,CAAC,CAAC;MAEvC,QAAQ,EAAE;QACR,mBAAmB,EAAE,GAAG;QACxBC,KAAK,EAAE;MACT,CAAC;MACD,WAAW,EAAE;QACX,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT,CAAC;MACD,WAAW,EAAE;QACX,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT;IACF,CAAC;IAED,uBAAuB,EAAE;MACvB,+DAA+D,EAAE,CAAC,CAAC;MAEnE,SAAS,EAAE;QACT,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,eAAe,EAAE;QACf,+CAA+C,EAAE,CAAC;MACpD;IACF,CAAC;IAED,sBAAsB,EAAE;MACtB,2BAA2B,EAAE,CAAC,CAAC;MAC/BC,KAAK,EAAE,EAAE;MACTC,GAAG,EAAE,EAAE;MAEP,QAAQ,EAAE;QACR,8BAA8B,EAAE,CAAC;MACnC,CAAC;MAED,gBAAgB,EAAE;QAChB,qDAAqD,EAAE,CAAC,CAAC;QACzD,0DAA0D,EAAE,CAAC;MAC/D;IACF;EACF,CAAC;AAAA,CAAC"}