@sk-web-gui/core 3.0.1 → 3.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"popup-menu.js","names":["PopupMenu","exports","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-full': {},\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-full': {},\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-full': {},\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-40': {},\n      '@apply min-h-40': {},\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-20 h-20': {},\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-32': {},\n        '@apply min-h-32': {},\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-18 h-18': {},\n        },\n      },\n    },\n    '&.right': {\n      '@apply right-0': {},\n    },\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"popup-menu.js","names":["PopupMenu","exports","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-full': {},\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-full': {},\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-full': {},\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-40': {},\r\n      '@apply min-h-40': {},\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-20 h-20': {},\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-32': {},\r\n        '@apply min-h-32': {},\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-18 h-18': {},\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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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.js","names":["ProgressBar","exports","colors","_skProgressBarFil2","_extends","reduce","styles","color","_skProgressBarFil","_dataAccentTrue","_extends2"],"sources":["../../../src/components/progress-bar.ts"],"sourcesContent":["export const ProgressBar = (colors: string[]) => ({\n  '.sk-progress-bar': {\n    '@apply flex h-4 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":";;;;;AAAO,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,MAAgB;EAAA,IAAAC,kBAAA;EAAA,OAAM;IAChD,kBAAkB,EAAAC,QAAA;MAChB,8DAA8D,EAAE,CAAC,CAAC;MAElE,QAAQ,EAAE;QACR,yBAAyB,EAAE,CAAC;MAC9B;IAAC,GAEEF,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,iBAAA,EAAAC,eAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,YAAO;QAC5B,uBAAuB,GAAAC,iBAAA,OAAAA,iBAAA,gBACPD,KAAK,yBAAqB,CAAC,CAAC,EAAAC,iBAAA,CAC3C;QAED,uBAAuB,GAAAC,eAAA,OAAAA,eAAA,yBACEF,KAAK,yBAAqB,CAAC,CAAC,EAAAE,eAAA;MAEvD,CAAC,EAAAC,SAAA;IAAA,CACD,EACF,CAAC,CACH,CAAC;MAED,0BAA0B,EAAE;QAC1B,uBAAuB,GAAAP,kBAAA,OAAAA,kBAAA,gCACU,CAAC,CAAC,EAAAA,kBAAA;MAErC;IAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"progress-bar.js","names":["ProgressBar","exports","colors","_skProgressBarFil2","_extends","reduce","styles","color","_skProgressBarFil","_dataAccentTrue","_extends2"],"sources":["../../../src/components/progress-bar.ts"],"sourcesContent":["export const ProgressBar = (colors: string[]) => ({\r\n  '.sk-progress-bar': {\r\n    '@apply flex h-4 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":";;;;;AAAO,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,MAAgB;EAAA,IAAAC,kBAAA;EAAA,OAAM;IAChD,kBAAkB,EAAAC,QAAA;MAChB,8DAA8D,EAAE,CAAC,CAAC;MAElE,QAAQ,EAAE;QACR,yBAAyB,EAAE,CAAC;MAC9B;IAAC,GAEEF,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,iBAAA,EAAAC,eAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,YAAO;QAC5B,uBAAuB,GAAAC,iBAAA,OAAAA,iBAAA,gBACPD,KAAK,yBAAqB,CAAC,CAAC,EAAAC,iBAAA,CAC3C;QAED,uBAAuB,GAAAC,eAAA,OAAAA,eAAA,yBACEF,KAAK,yBAAqB,CAAC,CAAC,EAAAE,eAAA;MAEvD,CAAC,EAAAC,SAAA;IAAA,CACD,EACF,CAAC,CACH,CAAC;MAED,0BAA0B,EAAE;QAC1B,uBAAuB,GAAAP,kBAAA,OAAAA,kBAAA,gCACU,CAAC,CAAC,EAAAA,kBAAA;MAErC;IAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"progress-stepper.js","names":["ProgressStepper","exports","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-19': {},\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-19': {},\n        },\n      },\n      '&-box': {\n        '@apply box-border': {},\n        '@apply shrink-0': {},\n        '@apply h-40 w-40': {},\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        '&[data-rounded=\"true\"]': {\n          '@apply rounded-full': {},\n        },\n\n        '&&-sm': {\n          '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\n          '@apply text-label-small': {},\n        },\n        '&&-md': {\n          '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\n        },\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":";;;;AAAO,IAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAA;EAAA,OAAU;IACpC,sBAAsB,EAAE;MACtB,6BAA6B,EAAE,CAAC,CAAC;MACjCE,EAAE,EAAE;QACF,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,QAAQ,EAAE;QACR,mCAAmC,EAAE,CAAC,CAAC;QACvC,cAAc,EAAE,CAAC,CAAC;QAClB,eAAe,EAAE,CAAC,CAAC;QACnB,iBAAiB,EAAE,CAAC,CAAC;QACrB,6DAA6D,EAAE,CAAC,CAAC;QACjEC,GAAG,EAAE;UACH,kBAAkB,EAAE,CAAC;QACvB,CAAC;QACD,WAAW,EAAE;UACX,0CAA0C,EAAE,CAAC,CAAC;UAC9CD,EAAE,EAAE;YACF,iCAAiC,EAAE,CAAC;UACtC;QACF,CAAC;QACD,OAAO,EAAE;UACP,mBAAmB,EAAE,CAAC,CAAC;UACvB,iBAAiB,EAAE,CAAC,CAAC;UACrB,kBAAkB,EAAE,CAAC,CAAC;UACtB,6BAA6B,EAAE,CAAC,CAAC;UACjC,yCAAyC,EAAE,CAAC,CAAC;UAC7C,0BAA0B,EAAE,CAAC,CAAC;UAC9B,0CAA0C,EAAE,CAAC,CAAC;UAC9C,4BAA4B,EAAE,CAAC,CAAC;UAChC,oEAAoE,EAAE,CAAC,CAAC;UACxE,wBAAwB,EAAE;YACxB,qBAAqB,EAAE,CAAC;UAC1B,CAAC;UAED,OAAO,EAAE;YACP,sDAAsD,EAAE,CAAC,CAAC;YAC1D,yBAAyB,EAAE,CAAC;UAC9B,CAAC;UACD,OAAO,EAAE;YACP,sDAAsD,EAAE,CAAC;UAC3D;QACF,CAAC;QACD,4BAA4B,EAAE;UAC5B,kBAAkB,EAAE,CAAC,CAAC;UACtB,+BAA+B,EAAE;YAC/B,uCAAuC,EAAE,CAAC,CAAC;YAC3C,mCAAmC,EAAE,CAAC,CAAC;YACvC,oCAAoC,EAAE,CAAC;UACzC;QACF,CAAC;QACD,yBAAyB,EAAE;UACzB,+BAA+B,EAAE;YAC/B,uCAAuC,EAAE,CAAC,CAAC;YAC3C,mCAAmC,EAAE,CAAC,CAAC;YACvC,oCAAoC,EAAE,CAAC;UACzC;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"progress-stepper.js","names":["ProgressStepper","exports","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-19': {},\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-19': {},\r\n        },\r\n      },\r\n      '&-box': {\r\n        '@apply box-border': {},\r\n        '@apply shrink-0': {},\r\n        '@apply h-40 w-40': {},\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        '&[data-rounded=\"true\"]': {\r\n          '@apply rounded-full': {},\r\n        },\r\n\r\n        '&&-sm': {\r\n          '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\r\n          '@apply text-label-small': {},\r\n        },\r\n        '&&-md': {\r\n          '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\r\n        },\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":";;;;AAAO,IAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAA;EAAA,OAAU;IACpC,sBAAsB,EAAE;MACtB,6BAA6B,EAAE,CAAC,CAAC;MACjCE,EAAE,EAAE;QACF,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,QAAQ,EAAE;QACR,mCAAmC,EAAE,CAAC,CAAC;QACvC,cAAc,EAAE,CAAC,CAAC;QAClB,eAAe,EAAE,CAAC,CAAC;QACnB,iBAAiB,EAAE,CAAC,CAAC;QACrB,6DAA6D,EAAE,CAAC,CAAC;QACjEC,GAAG,EAAE;UACH,kBAAkB,EAAE,CAAC;QACvB,CAAC;QACD,WAAW,EAAE;UACX,0CAA0C,EAAE,CAAC,CAAC;UAC9CD,EAAE,EAAE;YACF,iCAAiC,EAAE,CAAC;UACtC;QACF,CAAC;QACD,OAAO,EAAE;UACP,mBAAmB,EAAE,CAAC,CAAC;UACvB,iBAAiB,EAAE,CAAC,CAAC;UACrB,kBAAkB,EAAE,CAAC,CAAC;UACtB,6BAA6B,EAAE,CAAC,CAAC;UACjC,yCAAyC,EAAE,CAAC,CAAC;UAC7C,0BAA0B,EAAE,CAAC,CAAC;UAC9B,0CAA0C,EAAE,CAAC,CAAC;UAC9C,4BAA4B,EAAE,CAAC,CAAC;UAChC,oEAAoE,EAAE,CAAC,CAAC;UACxE,wBAAwB,EAAE;YACxB,qBAAqB,EAAE,CAAC;UAC1B,CAAC;UAED,OAAO,EAAE;YACP,sDAAsD,EAAE,CAAC,CAAC;YAC1D,yBAAyB,EAAE,CAAC;UAC9B,CAAC;UACD,OAAO,EAAE;YACP,sDAAsD,EAAE,CAAC;UAC3D;QACF,CAAC;QACD,4BAA4B,EAAE;UAC5B,kBAAkB,EAAE,CAAC,CAAC;UACtB,+BAA+B,EAAE;YAC/B,uCAAuC,EAAE,CAAC,CAAC;YAC3C,mCAAmC,EAAE,CAAC,CAAC;YACvC,oCAAoC,EAAE,CAAC;UACzC;QACF,CAAC;QACD,yBAAyB,EAAE;UACzB,+BAA+B,EAAE;YAC/B,uCAAuC,EAAE,CAAC,CAAC;YAC3C,mCAAmC,EAAE,CAAC,CAAC;YACvC,oCAAoC,EAAE,CAAC;UACzC;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/rich-text-editor.js

@@ -0,0 +1,233 @@
+"use strict";
+
+exports.__esModule = true;
+exports.RichTextEditor = void 0;
+var RichTextEditor = exports.RichTextEditor = function RichTextEditor() {
+  return {
+    ".sk-rich-text-editor": {
+      "@apply h-full": {},
+      "@apply box-border": {},
+      ".sk-divider-vertical": {
+        "@apply my-4": {}
+      },
+      ".toolbar": {
+        "@apply bg-background-200": {},
+        "@apply rounded-t": {},
+        "@apply border-1 border-divider": {},
+        "@apply border-b-0": {},
+        "@apply py-0": {},
+        "@apply px-8": {},
+        "@apply flex": {},
+        ".ql-formats": {
+          "@apply py-4": {},
+          "@apply mt-4": {},
+          "@apply mr-14": {},
+          "@apply inline-block": {},
+          "@apply align-middle": {},
+          "@apply flex": {},
+          button: {
+            "@apply inline": {},
+            "@apply text-dark-secondary": {},
+            "@apply rounded-button-sm": {},
+            "@apply h-32 w-32": {},
+            "@apply flex justify-center items-center": {},
+            svg: {
+              "@apply w-20 h-20": {}
+            },
+            ".ql-fill": {
+              fill: "currentColor"
+            },
+            ".ql-stroke": {
+              stroke: "currentColor",
+              fill: "none",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: "2px"
+            },
+            "&:hover": {},
+            "&.ql-active:hover": {
+              "@apply text-dark-primary": {},
+              "@apply bg-tertiary-surface-hover": {},
+              ".ql-fill": {
+                fill: "currentColor"
+              },
+              ".ql-stroke": {
+                stroke: "currentColor"
+              }
+            },
+            "&.ql-active": {
+              "@apply text-dark-primary": {},
+              "@apply bg-inverted-vattjom-surface-primary": {},
+              ".ql-fill": {
+                fill: "currentColor"
+              },
+              ".ql-stroke": {
+                stroke: "currentColor"
+              }
+            }
+          }
+        },
+        "input.ql-image[type=file]": {
+          "@apply hidden": {}
+        }
+      },
+      ".ql-editor": {
+        "@apply bg-background-content text-dark-primary": {},
+        "@apply rounded-b-button": {},
+        "@apply border-divider": {},
+        "@apply p-14": {},
+        "@apply text-left": {},
+        "@apply break-words": {},
+        "@apply overflow-y-auto": {},
+        "@apply h-full": {},
+        "@apply whitespace-pre-wrap": {},
+        "@apply font-sans": {},
+        "a": {
+          "@apply underline": {}
+        },
+        "ul": {
+          "@apply pl-28": {},
+          "@apply list-disc": {},
+          counterReset: "list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9"
+        },
+        "li:not(.ql-direction-rtl)::before": {
+          "@apply text-right": {}
+        },
+        ".ql-editor ol li:before": {
+          content: "counter(list-0, decimal) '. '"
+        },
+        "ol": {
+          "@apply pl-28": {},
+          "@apply list-decimal": {}
+        },
+        "ol li": {
+          counterReset: "list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9",
+          counterIncrement: "list-0"
+        }
+      },
+      ".ql-clipboard": {
+        left: "-1000000px",
+        "@apply h-px": {},
+        "@apply overflow-y-hidden": {},
+        "@apply absolute": {},
+        "@apply top-1/2": {}
+      },
+      ".ql-tooltip.ql-editing input[type=text]": {
+        "@apply inline-block": {}
+      },
+      ".ql-tooltip input[type=text]": {
+        "@apply hidden": {},
+        "@apply border-1 border-divider": {},
+        "@apply text-base": {}
+      },
+      ".ql-tooltip.ql-editing a.ql-preview": {
+        display: "none"
+      },
+      ".ql-editor .ql-indent-1:not(.ql-direction-rtl)": {
+        paddingLeft: "3em"
+      },
+      ".ql-editor .ql-indent-2:not(.ql-direction-rtl)": {
+        paddingLeft: "6em"
+      },
+      ".ql-editor .ql-indent-3:not(.ql-direction-rtl)": {
+        paddingLeft: "9em"
+      },
+      ".ql-editor .ql-indent-4:not(.ql-direction-rtl)": {
+        paddingLeft: "12em"
+      },
+      ".ql-editor .ql-indent-5:not(.ql-direction-rtl)": {
+        paddingLeft: "15em"
+      },
+      ".ql-editor .ql-indent-6:not(.ql-direction-rtl)": {
+        paddingLeft: "18em"
+      },
+      ".ql-editor .ql-indent-7:not(.ql-direction-rtl)": {
+        paddingLeft: "21em"
+      },
+      ".ql-editor .ql-indent-8:not(.ql-direction-rtl)": {
+        paddingLeft: "24em"
+      },
+      ".ql-editor .ql-indent-9:not(.ql-direction-rtl)": {
+        paddingLeft: "27em"
+      },
+      ".ql-direction.ql-active svg:first-child": {
+        display: "none"
+      },
+      ".ql-editor .ql-direction-rtl": {
+        direction: "right"
+      },
+      ".ql-direction.ql-active svg:last-child": {
+        display: "inline"
+      },
+      ".ql-editor .ql-align-center": {
+        "@apply text-center": {}
+      },
+      ".ql-editor .ql-align-right": {
+        textAlign: "right"
+      },
+      ".ql-editor .ql-align-justify": {
+        "@apply text-justify": {}
+      },
+      ".ql-tooltip": {
+        "@apply bg-background-100": {},
+        "@apply rounded": {},
+        "@apply shadow-md": {},
+        "@apply border-1 border-divider": {},
+        "@apply p-5": {},
+        "@apply font-sans": {},
+        "@apply absolute": {},
+        transform: "translate(220px, 50px);",
+        ".ql-tooltip a": {
+          "@apply cursor-pointer": {}
+        },
+        "a.ql-preview": {
+          "@apply inline-block": {},
+          "@apply overflow-x-hidden": {},
+          "@apply text-ellipsis": {},
+          "@apply align-top": {},
+          "@apply max-w-52": {}
+        },
+        "a.ql-remove::before": {
+          content: "'Ta bort'",
+          "@apply ml-8": {}
+        }
+      },
+      ".ql-tooltip[data-mode=link]::before": {
+        "@apply mr-16": {},
+        content: "'URL:'"
+      },
+      "a.ql-action::after": {
+        "@apply border-r-1 border-divider": {},
+        content: "'Ändra'",
+        "@apply ml-16": {},
+        "@apply pr-8": {}
+      },
+      ".ql-tooltip.ql-editing a.ql-action::after": {
+        "@apply ml-16": {},
+        content: "'Spara'"
+      },
+      ".ql-tooltip::before": {
+        content: "'Besök URL: '",
+        "@apply mr-8": {}
+      },
+      ".ql-formats:after": {
+        content: "",
+        display: "table",
+        clear: "both"
+      },
+      ".quill": {
+        ".ql-container": {
+          "@apply border-1 border-divider": {},
+          "@apply h-full": {}
+        },
+        ".ql-hidden": {
+          "@apply hidden": {}
+        },
+        "pre.ql-container": {
+          "@apply rounded-b-button": {}
+        }
+      }
+    }
+  };
+};
+//# sourceMappingURL=rich-text-editor.js.map

package/dist/cjs/components/rich-text-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-editor.js","names":["RichTextEditor","exports","button","svg","fill","stroke","strokeLinecap","strokeLinejoin","strokeWidth","counterReset","content","counterIncrement","left","display","paddingLeft","direction","textAlign","transform","clear"],"sources":["../../../src/components/rich-text-editor.ts"],"sourcesContent":["export const RichTextEditor = () => ({\r\n  \".sk-rich-text-editor\":\r\n    {\r\n      \"@apply h-full\": {},\r\n      \"@apply box-border\": {},\r\n\r\n      \".sk-divider-vertical\": {\r\n        \"@apply my-4\": {},\r\n      },\r\n\r\n      \".toolbar\": {\r\n        \"@apply bg-background-200\": {},\r\n        \"@apply rounded-t\": {},\r\n        \"@apply border-1 border-divider\": {},\r\n        \"@apply border-b-0\": {},\r\n        \"@apply py-0\": {},\r\n        \"@apply px-8\": {},\r\n        \"@apply flex\": {},\r\n        \".ql-formats\": {\r\n          \"@apply py-4\": {},\r\n          \"@apply mt-4\": {},\r\n          \"@apply mr-14\": {},\r\n          \"@apply inline-block\": {},\r\n          \"@apply align-middle\": {},\r\n          \"@apply flex\": {},\r\n          button: {\r\n            \"@apply inline\": {},\r\n            \"@apply text-dark-secondary\": {},\r\n            \"@apply rounded-button-sm\": {},\r\n            \"@apply h-32 w-32\": {},\r\n            \"@apply flex justify-center items-center\": {},\r\n            svg: {\r\n              \"@apply w-20 h-20\": {},\r\n            },\r\n            \".ql-fill\": {\r\n              fill: \"currentColor\",\r\n            },\r\n            \".ql-stroke\": {\r\n              stroke: \"currentColor\",\r\n              fill: \"none\",\r\n              strokeLinecap: \"round\",\r\n              strokeLinejoin: \"round\",\r\n              strokeWidth: \"2px\",\r\n            },\r\n            \"&:hover\": {},\r\n            \"&.ql-active:hover\": {\r\n              \"@apply text-dark-primary\": {},\r\n              \"@apply bg-tertiary-surface-hover\": {},\r\n              \".ql-fill\": {\r\n                fill: \"currentColor\",\r\n              },\r\n              \".ql-stroke\": {\r\n                stroke: \"currentColor\",\r\n              },\r\n            },\r\n            \"&.ql-active\": {\r\n              \"@apply text-dark-primary\": {},\r\n              \"@apply bg-inverted-vattjom-surface-primary\": {},\r\n              \".ql-fill\": {\r\n                fill: \"currentColor\",\r\n              },\r\n              \".ql-stroke\": {\r\n                stroke: \"currentColor\",\r\n              },\r\n            },\r\n          },\r\n        },\r\n        \"input.ql-image[type=file]\": {\r\n          \"@apply hidden\": {},\r\n        },\r\n      },\r\n\r\n      \".ql-editor\": {\r\n        \"@apply bg-background-content text-dark-primary\": {},\r\n        \"@apply rounded-b-button\": {},\r\n        \"@apply border-divider\": {},\r\n        \"@apply p-14\": {},\r\n        \"@apply text-left\": {},\r\n        \"@apply break-words\": {},\r\n        \"@apply overflow-y-auto\": {},\r\n        \"@apply h-full\": {},\r\n        \"@apply whitespace-pre-wrap\": {},\r\n        \"@apply font-sans\": {},\r\n\r\n        \"a\": {\r\n          \"@apply underline\": {},\r\n        },\r\n        \"ul\": {\r\n          \"@apply pl-28\": {},\r\n          \"@apply list-disc\": {},\r\n          counterReset: \"list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9\",\r\n        },\r\n        \"li:not(.ql-direction-rtl)::before\": {\r\n          \"@apply text-right\": {},\r\n        },\r\n        \".ql-editor ol li:before\": {\r\n          content: \"counter(list-0, decimal) '. '\",\r\n        },\r\n        \"ol\": {\r\n          \"@apply pl-28\": {},\r\n          \"@apply list-decimal\": {}\r\n        },\r\n        \"ol li\": {\r\n          counterReset: \"list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9\",\r\n          counterIncrement: \"list-0\",\r\n        }\r\n      },\r\n\r\n      \".ql-clipboard\": {\r\n        left: \"-1000000px\",\r\n        \"@apply h-px\": {},\r\n        \"@apply overflow-y-hidden\": {},\r\n        \"@apply absolute\": {},\r\n        \"@apply top-1/2\": {},\r\n      },\r\n\r\n      \".ql-tooltip.ql-editing input[type=text]\": {\r\n        \"@apply inline-block\": {},\r\n      },\r\n      \".ql-tooltip input[type=text]\": {\r\n        \"@apply hidden\": {},\r\n        \"@apply border-1 border-divider\": {},\r\n        \"@apply text-base\": {},\r\n      },\r\n\r\n      \".ql-tooltip.ql-editing a.ql-preview\": {\r\n        display: \"none\"\r\n      },\r\n\r\n      \".ql-editor .ql-indent-1:not(.ql-direction-rtl)\": {\r\n        paddingLeft: \"3em\"\r\n      },\r\n      \".ql-editor .ql-indent-2:not(.ql-direction-rtl)\": {\r\n        paddingLeft: \"6em\"\r\n      },\r\n      \".ql-editor .ql-indent-3:not(.ql-direction-rtl)\": {\r\n        paddingLeft: \"9em\"\r\n      },\r\n      \".ql-editor .ql-indent-4:not(.ql-direction-rtl)\": {\r\n        paddingLeft: \"12em\"\r\n      },\r\n      \".ql-editor .ql-indent-5:not(.ql-direction-rtl)\": {\r\n        paddingLeft: \"15em\"\r\n      },\r\n      \".ql-editor .ql-indent-6:not(.ql-direction-rtl)\": {\r\n        paddingLeft: \"18em\"\r\n      },\r\n      \".ql-editor .ql-indent-7:not(.ql-direction-rtl)\": {\r\n        paddingLeft: \"21em\"\r\n      },\r\n      \".ql-editor .ql-indent-8:not(.ql-direction-rtl)\": {\r\n        paddingLeft: \"24em\"\r\n      },\r\n      \".ql-editor .ql-indent-9:not(.ql-direction-rtl)\": {\r\n        paddingLeft: \"27em\"\r\n      },\r\n\r\n      \".ql-direction.ql-active svg:first-child\": {\r\n        display: \"none\",\r\n      },\r\n\r\n      \".ql-editor .ql-direction-rtl\": {\r\n        direction: \"right\"\r\n      },\r\n\r\n      \".ql-direction.ql-active svg:last-child\": {\r\n        display: \"inline\"\r\n      },\r\n\r\n      \".ql-editor .ql-align-center\": {\r\n        \"@apply text-center\": {},\r\n      },\r\n\r\n      \".ql-editor .ql-align-right\": {\r\n        textAlign: \"right\"\r\n      },\r\n\r\n      \".ql-editor .ql-align-justify\": {\r\n        \"@apply text-justify\": {}\r\n      },\r\n\r\n      \".ql-tooltip\": {\r\n        \"@apply bg-background-100\": {},\r\n        \"@apply rounded\": {},\r\n        \"@apply shadow-md\": {},\r\n        \"@apply border-1 border-divider\": {},\r\n        \"@apply p-5\": {},\r\n        \"@apply font-sans\": {},\r\n        \"@apply absolute\": {},\r\n        transform: \"translate(220px, 50px);\",\r\n\r\n        \".ql-tooltip a\": {\r\n          \"@apply cursor-pointer\": {},\r\n        },\r\n        \"a.ql-preview\": {\r\n          \"@apply inline-block\": {},\r\n          \"@apply overflow-x-hidden\": {},\r\n          \"@apply text-ellipsis\": {},\r\n          \"@apply align-top\": {},\r\n          \"@apply max-w-52\": {},\r\n        },\r\n        \"a.ql-remove::before\": {\r\n          content: \"'Ta bort'\",\r\n          \"@apply ml-8\": {}\r\n        }\r\n      },\r\n      \".ql-tooltip[data-mode=link]::before\": {\r\n        \"@apply mr-16\": {},\r\n        content: \"'URL:'\"\r\n      },\r\n      \"a.ql-action::after\": {\r\n        \"@apply border-r-1 border-divider\": {},\r\n        content: \"'Ändra'\",\r\n        \"@apply ml-16\": {},\r\n        \"@apply pr-8\": {},\r\n      },\r\n      \".ql-tooltip.ql-editing a.ql-action::after\": {\r\n        \"@apply ml-16\": {},\r\n        content: \"'Spara'\"\r\n      },\r\n      \".ql-tooltip::before\": {\r\n        content: \"'Besök URL: '\",\r\n        \"@apply mr-8\": {},\r\n      },\r\n\r\n      \".ql-formats:after\": {\r\n        content: \"\",\r\n        display: \"table\",\r\n        clear: \"both\"\r\n      },\r\n\r\n      \".quill\": {\r\n        \".ql-container\": {\r\n          \"@apply border-1 border-divider\": {},\r\n          \"@apply h-full\": {},\r\n        },\r\n\r\n        \".ql-hidden\": {\r\n          \"@apply hidden\": {},\r\n        },\r\n        \"pre.ql-container\": {\r\n          \"@apply rounded-b-button\": {},\r\n        },\r\n      },\r\n    }\r\n});"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"search-field.js","names":["SearchField","exports","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-20 h-20': {},\n        svg: {\n          '@apply w-20 h-20': {},\n        },\n      },\n    },\n    '&-lg': {\n      '.sk-search-field-icon': {\n        '@apply w-22 h-22': {},\n        svg: {\n          '@apply w-22 h-22': {},\n        },\n      },\n    },\n  },\n});\n"],"mappings":";;;;AAAO,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAAU;IAChC,8BAA8B,EAAE;MAC9B,oBAAoB,EAAE;QACpB,eAAe,EAAE,CAAC;MACpB,CAAC;MACD,mBAAmB,EAAE;QACnB,QAAQ,EAAE;UACR,UAAU,EAAE;YACV,UAAU,EAAE;cACV,eAAe,EAAE,CAAC;YACpB;UACF;QACF;MACF;IACF,CAAC;IACD,kBAAkB,EAAE;MAClB,MAAM,EAAE;QACN,uBAAuB,EAAE;UACvB,kBAAkB,EAAE,CAAC,CAAC;UACtBE,GAAG,EAAE;YACH,kBAAkB,EAAE,CAAC;UACvB;QACF;MACF,CAAC;MACD,MAAM,EAAE;QACN,uBAAuB,EAAE;UACvB,kBAAkB,EAAE,CAAC,CAAC;UACtBA,GAAG,EAAE;YACH,kBAAkB,EAAE,CAAC;UACvB;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"search-field.js","names":["SearchField","exports","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-20 h-20': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '.sk-search-field-icon': {\r\n        '@apply w-22 h-22': {},\r\n        svg: {\r\n          '@apply w-22 h-22': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAAU;IAChC,8BAA8B,EAAE;MAC9B,oBAAoB,EAAE;QACpB,eAAe,EAAE,CAAC;MACpB,CAAC;MACD,mBAAmB,EAAE;QACnB,QAAQ,EAAE;UACR,UAAU,EAAE;YACV,UAAU,EAAE;cACV,eAAe,EAAE,CAAC;YACpB;UACF;QACF;MACF;IACF,CAAC;IACD,kBAAkB,EAAE;MAClB,MAAM,EAAE;QACN,uBAAuB,EAAE;UACvB,kBAAkB,EAAE,CAAC,CAAC;UACtBE,GAAG,EAAE;YACH,kBAAkB,EAAE,CAAC;UACvB;QACF;MACF,CAAC;MACD,MAAM,EAAE;QACN,uBAAuB,EAAE;UACvB,kBAAkB,EAAE,CAAC,CAAC;UACtBA,GAAG,EAAE;YACH,kBAAkB,EAAE,CAAC;UACvB;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["chevronDown","color","tertiary","primary","Select","exports","_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-32': {},\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-42': {},\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-48': {},\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-13': {},\n        //Background position - border width\n        '@apply bg-[center_right_0.643em]': {},\n        //Padding + icon width - border width\n        '@apply pr-34-1': {},\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-32': {},\n        },\n      },\n      '&.sk-form-select-md': {\n        //Padding - border width\n        '@apply pl-17': {},\n        //Background position - border width\n        '@apply bg-[center_right_0.8125em]': {},\n        //Padding + icon width - border width\n        '@apply pr-44-1': {},\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-42': {},\n        },\n      },\n      '&.sk-form-select-lg': {\n        //Padding - border width\n        '@apply pl-19': {},\n        //Background position - border width\n        '@apply bg-[center_right_0.944em]': {},\n        //Padding + icon width - border width\n        '@apply pr-50-1': {},\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-48': {},\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-32': {},\n      '@apply text-label-small': {},\n      '@apply rounded-button-sm': {},\n      '*': {\n        '@apply text-input-small': {},\n      },\n    },\n    '&-md': {\n      '@apply h-40': {},\n      '@apply text-label-medium': {},\n      '@apply rounded-button-md': {},\n      '*': {\n        '@apply text-input-medium': {},\n      },\n    },\n    '&-lg': {\n      '@apply h-48': {},\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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","ignoreList":[]}
+{"version":3,"file":"select.js","names":["chevronDown","color","tertiary","primary","Select","exports","_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-32': {},\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-42': {},\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-48': {},\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-13': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.643em]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-34-1': {},\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-32': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-md': {\r\n        //Padding - border width\r\n        '@apply pl-17': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.8125em]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-44-1': {},\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-42': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-lg': {\r\n        //Padding - border width\r\n        '@apply pl-19': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.944em]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-50-1': {},\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-48': {},\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-32': {},\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-40': {},\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-48': {},\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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","ignoreList":[]}

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

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