@sk-web-gui/core 3.14.0 → 3.16.0

package/dist/cjs/aria-plugin.js

@@ -14,8 +14,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const AriaAttributes = (0, _plugin.default)(function(param) {
-    let { addVariant } = param;
+const AriaAttributes = (0, _plugin.default)(function({ addVariant }) {
     const attributes = {
         checked: [
             'true',

package/dist/cjs/aria-plugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/aria-plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\n\r\nexport const AriaAttributes = TailwindPlugin(function ({ addVariant }) {\r\n  const attributes: Record<string, Array<string>> = {\r\n    checked: ['true', 'false', 'mixed'],\r\n    disabled: ['true', 'false'],\r\n    expanded: ['true', 'false'],\r\n    hidden: ['true', 'false'],\r\n    orientation: ['horizontal', 'vertical'],\r\n    readonly: ['true', 'false'],\r\n    required: ['true', 'false'],\r\n    selected: ['true', 'false'],\r\n    sort: ['none', 'ascending', 'descending', 'other'],\r\n  };\r\n\r\n  Object.keys(attributes).forEach((key) => {\r\n    attributes[key].forEach((element) => {\r\n      let selector = `aria-${key}-${element}`;\r\n      if (element == 'true') {\r\n        selector = `aria-${key}`;\r\n      } else if (element == 'false') {\r\n        selector = `aria-!${key}`;\r\n      }\r\n      addVariant(selector, `&[aria-${key}=\"${element}\"]`);\r\n    });\r\n  });\r\n\r\n  const specialAttributes: Record<string, Array<string>> = {\r\n    haspopup: ['menu', 'listbox', 'tree', 'grid', 'dialog', 'true'],\r\n    current: ['true', 'page', 'step', 'location', 'date', 'time'],\r\n  };\r\n\r\n  Object.keys(specialAttributes).forEach((key) => {\r\n    const elements = specialAttributes[key];\r\n    const selector = `aria-${key}`;\r\n    addVariant(\r\n      selector,\r\n      elements.map((element) => `&[aria-${key}=\"${element}\"]`)\r\n    );\r\n  });\r\n\r\n  Object.keys(specialAttributes).forEach((key) => {\r\n    const selector = `aria-!${key}`;\r\n    addVariant(selector, `&[aria-${key}=\"${false}\"]`);\r\n  });\r\n});\r\n"],"names":["AriaAttributes","TailwindPlugin","addVariant","attributes","checked","disabled","expanded","hidden","orientation","readonly","required","selected","sort","Object","keys","forEach","key","element","selector","specialAttributes","haspopup","current","elements","map"],"mappings":";;;;+BAEaA;;;eAAAA;;;+DAFc;;;;;;AAEpB,MAAMA,iBAAiBC,IAAAA,eAAc,EAAC,SAAU,KAAc;QAAd,EAAEC,UAAU,EAAE,GAAd;IACrD,MAAMC,aAA4C;QAChDC,SAAS;YAAC;YAAQ;YAAS;SAAQ;QACnCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,QAAQ;YAAC;YAAQ;SAAQ;QACzBC,aAAa;YAAC;YAAc;SAAW;QACvCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,MAAM;YAAC;YAAQ;YAAa;YAAc;SAAQ;IACpD;IAEAC,OAAOC,IAAI,CAACX,YAAYY,OAAO,CAAC,CAACC;QAC/Bb,UAAU,CAACa,IAAI,CAACD,OAAO,CAAC,CAACE;YACvB,IAAIC,WAAW,CAAC,KAAK,EAAEF,IAAI,CAAC,EAAEC,SAAS;YACvC,IAAIA,WAAW,QAAQ;gBACrBC,WAAW,CAAC,KAAK,EAAEF,KAAK;YAC1B,OAAO,IAAIC,WAAW,SAAS;gBAC7BC,WAAW,CAAC,MAAM,EAAEF,KAAK;YAC3B;YACAd,WAAWgB,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;QACpD;IACF;IAEA,MAAME,oBAAmD;QACvDC,UAAU;YAAC;YAAQ;YAAW;YAAQ;YAAQ;YAAU;SAAO;QAC/DC,SAAS;YAAC;YAAQ;YAAQ;YAAQ;YAAY;YAAQ;SAAO;IAC/D;IAEAR,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,CAACC;QACtC,MAAMM,WAAWH,iBAAiB,CAACH,IAAI;QACvC,MAAME,WAAW,CAAC,KAAK,EAAEF,KAAK;QAC9Bd,WACEgB,UACAI,SAASC,GAAG,CAAC,CAACN,UAAY,CAAC,OAAO,EAAED,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;IAE3D;IAEAJ,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,CAACC;QACtC,MAAME,WAAW,CAAC,MAAM,EAAEF,KAAK;QAC/Bd,WAAWgB,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC;IAClD;AACF"}
+{"version":3,"sources":["../../src/aria-plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\n\r\nexport const AriaAttributes = TailwindPlugin(function ({ addVariant }) {\r\n  const attributes: Record<string, Array<string>> = {\r\n    checked: ['true', 'false', 'mixed'],\r\n    disabled: ['true', 'false'],\r\n    expanded: ['true', 'false'],\r\n    hidden: ['true', 'false'],\r\n    orientation: ['horizontal', 'vertical'],\r\n    readonly: ['true', 'false'],\r\n    required: ['true', 'false'],\r\n    selected: ['true', 'false'],\r\n    sort: ['none', 'ascending', 'descending', 'other'],\r\n  };\r\n\r\n  Object.keys(attributes).forEach((key) => {\r\n    attributes[key].forEach((element) => {\r\n      let selector = `aria-${key}-${element}`;\r\n      if (element == 'true') {\r\n        selector = `aria-${key}`;\r\n      } else if (element == 'false') {\r\n        selector = `aria-!${key}`;\r\n      }\r\n      addVariant(selector, `&[aria-${key}=\"${element}\"]`);\r\n    });\r\n  });\r\n\r\n  const specialAttributes: Record<string, Array<string>> = {\r\n    haspopup: ['menu', 'listbox', 'tree', 'grid', 'dialog', 'true'],\r\n    current: ['true', 'page', 'step', 'location', 'date', 'time'],\r\n  };\r\n\r\n  Object.keys(specialAttributes).forEach((key) => {\r\n    const elements = specialAttributes[key];\r\n    const selector = `aria-${key}`;\r\n    addVariant(\r\n      selector,\r\n      elements.map((element) => `&[aria-${key}=\"${element}\"]`)\r\n    );\r\n  });\r\n\r\n  Object.keys(specialAttributes).forEach((key) => {\r\n    const selector = `aria-!${key}`;\r\n    addVariant(selector, `&[aria-${key}=\"${false}\"]`);\r\n  });\r\n});\r\n"],"names":["AriaAttributes","TailwindPlugin","addVariant","attributes","checked","disabled","expanded","hidden","orientation","readonly","required","selected","sort","Object","keys","forEach","key","element","selector","specialAttributes","haspopup","current","elements","map"],"mappings":";;;;+BAEaA;;;eAAAA;;;+DAFc;;;;;;AAEpB,MAAMA,iBAAiBC,IAAAA,eAAc,EAAC,SAAU,EAAEC,UAAU,EAAE;IACnE,MAAMC,aAA4C;QAChDC,SAAS;YAAC;YAAQ;YAAS;SAAQ;QACnCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,QAAQ;YAAC;YAAQ;SAAQ;QACzBC,aAAa;YAAC;YAAc;SAAW;QACvCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,MAAM;YAAC;YAAQ;YAAa;YAAc;SAAQ;IACpD;IAEAC,OAAOC,IAAI,CAACX,YAAYY,OAAO,CAAC,CAACC;QAC/Bb,UAAU,CAACa,IAAI,CAACD,OAAO,CAAC,CAACE;YACvB,IAAIC,WAAW,CAAC,KAAK,EAAEF,IAAI,CAAC,EAAEC,SAAS;YACvC,IAAIA,WAAW,QAAQ;gBACrBC,WAAW,CAAC,KAAK,EAAEF,KAAK;YAC1B,OAAO,IAAIC,WAAW,SAAS;gBAC7BC,WAAW,CAAC,MAAM,EAAEF,KAAK;YAC3B;YACAd,WAAWgB,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;QACpD;IACF;IAEA,MAAME,oBAAmD;QACvDC,UAAU;YAAC;YAAQ;YAAW;YAAQ;YAAQ;YAAU;SAAO;QAC/DC,SAAS;YAAC;YAAQ;YAAQ;YAAQ;YAAY;YAAQ;SAAO;IAC/D;IAEAR,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,CAACC;QACtC,MAAMM,WAAWH,iBAAiB,CAACH,IAAI;QACvC,MAAME,WAAW,CAAC,KAAK,EAAEF,KAAK;QAC9Bd,WACEgB,UACAI,SAASC,GAAG,CAAC,CAACN,UAAY,CAAC,OAAO,EAAED,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;IAE3D;IAEAJ,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,CAACC;QACtC,MAAME,WAAW,CAAC,MAAM,EAAEF,KAAK;QAC/Bd,WAAWgB,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC;IAClD;AACF"}

package/dist/cjs/components/accordion.js

@@ -69,7 +69,7 @@ const Accordion = ()=>({
                 '.sk-disclosure-toggle': {
                     '@apply gap-12': {},
                     '.sk-icon': {
-                        '@apply w-20 h-20': {}
+                        '@apply w-20 min-h-20': {}
                     }
                 },
                 '.sk-disclosure-support': {
@@ -78,7 +78,7 @@ const Accordion = ()=>({
                 '&[data-variant="default"]': {
                     '.sk-disclosure-toggle': {
                         '@apply py-4': {},
-                        '@apply h-40': {}
+                        '@apply min-h-40': {}
                     },
                     '.sk-disclosure-header-icon': {
                         '@apply w-32 h-32': {}
@@ -96,7 +96,7 @@ const Accordion = ()=>({
                 '.sk-disclosure-toggle': {
                     '@apply gap-12': {},
                     '.sk-icon': {
-                        '@apply w-24 h-24': {}
+                        '@apply w-24 min-h-24': {}
                     }
                 },
                 '.sk-disclosure-support': {
@@ -105,7 +105,7 @@ const Accordion = ()=>({
                 '&[data-variant="default"]': {
                     '.sk-disclosure-toggle': {
                         '@apply py-8': {},
-                        '@apply h-56': {}
+                        '@apply min-h-56': {}
                     },
                     '.sk-disclosure-header-icon': {
                         '@apply w-40 h-40': {}
@@ -126,21 +126,28 @@ const Accordion = ()=>({
                 }
             },
             '&-body': {
+                '&[data-size="sm"]': {
+                    '@apply pr-12': {}
+                },
+                '&[data-size="md"]': {
+                    '@apply pr-12': {}
+                },
+                '&[data-size="lg"]': {
+                    '@apply pr-16': {}
+                },
                 '@apply text-base': {},
                 '@apply flex flex-col': {},
                 '@apply mb-32': {},
                 '@apply mr-32': {},
                 '@apply gap-8': {},
                 '@apply py-0': {},
-                '@apply h-0 overflow-hidden': {},
-                transitionProperty: 'visibility, height, padding, margin',
-                transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
+                transitionProperty: 'visibility, height, opacity, padding, margin',
                 transitionDuration: '180ms',
                 '&[aria-hidden="true"], &[data-hidden="true"]': {
-                    '@apply my-0 invisible h-0': {}
+                    '@apply my-0 invisible max-h-0 opacity-0': {}
                 },
                 '&[aria-hidden="false"], &[data-hidden="false"]': {
-                    '@apply block h-max visible': {}
+                    '@apply block max-h-screen opacity-100 visible': {}
                 },
                 '&[data-variant="alt"]': {
                     '@apply mt-24': {},
@@ -165,11 +172,6 @@ const Accordion = ()=>({
                         }
                     }
                 }
-            },
-            '&-is-open': {
-                '.sk-disclosure-body': {
-                    '@apply overflow-visible animate-reset-overflow': {}
-                }
             }
         },
         '.sk-accordion': {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-icon': {\r\n      '@apply flex self-center': {},\r\n    },\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      '.sk-icon': {\r\n        '@apply w-32 h-32': {},\r\n      },\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        '.sk-icon': {\r\n          '@apply w-20 h-20': {},\r\n        },\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        '.sk-icon': {\r\n          '@apply w-24 h-24': {},\r\n        },\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 text-base': {},\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-32': {},\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply ml-36': {},\r\n          },\r\n          '&[data-size=\"lg\"]': {\r\n            '@apply ml-48': {},\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  '&[data-inverted=\"true\"]': {\r\n    '&.sk-disclosure': {\r\n      '&-icon': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n      },\r\n\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-inverted-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-inverted-dark-disabled': {},\r\n        },\r\n      },\r\n\r\n      '&-title': {\r\n        '@apply text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n    '&.sk-accordion': {\r\n      '&-item': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Accordion","svg","transitionProperty","transitionTimingFunction","transitionDuration"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,YAAY,IAAO,CAAA;QAC9B,kBAAkB;YAChB,UAAU;gBACR,2BAA2B,CAAC;YAC9B;YACA,YAAY;gBACV,oBAAoB,CAAC;gBACrB,kCAAkC,CAAC;gBACnC,yBAAyB,CAAC;gBAC1B,KAAK;oBACH,yBAAyB,CAAC;gBAC5B;gBACA,mBAAmB;oBACjB,oBAAoB,CAAC;gBACvB;gBAEA,UAAU;oBACR,kBAAkB,CAAC;oBACnB,8BAA8B,CAAC;oBAC/BC,KAAK;wBACH,oBAAoB,CAAC;oBACvB;gBACF;gBACA,2BAA2B;oBACzB,6BAA6B,CAAC;oBAC9B,wBAAwB;wBACtB,6BAA6B,CAAC;oBAChC;oBACA,yBAAyB,CAAC;oBAC1B,KAAK;wBACH,yBAAyB,CAAC;oBAC5B;gBACF;YACF;YACA,WAAW;gBACT,mBAAmB,CAAC;YACtB;YACA,YAAY;gBACV,4CAA4C,CAAC;gBAC7C,iBAAiB,CAAC;gBAClB,YAAY;oBACV,oBAAoB,CAAC;gBACvB;YACF;YACA,WAAW;gBACT,4BAA4B,CAAC;gBAC7B,aAAa;oBACX,iBAAiB,CAAC;oBAClB,wBAAwB,CAAC;oBACzB,uBAAuB,CAAC;gBAC1B;YACF;YAEA,QAAQ;gBACN,wBAAwB;oBACtB,+BAA+B,CAAC;oBAChC,aAAa;wBACX,iBAAiB,CAAC;oBACpB;gBACF;gBACA,yBAAyB;oBACvB,iBAAiB,CAAC;oBAClB,YAAY;wBACV,oBAAoB,CAAC;oBACvB;gBACF;gBACA,0BAA0B;oBACxB,qBAAqB,CAAC;gBACxB;gBACA,6BAA6B;oBAC3B,yBAAyB;wBACvB,eAAe,CAAC;wBAChB,eAAe,CAAC;oBAClB;oBACA,8BAA8B;wBAC5B,oBAAoB,CAAC;oBACvB;gBACF;gBACA,yBAAyB,CAAC;YAC5B;YACA,QAAQ;gBACN,wBAAwB;oBACtB,+BAA+B,CAAC;oBAChC,aAAa;wBACX,iBAAiB,CAAC;oBACpB;gBACF;gBACA,yBAAyB;oBACvB,iBAAiB,CAAC;oBAClB,YAAY;wBACV,oBAAoB,CAAC;oBACvB;gBACF;gBACA,0BAA0B;oBACxB,oBAAoB,CAAC;gBACvB;gBACA,6BAA6B;oBAC3B,yBAAyB;wBACvB,eAAe,CAAC;wBAChB,eAAe,CAAC;oBAClB;oBACA,8BAA8B;wBAC5B,oBAAoB,CAAC;oBACvB;gBACF;YACF;YACA,QAAQ;gBACN,yBAAyB;oBACvB,0BAA0B;wBACxB,qBAAqB,CAAC;oBACxB;oBACA,wBAAwB;wBACtB,+BAA+B,CAAC;wBAChC,aAAa;4BACX,iBAAiB,CAAC;wBACpB;oBACF;gBACF;YACF;YAEA,UAAU;gBACR,oBAAoB,CAAC;gBACrB,wBAAwB,CAAC;gBACzB,gBAAgB,CAAC;gBACjB,gBAAgB,CAAC;gBACjB,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,8BAA8B,CAAC;gBAC/BC,oBAAoB;gBACpBC,0BAA0B;gBAC1BC,oBAAoB;gBAEpB,gDAAgD;oBAC9C,6BAA6B,CAAC;gBAChC;gBAEA,kDAAkD;oBAChD,8BAA8B,CAAC;gBACjC;gBAEA,yBAAyB;oBACvB,gBAAgB,CAAC;oBACjB,qBAAqB;wBACnB,gBAAgB,CAAC;oBACnB;oBACA,qBAAqB;wBACnB,gBAAgB,CAAC;oBACnB;oBACA,qBAAqB;wBACnB,gBAAgB,CAAC;oBACnB;oBACA,2BAA2B;wBACzB,qBAAqB;4BACnB,gBAAgB,CAAC;wBACnB;wBACA,qBAAqB;4BACnB,gBAAgB,CAAC;wBACnB;wBACA,qBAAqB;4BACnB,gBAAgB,CAAC;wBACnB;oBACF;gBACF;YACF;YAEA,aAAa;gBACX,uBAAuB;oBACrB,kDAAkD,CAAC;gBACrD;YACF;QACF;QACA,iBAAiB;YACf,UAAU;gBACR,kBAAkB;oBAChBF,oBAAoB;oBACpBE,oBAAoB;oBACpB,oCAAoC,CAAC;gBACvC;gBAEA,+BAA+B;oBAC7B,+BAA+B,CAAC;gBAClC;YACF;QACF;QAEA,2BAA2B;YACzB,mBAAmB;gBACjB,UAAU;oBACR,uCAAuC,CAAC;gBAC1C;gBAEA,2BAA2B;oBACzB,sCAAsC,CAAC;oBACvC,wBAAwB;wBACtB,sCAAsC,CAAC;oBACzC;gBACF;gBAEA,WAAW;oBACT,qCAAqC,CAAC;gBACxC;YACF;YACA,kBAAkB;gBAChB,UAAU;oBACR,kCAAkC,CAAC;gBACrC;YACF;QACF;IACF,CAAA"}
+{"version":3,"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-icon': {\r\n      '@apply flex self-center': {},\r\n    },\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      '.sk-icon': {\r\n        '@apply w-32 h-32': {},\r\n      },\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        '.sk-icon': {\r\n          '@apply w-20 min-h-20': {},\r\n        },\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 min-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        '.sk-icon': {\r\n          '@apply w-24 min-h-24': {},\r\n        },\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 min-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      '&[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      '@apply text-base': {},\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      transitionProperty: 'visibility, height, opacity, padding, margin',\r\n\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible max-h-0 opacity-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block max-h-screen opacity-100 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-32': {},\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply ml-36': {},\r\n          },\r\n          '&[data-size=\"lg\"]': {\r\n            '@apply ml-48': {},\r\n          },\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  '&[data-inverted=\"true\"]': {\r\n    '&.sk-disclosure': {\r\n      '&-icon': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n      },\r\n\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-inverted-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-inverted-dark-disabled': {},\r\n        },\r\n      },\r\n\r\n      '&-title': {\r\n        '@apply text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n    '&.sk-accordion': {\r\n      '&-item': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Accordion","svg","transitionProperty","transitionDuration"],"mappings":"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"}

package/dist/cjs/components/countrycode.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CountryCode", {
+    enumerable: true,
+    get: function() {
+        return CountryCode;
+    }
+});
+const CountryCode = ()=>({
+        '.sk-country-code': {
+            '@apply font-flag': {},
+            '&-combobox': {
+                '@apply w-fit': {},
+                '&.sk-form-combobox': {
+                    '&-sm': {
+                        '@apply w-[12.0rem]': {}
+                    },
+                    '&-md': {
+                        '@apply w-[13.2rem]': {}
+                    },
+                    '&-lg': {
+                        '@apply w-[13.8rem]': {}
+                    }
+                },
+                '.sk-form-combobox': {
+                    '&-select': {
+                        '@apply w-auto max-w-full': {}
+                    },
+                    '&-list': {
+                        '@apply w-auto': {},
+                        '&-option-tick': {
+                            '@apply w-0': {}
+                        }
+                    }
+                }
+            }
+        }
+    });
+
+//# sourceMappingURL=countrycode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/countrycode.ts"],"sourcesContent":["export const CountryCode = () => ({\r\n  '.sk-country-code': {\r\n    '@apply font-flag': {},\r\n    '&-combobox': {\r\n      '@apply w-fit': {},\r\n      '&.sk-form-combobox': {\r\n        '&-sm': {\r\n          '@apply w-[12.0rem]': {},\r\n        },\r\n        '&-md': {\r\n          '@apply w-[13.2rem]': {},\r\n        },\r\n        '&-lg': {\r\n          '@apply w-[13.8rem]': {},\r\n        },\r\n      },\r\n      '.sk-form-combobox': {\r\n        '&-select': {\r\n          '@apply w-auto max-w-full': {},\r\n        },\r\n        '&-list': {\r\n          '@apply w-auto': {},\r\n          '&-option-tick': {\r\n            '@apply w-0': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["CountryCode"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,cAAc,IAAO,CAAA;QAChC,oBAAoB;YAClB,oBAAoB,CAAC;YACrB,cAAc;gBACZ,gBAAgB,CAAC;gBACjB,sBAAsB;oBACpB,QAAQ;wBACN,sBAAsB,CAAC;oBACzB;oBACA,QAAQ;wBACN,sBAAsB,CAAC;oBACzB;oBACA,QAAQ;wBACN,sBAAsB,CAAC;oBACzB;gBACF;gBACA,qBAAqB;oBACnB,YAAY;wBACV,4BAA4B,CAAC;oBAC/B;oBACA,UAAU;wBACR,iBAAiB,CAAC;wBAClB,iBAAiB;4BACf,cAAc,CAAC;wBACjB;oBACF;gBACF;YACF;QACF;IACF,CAAA"}

package/dist/cjs/components/file-upload.js

@@ -101,6 +101,12 @@ const FileUpload = ()=>({
                             '&-wrapper': {
                                 '@apply relative': {}
                             }
+                        },
+                        '&-remove-tooltip': {
+                            '@apply absolute bottom-full mb-6 hidden z-20 left-1/2 -translate-x-1/2 whitespace-nowrap': {},
+                            '.group:hover &': {
+                                '@apply block': {}
+                            }
                         }
                     },
                     '.sk-form-error-message': {

package/dist/cjs/components/file-upload.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/file-upload.ts"],"sourcesContent":["export const FileUpload = () => ({\r\n  '.sk-form-file-upload': {\r\n    '&-list': {\r\n      '@apply flex flex-col py-4 gap-x-12 items-start': {},\r\n      '@apply border-divider border-t-1 border-b-1': {},\r\n\r\n      '&[data-border=\"true\"]': {\r\n        '@apply border-0 py-0 gap-y-12': {},\r\n\r\n        '.sk-form-file-upload-list-item': {\r\n          '@apply border-1 border-divider': {},\r\n        },\r\n      },\r\n\r\n      'li[role=\"separator\"]': {\r\n        '@apply h-[1px] mt-3 mb-6 py-0 w-full': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '@apply self-stretch flex flex-row flex-wrap p-12 rounded-button': {},\r\n        '@apply gap-y-12': {},\r\n\r\n        '&-innerwrapper': {\r\n          '@apply w-full': {},\r\n          '@apply self-stretch items-center list-none flex flex-row gap-y-24 gap-x-12': {},\r\n        },\r\n\r\n        '&[data-isedit=\"true\"]': {\r\n          '.sk-form-file-upload-list-item-innerwrapper': {\r\n            '@apply flex-col': {},\r\n            '@apply medium-device:flex-row medium-device:items-center': {},\r\n\r\n            '.sk-form-file-upload-list-item-icon': {\r\n              '@apply hidden': {},\r\n              '@apply medium-device:flex': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&:hover': {\r\n          '@apply bg-background-200': {},\r\n        },\r\n\r\n        '&[data-border=\"true\"]': {\r\n          '@apply border-1 border-divider': {},\r\n        },\r\n\r\n        '&-icon': {\r\n          '@apply flex justify-center shrink-0 rounded-utility overflow-hidden': {},\r\n          '@apply bg-vattjom-surface-accent': {},\r\n\r\n          '@apply w-32 h-32': {},\r\n          '.sk-icon': {\r\n            '@apply w-full h-full p-[.64rem]': {},\r\n          },\r\n\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply w-32 h-32': {},\r\n            '.sk-icon': {\r\n              '@apply p-[.64rem]': {},\r\n            },\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply medium-device:w-44 medium-device:h-44': {},\r\n            '.sk-icon': {\r\n              '@apply medium-device:p-[.88rem]': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-content': {\r\n          '@apply grow flex flex-col justify-start gap-y-24': {},\r\n          '@apply medium-device:grid medium-device:grid-flow-col medium-device:auto-cols-fr medium-device:items-center':\r\n            {},\r\n\r\n          '& > *': {\r\n            '@apply grow shrink basis-auto': {},\r\n          },\r\n\r\n          '&-name': {\r\n            '@apply flex flex-col items-start gap-2': {},\r\n            '&[data-size=\"sm\"]': {\r\n              '.sk-form-file-upload-list-item-content-name-description': {\r\n                '@apply hidden': {},\r\n              },\r\n            },\r\n\r\n            '&-input-wrapper': {\r\n              '@apply flex items-center': {},\r\n\r\n              '.sk-form-input': {\r\n                '@apply grow': {},\r\n              },\r\n            },\r\n\r\n            '&-ending': {\r\n              '@apply ml-8': {},\r\n            },\r\n\r\n            '&-heading': {\r\n              '@apply text-base font-bold leading-24': {},\r\n            },\r\n\r\n            '&-description': {\r\n              '@apply text-small': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-actions': {\r\n          '@apply flex gap-12 items-center': {},\r\n          '&-more': {\r\n            '&-wrapper': {\r\n              '@apply relative': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '.sk-form-error-message': {\r\n          '@apply text-error': {},\r\n        },\r\n\r\n        '.sk-form-control': {\r\n          '@apply w-full medium-device:w-fit': {},\r\n\r\n          '.sk-form-select,.sk-form-input': {\r\n            '@apply w-full medium-device:w-fit': {},\r\n          },\r\n        },\r\n\r\n        '&-progress': {\r\n          '@apply w-full flex gap-x-md items-center': {},\r\n\r\n          '&-bar': {\r\n            '@apply w-full h-[0.4rem] bg-background-color-mixin-2 rounded-circular overflow-hidden': {},\r\n\r\n            '&-amount': {\r\n              '@apply h-full bg-primary-surface w-0 transition-[width_.3s_ease]': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-area': {\r\n      '&[data-relativity=\"viewport\"]': {\r\n        '.sk-form-file-upload-area-overlay': {\r\n          '@apply fixed': {},\r\n        },\r\n      },\r\n\r\n      '&[data-relativity=\"component\"]': {\r\n        '@apply relative inline-flex': {},\r\n        '.sk-form-file-upload-area-overlay': {\r\n          '@apply absolute': {},\r\n        },\r\n      },\r\n\r\n      '&-overlay': {\r\n        '@apply fixed z-overlay': {},\r\n        '@apply top-0 bottom-0 left-0 right-0 p-32 rounded-groups': {},\r\n        '@apply bg-primitives-overlay-darken-6': {},\r\n        '@apply border-2 border-gronsta-text-primary': {},\r\n        '@apply hidden': {},\r\n\r\n        '&[data-isdragging]': {\r\n          '@apply block': {},\r\n        },\r\n\r\n        '&-content': {\r\n          '@apply w-full h-full': {},\r\n          '@apply rounded-6 border-dashed border-2 border-gronsta-text-primary': {},\r\n          '@apply flex items-center justify-center': {},\r\n          '@apply text-gronsta-text-primary': {},\r\n\r\n          '&-icon': {\r\n            '&-wrapper': {\r\n              '@apply rounded-full bg-gronsta-surface-accent p-16 h-40 w-40 md:h-[8rem] md:w-[8rem] xl:h-[12rem] xl:w-[12rem]':\r\n                {},\r\n\r\n              '.sk-icon': {\r\n                '@apply w-full h-full': {},\r\n              },\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-modal': {\r\n      '@apply medium-device:w-[78rem]': {},\r\n\r\n      '&-labels': {\r\n        '@apply hidden': {},\r\n        '@apply medium-device:grid medium-device:grid-cols-2': {},\r\n        '@apply text-small font-bold': {},\r\n        '@apply mt-12 mb-8': {},\r\n      },\r\n\r\n      '&-button': {\r\n        '&-wrapper': {\r\n          '@apply flex items-center gap-8 mb-32': {},\r\n        },\r\n      },\r\n    },\r\n    '&-field &-area': {\r\n      '@apply w-full h-full': {},\r\n\r\n      '&-children': {\r\n        '@apply w-full h-full': {},\r\n      },\r\n    },\r\n    '&-field': {\r\n      '@apply w-fit': {},\r\n\r\n      '&[data-variant=\"horizontal\"] &-button': {\r\n        '@apply flex flex-row p-24 justify-center items-center gap-16': {},\r\n      },\r\n\r\n      '&[data-variant=\"vertical\"] &-button': {\r\n        '@apply flex flex-col p-24 justify-center items-center gap-18': {},\r\n\r\n        '.sk-form-file-upload-field-button-content': {\r\n          '@apply items-center': {},\r\n\r\n          '&-restrictions': {\r\n            '@apply items-center text-center': {},\r\n\r\n            '&-mimetypes': {\r\n              '@apply text-center': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n\r\n      '&:hover &-button': {\r\n        '@apply bg-vattjom-background-200 border-solid': {},\r\n      },\r\n\r\n      '&[data-invalid=\"true\"] &-button': {\r\n        '@apply bg-error-background-100 border-solid border-error': {},\r\n      },\r\n\r\n      '&-button': {\r\n        '@apply w-full h-full grow shrink-0 basis-0 self-stretch': {},\r\n        '@apply rounded-groups border-vattjom-surface-primary border-dashed border-1 bg-vattjom-background-100': {},\r\n\r\n        '&-icon': {\r\n          '.sk-icon': {\r\n            '@apply w-32 h-32': {},\r\n          },\r\n        },\r\n        '&-content': {\r\n          '@apply flex flex-col items-start gap-y-4': {},\r\n          '&-restrictions': {\r\n            '@apply flex flex-col items-start': {},\r\n            '@apply text-small text-dark-secondary': {},\r\n\r\n            '&-mimetypes': {\r\n              '@apply text-start line-clamp-1 max-w-[25rem]': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["FileUpload"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/file-upload.ts"],"sourcesContent":["export const FileUpload = () => ({\r\n  '.sk-form-file-upload': {\r\n    '&-list': {\r\n      '@apply flex flex-col py-4 gap-x-12 items-start': {},\r\n      '@apply border-divider border-t-1 border-b-1': {},\r\n\r\n      '&[data-border=\"true\"]': {\r\n        '@apply border-0 py-0 gap-y-12': {},\r\n\r\n        '.sk-form-file-upload-list-item': {\r\n          '@apply border-1 border-divider': {},\r\n        },\r\n      },\r\n\r\n      'li[role=\"separator\"]': {\r\n        '@apply h-[1px] mt-3 mb-6 py-0 w-full': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '@apply self-stretch flex flex-row flex-wrap p-12 rounded-button': {},\r\n        '@apply gap-y-12': {},\r\n\r\n        '&-innerwrapper': {\r\n          '@apply w-full': {},\r\n          '@apply self-stretch items-center list-none flex flex-row gap-y-24 gap-x-12': {},\r\n        },\r\n\r\n        '&[data-isedit=\"true\"]': {\r\n          '.sk-form-file-upload-list-item-innerwrapper': {\r\n            '@apply flex-col': {},\r\n            '@apply medium-device:flex-row medium-device:items-center': {},\r\n\r\n            '.sk-form-file-upload-list-item-icon': {\r\n              '@apply hidden': {},\r\n              '@apply medium-device:flex': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&:hover': {\r\n          '@apply bg-background-200': {},\r\n        },\r\n\r\n        '&[data-border=\"true\"]': {\r\n          '@apply border-1 border-divider': {},\r\n        },\r\n\r\n        '&-icon': {\r\n          '@apply flex justify-center shrink-0 rounded-utility overflow-hidden': {},\r\n          '@apply bg-vattjom-surface-accent': {},\r\n\r\n          '@apply w-32 h-32': {},\r\n          '.sk-icon': {\r\n            '@apply w-full h-full p-[.64rem]': {},\r\n          },\r\n\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply w-32 h-32': {},\r\n            '.sk-icon': {\r\n              '@apply p-[.64rem]': {},\r\n            },\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply medium-device:w-44 medium-device:h-44': {},\r\n            '.sk-icon': {\r\n              '@apply medium-device:p-[.88rem]': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-content': {\r\n          '@apply grow flex flex-col justify-start gap-y-24': {},\r\n          '@apply medium-device:grid medium-device:grid-flow-col medium-device:auto-cols-fr medium-device:items-center':\r\n            {},\r\n\r\n          '& > *': {\r\n            '@apply grow shrink basis-auto': {},\r\n          },\r\n\r\n          '&-name': {\r\n            '@apply flex flex-col items-start gap-2': {},\r\n            '&[data-size=\"sm\"]': {\r\n              '.sk-form-file-upload-list-item-content-name-description': {\r\n                '@apply hidden': {},\r\n              },\r\n            },\r\n\r\n            '&-input-wrapper': {\r\n              '@apply flex items-center': {},\r\n\r\n              '.sk-form-input': {\r\n                '@apply grow': {},\r\n              },\r\n            },\r\n\r\n            '&-ending': {\r\n              '@apply ml-8': {},\r\n            },\r\n\r\n            '&-heading': {\r\n              '@apply text-base font-bold leading-24': {},\r\n            },\r\n\r\n            '&-description': {\r\n              '@apply text-small': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-actions': {\r\n          '@apply flex gap-12 items-center': {},\r\n          '&-more': {\r\n            '&-wrapper': {\r\n              '@apply relative': {},\r\n            },\r\n          },\r\n          '&-remove-tooltip': {\r\n            '@apply absolute bottom-full mb-6 hidden z-20 left-1/2 -translate-x-1/2 whitespace-nowrap': {},\r\n            '.group:hover &': {\r\n              '@apply block': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '.sk-form-error-message': {\r\n          '@apply text-error': {},\r\n        },\r\n\r\n        '.sk-form-control': {\r\n          '@apply w-full medium-device:w-fit': {},\r\n\r\n          '.sk-form-select,.sk-form-input': {\r\n            '@apply w-full medium-device:w-fit': {},\r\n          },\r\n        },\r\n\r\n        '&-progress': {\r\n          '@apply w-full flex gap-x-md items-center': {},\r\n\r\n          '&-bar': {\r\n            '@apply w-full h-[0.4rem] bg-background-color-mixin-2 rounded-circular overflow-hidden': {},\r\n\r\n            '&-amount': {\r\n              '@apply h-full bg-primary-surface w-0 transition-[width_.3s_ease]': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-area': {\r\n      '&[data-relativity=\"viewport\"]': {\r\n        '.sk-form-file-upload-area-overlay': {\r\n          '@apply fixed': {},\r\n        },\r\n      },\r\n\r\n      '&[data-relativity=\"component\"]': {\r\n        '@apply relative inline-flex': {},\r\n        '.sk-form-file-upload-area-overlay': {\r\n          '@apply absolute': {},\r\n        },\r\n      },\r\n\r\n      '&-overlay': {\r\n        '@apply fixed z-overlay': {},\r\n        '@apply top-0 bottom-0 left-0 right-0 p-32 rounded-groups': {},\r\n        '@apply bg-primitives-overlay-darken-6': {},\r\n        '@apply border-2 border-gronsta-text-primary': {},\r\n        '@apply hidden': {},\r\n\r\n        '&[data-isdragging]': {\r\n          '@apply block': {},\r\n        },\r\n\r\n        '&-content': {\r\n          '@apply w-full h-full': {},\r\n          '@apply rounded-6 border-dashed border-2 border-gronsta-text-primary': {},\r\n          '@apply flex items-center justify-center': {},\r\n          '@apply text-gronsta-text-primary': {},\r\n\r\n          '&-icon': {\r\n            '&-wrapper': {\r\n              '@apply rounded-full bg-gronsta-surface-accent p-16 h-40 w-40 md:h-[8rem] md:w-[8rem] xl:h-[12rem] xl:w-[12rem]':\r\n                {},\r\n\r\n              '.sk-icon': {\r\n                '@apply w-full h-full': {},\r\n              },\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-modal': {\r\n      '@apply medium-device:w-[78rem]': {},\r\n\r\n      '&-labels': {\r\n        '@apply hidden': {},\r\n        '@apply medium-device:grid medium-device:grid-cols-2': {},\r\n        '@apply text-small font-bold': {},\r\n        '@apply mt-12 mb-8': {},\r\n      },\r\n\r\n      '&-button': {\r\n        '&-wrapper': {\r\n          '@apply flex items-center gap-8 mb-32': {},\r\n        },\r\n      },\r\n    },\r\n    '&-field &-area': {\r\n      '@apply w-full h-full': {},\r\n\r\n      '&-children': {\r\n        '@apply w-full h-full': {},\r\n      },\r\n    },\r\n    '&-field': {\r\n      '@apply w-fit': {},\r\n\r\n      '&[data-variant=\"horizontal\"] &-button': {\r\n        '@apply flex flex-row p-24 justify-center items-center gap-16': {},\r\n      },\r\n\r\n      '&[data-variant=\"vertical\"] &-button': {\r\n        '@apply flex flex-col p-24 justify-center items-center gap-18': {},\r\n\r\n        '.sk-form-file-upload-field-button-content': {\r\n          '@apply items-center': {},\r\n\r\n          '&-restrictions': {\r\n            '@apply items-center text-center': {},\r\n\r\n            '&-mimetypes': {\r\n              '@apply text-center': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n\r\n      '&:hover &-button': {\r\n        '@apply bg-vattjom-background-200 border-solid': {},\r\n      },\r\n\r\n      '&[data-invalid=\"true\"] &-button': {\r\n        '@apply bg-error-background-100 border-solid border-error': {},\r\n      },\r\n\r\n      '&-button': {\r\n        '@apply w-full h-full grow shrink-0 basis-0 self-stretch': {},\r\n        '@apply rounded-groups border-vattjom-surface-primary border-dashed border-1 bg-vattjom-background-100': {},\r\n\r\n        '&-icon': {\r\n          '.sk-icon': {\r\n            '@apply w-32 h-32': {},\r\n          },\r\n        },\r\n        '&-content': {\r\n          '@apply flex flex-col items-start gap-y-4': {},\r\n          '&-restrictions': {\r\n            '@apply flex flex-col items-start': {},\r\n            '@apply text-small text-dark-secondary': {},\r\n\r\n            '&-mimetypes': {\r\n              '@apply text-start line-clamp-1 max-w-[25rem]': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["FileUpload"],"mappings":"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"}

package/dist/cjs/components/footer.js

@@ -16,7 +16,7 @@ const Footer = ()=>({
             '@apply py-24 lg:py-40 px-20 lg:px-80': {},
             '@apply text-dark-secondary': {},
             '&-logo-wrapper': {
-                '@apply mr-80 mb-40 w-fit': {},
+                '@apply mr-80 mb-40 self-start flex-none w-max': {},
                 '.sk-logo': {
                     '@apply max-h-56 h-56 lg:max-h-72 lg:h-72': {}
                 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/footer.ts"],"sourcesContent":["export const Footer = () => ({\r\n  '.sk-footer': {\r\n    '@apply bg-background-content': {},\r\n    '@apply flex justify-center': {},\r\n    '@apply w-full': {},\r\n    '@apply py-24 lg:py-40 px-20 lg:px-80': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-logo-wrapper': {\r\n      '@apply mr-80 mb-40 w-fit': {},\r\n\r\n      '.sk-logo': {\r\n        '@apply max-h-56 h-56 lg:max-h-72 lg:h-72': {},\r\n      },\r\n    },\r\n    '&-content': {\r\n      '@apply w-fit grow flex flex-col desktop:flex-row desktop:flex-wrap': {},\r\n      '@apply w-full max-w-content': {},\r\n    },\r\n    '&-list': {\r\n      '@apply flex grow flex-col gap-16': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex flex-col desktop:flex-row flex-wrap justify-start grow gap-y-36 gap-x-80 desktop:ml-80': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '@apply text-[1.4rem] flex flex-row justify-start items-center gap-8': {},\r\n\r\n        label: {\r\n          '@apply text-label-medium': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Footer","label"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,SAAS,IAAO,CAAA;QAC3B,cAAc;YACZ,gCAAgC,CAAC;YACjC,8BAA8B,CAAC;YAC/B,iBAAiB,CAAC;YAClB,wCAAwC,CAAC;YACzC,8BAA8B,CAAC;YAE/B,kBAAkB;gBAChB,4BAA4B,CAAC;gBAE7B,YAAY;oBACV,4CAA4C,CAAC;gBAC/C;YACF;YACA,aAAa;gBACX,sEAAsE,CAAC;gBACvE,+BAA+B,CAAC;YAClC;YACA,UAAU;gBACR,oCAAoC,CAAC;gBAErC,aAAa;oBACX,sGAAsG,CAAC;gBACzG;gBAEA,UAAU;oBACR,uEAAuE,CAAC;oBAExEC,OAAO;wBACL,4BAA4B,CAAC;oBAC/B;gBACF;YACF;QACF;IACF,CAAA"}
+{"version":3,"sources":["../../../src/components/footer.ts"],"sourcesContent":["export const Footer = () => ({\r\n  '.sk-footer': {\r\n    '@apply bg-background-content': {},\r\n    '@apply flex justify-center': {},\r\n    '@apply w-full': {},\r\n    '@apply py-24 lg:py-40 px-20 lg:px-80': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-logo-wrapper': {\r\n      '@apply mr-80 mb-40 self-start flex-none w-max': {},\r\n\r\n      '.sk-logo': {\r\n        '@apply max-h-56 h-56 lg:max-h-72 lg:h-72': {},\r\n      },\r\n    },\r\n    '&-content': {\r\n      '@apply w-fit grow flex flex-col desktop:flex-row desktop:flex-wrap': {},\r\n      '@apply w-full max-w-content': {},\r\n    },\r\n    '&-list': {\r\n      '@apply flex grow flex-col gap-16': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex flex-col desktop:flex-row flex-wrap justify-start grow gap-y-36 gap-x-80 desktop:ml-80': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '@apply text-[1.4rem] flex flex-row justify-start items-center gap-8': {},\r\n\r\n        label: {\r\n          '@apply text-label-medium': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Footer","label"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,SAAS,IAAO,CAAA;QAC3B,cAAc;YACZ,gCAAgC,CAAC;YACjC,8BAA8B,CAAC;YAC/B,iBAAiB,CAAC;YAClB,wCAAwC,CAAC;YACzC,8BAA8B,CAAC;YAE/B,kBAAkB;gBAChB,iDAAiD,CAAC;gBAElD,YAAY;oBACV,4CAA4C,CAAC;gBAC/C;YACF;YACA,aAAa;gBACX,sEAAsE,CAAC;gBACvE,+BAA+B,CAAC;YAClC;YACA,UAAU;gBACR,oCAAoC,CAAC;gBAErC,aAAa;oBACX,sGAAsG,CAAC;gBACzG;gBAEA,UAAU;oBACR,uEAAuE,CAAC;oBAExEC,OAAO;wBACL,4BAA4B,CAAC;oBAC/B;gBACF;YACF;QACF;IACF,CAAA"}

package/dist/cjs/components/input.js

@@ -92,9 +92,94 @@ function addin() {
         }
     };
 }
+function addon() {
+    return {
+        '&-addon': {
+            '@apply flex relative': {},
+            '@apply items-center': {},
+            '@apply focus-within:ring': {},
+            '@apply focus-within:ring-ring': {},
+            '@apply text-dark-secondary': {},
+            //Focus
+            '@apply focus-within:border-input-field-surface': {},
+            '&:not(:invalid):not([aria-invalid="true"])': {
+                '@apply focus-within:border-input-field-surface': {}
+            },
+            '&&-lg': {
+                '@apply text-input-large': {},
+                '@apply rounded-button-lg': {},
+                '@apply h-48': {}
+            },
+            '&&-md': {
+                '@apply text-input-medium': {},
+                '@apply rounded-button-md': {},
+                '@apply h-40': {}
+            },
+            '&&-sm': {
+                '@apply text-input-small': {},
+                '@apply rounded-button-sm': {},
+                '@apply h-32': {}
+            },
+            '&&-left': {
+                '@apply rounded-r-0': {},
+                '@apply border-r-0': {}
+            },
+            '&&-right': {
+                '@apply rounded-l-0': {},
+                '@apply border-l-0': {}
+            },
+            ...inputStandards(),
+            '.sk-form-input': {
+                '@apply rounded-0': {},
+                '@apply border-0': {},
+                '@apply focus:ring-0': {},
+                '@apply focus:ring-offset-0': {},
+                '@apply bg-transparent': {},
+                '@apply dark:bg-transparent': {},
+                '@apply grow': {}
+            },
+            '.sk-form-select': {
+                '@apply rounded-0': {},
+                '@apply border-0 hover:border-0': {},
+                '@apply focus:ring-0 focus:z-10': {},
+                '@apply focus:ring-offset-0': {},
+                '@apply bg-transparent hover:bg-transparent': {},
+                '@apply dark:bg-transparent hover:dark:bg-transparent': {},
+                '@apply grow': {}
+            },
+            '&&-left .sk-form-select': {
+                '@apply border-r-1 border-r-divider': {},
+                '@apply focus:border-r-transparent': {}
+            },
+            '&&-right .sk-form-select': {
+                '@apply border-l-1 border-l-divider': {},
+                '@apply focus:border-l-transparent': {}
+            },
+            '.sk-form-combobox': {
+                '@apply rounded-0': {},
+                '@apply border-0': {},
+                '@apply focus-within:ring-0': {},
+                '@apply focus-within:ring-offset-0': {},
+                '@apply bg-transparent': {},
+                '@apply dark:bg-transparent': {}
+            },
+            '&&-left .sk-form-combobox': {
+                '@apply border-r-1 border-r-divider': {},
+                '@apply focus:border-r-transparent': {}
+            },
+            '&&-right .sk-form-combobox': {
+                '@apply border-l-1 border-l-divider': {},
+                '@apply focus:border-l-transparent': {}
+            }
+        }
+    };
+}
 function inputGroup() {
     return {
         '&-group': {
+            '&-wrapper': {
+                '@apply flex gap-0': {}
+            },
             '@apply flex relative': {},
             '@apply items-center': {},
             '@apply focus-within:ring': {},
@@ -107,15 +192,28 @@ function inputGroup() {
             },
             '&&-lg': {
                 '@apply text-input-large': {},
-                '@apply rounded-button-lg': {}
+                '@apply rounded-button-lg': {},
+                '@apply h-48': {}
             },
             '&&-md': {
                 '@apply text-input-medium': {},
-                '@apply rounded-button-md': {}
+                '@apply rounded-button-md': {},
+                '@apply h-40': {}
             },
             '&&-sm': {
                 '@apply text-input-small': {},
-                '@apply rounded-button-sm': {}
+                '@apply rounded-button-sm': {},
+                '@apply h-32': {}
+            },
+            '&[data-hasleftaddon="true"]': {
+                '@apply pl-0': {},
+                '@apply rounded-l-0': {},
+                '@apply border-l-0': {}
+            },
+            '&[data-hasrightaddon="true"]': {
+                '@apply pr-0': {},
+                '@apply rounded-r-0': {},
+                '@apply border-r-0': {}
             },
             ...inputStandards(),
             '.sk-form-input': {
@@ -246,7 +344,8 @@ const Input = ()=>({
             ...timeAndDatePicker(),
             ...inputStandards(),
             ...inputGroup(),
-            ...addin()
+            ...addin(),
+            ...addon()
         }
     });
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n  return {\r\n    '@apply border-1': {},\r\n    '@apply border-input-field-outline': {},\r\n    '@apply hover:border-input-field-outline-hover': {},\r\n\r\n    '@apply placeholder:text-dark-placeholder': {},\r\n\r\n    '@apply bg-input-field-surface': {},\r\n\r\n    //Invalid\r\n    '&:invalid, &[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply hover:border-input-field-outline-disabled': {},\r\n      '@apply text-dark-disabled': {},\r\n    },\r\n\r\n    //readOnly\r\n    '&:read-only': {\r\n      '@apply bg-input-field-surface': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply placeholder:text-dark-secondary': {},\r\n    },\r\n  };\r\n}\r\n\r\nfunction addin() {\r\n  return {\r\n    '&-addin': {\r\n      '@apply bg-transparent': {},\r\n      '@apply flex': {},\r\n      '@apply justify-start items-center': {},\r\n      '&-sm': {\r\n        '@apply px-6 gap-6': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-12': {},\r\n          '@apply pl-10': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-12': {},\r\n          '@apply pr-10': {},\r\n        },\r\n        svg: {\r\n          '@apply w-16 h-16': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-16': {},\r\n          '@apply pl-12': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-16': {},\r\n          '@apply pr-12': {},\r\n        },\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-20': {},\r\n          '@apply pl-16': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-20': {},\r\n          '@apply pr-16': {},\r\n        },\r\n        svg: {\r\n          '@apply w-22 h-22': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction inputGroup() {\r\n  return {\r\n    '&-group': {\r\n      '@apply flex relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-input-field-surface': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:border-input-field-surface': {},\r\n      },\r\n\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n  return {\r\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      '@apply block': {},\r\n      '@apply p-0': {},\r\n      '@apply pl-6 md:pl-8': {},\r\n      '@apply m-0': {},\r\n      '@apply bg-none': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&.sk-form-input-sm': {\r\n        '@apply w-16 h-16': {},\r\n        '@apply -mr-2': {},\r\n      },\r\n      '&.sk-form-input-md': {\r\n        '@apply -mr-4': {},\r\n        '@apply w-18 h-18': {},\r\n      },\r\n      '&.sk-form-input-lg': {\r\n        '@apply -mr-6': {},\r\n        '@apply w-20 h-20': {},\r\n      },\r\n    },\r\n\r\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n      {\r\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        maskSize: 'contain',\r\n        '-webkit-mask-size': 'contain',\r\n      },\r\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n        '@apply color-black-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Input = () => ({\r\n  '.sk-form-input': {\r\n    '@apply grow-0': {},\r\n    '@apply text-dark-primary': {},\r\n\r\n    '&[data-hideextra=\"true\"]': {\r\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n        '-webkit-appearance': 'none',\r\n        display: 'none',\r\n        margin: '0px',\r\n      },\r\n      '-moz-appearance': 'textfield',\r\n    },\r\n\r\n    '&&-lg': {\r\n      '@apply rounded-button-lg': {},\r\n      '@apply px-20': {},\r\n      '@apply py-11': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-large': {},\r\n      '@apply h-48': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply rounded-button-md': {},\r\n      '@apply px-16': {},\r\n      '@apply py-7': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-medium': {},\r\n      '@apply h-40': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply rounded-button-sm': {},\r\n      '@apply px-12': {},\r\n      '@apply py-5': {},\r\n      '@apply gap-6': {},\r\n      '@apply text-input-small': {},\r\n      '@apply h-32': {},\r\n    },\r\n    '&&-textarea': {\r\n      '@apply h-auto': {},\r\n      '&-warning': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus:ring': {},\r\n    '@apply focus:ring-ring': {},\r\n    '@apply focus:ring-offset': {},\r\n    '@apply focus:border-input-field-surface': {},\r\n    '@apply focus-within:ring': {},\r\n    '@apply focus-within:ring-ring': {},\r\n    '@apply focus-within:ring-offset': {},\r\n    '@apply focus-within:border-input-field-surface': {},\r\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n      '@apply focus:hover:border-input-field-surface': {},\r\n    },\r\n    ...timeAndDatePicker(),\r\n    ...inputStandards(),\r\n    ...inputGroup(),\r\n    ...addin(),\r\n  },\r\n});\r\n"],"names":["Input","calendar","clock","inputStandards","addin","svg","inputGroup","timeAndDatePicker","mask","maskSize","display","margin"],"mappings":";;;;+BAwLaA;;;eAAAA;;;AAxLb,SAASC;IACP,OAAO,CAAC,qWAAqW,CAAC;AAChX;AACA,SAASC;IACP,OAAO,CAAC,kQAAkQ,CAAC;AAC7Q;AAEA,SAASC;IACP,OAAO;QACL,mBAAmB,CAAC;QACpB,qCAAqC,CAAC;QACtC,iDAAiD,CAAC;QAElD,4CAA4C,CAAC;QAE7C,iCAAiC,CAAC;QAElC,SAAS;QACT,qCAAqC;YACnC,gDAAgD,CAAC;QACnD;QAEA,UAAU;QACV,uCAAuC;YACrC,0CAA0C,CAAC;YAC3C,8CAA8C,CAAC;YAC/C,oDAAoD,CAAC;YACrD,6BAA6B,CAAC;QAChC;QAEA,UAAU;QACV,eAAe;YACb,iCAAiC,CAAC;YAClC,8CAA8C,CAAC;YAC/C,8BAA8B,CAAC;YAC/B,0CAA0C,CAAC;QAC7C;IACF;AACF;AAEA,SAASC;IACP,OAAO;QACL,WAAW;YACT,yBAAyB,CAAC;YAC1B,eAAe,CAAC;YAChB,qCAAqC,CAAC;YACtC,QAAQ;gBACN,qBAAqB,CAAC;gBACtB,8BAA8B;oBAC5B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACA,+BAA+B;oBAC7B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACAC,KAAK;oBACH,oBAAoB,CAAC;gBACvB;YACF;YACA,QAAQ;gBACN,2BAA2B,CAAC;gBAC5B,8BAA8B;oBAC5B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACA,+BAA+B;oBAC7B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACAA,KAAK;oBACH,oBAAoB,CAAC;gBACvB;YACF;YACA,QAAQ;gBACN,2BAA2B,CAAC;gBAC5B,8BAA8B;oBAC5B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACA,+BAA+B;oBAC7B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACAA,KAAK;oBACH,oBAAoB,CAAC;gBACvB;YACF;QACF;IACF;AACF;AAEA,SAASC;IACP,OAAO;QACL,WAAW;YACT,wBAAwB,CAAC;YACzB,uBAAuB,CAAC;YACxB,4BAA4B,CAAC;YAC7B,iCAAiC,CAAC;YAClC,8BAA8B,CAAC;YAC/B,OAAO;YACP,kDAAkD,CAAC;YAEnD,8CAA8C;gBAC5C,kDAAkD,CAAC;YACrD;YAEA,SAAS;gBACP,2BAA2B,CAAC;gBAC5B,4BAA4B,CAAC;YAC/B;YACA,SAAS;gBACP,4BAA4B,CAAC;gBAC7B,4BAA4B,CAAC;YAC/B;YACA,SAAS;gBACP,2BAA2B,CAAC;gBAC5B,4BAA4B,CAAC;YAC/B;YACA,GAAGH,gBAAgB;YACnB,kBAAkB;gBAChB,oBAAoB,CAAC;gBACrB,mBAAmB,CAAC;gBACpB,uBAAuB,CAAC;gBACxB,8BAA8B,CAAC;gBAC/B,yBAAyB,CAAC;gBAC1B,8BAA8B,CAAC;gBAC/B,eAAe,CAAC;YAClB;QACF;IACF;AACF;AAEA,SAASI;IACP,OAAO;QACL,sEAAsE;YACpE,gBAAgB,CAAC;YACjB,cAAc,CAAC;YACf,uBAAuB,CAAC;YACxB,cAAc,CAAC;YACf,kBAAkB,CAAC;YACnB,4BAA4B,CAAC;YAC7B,sBAAsB;gBACpB,oBAAoB,CAAC;gBACrB,gBAAgB,CAAC;YACnB;YACA,sBAAsB;gBACpB,gBAAgB,CAAC;gBACjB,oBAAoB,CAAC;YACvB;YACA,sBAAsB;gBACpB,gBAAgB,CAAC;gBACjB,oBAAoB,CAAC;YACvB;QACF;QAEA,gGAAgG;YAC9FC,MAAM;gBAAC,CAAC,8BAA8B,EAAEP,WAAW,sBAAsB,CAAC;aAAC;YAC3E,gBAAgB;gBAAC,CAAC,8BAA8B,EAAEA,WAAW,sBAAsB,CAAC;aAAC;YACrFQ,UAAU;YACV,qBAAqB;QACvB;QACA,oHACE;YACED,MAAM;gBAAC,CAAC,8BAA8B,EAAEP,WAAW,sBAAsB,CAAC;aAAC;YAC3E,gBAAgB;gBAAC,CAAC,8BAA8B,EAAEA,WAAW,sBAAsB,CAAC;aAAC;YACrFQ,UAAU;YACV,qBAAqB;QACvB;QACF,gGAAgG;YAC9FD,MAAM;gBAAC,CAAC,8BAA8B,EAAEN,QAAQ,sBAAsB,CAAC;aAAC;YACxE,gBAAgB;gBAAC,CAAC,8BAA8B,EAAEA,QAAQ,sBAAsB,CAAC;aAAC;YAClFO,UAAU;YACV,qBAAqB;QACvB;QAEA,uCAAuC;YACrC,sEAAsE;gBACpE,+BAA+B,CAAC;YAClC;QACF;IACF;AACF;AAEO,MAAMT,QAAQ,IAAO,CAAA;QAC1B,kBAAkB;YAChB,iBAAiB,CAAC;YAClB,4BAA4B,CAAC;YAE7B,4BAA4B;gBAC1B,8DAA8D;oBAC5D,sBAAsB;oBACtBU,SAAS;oBACTC,QAAQ;gBACV;gBACA,mBAAmB;YACrB;YAEA,SAAS;gBACP,4BAA4B,CAAC;gBAC7B,gBAAgB,CAAC;gBACjB,gBAAgB,CAAC;gBACjB,gBAAgB,CAAC;gBACjB,2BAA2B,CAAC;gBAC5B,eAAe,CAAC;YAClB;YACA,SAAS;gBACP,4BAA4B,CAAC;gBAC7B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,gBAAgB,CAAC;gBACjB,4BAA4B,CAAC;gBAC7B,eAAe,CAAC;YAClB;YACA,SAAS;gBACP,4BAA4B,CAAC;gBAC7B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,gBAAgB,CAAC;gBACjB,2BAA2B,CAAC;gBAC5B,eAAe,CAAC;YAClB;YACA,eAAe;gBACb,iBAAiB,CAAC;gBAClB,aAAa;oBACX,kBAAkB,CAAC;gBACrB;YACF;YAEA,OAAO;YACP,qBAAqB,CAAC;YACtB,0BAA0B,CAAC;YAC3B,4BAA4B,CAAC;YAC7B,2CAA2C,CAAC;YAC5C,4BAA4B,CAAC;YAC7B,iCAAiC,CAAC;YAClC,mCAAmC,CAAC;YACpC,kDAAkD,CAAC;YACnD,8CAA8C;gBAC5C,iDAAiD,CAAC;YACpD;YACA,GAAGJ,mBAAmB;YACtB,GAAGJ,gBAAgB;YACnB,GAAGG,YAAY;YACf,GAAGF,OAAO;QACZ;IACF,CAAA"}
+{"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n  return {\r\n    '@apply border-1': {},\r\n    '@apply border-input-field-outline': {},\r\n    '@apply hover:border-input-field-outline-hover': {},\r\n\r\n    '@apply placeholder:text-dark-placeholder': {},\r\n\r\n    '@apply bg-input-field-surface': {},\r\n\r\n    //Invalid\r\n    '&:invalid, &[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply hover:border-input-field-outline-disabled': {},\r\n      '@apply text-dark-disabled': {},\r\n    },\r\n\r\n    //readOnly\r\n    '&:read-only': {\r\n      '@apply bg-input-field-surface': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply placeholder:text-dark-secondary': {},\r\n    },\r\n  };\r\n}\r\n\r\nfunction addin() {\r\n  return {\r\n    '&-addin': {\r\n      '@apply bg-transparent': {},\r\n      '@apply flex': {},\r\n      '@apply justify-start items-center': {},\r\n      '&-sm': {\r\n        '@apply px-6 gap-6': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-12': {},\r\n          '@apply pl-10': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-12': {},\r\n          '@apply pr-10': {},\r\n        },\r\n        svg: {\r\n          '@apply w-16 h-16': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-16': {},\r\n          '@apply pl-12': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-16': {},\r\n          '@apply pr-12': {},\r\n        },\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-20': {},\r\n          '@apply pl-16': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-20': {},\r\n          '@apply pr-16': {},\r\n        },\r\n        svg: {\r\n          '@apply w-22 h-22': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction addon() {\r\n  return {\r\n    '&-addon': {\r\n      '@apply flex relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-input-field-surface': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:border-input-field-surface': {},\r\n      },\r\n\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n        '@apply h-48': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n        '@apply h-40': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n        '@apply h-32': {},\r\n      },\r\n      '&&-left': {\r\n        '@apply rounded-r-0': {},\r\n        '@apply border-r-0': {},\r\n      },\r\n      '&&-right': {\r\n        '@apply rounded-l-0': {},\r\n        '@apply border-l-0': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n      '.sk-form-select': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0 hover:border-0': {},\r\n        '@apply focus:ring-0 focus:z-10': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent hover:bg-transparent': {},\r\n        '@apply dark:bg-transparent hover:dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n      '&&-left .sk-form-select': {\r\n        '@apply border-r-1 border-r-divider': {},\r\n        '@apply focus:border-r-transparent': {},\r\n      },\r\n      '&&-right .sk-form-select': {\r\n        '@apply border-l-1 border-l-divider': {},\r\n        '@apply focus:border-l-transparent': {},\r\n      },\r\n      '.sk-form-combobox': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus-within:ring-0': {},\r\n        '@apply focus-within:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n      },\r\n      '&&-left .sk-form-combobox': {\r\n        '@apply border-r-1 border-r-divider': {},\r\n        '@apply focus:border-r-transparent': {},\r\n      },\r\n      '&&-right .sk-form-combobox': {\r\n        '@apply border-l-1 border-l-divider': {},\r\n        '@apply focus:border-l-transparent': {},\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction inputGroup() {\r\n  return {\r\n    '&-group': {\r\n      '&-wrapper': {\r\n        '@apply flex gap-0': {},\r\n      },\r\n      '@apply flex relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-input-field-surface': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:border-input-field-surface': {},\r\n      },\r\n\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n        '@apply h-48': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n        '@apply h-40': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n        '@apply h-32': {},\r\n      },\r\n      '&[data-hasleftaddon=\"true\"]': {\r\n        '@apply pl-0': {},\r\n        '@apply rounded-l-0': {},\r\n        '@apply border-l-0': {},\r\n      },\r\n      '&[data-hasrightaddon=\"true\"]': {\r\n        '@apply pr-0': {},\r\n        '@apply rounded-r-0': {},\r\n        '@apply border-r-0': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n  return {\r\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      '@apply block': {},\r\n      '@apply p-0': {},\r\n      '@apply pl-6 md:pl-8': {},\r\n      '@apply m-0': {},\r\n      '@apply bg-none': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&.sk-form-input-sm': {\r\n        '@apply w-16 h-16': {},\r\n        '@apply -mr-2': {},\r\n      },\r\n      '&.sk-form-input-md': {\r\n        '@apply -mr-4': {},\r\n        '@apply w-18 h-18': {},\r\n      },\r\n      '&.sk-form-input-lg': {\r\n        '@apply -mr-6': {},\r\n        '@apply w-20 h-20': {},\r\n      },\r\n    },\r\n\r\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n      {\r\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        maskSize: 'contain',\r\n        '-webkit-mask-size': 'contain',\r\n      },\r\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n        '@apply color-black-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Input = () => ({\r\n  '.sk-form-input': {\r\n    '@apply grow-0': {},\r\n    '@apply text-dark-primary': {},\r\n\r\n    '&[data-hideextra=\"true\"]': {\r\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n        '-webkit-appearance': 'none',\r\n        display: 'none',\r\n        margin: '0px',\r\n      },\r\n      '-moz-appearance': 'textfield',\r\n    },\r\n\r\n    '&&-lg': {\r\n      '@apply rounded-button-lg': {},\r\n      '@apply px-20': {},\r\n      '@apply py-11': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-large': {},\r\n      '@apply h-48': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply rounded-button-md': {},\r\n      '@apply px-16': {},\r\n      '@apply py-7': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-medium': {},\r\n      '@apply h-40': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply rounded-button-sm': {},\r\n      '@apply px-12': {},\r\n      '@apply py-5': {},\r\n      '@apply gap-6': {},\r\n      '@apply text-input-small': {},\r\n      '@apply h-32': {},\r\n    },\r\n    '&&-textarea': {\r\n      '@apply h-auto': {},\r\n      '&-warning': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus:ring': {},\r\n    '@apply focus:ring-ring': {},\r\n    '@apply focus:ring-offset': {},\r\n    '@apply focus:border-input-field-surface': {},\r\n    '@apply focus-within:ring': {},\r\n    '@apply focus-within:ring-ring': {},\r\n    '@apply focus-within:ring-offset': {},\r\n    '@apply focus-within:border-input-field-surface': {},\r\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n      '@apply focus:hover:border-input-field-surface': {},\r\n    },\r\n    ...timeAndDatePicker(),\r\n    ...inputStandards(),\r\n    ...inputGroup(),\r\n    ...addin(),\r\n    ...addon(),\r\n  },\r\n});\r\n"],"names":["Input","calendar","clock","inputStandards","addin","svg","addon","inputGroup","timeAndDatePicker","mask","maskSize","display","margin"],"mappings":"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"}

package/dist/cjs/components/logo.js

@@ -28,7 +28,7 @@ const Logo = ()=>({
                 '@apply h-60': {},
                 '@apply pb-4': {},
                 '.sk-logo-figure': {
-                    '@apply w-auto h-56': {}
+                    '@apply w-34 h-56': {}
                 }
             },
             'a:focus-within &': {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\r\n  '.sk-logo': {\r\n    '@apply flex w-auto h-auto': {},\r\n    '@apply items-center': {},\r\n    '@apply text-dark-primary': {},\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-light-primary': {},\r\n      '.sk-logo-divider': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n\r\n    '&-figure': {\r\n      '@apply w-full h-full': {},\r\n    },\r\n    '&[data-variant=\"service\"]': {\r\n      '@apply flex-row gap-6': {},\r\n      '@apply w-max': {},\r\n      '@apply h-60': {},\r\n      '@apply pb-4': {},\r\n      '.sk-logo-figure': {\r\n        '@apply w-auto h-56': {},\r\n      },\r\n    },\r\n    'a:focus-within &': {\r\n      '@apply outline outline-2 outline-ring': {},\r\n    },\r\n    'a &': {\r\n      '@apply no-underline': {},\r\n    },\r\n    'a:hover &': {\r\n      '@apply underline': {},\r\n    },\r\n    '&-service-content': {\r\n      '@apply h-full w-max': {},\r\n      '@apply flex flex-col justify-center': {},\r\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\r\n    },\r\n    '&-title': {\r\n      '@apply font-header text-logo-header': {},\r\n    },\r\n    '&-subtitle': {\r\n      '@apply text-small font-normal block': {},\r\n    },\r\n    '&-divider': {\r\n      '@apply pt-8 pb-4': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Logo"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,OAAO,IAAO,CAAA;QACzB,YAAY;YACV,6BAA6B,CAAC;YAC9B,uBAAuB,CAAC;YACxB,4BAA4B,CAAC;YAC7B,2BAA2B;gBACzB,6BAA6B,CAAC;gBAC9B,oBAAoB;oBAClB,kCAAkC,CAAC;gBACrC;YACF;YAEA,YAAY;gBACV,wBAAwB,CAAC;YAC3B;YACA,6BAA6B;gBAC3B,yBAAyB,CAAC;gBAC1B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,eAAe,CAAC;gBAChB,mBAAmB;oBACjB,sBAAsB,CAAC;gBACzB;YACF;YACA,oBAAoB;gBAClB,yCAAyC,CAAC;YAC5C;YACA,OAAO;gBACL,uBAAuB,CAAC;YAC1B;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,uBAAuB,CAAC;gBACxB,uCAAuC,CAAC;gBACxC,8BAA8B,CAAC;YACjC;YACA,WAAW;gBACT,uCAAuC,CAAC;YAC1C;YACA,cAAc;gBACZ,uCAAuC,CAAC;YAC1C;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;QACF;IACF,CAAA"}
+{"version":3,"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\r\n  '.sk-logo': {\r\n    '@apply flex w-auto h-auto': {},\r\n    '@apply items-center': {},\r\n    '@apply text-dark-primary': {},\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-light-primary': {},\r\n      '.sk-logo-divider': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n\r\n    '&-figure': {\r\n      '@apply w-full h-full': {},\r\n    },\r\n    '&[data-variant=\"service\"]': {\r\n      '@apply flex-row gap-6': {},\r\n      '@apply w-max': {},\r\n      '@apply h-60': {},\r\n      '@apply pb-4': {},\r\n      '.sk-logo-figure': {\r\n        '@apply w-34 h-56': {},\r\n      },\r\n    },\r\n    'a:focus-within &': {\r\n      '@apply outline outline-2 outline-ring': {},\r\n    },\r\n    'a &': {\r\n      '@apply no-underline': {},\r\n    },\r\n    'a:hover &': {\r\n      '@apply underline': {},\r\n    },\r\n    '&-service-content': {\r\n      '@apply h-full w-max': {},\r\n      '@apply flex flex-col justify-center': {},\r\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\r\n    },\r\n    '&-title': {\r\n      '@apply font-header text-logo-header': {},\r\n    },\r\n    '&-subtitle': {\r\n      '@apply text-small font-normal block': {},\r\n    },\r\n    '&-divider': {\r\n      '@apply pt-8 pb-4': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Logo"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,OAAO,IAAO,CAAA;QACzB,YAAY;YACV,6BAA6B,CAAC;YAC9B,uBAAuB,CAAC;YACxB,4BAA4B,CAAC;YAC7B,2BAA2B;gBACzB,6BAA6B,CAAC;gBAC9B,oBAAoB;oBAClB,kCAAkC,CAAC;gBACrC;YACF;YAEA,YAAY;gBACV,wBAAwB,CAAC;YAC3B;YACA,6BAA6B;gBAC3B,yBAAyB,CAAC;gBAC1B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,eAAe,CAAC;gBAChB,mBAAmB;oBACjB,oBAAoB,CAAC;gBACvB;YACF;YACA,oBAAoB;gBAClB,yCAAyC,CAAC;YAC5C;YACA,OAAO;gBACL,uBAAuB,CAAC;YAC1B;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,uBAAuB,CAAC;gBACxB,uCAAuC,CAAC;gBACxC,8BAA8B,CAAC;YACjC;YACA,WAAW;gBACT,uCAAuC,CAAC;YAC1C;YACA,cAAc;gBACZ,uCAAuC,CAAC;YAC1C;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;QACF;IACF,CAAA"}

package/dist/cjs/components.js

@@ -19,6 +19,7 @@ const _card = require("./components/card");
 const _checkbox = require("./components/checkbox");
 const _chip = require("./components/chip");
 const _combobox = require("./components/combobox");
+const _countrycode = require("./components/countrycode");
 const _cookieconsent = require("./components/cookie-consent");
 const _dialog = require("./components/dialog");
 const _divider = require("./components/divider");
@@ -119,6 +120,13 @@ const components = [
     {
         comp: _combobox.ComboBox
     },
+    {
+        comp: _countrycode.CountryCode,
+        deps: [
+            _forms.Forms,
+            _combobox.ComboBox
+        ]
+    },
     {
         comp: _cookieconsent.CookieConsent,
         deps: [