@sk-web-gui/core 2.2.2 → 2.3.0

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');\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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"}
+{"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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"}

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[]) => ({\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"}
+{"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"}

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 = () => ({\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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"}
+{"version":3,"file":"popup-menu.js","names":["PopupMenu","svg"],"sources":["../../../src/components/popup-menu.ts"],"sourcesContent":["export const PopupMenu = () => ({\n  '.sk-popup-menu': {\n    '@apply hidden': {},\n    '&[data-open=\"true\"]': {\n      '@apply flex': {},\n    },\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    '> *': {\n      '@apply max-w-full w-full': {},\n    },\n\n    '@apply absolute 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    '.sk-form-checkbox-label-left .sk-icon': {\n      '@apply right-8': {},\n    },\n    '.sk-form-checkbox-label-right .sk-icon': {\n      '@apply left-8': {},\n    },\n    '.sk-popup-menu-item': {\n      '@apply list-none': {},\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-8 py-4 gap-12': {},\n      '@apply ring-offset-0': {},\n      '@apply focus-visible:ring ring-ring': {},\n      '@apply rounded-utility': {},\n      '@apply text-body font-normal': {},\n      '> *': {\n        '@apply max-w-full': {},\n      },\n      '&:focus-visible, &:focus-within': {\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\n    '&-group': {\n      '@apply w-full flex flex-col border-b-1 border-divider pb-4 pt-4 gap-4': {},\n      '&:first-child': {\n        '@apply pt-0': {},\n      },\n      '&:last-child': {\n        '@apply border-0 pb-0': {},\n      },\n    },\n\n    '&-items': {\n      '@apply w-full': {},\n      '@apply rounded-utility': {},\n      '@apply focus-within:ring ring-ring': {},\n      '.sk-popup-menu-item': {\n        '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\n        '> *': {\n          '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\n        },\n      },\n      '&:focus-within': {\n        '.sk-popup-menu-item.active': {\n          '@apply bg-primitives-gray-200': {},\n          '@apply dark:bg-primitives-overlay-lighten-1': {},\n        },\n      },\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-8 py-4': {},\n\n        '@apply text-small': {},\n        '&-group': {\n          '@apply gap-6 pb-6': {},\n          '> *': {\n            '@apply gap-10 pl-8 pr-8 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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"}

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[]) => ({\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"}
+{"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"}

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 = () => ({\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"}
+{"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"}

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 = () => ({\r\n  '.sk-search-field-suggestions': {\r\n    '&.sk-form-combobox': {\r\n      '@apply h-auto': {},\r\n    },\r\n    '.sk-form-combobox': {\r\n      '&-list': {\r\n        '&-option': {\r\n          '.sk-icon': {\r\n            '@apply hidden': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\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,8BAA8B,EAAE;IAC9B,oBAAoB,EAAE;MACpB,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,mBAAmB,EAAE;MACnB,QAAQ,EAAE;QACR,UAAU,EAAE;UACV,UAAU,EAAE;YACV,eAAe,EAAE,CAAC;UACpB;QACF;MACF;IACF;EACF,CAAC;EACD,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 = () => ({\n  '.sk-search-field-suggestions': {\n    '&.sk-form-combobox': {\n      '@apply h-auto': {},\n    },\n    '.sk-form-combobox': {\n      '&-list': {\n        '&-option': {\n          '.sk-icon': {\n            '@apply hidden': {},\n          },\n        },\n      },\n    },\n  },\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,8BAA8B,EAAE;IAC9B,oBAAoB,EAAE;MACpB,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,mBAAmB,EAAE;MACnB,QAAQ,EAAE;QACR,UAAU,EAAE;UACV,UAAU,EAAE;YACV,eAAe,EAAE,CAAC;UACpB;QACF;MACF;IACF;EACF,CAAC;EACD,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) {\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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"}
+{"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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"}

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[]) => ({\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"}
+{"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"}

package/dist/esm/components/table-autotable.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-autotable.js","names":["TableAutoTable","svg","td","th"],"sources":["../../../src/components/table-autotable.ts"],"sourcesContent":["export const TableAutoTable = () => ({\r\n  '.sk-table-wrapper': {\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1 border-divider': {},\r\n    '@apply bg-background-content': {},\r\n    '@apply relative': {},\r\n\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n      '@apply w-full': {},\r\n      '@apply h-full max-h-full': {},\r\n      '&[data-scroll=\"x\"]': {\r\n        '@apply overflow-x-auto': {},\r\n      },\r\n      '&[data-scroll=\"y\"]': {\r\n        '@apply overflow-y-auto': {},\r\n      },\r\n      '&[data-scroll=\"true\"]': {\r\n        '@apply overflow-auto': {},\r\n      },\r\n    },\r\n    '&:not([data-background=\"true\"])': {\r\n      '@apply border-0': {},\r\n      '@apply bg-transparent': {},\r\n    },\r\n    '.sk-table-wrapper-inside': {\r\n      '@apply border-0 rounded-b-groups': {},\r\n    },\r\n  },\r\n  '.sk-table': {\r\n    '@apply w-full text-left table-auto': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '&[data-stickyheader=\"true\"]': {\r\n        '@apply sticky top-0': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply border-b-0': {},\r\n        '.sk-table-col-content': {\r\n          '@apply border-b-1 border-dark-primary': {},\r\n        },\r\n      },\r\n\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '.sk-table-th': {\r\n        '@apply h-[5.6rem]': {},\r\n        '@apply p-0': {},\r\n        '&:first-of-type': {\r\n          '.sk-table-sticky-col': {\r\n            '@apply rounded-tl-groups': {},\r\n          },\r\n        },\r\n        '&:last-of-type': {\r\n          '.sk-table-sticky-col': {\r\n            '@apply rounded-tr-groups': {},\r\n          },\r\n        },\r\n        '.sk-table-col-content': {\r\n          '@apply py-4': {},\r\n          '@apply px-16': {},\r\n        },\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n      '@apply bg-transparent': {},\r\n      '&[data-background=\"true\"]': {\r\n        '@apply border-b-0': {},\r\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n        '.sk-table-col-content': {\r\n          '@apply border-b-0': {},\r\n        },\r\n        '[data-sticky=\"true\"]': {\r\n          '@apply bg-vattjom-background-200': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-sortbutton': {\r\n      '@apply flex items-center': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n      '@apply focus-visible:bg-vattjom-background-200': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply pr-16': {},\r\n      '@apply h-40': {},\r\n\r\n      '&-icon': {\r\n        '@apply inline-flex pl-sm': {},\r\n\r\n        '&-sort': {\r\n          '@apply text-dark-secondary': {},\r\n          '@apply flex flex-col': {},\r\n\r\n          svg: {\r\n            '@apply h-16 w-16': {},\r\n            '@apply first-of-type:-mb-4': {},\r\n            '@apply last-of-type:-mt-4': {},\r\n          },\r\n\r\n          \"&[data-sortmode='ascending']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmode='descending']\": {\r\n            '> *': {\r\n              '@apply first-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-tbody': {\r\n      '@apply text-dark-secondary bg-transparent': {},\r\n\r\n      '&-tr': {\r\n        '@apply bg-transparent': {},\r\n        '@apply hover:bg-background-100': {},\r\n        '@apply border-b-1 border-divider': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n        '@apply focus-visible:shadow-insetring': {},\r\n        '&:hover': {\r\n          td: {\r\n            '@apply bg-background-100': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&-td, .sk-table-th': {\r\n        '@apply p-0': {},\r\n        '@apply text-small': {},\r\n        '@apply h-[6.3rem]': {},\r\n        '@apply min-h-[6.3rem]': {},\r\n\r\n        '@apply focus-visible:shadow-insetring': {},\r\n        '.sk-table-col-content': {\r\n          '@apply py-8 px-18': {},\r\n          '@apply gap-8': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-col-content': {\r\n      '@apply flex': {},\r\n      '@apply w-full': {},\r\n      '@apply justify-start items-center': {},\r\n      '@apply h-full': {},\r\n    },\r\n\r\n    '&[data-dense=\"dense\"]': {\r\n      '.sk-table': {\r\n        '&-col-content': {\r\n          '@apply py-0': {},\r\n        },\r\n        '&-thead': {\r\n          th: {\r\n            '@apply h-[4.8rem]': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td, .sk-table-th': {\r\n            '@apply h-[4.7rem]': {},\r\n            '@apply min-h-[4.7rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '[data-sticky=\"true\"]': {\r\n      '@apply sticky': {},\r\n      '@apply bg-background-content': {},\r\n\r\n      '&:first-of-type': {\r\n        '@apply left-0': {},\r\n      },\r\n      '&:last-of-type': {\r\n        '@apply right-0': {},\r\n      },\r\n    },\r\n\r\n    '&[data-hasscroll=\"true\"]': {\r\n      '[data-sticky=\"true\"]': {\r\n        '&:first-of-type': {\r\n          '.sk-table-col-content': {\r\n            '@apply border-r-1 border-r-divider': {},\r\n          },\r\n        },\r\n        '&:last-of-type': {\r\n          '.sk-table-col-content': {\r\n            '@apply border-l-1 border-r-divider': {},\r\n          },\r\n        },\r\n        '.sk-table-col-content': {},\r\n      },\r\n    },\r\n    '&-paginationwrapper': {\r\n      '@apply max-w-[60rem]': {},\r\n      '@apply shrink grow': {},\r\n      '@apply hidden @screen-md/footer:flex': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply @container/footer': {},\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1 border-divider': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply flex-wrap': {},\r\n      '@apply @screen-lg/footer:gap-32': {},\r\n      '@apply @screen-md/footer:gap-16': {},\r\n      '@apply gap-8': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-col': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply @screen-sm/footer:flex-row': {},\r\n        '@apply gap-8': {},\r\n        '&.sk-table-pagination-mobile': {\r\n          '@apply @screen-md/footer:hidden': {},\r\n        },\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"table-autotable.js","names":["TableAutoTable","svg","td","th"],"sources":["../../../src/components/table-autotable.ts"],"sourcesContent":["export const TableAutoTable = () => ({\n  '.sk-table-wrapper': {\n    '@apply rounded-groups': {},\n    '@apply border-1 border-divider': {},\n    '@apply bg-background-content': {},\n    '@apply relative': {},\n\n    '&-inside': {\n      '@apply border-0 rounded-t-groups': {},\n      '@apply overflow-hidden': {},\n      '@apply w-full': {},\n      '@apply h-full max-h-full': {},\n      '&[data-scroll=\"x\"]': {\n        '@apply overflow-x-auto': {},\n      },\n      '&[data-scroll=\"y\"]': {\n        '@apply overflow-y-auto': {},\n      },\n      '&[data-scroll=\"true\"]': {\n        '@apply overflow-auto': {},\n      },\n    },\n    '&:not([data-background=\"true\"])': {\n      '@apply border-0': {},\n      '@apply bg-transparent': {},\n    },\n    '.sk-table-wrapper-inside': {\n      '@apply border-0 rounded-b-groups': {},\n    },\n  },\n  '.sk-table': {\n    '@apply w-full text-left table-auto': {},\n    '@apply text-dark-secondary': {},\n\n    '&-thead': {\n      '@apply border-b-1 border-dark-primary': {},\n      '&[data-stickyheader=\"true\"]': {\n        '@apply sticky top-0': {},\n        '@apply bg-background-content': {},\n        '@apply border-b-0': {},\n        '.sk-table-col-content': {\n          '@apply border-b-1 border-dark-primary': {},\n        },\n      },\n\n      '&-tr': {\n        '@apply table-row': {},\n        '@apply text-label-small': {},\n      },\n\n      '.sk-table-th': {\n        '@apply h-[5.6rem]': {},\n        '@apply p-0': {},\n        '&:first-of-type': {\n          '.sk-table-sticky-col': {\n            '@apply rounded-tl-groups': {},\n          },\n        },\n        '&:last-of-type': {\n          '.sk-table-sticky-col': {\n            '@apply rounded-tr-groups': {},\n          },\n        },\n        '.sk-table-col-content': {\n          '@apply py-4': {},\n          '@apply px-16': {},\n        },\n\n        \"&[data-isColumnSortable='true']\": {\n          '@apply cursor-pointer': {},\n        },\n      },\n      '@apply bg-transparent': {},\n      '&[data-background=\"true\"]': {\n        '@apply border-b-0': {},\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\n        '.sk-table-col-content': {\n          '@apply border-b-0': {},\n        },\n        '[data-sticky=\"true\"]': {\n          '@apply bg-vattjom-background-200': {},\n        },\n      },\n    },\n\n    '&-sortbutton': {\n      '@apply flex items-center': {},\n      '@apply focus-visible:ring ring-ring ring-offset-0': {},\n      '@apply focus-visible:bg-vattjom-background-200': {},\n      '@apply rounded-utility': {},\n      '@apply pr-16': {},\n      '@apply h-40': {},\n\n      '&-icon': {\n        '@apply inline-flex pl-sm': {},\n\n        '&-sort': {\n          '@apply text-dark-secondary': {},\n          '@apply flex flex-col': {},\n\n          svg: {\n            '@apply h-16 w-16': {},\n            '@apply first-of-type:-mb-4': {},\n            '@apply last-of-type:-mt-4': {},\n          },\n\n          \"&[data-sortmode='ascending']\": {\n            '> *': {\n              '@apply last-of-type:text-dark-ghost': {},\n            },\n          },\n\n          \"&[data-sortmode='descending']\": {\n            '> *': {\n              '@apply first-of-type:text-dark-ghost': {},\n            },\n          },\n        },\n      },\n    },\n\n    '&-tbody': {\n      '@apply text-dark-secondary bg-transparent': {},\n\n      '&-tr': {\n        '@apply bg-transparent': {},\n        '@apply hover:bg-background-100': {},\n        '@apply border-b-1 border-divider': {},\n        '@apply last-of-type:border-b-transparent': {},\n        '@apply focus-visible:shadow-insetring': {},\n        '&:hover': {\n          td: {\n            '@apply bg-background-100': {},\n          },\n        },\n      },\n\n      '&-td, .sk-table-th': {\n        '@apply p-0': {},\n        '@apply text-small': {},\n        '@apply h-[6.3rem]': {},\n        '@apply min-h-[6.3rem]': {},\n\n        '@apply focus-visible:shadow-insetring': {},\n        '.sk-table-col-content': {\n          '@apply py-8 px-18': {},\n          '@apply gap-8': {},\n        },\n      },\n    },\n\n    '&-col-content': {\n      '@apply flex': {},\n      '@apply w-full': {},\n      '@apply justify-start items-center': {},\n      '@apply h-full': {},\n    },\n\n    '&[data-dense=\"dense\"]': {\n      '.sk-table': {\n        '&-col-content': {\n          '@apply py-0': {},\n        },\n        '&-thead': {\n          th: {\n            '@apply h-[4.8rem]': {},\n          },\n        },\n        '&-tbody': {\n          '&-td, .sk-table-th': {\n            '@apply h-[4.7rem]': {},\n            '@apply min-h-[4.7rem]': {},\n          },\n        },\n      },\n    },\n\n    '[data-sticky=\"true\"]': {\n      '@apply sticky': {},\n      '@apply bg-background-content': {},\n\n      '&:first-of-type': {\n        '@apply left-0': {},\n      },\n      '&:last-of-type': {\n        '@apply right-0': {},\n      },\n    },\n\n    '&[data-hasscroll=\"true\"]': {\n      '[data-sticky=\"true\"]': {\n        '&:first-of-type': {\n          '.sk-table-col-content': {\n            '@apply border-r-1 border-r-divider': {},\n          },\n        },\n        '&:last-of-type': {\n          '.sk-table-col-content': {\n            '@apply border-l-1 border-r-divider': {},\n          },\n        },\n        '.sk-table-col-content': {},\n      },\n    },\n    '&-paginationwrapper': {\n      '@apply max-w-[60rem]': {},\n      '@apply shrink grow': {},\n      '@apply hidden @screen-md/footer:flex': {},\n    },\n\n    '&-bottom': {\n      '@apply @container/footer': {},\n      '@apply py-14 px-16': {},\n      '@apply border-t-1 border-divider': {},\n      '@apply flex flex-row': {},\n      '@apply flex-wrap': {},\n      '@apply @screen-lg/footer:gap-32': {},\n      '@apply @screen-md/footer:gap-16': {},\n      '@apply gap-8': {},\n      '@apply justify-between items-center': {},\n      '&-section': {\n        '@apply shrink-0': {},\n        '@apply flex flex-col': {},\n        '@apply justify-start items-center': {},\n        '@apply @screen-sm/footer:flex-row': {},\n        '@apply gap-8': {},\n        '&.sk-table-pagination-mobile': {\n          '@apply @screen-md/footer:hidden': {},\n        },\n        '&-label': {\n          '@apply font-normal': {},\n          '@apply text-small': {},\n          '@apply shrink-0': {},\n        },\n      },\n      '&-pagination': {\n        '@apply grow': {},\n        '@apply shrink': {},\n      },\n    },\n  },\n});\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["Tabs"],"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = () => ({\r\n  '.sk-tabs': {\r\n    '@apply w-full': {},\r\n    '&-panels': {\r\n      '@apply p-8': {},\r\n      '@apply mt-8': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '&:not([data-selected=\"true\"])': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,eAAe,EAAE,CAAC,CAAC;IACnB,UAAU,EAAE;MACV,YAAY,EAAE,CAAC,CAAC;MAChB,aAAa,EAAE,CAAC;IAClB,CAAC;IAED,WAAW,EAAE;MACX,+BAA+B,EAAE;QAC/B,eAAe,EAAE,CAAC;MACpB;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"tabs.js","names":["Tabs"],"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = () => ({\n  '.sk-tabs': {\n    '@apply w-full': {},\n    '&-panels': {\n      '@apply p-8': {},\n      '@apply mt-8': {},\n    },\n\n    '&-content': {\n      '&:not([data-selected=\"true\"])': {\n        '@apply hidden': {},\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,eAAe,EAAE,CAAC,CAAC;IACnB,UAAU,EAAE;MACV,YAAY,EAAE,CAAC,CAAC;MAChB,aAAa,EAAE,CAAC;IAClB,CAAC;IAED,WAAW,EAAE;MACX,+BAA+B,EAAE;QAC/B,eAAe,EAAE,CAAC;MACpB;IACF;EACF;AACF,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["Tooltip"],"sources":["../../../src/components/tooltip.ts"],"sourcesContent":["export const Tooltip = () => ({\r\n  '.sk-tooltip': {\r\n    '@apply inline-flex justify-center items-center': {},\r\n    '@apply w-fit h-fit': {},\r\n    '@apply grow-0': {},\r\n\r\n    '&-text': {\r\n      '@apply inline-flex': {},\r\n      '@apply bg-primary-surface shadow': {},\r\n      '@apply px-16 py-8': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply text-light-primary text-small': {},\r\n      '@apply font-bold': {},\r\n      '@apply w-fit h-fit': {},\r\n      '@apply grow-0': {},\r\n      '@apply min-h-[3.4rem]': {},\r\n    },\r\n\r\n    //Arrow\r\n    '&::after, &::before': {\r\n      '@apply h-0 w-0 overflow-hidden': {},\r\n    },\r\n\r\n    // Above\r\n    '&[data-position=\"above\"]': {\r\n      '@apply flex-col': {},\r\n      '@apply pb-2': {},\r\n      '&::after': {\r\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-b-0': {},\r\n        '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {},\r\n      },\r\n    },\r\n\r\n    // Below\r\n    '&[data-position=\"below\"]': {\r\n      '@apply flex-col': {},\r\n      '@apply pt-2': {},\r\n      '&::before': {\r\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-t-0': {},\r\n        '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {},\r\n      },\r\n    },\r\n\r\n    // Left\r\n    '&[data-position=\"left\"]': {\r\n      '@apply flex-row': {},\r\n      '@apply pr-2 py-[0.3rem]': {},\r\n      '&::after': {\r\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-r-0': {},\r\n        '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {},\r\n      },\r\n    },\r\n\r\n    // Right\r\n    '&[data-position=\"right\"]': {\r\n      '@apply flex-row': {},\r\n      '@apply pl-2 py-[0.3rem]': {},\r\n      '&::before': {\r\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-l-0': {},\r\n        '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,OAAO,GAAGA,CAAA,MAAO;EAC5B,aAAa,EAAE;IACb,gDAAgD,EAAE,CAAC,CAAC;IACpD,oBAAoB,EAAE,CAAC,CAAC;IACxB,eAAe,EAAE,CAAC,CAAC;IAEnB,QAAQ,EAAE;MACR,oBAAoB,EAAE,CAAC,CAAC;MACxB,kCAAkC,EAAE,CAAC,CAAC;MACtC,mBAAmB,EAAE,CAAC,CAAC;MACvB,wBAAwB,EAAE,CAAC,CAAC;MAC5B,sCAAsC,EAAE,CAAC,CAAC;MAC1C,kBAAkB,EAAE,CAAC,CAAC;MACtB,oBAAoB,EAAE,CAAC,CAAC;MACxB,eAAe,EAAE,CAAC,CAAC;MACnB,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IAED;IACA,qBAAqB,EAAE;MACrB,gCAAgC,EAAE,CAAC;IACrC,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,UAAU,EAAE;QACV,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,WAAW,EAAE;QACX,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,yBAAyB,EAAE;MACzB,iBAAiB,EAAE,CAAC,CAAC;MACrB,yBAAyB,EAAE,CAAC,CAAC;MAC7B,UAAU,EAAE;QACV,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,yBAAyB,EAAE,CAAC,CAAC;MAC7B,WAAW,EAAE;QACX,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"tooltip.js","names":["Tooltip"],"sources":["../../../src/components/tooltip.ts"],"sourcesContent":["export const Tooltip = () => ({\n  '.sk-tooltip': {\n    '@apply inline-flex justify-center items-center': {},\n    '@apply w-fit h-fit': {},\n    '@apply grow-0': {},\n\n    '&-text': {\n      '@apply inline-flex': {},\n      '@apply bg-primary-surface shadow': {},\n      '@apply px-16 py-8': {},\n      '@apply rounded-utility': {},\n      '@apply text-light-primary text-small': {},\n      '@apply font-bold': {},\n      '@apply w-fit h-fit': {},\n      '@apply grow-0': {},\n      '@apply min-h-[3.4rem]': {},\n    },\n\n    //Arrow\n    '&::after, &::before': {\n      '@apply h-0 w-0 overflow-hidden': {},\n    },\n\n    // Above\n    '&[data-position=\"above\"]': {\n      '@apply flex-col': {},\n      '@apply pb-2': {},\n      '&::after': {\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-b-0': {},\n        '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {},\n      },\n    },\n\n    // Below\n    '&[data-position=\"below\"]': {\n      '@apply flex-col': {},\n      '@apply pt-2': {},\n      '&::before': {\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-t-0': {},\n        '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {},\n      },\n    },\n\n    // Left\n    '&[data-position=\"left\"]': {\n      '@apply flex-row': {},\n      '@apply pr-2 py-[0.3rem]': {},\n      '&::after': {\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-r-0': {},\n        '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {},\n      },\n    },\n\n    // Right\n    '&[data-position=\"right\"]': {\n      '@apply flex-row': {},\n      '@apply pl-2 py-[0.3rem]': {},\n      '&::before': {\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-l-0': {},\n        '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {},\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,OAAO,GAAGA,CAAA,MAAO;EAC5B,aAAa,EAAE;IACb,gDAAgD,EAAE,CAAC,CAAC;IACpD,oBAAoB,EAAE,CAAC,CAAC;IACxB,eAAe,EAAE,CAAC,CAAC;IAEnB,QAAQ,EAAE;MACR,oBAAoB,EAAE,CAAC,CAAC;MACxB,kCAAkC,EAAE,CAAC,CAAC;MACtC,mBAAmB,EAAE,CAAC,CAAC;MACvB,wBAAwB,EAAE,CAAC,CAAC;MAC5B,sCAAsC,EAAE,CAAC,CAAC;MAC1C,kBAAkB,EAAE,CAAC,CAAC;MACtB,oBAAoB,EAAE,CAAC,CAAC;MACxB,eAAe,EAAE,CAAC,CAAC;MACnB,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IAED;IACA,qBAAqB,EAAE;MACrB,gCAAgC,EAAE,CAAC;IACrC,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,UAAU,EAAE;QACV,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,WAAW,EAAE;QACX,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,yBAAyB,EAAE;MACzB,iBAAiB,EAAE,CAAC,CAAC;MACrB,yBAAyB,EAAE,CAAC,CAAC;MAC7B,UAAU,EAAE;QACV,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,yBAAyB,EAAE,CAAC,CAAC;MAC7B,WAAW,EAAE;QACX,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/data-plugin.js

@@ -0,0 +1,27 @@
+import TailwindPlugin from 'tailwindcss/plugin';
+export var DataAttributes = TailwindPlugin(function (_ref) {
+  var {
+    addVariant
+  } = _ref;
+  var attributes = {
+    open: ['true', 'false'],
+    rounded: ['true', 'false'],
+    inverted: ['true', 'false'],
+    size: ['xs', 'sm', 'md', 'lg', 'xl'],
+    variant: ['primary', 'secondary', 'tertiary', 'default', 'alt'],
+    accent: ['true', 'false'],
+    background: ['true', 'false']
+  };
+  Object.keys(attributes).forEach(key => {
+    attributes[key].forEach(element => {
+      var selector = "data-" + key + "-" + element;
+      if (element == 'true') {
+        selector = "data-" + key;
+      } else if (element == 'false') {
+        selector = "data-!" + key;
+      }
+      addVariant(selector, "&[data-" + key + "=\"" + element + "\"]");
+    });
+  });
+});
+//# sourceMappingURL=data-plugin.js.map

package/dist/esm/data-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-plugin.js","names":["TailwindPlugin","DataAttributes","_ref","addVariant","attributes","open","rounded","inverted","size","variant","accent","background","Object","keys","forEach","key","element","selector"],"sources":["../../src/data-plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\n\nexport const DataAttributes = TailwindPlugin(function ({ addVariant }) {\n  const attributes: Record<string, Array<string>> = {\n    open: ['true', 'false'],\n    rounded: ['true', 'false'],\n    inverted: ['true', 'false'],\n    size: ['xs', 'sm', 'md', 'lg', 'xl'],\n    variant: ['primary', 'secondary', 'tertiary', 'default', 'alt'],\n    accent: ['true', 'false'],\n    background: ['true', 'false'],\n  };\n\n  Object.keys(attributes).forEach((key) => {\n    attributes[key].forEach((element) => {\n      let selector = `data-${key}-${element}`;\n      if (element == 'true') {\n        selector = `data-${key}`;\n      } else if (element == 'false') {\n        selector = `data-!${key}`;\n      }\n      addVariant(selector, `&[data-${key}=\"${element}\"]`);\n    });\n  });\n});\n"],"mappings":"AAAA,OAAOA,cAAc,MAAM,oBAAoB;AAE/C,OAAO,IAAMC,cAAc,GAAGD,cAAc,CAAC,UAAAE,IAAA,EAA0B;EAAA,IAAhB;IAAEC;EAAW,CAAC,GAAAD,IAAA;EACnE,IAAME,UAAyC,GAAG;IAChDC,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IACvBC,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1BC,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3BC,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IACpCC,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC;IAC/DC,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IACzBC,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO;EAC9B,CAAC;EAEDC,MAAM,CAACC,IAAI,CAACT,UAAU,CAAC,CAACU,OAAO,CAAEC,GAAG,IAAK;IACvCX,UAAU,CAACW,GAAG,CAAC,CAACD,OAAO,CAAEE,OAAO,IAAK;MACnC,IAAIC,QAAQ,aAAWF,GAAG,SAAIC,OAAS;MACvC,IAAIA,OAAO,IAAI,MAAM,EAAE;QACrBC,QAAQ,aAAWF,GAAK;MAC1B,CAAC,MAAM,IAAIC,OAAO,IAAI,OAAO,EAAE;QAC7BC,QAAQ,cAAYF,GAAK;MAC3B;MACAZ,UAAU,CAACc,QAAQ,cAAYF,GAAG,WAAKC,OAAO,QAAI,CAAC;IACrD,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/index.js

@@ -1,5 +1,7 @@
 import preset from './preset';
 import plugin from './plugin';
-export { preset, plugin };
+import { AriaAttributes } from './aria-plugin';
+import { DataAttributes } from './data-plugin';
+export { preset, plugin, DataAttributes, AriaAttributes };
 export default plugin;
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["preset","plugin"],"sources":["../../src/index.ts"],"sourcesContent":["import preset from './preset';\r\nimport plugin from './plugin';\r\n\r\nexport { preset, plugin };\r\nexport default plugin;\r\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,UAAU;AAC7B,OAAOC,MAAM,MAAM,UAAU;AAE7B,SAASD,MAAM,EAAEC,MAAM;AACvB,eAAeA,MAAM"}
+{"version":3,"file":"index.js","names":["preset","plugin","AriaAttributes","DataAttributes"],"sources":["../../src/index.ts"],"sourcesContent":["import preset from './preset';\nimport plugin from './plugin';\nimport { AriaAttributes } from './aria-plugin';\nimport { DataAttributes } from './data-plugin';\n\nexport { preset, plugin, DataAttributes, AriaAttributes };\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,UAAU;AAC7B,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAASC,cAAc,QAAQ,eAAe;AAE9C,SAASH,MAAM,EAAEC,MAAM,EAAEE,cAAc,EAAED,cAAc;AACvD,eAAeD,MAAM"}

package/dist/esm/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","names":["TailwindPlugin","base","theme","Accordion","Alert","Avatar","Badge","Breadcrumb","Button","ButtonGroup","Card","Checkbox","Chip","ComboBox","CookieConsent","Dialog","Divider","Dot","Filter","Footer","Forms","Header","Icon","Input","Label","Link","List","Logo","MenuVertical","MenuBar","Modal","Pagination","PopupMenu","ProgressBar","ProgressStepper","Radio","SearchField","Select","Snackbar","Spinner","Switch","Table","TableAutoTable","Tabs","Tooltip","UserMenu","components","defaultColors","plugin","withOptions","options","colors","cssBase","_ref","addComponents","addBase","optionColors","map","component"],"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\nimport { base } from './base';\r\nimport { theme } from './theme';\r\n\r\n// components\r\nimport { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\nimport { Accordion } from './components/accordion';\r\nimport { Alert } from './components/alert';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { MenuBar } from './components/menubar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { TableAutoTable } from './components/table-autotable';\r\nimport { Tabs } from './components/tabs';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n\r\nconst components: ((colors: string[], theme: PluginAPI['theme']) => CSSRuleObject)[] = [\r\n  Alert,\r\n  Badge,\r\n  Breadcrumb,\r\n  ButtonGroup,\r\n  Button,\r\n  Checkbox,\r\n  Chip,\r\n  Dialog,\r\n  Dot,\r\n  Forms,\r\n  Filter,\r\n  Icon,\r\n  Input,\r\n  Label,\r\n  Link,\r\n  List,\r\n  Logo,\r\n  MenuBar,\r\n  MenuVertical,\r\n  Select,\r\n  Snackbar,\r\n  Spinner,\r\n  Radio,\r\n  Switch,\r\n  Table,\r\n  TableAutoTable,\r\n  Tabs,\r\n  CookieConsent,\r\n  Modal,\r\n  Accordion,\r\n  Avatar,\r\n  Card,\r\n  Divider,\r\n  Tooltip,\r\n  UserMenu,\r\n  SearchField,\r\n  Pagination,\r\n  PopupMenu,\r\n  Footer,\r\n  Header,\r\n  ProgressStepper,\r\n  ProgressBar,\r\n  ComboBox,\r\n];\r\n\r\ninterface PluginOptions {\r\n  colors: string[];\r\n  cssBase: boolean;\r\n}\r\n\r\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\r\n\r\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\r\n  function (options = { colors: [], cssBase: true }) {\r\n    return function ({ addComponents, addBase, theme }: PluginAPI) {\r\n      const optionColors = [...defaultColors, ...(options.colors || [])];\r\n\r\n      if (options.cssBase) {\r\n        addBase(base);\r\n      }\r\n\r\n      addComponents(components.map((component) => component(optionColors, theme)));\r\n    };\r\n  },\r\n  function () {\r\n    return {\r\n      theme: theme,\r\n    };\r\n  }\r\n);\r\n\r\nexport default plugin;\r\n"],"mappings":"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"}
+{"version":3,"file":"plugin.js","names":["TailwindPlugin","base","theme","Accordion","Alert","Avatar","Badge","Breadcrumb","Button","ButtonGroup","Card","Checkbox","Chip","ComboBox","CookieConsent","Dialog","Divider","Dot","Filter","Footer","Forms","Header","Icon","Input","Label","Link","List","Logo","MenuVertical","MenuBar","Modal","Pagination","PopupMenu","ProgressBar","ProgressStepper","Radio","SearchField","Select","Snackbar","Spinner","Switch","Table","TableAutoTable","Tabs","Tooltip","UserMenu","components","defaultColors","plugin","withOptions","options","colors","cssBase","_ref","addComponents","addBase","optionColors","map","component"],"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\nimport { base } from './base';\nimport { theme } from './theme';\n\n// components\nimport { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\nimport { Accordion } from './components/accordion';\nimport { Alert } from './components/alert';\nimport { Avatar } from './components/avatar';\nimport { Badge } from './components/badge';\nimport { Breadcrumb } from './components/breadcrumb';\nimport { Button } from './components/button';\nimport { ButtonGroup } from './components/button-group';\nimport { Card } from './components/card';\nimport { Checkbox } from './components/checkbox';\nimport { Chip } from './components/chip';\nimport { ComboBox } from './components/combobox';\nimport { CookieConsent } from './components/cookie-consent';\nimport { Dialog } from './components/dialog';\nimport { Divider } from './components/divider';\nimport { Dot } from './components/dot';\nimport { Filter } from './components/filter';\nimport { Footer } from './components/footer';\nimport { Forms } from './components/forms';\nimport { Header } from './components/header';\nimport { Icon } from './components/icon';\nimport { Input } from './components/input';\nimport { Label } from './components/label';\nimport { Link } from './components/link';\nimport { List } from './components/list';\nimport { Logo } from './components/logo';\nimport { MenuVertical } from './components/menu-vertical';\nimport { MenuBar } from './components/menubar';\nimport { Modal } from './components/modal';\nimport { Pagination } from './components/pagination';\nimport { PopupMenu } from './components/popup-menu';\nimport { ProgressBar } from './components/progress-bar';\nimport { ProgressStepper } from './components/progress-stepper';\nimport { Radio } from './components/radio';\nimport { SearchField } from './components/search-field';\nimport { Select } from './components/select';\nimport { Snackbar } from './components/snackbar';\nimport { Spinner } from './components/spinner';\nimport { Switch } from './components/switch';\nimport { Table } from './components/table';\nimport { TableAutoTable } from './components/table-autotable';\nimport { Tabs } from './components/tabs';\nimport { Tooltip } from './components/tooltip';\nimport { UserMenu } from './components/user-menu';\n\nconst components: ((colors: string[], theme: PluginAPI['theme']) => CSSRuleObject)[] = [\n  Alert,\n  Badge,\n  Breadcrumb,\n  ButtonGroup,\n  Button,\n  Checkbox,\n  Chip,\n  Dialog,\n  Dot,\n  Forms,\n  Filter,\n  Icon,\n  Input,\n  Label,\n  Link,\n  List,\n  Logo,\n  MenuBar,\n  MenuVertical,\n  Select,\n  Snackbar,\n  Spinner,\n  Radio,\n  Switch,\n  Table,\n  TableAutoTable,\n  Tabs,\n  CookieConsent,\n  Modal,\n  Accordion,\n  Avatar,\n  Card,\n  Divider,\n  Tooltip,\n  UserMenu,\n  SearchField,\n  Pagination,\n  PopupMenu,\n  Footer,\n  Header,\n  ProgressStepper,\n  ProgressBar,\n  ComboBox,\n];\n\ninterface PluginOptions {\n  colors: string[];\n  cssBase: boolean;\n}\n\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\n\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\n  function (options = { colors: [], cssBase: true }) {\n    return function ({ addComponents, addBase, theme }: PluginAPI) {\n      const optionColors = [...defaultColors, ...(options.colors || [])];\n\n      if (options.cssBase) {\n        addBase(base);\n      }\n\n      addComponents(components.map((component) => component(optionColors, theme)));\n    };\n  },\n  function () {\n    return {\n      theme: theme,\n    };\n  }\n);\n\nexport default plugin;\n"],"mappings":"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"}

package/dist/esm/preset.js

@@ -1,11 +1,15 @@
 import tailwindForms from '@tailwindcss/forms';
 import tailwindContainerQueries from '@tailwindcss/container-queries';
 import plugin from './plugin';
+import { DataAttributes } from './data-plugin';
+import { AriaAttributes } from './aria-plugin';
 var preset = function preset(options) {
   if (options === void 0) {
     options = {
       tailwindForms: true,
       tailwindContainers: true,
+      dataAttributes: true,
+      ariaAttributes: true,
       plugin: {
         colors: [],
         cssBase: true
@@ -13,7 +17,7 @@ var preset = function preset(options) {
     };
   }
   return {
-    plugins: [...(options.tailwindForms ? [tailwindForms()] : []), ...(options.tailwindContainers ? [tailwindContainerQueries] : []), plugin(options.plugin)]
+    plugins: [...(options.tailwindForms ? [tailwindForms()] : []), ...(options.tailwindContainers ? [tailwindContainerQueries] : []), ...(options.dataAttributes ? [DataAttributes] : []), ...(options.ariaAttributes ? [AriaAttributes] : []), plugin(options.plugin)]
   };
 };
 export default preset;

package/dist/esm/preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"preset.js","names":["tailwindForms","tailwindContainerQueries","plugin","preset","options","tailwindContainers","colors","cssBase","plugins"],"sources":["../../src/preset.ts"],"sourcesContent":["import tailwindForms from '@tailwindcss/forms';\r\nimport tailwindContainerQueries from '@tailwindcss/container-queries';\r\nimport plugin from './plugin';\r\n\r\nconst preset = function (\r\n  options = { tailwindForms: true, tailwindContainers: true, plugin: { colors: [], cssBase: true } }\r\n) {\r\n  return {\r\n    plugins: [\r\n      ...(options.tailwindForms ? [tailwindForms()] : []),\r\n      ...(options.tailwindContainers ? [tailwindContainerQueries] : []),\r\n      plugin(options.plugin),\r\n    ],\r\n  };\r\n};\r\nexport default preset;\r\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,oBAAoB;AAC9C,OAAOC,wBAAwB,MAAM,gCAAgC;AACrE,OAAOC,MAAM,MAAM,UAAU;AAE7B,IAAMC,MAAM,GAAG,SAATA,MAAMA,CACVC,OAAO,EACP;EAAA,IADAA,OAAO;IAAPA,OAAO,GAAG;MAAEJ,aAAa,EAAE,IAAI;MAAEK,kBAAkB,EAAE,IAAI;MAAEH,MAAM,EAAE;QAAEI,MAAM,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAK;IAAE,CAAC;EAAA;EAElG,OAAO;IACLC,OAAO,EAAE,CACP,IAAIJ,OAAO,CAACJ,aAAa,GAAG,CAACA,aAAa,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,EACnD,IAAII,OAAO,CAACC,kBAAkB,GAAG,CAACJ,wBAAwB,CAAC,GAAG,EAAE,CAAC,EACjEC,MAAM,CAACE,OAAO,CAACF,MAAM,CAAC;EAE1B,CAAC;AACH,CAAC;AACD,eAAeC,MAAM"}
+{"version":3,"file":"preset.js","names":["tailwindForms","tailwindContainerQueries","plugin","DataAttributes","AriaAttributes","preset","options","tailwindContainers","dataAttributes","ariaAttributes","colors","cssBase","plugins"],"sources":["../../src/preset.ts"],"sourcesContent":["import tailwindForms from '@tailwindcss/forms';\r\nimport tailwindContainerQueries from '@tailwindcss/container-queries';\r\nimport plugin from './plugin';\r\nimport { DataAttributes } from './data-plugin';\r\nimport { AriaAttributes } from './aria-plugin';\r\n\r\nconst preset = function (\r\n  options = {\r\n    tailwindForms: true,\r\n    tailwindContainers: true,\r\n    dataAttributes: true,\r\n    ariaAttributes: true,\r\n    plugin: { colors: [], cssBase: true },\r\n  }\r\n) {\r\n  return {\r\n    plugins: [\r\n      ...(options.tailwindForms ? [tailwindForms()] : []),\r\n      ...(options.tailwindContainers ? [tailwindContainerQueries] : []),\r\n      ...(options.dataAttributes ? [DataAttributes] : []),\r\n      ...(options.ariaAttributes ? [AriaAttributes] : []),\r\n      plugin(options.plugin),\r\n    ],\r\n  };\r\n};\r\nexport default preset;\r\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,oBAAoB;AAC9C,OAAOC,wBAAwB,MAAM,gCAAgC;AACrE,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAASC,cAAc,QAAQ,eAAe;AAE9C,IAAMC,MAAM,GAAG,SAATA,MAAMA,CACVC,OAAO,EAOP;EAAA,IAPAA,OAAO;IAAPA,OAAO,GAAG;MACRN,aAAa,EAAE,IAAI;MACnBO,kBAAkB,EAAE,IAAI;MACxBC,cAAc,EAAE,IAAI;MACpBC,cAAc,EAAE,IAAI;MACpBP,MAAM,EAAE;QAAEQ,MAAM,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAK;IACtC,CAAC;EAAA;EAED,OAAO;IACLC,OAAO,EAAE,CACP,IAAIN,OAAO,CAACN,aAAa,GAAG,CAACA,aAAa,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,EACnD,IAAIM,OAAO,CAACC,kBAAkB,GAAG,CAACN,wBAAwB,CAAC,GAAG,EAAE,CAAC,EACjE,IAAIK,OAAO,CAACE,cAAc,GAAG,CAACL,cAAc,CAAC,GAAG,EAAE,CAAC,EACnD,IAAIG,OAAO,CAACG,cAAc,GAAG,CAACL,cAAc,CAAC,GAAG,EAAE,CAAC,EACnDF,MAAM,CAACI,OAAO,CAACJ,MAAM,CAAC;EAE1B,CAAC;AACH,CAAC;AACD,eAAeG,MAAM"}

package/dist/esm/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["withOpacity","colors","units","screens","theme","extend","containers","Object","keys","reduce","screenKey","index","_extends","values","fontSize","fontSizes","tiny","xs","xl","fontFamily","DEFAULT","sans","header","display","borderRadius","radius","base","backgroundPosition","spacing","positions","spaceKey","boxShadow","insetring","ring","ringColor","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\r\nimport { colors } from './colors';\r\nimport { units } from './units';\r\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\r\nimport { Config } from 'tailwindcss/types/config';\r\n\r\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\r\n  extend: {\r\n    containers: Object.keys(screens).reduce(\r\n      (containers, screenKey, index) => ({ ...containers, [`screen-${screenKey}`]: Object.values(screens)[index] }),\r\n      {}\r\n    ),\r\n    fontSize: {\r\n      ...units.fontSizes,\r\n      tiny: '1rem',\r\n      xs: '1.2rem',\r\n      xl: units.fontSizes['h4'],\r\n      '2xl': units.fontSizes['h3'],\r\n      '3xl': units.fontSizes['h2'],\r\n      '4xl': units.fontSizes['h1'],\r\n      '5xl': units.fontSizes['h3'],\r\n    },\r\n    fontFamily: {\r\n      DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],\r\n      sans: ['Arial', 'Helvetica', 'sans-serif'],\r\n      header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n      display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n    },\r\n    screens,\r\n    borderRadius: {\r\n      ...units.radius,\r\n      base: 'var(--sk-spacing-0)',\r\n    },\r\n    backgroundPosition: {\r\n      ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\r\n        (positions, spaceKey) => ({\r\n          ...positions,\r\n          [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\r\n          [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\r\n          [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\r\n          [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n    boxShadow: {\r\n      '50': `\r\n      0 0 0.3rem 0 rgba(10, 12, 15, 0.08),\r\n      0 0.1rem 0.8rem 0 rgba(10, 12, 15, 0.13)\r\n      `,\r\n      '100': `\r\n        0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07),\r\n        0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15),\r\n        0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085),\r\n        0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)\r\n      `,\r\n      '200': `\r\n        0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1),\r\n        0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06),\r\n        0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03),\r\n        0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)\r\n      `,\r\n      insetring: `0 0 0 0.25rem ${colors.ring} inset`,\r\n    },\r\n    ringColor: {\r\n      DEFAULT: colors.ring,\r\n      ...colors,\r\n    },\r\n    ringOffsetWidth: {\r\n      DEFAULT: '0.2rem',\r\n    },\r\n    ringWidth: {\r\n      DEFAULT: '0.3rem',\r\n      0: '0px',\r\n    },\r\n    ringOpacity: {\r\n      DEFAULT: '1px',\r\n    },\r\n    colors: {\r\n      ...colors,\r\n      current: 'currentColor',\r\n      gray: {\r\n        DEFAULT: colors.primitives.gray[600],\r\n        stroke: colors.divider,\r\n        middle: colors.primitives.gray[600],\r\n        light: colors.primitives.gray[300],\r\n        lighter: colors.primitives.gray[200],\r\n        ...colors.primitives.gray,\r\n      },\r\n      hover: colors.primitives.gray[600],\r\n      background: {\r\n        ...colors.background,\r\n        one: colors.background[100],\r\n        two: colors.background[200],\r\n      },\r\n    },\r\n    cursor: {\r\n      base: 'var(--tw-cursor)',\r\n    },\r\n    spacing: {\r\n      ...units.spacing,\r\n      xs: units.spacing[4],\r\n      sm: units.spacing[8],\r\n      md: units.spacing[16],\r\n      lg: units.spacing[24],\r\n      xl: units.spacing[48],\r\n    },\r\n    maxWidth: {\r\n      content: screens['desktop-max'],\r\n    },\r\n    lineHeight: {\r\n      ...units.lineHeights,\r\n      xs: '1.6rem',\r\n      xl: units.lineHeights['h4'],\r\n      '2xl': units.lineHeights['h3'],\r\n      '3xl': units.lineHeights['h2'],\r\n      '4xl': units.lineHeights['h1'],\r\n      '5xl': units.lineHeights['display-3'],\r\n    },\r\n    opacity: {\r\n      '15': '0.15',\r\n    },\r\n    borderWidth: {\r\n      DEFAULT: '0.2rem',\r\n      '1': '0.1rem',\r\n      '2': '0.2rem',\r\n    },\r\n    backgroundColor: {\r\n      base: withOpacity('--sk-colors-primary-surface'),\r\n      fill: withOpacity('--sk-colors-bg-fill'),\r\n    },\r\n    textColor: {\r\n      foreground: withOpacity('--sk-colors-primary-DEFAULT'),\r\n      muted: withOpacity('--sk-colors-xt-muted'),\r\n    },\r\n\r\n    zIndex: {\r\n      hide: '-1',\r\n      none: '0',\r\n      base: '1',\r\n      docked: '10',\r\n      dropdown: '1000',\r\n      sticky: '1100',\r\n      banner: '1200',\r\n      overlay: '1300',\r\n      modal: '1400',\r\n      popover: '1500',\r\n      skipLink: '1600',\r\n      toast: '1700',\r\n      tooltip: '1800',\r\n    },\r\n    keyframes: {\r\n      'reset-overflow': {\r\n        'from, to': {\r\n          overflow: 'hidden',\r\n        },\r\n      },\r\n    },\r\n    animation: {\r\n      'reset-overflow': 'reset-overflow 180ms backwards',\r\n    },\r\n  },\r\n};\r\nexport { theme };\r\n"],"mappings":"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"}
+{"version":3,"file":"theme.js","names":["withOpacity","colors","units","screens","theme","extend","containers","Object","keys","reduce","screenKey","index","_extends","values","fontSize","fontSizes","tiny","xs","xl","fontFamily","DEFAULT","sans","header","display","borderRadius","radius","base","backgroundPosition","spacing","positions","spaceKey","boxShadow","insetring","ring","ringColor","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\nimport { colors } from './colors';\nimport { units } from './units';\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\nimport { Config } from 'tailwindcss/types/config';\n\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\n  extend: {\n    containers: Object.keys(screens).reduce(\n      (containers, screenKey, index) => ({ ...containers, [`screen-${screenKey}`]: Object.values(screens)[index] }),\n      {}\n    ),\n    fontSize: {\n      ...units.fontSizes,\n      tiny: '1rem',\n      xs: '1.2rem',\n      xl: units.fontSizes['h4'],\n      '2xl': units.fontSizes['h3'],\n      '3xl': units.fontSizes['h2'],\n      '4xl': units.fontSizes['h1'],\n      '5xl': units.fontSizes['h3'],\n    },\n    fontFamily: {\n      DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],\n      sans: ['Arial', 'Helvetica', 'sans-serif'],\n      header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\n      display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\n    },\n    screens,\n    borderRadius: {\n      ...units.radius,\n      base: 'var(--sk-spacing-0)',\n    },\n    backgroundPosition: {\n      ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\n        (positions, spaceKey) => ({\n          ...positions,\n          [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\n          [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\n          [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\n          [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\n        }),\n        {}\n      ),\n    },\n    boxShadow: {\n      '50': `\n      0 0 0.3rem 0 rgba(10, 12, 15, 0.08),\n      0 0.1rem 0.8rem 0 rgba(10, 12, 15, 0.13)\n      `,\n      '100': `\n        0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07),\n        0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15),\n        0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085),\n        0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)\n      `,\n      '200': `\n        0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1),\n        0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06),\n        0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03),\n        0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)\n      `,\n      insetring: `0 0 0 0.25rem ${colors.ring} inset`,\n    },\n    ringColor: {\n      DEFAULT: colors.ring,\n      ...colors,\n    },\n    ringOffsetWidth: {\n      DEFAULT: '0.2rem',\n    },\n    ringWidth: {\n      DEFAULT: '0.3rem',\n      0: '0px',\n    },\n    ringOpacity: {\n      DEFAULT: '1px',\n    },\n    colors: {\n      ...colors,\n      current: 'currentColor',\n      gray: {\n        DEFAULT: colors.primitives.gray[600],\n        stroke: colors.divider,\n        middle: colors.primitives.gray[600],\n        light: colors.primitives.gray[300],\n        lighter: colors.primitives.gray[200],\n        ...colors.primitives.gray,\n      },\n      hover: colors.primitives.gray[600],\n      background: {\n        ...colors.background,\n        one: colors.background[100],\n        two: colors.background[200],\n      },\n    },\n    cursor: {\n      base: 'var(--tw-cursor)',\n    },\n    spacing: {\n      ...units.spacing,\n      xs: units.spacing[4],\n      sm: units.spacing[8],\n      md: units.spacing[16],\n      lg: units.spacing[24],\n      xl: units.spacing[48],\n    },\n    maxWidth: {\n      content: screens['desktop-max'],\n    },\n    lineHeight: {\n      ...units.lineHeights,\n      xs: '1.6rem',\n      xl: units.lineHeights['h4'],\n      '2xl': units.lineHeights['h3'],\n      '3xl': units.lineHeights['h2'],\n      '4xl': units.lineHeights['h1'],\n      '5xl': units.lineHeights['display-3'],\n    },\n    opacity: {\n      '15': '0.15',\n    },\n    borderWidth: {\n      DEFAULT: '0.2rem',\n      '1': '0.1rem',\n      '2': '0.2rem',\n    },\n    backgroundColor: {\n      base: withOpacity('--sk-colors-primary-surface'),\n      fill: withOpacity('--sk-colors-bg-fill'),\n    },\n    textColor: {\n      foreground: withOpacity('--sk-colors-primary-DEFAULT'),\n      muted: withOpacity('--sk-colors-xt-muted'),\n    },\n\n    zIndex: {\n      hide: '-1',\n      none: '0',\n      base: '1',\n      docked: '10',\n      dropdown: '1000',\n      sticky: '1100',\n      banner: '1200',\n      overlay: '1300',\n      modal: '1400',\n      popover: '1500',\n      skipLink: '1600',\n      toast: '1700',\n      tooltip: '1800',\n    },\n    keyframes: {\n      'reset-overflow': {\n        'from, to': {\n          overflow: 'hidden',\n        },\n      },\n    },\n    animation: {\n      'reset-overflow': 'reset-overflow 180ms backwards',\n    },\n  },\n};\nexport { theme };\n"],"mappings":"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"}