@sk-web-gui/core 1.1.1 → 2.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"label.js","names":["Label","colors","_extends","reduce","styles","color"],"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":";AAAA,OAAO,IAAMA,KAAK,GAAIC,MAAgB,KAAM;EAC1C,WAAW,EAAAC,QAAA;IACT,6BAA6B,EAAE,CAAC,CAAC;IACjC,oCAAoC,EAAE,CAAC,CAAC;IACxC,yBAAyB,EAAE,CAAC,CAAC;IAC7B,sBAAsB,EAAE,CAAC,CAAC;IAC1B,yBAAyB,EAAE,CAAC,CAAC;IAE7B,uEAAuE,EAAE,CAAC,CAAC;IAE3E,2BAA2B,EAAE,CAAC,CAAC;IAC/B,2BAA2B,EAAE,CAAC,CAAC;IAE/B,wBAAwB,EAAE;MACxB,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,yBAAyB,EAAE;MACzB,oCAAoC,EAAE,CAAC,CAAC;MACxC,oCAAoC,EAAE,CAAC;IACzC;EAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,wBAAqB,CAAC,CAAC;MAC1C,kBAAgBA,KAAK,uBAAoB,CAAC,CAAC;MAC3C,yBAAyB,EAAE;QACzB,gBAAcA,KAAK,uBAAoB,CAAC,CAAC;QACzC,kBAAgBA,KAAK,qBAAkB,CAAC;MAC1C;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;AAEL,CAAC,CAAC"}
+{"version":3,"file":"label.js","names":["Label","colors","_extends","reduce","styles","color"],"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":";AAAA,OAAO,IAAMA,KAAK,GAAIC,MAAgB,KAAM;EAC1C,WAAW,EAAAC,QAAA;IACT,6BAA6B,EAAE,CAAC,CAAC;IACjC,oCAAoC,EAAE,CAAC,CAAC;IACxC,yBAAyB,EAAE,CAAC,CAAC;IAC7B,sBAAsB,EAAE,CAAC,CAAC;IAC1B,yBAAyB,EAAE,CAAC,CAAC;IAE7B,uEAAuE,EAAE,CAAC,CAAC;IAE3E,2BAA2B,EAAE,CAAC,CAAC;IAC/B,2BAA2B,EAAE,CAAC,CAAC;IAE/B,wBAAwB,EAAE;MACxB,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,yBAAyB,EAAE;MACzB,oCAAoC,EAAE,CAAC,CAAC;MACxC,oCAAoC,EAAE,CAAC;IACzC;EAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,wBAAqB,CAAC,CAAC;MAC1C,kBAAgBA,KAAK,uBAAoB,CAAC,CAAC;MAC3C,yBAAyB,EAAE;QACzB,gBAAcA,KAAK,uBAAoB,CAAC,CAAC;QACzC,kBAAgBA,KAAK,qBAAkB,CAAC;MAC1C;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;AAEL,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":["List","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":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV;IACAC,EAAE,EAAE;MACF,UAAU,EAAE;QACV,+CAA+C,EAAE,CAAC,CAAC;QACnD,qEAAqE,EAAE,CAAC,CAAC;QACzE,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,wBAAwB,EAAE;MACxBA,EAAE,EAAE;QACF,UAAU,EAAE;UACV,+CAA+C,EAAE,CAAC;QACpD;MACF;IACF,CAAC;IAED,0BAA0B,EAAE;MAC1BA,EAAE,EAAE;QACFC,gBAAgB,EAAE,MAAM;QAExB,UAAU,EAAE;UACV,yEAAyE,EAAE,CAAC,CAAC;UAC7E,wDAAwD,EAAE,CAAC,CAAC;UAC5DC,OAAO,EAAE;QACX;MACF;IACF,CAAC;IAED,wBAAwB,EAAE;MACxBF,EAAE,EAAE;QACF,UAAU,EAAE;UACV,+CAA+C,EAAE,CAAC;QACpD;MACF;IACF,CAAC;IAED,UAAU,EAAE;MACV,YAAY,EAAE;QACZ,0BAA0B,EAAE,CAAC,CAAC;QAC9B,SAAS,EAAE;UACT,4BAA4B,EAAE,CAAC;QACjC;MACF;IACF,CAAC;IAED,QAAQ,EAAE;MACR,cAAc,EAAE,CAAC;IACnB,CAAC;IAED,UAAU,EAAE;MACV,yCAAyC,EAAE,CAAC;IAC9C,CAAC;IAED,QAAQ,EAAE;MACR,wCAAwC,EAAE,CAAC;IAC7C;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"list.js","names":["List","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":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV;IACAC,EAAE,EAAE;MACF,UAAU,EAAE;QACV,+CAA+C,EAAE,CAAC,CAAC;QACnD,qEAAqE,EAAE,CAAC,CAAC;QACzE,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,wBAAwB,EAAE;MACxBA,EAAE,EAAE;QACF,UAAU,EAAE;UACV,+CAA+C,EAAE,CAAC;QACpD;MACF;IACF,CAAC;IAED,0BAA0B,EAAE;MAC1BA,EAAE,EAAE;QACFC,gBAAgB,EAAE,MAAM;QAExB,UAAU,EAAE;UACV,yEAAyE,EAAE,CAAC,CAAC;UAC7E,wDAAwD,EAAE,CAAC,CAAC;UAC5DC,OAAO,EAAE;QACX;MACF;IACF,CAAC;IAED,wBAAwB,EAAE;MACxBF,EAAE,EAAE;QACF,UAAU,EAAE;UACV,+CAA+C,EAAE,CAAC;QACpD;MACF;IACF,CAAC;IAED,UAAU,EAAE;MACV,YAAY,EAAE;QACZ,0BAA0B,EAAE,CAAC,CAAC;QAC9B,SAAS,EAAE;UACT,4BAA4B,EAAE,CAAC;QACjC;MACF;IACF,CAAC;IAED,QAAQ,EAAE;MACR,cAAc,EAAE,CAAC;IACnB,CAAC;IAED,UAAU,EAAE;MACV,yCAAyC,EAAE,CAAC;IAC9C,CAAC;IAED,QAAQ,EAAE;MACR,wCAAwC,EAAE,CAAC;IAC7C;EACF;AACF,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"logo.js","names":["Logo"],"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":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,2BAA2B,EAAE,CAAC,CAAC;IAC/B,qBAAqB,EAAE,CAAC,CAAC;IACzB,0BAA0B,EAAE,CAAC,CAAC;IAC9B,yBAAyB,EAAE;MACzB,2BAA2B,EAAE,CAAC,CAAC;MAC/B,kBAAkB,EAAE;QAClB,gCAAgC,EAAE,CAAC;MACrC;IACF,CAAC;IAED,UAAU,EAAE;MACV,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,2BAA2B,EAAE;MAC3B,uBAAuB,EAAE,CAAC,CAAC;MAC3B,cAAc,EAAE,CAAC,CAAC;MAClB,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,iBAAiB,EAAE;QACjB,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IACD,kBAAkB,EAAE;MAClB,uCAAuC,EAAE,CAAC;IAC5C,CAAC;IACD,KAAK,EAAE;MACL,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,WAAW,EAAE;MACX,kBAAkB,EAAE,CAAC;IACvB,CAAC;IACD,mBAAmB,EAAE;MACnB,qBAAqB,EAAE,CAAC,CAAC;MACzB,qCAAqC,EAAE,CAAC,CAAC;MACzC,4BAA4B,EAAE,CAAC;IACjC,CAAC;IACD,SAAS,EAAE;MACT,6DAA6D,EAAE,CAAC;IAClE,CAAC;IACD,YAAY,EAAE;MACZ,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IACD,WAAW,EAAE;MACX,kBAAkB,EAAE,CAAC;IACvB;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"logo.js","names":["Logo"],"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":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,2BAA2B,EAAE,CAAC,CAAC;IAC/B,qBAAqB,EAAE,CAAC,CAAC;IACzB,0BAA0B,EAAE,CAAC,CAAC;IAC9B,yBAAyB,EAAE;MACzB,2BAA2B,EAAE,CAAC,CAAC;MAC/B,kBAAkB,EAAE;QAClB,gCAAgC,EAAE,CAAC;MACrC;IACF,CAAC;IAED,UAAU,EAAE;MACV,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,2BAA2B,EAAE;MAC3B,uBAAuB,EAAE,CAAC,CAAC;MAC3B,cAAc,EAAE,CAAC,CAAC;MAClB,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,iBAAiB,EAAE;QACjB,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IACD,kBAAkB,EAAE;MAClB,uCAAuC,EAAE,CAAC;IAC5C,CAAC;IACD,KAAK,EAAE;MACL,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,WAAW,EAAE;MACX,kBAAkB,EAAE,CAAC;IACvB,CAAC;IACD,mBAAmB,EAAE;MACnB,qBAAqB,EAAE,CAAC,CAAC;MACzB,qCAAqC,EAAE,CAAC,CAAC;MACzC,4BAA4B,EAAE,CAAC;IACjC,CAAC;IACD,SAAS,EAAE;MACT,6DAA6D,EAAE,CAAC;IAClE,CAAC;IACD,YAAY,EAAE;MACZ,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IACD,WAAW,EAAE;MACX,kBAAkB,EAAE,CAAC;IACvB;EACF;AACF,CAAC,CAAC"}

package/dist/esm/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","_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","_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/esm/components/menubar.js.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.js","names":["MenuBar","colors","_extends","color","reduce","styles"],"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":";AAAA,OAAO,IAAMA,OAAO,GAAIC,MAAgB,KAAM;EAC5C,aAAa,EAAE;IACb,sBAAsB,EAAE,CAAC,CAAC;IAC1B,mBAAmB,EAAE,CAAC,CAAC;IACvB,sBAAsB,EAAE,CAAC,CAAC;IAE1B,2BAA2B,EAAE;MAC3B,oCAAoC,EAAE,CAAC;IACzC,CAAC;IAED,QAAQ,EAAAC,QAAA;MACN,qBAAqB,EAAE,CAAC,CAAC;MACzB,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,WAAW,EAAE;QACXC,KAAK,EAAE;MACT,CAAC;MAED,iBAAiB,EAAE;QACjB,oEAAoE,EAAE,CAAC,CAAC;QACxE,uBAAuB,EAAE,CAAC,CAAC;QAC3B,yCAAyC,EAAE,CAAC,CAAC;QAC7C,kCAAkC,EAAE,CAAC,CAAC;QACtC,kBAAkB,EAAE,CAAC,CAAC;QACtB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,0BAA0B,EAAE,CAAC,CAAC;QAC9B,+BAA+B,EAAE,CAAC,CAAC;QACnC,yCAAyC,EAAE,CAAC,CAAC;QAE7C,iBAAiB,EAAE,CAAC,CAAC;QACrB,+DAA+D,EAAE,CAAC,CAAC;QACnE,0EAA0E,EAAE;UAC1E,8CAA8C,EAAE,CAAC,CAAC;UAClD,2BAA2B,EAAE,CAAC;QAChC;MACF;IAAC,GACEF,MAAM,CAACG,MAAM,CACd,CAACC,MAAM,EAAEF,KAAK,KAAAD,QAAA,KACTG,MAAM;MACT,qBAAkBF,KAAK,WAAO;QAC5B,iBAAiB,EAAE;UACjB,sBAAoBA,KAAK,uBAAoB,CAAC,CAAC;UAC/C,wBAAsBA,KAAK,qBAAkB,CAAC,CAAC;UAC/C,+DAA+D,EAAE,CAAC,CAAC;UACnE,wEAAwE,EAAE;YACxE,gBAAcA,KAAK,wBAAqB,CAAC,CAAC;YAC1C,2BAA2B,EAAE,CAAC;UAChC;QACF;MACF;IAAC,EACD,EACF,CAAC,CACH,CAAC;EAEL;AACF,CAAC,CAAC"}
+{"version":3,"file":"menubar.js","names":["MenuBar","colors","_extends","color","reduce","styles"],"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":";AAAA,OAAO,IAAMA,OAAO,GAAIC,MAAgB,KAAM;EAC5C,aAAa,EAAE;IACb,sBAAsB,EAAE,CAAC,CAAC;IAC1B,mBAAmB,EAAE,CAAC,CAAC;IACvB,sBAAsB,EAAE,CAAC,CAAC;IAE1B,2BAA2B,EAAE;MAC3B,oCAAoC,EAAE,CAAC;IACzC,CAAC;IAED,QAAQ,EAAAC,QAAA;MACN,qBAAqB,EAAE,CAAC,CAAC;MACzB,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,WAAW,EAAE;QACXC,KAAK,EAAE;MACT,CAAC;MAED,iBAAiB,EAAE;QACjB,oEAAoE,EAAE,CAAC,CAAC;QACxE,uBAAuB,EAAE,CAAC,CAAC;QAC3B,yCAAyC,EAAE,CAAC,CAAC;QAC7C,kCAAkC,EAAE,CAAC,CAAC;QACtC,kBAAkB,EAAE,CAAC,CAAC;QACtB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,0BAA0B,EAAE,CAAC,CAAC;QAC9B,+BAA+B,EAAE,CAAC,CAAC;QACnC,yCAAyC,EAAE,CAAC,CAAC;QAE7C,iBAAiB,EAAE,CAAC,CAAC;QACrB,+DAA+D,EAAE,CAAC,CAAC;QACnE,0EAA0E,EAAE;UAC1E,8CAA8C,EAAE,CAAC,CAAC;UAClD,2BAA2B,EAAE,CAAC;QAChC;MACF;IAAC,GACEF,MAAM,CAACG,MAAM,CACd,CAACC,MAAM,EAAEF,KAAK,KAAAD,QAAA,KACTG,MAAM;MACT,qBAAkBF,KAAK,WAAO;QAC5B,iBAAiB,EAAE;UACjB,sBAAoBA,KAAK,uBAAoB,CAAC,CAAC;UAC/C,wBAAsBA,KAAK,qBAAkB,CAAC,CAAC;UAC/C,+DAA+D,EAAE,CAAC,CAAC;UACnE,wEAAwE,EAAE;YACxE,gBAAcA,KAAK,wBAAqB,CAAC,CAAC;YAC1C,2BAA2B,EAAE,CAAC;UAChC;QACF;MACF;IAAC,EACD,EACF,CAAC,CACH,CAAC;EAEL;AACF,CAAC,CAAC"}

package/dist/esm/components/modal.js

@@ -1,7 +1,5 @@
 export var Modal = () => ({
   '.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': {},
@@ -14,6 +12,7 @@ export var Modal = () => ({
       '@apply fixed inset-0': {}
     },
     '&-dialog': {
+      '@apply text-dark-secondary': {},
       '@apply inline-flex flex-col': {},
       '@apply text-left': {},
       '@apply align-middle': {},
@@ -33,7 +32,10 @@ export var 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/esm/components/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","names":["Modal"],"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":"AAAA,OAAO,IAAMA,KAAK,GAAGA,CAAA,MAAO;EAC1B,WAAW,EAAE;IACX;;IAEA,WAAW,EAAE;MACX,2CAA2C,EAAE,CAAC,CAAC;MAC/C,uCAAuC,EAAE,CAAC,CAAC;MAC3C,4CAA4C,EAAE,CAAC,CAAC;MAEhD,SAAS,EAAE;QACT,sCAAsC,EAAE,CAAC;MAC3C;IACF,CAAC;IAED,WAAW,EAAE;MACX,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IAED,UAAU,EAAE;MACV,6BAA6B,EAAE,CAAC,CAAC;MACjC,kBAAkB,EAAE,CAAC,CAAC;MACtB,qBAAqB,EAAE,CAAC,CAAC;MACzB,iCAAiC,EAAE,CAAC,CAAC;MACrC,sBAAsB,EAAE,CAAC,CAAC;MAC1B,8BAA8B,EAAE,CAAC,CAAC;MAClC,+BAA+B,EAAE,CAAC,CAAC;MACnC,0BAA0B,EAAE,CAAC,CAAC;MAC9B,eAAe,EAAE,CAAC,CAAC;MAEnB,UAAU,EAAE;QACV,iDAAiD,EAAE,CAAC,CAAC;QACrD,SAAS,EAAE;UACT,aAAa,EAAE,CAAC,CAAC;UACjB,0BAA0B,EAAE,CAAC;QAC/B;MACF;IACF,CAAC;IACD,WAAW,EAAE;MACX,sBAAsB,EAAE,CAAC,CAAC;MAC1B,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IACD,UAAU,EAAE;MACV,oCAAoC,EAAE,CAAC,CAAC;MACxC,mBAAmB,EAAE,CAAC;IACxB;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"modal.js","names":["Modal"],"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":"AAAA,OAAO,IAAMA,KAAK,GAAGA,CAAA,MAAO;EAC1B,WAAW,EAAE;IACX,WAAW,EAAE;MACX,2CAA2C,EAAE,CAAC,CAAC;MAC/C,uCAAuC,EAAE,CAAC,CAAC;MAC3C,4CAA4C,EAAE,CAAC,CAAC;MAEhD,SAAS,EAAE;QACT,sCAAsC,EAAE,CAAC;MAC3C;IACF,CAAC;IAED,WAAW,EAAE;MACX,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IAED,UAAU,EAAE;MACV,4BAA4B,EAAE,CAAC,CAAC;MAChC,6BAA6B,EAAE,CAAC,CAAC;MACjC,kBAAkB,EAAE,CAAC,CAAC;MACtB,qBAAqB,EAAE,CAAC,CAAC;MACzB,iCAAiC,EAAE,CAAC,CAAC;MACrC,sBAAsB,EAAE,CAAC,CAAC;MAC1B,8BAA8B,EAAE,CAAC,CAAC;MAClC,+BAA+B,EAAE,CAAC,CAAC;MACnC,0BAA0B,EAAE,CAAC,CAAC;MAC9B,eAAe,EAAE,CAAC,CAAC;MAEnB,UAAU,EAAE;QACV,iDAAiD,EAAE,CAAC,CAAC;QACrD,SAAS,EAAE;UACT,aAAa,EAAE,CAAC,CAAC;UACjB,0BAA0B,EAAE,CAAC;QAC/B;MACF;IACF,CAAC;IACD,WAAW,EAAE;MACX,sBAAsB,EAAE,CAAC,CAAC;MAC1B,0BAA0B,EAAE,CAAC,CAAC;MAC9B,wBAAwB,EAAE;QACxB,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IACD,UAAU,EAAE;MACV,oCAAoC,EAAE,CAAC,CAAC;MACxC,mBAAmB,EAAE,CAAC;IACxB;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/notification.js

@@ -1,6 +1,6 @@
 module.exports = Notification = () => ({
   '.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': {}
@@ -38,7 +38,7 @@ module.exports = 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/esm/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,GAAGA,CAAA,MAAO;EACrC,eAAe,EAAE;IACf,yFAAyF,EAAE,CAAC,CAAC;IAC7F,qDAAqD,EAAE,CAAC,CAAC;IACzD;IACA,0EAA0E,EAAE,CAAC;EAC/E,CAAC;EAED,oBAAoB,EAAE;IACpB,mCAAmC,EAAE,CAAC,CAAC;IAEvC,QAAQ,EAAE;MACR,mBAAmB,EAAE,GAAG;MACxBC,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,mBAAmB,EAAE,GAAG;MACxBA,KAAK,EAAE;IACT,CAAC;IACD,SAAS,EAAE;MACT,mBAAmB,EAAE,GAAG;MACxBA,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,mBAAmB,EAAE,GAAG;MACxBA,KAAK,EAAE;IACT;EACF,CAAC;EAED,uBAAuB,EAAE;IACvB,+DAA+D,EAAE,CAAC,CAAC;IAEnE,SAAS,EAAE;MACT,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IAED,eAAe,EAAE;MACf,+CAA+C,EAAE,CAAC;IACpD;EACF,CAAC;EAED,sBAAsB,EAAE;IACtB,2BAA2B,EAAE,CAAC,CAAC;IAC/BC,KAAK,EAAE,EAAE;IACTC,GAAG,EAAE,EAAE;IAEP,QAAQ,EAAE;MACR,2BAA2B,EAAE,CAAC;IAChC,CAAC;IAED,gBAAgB,EAAE;MAChB,qDAAqD,EAAE,CAAC,CAAC;MACzD,0DAA0D,EAAE,CAAC;IAC/D;EACF;AACF,CAAC,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,GAAGA,CAAA,MAAO;EACrC,eAAe,EAAE;IACf,4FAA4F,EAAE,CAAC,CAAC;IAChG,qDAAqD,EAAE,CAAC,CAAC;IACzD;IACA,0EAA0E,EAAE,CAAC;EAC/E,CAAC;EAED,oBAAoB,EAAE;IACpB,mCAAmC,EAAE,CAAC,CAAC;IAEvC,QAAQ,EAAE;MACR,mBAAmB,EAAE,GAAG;MACxBC,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,mBAAmB,EAAE,GAAG;MACxBA,KAAK,EAAE;IACT,CAAC;IACD,SAAS,EAAE;MACT,mBAAmB,EAAE,GAAG;MACxBA,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,mBAAmB,EAAE,GAAG;MACxBA,KAAK,EAAE;IACT;EACF,CAAC;EAED,uBAAuB,EAAE;IACvB,+DAA+D,EAAE,CAAC,CAAC;IAEnE,SAAS,EAAE;MACT,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IAED,eAAe,EAAE;MACf,+CAA+C,EAAE,CAAC;IACpD;EACF,CAAC;EAED,sBAAsB,EAAE;IACtB,2BAA2B,EAAE,CAAC,CAAC;IAC/BC,KAAK,EAAE,EAAE;IACTC,GAAG,EAAE,EAAE;IAEP,QAAQ,EAAE;MACR,8BAA8B,EAAE,CAAC;IACnC,CAAC;IAED,gBAAgB,EAAE;MAChB,qDAAqD,EAAE,CAAC,CAAC;MACzD,0DAA0D,EAAE,CAAC;IAC/D;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/popup-menu.js

@@ -1,5 +1,9 @@
 export var PopupMenu = () => ({
-  '.sk-popup-menu-items': {
+  '.sk-popup-menu': {
+    '@apply hidden': {},
+    '&[data-open="true"]': {
+      '@apply flex': {}
+    },
     '&[data-position="left"]': {
       '@apply mt-0 mr-8 right-[100%]': {},
       '&[data-align="end"]': {
@@ -35,7 +39,10 @@ export var PopupMenu = () => ({
         '@apply left-0': {}
       }
     },
-    '@apply absolute flex flex-col justify-start items-start mt-8': {},
+    '> *': {
+      '@apply max-w-full w-full': {}
+    },
+    '@apply absolute flex-col justify-start items-start mt-8': {},
     '@apply w-max': {},
     '@apply rounded-utility': {},
     '@apply bg-background-100': {},
@@ -45,7 +52,14 @@ export var PopupMenu = () => ({
     '@apply border-0': {},
     '@apply focus-within:border-0': {},
     '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},
+    '.sk-form-checkbox-label-left .sk-icon': {
+      '@apply right-8': {}
+    },
+    '.sk-form-checkbox-label-right .sk-icon': {
+      '@apply left-8': {}
+    },
     '.sk-popup-menu-item': {
+      '@apply list-none': {},
       '@apply w-full': {},
       '@apply h-[4rem]': {},
       '@apply min-h-[4rem]': {},
@@ -53,10 +67,15 @@ export var PopupMenu = () => ({
       '@apply dark:hover:bg-primitives-overlay-lighten-1': {},
       '@apply cursor-pointer': {},
       '@apply flex flex-row shrink-0': {},
-      '@apply pl-8 pr-32 py-4 gap-12': {},
+      '@apply pl-8 pr-8 py-4 gap-12': {},
+      '@apply ring-offset-0': {},
+      '@apply focus-visible:ring ring-ring': {},
       '@apply rounded-utility': {},
       '@apply text-body font-normal': {},
-      '&.active, &:active': {
+      '> *': {
+        '@apply max-w-full': {}
+      },
+      '&:focus-visible, &:focus-within': {
         '@apply bg-primitives-gray-200': {},
         '@apply dark:bg-primitives-overlay-lighten-1': {}
       },
@@ -69,15 +88,29 @@ export var PopupMenu = () => ({
       '@apply no-underline': {}
     },
     '&-group': {
-      '@apply w-full flex flex-col border-b-1 border-divider pb-4 gap-4': {},
+      '@apply w-full flex flex-col border-b-1 border-divider pb-4 pt-4 gap-4': {},
       '&:first-child': {
         '@apply pt-0': {}
       },
       '&:last-child': {
         '@apply border-0 pb-0': {}
+      }
+    },
+    '&-items': {
+      '@apply w-full': {},
+      '@apply rounded-utility': {},
+      '@apply focus-within:ring ring-ring': {},
+      '.sk-popup-menu-item': {
+        '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},
+        '> *': {
+          '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {}
+        }
       },
-      '> *': {
-        '@apply pl-8 pr-32 py-4 gap-12': {}
+      '&:focus-within': {
+        '.sk-popup-menu-item.active': {
+          '@apply bg-primitives-gray-200': {},
+          '@apply dark:bg-primitives-overlay-lighten-1': {}
+        }
       }
     },
     '&-sm': {
@@ -85,12 +118,12 @@ export var PopupMenu = () => ({
       '.sk-popup-menu-item': {
         '@apply h-[3.2rem]': {},
         '@apply min-h-[3.2rem]': {},
-        '@apply gap-10 pl-8 pr-24 py-4': {},
+        '@apply gap-10 pl-8 pr-8 py-4': {},
         '@apply text-small': {},
         '&-group': {
           '@apply gap-6 pb-6': {},
           '> *': {
-            '@apply gap-10 pl-8 pr-24 py-4': {}
+            '@apply gap-10 pl-8 pr-8 py-4': {}
           }
         },
         svg: {

package/dist/esm/components/popup-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup-menu.js","names":["PopupMenu","svg"],"sources":["../../../src/components/popup-menu.ts"],"sourcesContent":["export const PopupMenu = () => ({\n  '.sk-popup-menu-items': {\n    '&[data-position=\"left\"]': {\n      '@apply mt-0 mr-8 right-[100%]': {},\n      '&[data-align=\"end\"]': {\n        '@apply bottom-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply top-0': {},\n      },\n    },\n    '&[data-position=\"right\"]': {\n      '@apply mt-0 ml-8 left-[100%]': {},\n      '&[data-align=\"end\"]': {\n        '@apply bottom-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply top-0': {},\n      },\n    },\n    '&[data-position=\"over\"]': {\n      '@apply mt-0 mb-8 bottom-[100%]': {},\n      '&[data-align=\"end\"]': {\n        '@apply right-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply left-0': {},\n      },\n    },\n    '&[data-position=\"under\"]': {\n      '&[data-align=\"end\"]': {\n        '@apply right-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply left-0': {},\n      },\n    },\n    '@apply absolute flex flex-col justify-start items-start mt-8': {},\n    '@apply w-max': {},\n    '@apply rounded-utility': {},\n    '@apply bg-background-100': {},\n    '@apply z-10': {},\n    '@apply p-8 gap-4': {},\n    '@apply shadow-100': {},\n    '@apply border-0': {},\n    '@apply focus-within:border-0': {},\n    '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},\n\n    '.sk-popup-menu-item': {\n      '@apply w-full': {},\n      '@apply h-[4rem]': {},\n      '@apply min-h-[4rem]': {},\n      '@apply bg-transparent hover:bg-primitives-gray-200': {},\n      '@apply dark:hover:bg-primitives-overlay-lighten-1': {},\n      '@apply cursor-pointer': {},\n      '@apply flex flex-row shrink-0': {},\n      '@apply pl-8 pr-32 py-4 gap-12': {},\n\n      '@apply rounded-utility': {},\n      '@apply text-body font-normal': {},\n      '&.active, &:active': {\n        '@apply bg-primitives-gray-200': {},\n        '@apply dark:bg-primitives-overlay-lighten-1': {},\n      },\n      svg: {\n        '@apply w-[2rem] h-[2rem]': {},\n      },\n\n      '@apply justify-start': {},\n\n      '@apply border-0': {},\n      '@apply items-center': {},\n      '@apply no-underline': {},\n    },\n    '&-group': {\n      '@apply w-full flex flex-col border-b-1 border-divider pb-4 gap-4': {},\n      '&:first-child': {\n        '@apply pt-0': {},\n      },\n      '&:last-child': {\n        '@apply border-0 pb-0': {},\n      },\n      '> *': {\n        '@apply pl-8 pr-32 py-4 gap-12': {},\n      },\n    },\n    '&-sm': {\n      '@apply p-8 gap-6': {},\n\n      '.sk-popup-menu-item': {\n        '@apply h-[3.2rem]': {},\n        '@apply min-h-[3.2rem]': {},\n        '@apply gap-10 pl-8 pr-24 py-4': {},\n\n        '@apply text-small': {},\n        '&-group': {\n          '@apply gap-6 pb-6': {},\n          '> *': {\n            '@apply gap-10 pl-8 pr-24 py-4': {},\n          },\n        },\n        svg: {\n          '@apply w-[1.8rem] h-[1.8rem]': {},\n        },\n      },\n    },\n    '&.right': {\n      '@apply right-0': {},\n    },\n  },\n});\n"],"mappings":"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"}
+{"version":3,"file":"popup-menu.js","names":["PopupMenu","svg"],"sources":["../../../src/components/popup-menu.ts"],"sourcesContent":["export const PopupMenu = () => ({\r\n  '.sk-popup-menu': {\r\n    '@apply hidden': {},\r\n    '&[data-open=\"true\"]': {\r\n      '@apply flex': {},\r\n    },\r\n    '&[data-position=\"left\"]': {\r\n      '@apply mt-0 mr-8 right-[100%]': {},\r\n      '&[data-align=\"end\"]': {\r\n        '@apply bottom-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply top-0': {},\r\n      },\r\n    },\r\n    '&[data-position=\"right\"]': {\r\n      '@apply mt-0 ml-8 left-[100%]': {},\r\n      '&[data-align=\"end\"]': {\r\n        '@apply bottom-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply top-0': {},\r\n      },\r\n    },\r\n    '&[data-position=\"over\"]': {\r\n      '@apply mt-0 mb-8 bottom-[100%]': {},\r\n      '&[data-align=\"end\"]': {\r\n        '@apply right-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply left-0': {},\r\n      },\r\n    },\r\n    '&[data-position=\"under\"]': {\r\n      '&[data-align=\"end\"]': {\r\n        '@apply right-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply left-0': {},\r\n      },\r\n    },\r\n    '> *': {\r\n      '@apply max-w-full w-full': {},\r\n    },\r\n\r\n    '@apply absolute flex-col justify-start items-start mt-8': {},\r\n    '@apply w-max': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply bg-background-100': {},\r\n    '@apply z-10': {},\r\n    '@apply p-8 gap-4': {},\r\n    '@apply shadow-100': {},\r\n    '@apply border-0': {},\r\n    '@apply focus-within:border-0': {},\r\n    '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},\r\n    '.sk-form-checkbox-label-left .sk-icon': {\r\n      '@apply right-8': {},\r\n    },\r\n    '.sk-form-checkbox-label-right .sk-icon': {\r\n      '@apply left-8': {},\r\n    },\r\n    '.sk-popup-menu-item': {\r\n      '@apply list-none': {},\r\n      '@apply w-full': {},\r\n      '@apply h-[4rem]': {},\r\n      '@apply min-h-[4rem]': {},\r\n      '@apply bg-transparent hover:bg-primitives-gray-200': {},\r\n      '@apply dark:hover:bg-primitives-overlay-lighten-1': {},\r\n      '@apply cursor-pointer': {},\r\n      '@apply flex flex-row shrink-0': {},\r\n      '@apply pl-8 pr-8 py-4 gap-12': {},\r\n      '@apply ring-offset-0': {},\r\n      '@apply focus-visible:ring ring-ring': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply text-body font-normal': {},\r\n      '> *': {\r\n        '@apply max-w-full': {},\r\n      },\r\n      '&:focus-visible, &:focus-within': {\r\n        '@apply bg-primitives-gray-200': {},\r\n        '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n      },\r\n      svg: {\r\n        '@apply w-[2rem] h-[2rem]': {},\r\n      },\r\n\r\n      '@apply justify-start': {},\r\n\r\n      '@apply border-0': {},\r\n      '@apply items-center': {},\r\n      '@apply no-underline': {},\r\n    },\r\n\r\n    '&-group': {\r\n      '@apply w-full flex flex-col border-b-1 border-divider pb-4 pt-4 gap-4': {},\r\n      '&:first-child': {\r\n        '@apply pt-0': {},\r\n      },\r\n      '&:last-child': {\r\n        '@apply border-0 pb-0': {},\r\n      },\r\n    },\r\n\r\n    '&-items': {\r\n      '@apply w-full': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply focus-within:ring ring-ring': {},\r\n      '.sk-popup-menu-item': {\r\n        '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\r\n        '> *': {\r\n          '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\r\n        },\r\n      },\r\n      '&:focus-within': {\r\n        '.sk-popup-menu-item.active': {\r\n          '@apply bg-primitives-gray-200': {},\r\n          '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply p-8 gap-6': {},\r\n\r\n      '.sk-popup-menu-item': {\r\n        '@apply h-[3.2rem]': {},\r\n        '@apply min-h-[3.2rem]': {},\r\n        '@apply gap-10 pl-8 pr-8 py-4': {},\r\n\r\n        '@apply text-small': {},\r\n        '&-group': {\r\n          '@apply gap-6 pb-6': {},\r\n          '> *': {\r\n            '@apply gap-10 pl-8 pr-8 py-4': {},\r\n          },\r\n        },\r\n        svg: {\r\n          '@apply w-[1.8rem] h-[1.8rem]': {},\r\n        },\r\n      },\r\n    },\r\n    '&.right': {\r\n      '@apply right-0': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/esm/components/progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.js","names":["ProgressBar","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/progress-bar.ts"],"sourcesContent":["export const ProgressBar = (colors: string[]) => ({\n  '.sk-progress-bar': {\n    '@apply flex h-[.4rem] rounded-circular bg-background-color-mixin-2': {},\n\n    '&-fill': {\n      '@apply rounded-circular': {},\n    },\n\n    ...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          '.sk-progress-bar-fill': {\n            [`@apply bg-${color}-surface-primary`]: {},\n          },\n\n          '&[data-accent=\"true\"]': {\n            [`@apply bg-inverted-${color}-surface-primary`]: {},\n          },\n        },\n      }),\n      {}\n    ),\n\n    \"&[data-color='tertiary']\": {\n      '.sk-progress-bar-fill': {\n        [`@apply bg-primary-surface`]: {},\n      },\n    },\n  },\n});\n"],"mappings":";AAAA,OAAO,IAAMA,WAAW,GAAIC,MAAgB,KAAM;EAChD,kBAAkB,EAAAC,QAAA;IAChB,oEAAoE,EAAE,CAAC,CAAC;IAExE,QAAQ,EAAE;MACR,yBAAyB,EAAE,CAAC;IAC9B;EAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,uBAAuB,EAAE;QACvB,gBAAcA,KAAK,wBAAqB,CAAC;MAC3C,CAAC;MAED,uBAAuB,EAAE;QACvB,yBAAuBA,KAAK,wBAAqB,CAAC;MACpD;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IAED,0BAA0B,EAAE;MAC1B,uBAAuB,EAAE;QACvB,+BAA+B,CAAC;MAClC;IACF;EAAC;AAEL,CAAC,CAAC"}
+{"version":3,"file":"progress-bar.js","names":["ProgressBar","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/progress-bar.ts"],"sourcesContent":["export const ProgressBar = (colors: string[]) => ({\r\n  '.sk-progress-bar': {\r\n    '@apply flex h-[.4rem] rounded-circular bg-background-color-mixin-2': {},\r\n\r\n    '&-fill': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          '.sk-progress-bar-fill': {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n          },\r\n\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '.sk-progress-bar-fill': {\r\n        [`@apply bg-primary-surface`]: {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,WAAW,GAAIC,MAAgB,KAAM;EAChD,kBAAkB,EAAAC,QAAA;IAChB,oEAAoE,EAAE,CAAC,CAAC;IAExE,QAAQ,EAAE;MACR,yBAAyB,EAAE,CAAC;IAC9B;EAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,uBAAuB,EAAE;QACvB,gBAAcA,KAAK,wBAAqB,CAAC;MAC3C,CAAC;MAED,uBAAuB,EAAE;QACvB,yBAAuBA,KAAK,wBAAqB,CAAC;MACpD;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IAED,0BAA0B,EAAE;MAC1B,uBAAuB,EAAE;QACvB,+BAA+B,CAAC;MAClC;IACF;EAAC;AAEL,CAAC,CAAC"}

package/dist/esm/components/progress-stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-stepper.js","names":["ProgressStepper","hr","svg"],"sources":["../../../src/components/progress-stepper.ts"],"sourcesContent":["export const ProgressStepper = () => ({\n  '.sk-progress-stepper': {\n    '@apply flex justify-between': {},\n    hr: {\n      '@apply w-full mt-[1.9rem]': {},\n    },\n    '&-step': {\n      '@apply flex flex-col items-center': {},\n      '@apply gap-4': {},\n      '@apply w-auto': {},\n      '@apply shrink-0': {},\n      '@apply text-base leading-base text-dark-primary font-normal': {},\n      svg: {\n        '@apply w-20 h-20': {},\n      },\n      '&-wrapper': {\n        '@apply flex flex-row shrink w-full gap-4': {},\n        hr: {\n          '@apply w-full grow shrink mt-[1.9rem]': {},\n        },\n      },\n      '&-box': {\n        '@apply box-border': {},\n        '@apply shrink-0': {},\n        '@apply h-[4rem] w-[4rem]': {},\n        '@apply bg-secondary-surface': {},\n        '@apply flex justify-center items-center': {},\n        '@apply text-label-medium': {},\n        '@apply border-2 border-secondary-outline': {},\n        '@apply text-dark-secondary': {},\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\n      },\n      '&[data-progress=\"current\"]': {\n        '@apply font-bold': {},\n        '.sk-progress-stepper-step-box': {\n          '@apply border-vattjom-surface-primary': {},\n          '@apply bg-vattjom-surface-primary': {},\n          '@apply text-vattjom-text-secondary': {},\n        },\n      },\n      '&[data-progress=\"done\"]': {\n        '.sk-progress-stepper-step-box': {\n          '@apply border-success-surface-primary': {},\n          '@apply bg-success-surface-primary': {},\n          '@apply text-success-text-secondary': {},\n        },\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,eAAe,GAAGA,CAAA,MAAO;EACpC,sBAAsB,EAAE;IACtB,6BAA6B,EAAE,CAAC,CAAC;IACjCC,EAAE,EAAE;MACF,2BAA2B,EAAE,CAAC;IAChC,CAAC;IACD,QAAQ,EAAE;MACR,mCAAmC,EAAE,CAAC,CAAC;MACvC,cAAc,EAAE,CAAC,CAAC;MAClB,eAAe,EAAE,CAAC,CAAC;MACnB,iBAAiB,EAAE,CAAC,CAAC;MACrB,6DAA6D,EAAE,CAAC,CAAC;MACjEC,GAAG,EAAE;QACH,kBAAkB,EAAE,CAAC;MACvB,CAAC;MACD,WAAW,EAAE;QACX,0CAA0C,EAAE,CAAC,CAAC;QAC9CD,EAAE,EAAE;UACF,uCAAuC,EAAE,CAAC;QAC5C;MACF,CAAC;MACD,OAAO,EAAE;QACP,mBAAmB,EAAE,CAAC,CAAC;QACvB,iBAAiB,EAAE,CAAC,CAAC;QACrB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,6BAA6B,EAAE,CAAC,CAAC;QACjC,yCAAyC,EAAE,CAAC,CAAC;QAC7C,0BAA0B,EAAE,CAAC,CAAC;QAC9B,0CAA0C,EAAE,CAAC,CAAC;QAC9C,4BAA4B,EAAE,CAAC,CAAC;QAChC,oEAAoE,EAAE,CAAC;MACzE,CAAC;MACD,4BAA4B,EAAE;QAC5B,kBAAkB,EAAE,CAAC,CAAC;QACtB,+BAA+B,EAAE;UAC/B,uCAAuC,EAAE,CAAC,CAAC;UAC3C,mCAAmC,EAAE,CAAC,CAAC;UACvC,oCAAoC,EAAE,CAAC;QACzC;MACF,CAAC;MACD,yBAAyB,EAAE;QACzB,+BAA+B,EAAE;UAC/B,uCAAuC,EAAE,CAAC,CAAC;UAC3C,mCAAmC,EAAE,CAAC,CAAC;UACvC,oCAAoC,EAAE,CAAC;QACzC;MACF;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"progress-stepper.js","names":["ProgressStepper","hr","svg"],"sources":["../../../src/components/progress-stepper.ts"],"sourcesContent":["export const ProgressStepper = () => ({\r\n  '.sk-progress-stepper': {\r\n    '@apply flex justify-between': {},\r\n    hr: {\r\n      '@apply w-full mt-[1.9rem]': {},\r\n    },\r\n    '&-step': {\r\n      '@apply flex flex-col items-center': {},\r\n      '@apply gap-4': {},\r\n      '@apply w-auto': {},\r\n      '@apply shrink-0': {},\r\n      '@apply text-base leading-base text-dark-primary font-normal': {},\r\n      svg: {\r\n        '@apply w-20 h-20': {},\r\n      },\r\n      '&-wrapper': {\r\n        '@apply flex flex-row shrink w-full gap-4': {},\r\n        hr: {\r\n          '@apply w-full grow shrink mt-[1.9rem]': {},\r\n        },\r\n      },\r\n      '&-box': {\r\n        '@apply box-border': {},\r\n        '@apply shrink-0': {},\r\n        '@apply h-[4rem] w-[4rem]': {},\r\n        '@apply bg-secondary-surface': {},\r\n        '@apply flex justify-center items-center': {},\r\n        '@apply text-label-medium': {},\r\n        '@apply border-2 border-secondary-outline': {},\r\n        '@apply text-dark-secondary': {},\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n      },\r\n      '&[data-progress=\"current\"]': {\r\n        '@apply font-bold': {},\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply border-vattjom-surface-primary': {},\r\n          '@apply bg-vattjom-surface-primary': {},\r\n          '@apply text-vattjom-text-secondary': {},\r\n        },\r\n      },\r\n      '&[data-progress=\"done\"]': {\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply border-success-surface-primary': {},\r\n          '@apply bg-success-surface-primary': {},\r\n          '@apply text-success-text-secondary': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,eAAe,GAAGA,CAAA,MAAO;EACpC,sBAAsB,EAAE;IACtB,6BAA6B,EAAE,CAAC,CAAC;IACjCC,EAAE,EAAE;MACF,2BAA2B,EAAE,CAAC;IAChC,CAAC;IACD,QAAQ,EAAE;MACR,mCAAmC,EAAE,CAAC,CAAC;MACvC,cAAc,EAAE,CAAC,CAAC;MAClB,eAAe,EAAE,CAAC,CAAC;MACnB,iBAAiB,EAAE,CAAC,CAAC;MACrB,6DAA6D,EAAE,CAAC,CAAC;MACjEC,GAAG,EAAE;QACH,kBAAkB,EAAE,CAAC;MACvB,CAAC;MACD,WAAW,EAAE;QACX,0CAA0C,EAAE,CAAC,CAAC;QAC9CD,EAAE,EAAE;UACF,uCAAuC,EAAE,CAAC;QAC5C;MACF,CAAC;MACD,OAAO,EAAE;QACP,mBAAmB,EAAE,CAAC,CAAC;QACvB,iBAAiB,EAAE,CAAC,CAAC;QACrB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,6BAA6B,EAAE,CAAC,CAAC;QACjC,yCAAyC,EAAE,CAAC,CAAC;QAC7C,0BAA0B,EAAE,CAAC,CAAC;QAC9B,0CAA0C,EAAE,CAAC,CAAC;QAC9C,4BAA4B,EAAE,CAAC,CAAC;QAChC,oEAAoE,EAAE,CAAC;MACzE,CAAC;MACD,4BAA4B,EAAE;QAC5B,kBAAkB,EAAE,CAAC,CAAC;QACtB,+BAA+B,EAAE;UAC/B,uCAAuC,EAAE,CAAC,CAAC;UAC3C,mCAAmC,EAAE,CAAC,CAAC;UACvC,oCAAoC,EAAE,CAAC;QACzC;MACF,CAAC;MACD,yBAAyB,EAAE;QACzB,+BAA+B,EAAE;UAC/B,uCAAuC,EAAE,CAAC,CAAC;UAC3C,mCAAmC,EAAE,CAAC,CAAC;UACvC,oCAAoC,EAAE,CAAC;QACzC;MACF;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/search-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-field.js","names":["SearchField","svg"],"sources":["../../../src/components/search-field.ts"],"sourcesContent":["export const SearchField = () => ({\n  '.sk-search-field': {\n    '&-md': {\n      '.sk-search-field-icon': {\n        '@apply w-[2rem] h-[2rem]': {},\n        svg: {\n          '@apply w-[2rem] h-[2rem]': {},\n        },\n      },\n    },\n    '&-lg': {\n      '.sk-search-field-icon': {\n        '@apply w-[2.2rem] h-[2.2rem]': {},\n        svg: {\n          '@apply w-[2.2rem] h-[2.2rem]': {},\n        },\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAGA,CAAA,MAAO;EAChC,kBAAkB,EAAE;IAClB,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,0BAA0B,EAAE,CAAC,CAAC;QAC9BC,GAAG,EAAE;UACH,0BAA0B,EAAE,CAAC;QAC/B;MACF;IACF,CAAC;IACD,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,8BAA8B,EAAE,CAAC,CAAC;QAClCA,GAAG,EAAE;UACH,8BAA8B,EAAE,CAAC;QACnC;MACF;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"search-field.js","names":["SearchField","svg"],"sources":["../../../src/components/search-field.ts"],"sourcesContent":["export const SearchField = () => ({\r\n  '.sk-search-field': {\r\n    '&-md': {\r\n      '.sk-search-field-icon': {\r\n        '@apply w-[2rem] h-[2rem]': {},\r\n        svg: {\r\n          '@apply w-[2rem] h-[2rem]': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '.sk-search-field-icon': {\r\n        '@apply w-[2.2rem] h-[2.2rem]': {},\r\n        svg: {\r\n          '@apply w-[2.2rem] h-[2.2rem]': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAGA,CAAA,MAAO;EAChC,kBAAkB,EAAE;IAClB,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,0BAA0B,EAAE,CAAC,CAAC;QAC9BC,GAAG,EAAE;UACH,0BAA0B,EAAE,CAAC;QAC/B;MACF;IACF,CAAC;IACD,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,8BAA8B,EAAE,CAAC,CAAC;QAClCA,GAAG,EAAE;UACH,8BAA8B,EAAE,CAAC;QACnC;MACF;IACF;EACF;AACF,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["chevronDown","color","tertiary","primary","Select","_extends","backgroundImage"],"sources":["../../../src/components/select.ts"],"sourcesContent":["function chevronDown(color: string) {\n  //TODO: This wont work with CSS variables. The colors are set here and wont work with themes\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='${color}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6' /></svg>`;\n}\n\nfunction tertiary() {\n  return {\n    '&-tertiary': {\n      '@apply border-2': {},\n\n      '@apply bg-tertiary-surface': {},\n      '@apply hover:bg-tertiary-surface-hover': {},\n      '@apply border-transparent': {},\n\n      '&.sk-form-select-sm': {\n        //Padding - border width\n        '@apply pl-12': {},\n        //Background position - border width\n        '@apply bg-right-8': {},\n\n        //Padding + icon width - border width\n        '@apply pr-[3.2rem]': {},\n      },\n      '&.sk-form-select-md': {\n        //Padding - border width\n        '@apply pl-16': {},\n        //Background position - border width\n        '@apply bg-right-12': {},\n        //Padding + icon width - border width\n        '@apply pr-[4.2rem]': {},\n      },\n      '&.sk-form-select-lg': {\n        //Padding - border width\n        '@apply pl-18': {},\n        //Background position - border width\n        '@apply bg-right-16': {},\n        //Padding + icon width - border width\n        '@apply pr-[4.8rem]': {},\n      },\n      //Disabled\n      '&[aria-disabled=\"true\"]': {\n        '@apply bg-tertiary-surface-disabled': {},\n      },\n    },\n  };\n}\n\nfunction primary() {\n  return {\n    '&-primary': {\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      '@apply bg-primitives-overlay-lighten-10': {},\n      '@apply dark:bg-primitives-overlay-darken-6': {},\n      '@apply hover:bg-primitives-overlay-lighten-10': {},\n      '@apply dark:hover:bg-primitives-overlay-darken-6': {},\n\n      '&.sk-form-select-sm': {\n        //Padding - border width\n        '@apply pl-[1.3rem]': {},\n        //Background position - border width\n        '@apply bg-[center_right_0.9rem]': {},\n        //Padding + icon width - border width\n        '@apply pr-[3.3rem]': {},\n\n        '&[aria-invalid=\"true\"]': {\n          //Padding - border width\n          '@apply pl-12': {},\n          //Background position - border width\n          '@apply bg-right-8': {},\n          //Padding + icon width - border width\n          '@apply pr-[3.2rem]': {},\n        },\n      },\n      '&.sk-form-select-md': {\n        //Padding - border width\n        '@apply pl-[1.7rem]': {},\n        //Background position - border width\n        '@apply bg-[center_right_1.3rem]': {},\n        //Padding + icon width - border width\n        '@apply pr-[4.3rem]': {},\n\n        '&[aria-invalid=\"true\"]': {\n          //Padding - border width\n          '@apply pl-16': {},\n          //Background position - border width\n          '@apply bg-right-12': {},\n          //Padding + icon width - border width\n          '@apply pr-[4.2rem]': {},\n        },\n      },\n      '&.sk-form-select-lg': {\n        //Padding - border width\n        '@apply pl-[1.9rem]': {},\n        //Background position - border width\n        '@apply bg-[center_right_1.7rem]': {},\n        //Padding + icon width - border width\n        '@apply pr-[4.9rem]': {},\n\n        '&[aria-invalid=\"true\"]': {\n          //Padding - border width\n          '@apply pl-18': {},\n          //Background position - border width\n          '@apply bg-right-16': {},\n          //Padding + icon width - border width\n          '@apply pr-[4.8rem]': {},\n        },\n      },\n      //Disabled\n      '&[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      },\n    },\n  };\n}\n\nexport const Select = () => ({\n  '.sk-form-select': {\n    '@apply h-fit': {},\n    '@apply w-fit': {},\n    '@apply box-border': {},\n    '@apply focus:border-transparent': {},\n    '@apply rounded-button': {},\n    '@apply text-dark-secondary': {},\n    '@apply placeholder:text-dark-secondary': {},\n    '@apply hover:placeholder:text-dark-primary': {},\n    '@apply focus:placeholder:text-dark-primary': {},\n    '@apply hover:text-dark-primary': {},\n    '@apply focus:text-dark-primary': {},\n    '@apply py-6': {},\n    '@apply focus:ring focus:ring-ring focus:ring-offset': {},\n    '@apply focus:outline-0': {},\n\n    backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(68,68,80)')}\")`],\n    '&:hover, &:focus': {\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(28,28,40)')}\")`],\n    },\n\n    ...tertiary(),\n    ...primary(),\n\n    //Droprown\n    '*': {\n      '@apply bg-background-content': {},\n    },\n\n    //Invalid\n    '&[aria-invalid=\"true\"]': {\n      '@apply border-2 border-error-surface-primary': {},\n    },\n\n    //Disabled\n    '&[aria-disabled=\"true\"]': {\n      '@apply opacity-100': {},\n      '@apply text-dark-disabled': {},\n      '@apply placeholder:text-dark-disabled': {},\n      '@apply bg-tertiary-surface-disabled': {},\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(28,28,40, 0.5)')}\")`],\n    },\n\n    '&-sm': {\n      '@apply h-[3.2rem]': {},\n      '@apply text-label-small': {},\n      '@apply rounded-button-sm': {},\n      '*': {\n        '@apply text-input-small': {},\n      },\n    },\n    '&-md': {\n      '@apply h-[4rem]': {},\n      '@apply text-label-medium': {},\n      '@apply rounded-button-md': {},\n      '*': {\n        '@apply text-input-medium': {},\n      },\n    },\n    '&-lg': {\n      '@apply h-[4.8rem]': {},\n      '@apply text-label-large': {},\n      '@apply rounded-button-lg': {},\n      '*': {\n        '@apply text-input-large': {},\n      },\n    },\n  },\n  '.dark .sk-form-select': {\n    backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(229,229,229)')}\")`],\n    '&:hover, &:focus': {\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(255,255,255)')}\")`],\n    },\n    '&[aria-disabled=\"true\"]': {\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(255,255,255, 0.64)')}\")`],\n    },\n  },\n});\n"],"mappings":"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"}
+{"version":3,"file":"select.js","names":["chevronDown","color","tertiary","primary","Select","_extends","backgroundImage"],"sources":["../../../src/components/select.ts"],"sourcesContent":["function chevronDown(color: string) {\r\n  //TODO: This wont work with CSS variables. The colors are set here and wont work with themes\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='${color}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6' /></svg>`;\r\n}\r\n\r\nfunction tertiary() {\r\n  return {\r\n    '&-tertiary': {\r\n      '@apply border-2': {},\r\n\r\n      '@apply bg-tertiary-surface': {},\r\n      '@apply hover:bg-tertiary-surface-hover': {},\r\n      '@apply border-transparent': {},\r\n\r\n      '&.sk-form-select-sm': {\r\n        //Padding - border width\r\n        '@apply pl-12': {},\r\n        //Background position - border width\r\n        '@apply bg-right-8': {},\r\n\r\n        //Padding + icon width - border width\r\n        '@apply pr-[3.2rem]': {},\r\n      },\r\n      '&.sk-form-select-md': {\r\n        //Padding - border width\r\n        '@apply pl-16': {},\r\n        //Background position - border width\r\n        '@apply bg-right-12': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-[4.2rem]': {},\r\n      },\r\n      '&.sk-form-select-lg': {\r\n        //Padding - border width\r\n        '@apply pl-18': {},\r\n        //Background position - border width\r\n        '@apply bg-right-16': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-[4.8rem]': {},\r\n      },\r\n      //Disabled\r\n      '&[aria-disabled=\"true\"]': {\r\n        '@apply bg-tertiary-surface-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction primary() {\r\n  return {\r\n    '&-primary': {\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      '@apply bg-primitives-overlay-lighten-10': {},\r\n      '@apply dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply hover:bg-primitives-overlay-lighten-10': {},\r\n      '@apply dark:hover:bg-primitives-overlay-darken-6': {},\r\n\r\n      '&.sk-form-select-sm': {\r\n        //Padding - border width\r\n        '@apply pl-[1.3rem]': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.9rem]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-[3.3rem]': {},\r\n\r\n        '&[aria-invalid=\"true\"]': {\r\n          //Padding - border width\r\n          '@apply pl-12': {},\r\n          //Background position - border width\r\n          '@apply bg-right-8': {},\r\n          //Padding + icon width - border width\r\n          '@apply pr-[3.2rem]': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-md': {\r\n        //Padding - border width\r\n        '@apply pl-[1.7rem]': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_1.3rem]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-[4.3rem]': {},\r\n\r\n        '&[aria-invalid=\"true\"]': {\r\n          //Padding - border width\r\n          '@apply pl-16': {},\r\n          //Background position - border width\r\n          '@apply bg-right-12': {},\r\n          //Padding + icon width - border width\r\n          '@apply pr-[4.2rem]': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-lg': {\r\n        //Padding - border width\r\n        '@apply pl-[1.9rem]': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_1.7rem]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-[4.9rem]': {},\r\n\r\n        '&[aria-invalid=\"true\"]': {\r\n          //Padding - border width\r\n          '@apply pl-18': {},\r\n          //Background position - border width\r\n          '@apply bg-right-16': {},\r\n          //Padding + icon width - border width\r\n          '@apply pr-[4.8rem]': {},\r\n        },\r\n      },\r\n      //Disabled\r\n      '&[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      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Select = () => ({\r\n  '.sk-form-select': {\r\n    '@apply h-fit': {},\r\n    '@apply w-fit': {},\r\n    '@apply box-border': {},\r\n    '@apply focus:border-transparent': {},\r\n    '@apply rounded-button': {},\r\n    '@apply text-dark-secondary': {},\r\n    '@apply placeholder:text-dark-secondary': {},\r\n    '@apply hover:placeholder:text-dark-primary': {},\r\n    '@apply focus:placeholder:text-dark-primary': {},\r\n    '@apply hover:text-dark-primary': {},\r\n    '@apply focus:text-dark-primary': {},\r\n    '@apply py-6': {},\r\n    '@apply focus:ring focus:ring-ring focus:ring-offset': {},\r\n    '@apply focus:outline-0': {},\r\n\r\n    backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(68,68,80)')}\")`],\r\n    '&:hover, &:focus': {\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(28,28,40)')}\")`],\r\n    },\r\n\r\n    ...tertiary(),\r\n    ...primary(),\r\n\r\n    //Droprown\r\n    '*': {\r\n      '@apply bg-background-content': {},\r\n    },\r\n\r\n    //Invalid\r\n    '&[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&[aria-disabled=\"true\"]': {\r\n      '@apply opacity-100': {},\r\n      '@apply text-dark-disabled': {},\r\n      '@apply placeholder:text-dark-disabled': {},\r\n      '@apply bg-tertiary-surface-disabled': {},\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(28,28,40, 0.5)')}\")`],\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply h-[3.2rem]': {},\r\n      '@apply text-label-small': {},\r\n      '@apply rounded-button-sm': {},\r\n      '*': {\r\n        '@apply text-input-small': {},\r\n      },\r\n    },\r\n    '&-md': {\r\n      '@apply h-[4rem]': {},\r\n      '@apply text-label-medium': {},\r\n      '@apply rounded-button-md': {},\r\n      '*': {\r\n        '@apply text-input-medium': {},\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '@apply h-[4.8rem]': {},\r\n      '@apply text-label-large': {},\r\n      '@apply rounded-button-lg': {},\r\n      '*': {\r\n        '@apply text-input-large': {},\r\n      },\r\n    },\r\n  },\r\n  '.dark .sk-form-select': {\r\n    backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(229,229,229)')}\")`],\r\n    '&:hover, &:focus': {\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(255,255,255)')}\")`],\r\n    },\r\n    '&[aria-disabled=\"true\"]': {\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(255,255,255, 0.64)')}\")`],\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/esm/components/side-menu.js

@@ -83,7 +83,7 @@ module.exports = Menu = () => ({
             '@apply pointer-events-none': {}
           },
           '& > .sk-sidemenu-wrapper::after': {
-            '@apply bg-info-light block relative w-full h-[44px]': {},
+            '@apply bg-info-surface-accent block relative w-full h-[44px]': {},
             content: "''"
           }
         },
@@ -107,7 +107,7 @@ module.exports = Menu = () => ({
         }
       },
       '&-separator': {
-        '@apply text-svartvik-200': {},
+        '@apply text-divider': {},
         height: '1px',
         width: '100%',
         backgroundImage: "repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)",
@@ -120,7 +120,7 @@ module.exports = Menu = () => ({
           '@apply border-t-0': {}
         },
         '> .sk-sidemenu-wrapper': {
-          '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},
+          '@apply h-[64px] max-h-[64px] border border-divider': {},
           '> .sk-sidemenu-item-link': {
             '@apply  py-md': {},
             paddingLeft: '3.2rem'
@@ -133,14 +133,14 @@ module.exports = Menu = () => ({
           '@apply border-t-0': {}
         },
         '> .items': {
-          '@apply border-l border-r border-svartvik-200': {}
+          '@apply border-l border-r border-divider': {}
         },
         '&.open > .items': {
-          '@apply border-b border-svartvik-200': {}
+          '@apply border-b border-divider': {}
         },
         '&.separator': {
           '& + .lvl-0': {
-            '@apply border-t border-svartvik-200': {}
+            '@apply border-t border-divider': {}
           }
         },
         '&.separator > .sk-sidemenu-wrapper': {
@@ -153,7 +153,7 @@ module.exports = Menu = () => ({
           '@apply h-[56px] max-h-[56px]': {}
         },
         '&.open > .sk-sidemenu-wrapper': {
-          '@apply border-b border-svartvik-200': {}
+          '@apply border-b border-divider': {}
         },
         '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
           paddingLeft: '4.8rem'

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","names":["Spinner","colors","_extends","path","reduce","styles","color"],"sources":["../../../src/components/spinner.ts"],"sourcesContent":["export const Spinner = (colors: string[]) => ({\n  '.sk-spinner': {\n    '@apply box-border': {},\n    '@apply flex justify-center items-center object-center': {},\n    '@apply overflow-hidden': {},\n\n    path: {\n      '@apply stroke-dark-secondary': {},\n    },\n\n    ...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          path: {\n            [`@apply stroke-${color}-surface-primary`]: {},\n          },\n        },\n      }),\n      {}\n    ),\n  },\n});\n"],"mappings":";AAAA,OAAO,IAAMA,OAAO,GAAIC,MAAgB,KAAM;EAC5C,aAAa,EAAAC,QAAA;IACX,mBAAmB,EAAE,CAAC,CAAC;IACvB,uDAAuD,EAAE,CAAC,CAAC;IAC3D,wBAAwB,EAAE,CAAC,CAAC;IAE5BC,IAAI,EAAE;MACJ,8BAA8B,EAAE,CAAC;IACnC;EAAC,GAEEF,MAAM,CAACG,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAJ,QAAA,KACTG,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5BH,IAAI,EAAE;QACJ,oBAAkBG,KAAK,wBAAqB,CAAC;MAC/C;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;AAEL,CAAC,CAAC"}
+{"version":3,"file":"spinner.js","names":["Spinner","colors","_extends","path","reduce","styles","color"],"sources":["../../../src/components/spinner.ts"],"sourcesContent":["export const Spinner = (colors: string[]) => ({\r\n  '.sk-spinner': {\r\n    '@apply box-border': {},\r\n    '@apply flex justify-center items-center object-center': {},\r\n    '@apply overflow-hidden': {},\r\n\r\n    path: {\r\n      '@apply stroke-dark-secondary': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          path: {\r\n            [`@apply stroke-${color}-surface-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,OAAO,GAAIC,MAAgB,KAAM;EAC5C,aAAa,EAAAC,QAAA;IACX,mBAAmB,EAAE,CAAC,CAAC;IACvB,uDAAuD,EAAE,CAAC,CAAC;IAC3D,wBAAwB,EAAE,CAAC,CAAC;IAE5BC,IAAI,EAAE;MACJ,8BAA8B,EAAE,CAAC;IACnC;EAAC,GAEEF,MAAM,CAACG,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAJ,QAAA,KACTG,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5BH,IAAI,EAAE;QACJ,oBAAkBG,KAAK,wBAAqB,CAAC;MAC/C;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;AAEL,CAAC,CAAC"}