@sk-web-gui/core 3.9.1 → 3.10.0

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

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["calendar","clock","inputStandards","addin","svg","inputGroup","_extends","timeAndDatePicker","mask","maskSize","Input","display","margin"],"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n  return {\r\n    '@apply border-1': {},\r\n    '@apply border-primitives-overlay-darken-6': {},\r\n    '@apply dark:border-primitives-overlay-lighten-6': {},\r\n    '@apply hover:border-primitives-overlay-darken-8': {},\r\n    '@apply dark:hover:border-primitives-overlay-lighten-4': {},\r\n\r\n    '@apply placeholder:text-dark-placeholder': {},\r\n\r\n    '@apply bg-primitives-overlay-lighten-10': {},\r\n    '@apply dark:bg-primitives-overlay-darken-6': {},\r\n\r\n    //Invalid\r\n    '&:invalid, &[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply bg-primitives-overlay-darken-1': {},\r\n      '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n      '@apply border-primitives-overlay-darken-3': {},\r\n      '@apply dark:border-primitives-overlay-lighten-3': {},\r\n      '@apply hover:border-primitives-overlay-darken-3': {},\r\n      '@apply dark:hover:border-primitives-overlay-lighten-3': {},\r\n      '@apply text-dark-disabled': {},\r\n    },\r\n  };\r\n}\r\n\r\nfunction addin() {\r\n  return {\r\n    '&-addin': {\r\n      '@apply bg-transparent': {},\r\n      '@apply flex': {},\r\n      '@apply justify-start items-center': {},\r\n      '&-sm': {\r\n        '@apply px-6 gap-6': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-12': {},\r\n          '@apply pl-10': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-12': {},\r\n          '@apply pr-10': {},\r\n        },\r\n        svg: {\r\n          '@apply w-16 h-16': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-16': {},\r\n          '@apply pl-12': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-16': {},\r\n          '@apply pr-12': {},\r\n        },\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-20': {},\r\n          '@apply pl-16': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-20': {},\r\n          '@apply pr-16': {},\r\n        },\r\n        svg: {\r\n          '@apply w-22 h-22': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction inputGroup() {\r\n  return {\r\n    '&-group': {\r\n      '@apply flex relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-primitives-overlay-lighten-10': {},\r\n      '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:hover:border-primitives-overlay-lighten-10': {},\r\n        '@apply dark:focus-within:hover:border-primitives-overlay-darken-6': {},\r\n      },\r\n\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n  return {\r\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      '@apply block': {},\r\n      '@apply p-0': {},\r\n      '@apply pl-6 md:pl-8': {},\r\n      '@apply m-0': {},\r\n      '@apply bg-none': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&.sk-form-input-sm': {\r\n        '@apply w-16 h-16': {},\r\n        '@apply -mr-2': {},\r\n      },\r\n      '&.sk-form-input-md': {\r\n        '@apply -mr-4': {},\r\n        '@apply w-18 h-18': {},\r\n      },\r\n      '&.sk-form-input-lg': {\r\n        '@apply -mr-6': {},\r\n        '@apply w-20 h-20': {},\r\n      },\r\n    },\r\n\r\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n      {\r\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        maskSize: 'contain',\r\n        '-webkit-mask-size': 'contain',\r\n      },\r\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n        '@apply color-black-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Input = () => ({\r\n  '.sk-form-input': {\r\n    '@apply grow-0': {},\r\n    '@apply text-dark-primary': {},\r\n\r\n    '&[data-hideextra=\"true\"]': {\r\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n        '-webkit-appearance': 'none',\r\n        display: 'none',\r\n        margin: '0px',\r\n      },\r\n      '-moz-appearance': 'textfield',\r\n    },\r\n\r\n    '&&-lg': {\r\n      '@apply rounded-button-lg': {},\r\n      '@apply px-20': {},\r\n      '@apply py-11': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-large': {},\r\n      '@apply h-48': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply rounded-button-md': {},\r\n      '@apply px-16': {},\r\n      '@apply py-7': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-medium': {},\r\n      '@apply h-40': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply rounded-button-sm': {},\r\n      '@apply px-12': {},\r\n      '@apply py-5': {},\r\n      '@apply gap-6': {},\r\n      '@apply text-input-small': {},\r\n      '@apply h-32': {},\r\n    },\r\n    '&&-textarea': {\r\n      '@apply h-auto': {},\r\n      '&-warning': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus:ring': {},\r\n    '@apply focus:ring-ring': {},\r\n    '@apply focus:ring-offset': {},\r\n    '@apply focus:border-primitives-overlay-lighten-10': {},\r\n    '@apply dark:focus:border-primitives-overlay-darken-6': {},\r\n    '@apply focus-within:ring': {},\r\n    '@apply focus-within:ring-ring': {},\r\n    '@apply focus-within:ring-offset': {},\r\n    '@apply focus-within:border-primitives-overlay-lighten-10': {},\r\n    '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\r\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n      '@apply focus:hover:border-primitives-overlay-lighten-10': {},\r\n      '@apply dark:focus:hover:border-primitives-overlay-darken-6': {},\r\n    },\r\n    ...timeAndDatePicker(),\r\n    ...inputStandards(),\r\n    ...inputGroup(),\r\n    ...addin(),\r\n  },\r\n});\r\n"],"mappings":";AAAA,SAASA,QAAQA,CAAA,EAAG;EAClB;AACF;AACA,SAASC,KAAKA,CAAA,EAAG;EACf;AACF;AAEA,SAASC,cAAcA,CAAA,EAAG;EACxB,OAAO;IACL,iBAAiB,EAAE,CAAC,CAAC;IACrB,2CAA2C,EAAE,CAAC,CAAC;IAC/C,iDAAiD,EAAE,CAAC,CAAC;IACrD,iDAAiD,EAAE,CAAC,CAAC;IACrD,uDAAuD,EAAE,CAAC,CAAC;IAE3D,0CAA0C,EAAE,CAAC,CAAC;IAE9C,yCAAyC,EAAE,CAAC,CAAC;IAC7C,4CAA4C,EAAE,CAAC,CAAC;IAEhD;IACA,mCAAmC,EAAE;MACnC,8CAA8C,EAAE,CAAC;IACnD,CAAC;IAED;IACA,qCAAqC,EAAE;MACrC,uCAAuC,EAAE,CAAC,CAAC;MAC3C,6CAA6C,EAAE,CAAC,CAAC;MACjD,2CAA2C,EAAE,CAAC,CAAC;MAC/C,iDAAiD,EAAE,CAAC,CAAC;MACrD,iDAAiD,EAAE,CAAC,CAAC;MACrD,uDAAuD,EAAE,CAAC,CAAC;MAC3D,2BAA2B,EAAE,CAAC;IAChC;EACF,CAAC;AACH;AAEA,SAASC,KAAKA,CAAA,EAAG;EACf,OAAO;IACL,SAAS,EAAE;MACT,uBAAuB,EAAE,CAAC,CAAC;MAC3B,aAAa,EAAE,CAAC,CAAC;MACjB,mCAAmC,EAAE,CAAC,CAAC;MACvC,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC,CAAC;QACvB,4BAA4B,EAAE;UAC5B,eAAe,EAAE,CAAC,CAAC;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACD,6BAA6B,EAAE;UAC7B,eAAe,EAAE,CAAC,CAAC;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACDC,GAAG,EAAE;UACH,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MACD,MAAM,EAAE;QACN,yBAAyB,EAAE,CAAC,CAAC;QAC7B,4BAA4B,EAAE;UAC5B,eAAe,EAAE,CAAC,CAAC;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACD,6BAA6B,EAAE;UAC7B,eAAe,EAAE,CAAC,CAAC;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACDA,GAAG,EAAE;UACH,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MACD,MAAM,EAAE;QACN,yBAAyB,EAAE,CAAC,CAAC;QAC7B,4BAA4B,EAAE;UAC5B,eAAe,EAAE,CAAC,CAAC;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACD,6BAA6B,EAAE;UAC7B,eAAe,EAAE,CAAC,CAAC;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACDA,GAAG,EAAE;UACH,kBAAkB,EAAE,CAAC;QACvB;MACF;IACF;EACF,CAAC;AACH;AAEA,SAASC,UAAUA,CAAA,EAAG;EACpB,OAAO;IACL,SAAS,EAAAC,QAAA;MACP,sBAAsB,EAAE,CAAC,CAAC;MAC1B,qBAAqB,EAAE,CAAC,CAAC;MACzB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,+BAA+B,EAAE,CAAC,CAAC;MACnC,4BAA4B,EAAE,CAAC,CAAC;MAChC;MACA,0DAA0D,EAAE,CAAC,CAAC;MAC9D,6DAA6D,EAAE,CAAC,CAAC;MAEjE,4CAA4C,EAAE;QAC5C,gEAAgE,EAAE,CAAC,CAAC;QACpE,mEAAmE,EAAE,CAAC;MACxE,CAAC;MAED,OAAO,EAAE;QACP,yBAAyB,EAAE,CAAC,CAAC;QAC7B,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,OAAO,EAAE;QACP,0BAA0B,EAAE,CAAC,CAAC;QAC9B,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,OAAO,EAAE;QACP,yBAAyB,EAAE,CAAC,CAAC;QAC7B,0BAA0B,EAAE,CAAC;MAC/B;IAAC,GACEJ,cAAc,CAAC,CAAC;MACnB,gBAAgB,EAAE;QAChB,kBAAkB,EAAE,CAAC,CAAC;QACtB,iBAAiB,EAAE,CAAC,CAAC;QACrB,qBAAqB,EAAE,CAAC,CAAC;QACzB,4BAA4B,EAAE,CAAC,CAAC;QAChC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,4BAA4B,EAAE,CAAC,CAAC;QAChC,aAAa,EAAE,CAAC;MAClB;IAAC;EAEL,CAAC;AACH;AAEA,SAASK,iBAAiBA,CAAA,EAAG;EAC3B,OAAO;IACL,oEAAoE,EAAE;MACpE,cAAc,EAAE,CAAC,CAAC;MAClB,YAAY,EAAE,CAAC,CAAC;MAChB,qBAAqB,EAAE,CAAC,CAAC;MACzB,YAAY,EAAE,CAAC,CAAC;MAChB,gBAAgB,EAAE,CAAC,CAAC;MACpB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,oBAAoB,EAAE;QACpB,kBAAkB,EAAE,CAAC,CAAC;QACtB,cAAc,EAAE,CAAC;MACnB,CAAC;MACD,oBAAoB,EAAE;QACpB,cAAc,EAAE,CAAC,CAAC;QAClB,kBAAkB,EAAE,CAAC;MACvB,CAAC;MACD,oBAAoB,EAAE;QACpB,cAAc,EAAE,CAAC,CAAC;QAClB,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,8FAA8F,EAAE;MAC9FC,IAAI,EAAE,qCAAkCR,QAAQ,CAAC,CAAC,6BAAyB;MAC3E,cAAc,EAAE,qCAAkCA,QAAQ,CAAC,CAAC,6BAAyB;MACrFS,QAAQ,EAAE,SAAS;MACnB,mBAAmB,EAAE;IACvB,CAAC;IACD,kHAAkH,EAChH;MACED,IAAI,EAAE,qCAAkCR,QAAQ,CAAC,CAAC,6BAAyB;MAC3E,cAAc,EAAE,qCAAkCA,QAAQ,CAAC,CAAC,6BAAyB;MACrFS,QAAQ,EAAE,SAAS;MACnB,mBAAmB,EAAE;IACvB,CAAC;IACH,8FAA8F,EAAE;MAC9FD,IAAI,EAAE,qCAAkCP,KAAK,CAAC,CAAC,6BAAyB;MACxE,cAAc,EAAE,qCAAkCA,KAAK,CAAC,CAAC,6BAAyB;MAClFQ,QAAQ,EAAE,SAAS;MACnB,mBAAmB,EAAE;IACvB,CAAC;IAED,qCAAqC,EAAE;MACrC,oEAAoE,EAAE;QACpE,6BAA6B,EAAE,CAAC;MAClC;IACF;EACF,CAAC;AACH;AAEA,OAAO,IAAMC,KAAK,GAAGA,CAAA,MAAO;EAC1B,gBAAgB,EAAAJ,QAAA;IACd,eAAe,EAAE,CAAC,CAAC;IACnB,0BAA0B,EAAE,CAAC,CAAC;IAE9B,0BAA0B,EAAE;MAC1B,4DAA4D,EAAE;QAC5D,oBAAoB,EAAE,MAAM;QAC5BK,OAAO,EAAE,MAAM;QACfC,MAAM,EAAE;MACV,CAAC;MACD,iBAAiB,EAAE;IACrB,CAAC;IAED,OAAO,EAAE;MACP,0BAA0B,EAAE,CAAC,CAAC;MAC9B,cAAc,EAAE,CAAC,CAAC;MAClB,cAAc,EAAE,CAAC,CAAC;MAClB,cAAc,EAAE,CAAC,CAAC;MAClB,yBAAyB,EAAE,CAAC,CAAC;MAC7B,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,OAAO,EAAE;MACP,0BAA0B,EAAE,CAAC,CAAC;MAC9B,cAAc,EAAE,CAAC,CAAC;MAClB,aAAa,EAAE,CAAC,CAAC;MACjB,cAAc,EAAE,CAAC,CAAC;MAClB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,OAAO,EAAE;MACP,0BAA0B,EAAE,CAAC,CAAC;MAC9B,cAAc,EAAE,CAAC,CAAC;MAClB,aAAa,EAAE,CAAC,CAAC;MACjB,cAAc,EAAE,CAAC,CAAC;MAClB,yBAAyB,EAAE,CAAC,CAAC;MAC7B,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,aAAa,EAAE;MACb,eAAe,EAAE,CAAC,CAAC;MACnB,WAAW,EAAE;QACX,gBAAgB,EAAE,CAAC;MACrB;IACF,CAAC;IAED;IACA,mBAAmB,EAAE,CAAC,CAAC;IACvB,wBAAwB,EAAE,CAAC,CAAC;IAC5B,0BAA0B,EAAE,CAAC,CAAC;IAC9B,mDAAmD,EAAE,CAAC,CAAC;IACvD,sDAAsD,EAAE,CAAC,CAAC;IAC1D,0BAA0B,EAAE,CAAC,CAAC;IAC9B,+BAA+B,EAAE,CAAC,CAAC;IACnC,iCAAiC,EAAE,CAAC,CAAC;IACrC,0DAA0D,EAAE,CAAC,CAAC;IAC9D,6DAA6D,EAAE,CAAC,CAAC;IACjE,4CAA4C,EAAE;MAC5C,yDAAyD,EAAE,CAAC,CAAC;MAC7D,4DAA4D,EAAE,CAAC;IACjE;EAAC,GACEL,iBAAiB,CAAC,CAAC,EACnBL,cAAc,CAAC,CAAC,EAChBG,UAAU,CAAC,CAAC,EACZF,KAAK,CAAC,CAAC;AAEd,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\n}\nfunction clock() {\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\n}\n\nfunction inputStandards() {\n  return {\n    '@apply border-1': {},\n    '@apply border-input-field-outline': {},\n    '@apply hover:border-input-field-outline-hover': {},\n\n    '@apply placeholder:text-dark-placeholder': {},\n\n    '@apply bg-input-field-surface': {},\n\n    //Invalid\n    '&:invalid, &[aria-invalid=\"true\"]': {\n      '@apply border-2 border-error-surface-primary': {},\n    },\n\n    //Disabled\n    '&:disabled, &[aria-disabled=\"true\"]': {\n      '@apply bg-input-field-surface-disabled': {},\n      '@apply border-input-field-outline-disabled': {},\n      '@apply hover:border-input-field-outline-disabled': {},\n      '@apply text-dark-disabled': {},\n    },\n  };\n}\n\nfunction addin() {\n  return {\n    '&-addin': {\n      '@apply bg-transparent': {},\n      '@apply flex': {},\n      '@apply justify-start items-center': {},\n      '&-sm': {\n        '@apply px-6 gap-6': {},\n        '&.sk-form-input-addin-left': {\n          '@apply -mr-12': {},\n          '@apply pl-10': {},\n        },\n        '&.sk-form-input-addin-right': {\n          '@apply -ml-12': {},\n          '@apply pr-10': {},\n        },\n        svg: {\n          '@apply w-16 h-16': {},\n        },\n      },\n      '&-md': {\n        '@apply md:px-8 md:gap-8': {},\n        '&.sk-form-input-addin-left': {\n          '@apply -mr-16': {},\n          '@apply pl-12': {},\n        },\n        '&.sk-form-input-addin-right': {\n          '@apply -ml-16': {},\n          '@apply pr-12': {},\n        },\n        svg: {\n          '@apply w-20 h-20': {},\n        },\n      },\n      '&-lg': {\n        '@apply md:px-8 md:gap-8': {},\n        '&.sk-form-input-addin-left': {\n          '@apply -mr-20': {},\n          '@apply pl-16': {},\n        },\n        '&.sk-form-input-addin-right': {\n          '@apply -ml-20': {},\n          '@apply pr-16': {},\n        },\n        svg: {\n          '@apply w-22 h-22': {},\n        },\n      },\n    },\n  };\n}\n\nfunction inputGroup() {\n  return {\n    '&-group': {\n      '@apply flex relative': {},\n      '@apply items-center': {},\n      '@apply focus-within:ring': {},\n      '@apply focus-within:ring-ring': {},\n      '@apply text-dark-secondary': {},\n      //Focus\n      '@apply focus-within:border-input-field-surface': {},\n\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\n        '@apply focus-within:border-input-field-surface': {},\n      },\n\n      '&&-lg': {\n        '@apply text-input-large': {},\n        '@apply rounded-button-lg': {},\n      },\n      '&&-md': {\n        '@apply text-input-medium': {},\n        '@apply rounded-button-md': {},\n      },\n      '&&-sm': {\n        '@apply text-input-small': {},\n        '@apply rounded-button-sm': {},\n      },\n      ...inputStandards(),\n      '.sk-form-input': {\n        '@apply rounded-0': {},\n        '@apply border-0': {},\n        '@apply focus:ring-0': {},\n        '@apply focus:ring-offset-0': {},\n        '@apply bg-transparent': {},\n        '@apply dark:bg-transparent': {},\n        '@apply grow': {},\n      },\n    },\n  };\n}\n\nfunction timeAndDatePicker() {\n  return {\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\n      '@apply block': {},\n      '@apply p-0': {},\n      '@apply pl-6 md:pl-8': {},\n      '@apply m-0': {},\n      '@apply bg-none': {},\n      '@apply bg-dark-secondary': {},\n      '&.sk-form-input-sm': {\n        '@apply w-16 h-16': {},\n        '@apply -mr-2': {},\n      },\n      '&.sk-form-input-md': {\n        '@apply -mr-4': {},\n        '@apply w-18 h-18': {},\n      },\n      '&.sk-form-input-lg': {\n        '@apply -mr-6': {},\n        '@apply w-20 h-20': {},\n      },\n    },\n\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n      maskSize: 'contain',\n      '-webkit-mask-size': 'contain',\n    },\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\n      {\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\n        maskSize: 'contain',\n        '-webkit-mask-size': 'contain',\n      },\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\n      maskSize: 'contain',\n      '-webkit-mask-size': 'contain',\n    },\n\n    '&:disabled, &[aria-disabled=\"true\"]': {\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\n        '@apply color-black-disabled': {},\n      },\n    },\n  };\n}\n\nexport const Input = () => ({\n  '.sk-form-input': {\n    '@apply grow-0': {},\n    '@apply text-dark-primary': {},\n\n    '&[data-hideextra=\"true\"]': {\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\n        '-webkit-appearance': 'none',\n        display: 'none',\n        margin: '0px',\n      },\n      '-moz-appearance': 'textfield',\n    },\n\n    '&&-lg': {\n      '@apply rounded-button-lg': {},\n      '@apply px-20': {},\n      '@apply py-11': {},\n      '@apply gap-8': {},\n      '@apply text-input-large': {},\n      '@apply h-48': {},\n    },\n    '&&-md': {\n      '@apply rounded-button-md': {},\n      '@apply px-16': {},\n      '@apply py-7': {},\n      '@apply gap-8': {},\n      '@apply text-input-medium': {},\n      '@apply h-40': {},\n    },\n    '&&-sm': {\n      '@apply rounded-button-sm': {},\n      '@apply px-12': {},\n      '@apply py-5': {},\n      '@apply gap-6': {},\n      '@apply text-input-small': {},\n      '@apply h-32': {},\n    },\n    '&&-textarea': {\n      '@apply h-auto': {},\n      '&-warning': {\n        '@apply sr-only': {},\n      },\n    },\n\n    //Focus\n    '@apply focus:ring': {},\n    '@apply focus:ring-ring': {},\n    '@apply focus:ring-offset': {},\n    '@apply focus:border-input-field-surface': {},\n    '@apply focus-within:ring': {},\n    '@apply focus-within:ring-ring': {},\n    '@apply focus-within:ring-offset': {},\n    '@apply focus-within:border-input-field-surface': {},\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\n      '@apply focus:hover:border-input-field-surface': {},\n    },\n    ...timeAndDatePicker(),\n    ...inputStandards(),\n    ...inputGroup(),\n    ...addin(),\n  },\n});\n"],"names":["calendar","clock","inputStandards","addin","svg","inputGroup","timeAndDatePicker","mask","maskSize","Input","display","margin"],"mappings":"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"}

package/dist/esm/components/kbd.js

@@ -1,10 +1,2 @@
-export var Kbd = () => ({
-  '.kbd': {
-    '@apply inline-flex justify-center items-center capitalize text-xs p-1 rounded h-5 whitespace-nowrap font-sans': {},
-    minWidth: '1.25rem',
-    '@apply bg-blackAlpha-100 text-body': {}
-    // dark
-    // '@apply dark:bg-white/30 dark:text-neutral-300': {},
-  }
-});
+export var Kbd=function(){return{".kbd":{"@apply inline-flex justify-center items-center capitalize text-xs p-1 rounded h-5 whitespace-nowrap font-sans":{},minWidth:"1.25rem","@apply bg-blackAlpha-100 text-body":{}}}};
 //# sourceMappingURL=kbd.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kbd.js","names":["Kbd","minWidth"],"sources":["../../../src/components/kbd.ts"],"sourcesContent":["export const Kbd = () => ({\r\n  '.kbd': {\r\n    '@apply inline-flex justify-center items-center capitalize text-xs p-1 rounded h-5 whitespace-nowrap font-sans': {},\r\n    minWidth: '1.25rem',\r\n    '@apply bg-blackAlpha-100 text-body': {},\r\n    // dark\r\n    // '@apply dark:bg-white/30 dark:text-neutral-300': {},\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,GAAG,GAAGA,CAAA,MAAO;EACxB,MAAM,EAAE;IACN,+GAA+G,EAAE,CAAC,CAAC;IACnHC,QAAQ,EAAE,SAAS;IACnB,oCAAoC,EAAE,CAAC;IACvC;IACA;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/kbd.ts"],"sourcesContent":["export const Kbd = () => ({\r\n  '.kbd': {\r\n    '@apply inline-flex justify-center items-center capitalize text-xs p-1 rounded h-5 whitespace-nowrap font-sans': {},\r\n    minWidth: '1.25rem',\r\n    '@apply bg-blackAlpha-100 text-body': {},\r\n    // dark\r\n    // '@apply dark:bg-white/30 dark:text-neutral-300': {},\r\n  },\r\n});\r\n"],"names":["Kbd","minWidth"],"mappings":"AAAA,OAAO,IAAMA,IAAM,iBAAO,CACxB,OAAQ,CACN,gHAAiH,CAAC,EAClHC,SAAU,UACV,qCAAsC,CAAC,CAGzC,CACF,EAAG"}

package/dist/esm/components/label.js

@@ -1,39 +1,2 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-export var Label = colors => ({
-  '.sk-label': _extends({
-    '@apply inline-flex flex-row': {},
-    '@apply justify-center items-center': {},
-    '@apply gap-6 px-10 py-4': {},
-    '@apply h-24 max-h-24': {},
-    '@apply text-label-small': {},
-    '@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {},
-    '@apply bg-dark-primary': {},
-    '@apply text-light-primary': {},
-    '&[data-rounded="true"]': {
-      '@apply rounded-full': {}
-    },
-    '&[data-inverted="true"]': {
-      '@apply bg-tertiary-surface': {},
-      '@apply text-dark-primary': {}
-    }
-  }, colors.reduce((styles, color) => _extends({}, styles, {
-    ["&[data-color=\"" + color + "\"]"]: {
-      ["@apply bg-" + color + "-surface-primary"]: {},
-      ["@apply text-" + color + "-text-secondary"]: {},
-      '&[data-inverted="true"]': {
-        ["@apply bg-" + color + "-surface-accent"]: {},
-        ["@apply text-" + color + "-text-primary"]: {}
-      }
-    }
-  }), {}), {
-    '&[data-color="tertiary"]': {
-      '@apply bg-dark-primary': {},
-      '@apply text-light-primary': {},
-      '&[data-inverted="true"]': {
-        '@apply bg-tertiary-surface': {},
-        '@apply text-dark-primary': {}
-      }
-    }
-  })
-});
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}export var Label=function(colors){return{".sk-label":_object_spread_props(_object_spread({"@apply inline-flex flex-row":{},"@apply justify-center items-center":{},"@apply gap-6 px-10 py-4":{},"@apply h-24 max-h-24":{},"@apply text-label-small":{},"@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg":{},"@apply bg-dark-primary":{},"@apply text-light-primary":{},'&[data-rounded="true"]':{"@apply rounded-full":{}},'&[data-inverted="true"]':{"@apply bg-tertiary-surface":{},"@apply text-dark-primary":{}}},colors.reduce(function(styles,color){var _obj,_obj1;return _object_spread_props(_object_spread({},styles),_define_property({},'&[data-color="'.concat(color,'"]'),(_obj1={},_define_property(_obj1,"@apply bg-".concat(color,"-surface-primary"),{}),_define_property(_obj1,"@apply text-".concat(color,"-text-secondary"),{}),_define_property(_obj1,'&[data-inverted="true"]',(_obj={},_define_property(_obj,"@apply bg-".concat(color,"-surface-accent"),{}),_define_property(_obj,"@apply text-".concat(color,"-text-primary"),{}),_obj)),_obj1)))},{})),{'&[data-color="tertiary"]':{"@apply bg-dark-primary":{},"@apply text-light-primary":{},'&[data-inverted="true"]':{"@apply bg-tertiary-surface":{},"@apply text-dark-primary":{}}}})}};
 //# sourceMappingURL=label.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"label.js","names":["Label","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/label.ts"],"sourcesContent":["export const Label = (colors: string[]) => ({\r\n  '.sk-label': {\r\n    '@apply inline-flex flex-row': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply gap-6 px-10 py-4': {},\r\n    '@apply h-24 max-h-24': {},\r\n    '@apply text-label-small': {},\r\n\r\n    '@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {},\r\n\r\n    '@apply bg-dark-primary': {},\r\n    '@apply text-light-primary': {},\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply bg-tertiary-surface': {},\r\n      '@apply text-dark-primary': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-primary`]: {},\r\n          [`@apply text-${color}-text-secondary`]: {},\r\n          '&[data-inverted=\"true\"]': {\r\n            [`@apply bg-${color}-surface-accent`]: {},\r\n            [`@apply text-${color}-text-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&[data-color=\"tertiary\"]': {\r\n      '@apply bg-dark-primary': {},\r\n      '@apply text-light-primary': {},\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply bg-tertiary-surface': {},\r\n        '@apply text-dark-primary': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,KAAK,GAAIC,MAAgB,KAAM;EAC1C,WAAW,EAAAC,QAAA;IACT,6BAA6B,EAAE,CAAC,CAAC;IACjC,oCAAoC,EAAE,CAAC,CAAC;IACxC,yBAAyB,EAAE,CAAC,CAAC;IAC7B,sBAAsB,EAAE,CAAC,CAAC;IAC1B,yBAAyB,EAAE,CAAC,CAAC;IAE7B,uEAAuE,EAAE,CAAC,CAAC;IAE3E,wBAAwB,EAAE,CAAC,CAAC;IAC5B,2BAA2B,EAAE,CAAC,CAAC;IAE/B,wBAAwB,EAAE;MACxB,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,yBAAyB,EAAE;MACzB,4BAA4B,EAAE,CAAC,CAAC;MAChC,0BAA0B,EAAE,CAAC;IAC/B;EAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,wBAAqB,CAAC,CAAC;MAC1C,kBAAgBA,KAAK,uBAAoB,CAAC,CAAC;MAC3C,yBAAyB,EAAE;QACzB,gBAAcA,KAAK,uBAAoB,CAAC,CAAC;QACzC,kBAAgBA,KAAK,qBAAkB,CAAC;MAC1C;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IACD,0BAA0B,EAAE;MAC1B,wBAAwB,EAAE,CAAC,CAAC;MAC5B,2BAA2B,EAAE,CAAC,CAAC;MAC/B,yBAAyB,EAAE;QACzB,4BAA4B,EAAE,CAAC,CAAC;QAChC,0BAA0B,EAAE,CAAC;MAC/B;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/label.ts"],"sourcesContent":["export const Label = (colors: string[]) => ({\n  '.sk-label': {\n    '@apply inline-flex flex-row': {},\n    '@apply justify-center items-center': {},\n    '@apply gap-6 px-10 py-4': {},\n    '@apply h-24 max-h-24': {},\n    '@apply text-label-small': {},\n\n    '@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {},\n\n    '@apply bg-dark-primary': {},\n    '@apply text-light-primary': {},\n\n    '&[data-rounded=\"true\"]': {\n      '@apply rounded-full': {},\n    },\n    '&[data-inverted=\"true\"]': {\n      '@apply bg-tertiary-surface': {},\n      '@apply text-dark-primary': {},\n    },\n\n    ...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          [`@apply bg-${color}-surface-primary`]: {},\n          [`@apply text-${color}-text-secondary`]: {},\n          '&[data-inverted=\"true\"]': {\n            [`@apply bg-${color}-surface-accent`]: {},\n            [`@apply text-${color}-text-primary`]: {},\n          },\n        },\n      }),\n      {}\n    ),\n    '&[data-color=\"tertiary\"]': {\n      '@apply bg-dark-primary': {},\n      '@apply text-light-primary': {},\n      '&[data-inverted=\"true\"]': {\n        '@apply bg-tertiary-surface': {},\n        '@apply text-dark-primary': {},\n      },\n    },\n  },\n});\n"],"names":["Label","colors","reduce","styles","color"],"mappings":"uuCAAA,OAAO,IAAMA,MAAQ,SAACC,cAAsB,CAC1C,YAAa,qCACX,8BAA+B,CAAC,EAChC,qCAAsC,CAAC,EACvC,0BAA2B,CAAC,EAC5B,uBAAwB,CAAC,EACzB,0BAA2B,CAAC,EAE5B,wEAAyE,CAAC,EAE1E,yBAA0B,CAAC,EAC3B,4BAA6B,CAAC,EAE9B,yBAA0B,CACxB,sBAAuB,CAAC,CAC1B,EACA,0BAA2B,CACzB,6BAA8B,CAAC,EAC/B,2BAA4B,CAAC,CAC/B,GAEGA,OAAOC,MAAM,CACd,SAACC,OAAQC,WAKsB,KAHC,aAFZ,uCACfD,4BACF,AAAC,iBAAsB,OAANC,MAAM,OAAM,SAC5B,iBAD4B,MAC3B,AAAC,aAAkB,OAANA,MAAM,oBAAoB,CAAC,GACzC,iBAF4B,MAE3B,AAAC,eAAoB,OAANA,MAAM,mBAAmB,CAAC,oBAFd,MAG5B,2BAA2B,QACzB,iBADyB,KACxB,AAAC,aAAkB,OAANA,MAAM,mBAAmB,CAAC,GACxC,iBAFyB,KAExB,AAAC,eAAoB,OAANA,MAAM,iBAAiB,CAAC,GAFf,OAHC,UAShC,CAAC,KAEH,2BAA4B,CAC1B,yBAA0B,CAAC,EAC3B,4BAA6B,CAAC,EAC9B,0BAA2B,CACzB,6BAA8B,CAAC,EAC/B,2BAA4B,CAAC,CAC/B,CACF,GAEJ,EAAG"}

package/dist/esm/components/link.js

@@ -1,50 +1,2 @@
-export var Link = () => ({
-  '.sk-link': {
-    '@apply underline outline-none hover:underline': {},
-    '@apply rounded-utility': {},
-    // focus
-    '@apply focus-visible:ring ring-offset-6': {},
-    // sizes
-    '&-sm': {
-      '@apply text-small': {}
-    },
-    '&-md': {
-      '@apply text-base': {}
-    },
-    '&-lg': {
-      '@apply text-large': {}
-    },
-    '&-xl': {
-      '@apply text-lead': {}
-    },
-    // variants
-    '&-primary': {
-      '@apply text-vattjom-surface-primary hover:text-vattjom-surface-primary-hover': {},
-      '&[data-inverted="true"]': {
-        '@apply text-inverted-vattjom-surface-primary  hover:text-inverted-vattjom-surface-primary-hover': {}
-      }
-    },
-    '&-tertiary': {
-      '@apply text-dark-secondary hover:text-dark-primary': {},
-      '&[data-inverted="true"]': {
-        '@apply text-inverted-dark-secondary hover:text-inverted-dark-primary': {}
-      }
-    },
-    '&.active': {
-      '@apply underline': {}
-    },
-    '& &-external-icon': {
-      '@apply w-[1em] h-[1em] leading-none ml-[.25em] align-text-top': {}
-    },
-    '&[type="button"]': {
-      '@apply inline-flex items-center align-bottom': {}
-    },
-    '&-disabled': {
-      '@apply text-dark-disabled cursor-default': {},
-      '&[data-inverted="true"]': {
-        '@apply text-inverted-dark-disabled': {}
-      }
-    }
-  }
-});
+export var Link=function(){return{".sk-link":{"@apply underline outline-none hover:underline":{},"@apply rounded-utility":{},"@apply focus-visible:ring ring-offset-6":{},"&-sm":{"@apply text-small":{}},"&-md":{"@apply text-base":{}},"&-lg":{"@apply text-large":{}},"&-xl":{"@apply text-lead":{}},"&-primary":{"@apply text-vattjom-surface-primary hover:text-vattjom-surface-primary-hover":{},'&[data-inverted="true"]':{"@apply text-inverted-vattjom-surface-primary  hover:text-inverted-vattjom-surface-primary-hover":{}}},"&-tertiary":{"@apply text-dark-secondary hover:text-dark-primary":{},'&[data-inverted="true"]':{"@apply text-inverted-dark-secondary hover:text-inverted-dark-primary":{}}},"&.active":{"@apply underline":{}},"& &-external-icon":{"@apply w-[1em] h-[1em] leading-none ml-[.25em] align-text-top":{}},'&[type="button"]':{"@apply inline-flex items-center align-bottom":{}},"&-disabled":{"@apply text-dark-disabled cursor-default":{},'&[data-inverted="true"]':{"@apply text-inverted-dark-disabled":{}}}}}};
 //# sourceMappingURL=link.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"link.js","names":["Link"],"sources":["../../../src/components/link.ts"],"sourcesContent":["export const Link = () => ({\r\n  '.sk-link': {\r\n    '@apply underline outline-none hover:underline': {},\r\n    '@apply rounded-utility': {},\r\n\r\n    // focus\r\n    '@apply focus-visible:ring ring-offset-6': {},\r\n\r\n    // sizes\r\n    '&-sm': {\r\n      '@apply text-small': {},\r\n    },\r\n    '&-md': {\r\n      '@apply text-base': {},\r\n    },\r\n    '&-lg': {\r\n      '@apply text-large': {},\r\n    },\r\n    '&-xl': {\r\n      '@apply text-lead': {},\r\n    },\r\n\r\n    // variants\r\n    '&-primary': {\r\n      '@apply text-vattjom-surface-primary hover:text-vattjom-surface-primary-hover': {},\r\n  \r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-vattjom-surface-primary  hover:text-inverted-vattjom-surface-primary-hover': {},\r\n      },\r\n    },\r\n    '&-tertiary': {\r\n      '@apply text-dark-secondary hover:text-dark-primary': {},\r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-dark-secondary hover:text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&.active': {\r\n      '@apply underline': {},\r\n    },\r\n\r\n    '& &-external-icon': {\r\n      '@apply w-[1em] h-[1em] leading-none ml-[.25em] align-text-top': {},\r\n    },\r\n\r\n    '&[type=\"button\"]': {\r\n      '@apply inline-flex items-center align-bottom': {},\r\n    },\r\n\r\n    '&-disabled': {\r\n      '@apply text-dark-disabled cursor-default': {},\r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-dark-disabled': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,+CAA+C,EAAE,CAAC,CAAC;IACnD,wBAAwB,EAAE,CAAC,CAAC;IAE5B;IACA,yCAAyC,EAAE,CAAC,CAAC;IAE7C;IACA,MAAM,EAAE;MACN,mBAAmB,EAAE,CAAC;IACxB,CAAC;IACD,MAAM,EAAE;MACN,kBAAkB,EAAE,CAAC;IACvB,CAAC;IACD,MAAM,EAAE;MACN,mBAAmB,EAAE,CAAC;IACxB,CAAC;IACD,MAAM,EAAE;MACN,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED;IACA,WAAW,EAAE;MACX,8EAA8E,EAAE,CAAC,CAAC;MAElF,yBAAyB,EAAC;QACxB,iGAAiG,EAAE,CAAC;MACtG;IACF,CAAC;IACD,YAAY,EAAE;MACZ,oDAAoD,EAAE,CAAC,CAAC;MACxD,yBAAyB,EAAC;QACxB,sEAAsE,EAAE,CAAC;MAC3E;IACF,CAAC;IAED,UAAU,EAAE;MACV,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,mBAAmB,EAAE;MACnB,+DAA+D,EAAE,CAAC;IACpE,CAAC;IAED,kBAAkB,EAAE;MAClB,8CAA8C,EAAE,CAAC;IACnD,CAAC;IAED,YAAY,EAAE;MACZ,0CAA0C,EAAE,CAAC,CAAC;MAC9C,yBAAyB,EAAC;QACxB,oCAAoC,EAAE,CAAC;MACzC;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/link.ts"],"sourcesContent":["export const Link = () => ({\r\n  '.sk-link': {\r\n    '@apply underline outline-none hover:underline': {},\r\n    '@apply rounded-utility': {},\r\n\r\n    // focus\r\n    '@apply focus-visible:ring ring-offset-6': {},\r\n\r\n    // sizes\r\n    '&-sm': {\r\n      '@apply text-small': {},\r\n    },\r\n    '&-md': {\r\n      '@apply text-base': {},\r\n    },\r\n    '&-lg': {\r\n      '@apply text-large': {},\r\n    },\r\n    '&-xl': {\r\n      '@apply text-lead': {},\r\n    },\r\n\r\n    // variants\r\n    '&-primary': {\r\n      '@apply text-vattjom-surface-primary hover:text-vattjom-surface-primary-hover': {},\r\n  \r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-vattjom-surface-primary  hover:text-inverted-vattjom-surface-primary-hover': {},\r\n      },\r\n    },\r\n    '&-tertiary': {\r\n      '@apply text-dark-secondary hover:text-dark-primary': {},\r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-dark-secondary hover:text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&.active': {\r\n      '@apply underline': {},\r\n    },\r\n\r\n    '& &-external-icon': {\r\n      '@apply w-[1em] h-[1em] leading-none ml-[.25em] align-text-top': {},\r\n    },\r\n\r\n    '&[type=\"button\"]': {\r\n      '@apply inline-flex items-center align-bottom': {},\r\n    },\r\n\r\n    '&-disabled': {\r\n      '@apply text-dark-disabled cursor-default': {},\r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-dark-disabled': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Link"],"mappings":"AAAA,OAAO,IAAMA,KAAO,iBAAO,CACzB,WAAY,CACV,gDAAiD,CAAC,EAClD,yBAA0B,CAAC,EAG3B,0CAA2C,CAAC,EAG5C,OAAQ,CACN,oBAAqB,CAAC,CACxB,EACA,OAAQ,CACN,mBAAoB,CAAC,CACvB,EACA,OAAQ,CACN,oBAAqB,CAAC,CACxB,EACA,OAAQ,CACN,mBAAoB,CAAC,CACvB,EAGA,YAAa,CACX,+EAAgF,CAAC,EAEjF,0BAA0B,CACxB,kGAAmG,CAAC,CACtG,CACF,EACA,aAAc,CACZ,qDAAsD,CAAC,EACvD,0BAA0B,CACxB,uEAAwE,CAAC,CAC3E,CACF,EAEA,WAAY,CACV,mBAAoB,CAAC,CACvB,EAEA,oBAAqB,CACnB,gEAAiE,CAAC,CACpE,EAEA,mBAAoB,CAClB,+CAAgD,CAAC,CACnD,EAEA,aAAc,CACZ,2CAA4C,CAAC,EAC7C,0BAA0B,CACxB,qCAAsC,CAAC,CACzC,CACF,CACF,CACF,EAAG"}

package/dist/esm/components/list.js

@@ -1,54 +1,2 @@
-export var List = () => ({
-  '.sk-list': {
-    // General
-    li: {
-      '&:before': {
-        '@apply text-vattjom-surface-primary font-bold': {},
-        '@apply absolute inline-flex items-center justify-center text-center': {},
-        '@apply w-24 h-24': {}
-      }
-    },
-    '&[data-style="bullet"]': {
-      li: {
-        '&:before': {
-          "@apply content-['•'] my-5 text-lead": {}
-        }
-      }
-    },
-    '&[data-style="numbered"]': {
-      li: {
-        counterIncrement: 'item',
-        '&:before': {
-          '@apply text-small border-vattjom-surface-primary rounded-full leading-8': {},
-          '@apply my-6 h-22 w-22 border-2': {},
-          content: 'counter(item)'
-        }
-      }
-    },
-    '&[data-style="stroke"]': {
-      li: {
-        '&:before': {
-          "@apply content-['–'] my-4 text-base": {}
-        }
-      }
-    },
-    '.sk-link': {
-      '&-tertiary': {
-        '@apply text-dark-primary': {},
-        '&:hover': {
-          '@apply text-dark-secondary': {}
-        }
-      }
-    },
-    '&-item': {
-      '@apply pt-20': {}
-    },
-    '&-header': {
-      '@apply text-large font-bold ml-32': {}
-    },
-    '&-text': {
-      '@apply text-dark-secondary ml-32': {}
-    }
-  }
-});
+export var List=function(){return{".sk-list":{li:{"&:before":{"@apply text-vattjom-surface-primary font-bold":{},"@apply absolute inline-flex items-center justify-center text-center":{},"@apply w-24 h-24":{}}},'&[data-style="bullet"]':{li:{"&:before":{"@apply content-['•'] my-5 text-lead":{}}}},'&[data-style="numbered"]':{li:{counterIncrement:"item","&:before":{"@apply text-small border-vattjom-surface-primary rounded-full leading-8":{},"@apply my-6 h-22 w-22 border-2":{},content:"counter(item)"}}},'&[data-style="stroke"]':{li:{"&:before":{"@apply content-['–'] my-4 text-base":{}}}},".sk-link":{"&-tertiary":{"@apply text-dark-primary":{},"&:hover":{"@apply text-dark-secondary":{}}}},"&-item":{"@apply pt-20":{}},"&-header":{"@apply text-large font-bold ml-32":{}},"&-text":{"@apply text-dark-secondary ml-32":{}}}}};
 //# sourceMappingURL=list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":["List","li","counterIncrement","content"],"sources":["../../../src/components/list.ts"],"sourcesContent":["export const List = () => ({\r\n  '.sk-list': {\r\n    // General\r\n    li: {\r\n      '&:before': {\r\n        '@apply text-vattjom-surface-primary font-bold': {},\r\n        '@apply absolute inline-flex items-center justify-center text-center': {},\r\n        '@apply w-24 h-24': {},\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"bullet\"]': {\r\n      li: {\r\n        '&:before': {\r\n          \"@apply content-['•'] my-5 text-lead\": {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"numbered\"]': {\r\n      li: {\r\n        counterIncrement: 'item',\r\n\r\n        '&:before': {\r\n          '@apply text-small border-vattjom-surface-primary rounded-full leading-8': {},\r\n          '@apply my-6 h-22 w-22 border-2': {},\r\n          content: 'counter(item)',\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"stroke\"]': {\r\n      li: {\r\n        '&:before': {\r\n          \"@apply content-['–'] my-4 text-base\": {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '.sk-link': {\r\n      '&-tertiary': {\r\n        '@apply text-dark-primary': {},\r\n        '&:hover': {\r\n          '@apply text-dark-secondary': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply pt-20': {},\r\n    },\r\n\r\n    '&-header': {\r\n      '@apply text-large font-bold ml-32': {},\r\n    },\r\n\r\n    '&-text': {\r\n      '@apply text-dark-secondary ml-32': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV;IACAC,EAAE,EAAE;MACF,UAAU,EAAE;QACV,+CAA+C,EAAE,CAAC,CAAC;QACnD,qEAAqE,EAAE,CAAC,CAAC;QACzE,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,wBAAwB,EAAE;MACxBA,EAAE,EAAE;QACF,UAAU,EAAE;UACV,qCAAqC,EAAE,CAAC;QAC1C;MACF;IACF,CAAC;IAED,0BAA0B,EAAE;MAC1BA,EAAE,EAAE;QACFC,gBAAgB,EAAE,MAAM;QAExB,UAAU,EAAE;UACV,yEAAyE,EAAE,CAAC,CAAC;UAC7E,gCAAgC,EAAE,CAAC,CAAC;UACpCC,OAAO,EAAE;QACX;MACF;IACF,CAAC;IAED,wBAAwB,EAAE;MACxBF,EAAE,EAAE;QACF,UAAU,EAAE;UACV,qCAAqC,EAAE,CAAC;QAC1C;MACF;IACF,CAAC;IAED,UAAU,EAAE;MACV,YAAY,EAAE;QACZ,0BAA0B,EAAE,CAAC,CAAC;QAC9B,SAAS,EAAE;UACT,4BAA4B,EAAE,CAAC;QACjC;MACF;IACF,CAAC;IAED,QAAQ,EAAE;MACR,cAAc,EAAE,CAAC;IACnB,CAAC;IAED,UAAU,EAAE;MACV,mCAAmC,EAAE,CAAC;IACxC,CAAC;IAED,QAAQ,EAAE;MACR,kCAAkC,EAAE,CAAC;IACvC;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/list.ts"],"sourcesContent":["export const List = () => ({\n  '.sk-list': {\n    // General\n    li: {\n      '&:before': {\n        '@apply text-vattjom-surface-primary font-bold': {},\n        '@apply absolute inline-flex items-center justify-center text-center': {},\n        '@apply w-24 h-24': {},\n      },\n    },\n\n    '&[data-style=\"bullet\"]': {\n      li: {\n        '&:before': {\n          \"@apply content-['•'] my-5 text-lead\": {},\n        },\n      },\n    },\n\n    '&[data-style=\"numbered\"]': {\n      li: {\n        counterIncrement: 'item',\n\n        '&:before': {\n          '@apply text-small border-vattjom-surface-primary rounded-full leading-8': {},\n          '@apply my-6 h-22 w-22 border-2': {},\n          content: 'counter(item)',\n        },\n      },\n    },\n\n    '&[data-style=\"stroke\"]': {\n      li: {\n        '&:before': {\n          \"@apply content-['–'] my-4 text-base\": {},\n        },\n      },\n    },\n\n    '.sk-link': {\n      '&-tertiary': {\n        '@apply text-dark-primary': {},\n        '&:hover': {\n          '@apply text-dark-secondary': {},\n        },\n      },\n    },\n\n    '&-item': {\n      '@apply pt-20': {},\n    },\n\n    '&-header': {\n      '@apply text-large font-bold ml-32': {},\n    },\n\n    '&-text': {\n      '@apply text-dark-secondary ml-32': {},\n    },\n  },\n});\n"],"names":["List","li","counterIncrement","content"],"mappings":"AAAA,OAAO,IAAMA,KAAO,iBAAO,CACzB,WAAY,CAEVC,GAAI,CACF,WAAY,CACV,gDAAiD,CAAC,EAClD,sEAAuE,CAAC,EACxE,mBAAoB,CAAC,CACvB,CACF,EAEA,yBAA0B,CACxBA,GAAI,CACF,WAAY,CACV,sCAAuC,CAAC,CAC1C,CACF,CACF,EAEA,2BAA4B,CAC1BA,GAAI,CACFC,iBAAkB,OAElB,WAAY,CACV,0EAA2E,CAAC,EAC5E,iCAAkC,CAAC,EACnCC,QAAS,eACX,CACF,CACF,EAEA,yBAA0B,CACxBF,GAAI,CACF,WAAY,CACV,sCAAuC,CAAC,CAC1C,CACF,CACF,EAEA,WAAY,CACV,aAAc,CACZ,2BAA4B,CAAC,EAC7B,UAAW,CACT,6BAA8B,CAAC,CACjC,CACF,CACF,EAEA,SAAU,CACR,eAAgB,CAAC,CACnB,EAEA,WAAY,CACV,oCAAqC,CAAC,CACxC,EAEA,SAAU,CACR,mCAAoC,CAAC,CACvC,CACF,CACF,EAAG"}

package/dist/esm/components/logo.js

@@ -1,49 +1,2 @@
-export var Logo = () => ({
-  '.sk-logo': {
-    '@apply flex w-auto h-auto': {},
-    '@apply items-center': {},
-    '@apply text-dark-primary': {},
-    '&[data-inverted="true"]': {
-      '@apply text-light-primary': {},
-      '.sk-logo-divider': {
-        '@apply border-inverted-divider': {}
-      }
-    },
-    '&-figure': {
-      '@apply w-full h-full': {}
-    },
-    '&[data-variant="service"]': {
-      '@apply flex-row gap-6': {},
-      '@apply w-max': {},
-      '@apply h-60': {},
-      '@apply pb-4': {},
-      '.sk-logo-figure': {
-        '@apply w-auto h-56': {}
-      }
-    },
-    'a:focus-within &': {
-      '@apply outline outline-2 outline-ring': {}
-    },
-    'a &': {
-      '@apply no-underline': {}
-    },
-    'a:hover &': {
-      '@apply underline': {}
-    },
-    '&-service-content': {
-      '@apply h-full w-max': {},
-      '@apply flex flex-col justify-center': {},
-      '@apply pl-2 pt-2 pr-8 pb-0': {}
-    },
-    '&-title': {
-      '@apply font-header text-logo-header': {}
-    },
-    '&-subtitle': {
-      '@apply text-small font-normal block': {}
-    },
-    '&-divider': {
-      '@apply pt-8 pb-4': {}
-    }
-  }
-});
+export var Logo=function(){return{".sk-logo":{"@apply flex w-auto h-auto":{},"@apply items-center":{},"@apply text-dark-primary":{},'&[data-inverted="true"]':{"@apply text-light-primary":{},".sk-logo-divider":{"@apply border-inverted-divider":{}}},"&-figure":{"@apply w-full h-full":{}},'&[data-variant="service"]':{"@apply flex-row gap-6":{},"@apply w-max":{},"@apply h-60":{},"@apply pb-4":{},".sk-logo-figure":{"@apply w-auto h-56":{}}},"a:focus-within &":{"@apply outline outline-2 outline-ring":{}},"a &":{"@apply no-underline":{}},"a:hover &":{"@apply underline":{}},"&-service-content":{"@apply h-full w-max":{},"@apply flex flex-col justify-center":{},"@apply pl-2 pt-2 pr-8 pb-0":{}},"&-title":{"@apply font-header text-logo-header":{}},"&-subtitle":{"@apply text-small font-normal block":{}},"&-divider":{"@apply pt-8 pb-4":{}}}}};
 //# sourceMappingURL=logo.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"logo.js","names":["Logo"],"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\r\n  '.sk-logo': {\r\n    '@apply flex w-auto h-auto': {},\r\n    '@apply items-center': {},\r\n    '@apply text-dark-primary': {},\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-light-primary': {},\r\n      '.sk-logo-divider': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n\r\n    '&-figure': {\r\n      '@apply w-full h-full': {},\r\n    },\r\n    '&[data-variant=\"service\"]': {\r\n      '@apply flex-row gap-6': {},\r\n      '@apply w-max': {},\r\n      '@apply h-60': {},\r\n      '@apply pb-4': {},\r\n      '.sk-logo-figure': {\r\n        '@apply w-auto h-56': {},\r\n      },\r\n    },\r\n    'a:focus-within &': {\r\n      '@apply outline outline-2 outline-ring': {},\r\n    },\r\n    'a &': {\r\n      '@apply no-underline': {},\r\n    },\r\n    'a:hover &': {\r\n      '@apply underline': {},\r\n    },\r\n    '&-service-content': {\r\n      '@apply h-full w-max': {},\r\n      '@apply flex flex-col justify-center': {},\r\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\r\n    },\r\n    '&-title': {\r\n      '@apply font-header text-logo-header': {},\r\n    },\r\n    '&-subtitle': {\r\n      '@apply text-small font-normal block': {},\r\n    },\r\n    '&-divider': {\r\n      '@apply pt-8 pb-4': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,2BAA2B,EAAE,CAAC,CAAC;IAC/B,qBAAqB,EAAE,CAAC,CAAC;IACzB,0BAA0B,EAAE,CAAC,CAAC;IAC9B,yBAAyB,EAAE;MACzB,2BAA2B,EAAE,CAAC,CAAC;MAC/B,kBAAkB,EAAE;QAClB,gCAAgC,EAAE,CAAC;MACrC;IACF,CAAC;IAED,UAAU,EAAE;MACV,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,2BAA2B,EAAE;MAC3B,uBAAuB,EAAE,CAAC,CAAC;MAC3B,cAAc,EAAE,CAAC,CAAC;MAClB,aAAa,EAAE,CAAC,CAAC;MACjB,aAAa,EAAE,CAAC,CAAC;MACjB,iBAAiB,EAAE;QACjB,oBAAoB,EAAE,CAAC;MACzB;IACF,CAAC;IACD,kBAAkB,EAAE;MAClB,uCAAuC,EAAE,CAAC;IAC5C,CAAC;IACD,KAAK,EAAE;MACL,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,WAAW,EAAE;MACX,kBAAkB,EAAE,CAAC;IACvB,CAAC;IACD,mBAAmB,EAAE;MACnB,qBAAqB,EAAE,CAAC,CAAC;MACzB,qCAAqC,EAAE,CAAC,CAAC;MACzC,4BAA4B,EAAE,CAAC;IACjC,CAAC;IACD,SAAS,EAAE;MACT,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IACD,YAAY,EAAE;MACZ,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IACD,WAAW,EAAE;MACX,kBAAkB,EAAE,CAAC;IACvB;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\n  '.sk-logo': {\n    '@apply flex w-auto h-auto': {},\n    '@apply items-center': {},\n    '@apply text-dark-primary': {},\n    '&[data-inverted=\"true\"]': {\n      '@apply text-light-primary': {},\n      '.sk-logo-divider': {\n        '@apply border-inverted-divider': {},\n      },\n    },\n\n    '&-figure': {\n      '@apply w-full h-full': {},\n    },\n    '&[data-variant=\"service\"]': {\n      '@apply flex-row gap-6': {},\n      '@apply w-max': {},\n      '@apply h-60': {},\n      '@apply pb-4': {},\n      '.sk-logo-figure': {\n        '@apply w-auto h-56': {},\n      },\n    },\n    'a:focus-within &': {\n      '@apply outline outline-2 outline-ring': {},\n    },\n    'a &': {\n      '@apply no-underline': {},\n    },\n    'a:hover &': {\n      '@apply underline': {},\n    },\n    '&-service-content': {\n      '@apply h-full w-max': {},\n      '@apply flex flex-col justify-center': {},\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\n    },\n    '&-title': {\n      '@apply font-header text-logo-header': {},\n    },\n    '&-subtitle': {\n      '@apply text-small font-normal block': {},\n    },\n    '&-divider': {\n      '@apply pt-8 pb-4': {},\n    },\n  },\n});\n"],"names":["Logo"],"mappings":"AAAA,OAAO,IAAMA,KAAO,iBAAO,CACzB,WAAY,CACV,4BAA6B,CAAC,EAC9B,sBAAuB,CAAC,EACxB,2BAA4B,CAAC,EAC7B,0BAA2B,CACzB,4BAA6B,CAAC,EAC9B,mBAAoB,CAClB,iCAAkC,CAAC,CACrC,CACF,EAEA,WAAY,CACV,uBAAwB,CAAC,CAC3B,EACA,4BAA6B,CAC3B,wBAAyB,CAAC,EAC1B,eAAgB,CAAC,EACjB,cAAe,CAAC,EAChB,cAAe,CAAC,EAChB,kBAAmB,CACjB,qBAAsB,CAAC,CACzB,CACF,EACA,mBAAoB,CAClB,wCAAyC,CAAC,CAC5C,EACA,MAAO,CACL,sBAAuB,CAAC,CAC1B,EACA,YAAa,CACX,mBAAoB,CAAC,CACvB,EACA,oBAAqB,CACnB,sBAAuB,CAAC,EACxB,sCAAuC,CAAC,EACxC,6BAA8B,CAAC,CACjC,EACA,UAAW,CACT,sCAAuC,CAAC,CAC1C,EACA,aAAc,CACZ,sCAAuC,CAAC,CAC1C,EACA,YAAa,CACX,mBAAoB,CAAC,CACvB,CACF,CACF,EAAG"}

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

@@ -1,208 +1,2 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var svgToDataUri = require('mini-svg-data-uri');
-var MenuVerticalNav = () => ({
-  '.sk-menu-vertical-nav': {
-    '.sk-menu-vertical': {
-      '@apply gap-12': {},
-      '&.ul, & ul': {
-        '@apply pt-12 pr-16 pb-16': {}
-      },
-      '&-item': {
-        '.sk-menu-vertical-item-submenu': {
-          '@apply font-bold': {},
-          '&-medium': {
-            'button, a': {
-              '@apply py-6 px-14': {}
-            }
-          },
-          '&-large': {
-            'button, a': {
-              '@apply text-large': {},
-              '@apply py-10 px-14': {}
-            }
-          }
-        }
-      }
-    }
-  }
-});
-var MenuVerticalSidebar = () => ({
-  '.sk-menu-vertical-sidebar': {
-    '@apply rounded-button': {},
-    '> ul > li > .sk-menu-vertical-item-submenu': {
-      '> .sk-menu-vertical-item-submenu-button': {
-        '@apply min-h-52': {}
-      }
-    },
-    '> ul': {
-      '@apply py-16 px-24': {}
-    },
-    '.sk-menu-vertical': {
-      '@apply gap-12': {},
-      '&-header': {
-        '@apply bg-primary-surface': {},
-        '@apply rounded-t-button': {},
-        '@apply py-20 px-32': {},
-        '&, a': {
-          '@apply text-light-primary': {}
-        },
-        '.sk-divider': {
-          '@apply border-inverted-divider': {}
-        },
-        '.sk-logo': {
-          '@apply text-light-secondary': {}
-        }
-      },
-      '&.ul, & ul': {
-        '@apply py-8 pl-20 ml-20': {}
-      },
-      'li ul': {
-        '@apply gap-8': {},
-        ul: {
-          li: {
-            '@apply text-small leading-18': {},
-            '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {
-              '@apply py-6 px-14': {}
-            }
-          }
-        },
-        li: {
-          '@apply relative -ml-4': {},
-          // hook
-          '&:before': {
-            '@apply content-[""] absolute inline-flex w-20 h-44 -top-8 -left-16': {},
-            backgroundImage: "url(\"" + svgToDataUri("<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>") + "\")",
-            backgroundRepeat: 'no-repeat'
-          },
-          // line
-          '&:not(:last-child):after': {
-            '@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},
-            backgroundImage: "url(\"" + svgToDataUri("<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> ") + "\")",
-            backgroundRepeat: 'repeat-y'
-          },
-          // lastline
-          '&:last-child:after': {
-            '@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},
-            backgroundImage: "url(\"" + svgToDataUri("<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> ") + "\")",
-            backgroundRepeat: 'no-repeat'
-          }
-        }
-      },
-      '&-item': {
-        '.sk-menu-vertical-item-submenu': {
-          '&-button': {
-            '@apply gap-8': {},
-            '&[aria-current="page"], &[aria-current="page"] ~ button': {
-              '@apply font-bold': {}
-            }
-          }
-        },
-        '> a, > button': {
-          '&[aria-current="page"]': {
-            '@apply font-bold': {}
-          }
-        }
-      }
-    }
-  }
-});
-export var MenuVertical = () => _extends({
-  '.sk-menu-vertical': {
-    '@apply flex flex-col': {},
-    '@apply text-base': {},
-    '&.hide': {
-      '@apply hidden': {}
-    },
-    '&-backbutton': {
-      '@apply flex items-center gap-16 text-lead mb-40': {}
-    },
-    '&-label': {
-      '@apply mb-24': {}
-    },
-    '&-item': {
-      '@apply flex flex-col': {},
-      '&.hide': {
-        '@apply hidden': {}
-      },
-      '[aria-disabled="true"]': {
-        '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7': {}
-      },
-      'a, button': {
-        '@apply flex': {},
-        color: 'unset'
-      },
-      '& > a, > button': {
-        '@apply flex items-center min-h-44': {},
-        '&:focus-visible': {
-          '@apply outline outline-2 outline-ring': {}
-        },
-        '> *': {
-          '@apply flex w-full py-6 px-14': {},
-          '@apply rounded-button cursor-pointer': {}
-        },
-        '&:not([aria-disabled="true"]) > *': {
-          '@apply bg-transparent text-dark-secondary': {}
-        },
-        '&:hover:not([aria-disabled="true"]) > *': {
-          '@apply bg-primitives-overlay-darken-3': {}
-        },
-        '&[aria-current="page"]:not(:hover) > *': {
-          '@apply bg-primary-surface text-light-primary': {},
-          '@apply focus-visible:ring': {}
-        }
-      },
-      '.sk-menu-vertical-item-submenu': {
-        '@apply flex justify-between w-full': {},
-        '@apply rounded-button': {},
-        '&:hover': {
-          '> 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"])': {
-            '@apply text-dark-primary bg-primitives-overlay-darken-3': {}
-          }
-        },
-        '&:focus-within': {
-          '@apply outline outline-2 outline-ring': {},
-          '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {
-            '&:focus-visible': {
-              '@apply ring-0 ring-offset-0 outline-0': {}
-            }
-          }
-        },
-        '&-medium': {
-          'button, a': {
-            '@apply py-6 px-14': {}
-          }
-        },
-        '&-large': {
-          'button, a': {
-            '@apply py-10 px-14': {}
-          }
-        },
-        '&-button, &-button-expand': {
-          '@apply items-center': {},
-          '@apply py-10 px-14': {}
-        },
-        '&-button-expand': {
-          '@apply rounded-r-button rounded-l-0': {}
-        },
-        '&-button': {
-          '@apply text-left grow rounded-l-button rounded-r-0': {},
-          '&[aria-current="page"]:not(:hover), &[aria-current="page"]:not(:hover) ~ button:not(:hover)': {
-            '@apply bg-primary-surface text-light-primary': {}
-          },
-          '&[aria-expanded="true"]': {
-            '&:not(:hover,[aria-current="page"],[aria-disabled="true"]), &:not(:hover,[aria-current="page"],[aria-disabled="true"]) ~ button:not(:hover)': {
-              '@apply bg-vattjom-surface-accent': {}
-            }
-          }
-        }
-      },
-      '.sk-menu-vertical-item-tool-item': {
-        '@apply flex items-center gap-10 p-6 rounded-groups': {},
-        '.sk-avatar': {
-          '@apply border-2 border-background-content': {}
-        }
-      }
-    }
-  }
-}, MenuVerticalNav(), MenuVerticalSidebar());
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}import svgToTinyDataUri from"mini-svg-data-uri";var MenuVerticalNav=function(){return{".sk-menu-vertical-nav":{".sk-menu-vertical":{"@apply gap-12":{},"&.ul, & ul":{"@apply pt-12 pr-16 pb-16":{}},"&-item":{".sk-menu-vertical-item-submenu":{"@apply font-bold":{},"&-medium":{"button, a":{"@apply py-6 px-14":{}}},"&-large":{"button, a":{"@apply text-large":{},"@apply py-10 px-14":{}}}}}}}}};var MenuVerticalSidebar=function(){return{".sk-menu-vertical-sidebar":{"@apply rounded-button":{},"> ul > li > .sk-menu-vertical-item-submenu":{"> .sk-menu-vertical-item-submenu-button":{"@apply min-h-52":{}}},"> ul":{"@apply py-16 px-24":{}},".sk-menu-vertical":{"@apply gap-12":{},"&-header":{"@apply bg-primary-surface":{},"@apply rounded-t-button":{},"@apply py-20 px-32":{},"&, a":{"@apply text-light-primary":{}},".sk-divider":{"@apply border-inverted-divider":{}},".sk-logo":{"@apply text-light-secondary":{}}},"&.ul, & ul":{"@apply py-8 pl-20 ml-20":{}},"li ul":{"@apply gap-8":{},ul:{li:{"@apply text-small leading-18":{},".sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand":{"@apply py-6 px-14":{}}}},li:{"@apply relative -ml-4":{},"&:before":{'@apply content-[""] absolute inline-flex w-20 h-44 -top-8 -left-16':{},backgroundImage:'url("'.concat(svgToTinyDataUri('<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>'),'")'),backgroundRepeat:"no-repeat"},"&:not(:last-child):after":{'@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16':{},backgroundImage:'url("'.concat(svgToTinyDataUri('<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> '),'")'),backgroundRepeat:"repeat-y"},"&:last-child:after":{'@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16':{},backgroundImage:'url("'.concat(svgToTinyDataUri('<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> '),'")'),backgroundRepeat:"no-repeat"}}},"&-item":{".sk-menu-vertical-item-submenu":{"&-button":{"@apply gap-8":{},'&[aria-current="page"], &[aria-current="page"] ~ button':{"@apply font-bold":{}}}},"> a, > button":{'&[aria-current="page"]':{"@apply font-bold":{}}}}}}}};export var MenuVertical=function(){return _object_spread({".sk-menu-vertical":{"@apply flex flex-col":{},"@apply text-base":{},"&.hide":{"@apply hidden":{}},"&-backbutton":{"@apply flex items-center gap-16 text-lead mb-40":{}},"&-label":{"@apply mb-24":{}},"&-item":{"@apply flex flex-col":{},"&.hide":{"@apply hidden":{}},'[aria-disabled="true"]':{"@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7":{}},"a, button":{"@apply flex":{},color:"unset"},"& > a, > button":{"@apply flex items-center min-h-44":{},"&:focus-visible":{"@apply outline outline-2 outline-ring":{}},"> *":{"@apply flex w-full py-6 px-14":{},"@apply rounded-button cursor-pointer":{}},'&:not([aria-disabled="true"]) > *':{"@apply bg-transparent text-dark-secondary":{}},'&:hover:not([aria-disabled="true"]) > *':{"@apply bg-primitives-overlay-darken-3":{}},'&[aria-current="page"]:not(:hover) > *':{"@apply bg-primary-surface text-light-primary":{},"@apply focus-visible:ring":{}}},".sk-menu-vertical-item-submenu":{"@apply flex justify-between w-full":{},"@apply rounded-button":{},"&:hover":{'> 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"])':{"@apply text-dark-primary bg-primitives-overlay-darken-3":{}}},"&:focus-within":{"@apply outline outline-2 outline-ring":{},".sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand":{"&:focus-visible":{"@apply ring-0 ring-offset-0 outline-0":{}}}},"&-medium":{"button, a":{"@apply py-6 px-14":{}}},"&-large":{"button, a":{"@apply py-10 px-14":{}}},"&-button, &-button-expand":{"@apply items-center":{},"@apply py-10 px-14":{}},"&-button-expand":{"@apply rounded-r-button rounded-l-0":{}},"&-button":{"@apply text-left grow rounded-l-button rounded-r-0":{},'&[aria-current="page"]:not(:hover), &[aria-current="page"]:not(:hover) ~ button:not(:hover)':{"@apply bg-primary-surface text-light-primary":{}},'&[aria-expanded="true"]':{'&:not(:hover,[aria-current="page"],[aria-disabled="true"]), &:not(:hover,[aria-current="page"],[aria-disabled="true"]) ~ button:not(:hover)':{"@apply bg-vattjom-surface-accent":{}}}}},".sk-menu-vertical-item-tool-item":{"@apply flex items-center gap-10 p-6 rounded-groups":{},".sk-avatar":{"@apply border-2 border-background-content":{}}}}}},MenuVerticalNav(),MenuVerticalSidebar())};
 //# sourceMappingURL=menu-vertical.js.map