@sk-web-gui/core 2.0.1 → 2.2.0

package/dist/esm/components/table-autotable.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-autotable.js","names":["TableAutoTable","svg"],"sources":["../../../src/components/table-autotable.ts"],"sourcesContent":["export const TableAutoTable = () => ({\r\n  '.sk-table-wrapper': {\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1': {},\r\n    '@apply bg-background-content': {},\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n    },\r\n    '&:not([data-background=\"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    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '@apply h-[5.6rem]': {},\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 py-4': {},\r\n        '@apply px-16': {},\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 bg-vattjom-background-200 border-b-transparent': {},\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\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': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n        '@apply focus-visible:shadow-insetring': {},\r\n      },\r\n\r\n      '&-td, .sk-table-th': {\r\n        '@apply text-small': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply gap-8': {},\r\n        '@apply py-8 px-18': {},\r\n        '@apply h-[6.3rem]': {},\r\n        '@apply min-h-[6.3rem]': {},\r\n        '@apply focus-visible:shadow-insetring': {},\r\n      },\r\n    },\r\n\r\n    '&[data-dense=\"dense\"]': {\r\n      '.sk-table': {\r\n        '&-thead': {\r\n          '@apply h-[4.8rem]': {},\r\n          '.sk-table-th': {\r\n            '@apply py-0': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td, .sk-table-th': {\r\n            '@apply py-0': {},\r\n            '@apply h-[4.7rem]': {},\r\n            '@apply min-h-[4.7rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-paginationwrapper': {\r\n      '@apply w-full max-w-[60rem]': {},\r\n      '@apply shrink': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply gap-32': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply justify-start items-center': {},\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      },\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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"}
+{"version":3,"file":"table-autotable.js","names":["TableAutoTable","svg"],"sources":["../../../src/components/table-autotable.ts"],"sourcesContent":["export const TableAutoTable = () => ({\r\n  '.sk-table-wrapper': {\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      '&[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\"])': {\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    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '@apply h-[5.6rem]': {},\r\n      '.sk-table-sticky-col': {\r\n        '@apply top-0': {},\r\n        '@apply h-[5.6rem]': {},\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        '&: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 bg-vattjom-background-200 border-b-transparent': {},\r\n        '.sk-table-sticky-col': {\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\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          '.sk-table-sticky-col': {\r\n            '@apply bg-background-100': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&-td, .sk-table-th': {\r\n        '@apply text-small': {},\r\n        '@apply h-[6.3rem]': {},\r\n        '@apply min-h-[6.3rem]': {},\r\n        '.sk-table-sticky-col': {\r\n          '@apply h-[6.1rem]': {},\r\n          '@apply min-h-[6.1rem]': {},\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          '@apply h-[4.8rem]': {},\r\n          '.sk-table-sticky-col': {\r\n            '@apply h-[4.6rem]': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td, .sk-table-th': {\r\n            '@apply h-[4.7rem]': {},\r\n            '@apply min-h-[4.7rem]': {},\r\n            '.sk-table-sticky-col': {\r\n              '@apply h-[4.5rem]': {},\r\n              '@apply min-h-[4.5rem]': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '.sk-table-sticky-col': {\r\n      '@apply absolute': {},\r\n      '@apply bg-background-content': {},\r\n    },\r\n\r\n    '[data-sticky=\"true\"]': {\r\n      '> .sk-table-col-content': {\r\n        '@apply collapse': {},\r\n      },\r\n    },\r\n\r\n    '&[data-hasscroll=\"true\"]': {\r\n      '.sk-table-sticky-col': {\r\n        '@apply box-content': {},\r\n      },\r\n      '.sk-table-tbody': {\r\n        '.sk-table-sticky-col': {\r\n          '@apply border-b-primitives-overlay-darken-2 dark:border-b-primitives-overlay-lighten-3 border-b-1': {},\r\n        },\r\n      },\r\n      'td:first-of-type, th:first-of-type': {\r\n        '.sk-table-sticky-col': {\r\n          '@apply left-0': {},\r\n          '@apply border-r-1 border-r-divider': {},\r\n        },\r\n      },\r\n      'td:last-of-type, th:last-of-type': {\r\n        '.sk-table-sticky-col': {\r\n          '@apply border-l-1 border-r-divider': {},\r\n          '@apply right-0': {},\r\n        },\r\n      },\r\n    },\r\n    '&-paginationwrapper': {\r\n      '@apply max-w-[60rem]': {},\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      },\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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"}

package/dist/esm/components/zebratable.js

@@ -33,13 +33,6 @@ export var ZebraTable = () => ({
           '@apply cursor-pointer': {}
         }
       },
-      '&-manualth': {
-        '@apply py-4': {},
-        '@apply px-16': {},
-        "&[data-isColumnSortable='true']": {
-          '@apply cursor-pointer': {}
-        }
-      },
       '@apply bg-transparent': {},
       '&[data-background="true"]': {
         '@apply bg-vattjom-background-200 border-b-transparent': {}
@@ -93,16 +86,6 @@ export var ZebraTable = () => ({
           '@apply h-[6.3rem]': {},
           '@apply min-h-[6.3rem]': {}
         }
-      },
-      '&-manualtd': {
-        '@apply text-small': {},
-        '&-content': {
-          '@apply justify-start items-center': {},
-          '@apply gap-8': {},
-          '@apply py-8 px-18': {},
-          '@apply h-[6.3rem]': {},
-          '@apply min-h-[6.3rem]': {}
-        }
       }
     },
     '&[data-dense="true"]': {

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

@@ -1 +1 @@
-{"version":3,"file":"zebratable.js","names":["ZebraTable","svg"],"sources":["../../../src/components/zebratable.ts"],"sourcesContent":["export const ZebraTable = () => ({\r\n  '.sk-zebratable-wrapper': {\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1': {},\r\n    '@apply bg-background-content': {},\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n    },\r\n    '&[data-variant=\"table\"]': {\r\n      '&:not([data-background=\"true\"])': {\r\n        '@apply border-0': {},\r\n        '@apply bg-transparent': {},\r\n      },\r\n      '.sk-zebratable-wrapper-inside': {\r\n        '@apply border-0 rounded-b-groups': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-zebratable': {\r\n    '@apply w-full text-left table-auto': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '@apply h-48': {},\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '&-th': {\r\n        '@apply py-4': {},\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n      '&-manualth': {\r\n        '@apply py-4': {},\r\n        '@apply px-16': {},\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 bg-vattjom-background-200 border-b-transparent': {},\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 px-16': {},\r\n      '@apply h-40': {},\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-sortmodeascending='true']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmodeascending='false']\": {\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': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n      },\r\n\r\n      '&-td': {\r\n        '@apply text-small': {},\r\n        '&-content': {\r\n          '@apply inline-flex': {},\r\n          '@apply justify-start items-center': {},\r\n          '@apply gap-8': {},\r\n          '@apply py-8 px-18': {},\r\n          '@apply h-[6.3rem]': {},\r\n          '@apply min-h-[6.3rem]': {},\r\n        },\r\n      },\r\n      '&-manualtd': {\r\n        '@apply text-small': {},\r\n        '&-content': {\r\n          '@apply justify-start items-center': {},\r\n          '@apply gap-8': {},\r\n          '@apply py-8 px-18': {},\r\n          '@apply h-[6.3rem]': {},\r\n          '@apply min-h-[6.3rem]': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-dense=\"true\"]': {\r\n      '.sk-zebratable': {\r\n        '&-thead': {\r\n          '&-th': {\r\n            '@apply py-4': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td-content': {\r\n            '@apply py-0': {},\r\n            '@apply h-[4.7rem]': {},\r\n            '@apply min-h-[4.7rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-paginationwrapper': {\r\n      '@apply w-full max-w-[60rem]': {},\r\n      '@apply shrink': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply gap-32': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply justify-start items-center': {},\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      },\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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"}
+{"version":3,"file":"zebratable.js","names":["ZebraTable","svg"],"sources":["../../../src/components/zebratable.ts"],"sourcesContent":["export const ZebraTable = () => ({\r\n  '.sk-zebratable-wrapper': {\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1': {},\r\n    '@apply bg-background-content': {},\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n    },\r\n    '&[data-variant=\"table\"]': {\r\n      '&:not([data-background=\"true\"])': {\r\n        '@apply border-0': {},\r\n        '@apply bg-transparent': {},\r\n      },\r\n      '.sk-zebratable-wrapper-inside': {\r\n        '@apply border-0 rounded-b-groups': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-zebratable': {\r\n    '@apply w-full text-left table-auto': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '@apply h-48': {},\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '&-th': {\r\n        '@apply py-4': {},\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 bg-vattjom-background-200 border-b-transparent': {},\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 px-16': {},\r\n      '@apply h-40': {},\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-sortmodeascending='true']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmodeascending='false']\": {\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': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n      },\r\n\r\n      '&-td': {\r\n        '@apply text-small': {},\r\n        '&-content': {\r\n          '@apply inline-flex': {},\r\n          '@apply justify-start items-center': {},\r\n          '@apply gap-8': {},\r\n          '@apply py-8 px-18': {},\r\n          '@apply h-[6.3rem]': {},\r\n          '@apply min-h-[6.3rem]': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-dense=\"true\"]': {\r\n      '.sk-zebratable': {\r\n        '&-thead': {\r\n          '&-th': {\r\n            '@apply py-4': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td-content': {\r\n            '@apply py-0': {},\r\n            '@apply h-[4.7rem]': {},\r\n            '@apply min-h-[4.7rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-paginationwrapper': {\r\n      '@apply w-full max-w-[60rem]': {},\r\n      '@apply shrink': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply gap-32': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply justify-start items-center': {},\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      },\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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"}

package/dist/esm/preset.js

@@ -1,9 +1,11 @@
 import tailwindForms from '@tailwindcss/forms';
+import tailwindContainerQueries from '@tailwindcss/container-queries';
 import plugin from './plugin';
 var preset = function preset(options) {
   if (options === void 0) {
     options = {
       tailwindForms: true,
+      tailwindContainers: true,
       plugin: {
         colors: [],
         cssBase: true
@@ -11,7 +13,7 @@ var preset = function preset(options) {
     };
   }
   return {
-    plugins: [...(options.tailwindForms ? [tailwindForms()] : []), plugin(options.plugin)]
+    plugins: [...(options.tailwindForms ? [tailwindForms()] : []), ...(options.tailwindContainers ? [tailwindContainerQueries] : []), plugin(options.plugin)]
   };
 };
 export default preset;

package/dist/esm/preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"preset.js","names":["tailwindForms","plugin","preset","options","colors","cssBase","plugins"],"sources":["../../src/preset.ts"],"sourcesContent":["import tailwindForms from '@tailwindcss/forms';\r\nimport plugin from './plugin';\r\n\r\nconst preset = function (options = { tailwindForms: true, plugin: { colors: [], cssBase: true } }) {\r\n  return {\r\n    plugins: [...(options.tailwindForms ? [tailwindForms()] : []), plugin(options.plugin)],\r\n  };\r\n};\r\nexport default preset;\r\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,oBAAoB;AAC9C,OAAOC,MAAM,MAAM,UAAU;AAE7B,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAaC,OAAO,EAAmE;EAAA,IAA1EA,OAAO;IAAPA,OAAO,GAAG;MAAEH,aAAa,EAAE,IAAI;MAAEC,MAAM,EAAE;QAAEG,MAAM,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAK;IAAE,CAAC;EAAA;EAC/F,OAAO;IACLC,OAAO,EAAE,CAAC,IAAIH,OAAO,CAACH,aAAa,GAAG,CAACA,aAAa,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,EAAEC,MAAM,CAACE,OAAO,CAACF,MAAM,CAAC;EACvF,CAAC;AACH,CAAC;AACD,eAAeC,MAAM"}
+{"version":3,"file":"preset.js","names":["tailwindForms","tailwindContainerQueries","plugin","preset","options","tailwindContainers","colors","cssBase","plugins"],"sources":["../../src/preset.ts"],"sourcesContent":["import tailwindForms from '@tailwindcss/forms';\r\nimport tailwindContainerQueries from '@tailwindcss/container-queries';\r\nimport plugin from './plugin';\r\n\r\nconst preset = function (\r\n  options = { tailwindForms: true, tailwindContainers: true, plugin: { colors: [], cssBase: true } }\r\n) {\r\n  return {\r\n    plugins: [\r\n      ...(options.tailwindForms ? [tailwindForms()] : []),\r\n      ...(options.tailwindContainers ? [tailwindContainerQueries] : []),\r\n      plugin(options.plugin),\r\n    ],\r\n  };\r\n};\r\nexport default preset;\r\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,oBAAoB;AAC9C,OAAOC,wBAAwB,MAAM,gCAAgC;AACrE,OAAOC,MAAM,MAAM,UAAU;AAE7B,IAAMC,MAAM,GAAG,SAATA,MAAMA,CACVC,OAAO,EACP;EAAA,IADAA,OAAO;IAAPA,OAAO,GAAG;MAAEJ,aAAa,EAAE,IAAI;MAAEK,kBAAkB,EAAE,IAAI;MAAEH,MAAM,EAAE;QAAEI,MAAM,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAK;IAAE,CAAC;EAAA;EAElG,OAAO;IACLC,OAAO,EAAE,CACP,IAAIJ,OAAO,CAACJ,aAAa,GAAG,CAACA,aAAa,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,EACnD,IAAII,OAAO,CAACC,kBAAkB,GAAG,CAACJ,wBAAwB,CAAC,GAAG,EAAE,CAAC,EACjEC,MAAM,CAACE,OAAO,CAACF,MAAM,CAAC;EAE1B,CAAC;AACH,CAAC;AACD,eAAeC,MAAM"}

package/dist/esm/theme.js

@@ -5,6 +5,9 @@ import { units } from './units';
 import { screens } from '@sk-web-gui/theme';
 var theme = {
   extend: {
+    containers: Object.keys(screens).reduce((containers, screenKey, index) => _extends({}, containers, {
+      ["screen-" + screenKey]: Object.values(screens)[index]
+    }), {}),
     fontSize: _extends({}, units.fontSizes, {
       tiny: '1rem',
       xs: '1.2rem',

package/dist/esm/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["withOpacity","colors","units","screens","theme","extend","fontSize","_extends","fontSizes","tiny","xs","xl","fontFamily","DEFAULT","sans","header","display","borderRadius","radius","base","backgroundPosition","Object","keys","spacing","reduce","positions","spaceKey","boxShadow","insetring","ring","ringColor","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\r\nimport { colors } from './colors';\r\nimport { units } from './units';\r\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\r\nimport { Config } from 'tailwindcss/types/config';\r\n\r\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\r\n  extend: {\r\n    fontSize: {\r\n      ...units.fontSizes,\r\n      tiny: '1rem',\r\n      xs: '1.2rem',\r\n      xl: units.fontSizes['h4'],\r\n      '2xl': units.fontSizes['h3'],\r\n      '3xl': units.fontSizes['h2'],\r\n      '4xl': units.fontSizes['h1'],\r\n      '5xl': units.fontSizes['h3'],\r\n    },\r\n    fontFamily: {\r\n      DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],\r\n      sans: ['Arial', 'Helvetica', 'sans-serif'],\r\n      header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n      display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n    },\r\n    screens,\r\n    borderRadius: {\r\n      ...units.radius,\r\n      base: 'var(--sk-spacing-0)',\r\n    },\r\n    backgroundPosition: {\r\n      ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\r\n        (positions, spaceKey) => ({\r\n          ...positions,\r\n          [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\r\n          [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\r\n          [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\r\n          [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n    boxShadow: {\r\n      '50': `\r\n      0 0 0.3rem 0 rgba(10, 12, 15, 0.08),\r\n      0 0.1rem 0.8rem 0 rgba(10, 12, 15, 0.13)\r\n      `,\r\n      '100': `\r\n        0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07),\r\n        0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15),\r\n        0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085),\r\n        0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)\r\n      `,\r\n      '200': `\r\n        0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1),\r\n        0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06),\r\n        0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03),\r\n        0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)\r\n      `,\r\n      insetring: `0 0 0 0.25rem ${colors.ring} inset`,\r\n    },\r\n    ringColor: {\r\n      DEFAULT: colors.ring,\r\n      ...colors,\r\n    },\r\n    ringOffsetWidth: {\r\n      DEFAULT: '0.2rem',\r\n    },\r\n    ringWidth: {\r\n      DEFAULT: '0.3rem',\r\n      0: '0px',\r\n    },\r\n    ringOpacity: {\r\n      DEFAULT: '1px',\r\n    },\r\n    colors: {\r\n      ...colors,\r\n      current: 'currentColor',\r\n      gray: {\r\n        DEFAULT: colors.primitives.gray[600],\r\n        stroke: colors.divider,\r\n        middle: colors.primitives.gray[600],\r\n        light: colors.primitives.gray[300],\r\n        lighter: colors.primitives.gray[200],\r\n        ...colors.primitives.gray,\r\n      },\r\n      hover: colors.primitives.gray[600],\r\n      background: {\r\n        ...colors.background,\r\n        one: colors.background[100],\r\n        two: colors.background[200],\r\n      },\r\n    },\r\n    cursor: {\r\n      base: 'var(--tw-cursor)',\r\n    },\r\n    spacing: {\r\n      ...units.spacing,\r\n      xs: units.spacing[4],\r\n      sm: units.spacing[8],\r\n      md: units.spacing[16],\r\n      lg: units.spacing[24],\r\n      xl: units.spacing[48],\r\n    },\r\n    maxWidth: {\r\n      content: screens['desktop-max'],\r\n    },\r\n    lineHeight: {\r\n      ...units.lineHeights,\r\n      xs: '1.6rem',\r\n      xl: units.lineHeights['h4'],\r\n      '2xl': units.lineHeights['h3'],\r\n      '3xl': units.lineHeights['h2'],\r\n      '4xl': units.lineHeights['h1'],\r\n      '5xl': units.lineHeights['display-3'],\r\n    },\r\n    opacity: {\r\n      '15': '0.15',\r\n    },\r\n    borderWidth: {\r\n      DEFAULT: '0.2rem',\r\n      '1': '0.1rem',\r\n      '2': '0.2rem',\r\n    },\r\n    backgroundColor: {\r\n      base: withOpacity('--sk-colors-primary-surface'),\r\n      fill: withOpacity('--sk-colors-bg-fill'),\r\n    },\r\n    textColor: {\r\n      foreground: withOpacity('--sk-colors-primary-DEFAULT'),\r\n      muted: withOpacity('--sk-colors-xt-muted'),\r\n    },\r\n\r\n    zIndex: {\r\n      hide: '-1',\r\n      none: '0',\r\n      base: '1',\r\n      docked: '10',\r\n      dropdown: '1000',\r\n      sticky: '1100',\r\n      banner: '1200',\r\n      overlay: '1300',\r\n      modal: '1400',\r\n      popover: '1500',\r\n      skipLink: '1600',\r\n      toast: '1700',\r\n      tooltip: '1800',\r\n    },\r\n    keyframes: {\r\n      'reset-overflow': {\r\n        'from, to': {\r\n          overflow: 'hidden',\r\n        },\r\n      },\r\n    },\r\n    animation: {\r\n      'reset-overflow': 'reset-overflow 180ms backwards',\r\n    },\r\n  },\r\n};\r\nexport { theme };\r\n"],"mappings":"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"}
+{"version":3,"file":"theme.js","names":["withOpacity","colors","units","screens","theme","extend","containers","Object","keys","reduce","screenKey","index","_extends","values","fontSize","fontSizes","tiny","xs","xl","fontFamily","DEFAULT","sans","header","display","borderRadius","radius","base","backgroundPosition","spacing","positions","spaceKey","boxShadow","insetring","ring","ringColor","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\r\nimport { colors } from './colors';\r\nimport { units } from './units';\r\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\r\nimport { Config } from 'tailwindcss/types/config';\r\n\r\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\r\n  extend: {\r\n    containers: Object.keys(screens).reduce(\r\n      (containers, screenKey, index) => ({ ...containers, [`screen-${screenKey}`]: Object.values(screens)[index] }),\r\n      {}\r\n    ),\r\n    fontSize: {\r\n      ...units.fontSizes,\r\n      tiny: '1rem',\r\n      xs: '1.2rem',\r\n      xl: units.fontSizes['h4'],\r\n      '2xl': units.fontSizes['h3'],\r\n      '3xl': units.fontSizes['h2'],\r\n      '4xl': units.fontSizes['h1'],\r\n      '5xl': units.fontSizes['h3'],\r\n    },\r\n    fontFamily: {\r\n      DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],\r\n      sans: ['Arial', 'Helvetica', 'sans-serif'],\r\n      header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n      display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n    },\r\n    screens,\r\n    borderRadius: {\r\n      ...units.radius,\r\n      base: 'var(--sk-spacing-0)',\r\n    },\r\n    backgroundPosition: {\r\n      ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\r\n        (positions, spaceKey) => ({\r\n          ...positions,\r\n          [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\r\n          [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\r\n          [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\r\n          [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n    boxShadow: {\r\n      '50': `\r\n      0 0 0.3rem 0 rgba(10, 12, 15, 0.08),\r\n      0 0.1rem 0.8rem 0 rgba(10, 12, 15, 0.13)\r\n      `,\r\n      '100': `\r\n        0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07),\r\n        0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15),\r\n        0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085),\r\n        0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)\r\n      `,\r\n      '200': `\r\n        0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1),\r\n        0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06),\r\n        0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03),\r\n        0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)\r\n      `,\r\n      insetring: `0 0 0 0.25rem ${colors.ring} inset`,\r\n    },\r\n    ringColor: {\r\n      DEFAULT: colors.ring,\r\n      ...colors,\r\n    },\r\n    ringOffsetWidth: {\r\n      DEFAULT: '0.2rem',\r\n    },\r\n    ringWidth: {\r\n      DEFAULT: '0.3rem',\r\n      0: '0px',\r\n    },\r\n    ringOpacity: {\r\n      DEFAULT: '1px',\r\n    },\r\n    colors: {\r\n      ...colors,\r\n      current: 'currentColor',\r\n      gray: {\r\n        DEFAULT: colors.primitives.gray[600],\r\n        stroke: colors.divider,\r\n        middle: colors.primitives.gray[600],\r\n        light: colors.primitives.gray[300],\r\n        lighter: colors.primitives.gray[200],\r\n        ...colors.primitives.gray,\r\n      },\r\n      hover: colors.primitives.gray[600],\r\n      background: {\r\n        ...colors.background,\r\n        one: colors.background[100],\r\n        two: colors.background[200],\r\n      },\r\n    },\r\n    cursor: {\r\n      base: 'var(--tw-cursor)',\r\n    },\r\n    spacing: {\r\n      ...units.spacing,\r\n      xs: units.spacing[4],\r\n      sm: units.spacing[8],\r\n      md: units.spacing[16],\r\n      lg: units.spacing[24],\r\n      xl: units.spacing[48],\r\n    },\r\n    maxWidth: {\r\n      content: screens['desktop-max'],\r\n    },\r\n    lineHeight: {\r\n      ...units.lineHeights,\r\n      xs: '1.6rem',\r\n      xl: units.lineHeights['h4'],\r\n      '2xl': units.lineHeights['h3'],\r\n      '3xl': units.lineHeights['h2'],\r\n      '4xl': units.lineHeights['h1'],\r\n      '5xl': units.lineHeights['display-3'],\r\n    },\r\n    opacity: {\r\n      '15': '0.15',\r\n    },\r\n    borderWidth: {\r\n      DEFAULT: '0.2rem',\r\n      '1': '0.1rem',\r\n      '2': '0.2rem',\r\n    },\r\n    backgroundColor: {\r\n      base: withOpacity('--sk-colors-primary-surface'),\r\n      fill: withOpacity('--sk-colors-bg-fill'),\r\n    },\r\n    textColor: {\r\n      foreground: withOpacity('--sk-colors-primary-DEFAULT'),\r\n      muted: withOpacity('--sk-colors-xt-muted'),\r\n    },\r\n\r\n    zIndex: {\r\n      hide: '-1',\r\n      none: '0',\r\n      base: '1',\r\n      docked: '10',\r\n      dropdown: '1000',\r\n      sticky: '1100',\r\n      banner: '1200',\r\n      overlay: '1300',\r\n      modal: '1400',\r\n      popover: '1500',\r\n      skipLink: '1600',\r\n      toast: '1700',\r\n      tooltip: '1800',\r\n    },\r\n    keyframes: {\r\n      'reset-overflow': {\r\n        'from, to': {\r\n          overflow: 'hidden',\r\n        },\r\n      },\r\n    },\r\n    animation: {\r\n      'reset-overflow': 'reset-overflow 180ms backwards',\r\n    },\r\n  },\r\n};\r\nexport { theme };\r\n"],"mappings":"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"}

package/dist/types/components/alert-banner.d.ts

@@ -0,0 +1,24 @@
+declare function _exports(): {
+    '.alert-banner': {
+        '@apply p-md': {};
+        '&-content': {
+            '@apply w-full m-auto flex': {};
+            '&-wrapper': {
+                '@apply flex-grow flex': {};
+            };
+        };
+        '&-icon': {
+            '@apply mr-[10px]': {};
+        };
+        '&-children': {
+            '@apply w-full underline inline-block max-w-[800px] text-body text-base': {};
+        };
+        '&-close': {
+            '@apply p-4 -m-4 flex flex-col': {};
+        };
+    };
+    '.tab': {
+        '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-button shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {};
+    };
+};
+export = _exports;

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

@@ -38,7 +38,7 @@ export declare const Button: (colors: string[]) => {
                 minWidth: string;
                 width: string;
                 maxWidth: string;
-                svg: {
+                'svg, .sk-icon': {
                     '@apply h-[2rem] w-[2rem]': {};
                 };
             };
@@ -46,7 +46,7 @@ export declare const Button: (colors: string[]) => {
                 minWidth: string;
                 width: string;
                 maxWidth: string;
-                svg: {
+                'svg, .sk-icon': {
                     '@apply h-[2rem] w-[2rem]': {};
                 };
             };
@@ -54,7 +54,7 @@ export declare const Button: (colors: string[]) => {
                 minWidth: string;
                 width: string;
                 maxWidth: string;
-                svg: {
+                'svg, .sk-icon': {
                     '@apply h-[2.4rem] w-[2.4rem]': {};
                 };
             };
@@ -168,7 +168,7 @@ export declare const Button: (colors: string[]) => {
             '@apply px-14 py-8 gap-6': {};
             '@apply max-h-[3.2rem] h-[3.2rem]': {};
             '@apply rounded-button-sm': {};
-            svg: {
+            'svg, .sk-icon': {
                 '@apply h-[1.6rem] w-[1.6rem]': {};
             };
         };
@@ -177,7 +177,7 @@ export declare const Button: (colors: string[]) => {
             '@apply px-18 py-8 gap-8': {};
             '@apply max-h-[4rem] h-[4rem]': {};
             '@apply rounded-button-md': {};
-            svg: {
+            'svg, .sk-icon': {
                 '@apply h-[1.8rem] w-[1.8rem]': {};
             };
         };
@@ -186,7 +186,7 @@ export declare const Button: (colors: string[]) => {
             '@apply px-24 py-8 gap-8': {};
             '@apply max-h-[4.8rem] h-[4.8rem]': {};
             '@apply rounded-button-lg': {};
-            svg: {
+            'svg, .sk-icon': {
                 '@apply h-[2rem] w-[2rem]': {};
             };
         };

package/dist/types/components/combobox.d.ts

@@ -1,4 +1,7 @@
 export declare const ComboBox: () => {
+    '.sk-combobox-base': {
+        '@apply w-auto inline-block relative': {};
+    };
     '.sk-form-combobox': {
         '@apply focus-within:ring ring-ring ring-offset': {};
         '@apply relative w-auto': {};
@@ -27,13 +30,13 @@ export declare const ComboBox: () => {
                 '@apply pr-[6.8rem]': {};
             };
         };
-        '&:not([aria-expanded="true"])': {
+        '&[data-showvalue="true"]': {
             '.sk-form-combobox-select': {
                 '@apply caret-transparent': {};
             };
         };
         '&-select': {
-            '@apply h-full bg-right-12 bg-no-repeat': {};
+            '@apply bg-right-12 bg-no-repeat': {};
             '&.sk-form-select': {
                 '@apply focus:outline-none focus:ring-0 focus:ring-transparent': {};
             };

package/dist/types/components/comments.d.ts

@@ -0,0 +1,30 @@
+declare function _exports(): {
+    '.comment-header': {
+        '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {};
+    };
+    '.comment-item': {
+        '@apply w-full': {};
+        '&-container': {
+            '@apply flex justify-between relative': {};
+            '&-textpic': {
+                '@apply flex gap-2': {};
+            };
+        };
+        '&-text': {
+            '@apply text-base font-bold mx-0 mb-0 mt-4': {};
+        };
+        '&-commentorpublished': {
+            '@apply float-right text-neutral-600 m-0': {};
+        };
+    };
+    '.comment-input': {
+        '@apply w-full flex gap-4 px-10 pt-8 pb-10': {};
+        '&-inactive': {
+            '@apply text-neutral-300 !text-3xl': {};
+        };
+        '&-active': {
+            '@apply text-primary !text-3xl': {};
+        };
+    };
+};
+export = _exports;

package/dist/types/components/context-menu.d.ts

@@ -0,0 +1,39 @@
+declare function _exports(): {
+    '.context-menu-wrapper': {
+        '@apply relative inline': {};
+        '> a, > button': {
+            '@apply inline-flex': {};
+        };
+        '.context-menu-items': {
+            '@apply absolute rounded bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col justify-start items-start': {};
+            '.context-menu-item': {
+                '@apply text-base text-body hover:text-white focus-within:text-white min-h-[3.5rem] w-full flex justify-start items-center': {};
+                'a, button': {
+                    '@apply text-base font-normal min-h-[3.5rem] py-[0.6rem] items-center w-full rounded-none border-transparent px-md flex justify-start': {};
+                    '&.active': {
+                        '@apply bg-primary text-white': {};
+                    };
+                    '.MuiSvgIcon-root': {
+                        '@apply text-base': {};
+                    };
+                };
+                '&:first-child a,&:first-child button': {
+                    '@apply pt-[0.675rem] pb-[0.525rem]': {};
+                };
+                '&:last-child a,&:last-child button': {
+                    '@apply pt-[0.525rem] pb-[0.675rem]': {};
+                };
+                '&:only-child a,&:only-child button': {
+                    '@apply py-[0.6rem]': {};
+                };
+            };
+            hr: {
+                '@apply mx-sm w-[calc(100%_-_16px)]': {};
+            };
+            '&.right': {
+                '@apply right-0': {};
+            };
+        };
+    };
+};
+export = _exports;

package/dist/types/components/dropdown-filter.d.ts

@@ -0,0 +1,58 @@
+declare function _exports(): {
+    '.dropdown-filter': {
+        position: string;
+        height: number;
+        border: string;
+        display: string;
+        background: string;
+        borderRadius: number;
+        '.dropdown-button': {
+            '@apply flex justify-between items-center  grow': {};
+            '.dropdown-button-icon': {
+                '@apply justify-self-end grow-0': {};
+            };
+        };
+        '.filter-container': {
+            position: string;
+            top: string;
+            left: string;
+            zIndex: number;
+            width: string;
+            background: string;
+            border: string;
+            borderRadius: number;
+            '.filter-controls': {
+                display: string;
+                justifyContent: string;
+                button: {
+                    marginLeft: string;
+                    textDecoration: string;
+                };
+            };
+            '.filter-item': {
+                '@apply px-md': {};
+                height: number;
+                display: string;
+                justifyContent: string;
+                alignItems: string;
+                borderBottom: string;
+                '> label': {
+                    '@apply w-full': {};
+                    '> .form-checkbox-label': {
+                        '@apply flex-grow': {};
+                    };
+                };
+                '&.disabled': {
+                    color: string;
+                };
+                '&:first-of-type': {
+                    borderTop: string;
+                };
+                '&:last-child': {
+                    borderBottom: string;
+                };
+            };
+        };
+    };
+};
+export = _exports;

package/dist/types/components/input.d.ts

@@ -201,6 +201,11 @@ export declare const Input: () => {
         '@apply focus:ring-offset': {};
         '@apply focus:border-primitives-overlay-lighten-10': {};
         '@apply dark:focus:border-primitives-overlay-darken-6': {};
+        '@apply focus-within:ring': {};
+        '@apply focus-within:ring-ring': {};
+        '@apply focus-within:ring-offset': {};
+        '@apply focus-within:border-primitives-overlay-lighten-10': {};
+        '@apply dark:focus-within:border-primitives-overlay-darken-6': {};
         '&:not(:invalid):not([aria-invalid="true"])': {
             '@apply focus:hover:border-primitives-overlay-lighten-10': {};
             '@apply dark:focus:hover:border-primitives-overlay-darken-6': {};

package/dist/types/components/label.d.ts

@@ -1,19 +1,27 @@
 export declare const Label: (colors: string[]) => {
     '.sk-label': {
+        '&[data-color="tertiary"]': {
+            '@apply bg-dark-primary': {};
+            '@apply text-light-primary': {};
+            '&[data-inverted="true"]': {
+                '@apply bg-tertiary-surface': {};
+                '@apply text-dark-primary': {};
+            };
+        };
         '@apply inline-flex flex-row': {};
         '@apply justify-center items-center': {};
         '@apply gap-6 px-10 py-4': {};
         '@apply h-24 max-h-24': {};
         '@apply text-label-small': {};
         '@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {};
-        '@apply bg-primary-surface': {};
+        '@apply bg-dark-primary': {};
         '@apply text-light-primary': {};
         '&[data-rounded="true"]': {
             '@apply rounded-full': {};
         };
         '&[data-inverted="true"]': {
-            '@apply bg-inverted-primary-surface': {};
-            '@apply text-inverted-light-primary': {};
+            '@apply bg-tertiary-surface': {};
+            '@apply text-dark-primary': {};
         };
     };
 };

package/dist/types/components/notification.d.ts

@@ -0,0 +1,48 @@
+declare function _exports(): {
+    '.notification': {
+        '@apply relative flex p-4 text-small w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {};
+        '@apply text-body bg-white border border-neutral-200': {};
+        '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {};
+    };
+    '.notification-icon': {
+        '@apply flex-shrink-0 w-5 h-5 mr-3': {};
+        '&-info': {
+            '--tw-text-opacity': string;
+            color: string;
+        };
+        '&-success': {
+            '--tw-text-opacity': string;
+            color: string;
+        };
+        '&-error': {
+            '--tw-text-opacity': string;
+            color: string;
+        };
+        '&-warning': {
+            '--tw-text-opacity': string;
+            color: string;
+        };
+    };
+    '.notification-content': {
+        '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {};
+        '&-title': {
+            '@apply font-semibold': {};
+        };
+        '&-description': {
+            '@apply text-neutral-500 dark:text-neutral-400': {};
+        };
+    };
+    '.notification-action': {
+        '@apply absolute space-x-2': {};
+        right: number;
+        top: number;
+        '&-undo': {
+            '@apply h-auto p-0 text-small': {};
+        };
+        '&-close-button': {
+            '@apply cursor-base text-neutral-700 hover:text-body': {};
+            '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {};
+        };
+    };
+};
+export = _exports;

package/dist/types/components/search-field.d.ts

@@ -1,4 +1,18 @@
 export declare const SearchField: () => {
+    '.sk-search-field-suggestions': {
+        '&.sk-form-combobox': {
+            '@apply h-auto': {};
+        };
+        '.sk-form-combobox': {
+            '&-list': {
+                '&-option': {
+                    '.sk-icon': {
+                        '@apply hidden': {};
+                    };
+                };
+            };
+        };
+    };
     '.sk-search-field': {
         '&-md': {
             '.sk-search-field-icon': {