@sk-web-gui/core 3.8.0 → 3.9.1

package/dist/cjs/components/accordion.js

@@ -5,6 +5,9 @@ exports.Accordion = void 0;
 var Accordion = exports.Accordion = function Accordion() {
   return {
     '.sk-disclosure': {
+      '&-icon': {
+        '@apply flex self-center': {}
+      },
       '&-header': {
         '@apply mt-6 mb-8': {},
         '@apply flex flex-col text-left': {},

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      '.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"],"mappings":"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","ignoreList":[]}
+{"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    '&-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"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ai/ai-service-module.js

@@ -9,6 +9,8 @@ var AIServiceModule = exports.AIServiceModule = function AIServiceModule(colors)
       '@apply flex gap-0': {},
       '@apply rounded-groups': {},
       '@apply bg-background-content': {},
+      '@apply relative': {},
+      '@apply z-10': {},
       '&[data-inverted="true"]': {
         '@apply text-inverted-dark-primary': {},
         '@apply bg-inverted-background-content': {}
@@ -105,6 +107,7 @@ var AIServiceModule = exports.AIServiceModule = function AIServiceModule(colors)
       },
       '&-assistant': {
         '&-expanded': {
+          '@apply z-20': {},
           '@apply h-[35em] max-h-[35em]': {},
           '@apply rounded-button': {},
           '@apply overflow-hidden': {},

package/dist/cjs/components/ai/ai-service-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-service-module.js","names":["AIServiceModule","exports","colors","_extends","reduce","styles","color","_dataInvertedTru","_ref","_extends2","_dataInvertedTru2","_ref2","_extends3"],"sources":["../../../../src/components/ai/ai-service-module.ts"],"sourcesContent":["export const AIServiceModule = (colors: string[]) => ({\r\n  '.sk-ai-service-module': {\r\n    '@apply flex gap-0': {},\r\n    '@apply rounded-groups': {},\r\n    '@apply bg-background-content': {},\r\n\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-inverted-dark-primary': {},\r\n      '@apply bg-inverted-background-content': {},\r\n    },\r\n\r\n    '&[data-variant=\"secondary\"]': {\r\n      '@apply border-1 border-divider': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply flex-col': {},\r\n    },\r\n    '&[data-variant=\"primary\"]': {\r\n      '@apply shadow-100': {},\r\n    },\r\n    '&-row': {\r\n      '@apply flex flex-col': {},\r\n      '@apply grow shrink': {},\r\n      '@apply bg-transparent': {},\r\n      '&[data-variant=\"primary\"]': {\r\n        '@apply p-16 md:p-32': {},\r\n        '@apply first:rounded-l-groups': {},\r\n        '@apply last:rounded-r-groups': {},\r\n      },\r\n      '&[data-variant=\"secondary\"]': {\r\n        '@apply px-24 md:px-32 pb-20': {},\r\n        '@apply first:pt-24 first:md:pt-32': {},\r\n        '@apply last:pb-24 last:md:pb-32': {},\r\n        '@apply first:rounded-t-groups': {},\r\n        '@apply last:rounded-b-groups': {},\r\n      },\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n            '@apply text-light-primary': {},\r\n            '&[data-inverted=\"true\"]': {\r\n              [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n              '@apply text-inverted-light-primary': {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex flex-col gap-6 md:gap-24': {},\r\n      '@apply p-4 md:p-8': {},\r\n      '@apply w-full': {},\r\n      '&[data-variant=\"secondary\"]': {\r\n        '@apply md:gap-16': {},\r\n        '@apply py-4 md:py-8 px-24 md:px-48': {},\r\n      },\r\n    },\r\n\r\n    '&-header': {\r\n      '@apply relative': {},\r\n      '&, > *': {\r\n        '@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {},\r\n      },\r\n      '&[data-variant=\"secondary\"], &[data-variant=\"secondary\"] > *': {\r\n        '@apply font-header text-h2-sm md:text-h2-md': {},\r\n      },\r\n      '&-icon': {\r\n        '@apply absolute -left-52 -top-2': {},\r\n        '.sk-icon, svg': {\r\n          '@apply h-40 w-40': {},\r\n        },\r\n        ...colors.reduce(\r\n          (styles, color) => ({\r\n            ...styles,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              [`@apply text-${color}-surface-primary`]: {},\r\n              '&[data-inverted=\"true\"]': {\r\n                [`@apply text-inverted-${color}-surface-primary`]: {},\r\n              },\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n      },\r\n    },\r\n\r\n    '&-form': {\r\n      '@apply w-full': {},\r\n      '@apply flex flex-col': {},\r\n      '@apply gap-8': {},\r\n      '@apply relative': {},\r\n\r\n      '&-control': {\r\n        '@apply w-full': {},\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply text-label-large': {},\r\n      },\r\n\r\n      '&-error': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&-input': {\r\n        '@apply w-full': {},\r\n        '&-group': {\r\n          '@apply w-full': {},\r\n          '.sk-form-input-addin-right': {\r\n            '@apply pr-8': {},\r\n          },\r\n        },\r\n        '&-wrapper': {\r\n          '@apply relative': {},\r\n          '@apply w-full h-48': {},\r\n        },\r\n      },\r\n\r\n      '&-readmore': {\r\n        '@apply text-small': {},\r\n        '@apply text-light-secondary': {},\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-secondary': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-assistant': {\r\n      '&-expanded': {\r\n        '@apply h-[35em] max-h-[35em]': {},\r\n        '@apply rounded-button': {},\r\n        '@apply overflow-hidden': {},\r\n        '@apply flex flex-col gap-0': {},\r\n        '@apply shadow-200': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply absolute top-0 left-0 right-0': {},\r\n\r\n        '&-feed': {\r\n          '@apply shrink grow': {},\r\n          '@apply pl-16 pt-16 pr-48 pb-24': {},\r\n          '@apply max-h-full overflow-y-auto': {},\r\n          '@apply text-dark-primary': {},\r\n          'sk-ai-markdown': {\r\n            '@apply text-dark-secondary': {},\r\n          },\r\n        },\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply bg-inverted-background-content': {},\r\n          '.sk-ai-service-module-feed': {\r\n            '@apply text-inverted-dark-primary': {},\r\n            'sk-ai-markdown': {\r\n              '@apply text-inverted-dark-secondary': {},\r\n            },\r\n          },\r\n        },\r\n        '&-close-button': {\r\n          '@apply absolute right-12 top-12': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-questions': {\r\n      '@apply flex flex-col gap-12': {},\r\n      '@apply pb-8': {},\r\n      '@apply text-dark-primary': {},\r\n      '&-title, &-title > *': {\r\n        '@apply text-label-large': {},\r\n      },\r\n      '&-list': {\r\n        '@apply flex flex-col gap-8': {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-primary': {},\r\n      },\r\n      '&[data-variant=\"primary\"]': {\r\n        '@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {},\r\n      },\r\n      '&[data-variant=\"secondary\"]': {\r\n        '@apply w-full': {},\r\n        '@apply px-24 md:px-48': {},\r\n        '.sk-ai-service-module-questions-list': {\r\n          '@apply flex-row flex-wrap': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ai-service-module.js","names":["AIServiceModule","exports","colors","_extends","reduce","styles","color","_dataInvertedTru","_ref","_extends2","_dataInvertedTru2","_ref2","_extends3"],"sources":["../../../../src/components/ai/ai-service-module.ts"],"sourcesContent":["export const AIServiceModule = (colors: string[]) => ({\r\n  '.sk-ai-service-module': {\r\n    '@apply flex gap-0': {},\r\n    '@apply rounded-groups': {},\r\n    '@apply bg-background-content': {},\r\n    '@apply relative': {},\r\n    '@apply z-10': {},\r\n\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-inverted-dark-primary': {},\r\n      '@apply bg-inverted-background-content': {},\r\n    },\r\n\r\n    '&[data-variant=\"secondary\"]': {\r\n      '@apply border-1 border-divider': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply flex-col': {},\r\n    },\r\n    '&[data-variant=\"primary\"]': {\r\n      '@apply shadow-100': {},\r\n    },\r\n    '&-row': {\r\n      '@apply flex flex-col': {},\r\n      '@apply grow shrink': {},\r\n      '@apply bg-transparent': {},\r\n      '&[data-variant=\"primary\"]': {\r\n        '@apply p-16 md:p-32': {},\r\n        '@apply first:rounded-l-groups': {},\r\n        '@apply last:rounded-r-groups': {},\r\n      },\r\n      '&[data-variant=\"secondary\"]': {\r\n        '@apply px-24 md:px-32 pb-20': {},\r\n        '@apply first:pt-24 first:md:pt-32': {},\r\n        '@apply last:pb-24 last:md:pb-32': {},\r\n        '@apply first:rounded-t-groups': {},\r\n        '@apply last:rounded-b-groups': {},\r\n      },\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n            '@apply text-light-primary': {},\r\n            '&[data-inverted=\"true\"]': {\r\n              [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n              '@apply text-inverted-light-primary': {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex flex-col gap-6 md:gap-24': {},\r\n      '@apply p-4 md:p-8': {},\r\n      '@apply w-full': {},\r\n      '&[data-variant=\"secondary\"]': {\r\n        '@apply md:gap-16': {},\r\n        '@apply py-4 md:py-8 px-24 md:px-48': {},\r\n      },\r\n    },\r\n\r\n    '&-header': {\r\n      '@apply relative': {},\r\n      '&, > *': {\r\n        '@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {},\r\n      },\r\n      '&[data-variant=\"secondary\"], &[data-variant=\"secondary\"] > *': {\r\n        '@apply font-header text-h2-sm md:text-h2-md': {},\r\n      },\r\n      '&-icon': {\r\n        '@apply absolute -left-52 -top-2': {},\r\n        '.sk-icon, svg': {\r\n          '@apply h-40 w-40': {},\r\n        },\r\n        ...colors.reduce(\r\n          (styles, color) => ({\r\n            ...styles,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              [`@apply text-${color}-surface-primary`]: {},\r\n              '&[data-inverted=\"true\"]': {\r\n                [`@apply text-inverted-${color}-surface-primary`]: {},\r\n              },\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n      },\r\n    },\r\n\r\n    '&-form': {\r\n      '@apply w-full': {},\r\n      '@apply flex flex-col': {},\r\n      '@apply gap-8': {},\r\n      '@apply relative': {},\r\n\r\n      '&-control': {\r\n        '@apply w-full': {},\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply text-label-large': {},\r\n      },\r\n\r\n      '&-error': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&-input': {\r\n        '@apply w-full': {},\r\n        '&-group': {\r\n          '@apply w-full': {},\r\n          '.sk-form-input-addin-right': {\r\n            '@apply pr-8': {},\r\n          },\r\n        },\r\n        '&-wrapper': {\r\n          '@apply relative': {},\r\n          '@apply w-full h-48': {},\r\n        },\r\n      },\r\n\r\n      '&-readmore': {\r\n        '@apply text-small': {},\r\n        '@apply text-light-secondary': {},\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-secondary': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-assistant': {\r\n      '&-expanded': {\r\n        '@apply z-20': {},\r\n        '@apply h-[35em] max-h-[35em]': {},\r\n        '@apply rounded-button': {},\r\n        '@apply overflow-hidden': {},\r\n        '@apply flex flex-col gap-0': {},\r\n        '@apply shadow-200': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply absolute top-0 left-0 right-0': {},\r\n\r\n        '&-feed': {\r\n          '@apply shrink grow': {},\r\n          '@apply pl-16 pt-16 pr-48 pb-24': {},\r\n          '@apply max-h-full overflow-y-auto': {},\r\n          '@apply text-dark-primary': {},\r\n          'sk-ai-markdown': {\r\n            '@apply text-dark-secondary': {},\r\n          },\r\n        },\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply bg-inverted-background-content': {},\r\n          '.sk-ai-service-module-feed': {\r\n            '@apply text-inverted-dark-primary': {},\r\n            'sk-ai-markdown': {\r\n              '@apply text-inverted-dark-secondary': {},\r\n            },\r\n          },\r\n        },\r\n        '&-close-button': {\r\n          '@apply absolute right-12 top-12': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-questions': {\r\n      '@apply flex flex-col gap-12': {},\r\n      '@apply pb-8': {},\r\n      '@apply text-dark-primary': {},\r\n      '&-title, &-title > *': {\r\n        '@apply text-label-large': {},\r\n      },\r\n      '&-list': {\r\n        '@apply flex flex-col gap-8': {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-primary': {},\r\n      },\r\n      '&[data-variant=\"primary\"]': {\r\n        '@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {},\r\n      },\r\n      '&[data-variant=\"secondary\"]': {\r\n        '@apply w-full': {},\r\n        '@apply px-24 md:px-48': {},\r\n        '.sk-ai-service-module-questions-list': {\r\n          '@apply flex-row flex-wrap': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.js","names":["FileUpload","exports"],"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"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/pagination.js

@@ -78,14 +78,14 @@ var Pagination = exports.Pagination = function Pagination() {
         '@apply w-full max-w-full': {},
         '.sk-pagination-list': {
           '@apply w-full flex justify-center': {},
-          '@apply gap-24': {},
+          '@apply gap-0 md:gap-24': {},
           '&-item': {
             '@apply px-0 grow-0 text-center': {},
             '&.ellipsis': {
               '@apply flex-shrink grow-0': {}
             },
             '&.prev-next': {
-              '@apply flex-shrink grow': {},
+              '@apply flex-shrink': {},
               '&.prev': {
                 '@apply text-left': {}
               },

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":["Pagination","exports","li"],"sources":["../../../src/components/pagination.ts"],"sourcesContent":["export const Pagination = () => ({\r\n  '.sk-pagination': {\r\n    '@apply select-none': {},\r\n    '@apply text-base': {},\r\n\r\n    '&-list': {\r\n      '@apply flex justify-between items-center': {},\r\n\r\n      '.sk-pagination[data-hideprevnextlabel=\"true\"] &': {\r\n        '@apply w-fit': {},\r\n      },\r\n\r\n      li: {\r\n        '@apply min-w-40 text-center': {},\r\n      },\r\n\r\n      'li:first-child': {\r\n        '@apply text-left': {},\r\n      },\r\n\r\n      'li:last-child': {\r\n        '@apply text-right': {},\r\n      },\r\n    },\r\n    '.form-select-wrapper': {\r\n      '@apply w-fit': {},\r\n    },\r\n    '&-pageLabel': {\r\n      '@apply leading-base cursor-pointer underline text-vattjom-surface-primary': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset': {},\r\n      '@apply rounded-full': {},\r\n      '@apply h-32 w-32': {},\r\n      \"&[aria-current='true']\": {\r\n        '@apply font-bold no-underline text-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&-prevNextButton': {\r\n      '@apply text-dark-secondary': {},\r\n\r\n      '&.sk-btn': {\r\n        '@apply bg-transparent text-dark-secondary font-normal': {},\r\n\r\n        '&.sk-btn-disabled:disabled, .sk-btn[aria-disabled=\"true\"]:disabled': {\r\n          '@apply bg-transparent !important': {},\r\n          '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          '.sk-icon': {\r\n            '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          },\r\n        },\r\n\r\n        '.sk-icon': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover': {\r\n          '@apply text-dark-primary': {},\r\n          '@apply bg-tertiary-surface-hover': {},\r\n\r\n          '.sk-icon': {\r\n            '@apply text-dark-primary': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&[disabled]': {\r\n        '@apply cursor-default': {},\r\n      },\r\n\r\n      \"&[disabled='false']\": {\r\n        '.sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon': {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply hidden sm:inline ml-sm leading-none': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply m-1 leading-none flex items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-ellipsis': {\r\n      '@apply inline-block w-16 text-center': {},\r\n    },\r\n    '&.fit-content': {\r\n      '@apply w-full max-w-full': {},\r\n      '.sk-pagination-list': {\r\n        '@apply w-full flex justify-center': {},\r\n        '@apply gap-24': {},\r\n        '&-item': {\r\n          '@apply px-0 grow-0 text-center': {},\r\n          '&.ellipsis': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '&.prev-next': {\r\n            '@apply flex-shrink grow': {},\r\n            '&.prev': {\r\n              '@apply text-left': {},\r\n            },\r\n            '&.next': {\r\n              '@apply text-right': {},\r\n            },\r\n          },\r\n          '.sk-pagination-pageLabel': {\r\n            '@apply mx-xs': {},\r\n          },\r\n        },\r\n      },\r\n      '.form-select-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAA;EAAA,OAAU;IAC/B,gBAAgB,EAAE;MAChB,oBAAoB,EAAE,CAAC,CAAC;MACxB,kBAAkB,EAAE,CAAC,CAAC;MAEtB,QAAQ,EAAE;QACR,0CAA0C,EAAE,CAAC,CAAC;QAE9C,iDAAiD,EAAE;UACjD,cAAc,EAAE,CAAC;QACnB,CAAC;QAEDE,EAAE,EAAE;UACF,6BAA6B,EAAE,CAAC;QAClC,CAAC;QAED,gBAAgB,EAAE;UAChB,kBAAkB,EAAE,CAAC;QACvB,CAAC;QAED,eAAe,EAAE;UACf,mBAAmB,EAAE,CAAC;QACxB;MACF,CAAC;MACD,sBAAsB,EAAE;QACtB,cAAc,EAAE,CAAC;MACnB,CAAC;MACD,aAAa,EAAE;QACb,2EAA2E,EAAE,CAAC,CAAC;QAC/E,iDAAiD,EAAE,CAAC,CAAC;QACrD,qBAAqB,EAAE,CAAC,CAAC;QACzB,kBAAkB,EAAE,CAAC,CAAC;QACtB,wBAAwB,EAAE;UACxB,iDAAiD,EAAE,CAAC;QACtD;MACF,CAAC;MAED,kBAAkB,EAAE;QAClB,4BAA4B,EAAE,CAAC,CAAC;QAEhC,UAAU,EAAE;UACV,uDAAuD,EAAE,CAAC,CAAC;UAE3D,oEAAoE,EAAE;YACpE,kCAAkC,EAAE,CAAC,CAAC;YACtC,oDAAoD,EAAE,CAAC,CAAC;YACxD,UAAU,EAAE;cACV,oDAAoD,EAAE,CAAC;YACzD;UACF,CAAC;UAED,UAAU,EAAE;YACV,2CAA2C,EAAE,CAAC;UAChD,CAAC;UAED,SAAS,EAAE;YACT,0BAA0B,EAAE,CAAC,CAAC;YAC9B,kCAAkC,EAAE,CAAC,CAAC;YAEtC,UAAU,EAAE;cACV,0BAA0B,EAAE,CAAC;YAC/B;UACF;QACF,CAAC;QAED,aAAa,EAAE;UACb,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QAED,qBAAqB,EAAE;UACrB,yEAAyE,EAAE;YACzE,uBAAuB,EAAE,CAAC;UAC5B;QACF,CAAC;QAED,SAAS,EAAE;UACT,4CAA4C,EAAE,CAAC;QACjD,CAAC;QAED,QAAQ,EAAE;UACR,2CAA2C,EAAE,CAAC;QAChD;MACF,CAAC;MAED,YAAY,EAAE;QACZ,sCAAsC,EAAE,CAAC;MAC3C,CAAC;MACD,eAAe,EAAE;QACf,0BAA0B,EAAE,CAAC,CAAC;QAC9B,qBAAqB,EAAE;UACrB,mCAAmC,EAAE,CAAC,CAAC;UACvC,eAAe,EAAE,CAAC,CAAC;UACnB,QAAQ,EAAE;YACR,gCAAgC,EAAE,CAAC,CAAC;YACpC,YAAY,EAAE;cACZ,2BAA2B,EAAE,CAAC;YAChC,CAAC;YACD,aAAa,EAAE;cACb,yBAAyB,EAAE,CAAC,CAAC;cAC7B,QAAQ,EAAE;gBACR,kBAAkB,EAAE,CAAC;cACvB,CAAC;cACD,QAAQ,EAAE;gBACR,mBAAmB,EAAE,CAAC;cACxB;YACF,CAAC;YACD,0BAA0B,EAAE;cAC1B,cAAc,EAAE,CAAC;YACnB;UACF;QACF,CAAC;QACD,sBAAsB,EAAE;UACtB,eAAe,EAAE,CAAC;QACpB;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"pagination.js","names":["Pagination","exports","li"],"sources":["../../../src/components/pagination.ts"],"sourcesContent":["export const Pagination = () => ({\r\n  '.sk-pagination': {\r\n    '@apply select-none': {},\r\n    '@apply text-base': {},\r\n\r\n    '&-list': {\r\n      '@apply flex justify-between items-center': {},\r\n\r\n      '.sk-pagination[data-hideprevnextlabel=\"true\"] &': {\r\n        '@apply w-fit': {},\r\n      },\r\n\r\n      li: {\r\n        '@apply min-w-40 text-center': {},\r\n      },\r\n\r\n      'li:first-child': {\r\n        '@apply text-left': {},\r\n      },\r\n\r\n      'li:last-child': {\r\n        '@apply text-right': {},\r\n      },\r\n    },\r\n    '.form-select-wrapper': {\r\n      '@apply w-fit': {},\r\n    },\r\n    '&-pageLabel': {\r\n      '@apply leading-base cursor-pointer underline text-vattjom-surface-primary': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset': {},\r\n      '@apply rounded-full': {},\r\n      '@apply h-32 w-32': {},\r\n      \"&[aria-current='true']\": {\r\n        '@apply font-bold no-underline text-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&-prevNextButton': {\r\n      '@apply text-dark-secondary': {},\r\n\r\n      '&.sk-btn': {\r\n        '@apply bg-transparent text-dark-secondary font-normal': {},\r\n\r\n        '&.sk-btn-disabled:disabled, .sk-btn[aria-disabled=\"true\"]:disabled': {\r\n          '@apply bg-transparent !important': {},\r\n          '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          '.sk-icon': {\r\n            '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          },\r\n        },\r\n\r\n        '.sk-icon': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover': {\r\n          '@apply text-dark-primary': {},\r\n          '@apply bg-tertiary-surface-hover': {},\r\n\r\n          '.sk-icon': {\r\n            '@apply text-dark-primary': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&[disabled]': {\r\n        '@apply cursor-default': {},\r\n      },\r\n\r\n      \"&[disabled='false']\": {\r\n        '.sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon': {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply hidden sm:inline ml-sm leading-none': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply m-1 leading-none flex items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-ellipsis': {\r\n      '@apply inline-block w-16 text-center': {},\r\n    },\r\n    '&.fit-content': {\r\n      '@apply w-full max-w-full': {},\r\n      '.sk-pagination-list': {\r\n        '@apply w-full flex justify-center': {},\r\n        '@apply gap-0 md:gap-24': {},\r\n        '&-item': {\r\n          '@apply px-0 grow-0 text-center': {},\r\n          '&.ellipsis': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '&.prev-next': {\r\n            '@apply flex-shrink': {},\r\n            '&.prev': {\r\n              '@apply text-left': {},\r\n            },\r\n            '&.next': {\r\n              '@apply text-right': {},\r\n            },\r\n          },\r\n          '.sk-pagination-pageLabel': {\r\n            '@apply mx-xs': {},\r\n          },\r\n        },\r\n      },\r\n      '.form-select-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAA;EAAA,OAAU;IAC/B,gBAAgB,EAAE;MAChB,oBAAoB,EAAE,CAAC,CAAC;MACxB,kBAAkB,EAAE,CAAC,CAAC;MAEtB,QAAQ,EAAE;QACR,0CAA0C,EAAE,CAAC,CAAC;QAE9C,iDAAiD,EAAE;UACjD,cAAc,EAAE,CAAC;QACnB,CAAC;QAEDE,EAAE,EAAE;UACF,6BAA6B,EAAE,CAAC;QAClC,CAAC;QAED,gBAAgB,EAAE;UAChB,kBAAkB,EAAE,CAAC;QACvB,CAAC;QAED,eAAe,EAAE;UACf,mBAAmB,EAAE,CAAC;QACxB;MACF,CAAC;MACD,sBAAsB,EAAE;QACtB,cAAc,EAAE,CAAC;MACnB,CAAC;MACD,aAAa,EAAE;QACb,2EAA2E,EAAE,CAAC,CAAC;QAC/E,iDAAiD,EAAE,CAAC,CAAC;QACrD,qBAAqB,EAAE,CAAC,CAAC;QACzB,kBAAkB,EAAE,CAAC,CAAC;QACtB,wBAAwB,EAAE;UACxB,iDAAiD,EAAE,CAAC;QACtD;MACF,CAAC;MAED,kBAAkB,EAAE;QAClB,4BAA4B,EAAE,CAAC,CAAC;QAEhC,UAAU,EAAE;UACV,uDAAuD,EAAE,CAAC,CAAC;UAE3D,oEAAoE,EAAE;YACpE,kCAAkC,EAAE,CAAC,CAAC;YACtC,oDAAoD,EAAE,CAAC,CAAC;YACxD,UAAU,EAAE;cACV,oDAAoD,EAAE,CAAC;YACzD;UACF,CAAC;UAED,UAAU,EAAE;YACV,2CAA2C,EAAE,CAAC;UAChD,CAAC;UAED,SAAS,EAAE;YACT,0BAA0B,EAAE,CAAC,CAAC;YAC9B,kCAAkC,EAAE,CAAC,CAAC;YAEtC,UAAU,EAAE;cACV,0BAA0B,EAAE,CAAC;YAC/B;UACF;QACF,CAAC;QAED,aAAa,EAAE;UACb,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QAED,qBAAqB,EAAE;UACrB,yEAAyE,EAAE;YACzE,uBAAuB,EAAE,CAAC;UAC5B;QACF,CAAC;QAED,SAAS,EAAE;UACT,4CAA4C,EAAE,CAAC;QACjD,CAAC;QAED,QAAQ,EAAE;UACR,2CAA2C,EAAE,CAAC;QAChD;MACF,CAAC;MAED,YAAY,EAAE;QACZ,sCAAsC,EAAE,CAAC;MAC3C,CAAC;MACD,eAAe,EAAE;QACf,0BAA0B,EAAE,CAAC,CAAC;QAC9B,qBAAqB,EAAE;UACrB,mCAAmC,EAAE,CAAC,CAAC;UACvC,wBAAwB,EAAE,CAAC,CAAC;UAC5B,QAAQ,EAAE;YACR,gCAAgC,EAAE,CAAC,CAAC;YACpC,YAAY,EAAE;cACZ,2BAA2B,EAAE,CAAC;YAChC,CAAC;YACD,aAAa,EAAE;cACb,oBAAoB,EAAE,CAAC,CAAC;cACxB,QAAQ,EAAE;gBACR,kBAAkB,EAAE,CAAC;cACvB,CAAC;cACD,QAAQ,EAAE;gBACR,mBAAmB,EAAE,CAAC;cACxB;YACF,CAAC;YACD,0BAA0B,EAAE;cAC1B,cAAc,EAAE,CAAC;YACnB;UACF;QACF,CAAC;QACD,sBAAsB,EAAE;UACtB,eAAe,EAAE,CAAC;QACpB;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/table.js

@@ -209,9 +209,8 @@ var Table = exports.Table = function Table() {
         }
       },
       '&-paginationwrapper': {
-        '@apply max-w-[37.5em]': {},
-        '@apply shrink grow': {},
-        '@apply hidden @screen-md/footer:flex': {}
+        '@apply max-w-full -order-1 w-full mb-10 @screen-md/footer:order-none @screen-md/footer:w-fit @screen-md/footer:max-w-[33em] @screen-md/footer:px-20 @screen-md/footer:mb-0': {},
+        '@apply shrink grow flex justify-center': {}
       },
       '&-bottom': {
         '@apply @container/footer': {},
@@ -229,16 +228,13 @@ var Table = exports.Table = function Table() {
           '@apply justify-start items-center': {},
           '@apply @screen-sm/footer:flex-row': {},
           '@apply gap-8': {},
-          '&.sk-table-pagination-mobile': {
-            '@apply @screen-md/footer:hidden': {}
-          },
           '&-label': {
             '@apply font-normal': {},
             '@apply text-small': {},
             '@apply shrink-0': {}
           },
-          '&-pagesize': {
-            '@apply max-w-60': {}
+          '&.spacer': {
+            '@apply w-[18rem]': {}
           }
         },
         '&-pagination': {

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":["Table","exports","_extends","reduce","classes","position","_ref","_extends2","svg","td","th"],"sources":["../../../src/components/table.ts"],"sourcesContent":["export const Table = () => ({\r\n  '.sk-table-wrapper': {\r\n    '@apply text-base': {},\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1 border-divider': {},\r\n    '@apply bg-background-content': {},\r\n    '@apply relative': {},\r\n\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n      '@apply w-full': {},\r\n      '@apply h-full max-h-full': {},\r\n      '&[data-scroll=\"x\"]': {\r\n        '@apply overflow-x-auto': {},\r\n      },\r\n      '&[data-scroll=\"y\"]': {\r\n        '@apply overflow-y-auto': {},\r\n      },\r\n      '&[data-scroll=\"true\"]': {\r\n        '@apply overflow-auto': {},\r\n      },\r\n    },\r\n    '&:not([data-background=\"true\"]):not([data-wrappingborder=\"true\"])': {\r\n      '@apply border-0': {},\r\n      '@apply bg-transparent': {},\r\n    },\r\n    '.sk-table-wrapper-inside': {\r\n      '@apply border-0 rounded-b-groups': {},\r\n    },\r\n  },\r\n  '.sk-table': {\r\n    '@apply w-full text-left table-auto': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-caption': {\r\n      '@apply text-left': {},\r\n      '@apply w-full': {},\r\n      ...['left', 'center', 'right'].reduce(\r\n        (classes, position) => ({\r\n          ...classes,\r\n          [`&[data-textalign=\"${position}\"]`]: {\r\n            [`@apply text-${position}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n      '&-sr': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n    '&-auto': {\r\n      '&-cell': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n\r\n    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '&[data-stickyheader=\"true\"]': {\r\n        '@apply sticky top-0': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply border-b-0': {},\r\n        '.sk-table-col-content': {\r\n          '@apply border-b-1 border-dark-primary': {},\r\n        },\r\n      },\r\n\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '.sk-table-th': {\r\n        '@apply h-56': {},\r\n        '@apply p-0': {},\r\n        '&:first-of-type': {\r\n          '.sk-table-sticky-col': {\r\n            '@apply rounded-tl-groups': {},\r\n          },\r\n        },\r\n        '&:last-of-type': {\r\n          '.sk-table-sticky-col': {\r\n            '@apply rounded-tr-groups': {},\r\n          },\r\n        },\r\n        '.sk-table-col-content': {\r\n          '@apply py-4': {},\r\n          '@apply px-16': {},\r\n        },\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n      '@apply bg-transparent': {},\r\n      '&[data-background=\"true\"]': {\r\n        '@apply border-b-0': {},\r\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n        '.sk-table-col-content': {\r\n          '@apply border-b-0': {},\r\n        },\r\n        '[data-sticky=\"true\"]': {\r\n          '@apply bg-vattjom-background-200': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-sortbutton': {\r\n      '@apply flex items-center': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n      '@apply focus-visible:bg-vattjom-background-200': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply pr-16': {},\r\n      '@apply h-40': {},\r\n      '&[data-sronly=\"true\"]': {\r\n        '@apply sr-only': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply inline-flex pl-sm': {},\r\n\r\n        '&-sort': {\r\n          '@apply text-dark-secondary': {},\r\n          '@apply flex flex-col': {},\r\n\r\n          svg: {\r\n            '@apply h-16 w-16': {},\r\n            '@apply first-of-type:-mb-4': {},\r\n            '@apply last-of-type:-mt-4': {},\r\n          },\r\n\r\n          \"&[data-sortmode='ascending']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmode='descending']\": {\r\n            '> *': {\r\n              '@apply first-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-tbody': {\r\n      '@apply text-dark-secondary bg-transparent': {},\r\n\r\n      '&-tr': {\r\n        '@apply bg-transparent': {},\r\n        '@apply hover:bg-background-100': {},\r\n        '@apply border-b-1 border-divider': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n        '@apply focus-visible:shadow-insetring': {},\r\n        '&:hover': {\r\n          td: {\r\n            '@apply bg-background-100': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&-td, .sk-table-th': {\r\n        '@apply p-0': {},\r\n        '@apply text-small': {},\r\n        '@apply h-64-1': {},\r\n        '@apply min-h-64-1': {},\r\n\r\n        '@apply focus-visible:shadow-insetring': {},\r\n        '.sk-table-col-content': {\r\n          '@apply py-8 px-18': {},\r\n          '@apply gap-8': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-col-content': {\r\n      '@apply flex': {},\r\n      '@apply w-full': {},\r\n      '@apply justify-start items-center': {},\r\n      '@apply h-full': {},\r\n    },\r\n\r\n    '&[data-dense=\"dense\"]': {\r\n      '.sk-table': {\r\n        '&-col-content': {\r\n          '@apply py-0': {},\r\n        },\r\n        '&-thead': {\r\n          th: {\r\n            '@apply h-48': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td, .sk-table-th': {\r\n            '@apply h-48-1': {},\r\n            '@apply min-h-48-1': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '[data-sticky=\"true\"]': {\r\n      '@apply sticky': {},\r\n      '@apply bg-background-content': {},\r\n\r\n      '&:first-of-type': {\r\n        '@apply left-0': {},\r\n      },\r\n      '&:last-of-type': {\r\n        '@apply right-0': {},\r\n      },\r\n    },\r\n\r\n    '&[data-hasscroll=\"true\"]': {\r\n      '[data-sticky=\"true\"]': {\r\n        '&:first-of-type': {\r\n          '.sk-table-col-content': {\r\n            '@apply border-r-1 border-r-divider': {},\r\n          },\r\n        },\r\n        '&:last-of-type': {\r\n          '.sk-table-col-content': {\r\n            '@apply border-l-1 border-r-divider': {},\r\n          },\r\n        },\r\n        '.sk-table-col-content': {},\r\n      },\r\n    },\r\n    '&-paginationwrapper': {\r\n      '@apply max-w-[37.5em]': {},\r\n      '@apply shrink grow': {},\r\n      '@apply hidden @screen-md/footer:flex': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply @container/footer': {},\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1 border-divider': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply flex-wrap': {},\r\n      '@apply @screen-lg/footer:gap-32': {},\r\n      '@apply @screen-md/footer:gap-16': {},\r\n      '@apply gap-8': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-col': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply @screen-sm/footer:flex-row': {},\r\n        '@apply gap-8': {},\r\n        '&.sk-table-pagination-mobile': {\r\n          '@apply @screen-md/footer:hidden': {},\r\n        },\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n        '&-pagesize': {\r\n          '@apply max-w-60': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"table.js","names":["Table","exports","_extends","reduce","classes","position","_ref","_extends2","svg","td","th"],"sources":["../../../src/components/table.ts"],"sourcesContent":["export const Table = () => ({\r\n  '.sk-table-wrapper': {\r\n    '@apply text-base': {},\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1 border-divider': {},\r\n    '@apply bg-background-content': {},\r\n    '@apply relative': {},\r\n\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n      '@apply w-full': {},\r\n      '@apply h-full max-h-full': {},\r\n      '&[data-scroll=\"x\"]': {\r\n        '@apply overflow-x-auto': {},\r\n      },\r\n      '&[data-scroll=\"y\"]': {\r\n        '@apply overflow-y-auto': {},\r\n      },\r\n      '&[data-scroll=\"true\"]': {\r\n        '@apply overflow-auto': {},\r\n      },\r\n    },\r\n    '&:not([data-background=\"true\"]):not([data-wrappingborder=\"true\"])': {\r\n      '@apply border-0': {},\r\n      '@apply bg-transparent': {},\r\n    },\r\n    '.sk-table-wrapper-inside': {\r\n      '@apply border-0 rounded-b-groups': {},\r\n    },\r\n  },\r\n  '.sk-table': {\r\n    '@apply w-full text-left table-auto': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-caption': {\r\n      '@apply text-left': {},\r\n      '@apply w-full': {},\r\n      ...['left', 'center', 'right'].reduce(\r\n        (classes, position) => ({\r\n          ...classes,\r\n          [`&[data-textalign=\"${position}\"]`]: {\r\n            [`@apply text-${position}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n      '&-sr': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n    '&-auto': {\r\n      '&-cell': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n\r\n    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '&[data-stickyheader=\"true\"]': {\r\n        '@apply sticky top-0': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply border-b-0': {},\r\n        '.sk-table-col-content': {\r\n          '@apply border-b-1 border-dark-primary': {},\r\n        },\r\n      },\r\n\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '.sk-table-th': {\r\n        '@apply h-56': {},\r\n        '@apply p-0': {},\r\n        '&:first-of-type': {\r\n          '.sk-table-sticky-col': {\r\n            '@apply rounded-tl-groups': {},\r\n          },\r\n        },\r\n        '&:last-of-type': {\r\n          '.sk-table-sticky-col': {\r\n            '@apply rounded-tr-groups': {},\r\n          },\r\n        },\r\n        '.sk-table-col-content': {\r\n          '@apply py-4': {},\r\n          '@apply px-16': {},\r\n        },\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n      '@apply bg-transparent': {},\r\n      '&[data-background=\"true\"]': {\r\n        '@apply border-b-0': {},\r\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n        '.sk-table-col-content': {\r\n          '@apply border-b-0': {},\r\n        },\r\n        '[data-sticky=\"true\"]': {\r\n          '@apply bg-vattjom-background-200': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-sortbutton': {\r\n      '@apply flex items-center': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n      '@apply focus-visible:bg-vattjom-background-200': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply pr-16': {},\r\n      '@apply h-40': {},\r\n      '&[data-sronly=\"true\"]': {\r\n        '@apply sr-only': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply inline-flex pl-sm': {},\r\n\r\n        '&-sort': {\r\n          '@apply text-dark-secondary': {},\r\n          '@apply flex flex-col': {},\r\n\r\n          svg: {\r\n            '@apply h-16 w-16': {},\r\n            '@apply first-of-type:-mb-4': {},\r\n            '@apply last-of-type:-mt-4': {},\r\n          },\r\n\r\n          \"&[data-sortmode='ascending']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmode='descending']\": {\r\n            '> *': {\r\n              '@apply first-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-tbody': {\r\n      '@apply text-dark-secondary bg-transparent': {},\r\n\r\n      '&-tr': {\r\n        '@apply bg-transparent': {},\r\n        '@apply hover:bg-background-100': {},\r\n        '@apply border-b-1 border-divider': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n        '@apply focus-visible:shadow-insetring': {},\r\n        '&:hover': {\r\n          td: {\r\n            '@apply bg-background-100': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&-td, .sk-table-th': {\r\n        '@apply p-0': {},\r\n        '@apply text-small': {},\r\n        '@apply h-64-1': {},\r\n        '@apply min-h-64-1': {},\r\n\r\n        '@apply focus-visible:shadow-insetring': {},\r\n        '.sk-table-col-content': {\r\n          '@apply py-8 px-18': {},\r\n          '@apply gap-8': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-col-content': {\r\n      '@apply flex': {},\r\n      '@apply w-full': {},\r\n      '@apply justify-start items-center': {},\r\n      '@apply h-full': {},\r\n    },\r\n\r\n    '&[data-dense=\"dense\"]': {\r\n      '.sk-table': {\r\n        '&-col-content': {\r\n          '@apply py-0': {},\r\n        },\r\n        '&-thead': {\r\n          th: {\r\n            '@apply h-48': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td, .sk-table-th': {\r\n            '@apply h-48-1': {},\r\n            '@apply min-h-48-1': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '[data-sticky=\"true\"]': {\r\n      '@apply sticky': {},\r\n      '@apply bg-background-content': {},\r\n\r\n      '&:first-of-type': {\r\n        '@apply left-0': {},\r\n      },\r\n      '&:last-of-type': {\r\n        '@apply right-0': {},\r\n      },\r\n    },\r\n\r\n    '&[data-hasscroll=\"true\"]': {\r\n      '[data-sticky=\"true\"]': {\r\n        '&:first-of-type': {\r\n          '.sk-table-col-content': {\r\n            '@apply border-r-1 border-r-divider': {},\r\n          },\r\n        },\r\n        '&:last-of-type': {\r\n          '.sk-table-col-content': {\r\n            '@apply border-l-1 border-r-divider': {},\r\n          },\r\n        },\r\n        '.sk-table-col-content': {},\r\n      },\r\n    },\r\n    '&-paginationwrapper': {\r\n      '@apply max-w-full -order-1 w-full mb-10 @screen-md/footer:order-none @screen-md/footer:w-fit @screen-md/footer:max-w-[33em] @screen-md/footer:px-20 @screen-md/footer:mb-0':\r\n        {},\r\n      '@apply shrink grow flex justify-center': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply @container/footer': {},\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1 border-divider': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply flex-wrap': {},\r\n      '@apply @screen-lg/footer:gap-32': {},\r\n      '@apply @screen-md/footer:gap-16': {},\r\n      '@apply gap-8': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-col': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply @screen-sm/footer:flex-row': {},\r\n        '@apply gap-8': {},\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n        '&.spacer': {\r\n          '@apply w-[18rem]': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAA;EAAA,OAAU;IAC1B,mBAAmB,EAAE;MACnB,kBAAkB,EAAE,CAAC,CAAC;MACtB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,gCAAgC,EAAE,CAAC,CAAC;MACpC,8BAA8B,EAAE,CAAC,CAAC;MAClC,iBAAiB,EAAE,CAAC,CAAC;MAErB,UAAU,EAAE;QACV,kCAAkC,EAAE,CAAC,CAAC;QACtC,wBAAwB,EAAE,CAAC,CAAC;QAC5B,eAAe,EAAE,CAAC,CAAC;QACnB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,oBAAoB,EAAE;UACpB,wBAAwB,EAAE,CAAC;QAC7B,CAAC;QACD,oBAAoB,EAAE;UACpB,wBAAwB,EAAE,CAAC;QAC7B,CAAC;QACD,uBAAuB,EAAE;UACvB,sBAAsB,EAAE,CAAC;QAC3B;MACF,CAAC;MACD,mEAAmE,EAAE;QACnE,iBAAiB,EAAE,CAAC,CAAC;QACrB,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,0BAA0B,EAAE;QAC1B,kCAAkC,EAAE,CAAC;MACvC;IACF,CAAC;IACD,WAAW,EAAE;MACX,oCAAoC,EAAE,CAAC,CAAC;MACxC,4BAA4B,EAAE,CAAC,CAAC;MAEhC,WAAW,EAAAE,QAAA;QACT,kBAAkB,EAAE,CAAC,CAAC;QACtB,eAAe,EAAE,CAAC;MAAC,GAChB,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAACC,MAAM,CACnC,UAACC,OAAO,EAAEC,QAAQ;QAAA,IAAAC,IAAA,EAAAC,SAAA;QAAA,OAAAL,QAAA,KACbE,OAAO,GAAAG,SAAA,OAAAA,SAAA,yBACYF,QAAQ,aAAAC,IAAA,OAAAA,IAAA,kBACZD,QAAQ,IAAK,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;MAAA,CAEjC,EACF,CAAC,CACH,CAAC;QACD,MAAM,EAAE;UACN,gBAAgB,EAAE,CAAC;QACrB;MAAC,EACF;MACD,QAAQ,EAAE;QACR,QAAQ,EAAE;UACR,eAAe,EAAE,CAAC;QACpB;MACF,CAAC;MAED,SAAS,EAAE;QACT,uCAAuC,EAAE,CAAC,CAAC;QAC3C,6BAA6B,EAAE;UAC7B,qBAAqB,EAAE,CAAC,CAAC;UACzB,8BAA8B,EAAE,CAAC,CAAC;UAClC,mBAAmB,EAAE,CAAC,CAAC;UACvB,uBAAuB,EAAE;YACvB,uCAAuC,EAAE,CAAC;UAC5C;QACF,CAAC;QAED,MAAM,EAAE;UACN,kBAAkB,EAAE,CAAC,CAAC;UACtB,yBAAyB,EAAE,CAAC;QAC9B,CAAC;QAED,cAAc,EAAE;UACd,aAAa,EAAE,CAAC,CAAC;UACjB,YAAY,EAAE,CAAC,CAAC;UAChB,iBAAiB,EAAE;YACjB,sBAAsB,EAAE;cACtB,0BAA0B,EAAE,CAAC;YAC/B;UACF,CAAC;UACD,gBAAgB,EAAE;YAChB,sBAAsB,EAAE;cACtB,0BAA0B,EAAE,CAAC;YAC/B;UACF,CAAC;UACD,uBAAuB,EAAE;YACvB,aAAa,EAAE,CAAC,CAAC;YACjB,cAAc,EAAE,CAAC;UACnB,CAAC;UAED,iCAAiC,EAAE;YACjC,uBAAuB,EAAE,CAAC;UAC5B;QACF,CAAC;QACD,uBAAuB,EAAE,CAAC,CAAC;QAC3B,2BAA2B,EAAE;UAC3B,mBAAmB,EAAE,CAAC,CAAC;UACvB,uDAAuD,EAAE,CAAC,CAAC;UAC3D,uBAAuB,EAAE;YACvB,mBAAmB,EAAE,CAAC;UACxB,CAAC;UACD,sBAAsB,EAAE;YACtB,kCAAkC,EAAE,CAAC;UACvC;QACF;MACF,CAAC;MAED,cAAc,EAAE;QACd,0BAA0B,EAAE,CAAC,CAAC;QAC9B,mDAAmD,EAAE,CAAC,CAAC;QACvD,gDAAgD,EAAE,CAAC,CAAC;QACpD,wBAAwB,EAAE,CAAC,CAAC;QAC5B,cAAc,EAAE,CAAC,CAAC;QAClB,aAAa,EAAE,CAAC,CAAC;QACjB,uBAAuB,EAAE;UACvB,gBAAgB,EAAE,CAAC;QACrB,CAAC;QAED,QAAQ,EAAE;UACR,0BAA0B,EAAE,CAAC,CAAC;UAE9B,QAAQ,EAAE;YACR,4BAA4B,EAAE,CAAC,CAAC;YAChC,sBAAsB,EAAE,CAAC,CAAC;YAE1BC,GAAG,EAAE;cACH,kBAAkB,EAAE,CAAC,CAAC;cACtB,4BAA4B,EAAE,CAAC,CAAC;cAChC,2BAA2B,EAAE,CAAC;YAChC,CAAC;YAED,8BAA8B,EAAE;cAC9B,KAAK,EAAE;gBACL,qCAAqC,EAAE,CAAC;cAC1C;YACF,CAAC;YAED,+BAA+B,EAAE;cAC/B,KAAK,EAAE;gBACL,sCAAsC,EAAE,CAAC;cAC3C;YACF;UACF;QACF;MACF,CAAC;MAED,SAAS,EAAE;QACT,2CAA2C,EAAE,CAAC,CAAC;QAE/C,MAAM,EAAE;UACN,uBAAuB,EAAE,CAAC,CAAC;UAC3B,gCAAgC,EAAE,CAAC,CAAC;UACpC,kCAAkC,EAAE,CAAC,CAAC;UACtC,0CAA0C,EAAE,CAAC,CAAC;UAC9C,uCAAuC,EAAE,CAAC,CAAC;UAC3C,SAAS,EAAE;YACTC,EAAE,EAAE;cACF,0BAA0B,EAAE,CAAC;YAC/B;UACF;QACF,CAAC;QAED,oBAAoB,EAAE;UACpB,YAAY,EAAE,CAAC,CAAC;UAChB,mBAAmB,EAAE,CAAC,CAAC;UACvB,eAAe,EAAE,CAAC,CAAC;UACnB,mBAAmB,EAAE,CAAC,CAAC;UAEvB,uCAAuC,EAAE,CAAC,CAAC;UAC3C,uBAAuB,EAAE;YACvB,mBAAmB,EAAE,CAAC,CAAC;YACvB,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MAED,eAAe,EAAE;QACf,aAAa,EAAE,CAAC,CAAC;QACjB,eAAe,EAAE,CAAC,CAAC;QACnB,mCAAmC,EAAE,CAAC,CAAC;QACvC,eAAe,EAAE,CAAC;MACpB,CAAC;MAED,uBAAuB,EAAE;QACvB,WAAW,EAAE;UACX,eAAe,EAAE;YACf,aAAa,EAAE,CAAC;UAClB,CAAC;UACD,SAAS,EAAE;YACTC,EAAE,EAAE;cACF,aAAa,EAAE,CAAC;YAClB;UACF,CAAC;UACD,SAAS,EAAE;YACT,oBAAoB,EAAE;cACpB,eAAe,EAAE,CAAC,CAAC;cACnB,mBAAmB,EAAE,CAAC;YACxB;UACF;QACF;MACF,CAAC;MAED,sBAAsB,EAAE;QACtB,eAAe,EAAE,CAAC,CAAC;QACnB,8BAA8B,EAAE,CAAC,CAAC;QAElC,iBAAiB,EAAE;UACjB,eAAe,EAAE,CAAC;QACpB,CAAC;QACD,gBAAgB,EAAE;UAChB,gBAAgB,EAAE,CAAC;QACrB;MACF,CAAC;MAED,0BAA0B,EAAE;QAC1B,sBAAsB,EAAE;UACtB,iBAAiB,EAAE;YACjB,uBAAuB,EAAE;cACvB,oCAAoC,EAAE,CAAC;YACzC;UACF,CAAC;UACD,gBAAgB,EAAE;YAChB,uBAAuB,EAAE;cACvB,oCAAoC,EAAE,CAAC;YACzC;UACF,CAAC;UACD,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MACD,qBAAqB,EAAE;QACrB,4KAA4K,EAC1K,CAAC,CAAC;QACJ,wCAAwC,EAAE,CAAC;MAC7C,CAAC;MAED,UAAU,EAAE;QACV,0BAA0B,EAAE,CAAC,CAAC;QAC9B,oBAAoB,EAAE,CAAC,CAAC;QACxB,kCAAkC,EAAE,CAAC,CAAC;QACtC,sBAAsB,EAAE,CAAC,CAAC;QAC1B,kBAAkB,EAAE,CAAC,CAAC;QACtB,iCAAiC,EAAE,CAAC,CAAC;QACrC,iCAAiC,EAAE,CAAC,CAAC;QACrC,cAAc,EAAE,CAAC,CAAC;QAClB,qCAAqC,EAAE,CAAC,CAAC;QACzC,WAAW,EAAE;UACX,iBAAiB,EAAE,CAAC,CAAC;UACrB,sBAAsB,EAAE,CAAC,CAAC;UAC1B,mCAAmC,EAAE,CAAC,CAAC;UACvC,mCAAmC,EAAE,CAAC,CAAC;UACvC,cAAc,EAAE,CAAC,CAAC;UAClB,SAAS,EAAE;YACT,oBAAoB,EAAE,CAAC,CAAC;YACxB,mBAAmB,EAAE,CAAC,CAAC;YACvB,iBAAiB,EAAE,CAAC;UACtB,CAAC;UACD,UAAU,EAAE;YACV,kBAAkB,EAAE,CAAC;UACvB;QACF,CAAC;QACD,cAAc,EAAE;UACd,aAAa,EAAE,CAAC,CAAC;UACjB,eAAe,EAAE,CAAC;QACpB;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components.js

@@ -17,6 +17,7 @@ var _cookieConsent = require("./components/cookie-consent");
 var _dialog = require("./components/dialog");
 var _divider = require("./components/divider");
 var _dot = require("./components/dot");
+var _fileUpload = require("./components/file-upload");
 var _filter = require("./components/filter");
 var _footer = require("./components/footer");
 var _forms = require("./components/forms");
@@ -97,6 +98,9 @@ var components = exports.components = [{
   comp: _divider.Divider
 }, {
   comp: _dot.Dot
+}, {
+  comp: _fileUpload.FileUpload,
+  deps: [_icon.Icon, _forms.Forms, _button.Button, _popupMenu.PopupMenu, _modal.Modal, _divider.Divider, _link.Link]
 }, {
   comp: _filter.Filter,
   deps: [_badge.Badge, _forms.Forms]