npm - @sk-web-gui/core - Versions diffs - 3.0.0 → 3.0.1 - Mend

@sk-web-gui/core 3.0.0 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (494) hide show

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

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

package/dist/esm/components/link.js CHANGED Viewed

@@ -3,10 +3,10 @@ export var Link = () => ({
     '@apply underline outline-none hover:underline': {},
     '@apply rounded-utility': {},
     // focus
-    '@apply focus-visible:ring ring-offset-[.6rem]': {},
+    '@apply focus-visible:ring ring-offset-6': {},
     // sizes
     '&-sm': {
-      '@apply text-small leading-[2rem]': {}
+      '@apply text-small': {}
     },
     '&-md': {
       '@apply text-base': {}
@@ -15,7 +15,7 @@ export var Link = () => ({
       '@apply text-large': {}
     },
     '&-xl': {
-      '@apply text-lead leading-[3.2rem]': {}
+      '@apply text-lead': {}
     },
     // variants
     '&-primary': {

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

	@@ -1 +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-~~[.6rem]~~': {},\r\n\r\n // sizes\r\n '&-sm': {\r\n '@apply text-small ~~leading-[2rem]~~': {},\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 ~~leading-[3.2rem]~~': {},\r\n },\r\n\r\n // variants\r\n '&-primary': {\r\n '@apply text-vattjom-surface-primary': {},\r\n '&:hover': {\r\n '@apply text-vattjom-surface-primary-hover': {},\r\n },\r\n },\r\n '&-tertiary': {\r\n '@apply text-dark-secondary': {},\r\n '&:hover': {\r\n '@apply text-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 },\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~~,+CAA+C~~,EAAE,CAAC,CAAC;~~IAEnD~~;IACA,MAAM,EAAE;MACN,~~kCAAkC~~,EAAE,CAAC;~~IACvC~~,CAAC;IACD,MAAM,EAAE;MACN,kBAAkB,EAAE,CAAC;IACvB,CAAC;IACD,MAAM,EAAE;MACN,mBAAmB,EAAE,CAAC;IACxB,CAAC;IACD,MAAM,EAAE;MACN,~~mCAAmC~~,EAAE,CAAC;~~IACxC~~,CAAC;IAED;IACA,WAAW,EAAE;MACX,qCAAqC,EAAE,CAAC,CAAC;MACzC,SAAS,EAAE;QACT,2CAA2C,EAAE,CAAC;MAChD;IACF,CAAC;IACD,YAAY,EAAE;MACZ,4BAA4B,EAAE,CAAC,CAAC;MAChC,SAAS,EAAE;QACT,0BAA0B,EAAE,CAAC;MAC/B;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;IAC/C;EACF;AACF,CAAC,CAAC","ignoreList":[]}
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': {},\r\n '&:hover': {\r\n '@apply text-vattjom-surface-primary-hover': {},\r\n },\r\n },\r\n '&-tertiary': {\r\n '@apply text-dark-secondary': {},\r\n '&:hover': {\r\n '@apply text-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 },\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,qCAAqC,EAAE,CAAC,CAAC;MACzC,SAAS,EAAE;QACT,2CAA2C,EAAE,CAAC;MAChD;IACF,CAAC;IACD,YAAY,EAAE;MACZ,4BAA4B,EAAE,CAAC,CAAC;MAChC,SAAS,EAAE;QACT,0BAA0B,EAAE,CAAC;MAC/B;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;IAC/C;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/list.js CHANGED Viewed

@@ -11,7 +11,7 @@ export var List = () => ({
     '&[data-style="bullet"]': {
       li: {
         '&:before': {
-          "@apply content-['•'] my-[.5rem] text-[1.8rem]": {}
+          "@apply content-['•'] my-5 text-lead": {}
         }
       }
     },
@@ -20,7 +20,7 @@ export var List = () => ({
         counterIncrement: 'item',
         '&:before': {
           '@apply text-small border-vattjom-surface-primary rounded-full leading-8': {},
-          '@apply my-[.6rem] h-[2.2rem] w-[2.2rem] border-[.2rem]': {},
+          '@apply my-6 h-22 w-22 border-2': {},
           content: 'counter(item)'
         }
       }
@@ -28,7 +28,7 @@ export var List = () => ({
     '&[data-style="stroke"]': {
       li: {
         '&:before': {
-          "@apply content-['–'] my-[.4rem] text-[1.6rem]": {}
+          "@apply content-['–'] my-4 text-base": {}
         }
       }
     },
@@ -44,10 +44,10 @@ export var List = () => ({
       '@apply pt-20': {}
     },
     '&-header': {
-      '@apply text-large font-bold ml-[3.2rem]': {}
+      '@apply text-large font-bold ml-32': {}
     },
     '&-text': {
-      '@apply text-dark-secondary ml-[3.2rem]': {}
+      '@apply text-dark-secondary ml-32': {}
     }
   }
 });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"list.js","names":["List","li","counterIncrement","content"],"sources":["../../../src/components/list.ts"],"sourcesContent":["export const List = () => ({\n '.sk-list': {\n // General\n li: {\n '&:before': {\n '@apply text-vattjom-surface-primary font-bold': {},\n '@apply absolute inline-flex items-center justify-center text-center': {},\n '@apply w-24 h-24': {},\n },\n },\n\n '&[data-style=\"bullet\"]': {\n li: {\n '&:before': {\n \"@apply content-['•'] my-~~[.5rem]~~ text-~~[1.8rem]~~\": {},\n },\n },\n },\n\n '&[data-style=\"numbered\"]': {\n li: {\n counterIncrement: 'item',\n\n '&:before': {\n '@apply text-small border-vattjom-surface-primary rounded-full leading-8': {},\n '@apply my-~~[.6rem]~~ h-~~[2.2rem]~~ w-~~[2.2rem]~~ border-~~[.2rem]~~': {},\n content: 'counter(item)',\n },\n },\n },\n\n '&[data-style=\"stroke\"]': {\n li: {\n '&:before': {\n \"@apply content-['–'] my-~~[.4rem]~~ text-~~[1.6rem]~~\": {},\n },\n },\n },\n\n '.sk-link': {\n '&-tertiary': {\n '@apply text-dark-primary': {},\n '&:hover': {\n '@apply text-dark-secondary': {},\n },\n },\n },\n\n '&-item': {\n '@apply pt-20': {},\n },\n\n '&-header': {\n '@apply text-large font-bold ml-~~[3.2rem]~~': {},\n },\n\n '&-text': {\n '@apply text-dark-secondary ml-~~[3.2rem]~~': {},\n },\n },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV;IACAC,EAAE,EAAE;MACF,UAAU,EAAE;QACV,+CAA+C,EAAE,CAAC,CAAC;QACnD,qEAAqE,EAAE,CAAC,CAAC;QACzE,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,wBAAwB,EAAE;MACxBA,EAAE,EAAE;QACF,UAAU,EAAE;UACV~~,+CAA+C~~,EAAE,CAAC;~~QACpD~~;MACF;IACF,CAAC;IAED,0BAA0B,EAAE;MAC1BA,EAAE,EAAE;QACFC,gBAAgB,EAAE,MAAM;QAExB,UAAU,EAAE;UACV,yEAAyE,EAAE,CAAC,CAAC;UAC7E,~~wDAAwD~~,EAAE,CAAC,CAAC;~~UAC5DC~~,OAAO,EAAE;QACX;MACF;IACF,CAAC;IAED,wBAAwB,EAAE;MACxBF,EAAE,EAAE;QACF,UAAU,EAAE;UACV~~,+CAA+C~~,EAAE,CAAC;~~QACpD~~;MACF;IACF,CAAC;IAED,UAAU,EAAE;MACV,YAAY,EAAE;QACZ,0BAA0B,EAAE,CAAC,CAAC;QAC9B,SAAS,EAAE;UACT,4BAA4B,EAAE,CAAC;QACjC;MACF;IACF,CAAC;IAED,QAAQ,EAAE;MACR,cAAc,EAAE,CAAC;IACnB,CAAC;IAED,UAAU,EAAE;MACV,~~yCAAyC~~,EAAE,CAAC;~~IAC9C~~,CAAC;IAED,QAAQ,EAAE;MACR,~~wCAAwC~~,EAAE,CAAC;~~IAC7C~~;EACF;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"list.js","names":["List","li","counterIncrement","content"],"sources":["../../../src/components/list.ts"],"sourcesContent":["export const List = () => ({\n '.sk-list': {\n // General\n li: {\n '&:before': {\n '@apply text-vattjom-surface-primary font-bold': {},\n '@apply absolute inline-flex items-center justify-center text-center': {},\n '@apply w-24 h-24': {},\n },\n },\n\n '&[data-style=\"bullet\"]': {\n li: {\n '&:before': {\n \"@apply content-['•'] my-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"],"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":[]}

package/dist/esm/components/logo.js CHANGED Viewed

@@ -15,10 +15,10 @@ export var Logo = () => ({
     '&[data-variant="service"]': {
       '@apply flex-row gap-6': {},
       '@apply w-max': {},
-      '@apply h-[6rem]': {},
+      '@apply h-60': {},
       '@apply pb-4': {},
       '.sk-logo-figure': {
-        '@apply w-auto h-[5.6rem]': {}
+        '@apply w-auto h-56': {}
       }
     },
     'a:focus-within &': {
@@ -36,7 +36,7 @@ export var Logo = () => ({
       '@apply pl-2 pt-2 pr-8 pb-0': {}
     },
     '&-title': {
-      '@apply text-[2.2rem] leading-[2.8rem] font-header font-bold': {}
+      '@apply font-header text-logo-header': {}
     },
     '&-subtitle': {
       '@apply text-small font-normal block': {}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"logo.js","names":["Logo"],"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\n '.sk-logo': {\n '@apply flex w-auto h-auto': {},\n '@apply items-center': {},\n '@apply text-dark-primary': {},\n '&[data-inverted=\"true\"]': {\n '@apply text-light-primary': {},\n '.sk-logo-divider': {\n '@apply border-inverted-divider': {},\n },\n },\n\n '&-figure': {\n '@apply w-full h-full': {},\n },\n '&[data-variant=\"service\"]': {\n '@apply flex-row gap-6': {},\n '@apply w-max': {},\n '@apply h-~~[6rem]~~': {},\n '@apply pb-4': {},\n '.sk-logo-figure': {\n '@apply w-auto h-~~[5.6rem]~~': {},\n },\n },\n 'a:focus-within &': {\n '@apply outline outline-2 outline-ring': {},\n },\n 'a &': {\n '@apply no-underline': {},\n },\n 'a:hover &': {\n '@apply underline': {},\n },\n '&-service-content': {\n '@apply h-full w-max': {},\n '@apply flex flex-col justify-center': {},\n '@apply pl-2 pt-2 pr-8 pb-0': {},\n },\n '&-title': {\n '@apply ~~text~~-~~[2.2rem]~~ ~~leading~~-~~[2.8rem] font~~-header ~~font-bold~~': {},\n },\n '&-subtitle': {\n '@apply text-small font-normal block': {},\n },\n '&-divider': {\n '@apply pt-8 pb-4': {},\n },\n },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,2BAA2B,EAAE,CAAC,CAAC;IAC/B,qBAAqB,EAAE,CAAC,CAAC;IACzB,0BAA0B,EAAE,CAAC,CAAC;IAC9B,yBAAyB,EAAE;MACzB,2BAA2B,EAAE,CAAC,CAAC;MAC/B,kBAAkB,EAAE;QAClB,gCAAgC,EAAE,CAAC;MACrC;IACF,CAAC;IAED,UAAU,EAAE;MACV,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,2BAA2B,EAAE;MAC3B,uBAAuB,EAAE,CAAC,CAAC;MAC3B,cAAc,EAAE,CAAC,CAAC;MAClB,~~iBAAiB~~,EAAE,CAAC,CAAC;~~MACrB~~,aAAa,EAAE,CAAC,CAAC;MACjB,iBAAiB,EAAE;QACjB,~~0BAA0B~~,EAAE,CAAC;~~MAC/B~~;IACF,CAAC;IACD,kBAAkB,EAAE;MAClB,uCAAuC,EAAE,CAAC;IAC5C,CAAC;IACD,KAAK,EAAE;MACL,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,WAAW,EAAE;MACX,kBAAkB,EAAE,CAAC;IACvB,CAAC;IACD,mBAAmB,EAAE;MACnB,qBAAqB,EAAE,CAAC,CAAC;MACzB,qCAAqC,EAAE,CAAC,CAAC;MACzC,4BAA4B,EAAE,CAAC;IACjC,CAAC;IACD,SAAS,EAAE;MACT,~~6DAA6D~~,EAAE,CAAC;~~IAClE~~,CAAC;IACD,YAAY,EAAE;MACZ,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IACD,WAAW,EAAE;MACX,kBAAkB,EAAE,CAAC;IACvB;EACF;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"logo.js","names":["Logo"],"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\n '.sk-logo': {\n '@apply flex w-auto h-auto': {},\n '@apply items-center': {},\n '@apply text-dark-primary': {},\n '&[data-inverted=\"true\"]': {\n '@apply text-light-primary': {},\n '.sk-logo-divider': {\n '@apply border-inverted-divider': {},\n },\n },\n\n '&-figure': {\n '@apply w-full h-full': {},\n },\n '&[data-variant=\"service\"]': {\n '@apply flex-row gap-6': {},\n '@apply w-max': {},\n '@apply h-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"],"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":[]}

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

@@ -5,20 +5,20 @@ var MenuVerticalNav = () => ({
     '.sk-menu-vertical': {
       '@apply gap-12': {},
       '&.ul, & ul': {
-        '@apply pt-12 pr-[1.6rem] pb-16': {}
+        '@apply pt-12 pr-16 pb-16': {}
       },
       '&-item': {
         '.sk-menu-vertical-item-submenu': {
           '@apply font-bold': {},
           '&-medium': {
             'button, a': {
-              '@apply py-[0.6rem] px-[1.4rem]': {}
+              '@apply py-6 px-14': {}
             }
           },
           '&-large': {
             'button, a': {
               '@apply text-large': {},
-              '@apply py-[1rem] px-[1.4rem]': {}
+              '@apply py-10 px-14': {}
             }
           }
         }
@@ -31,7 +31,7 @@ var MenuVerticalSidebar = () => ({
     '@apply rounded-button': {},
     '> ul > li > .sk-menu-vertical-item-submenu': {
       '> .sk-menu-vertical-item-submenu-button': {
-        '@apply min-h-[5.2rem]': {}
+        '@apply min-h-52': {}
       }
     },
     '> ul': {
@@ -54,53 +54,35 @@ var MenuVerticalSidebar = () => ({
         }
       },
       '&.ul, & ul': {
-        '@apply py-8 pl-[2rem] ml-[2rem]': {}
+        '@apply py-8 pl-20 ml-20': {}
       },
       'li ul': {
         '@apply gap-8': {},
         ul: {
           li: {
-            '@apply text-small leading-[1.8rem]': {},
+            '@apply text-small leading-18': {},
             '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {
-              '@apply py-[0.6rem] px-[1.4rem]': {}
+              '@apply py-6 px-14': {}
             }
           }
         },
         li: {
-          '@apply relative -ml-[.4rem]': {},
+          '@apply relative -ml-4': {},
           // hook
           '&:before': {
-            content: "\"\"",
-            position: 'absolute',
-            display: 'inline-flex',
-            width: '2rem',
-            height: '4.4rem',
-            top: '-.8rem',
-            left: '-1.6rem',
+            '@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': {
-            content: "\"\"",
-            position: 'absolute',
-            display: 'inline-flex',
-            width: '2rem',
-            top: '-.8rem',
-            bottom: '0px',
-            left: '-1.6rem',
+            '@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': {
-            content: "\"\"",
-            position: 'absolute',
-            display: 'inline-flex',
-            width: '2rem',
-            top: '-.8rem',
-            bottom: '0px',
-            left: '-1.6rem',
+            '@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'
           }
@@ -127,11 +109,12 @@ var MenuVerticalSidebar = () => ({
 export var MenuVertical = () => _extends({
   '.sk-menu-vertical': {
     '@apply flex flex-col': {},
+    '@apply text-base': {},
     '&.hide': {
       '@apply hidden': {}
     },
     '&-backbutton': {
-      '@apply flex items-center gap-[1.6rem] text-lead mb-40': {}
+      '@apply flex items-center gap-16 text-lead mb-40': {}
     },
     '&-label': {
       '@apply mb-24': {}
@@ -149,12 +132,12 @@ export var MenuVertical = () => _extends({
         color: 'unset'
       },
       '& > a, > button': {
-        '@apply flex items-center min-h-[4.4rem]': {},
+        '@apply flex items-center min-h-44': {},
         '&:focus-visible': {
           '@apply outline outline-2 outline-ring': {}
         },
         '> *': {
-          '@apply flex w-full py-[.6rem] px-[1.4rem]': {},
+          '@apply flex w-full py-6 px-14': {},
           '@apply rounded-button cursor-pointer': {}
         },
         '&:not([aria-disabled="true"]) > *': {
@@ -186,17 +169,17 @@ export var MenuVertical = () => _extends({
         },
         '&-medium': {
           'button, a': {
-            '@apply py-[0.6rem] px-[1.4rem]': {}
+            '@apply py-6 px-14': {}
           }
         },
         '&-large': {
           'button, a': {
-            '@apply py-[1rem] px-[1.4rem]': {}
+            '@apply py-10 px-14': {}
           }
         },
         '&-button, &-button-expand': {
           '@apply items-center': {},
-          '@apply py-[1rem] px-[1.4rem]': {}
+          '@apply py-10 px-14': {}
         },
         '&-button-expand': {
           '@apply rounded-r-button rounded-l-0': {}
@@ -214,7 +197,7 @@ export var MenuVertical = () => _extends({
         }
       },
       '.sk-menu-vertical-item-tool-item': {
-        '@apply flex items-center gap-10 p-[.6rem] rounded-groups': {},
+        '@apply flex items-center gap-10 p-6 rounded-groups': {},
         '.sk-avatar': {
           '@apply border-2 border-background-content': {}
         }

package/dist/esm/components/menu-vertical.js.map CHANGED Viewed

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

package/dist/esm/components/pagination.js CHANGED Viewed

@@ -8,7 +8,7 @@ export var Pagination = () => ({
         '@apply w-fit': {}
       },
       li: {
-        '@apply min-w-[4rem] text-center': {}
+        '@apply min-w-40 text-center': {}
       },
       'li:first-child': {
         '@apply text-left': {}

package/dist/esm/components/pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pagination.js","names":["Pagination","li"],"sources":["../../../src/components/pagination.ts"],"sourcesContent":["export const Pagination = () => ({\r\n '.sk-pagination': {\r\n '@apply select-none': {},\r\n '@apply text-base': {},\r\n\r\n '&-list': {\r\n '@apply flex justify-between items-center': {},\r\n\r\n '.sk-pagination[data-hideprevnextlabel=\"true\"] &': {\r\n '@apply w-fit': {},\r\n },\r\n\r\n li: {\r\n '@apply min-w-~~[4rem]~~ text-center': {},\r\n },\r\n\r\n 'li:first-child': {\r\n '@apply text-left': {},\r\n },\r\n\r\n 'li:last-child': {\r\n '@apply text-right': {},\r\n },\r\n },\r\n '.form-select-wrapper': {\r\n '@apply w-fit': {},\r\n },\r\n '&-pageLabel': {\r\n '@apply leading-base cursor-pointer underline text-vattjom-surface-primary': {},\r\n '@apply focus-visible:ring ring-ring ring-offset': {},\r\n '@apply rounded-full': {},\r\n '@apply h-32 w-32': {},\r\n \"&[aria-current='true']\": {\r\n '@apply font-bold no-underline text-dark-primary': {},\r\n },\r\n },\r\n\r\n '&-prevNextButton': {\r\n '@apply text-dark-secondary': {},\r\n\r\n '&.sk-btn': {\r\n '@apply bg-transparent text-dark-secondary font-normal': {},\r\n\r\n '&.sk-btn-disabled:disabled, .sk-btn[aria-disabled=\"true\"]:disabled': {\r\n '@apply bg-transparent !important': {},\r\n '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n '.sk-icon': {\r\n '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n },\r\n },\r\n\r\n '.sk-icon': {\r\n '@apply bg-transparent text-dark-secondary': {},\r\n },\r\n\r\n '&:hover': {\r\n '@apply text-dark-primary': {},\r\n '@apply bg-tertiary-surface-hover': {},\r\n\r\n '.sk-icon': {\r\n '@apply text-dark-primary': {},\r\n },\r\n },\r\n },\r\n\r\n '&[disabled]': {\r\n '@apply cursor-default': {},\r\n },\r\n\r\n \"&[disabled='false']\": {\r\n '.sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon': {\r\n '@apply cursor-pointer': {},\r\n },\r\n },\r\n\r\n '&-label': {\r\n '@apply hidden sm:inline ml-sm leading-none': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply m-1 leading-none flex items-center': {},\r\n },\r\n },\r\n\r\n '&-ellipsis': {\r\n '@apply inline-block w-16 text-center': {},\r\n },\r\n '&.fit-content': {\r\n '@apply w-full max-w-full': {},\r\n '.sk-pagination-list': {\r\n '@apply w-full flex justify-center': {},\r\n '@apply gap-24': {},\r\n '&-item': {\r\n '@apply px-0 grow-0 text-center': {},\r\n '&.ellipsis': {\r\n '@apply flex-shrink grow-0': {},\r\n },\r\n '&.prev-next': {\r\n '@apply flex-shrink grow': {},\r\n '&.prev': {\r\n '@apply text-left': {},\r\n },\r\n '&.next': {\r\n '@apply text-right': {},\r\n },\r\n },\r\n '.sk-pagination-pageLabel': {\r\n '@apply mx-xs': {},\r\n },\r\n },\r\n },\r\n '.form-select-wrapper': {\r\n '@apply w-full': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,UAAU,GAAGA,CAAA,MAAO;EAC/B,gBAAgB,EAAE;IAChB,oBAAoB,EAAE,CAAC,CAAC;IACxB,kBAAkB,EAAE,CAAC,CAAC;IAEtB,QAAQ,EAAE;MACR,0CAA0C,EAAE,CAAC,CAAC;MAE9C,iDAAiD,EAAE;QACjD,cAAc,EAAE,CAAC;MACnB,CAAC;MAEDC,EAAE,EAAE;QACF,~~iCAAiC~~,EAAE,CAAC;~~MACtC~~,CAAC;MAED,gBAAgB,EAAE;QAChB,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,eAAe,EAAE;QACf,mBAAmB,EAAE,CAAC;MACxB;IACF,CAAC;IACD,sBAAsB,EAAE;MACtB,cAAc,EAAE,CAAC;IACnB,CAAC;IACD,aAAa,EAAE;MACb,2EAA2E,EAAE,CAAC,CAAC;MAC/E,iDAAiD,EAAE,CAAC,CAAC;MACrD,qBAAqB,EAAE,CAAC,CAAC;MACzB,kBAAkB,EAAE,CAAC,CAAC;MACtB,wBAAwB,EAAE;QACxB,iDAAiD,EAAE,CAAC;MACtD;IACF,CAAC;IAED,kBAAkB,EAAE;MAClB,4BAA4B,EAAE,CAAC,CAAC;MAEhC,UAAU,EAAE;QACV,uDAAuD,EAAE,CAAC,CAAC;QAE3D,oEAAoE,EAAE;UACpE,kCAAkC,EAAE,CAAC,CAAC;UACtC,oDAAoD,EAAE,CAAC,CAAC;UACxD,UAAU,EAAE;YACV,oDAAoD,EAAE,CAAC;UACzD;QACF,CAAC;QAED,UAAU,EAAE;UACV,2CAA2C,EAAE,CAAC;QAChD,CAAC;QAED,SAAS,EAAE;UACT,0BAA0B,EAAE,CAAC,CAAC;UAC9B,kCAAkC,EAAE,CAAC,CAAC;UAEtC,UAAU,EAAE;YACV,0BAA0B,EAAE,CAAC;UAC/B;QACF;MACF,CAAC;MAED,aAAa,EAAE;QACb,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED,qBAAqB,EAAE;QACrB,yEAAyE,EAAE;UACzE,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MAED,SAAS,EAAE;QACT,4CAA4C,EAAE,CAAC;MACjD,CAAC;MAED,QAAQ,EAAE;QACR,2CAA2C,EAAE,CAAC;MAChD;IACF,CAAC;IAED,YAAY,EAAE;MACZ,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IACD,eAAe,EAAE;MACf,0BAA0B,EAAE,CAAC,CAAC;MAC9B,qBAAqB,EAAE;QACrB,mCAAmC,EAAE,CAAC,CAAC;QACvC,eAAe,EAAE,CAAC,CAAC;QACnB,QAAQ,EAAE;UACR,gCAAgC,EAAE,CAAC,CAAC;UACpC,YAAY,EAAE;YACZ,2BAA2B,EAAE,CAAC;UAChC,CAAC;UACD,aAAa,EAAE;YACb,yBAAyB,EAAE,CAAC,CAAC;YAC7B,QAAQ,EAAE;cACR,kBAAkB,EAAE,CAAC;YACvB,CAAC;YACD,QAAQ,EAAE;cACR,mBAAmB,EAAE,CAAC;YACxB;UACF,CAAC;UACD,0BAA0B,EAAE;YAC1B,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,CAAC;MACpB;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"pagination.js","names":["Pagination","li"],"sources":["../../../src/components/pagination.ts"],"sourcesContent":["export const Pagination = () => ({\r\n '.sk-pagination': {\r\n '@apply select-none': {},\r\n '@apply text-base': {},\r\n\r\n '&-list': {\r\n '@apply flex justify-between items-center': {},\r\n\r\n '.sk-pagination[data-hideprevnextlabel=\"true\"] &': {\r\n '@apply w-fit': {},\r\n },\r\n\r\n li: {\r\n '@apply min-w-40 text-center': {},\r\n },\r\n\r\n 'li:first-child': {\r\n '@apply text-left': {},\r\n },\r\n\r\n 'li:last-child': {\r\n '@apply text-right': {},\r\n },\r\n },\r\n '.form-select-wrapper': {\r\n '@apply w-fit': {},\r\n },\r\n '&-pageLabel': {\r\n '@apply leading-base cursor-pointer underline text-vattjom-surface-primary': {},\r\n '@apply focus-visible:ring ring-ring ring-offset': {},\r\n '@apply rounded-full': {},\r\n '@apply h-32 w-32': {},\r\n \"&[aria-current='true']\": {\r\n '@apply font-bold no-underline text-dark-primary': {},\r\n },\r\n },\r\n\r\n '&-prevNextButton': {\r\n '@apply text-dark-secondary': {},\r\n\r\n '&.sk-btn': {\r\n '@apply bg-transparent text-dark-secondary font-normal': {},\r\n\r\n '&.sk-btn-disabled:disabled, .sk-btn[aria-disabled=\"true\"]:disabled': {\r\n '@apply bg-transparent !important': {},\r\n '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n '.sk-icon': {\r\n '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n },\r\n },\r\n\r\n '.sk-icon': {\r\n '@apply bg-transparent text-dark-secondary': {},\r\n },\r\n\r\n '&:hover': {\r\n '@apply text-dark-primary': {},\r\n '@apply bg-tertiary-surface-hover': {},\r\n\r\n '.sk-icon': {\r\n '@apply text-dark-primary': {},\r\n },\r\n },\r\n },\r\n\r\n '&[disabled]': {\r\n '@apply cursor-default': {},\r\n },\r\n\r\n \"&[disabled='false']\": {\r\n '.sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon': {\r\n '@apply cursor-pointer': {},\r\n },\r\n },\r\n\r\n '&-label': {\r\n '@apply hidden sm:inline ml-sm leading-none': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply m-1 leading-none flex items-center': {},\r\n },\r\n },\r\n\r\n '&-ellipsis': {\r\n '@apply inline-block w-16 text-center': {},\r\n },\r\n '&.fit-content': {\r\n '@apply w-full max-w-full': {},\r\n '.sk-pagination-list': {\r\n '@apply w-full flex justify-center': {},\r\n '@apply gap-24': {},\r\n '&-item': {\r\n '@apply px-0 grow-0 text-center': {},\r\n '&.ellipsis': {\r\n '@apply flex-shrink grow-0': {},\r\n },\r\n '&.prev-next': {\r\n '@apply flex-shrink grow': {},\r\n '&.prev': {\r\n '@apply text-left': {},\r\n },\r\n '&.next': {\r\n '@apply text-right': {},\r\n },\r\n },\r\n '.sk-pagination-pageLabel': {\r\n '@apply mx-xs': {},\r\n },\r\n },\r\n },\r\n '.form-select-wrapper': {\r\n '@apply w-full': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,UAAU,GAAGA,CAAA,MAAO;EAC/B,gBAAgB,EAAE;IAChB,oBAAoB,EAAE,CAAC,CAAC;IACxB,kBAAkB,EAAE,CAAC,CAAC;IAEtB,QAAQ,EAAE;MACR,0CAA0C,EAAE,CAAC,CAAC;MAE9C,iDAAiD,EAAE;QACjD,cAAc,EAAE,CAAC;MACnB,CAAC;MAEDC,EAAE,EAAE;QACF,6BAA6B,EAAE,CAAC;MAClC,CAAC;MAED,gBAAgB,EAAE;QAChB,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,eAAe,EAAE;QACf,mBAAmB,EAAE,CAAC;MACxB;IACF,CAAC;IACD,sBAAsB,EAAE;MACtB,cAAc,EAAE,CAAC;IACnB,CAAC;IACD,aAAa,EAAE;MACb,2EAA2E,EAAE,CAAC,CAAC;MAC/E,iDAAiD,EAAE,CAAC,CAAC;MACrD,qBAAqB,EAAE,CAAC,CAAC;MACzB,kBAAkB,EAAE,CAAC,CAAC;MACtB,wBAAwB,EAAE;QACxB,iDAAiD,EAAE,CAAC;MACtD;IACF,CAAC;IAED,kBAAkB,EAAE;MAClB,4BAA4B,EAAE,CAAC,CAAC;MAEhC,UAAU,EAAE;QACV,uDAAuD,EAAE,CAAC,CAAC;QAE3D,oEAAoE,EAAE;UACpE,kCAAkC,EAAE,CAAC,CAAC;UACtC,oDAAoD,EAAE,CAAC,CAAC;UACxD,UAAU,EAAE;YACV,oDAAoD,EAAE,CAAC;UACzD;QACF,CAAC;QAED,UAAU,EAAE;UACV,2CAA2C,EAAE,CAAC;QAChD,CAAC;QAED,SAAS,EAAE;UACT,0BAA0B,EAAE,CAAC,CAAC;UAC9B,kCAAkC,EAAE,CAAC,CAAC;UAEtC,UAAU,EAAE;YACV,0BAA0B,EAAE,CAAC;UAC/B;QACF;MACF,CAAC;MAED,aAAa,EAAE;QACb,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED,qBAAqB,EAAE;QACrB,yEAAyE,EAAE;UACzE,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MAED,SAAS,EAAE;QACT,4CAA4C,EAAE,CAAC;MACjD,CAAC;MAED,QAAQ,EAAE;QACR,2CAA2C,EAAE,CAAC;MAChD;IACF,CAAC;IAED,YAAY,EAAE;MACZ,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IACD,eAAe,EAAE;MACf,0BAA0B,EAAE,CAAC,CAAC;MAC9B,qBAAqB,EAAE;QACrB,mCAAmC,EAAE,CAAC,CAAC;QACvC,eAAe,EAAE,CAAC,CAAC;QACnB,QAAQ,EAAE;UACR,gCAAgC,EAAE,CAAC,CAAC;UACpC,YAAY,EAAE;YACZ,2BAA2B,EAAE,CAAC;UAChC,CAAC;UACD,aAAa,EAAE;YACb,yBAAyB,EAAE,CAAC,CAAC;YAC7B,QAAQ,EAAE;cACR,kBAAkB,EAAE,CAAC;YACvB,CAAC;YACD,QAAQ,EAAE;cACR,mBAAmB,EAAE,CAAC;YACxB;UACF,CAAC;UACD,0BAA0B,EAAE;YAC1B,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,CAAC;MACpB;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -5,7 +5,7 @@ export var PopupMenu = () => ({
       '@apply flex': {}
     },
     '&[data-position="left"]': {
-      '@apply mt-0 mr-8 right-[100%]': {},
+      '@apply mt-0 mr-8 right-full': {},
       '&[data-align="end"]': {
         '@apply bottom-0': {}
       },
@@ -14,7 +14,7 @@ export var PopupMenu = () => ({
       }
     },
     '&[data-position="right"]': {
-      '@apply mt-0 ml-8 left-[100%]': {},
+      '@apply mt-0 ml-8 left-full': {},
       '&[data-align="end"]': {
         '@apply bottom-0': {}
       },
@@ -23,7 +23,7 @@ export var PopupMenu = () => ({
       }
     },
     '&[data-position="over"]': {
-      '@apply mt-0 mb-8 bottom-[100%]': {},
+      '@apply mt-0 mb-8 bottom-full': {},
       '&[data-align="end"]': {
         '@apply right-0': {}
       },
@@ -61,8 +61,8 @@ export var PopupMenu = () => ({
     '.sk-popup-menu-item': {
       '@apply list-none': {},
       '@apply w-full': {},
-      '@apply h-[4rem]': {},
-      '@apply min-h-[4rem]': {},
+      '@apply h-40': {},
+      '@apply min-h-40': {},
       '@apply bg-transparent hover:bg-primitives-gray-200': {},
       '@apply dark:hover:bg-primitives-overlay-lighten-1': {},
       '@apply cursor-pointer': {},
@@ -80,7 +80,7 @@ export var PopupMenu = () => ({
         '@apply dark:bg-primitives-overlay-lighten-1': {}
       },
       svg: {
-        '@apply w-[2rem] h-[2rem]': {}
+        '@apply w-20 h-20': {}
       },
       '@apply justify-start': {},
       '@apply border-0': {},
@@ -116,8 +116,8 @@ export var PopupMenu = () => ({
     '&-sm': {
       '@apply p-8 gap-6': {},
       '.sk-popup-menu-item': {
-        '@apply h-[3.2rem]': {},
-        '@apply min-h-[3.2rem]': {},
+        '@apply h-32': {},
+        '@apply min-h-32': {},
         '@apply gap-10 pl-8 pr-8 py-4': {},
         '@apply text-small': {},
         '&-group': {
@@ -127,7 +127,7 @@ export var PopupMenu = () => ({
           }
         },
         svg: {
-          '@apply w-[1.8rem] h-[1.8rem]': {}
+          '@apply w-18 h-18': {}
         }
       }
     },

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

	@@ -1 +1 @@
1	- {"version":3,"file":"popup-menu.js","names":["PopupMenu","svg"],"sources":["../../../src/components/popup-menu.ts"],"sourcesContent":["export const PopupMenu = () => ({\n '.sk-popup-menu': {\n '@apply hidden': {},\n '&[data-open=\"true\"]': {\n '@apply flex': {},\n },\n '&[data-position=\"left\"]': {\n '@apply mt-0 mr-8 right-~~[100%]~~': {},\n '&[data-align=\"end\"]': {\n '@apply bottom-0': {},\n },\n '&[data-align=\"start\"]': {\n '@apply top-0': {},\n },\n },\n '&[data-position=\"right\"]': {\n '@apply mt-0 ml-8 left-~~[100%]~~': {},\n '&[data-align=\"end\"]': {\n '@apply bottom-0': {},\n },\n '&[data-align=\"start\"]': {\n '@apply top-0': {},\n },\n },\n '&[data-position=\"over\"]': {\n '@apply mt-0 mb-8 bottom-~~[100%]~~': {},\n '&[data-align=\"end\"]': {\n '@apply right-0': {},\n },\n '&[data-align=\"start\"]': {\n '@apply left-0': {},\n },\n },\n '&[data-position=\"under\"]': {\n '&[data-align=\"end\"]': {\n '@apply right-0': {},\n },\n '&[data-align=\"start\"]': {\n '@apply left-0': {},\n },\n },\n '> ': {\n '@apply max-w-full w-full': {},\n },\n\n '@apply absolute flex-col justify-start items-start mt-8': {},\n '@apply w-max': {},\n '@apply rounded-utility': {},\n '@apply bg-background-100': {},\n '@apply z-10': {},\n '@apply p-8 gap-4': {},\n '@apply shadow-100': {},\n '@apply border-0': {},\n '@apply focus-within:border-0': {},\n '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},\n '.sk-form-checkbox-label-left .sk-icon': {\n '@apply right-8': {},\n },\n '.sk-form-checkbox-label-right .sk-icon': {\n '@apply left-8': {},\n },\n '.sk-popup-menu-item': {\n '@apply list-none': {},\n '@apply w-full': {},\n '@apply h-~~[4rem]~~': {},\n '@apply min-h-~~[4rem]~~': {},\n '@apply bg-transparent hover:bg-primitives-gray-200': {},\n '@apply dark:hover:bg-primitives-overlay-lighten-1': {},\n '@apply cursor-pointer': {},\n '@apply flex flex-row shrink-0': {},\n '@apply pl-8 pr-8 py-4 gap-12': {},\n '@apply ring-offset-0': {},\n '@apply focus-visible:ring ring-ring': {},\n '@apply rounded-utility': {},\n '@apply text-body font-normal': {},\n '> ': {\n '@apply max-w-full': {},\n },\n '&:focus-visible, &:focus-within': {\n '@apply bg-primitives-gray-200': {},\n '@apply dark:bg-primitives-overlay-lighten-1': {},\n },\n svg: {\n '@apply w-~~[2rem]~~ h-~~[2rem]~~': {},\n },\n\n '@apply justify-start': {},\n\n '@apply border-0': {},\n '@apply items-center': {},\n '@apply no-underline': {},\n },\n\n '&-group': {\n '@apply w-full flex flex-col border-b-1 border-divider pb-4 pt-4 gap-4': {},\n '&:first-child': {\n '@apply pt-0': {},\n },\n '&:last-child': {\n '@apply border-0 pb-0': {},\n },\n },\n\n '&-items': {\n '@apply w-full': {},\n '@apply rounded-utility': {},\n '@apply focus-within:ring ring-ring': {},\n '.sk-popup-menu-item': {\n '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\n '> ': {\n '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\n },\n },\n '&:focus-within': {\n '.sk-popup-menu-item.active': {\n '@apply bg-primitives-gray-200': {},\n '@apply dark:bg-primitives-overlay-lighten-1': {},\n },\n },\n },\n\n '&-sm': {\n '@apply p-8 gap-6': {},\n\n '.sk-popup-menu-item': {\n '@apply h-~~[3.2rem]~~': {},\n '@apply min-h-~~[3.2rem]~~': {},\n '@apply gap-10 pl-8 pr-8 py-4': {},\n\n '@apply text-small': {},\n '&-group': {\n '@apply gap-6 pb-6': {},\n '> ': {\n '@apply gap-10 pl-8 pr-8 py-4': {},\n },\n },\n svg: {\n '@apply w-~~[1.8rem]~~ h-~~[1.8rem]~~': {},\n },\n },\n },\n '&.right': {\n '@apply right-0': {},\n },\n },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,SAAS,GAAGA,CAAA,MAAO;EAC9B,gBAAgB,EAAE;IAChB,eAAe,EAAE,CAAC,CAAC;IACnB,qBAAqB,EAAE;MACrB,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,yBAAyB,EAAE;MACzB~~,+BAA+B~~,EAAE,CAAC,CAAC;~~MACnC~~,qBAAqB,EAAE;QACrB,iBAAiB,EAAE,CAAC;MACtB,CAAC;MACD,uBAAuB,EAAE;QACvB,cAAc,EAAE,CAAC;MACnB;IACF,CAAC;IACD,0BAA0B,EAAE;MAC1B,~~8BAA8B~~,EAAE,CAAC,CAAC;~~MAClC~~,qBAAqB,EAAE;QACrB,iBAAiB,EAAE,CAAC;MACtB,CAAC;MACD,uBAAuB,EAAE;QACvB,cAAc,EAAE,CAAC;MACnB;IACF,CAAC;IACD,yBAAyB,EAAE;MACzB,~~gCAAgC~~,EAAE,CAAC,CAAC;~~MACpC~~,qBAAqB,EAAE;QACrB,gBAAgB,EAAE,CAAC;MACrB,CAAC;MACD,uBAAuB,EAAE;QACvB,eAAe,EAAE,CAAC;MACpB;IACF,CAAC;IACD,0BAA0B,EAAE;MAC1B,qBAAqB,EAAE;QACrB,gBAAgB,EAAE,CAAC;MACrB,CAAC;MACD,uBAAuB,EAAE;QACvB,eAAe,EAAE,CAAC;MACpB;IACF,CAAC;IACD,KAAK,EAAE;MACL,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IAED,yDAAyD,EAAE,CAAC,CAAC;IAC7D,cAAc,EAAE,CAAC,CAAC;IAClB,wBAAwB,EAAE,CAAC,CAAC;IAC5B,0BAA0B,EAAE,CAAC,CAAC;IAC9B,aAAa,EAAE,CAAC,CAAC;IACjB,kBAAkB,EAAE,CAAC,CAAC;IACtB,mBAAmB,EAAE,CAAC,CAAC;IACvB,iBAAiB,EAAE,CAAC,CAAC;IACrB,8BAA8B,EAAE,CAAC,CAAC;IAClC,mEAAmE,EAAE,CAAC,CAAC;IACvE,uCAAuC,EAAE;MACvC,gBAAgB,EAAE,CAAC;IACrB,CAAC;IACD,wCAAwC,EAAE;MACxC,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,qBAAqB,EAAE;MACrB,kBAAkB,EAAE,CAAC,CAAC;MACtB,eAAe,EAAE,CAAC,CAAC;MACnB,~~iBAAiB~~,EAAE,CAAC,CAAC;~~MACrB~~,~~qBAAqB~~,EAAE,CAAC,CAAC;~~MACzB~~,oDAAoD,EAAE,CAAC,CAAC;MACxD,mDAAmD,EAAE,CAAC,CAAC;MACvD,uBAAuB,EAAE,CAAC,CAAC;MAC3B,+BAA+B,EAAE,CAAC,CAAC;MACnC,8BAA8B,EAAE,CAAC,CAAC;MAClC,sBAAsB,EAAE,CAAC,CAAC;MAC1B,qCAAqC,EAAE,CAAC,CAAC;MACzC,wBAAwB,EAAE,CAAC,CAAC;MAC5B,8BAA8B,EAAE,CAAC,CAAC;MAClC,KAAK,EAAE;QACL,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,iCAAiC,EAAE;QACjC,+BAA+B,EAAE,CAAC,CAAC;QACnC,6CAA6C,EAAE,CAAC;MAClD,CAAC;MACDC,GAAG,EAAE;QACH,~~0BAA0B~~,EAAE,CAAC;~~MAC/B~~,CAAC;MAED,sBAAsB,EAAE,CAAC,CAAC;MAE1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,qBAAqB,EAAE,CAAC,CAAC;MACzB,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IAED,SAAS,EAAE;MACT,uEAAuE,EAAE,CAAC,CAAC;MAC3E,eAAe,EAAE;QACf,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,cAAc,EAAE;QACd,sBAAsB,EAAE,CAAC;MAC3B;IACF,CAAC;IAED,SAAS,EAAE;MACT,eAAe,EAAE,CAAC,CAAC;MACnB,wBAAwB,EAAE,CAAC,CAAC;MAC5B,oCAAoC,EAAE,CAAC,CAAC;MACxC,qBAAqB,EAAE;QACrB,4DAA4D,EAAE,CAAC,CAAC;QAChE,KAAK,EAAE;UACL,4DAA4D,EAAE,CAAC;QACjE;MACF,CAAC;MACD,gBAAgB,EAAE;QAChB,4BAA4B,EAAE;UAC5B,+BAA+B,EAAE,CAAC,CAAC;UACnC,6CAA6C,EAAE,CAAC;QAClD;MACF;IACF,CAAC;IAED,MAAM,EAAE;MACN,kBAAkB,EAAE,CAAC,CAAC;MAEtB,qBAAqB,EAAE;QACrB,~~mBAAmB~~,EAAE,CAAC,CAAC;~~QACvB~~,~~uBAAuB~~,EAAE,CAAC,CAAC;~~QAC3B~~,8BAA8B,EAAE,CAAC,CAAC;QAElC,mBAAmB,EAAE,CAAC,CAAC;QACvB,SAAS,EAAE;UACT,mBAAmB,EAAE,CAAC,CAAC;UACvB,KAAK,EAAE;YACL,8BAA8B,EAAE,CAAC;UACnC;QACF,CAAC;QACDA,GAAG,EAAE;UACH,~~8BAA8B~~,EAAE,CAAC;~~QACnC~~;MACF;IACF,CAAC;IACD,SAAS,EAAE;MACT,gBAAgB,EAAE,CAAC;IACrB;EACF;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"popup-menu.js","names":["PopupMenu","svg"],"sources":["../../../src/components/popup-menu.ts"],"sourcesContent":["export const PopupMenu = () => ({\n '.sk-popup-menu': {\n '@apply hidden': {},\n '&[data-open=\"true\"]': {\n '@apply flex': {},\n },\n '&[data-position=\"left\"]': {\n '@apply mt-0 mr-8 right-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":[]}

package/dist/esm/components/progress-bar.js CHANGED Viewed

@@ -1,7 +1,7 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 export var ProgressBar = colors => ({
   '.sk-progress-bar': _extends({
-    '@apply flex h-[.4rem] rounded-circular bg-background-color-mixin-2': {},
+    '@apply flex h-4 rounded-circular bg-background-color-mixin-2': {},
     '&-fill': {
       '@apply rounded-circular': {}
     }

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

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