@sk-web-gui/core 2.3.0 → 2.4.0

package/dist/cjs/components/accordion.js

@@ -151,11 +151,6 @@ var Accordion = exports.Accordion = function Accordion() {
       '&-is-open': {
         '.sk-disclosure-body': {
           '@apply overflow-visible animate-reset-overflow': {}
-        },
-        '&[data-variant="default"]': {
-          '.sk-disclosure-title': {
-            '@apply text-vattjom-text-primary': {}
-          }
         }
       }
     },

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":["Accordion","exports","svg","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-header': {\r\n      '@apply mt-6 mb-8': {},\r\n      '@apply flex flex-col text-left': {},\r\n      '@apply cursor-pointer': {},\r\n      '*': {\r\n        '@apply cursor-pointer': {},\r\n      },\r\n      '&:focus-visible': {\r\n        '@apply outline-0': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply ml-auto': {},\r\n        '@apply text-dark-secondary': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-dark-disabled': {},\r\n        },\r\n        '@apply cursor-default': {},\r\n        '*': {\r\n          '@apply cursor-default': {},\r\n        },\r\n      },\r\n    },\r\n    '&-label': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&-toggle': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply gap-16': {},\r\n    },\r\n    '&-title': {\r\n      '@apply text-dark-primary': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-sm font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-4': {},\r\n          '@apply h-40': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-32 h-32': {},\r\n        },\r\n      },\r\n      '&[data-variant=\"alt\"]': {},\r\n    },\r\n    '&-md': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-md font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-body': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-8': {},\r\n          '@apply h-56': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-40 h-40': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&[data-variant=\"alt\"]': {\r\n        '.sk-disclosure-support': {\r\n          '@apply text-large': {},\r\n        },\r\n        '.sk-disclosure-title': {\r\n          '@apply text-h3-md font-bold': {},\r\n          '&-wrapper': {\r\n            '@apply gap-16': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply flex flex-col': {},\r\n      '@apply mb-32': {},\r\n      '@apply mr-32': {},\r\n      '@apply gap-8': {},\r\n      '@apply py-0': {},\r\n      '@apply h-0 overflow-hidden': {},\r\n      transitionProperty: 'visibility, height, padding, margin',\r\n      transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible h-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block h-max visible': {},\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply mt-24': {},\r\n        '&[data-size=\"sm\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"md\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"lg\"]': {\r\n          '@apply pr-16': {},\r\n        },\r\n        '&[data-has-icon=\"true\"]': {\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply ml-[3.2rem]': {},\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply ml-[3.6rem]': {},\r\n          },\r\n          '&[data-size=\"lg\"]': {\r\n            '@apply ml-[4.8rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-is-open': {\r\n      '.sk-disclosure-body': {\r\n        '@apply overflow-visible animate-reset-overflow': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-title': {\r\n          '@apply text-vattjom-text-primary': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n  '.sk-accordion': {\r\n    '&-item': {\r\n      '.sk-disclosure': {\r\n        transitionProperty: 'margin',\r\n        transitionDuration: '180ms',\r\n        '@apply border-b-1 border-divider': {},\r\n      },\r\n\r\n      '&:last-child .sk-disclosure': {\r\n        '@apply border-b-transparent': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"accordion.js","names":["Accordion","exports","svg","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-header': {\r\n      '@apply mt-6 mb-8': {},\r\n      '@apply flex flex-col text-left': {},\r\n      '@apply cursor-pointer': {},\r\n      '*': {\r\n        '@apply cursor-pointer': {},\r\n      },\r\n      '&:focus-visible': {\r\n        '@apply outline-0': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply ml-auto': {},\r\n        '@apply text-dark-secondary': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-dark-disabled': {},\r\n        },\r\n        '@apply cursor-default': {},\r\n        '*': {\r\n          '@apply cursor-default': {},\r\n        },\r\n      },\r\n    },\r\n    '&-label': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&-toggle': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply gap-16': {},\r\n    },\r\n    '&-title': {\r\n      '@apply text-dark-primary': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-sm font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-4': {},\r\n          '@apply h-40': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-32 h-32': {},\r\n        },\r\n      },\r\n      '&[data-variant=\"alt\"]': {},\r\n    },\r\n    '&-md': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-md font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-body': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-8': {},\r\n          '@apply h-56': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-40 h-40': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&[data-variant=\"alt\"]': {\r\n        '.sk-disclosure-support': {\r\n          '@apply text-large': {},\r\n        },\r\n        '.sk-disclosure-title': {\r\n          '@apply text-h3-md font-bold': {},\r\n          '&-wrapper': {\r\n            '@apply gap-16': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply flex flex-col': {},\r\n      '@apply mb-32': {},\r\n      '@apply mr-32': {},\r\n      '@apply gap-8': {},\r\n      '@apply py-0': {},\r\n      '@apply h-0 overflow-hidden': {},\r\n      transitionProperty: 'visibility, height, padding, margin',\r\n      transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible h-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block h-max visible': {},\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply mt-24': {},\r\n        '&[data-size=\"sm\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"md\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"lg\"]': {\r\n          '@apply pr-16': {},\r\n        },\r\n        '&[data-has-icon=\"true\"]': {\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply ml-[3.2rem]': {},\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply ml-[3.6rem]': {},\r\n          },\r\n          '&[data-size=\"lg\"]': {\r\n            '@apply ml-[4.8rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-is-open': {\r\n      '.sk-disclosure-body': {\r\n        '@apply overflow-visible animate-reset-overflow': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-accordion': {\r\n    '&-item': {\r\n      '.sk-disclosure': {\r\n        transitionProperty: 'margin',\r\n        transitionDuration: '180ms',\r\n        '@apply border-b-1 border-divider': {},\r\n      },\r\n\r\n      '&:last-child .sk-disclosure': {\r\n        '@apply border-b-transparent': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAA;EAAA,OAAU;IAC9B,gBAAgB,EAAE;MAChB,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC,CAAC;QACtB,gCAAgC,EAAE,CAAC,CAAC;QACpC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,GAAG,EAAE;UACH,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QACD,iBAAiB,EAAE;UACjB,kBAAkB,EAAE,CAAC;QACvB,CAAC;QAED,QAAQ,EAAE;UACR,gBAAgB,EAAE,CAAC,CAAC;UACpB,4BAA4B,EAAE,CAAC,CAAC;UAChCE,GAAG,EAAE;YACH,kBAAkB,EAAE,CAAC;UACvB;QACF,CAAC;QACD,yBAAyB,EAAE;UACzB,2BAA2B,EAAE,CAAC,CAAC;UAC/B,sBAAsB,EAAE;YACtB,2BAA2B,EAAE,CAAC;UAChC,CAAC;UACD,uBAAuB,EAAE,CAAC,CAAC;UAC3B,GAAG,EAAE;YACH,uBAAuB,EAAE,CAAC;UAC5B;QACF;MACF,CAAC;MACD,SAAS,EAAE;QACT,iBAAiB,EAAE,CAAC;MACtB,CAAC;MACD,UAAU,EAAE;QACV,0CAA0C,EAAE,CAAC,CAAC;QAC9C,eAAe,EAAE,CAAC;MACpB,CAAC;MACD,SAAS,EAAE;QACT,0BAA0B,EAAE,CAAC,CAAC;QAC9B,WAAW,EAAE;UACX,eAAe,EAAE,CAAC,CAAC;UACnB,sBAAsB,EAAE,CAAC,CAAC;UAC1B,qBAAqB,EAAE,CAAC;QAC1B;MACF,CAAC;MAED,MAAM,EAAE;QACN,sBAAsB,EAAE;UACtB,6BAA6B,EAAE,CAAC,CAAC;UACjC,WAAW,EAAE;YACX,eAAe,EAAE,CAAC;UACpB;QACF,CAAC;QACD,uBAAuB,EAAE;UACvB,eAAe,EAAE,CAAC;QACpB,CAAC;QACD,wBAAwB,EAAE;UACxB,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,2BAA2B,EAAE;UAC3B,uBAAuB,EAAE;YACvB,aAAa,EAAE,CAAC,CAAC;YACjB,aAAa,EAAE,CAAC;UAClB,CAAC;UACD,4BAA4B,EAAE;YAC5B,kBAAkB,EAAE,CAAC;UACvB;QACF,CAAC;QACD,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,MAAM,EAAE;QACN,sBAAsB,EAAE;UACtB,6BAA6B,EAAE,CAAC,CAAC;UACjC,WAAW,EAAE;YACX,eAAe,EAAE,CAAC;UACpB;QACF,CAAC;QACD,uBAAuB,EAAE;UACvB,eAAe,EAAE,CAAC;QACpB,CAAC;QACD,wBAAwB,EAAE;UACxB,kBAAkB,EAAE,CAAC;QACvB,CAAC;QACD,2BAA2B,EAAE;UAC3B,uBAAuB,EAAE;YACvB,aAAa,EAAE,CAAC,CAAC;YACjB,aAAa,EAAE,CAAC;UAClB,CAAC;UACD,4BAA4B,EAAE;YAC5B,kBAAkB,EAAE,CAAC;UACvB;QACF;MACF,CAAC;MACD,MAAM,EAAE;QACN,uBAAuB,EAAE;UACvB,wBAAwB,EAAE;YACxB,mBAAmB,EAAE,CAAC;UACxB,CAAC;UACD,sBAAsB,EAAE;YACtB,6BAA6B,EAAE,CAAC,CAAC;YACjC,WAAW,EAAE;cACX,eAAe,EAAE,CAAC;YACpB;UACF;QACF;MACF,CAAC;MAED,QAAQ,EAAE;QACR,sBAAsB,EAAE,CAAC,CAAC;QAC1B,cAAc,EAAE,CAAC,CAAC;QAClB,cAAc,EAAE,CAAC,CAAC;QAClB,cAAc,EAAE,CAAC,CAAC;QAClB,aAAa,EAAE,CAAC,CAAC;QACjB,4BAA4B,EAAE,CAAC,CAAC;QAChCC,kBAAkB,EAAE,qCAAqC;QACzDC,wBAAwB,EAAE,8BAA8B;QACxDC,kBAAkB,EAAE,OAAO;QAE3B,8CAA8C,EAAE;UAC9C,2BAA2B,EAAE,CAAC;QAChC,CAAC;QAED,gDAAgD,EAAE;UAChD,4BAA4B,EAAE,CAAC;QACjC,CAAC;QAED,uBAAuB,EAAE;UACvB,cAAc,EAAE,CAAC,CAAC;UAClB,mBAAmB,EAAE;YACnB,cAAc,EAAE,CAAC;UACnB,CAAC;UACD,mBAAmB,EAAE;YACnB,cAAc,EAAE,CAAC;UACnB,CAAC;UACD,mBAAmB,EAAE;YACnB,cAAc,EAAE,CAAC;UACnB,CAAC;UACD,yBAAyB,EAAE;YACzB,mBAAmB,EAAE;cACnB,oBAAoB,EAAE,CAAC;YACzB,CAAC;YACD,mBAAmB,EAAE;cACnB,oBAAoB,EAAE,CAAC;YACzB,CAAC;YACD,mBAAmB,EAAE;cACnB,oBAAoB,EAAE,CAAC;YACzB;UACF;QACF;MACF,CAAC;MAED,WAAW,EAAE;QACX,qBAAqB,EAAE;UACrB,gDAAgD,EAAE,CAAC;QACrD;MACF;IACF,CAAC;IACD,eAAe,EAAE;MACf,QAAQ,EAAE;QACR,gBAAgB,EAAE;UAChBF,kBAAkB,EAAE,QAAQ;UAC5BE,kBAAkB,EAAE,OAAO;UAC3B,kCAAkC,EAAE,CAAC;QACvC,CAAC;QAED,6BAA6B,EAAE;UAC7B,6BAA6B,EAAE,CAAC;QAClC;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

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

@@ -33,7 +33,17 @@ var ProgressStepper = exports.ProgressStepper = function ProgressStepper() {
           '@apply text-label-medium': {},
           '@apply border-2 border-secondary-outline': {},
           '@apply text-dark-secondary': {},
-          '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {}
+          '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
+          '&[data-rounded="true"]': {
+            '@apply rounded-full': {}
+          },
+          '&&-sm': {
+            '@apply h-[3.2rem] w-[3.2rem] min-h-[2.4rem] max-h-[3.2rem] min-w-[2.4rem] max-w-[3.2rem]': {},
+            '@apply text-label-small': {}
+          },
+          '&&-md': {
+            '@apply h-[4rem] w-[4rem] min-h-[3.2rem] max-h-[4rem] min-w-[3.2rem] max-w-[4rem]': {}
+          }
         },
         '&[data-progress="current"]': {
           '@apply font-bold': {},

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

@@ -1 +1 @@
-{"version":3,"file":"progress-stepper.js","names":["ProgressStepper","exports","hr","svg"],"sources":["../../../src/components/progress-stepper.ts"],"sourcesContent":["export const ProgressStepper = () => ({\n  '.sk-progress-stepper': {\n    '@apply flex justify-between': {},\n    hr: {\n      '@apply w-full mt-[1.9rem]': {},\n    },\n    '&-step': {\n      '@apply flex flex-col items-center': {},\n      '@apply gap-4': {},\n      '@apply w-auto': {},\n      '@apply shrink-0': {},\n      '@apply text-base leading-base text-dark-primary font-normal': {},\n      svg: {\n        '@apply w-20 h-20': {},\n      },\n      '&-wrapper': {\n        '@apply flex flex-row shrink w-full gap-4': {},\n        hr: {\n          '@apply w-full grow shrink mt-[1.9rem]': {},\n        },\n      },\n      '&-box': {\n        '@apply box-border': {},\n        '@apply shrink-0': {},\n        '@apply h-[4rem] w-[4rem]': {},\n        '@apply bg-secondary-surface': {},\n        '@apply flex justify-center items-center': {},\n        '@apply text-label-medium': {},\n        '@apply border-2 border-secondary-outline': {},\n        '@apply text-dark-secondary': {},\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\n      },\n      '&[data-progress=\"current\"]': {\n        '@apply font-bold': {},\n        '.sk-progress-stepper-step-box': {\n          '@apply border-vattjom-surface-primary': {},\n          '@apply bg-vattjom-surface-primary': {},\n          '@apply text-vattjom-text-secondary': {},\n        },\n      },\n      '&[data-progress=\"done\"]': {\n        '.sk-progress-stepper-step-box': {\n          '@apply border-success-surface-primary': {},\n          '@apply bg-success-surface-primary': {},\n          '@apply text-success-text-secondary': {},\n        },\n      },\n    },\n  },\n});\n"],"mappings":";;;;AAAO,IAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAA;EAAA,OAAU;IACpC,sBAAsB,EAAE;MACtB,6BAA6B,EAAE,CAAC,CAAC;MACjCE,EAAE,EAAE;QACF,2BAA2B,EAAE,CAAC;MAChC,CAAC;MACD,QAAQ,EAAE;QACR,mCAAmC,EAAE,CAAC,CAAC;QACvC,cAAc,EAAE,CAAC,CAAC;QAClB,eAAe,EAAE,CAAC,CAAC;QACnB,iBAAiB,EAAE,CAAC,CAAC;QACrB,6DAA6D,EAAE,CAAC,CAAC;QACjEC,GAAG,EAAE;UACH,kBAAkB,EAAE,CAAC;QACvB,CAAC;QACD,WAAW,EAAE;UACX,0CAA0C,EAAE,CAAC,CAAC;UAC9CD,EAAE,EAAE;YACF,uCAAuC,EAAE,CAAC;UAC5C;QACF,CAAC;QACD,OAAO,EAAE;UACP,mBAAmB,EAAE,CAAC,CAAC;UACvB,iBAAiB,EAAE,CAAC,CAAC;UACrB,0BAA0B,EAAE,CAAC,CAAC;UAC9B,6BAA6B,EAAE,CAAC,CAAC;UACjC,yCAAyC,EAAE,CAAC,CAAC;UAC7C,0BAA0B,EAAE,CAAC,CAAC;UAC9B,0CAA0C,EAAE,CAAC,CAAC;UAC9C,4BAA4B,EAAE,CAAC,CAAC;UAChC,oEAAoE,EAAE,CAAC;QACzE,CAAC;QACD,4BAA4B,EAAE;UAC5B,kBAAkB,EAAE,CAAC,CAAC;UACtB,+BAA+B,EAAE;YAC/B,uCAAuC,EAAE,CAAC,CAAC;YAC3C,mCAAmC,EAAE,CAAC,CAAC;YACvC,oCAAoC,EAAE,CAAC;UACzC;QACF,CAAC;QACD,yBAAyB,EAAE;UACzB,+BAA+B,EAAE;YAC/B,uCAAuC,EAAE,CAAC,CAAC;YAC3C,mCAAmC,EAAE,CAAC,CAAC;YACvC,oCAAoC,EAAE,CAAC;UACzC;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"progress-stepper.js","names":["ProgressStepper","exports","hr","svg"],"sources":["../../../src/components/progress-stepper.ts"],"sourcesContent":["export const ProgressStepper = () => ({\n  '.sk-progress-stepper': {\n    '@apply flex justify-between': {},\n    hr: {\n      '@apply w-full mt-[1.9rem]': {},\n    },\n    '&-step': {\n      '@apply flex flex-col items-center': {},\n      '@apply gap-4': {},\n      '@apply w-auto': {},\n      '@apply shrink-0': {},\n      '@apply text-base leading-base text-dark-primary font-normal': {},\n      svg: {\n        '@apply w-20 h-20': {},\n      },\n      '&-wrapper': {\n        '@apply flex flex-row shrink w-full gap-4': {},\n        hr: {\n          '@apply w-full grow shrink mt-[1.9rem]': {},\n        },\n      },\n      '&-box': {\n        '@apply box-border': {},\n        '@apply shrink-0': {},\n        '@apply h-[4rem] w-[4rem]': {},\n        '@apply bg-secondary-surface': {},\n        '@apply flex justify-center items-center': {},\n        '@apply text-label-medium': {},\n        '@apply border-2 border-secondary-outline': {},\n        '@apply text-dark-secondary': {},\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\n        '&[data-rounded=\"true\"]': {\n          '@apply rounded-full': {},\n        },\n\n        '&&-sm': {\n          '@apply h-[3.2rem] w-[3.2rem] min-h-[2.4rem] max-h-[3.2rem] min-w-[2.4rem] max-w-[3.2rem]': {},\n          '@apply text-label-small': {},\n        },\n        '&&-md': {\n          '@apply h-[4rem] w-[4rem] min-h-[3.2rem] max-h-[4rem] min-w-[3.2rem] max-w-[4rem]': {},\n        },\n      },\n      '&[data-progress=\"current\"]': {\n        '@apply font-bold': {},\n        '.sk-progress-stepper-step-box': {\n          '@apply border-vattjom-surface-primary': {},\n          '@apply bg-vattjom-surface-primary': {},\n          '@apply text-vattjom-text-secondary': {},\n        },\n      },\n      '&[data-progress=\"done\"]': {\n        '.sk-progress-stepper-step-box': {\n          '@apply border-success-surface-primary': {},\n          '@apply bg-success-surface-primary': {},\n          '@apply text-success-text-secondary': {},\n        },\n      },\n    },\n  },\n});\n"],"mappings":";;;;AAAO,IAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAA;EAAA,OAAU;IACpC,sBAAsB,EAAE;MACtB,6BAA6B,EAAE,CAAC,CAAC;MACjCE,EAAE,EAAE;QACF,2BAA2B,EAAE,CAAC;MAChC,CAAC;MACD,QAAQ,EAAE;QACR,mCAAmC,EAAE,CAAC,CAAC;QACvC,cAAc,EAAE,CAAC,CAAC;QAClB,eAAe,EAAE,CAAC,CAAC;QACnB,iBAAiB,EAAE,CAAC,CAAC;QACrB,6DAA6D,EAAE,CAAC,CAAC;QACjEC,GAAG,EAAE;UACH,kBAAkB,EAAE,CAAC;QACvB,CAAC;QACD,WAAW,EAAE;UACX,0CAA0C,EAAE,CAAC,CAAC;UAC9CD,EAAE,EAAE;YACF,uCAAuC,EAAE,CAAC;UAC5C;QACF,CAAC;QACD,OAAO,EAAE;UACP,mBAAmB,EAAE,CAAC,CAAC;UACvB,iBAAiB,EAAE,CAAC,CAAC;UACrB,0BAA0B,EAAE,CAAC,CAAC;UAC9B,6BAA6B,EAAE,CAAC,CAAC;UACjC,yCAAyC,EAAE,CAAC,CAAC;UAC7C,0BAA0B,EAAE,CAAC,CAAC;UAC9B,0CAA0C,EAAE,CAAC,CAAC;UAC9C,4BAA4B,EAAE,CAAC,CAAC;UAChC,oEAAoE,EAAE,CAAC,CAAC;UACxE,wBAAwB,EAAE;YACxB,qBAAqB,EAAE,CAAC;UAC1B,CAAC;UAED,OAAO,EAAE;YACP,0FAA0F,EAAE,CAAC,CAAC;YAC9F,yBAAyB,EAAE,CAAC;UAC9B,CAAC;UACD,OAAO,EAAE;YACP,kFAAkF,EAAE,CAAC;UACvF;QACF,CAAC;QACD,4BAA4B,EAAE;UAC5B,kBAAkB,EAAE,CAAC,CAAC;UACtB,+BAA+B,EAAE;YAC/B,uCAAuC,EAAE,CAAC,CAAC;YAC3C,mCAAmC,EAAE,CAAC,CAAC;YACvC,oCAAoC,EAAE,CAAC;UACzC;QACF,CAAC;QACD,yBAAyB,EAAE;UACzB,+BAA+B,EAAE;YAC/B,uCAAuC,EAAE,CAAC,CAAC;YAC3C,mCAAmC,EAAE,CAAC,CAAC;YACvC,oCAAoC,EAAE,CAAC;UACzC;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/esm/components/accordion.js

@@ -146,11 +146,6 @@ export var Accordion = () => ({
     '&-is-open': {
       '.sk-disclosure-body': {
         '@apply overflow-visible animate-reset-overflow': {}
-      },
-      '&[data-variant="default"]': {
-        '.sk-disclosure-title': {
-          '@apply text-vattjom-text-primary': {}
-        }
       }
     }
   },

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":["Accordion","svg","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-header': {\r\n      '@apply mt-6 mb-8': {},\r\n      '@apply flex flex-col text-left': {},\r\n      '@apply cursor-pointer': {},\r\n      '*': {\r\n        '@apply cursor-pointer': {},\r\n      },\r\n      '&:focus-visible': {\r\n        '@apply outline-0': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply ml-auto': {},\r\n        '@apply text-dark-secondary': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-dark-disabled': {},\r\n        },\r\n        '@apply cursor-default': {},\r\n        '*': {\r\n          '@apply cursor-default': {},\r\n        },\r\n      },\r\n    },\r\n    '&-label': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&-toggle': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply gap-16': {},\r\n    },\r\n    '&-title': {\r\n      '@apply text-dark-primary': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-sm font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-4': {},\r\n          '@apply h-40': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-32 h-32': {},\r\n        },\r\n      },\r\n      '&[data-variant=\"alt\"]': {},\r\n    },\r\n    '&-md': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-md font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-body': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-8': {},\r\n          '@apply h-56': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-40 h-40': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&[data-variant=\"alt\"]': {\r\n        '.sk-disclosure-support': {\r\n          '@apply text-large': {},\r\n        },\r\n        '.sk-disclosure-title': {\r\n          '@apply text-h3-md font-bold': {},\r\n          '&-wrapper': {\r\n            '@apply gap-16': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply flex flex-col': {},\r\n      '@apply mb-32': {},\r\n      '@apply mr-32': {},\r\n      '@apply gap-8': {},\r\n      '@apply py-0': {},\r\n      '@apply h-0 overflow-hidden': {},\r\n      transitionProperty: 'visibility, height, padding, margin',\r\n      transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible h-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block h-max visible': {},\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply mt-24': {},\r\n        '&[data-size=\"sm\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"md\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"lg\"]': {\r\n          '@apply pr-16': {},\r\n        },\r\n        '&[data-has-icon=\"true\"]': {\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply ml-[3.2rem]': {},\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply ml-[3.6rem]': {},\r\n          },\r\n          '&[data-size=\"lg\"]': {\r\n            '@apply ml-[4.8rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-is-open': {\r\n      '.sk-disclosure-body': {\r\n        '@apply overflow-visible animate-reset-overflow': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-title': {\r\n          '@apply text-vattjom-text-primary': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n  '.sk-accordion': {\r\n    '&-item': {\r\n      '.sk-disclosure': {\r\n        transitionProperty: 'margin',\r\n        transitionDuration: '180ms',\r\n        '@apply border-b-1 border-divider': {},\r\n      },\r\n\r\n      '&:last-child .sk-disclosure': {\r\n        '@apply border-b-transparent': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"accordion.js","names":["Accordion","svg","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-header': {\r\n      '@apply mt-6 mb-8': {},\r\n      '@apply flex flex-col text-left': {},\r\n      '@apply cursor-pointer': {},\r\n      '*': {\r\n        '@apply cursor-pointer': {},\r\n      },\r\n      '&:focus-visible': {\r\n        '@apply outline-0': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply ml-auto': {},\r\n        '@apply text-dark-secondary': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-dark-disabled': {},\r\n        },\r\n        '@apply cursor-default': {},\r\n        '*': {\r\n          '@apply cursor-default': {},\r\n        },\r\n      },\r\n    },\r\n    '&-label': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&-toggle': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply gap-16': {},\r\n    },\r\n    '&-title': {\r\n      '@apply text-dark-primary': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-sm font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-4': {},\r\n          '@apply h-40': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-32 h-32': {},\r\n        },\r\n      },\r\n      '&[data-variant=\"alt\"]': {},\r\n    },\r\n    '&-md': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-md font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-body': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-8': {},\r\n          '@apply h-56': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-40 h-40': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&[data-variant=\"alt\"]': {\r\n        '.sk-disclosure-support': {\r\n          '@apply text-large': {},\r\n        },\r\n        '.sk-disclosure-title': {\r\n          '@apply text-h3-md font-bold': {},\r\n          '&-wrapper': {\r\n            '@apply gap-16': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply flex flex-col': {},\r\n      '@apply mb-32': {},\r\n      '@apply mr-32': {},\r\n      '@apply gap-8': {},\r\n      '@apply py-0': {},\r\n      '@apply h-0 overflow-hidden': {},\r\n      transitionProperty: 'visibility, height, padding, margin',\r\n      transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible h-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block h-max visible': {},\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply mt-24': {},\r\n        '&[data-size=\"sm\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"md\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"lg\"]': {\r\n          '@apply pr-16': {},\r\n        },\r\n        '&[data-has-icon=\"true\"]': {\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply ml-[3.2rem]': {},\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply ml-[3.6rem]': {},\r\n          },\r\n          '&[data-size=\"lg\"]': {\r\n            '@apply ml-[4.8rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-is-open': {\r\n      '.sk-disclosure-body': {\r\n        '@apply overflow-visible animate-reset-overflow': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-accordion': {\r\n    '&-item': {\r\n      '.sk-disclosure': {\r\n        transitionProperty: 'margin',\r\n        transitionDuration: '180ms',\r\n        '@apply border-b-1 border-divider': {},\r\n      },\r\n\r\n      '&:last-child .sk-disclosure': {\r\n        '@apply border-b-transparent': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,SAAS,GAAGA,CAAA,MAAO;EAC9B,gBAAgB,EAAE;IAChB,UAAU,EAAE;MACV,kBAAkB,EAAE,CAAC,CAAC;MACtB,gCAAgC,EAAE,CAAC,CAAC;MACpC,uBAAuB,EAAE,CAAC,CAAC;MAC3B,GAAG,EAAE;QACH,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,iBAAiB,EAAE;QACjB,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,QAAQ,EAAE;QACR,gBAAgB,EAAE,CAAC,CAAC;QACpB,4BAA4B,EAAE,CAAC,CAAC;QAChCC,GAAG,EAAE;UACH,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MACD,yBAAyB,EAAE;QACzB,2BAA2B,EAAE,CAAC,CAAC;QAC/B,sBAAsB,EAAE;UACtB,2BAA2B,EAAE,CAAC;QAChC,CAAC;QACD,uBAAuB,EAAE,CAAC,CAAC;QAC3B,GAAG,EAAE;UACH,uBAAuB,EAAE,CAAC;QAC5B;MACF;IACF,CAAC;IACD,SAAS,EAAE;MACT,iBAAiB,EAAE,CAAC;IACtB,CAAC;IACD,UAAU,EAAE;MACV,0CAA0C,EAAE,CAAC,CAAC;MAC9C,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,SAAS,EAAE;MACT,0BAA0B,EAAE,CAAC,CAAC;MAC9B,WAAW,EAAE;QACX,eAAe,EAAE,CAAC,CAAC;QACnB,sBAAsB,EAAE,CAAC,CAAC;QAC1B,qBAAqB,EAAE,CAAC;MAC1B;IACF,CAAC;IAED,MAAM,EAAE;MACN,sBAAsB,EAAE;QACtB,6BAA6B,EAAE,CAAC,CAAC;QACjC,WAAW,EAAE;UACX,eAAe,EAAE,CAAC;QACpB;MACF,CAAC;MACD,uBAAuB,EAAE;QACvB,eAAe,EAAE,CAAC;MACpB,CAAC;MACD,wBAAwB,EAAE;QACxB,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,2BAA2B,EAAE;QAC3B,uBAAuB,EAAE;UACvB,aAAa,EAAE,CAAC,CAAC;UACjB,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,4BAA4B,EAAE;UAC5B,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MACD,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IACD,MAAM,EAAE;MACN,sBAAsB,EAAE;QACtB,6BAA6B,EAAE,CAAC,CAAC;QACjC,WAAW,EAAE;UACX,eAAe,EAAE,CAAC;QACpB;MACF,CAAC;MACD,uBAAuB,EAAE;QACvB,eAAe,EAAE,CAAC;MACpB,CAAC;MACD,wBAAwB,EAAE;QACxB,kBAAkB,EAAE,CAAC;MACvB,CAAC;MACD,2BAA2B,EAAE;QAC3B,uBAAuB,EAAE;UACvB,aAAa,EAAE,CAAC,CAAC;UACjB,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,4BAA4B,EAAE;UAC5B,kBAAkB,EAAE,CAAC;QACvB;MACF;IACF,CAAC;IACD,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,wBAAwB,EAAE;UACxB,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,sBAAsB,EAAE;UACtB,6BAA6B,EAAE,CAAC,CAAC;UACjC,WAAW,EAAE;YACX,eAAe,EAAE,CAAC;UACpB;QACF;MACF;IACF,CAAC;IAED,QAAQ,EAAE;MACR,sBAAsB,EAAE,CAAC,CAAC;MAC1B,cAAc,EAAE,CAAC,CAAC;MAClB,cAAc,EAAE,CAAC,CAAC;MAClB,cAAc,EAAE,CAAC,CAAC;MAClB,aAAa,EAAE,CAAC,CAAC;MACjB,4BAA4B,EAAE,CAAC,CAAC;MAChCC,kBAAkB,EAAE,qCAAqC;MACzDC,wBAAwB,EAAE,8BAA8B;MACxDC,kBAAkB,EAAE,OAAO;MAE3B,8CAA8C,EAAE;QAC9C,2BAA2B,EAAE,CAAC;MAChC,CAAC;MAED,gDAAgD,EAAE;QAChD,4BAA4B,EAAE,CAAC;MACjC,CAAC;MAED,uBAAuB,EAAE;QACvB,cAAc,EAAE,CAAC,CAAC;QAClB,mBAAmB,EAAE;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACD,mBAAmB,EAAE;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACD,mBAAmB,EAAE;UACnB,cAAc,EAAE,CAAC;QACnB,CAAC;QACD,yBAAyB,EAAE;UACzB,mBAAmB,EAAE;YACnB,oBAAoB,EAAE,CAAC;UACzB,CAAC;UACD,mBAAmB,EAAE;YACnB,oBAAoB,EAAE,CAAC;UACzB,CAAC;UACD,mBAAmB,EAAE;YACnB,oBAAoB,EAAE,CAAC;UACzB;QACF;MACF;IACF,CAAC;IAED,WAAW,EAAE;MACX,qBAAqB,EAAE;QACrB,gDAAgD,EAAE,CAAC;MACrD;IACF;EACF,CAAC;EACD,eAAe,EAAE;IACf,QAAQ,EAAE;MACR,gBAAgB,EAAE;QAChBF,kBAAkB,EAAE,QAAQ;QAC5BE,kBAAkB,EAAE,OAAO;QAC3B,kCAAkC,EAAE,CAAC;MACvC,CAAC;MAED,6BAA6B,EAAE;QAC7B,6BAA6B,EAAE,CAAC;MAClC;IACF;EACF;AACF,CAAC,CAAC"}

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

@@ -28,7 +28,17 @@ export var ProgressStepper = () => ({
         '@apply text-label-medium': {},
         '@apply border-2 border-secondary-outline': {},
         '@apply text-dark-secondary': {},
-        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {}
+        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
+        '&[data-rounded="true"]': {
+          '@apply rounded-full': {}
+        },
+        '&&-sm': {
+          '@apply h-[3.2rem] w-[3.2rem] min-h-[2.4rem] max-h-[3.2rem] min-w-[2.4rem] max-w-[3.2rem]': {},
+          '@apply text-label-small': {}
+        },
+        '&&-md': {
+          '@apply h-[4rem] w-[4rem] min-h-[3.2rem] max-h-[4rem] min-w-[3.2rem] max-w-[4rem]': {}
+        }
       },
       '&[data-progress="current"]': {
         '@apply font-bold': {},

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

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

package/dist/types/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src';
+export type * from './src';

package/dist/types/accordion/src/accordion/accordion-item.d.ts

@@ -0,0 +1,8 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import { DisclosureProps } from '../disclosure/disclosure';
+import { UseAccordionProps } from '../accordion/accordion';
+import React from 'react';
+export interface AccordionItemProps extends DefaultProps, UseAccordionProps, React.ComponentPropsWithRef<'div'>, Omit<DisclosureProps, 'size' | 'variant'> {
+}
+export declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default AccordionItem;

package/dist/types/accordion/src/accordion/accordion.d.ts

@@ -0,0 +1,25 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+import { DisclosureProps } from '../disclosure/disclosure';
+export interface UseAccordionProps extends Pick<DisclosureProps, 'headerAs'> {
+    /**
+     * Will close any item open when another is opened
+     * @deafult false
+     */
+    allowMultipleOpen?: boolean;
+    /**
+     * Size of the accordion
+     * @default md
+     */
+    size?: 'sm' | 'md';
+}
+interface UseAccordionData extends UseAccordionProps {
+    open?: string[];
+    onClose?: (id: string) => void;
+    onOpen?: (id: string) => void;
+}
+export interface AccordionInternalProps extends DefaultProps, UseAccordionProps, React.ComponentPropsWithRef<'ul'> {
+}
+export declare const useAccordion: () => UseAccordionData;
+export declare const AccordionComponent: React.ForwardRefExoticComponent<Omit<AccordionInternalProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+export default AccordionComponent;

package/dist/types/accordion/src/accordion/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { AccordionComponent, AccordionInternalProps } from './accordion';
+import AccordionItem from './accordion-item';
+interface AccordionProps extends React.ForwardRefExoticComponent<AccordionInternalProps> {
+    Component: typeof AccordionComponent;
+    Item: typeof AccordionItem;
+}
+export declare const Accordion: AccordionProps;
+export type { AccordionProps };
+export default Accordion;

package/dist/types/accordion/src/disclosure/disclosure.d.ts

@@ -0,0 +1,53 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+import { Label } from '@sk-web-gui/label';
+import { IconProps } from '@sk-web-gui/icon';
+export interface DisclosureProps extends DefaultProps, React.ComponentPropsWithRef<'div'> {
+    /**
+     * Open disclosure from start
+     * @default false
+     */
+    initalOpen?: boolean;
+    /**
+     * Control open state externally
+     * @default undefined
+     */
+    open?: boolean;
+    /** Header. */
+    header: React.ReactNode;
+    /** Makes disclosure disabled */
+    disabled?: boolean;
+    /**
+     * Element to wrap header in.
+     * @default label
+     */
+    headerAs?: React.ElementType;
+    children?: React.ReactNode;
+    id?: string;
+    onToggleOpen?: (open: boolean) => void;
+    /**
+     * Size of the disclosure
+     * @default md
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Style variant,
+     */
+    variant?: 'default' | 'alt';
+    /** Leading icon. Will be displayed before the header */
+    icon?: React.ComponentProps<IconProps>['name'];
+    /** Support text. Will be displayed after the header. */
+    supportText?: string;
+    /** Label. Will be displayed after the header. */
+    label?: string;
+    /** Color of the label
+     * @default gronsta
+     */
+    labelColor?: React.ComponentProps<typeof Label>['color'];
+    /** Inverts the colors of the label
+     * @default true
+     */
+    labelInverted?: React.ComponentProps<typeof Label>['inverted'];
+}
+export declare const Disclosure: React.ForwardRefExoticComponent<Omit<DisclosureProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Disclosure;

package/dist/types/accordion/src/disclosure/index.d.ts

@@ -0,0 +1,4 @@
+import { Disclosure, DisclosureProps } from './disclosure';
+export { Disclosure };
+export type { DisclosureProps };
+export default Disclosure;

package/dist/types/accordion/src/disclosure/styles.d.ts

@@ -0,0 +1 @@
+export declare const useDisclosureClass: (args?: any) => string;

package/dist/types/accordion/src/index.d.ts

@@ -0,0 +1,4 @@
+export * from './disclosure';
+export type * from './disclosure';
+export * from './accordion';
+export type * from './accordion';

package/dist/types/accordion/stories/accordion.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AccordionProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<import("../src/accordion/accordion").AccordionInternalProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+export default _default;
+export declare const Template: {
+    (args: React.ComponentPropsWithRef<AccordionProps['Component']>): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/types/accordion/stories/disclosure.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { DisclosureProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<DisclosureProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Template: {
+    (args: DisclosureProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const AlternativeVariant: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/avatar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src';
+export type * from './src';

package/dist/types/avatar/src/avatar.d.ts

@@ -0,0 +1,17 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+interface IAvatarProps extends DefaultProps {
+    imageAlt?: string;
+    imageElement?: React.ReactElement;
+    placeholderImage?: string;
+    imageUrl?: string;
+    initials?: string;
+    size?: 'sm' | 'md' | 'lg';
+    color?: 'juniskar' | 'bjornstigen' | 'gronsta' | 'vattjom';
+    accent?: boolean;
+    rounded?: boolean;
+}
+export interface AvatarProps extends Omit<React.ComponentPropsWithRef<'div'>, 'color'>, IAvatarProps {
+}
+export declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Avatar;

package/dist/types/avatar/src/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Avatar, AvatarProps } from './avatar';
+export { Avatar };
+export type { AvatarProps };
+declare const _default: {
+    Avatar: import("react").ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default _default;

package/dist/types/avatar/stories/avatar.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AvatarProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Template: {
+    (args: AvatarProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/types/badge/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src';
+export type * from './src';

package/dist/types/badge/src/badge.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { DefaultProps } from '@sk-web-gui/utils';
+interface IBadgeProps extends DefaultProps {
+    color?: 'tertiary' | 'warning' | 'error' | 'vattjom' | 'gronsta' | 'bjornstigen' | 'juniskar';
+    counter?: string | number;
+    inverted?: boolean;
+    rounded?: boolean;
+}
+export interface BadgeProps extends Omit<React.ComponentPropsWithRef<'span'>, 'color'>, IBadgeProps {
+}
+export declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export default Badge;

package/dist/types/badge/src/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Badge, BadgeProps } from './badge';
+export { Badge };
+export type { BadgeProps };
+declare const _default: {
+    Badge: import("react").ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+export default _default;

package/dist/types/badge/stories/badge.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BadgeProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<BadgeProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export default _default;
+export declare const Template: {
+    (args: BadgeProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/types/breadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src';
+export type * from './src';

package/dist/types/breadcrumb/src/breadcrumb.d.ts

@@ -0,0 +1,41 @@
+import { LinkProps } from '@sk-web-gui/link';
+import { PolymorphicComponentPropsWithRef } from '@sk-web-gui/utils';
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface BreadcrumbSeparatorProps extends DefaultProps, React.ComponentPropsWithRef<'span'> {
+    children?: React.ReactNode;
+}
+export declare const BreadcrumbSeparator: React.ForwardRefExoticComponent<Omit<BreadcrumbSeparatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+interface BreadcrumbLinkProps extends LinkProps {
+    /**
+     * If `true`, indicates that the breadcrumb item is active, adds
+     * `aria-current=page` and renders a `span`
+     */
+    currentPage?: boolean;
+}
+export type IBreadcrumbLinkProps<C extends React.ElementType> = PolymorphicComponentPropsWithRef<C, BreadcrumbLinkProps>;
+export type { BreadcrumbLinkProps };
+export declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<IBreadcrumbLinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
+interface IBreadcrumbProps extends DefaultProps {
+    /** @default / */
+    separator?: string | React.ReactElement;
+    /** @default true */
+    addSeparator?: boolean;
+    /** @default primary */
+    color?: 'primary' | 'vattjom';
+    /** React Node */
+    children?: React.ReactNode;
+}
+export interface BreadcrumbProps extends Omit<React.ComponentPropsWithRef<'nav'>, 'color'>, IBreadcrumbProps {
+}
+export declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<BreadcrumbProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Breadcrumb;
+export interface BreadcrumbItemProps extends IBreadcrumbProps, Omit<React.ComponentPropsWithRef<'li'>, 'color'> {
+    /**
+     * If `true`, indicates that the breadcrumb item is active, adds
+     * `aria-current=page` and renders a `span`
+     */
+    currentPage?: boolean;
+    lastChild?: boolean;
+}
+export declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<BreadcrumbItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/types/breadcrumb/src/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator, Breadcrumb as InternalBreadcrumb, BreadcrumbProps as InternalBreadcrumbProps } from './breadcrumb';
+interface BreadcrumbProps extends React.ForwardRefExoticComponent<InternalBreadcrumbProps> {
+    Component: typeof InternalBreadcrumb;
+    Item: typeof BreadcrumbItem;
+    Link: typeof BreadcrumbLink;
+    Separator: typeof BreadcrumbSeparator;
+}
+export declare const Breadcrumb: BreadcrumbProps;
+export type { BreadcrumbProps };
+export default Breadcrumb;

package/dist/types/breadcrumb/stories/breadcrumb.stories.d.ts

@@ -0,0 +1,7 @@
+import { BreadcrumbProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/breadcrumb").BreadcrumbProps>;
+export default _default;
+export declare const Template: {
+    (args: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/types/button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src';
+export type * from './src';

package/dist/types/button/src/button-group.d.ts

@@ -0,0 +1,15 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+import { ButtonProps } from './button';
+export interface ButtonGroupProps extends DefaultProps {
+    /** Set all wrapped button disabled */
+    disabled?: boolean;
+    /** Set all wrapped button size */
+    size?: ButtonProps['size'];
+    /** Set all wrapped button appearance */
+    variant?: ButtonProps['variant'];
+    inverted?: boolean;
+    children?: React.ReactNode;
+}
+export declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
+export default ButtonGroup;

package/dist/types/button/src/button.d.ts

@@ -0,0 +1,49 @@
+import { DefaultProps, PolymorphicComponentPropsWithRef } from '@sk-web-gui/utils';
+import React from 'react';
+export interface ButtonProps extends DefaultProps, React.ComponentPropsWithRef<'button'> {
+    loading?: boolean;
+    /** Makes button disabled */
+    disabled?: boolean;
+    /** Makes button active */
+    active?: boolean;
+    /** The label to show in the button when loading is true */
+    loadingText?: string;
+    /** Set the original html type of button */
+    /** Adds icon before button label */
+    leftIcon?: React.ReactElement;
+    /** Adds icon after button label */
+    rightIcon?: React.ReactElement;
+    /** Set the button color */
+    color?: 'info' | 'success' | 'primary' | 'warning' | 'error' | 'vattjom' | 'gronsta' | 'bjornstigen' | 'juniskar';
+    /** Size of the button */
+    size?: 'sm' | 'md' | 'lg';
+    /** Controls button appearance */
+    variant?: 'link' | 'primary' | 'secondary' | 'tertiary' | 'ghost';
+    /** React node */
+    children?: React.ReactNode;
+    /** Sets the button to the rounded variant */
+    rounded?: boolean;
+    /** Sets if inverted look */
+    inverted?: boolean;
+    /** Sets if this is an icon button */
+    iconButton?: boolean;
+    /** Make sure to use aria-describedby or such for accessibility */
+    'aria-disabled'?: React.ButtonHTMLAttributes<HTMLButtonElement>['aria-disabled'];
+    /**
+     * If the background of the button should be shown
+     * @default true
+     */
+    showBackground?: boolean;
+}
+export interface ButtonContentProps {
+    loading?: ButtonProps['loading'];
+    loadingText?: ButtonProps['loadingText'];
+    leftIcon?: ButtonProps['leftIcon'];
+    rightIcon?: ButtonProps['rightIcon'];
+    children?: ButtonProps['children'];
+    size?: ButtonProps['size'];
+}
+export declare const ButtonContent: React.FC<ButtonContentProps>;
+export type IButtonProps<C extends React.ElementType> = PolymorphicComponentPropsWithRef<C, ButtonProps>;
+export declare const Button: React.ForwardRefExoticComponent<Omit<IButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
+export default Button;

package/dist/types/button/src/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ButtonContent, Button as InternalButton, ButtonProps as InternalButtonProps } from './button';
+import { ButtonGroup } from './button-group';
+interface ButtonProps extends React.ForwardRefExoticComponent<InternalButtonProps> {
+    Component: typeof InternalButton;
+    Group: typeof ButtonGroup;
+    Content: typeof ButtonContent;
+}
+export declare const Button: ButtonProps;
+export type { ButtonProps };
+export default Button;

package/dist/types/button/src/styles.d.ts

@@ -0,0 +1 @@
+export declare const useButtonClass: (args?: any) => string;

package/dist/types/button/stories/announcement.d.ts

@@ -0,0 +1,5 @@
+export declare const Announcement: ({ color, size, ...rest }: {
+    [x: string]: any;
+    color?: string | undefined;
+    size?: number | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/button/stories/button-group.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ButtonProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/button-group").ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Template: {
+    ({ ...args }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/types/button/stories/button.stories.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/button").ButtonProps>;
+export default _default;
+export declare const Template: {
+    ({ children, ...args }: React.ComponentPropsWithRef<ButtonProps>): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/types/card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src';
+export type * from './src';