@sk-web-gui/core 2.0.0 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -148,7 +148,7 @@ var Button = exports.Button = function Button(colors) {
148
148
  '@apply px-14 py-8 gap-6': {},
149
149
  '@apply max-h-[3.2rem] h-[3.2rem]': {},
150
150
  '@apply rounded-button-sm': {},
151
- svg: {
151
+ 'svg, .sk-icon': {
152
152
  '@apply h-[1.6rem] w-[1.6rem]': {}
153
153
  }
154
154
  },
@@ -157,7 +157,7 @@ var Button = exports.Button = function Button(colors) {
157
157
  '@apply px-18 py-8 gap-8': {},
158
158
  '@apply max-h-[4rem] h-[4rem]': {},
159
159
  '@apply rounded-button-md': {},
160
- svg: {
160
+ 'svg, .sk-icon': {
161
161
  '@apply h-[1.8rem] w-[1.8rem]': {}
162
162
  }
163
163
  },
@@ -166,7 +166,7 @@ var Button = exports.Button = function Button(colors) {
166
166
  '@apply px-24 py-8 gap-8': {},
167
167
  '@apply max-h-[4.8rem] h-[4.8rem]': {},
168
168
  '@apply rounded-button-lg': {},
169
- svg: {
169
+ 'svg, .sk-icon': {
170
170
  '@apply h-[2rem] w-[2rem]': {}
171
171
  }
172
172
  },
@@ -217,7 +217,7 @@ var Button = exports.Button = function Button(colors) {
217
217
  minWidth: '3.2rem',
218
218
  width: '3.2rem',
219
219
  maxWidth: '3.2rem',
220
- svg: {
220
+ 'svg, .sk-icon': {
221
221
  '@apply h-[2rem] w-[2rem]': {}
222
222
  }
223
223
  },
@@ -225,7 +225,7 @@ var Button = exports.Button = function Button(colors) {
225
225
  minWidth: '4rem',
226
226
  width: '4rem',
227
227
  maxWidth: '4rem',
228
- svg: {
228
+ 'svg, .sk-icon': {
229
229
  '@apply h-[2rem] w-[2rem]': {}
230
230
  }
231
231
  },
@@ -233,7 +233,7 @@ var Button = exports.Button = function Button(colors) {
233
233
  minWidth: '4.8rem',
234
234
  width: '4.8rem',
235
235
  maxWidth: '4.8rem',
236
- svg: {
236
+ 'svg, .sk-icon': {
237
237
  '@apply h-[2.4rem] w-[2.4rem]': {}
238
238
  }
239
239
  },
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","names":["buttonPrimary","colors","_dataInvertedTru2","_dataColorPrimar","_extends","reduce","styles","color","_active","_active2","_dataInvertedTru","_ref","_extends2","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","_ref2","_extends3","Button","exports","transitionProperty","svg","minWidth","width","maxWidth"],"sources":["../../../src/components/button.ts"],"sourcesContent":["function buttonPrimary(colors: string[]) {\r\n return {\r\n '&-primary': {\r\n '@apply text-light-primary': {},\r\n /* hover */\r\n '@apply hover:bg-primary-surface-hover': {},\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 text-${color}-text-secondary`]: {},\r\n // hover\r\n [`@apply hover:bg-${color}-surface-primary-hover hover:text-light-primary`]: {},\r\n // keyboard active\r\n '&.active': {\r\n [`@apply bg-${color}-surface-primary-hover`]: {},\r\n },\r\n [`@apply active:bg-${color}-surface-primary-hover`]: {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-light-primary': {},\r\n [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n // hover\r\n [`@apply hover:bg-inverted-${color}-surface-primary-hover hover:text-inverted-light-primary`]: {},\r\n // keyboard active\r\n '&.active': {\r\n [`@apply bg-inverted-${color}-surface-primary-hover`]: {},\r\n },\r\n [`@apply active:bg-inverted-${color}-surface-primary-hover`]: {},\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n \"&[data-color='primary']\": {\r\n '@apply bg-primary-surface': {},\r\n '@apply hover:bg-primary-surface-hover': {},\r\n '&.active': {\r\n '@apply bg-primary-surface-hover': {},\r\n },\r\n [`@apply active:bg-primary-surface-hover`]: {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-light-primary': {},\r\n '@apply bg-inverted-primary-surface': {},\r\n '@apply hover:bg-inverted-primary-surface-hover': {},\r\n '&.active': {\r\n '@apply bg-inverted-primary-surface-hover': {},\r\n },\r\n [`@apply active:bg-inverted-primary-surface-hover`]: {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\nfunction buttonSecondary() {\r\n return {\r\n '&-secondary': {\r\n '@apply border-secondary-outline': {},\r\n '@apply text-dark-secondary': {},\r\n '@apply bg-secondary-surface': {},\r\n /* hover */\r\n '@apply hover:border-secondary-outline-hover': {},\r\n '@apply hover:bg-secondary-surface-hover': {},\r\n /* focus */\r\n '@apply focus-visible:border-background-content': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-secondary-surface-disabled bg-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply border-inverted-secondary-outline': {},\r\n '@apply text-inverted-dark-secondary': {},\r\n '@apply bg-inverted-secondary-surface': {},\r\n /* hover */\r\n '@apply hover:border-inverted-secondary-outline-hover': {},\r\n '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n /* focus */\r\n '@apply focus-visible:border-inverted-background-content': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-inverted-secondary-surface-disabled bg-inverted-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction buttonTertiary() {\r\n return {\r\n '&-tertiary': {\r\n '@apply text-dark-secondary': {},\r\n '@apply bg-tertiary-surface': {},\r\n /* hover */\r\n '@apply hover:bg-tertiary-surface-hover': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-tertiary-surface-disabled bg-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-secondary': {},\r\n '@apply bg-inverted-tertiary-surface': {},\r\n /* hover */\r\n '@apply hover:bg-inverted-tertiary-surface-hover': {},\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-inverted-tertiary-surface-disabled bg-inverted-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\nfunction buttonGhost() {\r\n return {\r\n '&-ghost': {\r\n '@apply text-dark-secondary': {},\r\n '@apply bg-transparent': {},\r\n '@apply border-transparent': {},\r\n /* hover */\r\n '@apply hover:bg-transparent': {},\r\n '@apply hover:border-transparent': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-transparent bg-transparent disabled:border-transparent border-transparent !important': {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-secondary': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction buttonLink(colors: string[]) {\r\n return {\r\n '&-link': {\r\n '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n '&.active': {\r\n '@apply underline': {},\r\n },\r\n // dark colors\r\n '@apply dark:text-neutral-200': {},\r\n '@apply dark:active:text-neutral-500': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}-text active:text-${color}-text`]: {},\r\n // dark colors\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n };\r\n}\r\n\r\nexport const Button = (colors: string[]) => ({\r\n '.sk-btn': {\r\n '@apply box-border': {},\r\n '@apply border-2 border-transparent': {},\r\n '@apply cursor-pointer': {},\r\n '@apply relative': {},\r\n '@apply m-0': {},\r\n '@apply px-24 py-8 gap-8': {},\r\n '@apply inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n '@apply rounded-button': {},\r\n transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n '@apply\tduration-75 ease-out': {},\r\n '@apply outline-none appearance-none select-none whitespace-nowrap': {},\r\n '@apply focus-visible:outline-none': {},\r\n '@apply focus-visible:ring': {},\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-circular': {},\r\n },\r\n\r\n // sizing\r\n '&-sm': {\r\n '@apply text-label-small': {},\r\n '@apply px-14 py-8 gap-6': {},\r\n '@apply max-h-[3.2rem] h-[3.2rem]': {},\r\n '@apply rounded-button-sm': {},\r\n svg: {\r\n '@apply h-[1.6rem] w-[1.6rem]': {},\r\n },\r\n },\r\n\r\n '&-md': {\r\n '@apply text-label-medium': {},\r\n '@apply px-18 py-8 gap-8': {},\r\n '@apply max-h-[4rem] h-[4rem]': {},\r\n '@apply rounded-button-md': {},\r\n svg: {\r\n '@apply h-[1.8rem] w-[1.8rem]': {},\r\n },\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-label-large': {},\r\n '@apply px-24 py-8 gap-8': {},\r\n '@apply max-h-[4.8rem] h-[4.8rem]': {},\r\n '@apply rounded-button-lg': {},\r\n svg: {\r\n '@apply h-[2rem] w-[2rem]': {},\r\n },\r\n },\r\n\r\n // State\r\n '&-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {},\r\n '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n '&[data-inverted=\"true\"]': {\r\n '@apply disabled:text-inverted-dark-disabled text-inverted-dark-disabled disabled:bg-inverted-primary-surface-disabled bg-inverted-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n },\r\n\r\n // variants\r\n ...buttonPrimary(colors),\r\n ...buttonSecondary(),\r\n ...buttonTertiary(),\r\n ...buttonGhost(),\r\n ...buttonLink(colors),\r\n\r\n '&[data-background=\"false\"]:not(:hover)': {\r\n '@apply bg-transparent': {},\r\n },\r\n '.btn-has-icon': {\r\n '&-left': {\r\n '@apply h-full flex items-center justify-center -ml-2': {},\r\n '.sk-icon': {\r\n '@apply bg-transparent': {},\r\n color: 'currentColor',\r\n },\r\n },\r\n '&-right': {\r\n '@apply h-full flex items-center justify-center -mr-2': {},\r\n '.sk-icon': {\r\n '@apply bg-transparent': {},\r\n color: 'currentColor',\r\n },\r\n },\r\n },\r\n '&-lg .btn-has-icon-left': {\r\n '@apply -ml-4': {},\r\n },\r\n '&-lg .btn-has-icon-right': {\r\n '@apply -mr-4': {},\r\n },\r\n '&[data-icon=true]': {\r\n '@apply p-0': {},\r\n\r\n '.sk-icon': {\r\n '@apply bg-transparent': {},\r\n color: 'currentColor',\r\n },\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-full': {},\r\n },\r\n\r\n '&.sk-btn-sm': {\r\n minWidth: '3.2rem',\r\n width: '3.2rem',\r\n maxWidth: '3.2rem',\r\n svg: {\r\n '@apply h-[2rem] w-[2rem]': {},\r\n },\r\n },\r\n\r\n '&.sk-btn-md': {\r\n minWidth: '4rem',\r\n width: '4rem',\r\n maxWidth: '4rem',\r\n svg: {\r\n '@apply h-[2rem] w-[2rem]': {},\r\n },\r\n },\r\n\r\n '&.sk-btn-lg': {\r\n minWidth: '4.8rem',\r\n width: '4.8rem',\r\n maxWidth: '4.8rem',\r\n svg: {\r\n '@apply h-[2.4rem] w-[2.4rem]': {},\r\n },\r\n },\r\n '.btn-has-icon': {\r\n '&-left': {\r\n '@apply m-0': {},\r\n },\r\n '&-right': {\r\n '@apply m-0': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
1
+ {"version":3,"file":"button.js","names":["buttonPrimary","colors","_dataInvertedTru2","_dataColorPrimar","_extends","reduce","styles","color","_active","_active2","_dataInvertedTru","_ref","_extends2","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","_ref2","_extends3","Button","exports","transitionProperty","minWidth","width","maxWidth"],"sources":["../../../src/components/button.ts"],"sourcesContent":["function buttonPrimary(colors: string[]) {\r\n return {\r\n '&-primary': {\r\n '@apply text-light-primary': {},\r\n /* hover */\r\n '@apply hover:bg-primary-surface-hover': {},\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 text-${color}-text-secondary`]: {},\r\n // hover\r\n [`@apply hover:bg-${color}-surface-primary-hover hover:text-light-primary`]: {},\r\n // keyboard active\r\n '&.active': {\r\n [`@apply bg-${color}-surface-primary-hover`]: {},\r\n },\r\n [`@apply active:bg-${color}-surface-primary-hover`]: {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-light-primary': {},\r\n [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n // hover\r\n [`@apply hover:bg-inverted-${color}-surface-primary-hover hover:text-inverted-light-primary`]: {},\r\n // keyboard active\r\n '&.active': {\r\n [`@apply bg-inverted-${color}-surface-primary-hover`]: {},\r\n },\r\n [`@apply active:bg-inverted-${color}-surface-primary-hover`]: {},\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n \"&[data-color='primary']\": {\r\n '@apply bg-primary-surface': {},\r\n '@apply hover:bg-primary-surface-hover': {},\r\n '&.active': {\r\n '@apply bg-primary-surface-hover': {},\r\n },\r\n [`@apply active:bg-primary-surface-hover`]: {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-light-primary': {},\r\n '@apply bg-inverted-primary-surface': {},\r\n '@apply hover:bg-inverted-primary-surface-hover': {},\r\n '&.active': {\r\n '@apply bg-inverted-primary-surface-hover': {},\r\n },\r\n [`@apply active:bg-inverted-primary-surface-hover`]: {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\nfunction buttonSecondary() {\r\n return {\r\n '&-secondary': {\r\n '@apply border-secondary-outline': {},\r\n '@apply text-dark-secondary': {},\r\n '@apply bg-secondary-surface': {},\r\n /* hover */\r\n '@apply hover:border-secondary-outline-hover': {},\r\n '@apply hover:bg-secondary-surface-hover': {},\r\n /* focus */\r\n '@apply focus-visible:border-background-content': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-secondary-surface-disabled bg-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply border-inverted-secondary-outline': {},\r\n '@apply text-inverted-dark-secondary': {},\r\n '@apply bg-inverted-secondary-surface': {},\r\n /* hover */\r\n '@apply hover:border-inverted-secondary-outline-hover': {},\r\n '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n /* focus */\r\n '@apply focus-visible:border-inverted-background-content': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-inverted-secondary-surface-disabled bg-inverted-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction buttonTertiary() {\r\n return {\r\n '&-tertiary': {\r\n '@apply text-dark-secondary': {},\r\n '@apply bg-tertiary-surface': {},\r\n /* hover */\r\n '@apply hover:bg-tertiary-surface-hover': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-tertiary-surface-disabled bg-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-secondary': {},\r\n '@apply bg-inverted-tertiary-surface': {},\r\n /* hover */\r\n '@apply hover:bg-inverted-tertiary-surface-hover': {},\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-inverted-tertiary-surface-disabled bg-inverted-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\nfunction buttonGhost() {\r\n return {\r\n '&-ghost': {\r\n '@apply text-dark-secondary': {},\r\n '@apply bg-transparent': {},\r\n '@apply border-transparent': {},\r\n /* hover */\r\n '@apply hover:bg-transparent': {},\r\n '@apply hover:border-transparent': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-transparent bg-transparent disabled:border-transparent border-transparent !important': {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-secondary': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction buttonLink(colors: string[]) {\r\n return {\r\n '&-link': {\r\n '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n '&.active': {\r\n '@apply underline': {},\r\n },\r\n // dark colors\r\n '@apply dark:text-neutral-200': {},\r\n '@apply dark:active:text-neutral-500': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}-text active:text-${color}-text`]: {},\r\n // dark colors\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n };\r\n}\r\n\r\nexport const Button = (colors: string[]) => ({\r\n '.sk-btn': {\r\n '@apply box-border': {},\r\n '@apply border-2 border-transparent': {},\r\n '@apply cursor-pointer': {},\r\n '@apply relative': {},\r\n '@apply m-0': {},\r\n '@apply px-24 py-8 gap-8': {},\r\n '@apply inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n '@apply rounded-button': {},\r\n transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n '@apply\tduration-75 ease-out': {},\r\n '@apply outline-none appearance-none select-none whitespace-nowrap': {},\r\n '@apply focus-visible:outline-none': {},\r\n '@apply focus-visible:ring': {},\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-circular': {},\r\n },\r\n\r\n // sizing\r\n '&-sm': {\r\n '@apply text-label-small': {},\r\n '@apply px-14 py-8 gap-6': {},\r\n '@apply max-h-[3.2rem] h-[3.2rem]': {},\r\n '@apply rounded-button-sm': {},\r\n 'svg, .sk-icon': {\r\n '@apply h-[1.6rem] w-[1.6rem]': {},\r\n },\r\n },\r\n\r\n '&-md': {\r\n '@apply text-label-medium': {},\r\n '@apply px-18 py-8 gap-8': {},\r\n '@apply max-h-[4rem] h-[4rem]': {},\r\n '@apply rounded-button-md': {},\r\n 'svg, .sk-icon': {\r\n '@apply h-[1.8rem] w-[1.8rem]': {},\r\n },\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-label-large': {},\r\n '@apply px-24 py-8 gap-8': {},\r\n '@apply max-h-[4.8rem] h-[4.8rem]': {},\r\n '@apply rounded-button-lg': {},\r\n 'svg, .sk-icon': {\r\n '@apply h-[2rem] w-[2rem]': {},\r\n },\r\n },\r\n\r\n // State\r\n '&-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {},\r\n '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n '&[data-inverted=\"true\"]': {\r\n '@apply disabled:text-inverted-dark-disabled text-inverted-dark-disabled disabled:bg-inverted-primary-surface-disabled bg-inverted-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n },\r\n\r\n // variants\r\n ...buttonPrimary(colors),\r\n ...buttonSecondary(),\r\n ...buttonTertiary(),\r\n ...buttonGhost(),\r\n ...buttonLink(colors),\r\n\r\n '&[data-background=\"false\"]:not(:hover)': {\r\n '@apply bg-transparent': {},\r\n },\r\n '.btn-has-icon': {\r\n '&-left': {\r\n '@apply h-full flex items-center justify-center -ml-2': {},\r\n '.sk-icon': {\r\n '@apply bg-transparent': {},\r\n color: 'currentColor',\r\n },\r\n },\r\n '&-right': {\r\n '@apply h-full flex items-center justify-center -mr-2': {},\r\n '.sk-icon': {\r\n '@apply bg-transparent': {},\r\n color: 'currentColor',\r\n },\r\n },\r\n },\r\n '&-lg .btn-has-icon-left': {\r\n '@apply -ml-4': {},\r\n },\r\n '&-lg .btn-has-icon-right': {\r\n '@apply -mr-4': {},\r\n },\r\n '&[data-icon=true]': {\r\n '@apply p-0': {},\r\n\r\n '.sk-icon': {\r\n '@apply bg-transparent': {},\r\n color: 'currentColor',\r\n },\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-full': {},\r\n },\r\n\r\n '&.sk-btn-sm': {\r\n minWidth: '3.2rem',\r\n width: '3.2rem',\r\n maxWidth: '3.2rem',\r\n 'svg, .sk-icon': {\r\n '@apply h-[2rem] w-[2rem]': {},\r\n },\r\n },\r\n\r\n '&.sk-btn-md': {\r\n minWidth: '4rem',\r\n width: '4rem',\r\n maxWidth: '4rem',\r\n 'svg, .sk-icon': {\r\n '@apply h-[2rem] w-[2rem]': {},\r\n },\r\n },\r\n\r\n '&.sk-btn-lg': {\r\n minWidth: '4.8rem',\r\n width: '4.8rem',\r\n maxWidth: '4.8rem',\r\n 'svg, .sk-icon': {\r\n '@apply h-[2.4rem] w-[2.4rem]': {},\r\n },\r\n },\r\n '.btn-has-icon': {\r\n '&-left': {\r\n '@apply m-0': {},\r\n },\r\n '&-right': {\r\n '@apply m-0': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
@@ -12,19 +12,28 @@ var Label = exports.Label = function Label(colors) {
12
12
  '@apply h-24 max-h-24': {},
13
13
  '@apply text-label-small': {},
14
14
  '@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {},
15
- '@apply bg-primary-surface': {},
15
+ '@apply bg-dark-primary': {},
16
16
  '@apply text-light-primary': {},
17
17
  '&[data-rounded="true"]': {
18
18
  '@apply rounded-full': {}
19
19
  },
20
20
  '&[data-inverted="true"]': {
21
- '@apply bg-inverted-primary-surface': {},
22
- '@apply text-inverted-light-primary': {}
21
+ '@apply bg-tertiary-surface': {},
22
+ '@apply text-dark-primary': {}
23
23
  }
24
24
  }, colors.reduce(function (styles, color) {
25
25
  var _dataInvertedTru, _ref, _extends2;
26
26
  return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-surface-primary"] = {}, _ref["@apply text-" + color + "-text-secondary"] = {}, _ref['&[data-inverted="true"]'] = (_dataInvertedTru = {}, _dataInvertedTru["@apply bg-" + color + "-surface-accent"] = {}, _dataInvertedTru["@apply text-" + color + "-text-primary"] = {}, _dataInvertedTru), _ref), _extends2));
27
- }, {}))
27
+ }, {}), {
28
+ '&[data-color="tertiary"]': {
29
+ '@apply bg-dark-primary': {},
30
+ '@apply text-light-primary': {},
31
+ '&[data-inverted="true"]': {
32
+ '@apply bg-tertiary-surface': {},
33
+ '@apply text-dark-primary': {}
34
+ }
35
+ }
36
+ })
28
37
  };
29
38
  };
30
39
  //# sourceMappingURL=label.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"label.js","names":["Label","exports","colors","_extends","reduce","styles","color","_dataInvertedTru","_ref","_extends2"],"sources":["../../../src/components/label.ts"],"sourcesContent":["export const Label = (colors: string[]) => ({\r\n '.sk-label': {\r\n '@apply inline-flex flex-row': {},\r\n '@apply justify-center items-center': {},\r\n '@apply gap-6 px-10 py-4': {},\r\n '@apply h-24 max-h-24': {},\r\n '@apply text-label-small': {},\r\n\r\n '@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {},\r\n\r\n '@apply bg-primary-surface': {},\r\n '@apply text-light-primary': {},\r\n\r\n '&[data-rounded=\"true\"]': {\r\n '@apply rounded-full': {},\r\n },\r\n '&[data-inverted=\"true\"]': {\r\n '@apply bg-inverted-primary-surface': {},\r\n '@apply text-inverted-light-primary': {},\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-${color}-text-secondary`]: {},\r\n '&[data-inverted=\"true\"]': {\r\n [`@apply bg-${color}-surface-accent`]: {},\r\n [`@apply text-${color}-text-primary`]: {},\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAIE,MAAgB;EAAA,OAAM;IAC1C,WAAW,EAAAC,QAAA;MACT,6BAA6B,EAAE,CAAC,CAAC;MACjC,oCAAoC,EAAE,CAAC,CAAC;MACxC,yBAAyB,EAAE,CAAC,CAAC;MAC7B,sBAAsB,EAAE,CAAC,CAAC;MAC1B,yBAAyB,EAAE,CAAC,CAAC;MAE7B,uEAAuE,EAAE,CAAC,CAAC;MAE3E,2BAA2B,EAAE,CAAC,CAAC;MAC/B,2BAA2B,EAAE,CAAC,CAAC;MAE/B,wBAAwB,EAAE;QACxB,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,yBAAyB,EAAE;QACzB,oCAAoC,EAAE,CAAC,CAAC;QACxC,oCAAoC,EAAE,CAAC;MACzC;IAAC,GAEED,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,aAAAE,IAAA,OAAAA,IAAA,gBACPF,KAAK,yBAAqB,CAAC,CAAC,EAAAE,IAAA,kBAC1BF,KAAK,wBAAoB,CAAC,CAAC,EAAAE,IAAA,CAC3C,yBAAyB,KAAAD,gBAAA,OAAAA,gBAAA,gBACTD,KAAK,wBAAoB,CAAC,CAAC,EAAAC,gBAAA,kBACzBD,KAAK,sBAAkB,CAAC,CAAC,EAAAC,gBAAA,GAAAC,IAAA,GAAAC,SAAA;IAAA,CAG7C,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AAAA,CAAC"}
1
+ {"version":3,"file":"label.js","names":["Label","exports","colors","_extends","reduce","styles","color","_dataInvertedTru","_ref","_extends2"],"sources":["../../../src/components/label.ts"],"sourcesContent":["export const Label = (colors: string[]) => ({\r\n '.sk-label': {\r\n '@apply inline-flex flex-row': {},\r\n '@apply justify-center items-center': {},\r\n '@apply gap-6 px-10 py-4': {},\r\n '@apply h-24 max-h-24': {},\r\n '@apply text-label-small': {},\r\n\r\n '@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {},\r\n\r\n '@apply bg-dark-primary': {},\r\n '@apply text-light-primary': {},\r\n\r\n '&[data-rounded=\"true\"]': {\r\n '@apply rounded-full': {},\r\n },\r\n '&[data-inverted=\"true\"]': {\r\n '@apply bg-tertiary-surface': {},\r\n '@apply text-dark-primary': {},\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-${color}-text-secondary`]: {},\r\n '&[data-inverted=\"true\"]': {\r\n [`@apply bg-${color}-surface-accent`]: {},\r\n [`@apply text-${color}-text-primary`]: {},\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n '&[data-color=\"tertiary\"]': {\r\n '@apply bg-dark-primary': {},\r\n '@apply text-light-primary': {},\r\n '&[data-inverted=\"true\"]': {\r\n '@apply bg-tertiary-surface': {},\r\n '@apply text-dark-primary': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAIE,MAAgB;EAAA,OAAM;IAC1C,WAAW,EAAAC,QAAA;MACT,6BAA6B,EAAE,CAAC,CAAC;MACjC,oCAAoC,EAAE,CAAC,CAAC;MACxC,yBAAyB,EAAE,CAAC,CAAC;MAC7B,sBAAsB,EAAE,CAAC,CAAC;MAC1B,yBAAyB,EAAE,CAAC,CAAC;MAE7B,uEAAuE,EAAE,CAAC,CAAC;MAE3E,wBAAwB,EAAE,CAAC,CAAC;MAC5B,2BAA2B,EAAE,CAAC,CAAC;MAE/B,wBAAwB,EAAE;QACxB,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,yBAAyB,EAAE;QACzB,4BAA4B,EAAE,CAAC,CAAC;QAChC,0BAA0B,EAAE,CAAC;MAC/B;IAAC,GAEED,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,aAAAE,IAAA,OAAAA,IAAA,gBACPF,KAAK,yBAAqB,CAAC,CAAC,EAAAE,IAAA,kBAC1BF,KAAK,wBAAoB,CAAC,CAAC,EAAAE,IAAA,CAC3C,yBAAyB,KAAAD,gBAAA,OAAAA,gBAAA,gBACTD,KAAK,wBAAoB,CAAC,CAAC,EAAAC,gBAAA,kBACzBD,KAAK,sBAAkB,CAAC,CAAC,EAAAC,gBAAA,GAAAC,IAAA,GAAAC,SAAA;IAAA,CAG7C,EACF,CAAC,CACH,CAAC;MACD,0BAA0B,EAAE;QAC1B,wBAAwB,EAAE,CAAC,CAAC;QAC5B,2BAA2B,EAAE,CAAC,CAAC;QAC/B,yBAAyB,EAAE;UACzB,4BAA4B,EAAE,CAAC,CAAC;UAChC,0BAA0B,EAAE,CAAC;QAC/B;MACF;IAAC;EAEL,CAAC;AAAA,CAAC"}
@@ -6,20 +6,29 @@ var TableAutoTable = exports.TableAutoTable = function TableAutoTable() {
6
6
  return {
7
7
  '.sk-table-wrapper': {
8
8
  '@apply rounded-groups': {},
9
- '@apply border-1': {},
9
+ '@apply border-1 border-divider': {},
10
10
  '@apply bg-background-content': {},
11
+ '@apply relative': {},
11
12
  '&-inside': {
12
13
  '@apply border-0 rounded-t-groups': {},
13
- '@apply overflow-hidden': {}
14
- },
15
- '&[data-variant="table"]': {
16
- '&:not([data-background="true"])': {
17
- '@apply border-0': {},
18
- '@apply bg-transparent': {}
14
+ '@apply overflow-hidden': {},
15
+ '@apply w-full': {},
16
+ '&[data-scroll="x"]': {
17
+ '@apply overflow-x-auto': {}
18
+ },
19
+ '&[data-scroll="y"]': {
20
+ '@apply overflow-y-auto': {}
19
21
  },
20
- '.sk-table-wrapper-inside': {
21
- '@apply border-0 rounded-b-groups': {}
22
+ '&[data-scroll="true"]': {
23
+ '@apply overflow-auto': {}
22
24
  }
25
+ },
26
+ '&:not([data-background="true"])': {
27
+ '@apply border-0': {},
28
+ '@apply bg-transparent': {}
29
+ },
30
+ '.sk-table-wrapper-inside': {
31
+ '@apply border-0 rounded-b-groups': {}
23
32
  }
24
33
  },
25
34
  '.sk-table': {
@@ -27,27 +36,40 @@ var TableAutoTable = exports.TableAutoTable = function TableAutoTable() {
27
36
  '@apply text-dark-secondary': {},
28
37
  '&-thead': {
29
38
  '@apply border-b-1 border-dark-primary': {},
30
- '@apply h-48': {},
39
+ '@apply h-[5.6rem]': {},
40
+ '.sk-table-sticky-col': {
41
+ '@apply top-0': {},
42
+ '@apply h-[5.6rem]': {}
43
+ },
31
44
  '&-tr': {
32
45
  '@apply table-row': {},
33
46
  '@apply text-label-small': {}
34
47
  },
35
- '&-th': {
36
- '@apply py-4': {},
37
- "&[data-isColumnSortable='true']": {
38
- '@apply cursor-pointer': {}
39
- }
40
- },
41
- '&-manualth': {
42
- '@apply py-4': {},
43
- '@apply px-16': {},
48
+ '.sk-table-th': {
49
+ '&:first-of-type': {
50
+ '.sk-table-sticky-col': {
51
+ '@apply rounded-tl-groups': {}
52
+ }
53
+ },
54
+ '&:last-of-type': {
55
+ '.sk-table-sticky-col': {
56
+ '@apply rounded-tr-groups': {}
57
+ }
58
+ },
59
+ '.sk-table-col-content': {
60
+ '@apply py-4': {},
61
+ '@apply px-16': {}
62
+ },
44
63
  "&[data-isColumnSortable='true']": {
45
64
  '@apply cursor-pointer': {}
46
65
  }
47
66
  },
48
67
  '@apply bg-transparent': {},
49
68
  '&[data-background="true"]': {
50
- '@apply bg-vattjom-background-200 border-b-transparent': {}
69
+ '@apply bg-vattjom-background-200 border-b-transparent': {},
70
+ '.sk-table-sticky-col': {
71
+ '@apply bg-vattjom-background-200': {}
72
+ }
51
73
  }
52
74
  },
53
75
  '&-sortbutton': {
@@ -55,7 +77,7 @@ var TableAutoTable = exports.TableAutoTable = function TableAutoTable() {
55
77
  '@apply focus-visible:ring ring-ring ring-offset-0': {},
56
78
  '@apply focus-visible:bg-vattjom-background-200': {},
57
79
  '@apply rounded-utility': {},
58
- '@apply px-16': {},
80
+ '@apply pr-16': {},
59
81
  '@apply h-40': {},
60
82
  '&-icon': {
61
83
  '@apply inline-flex pl-sm': {},
@@ -67,12 +89,12 @@ var TableAutoTable = exports.TableAutoTable = function TableAutoTable() {
67
89
  '@apply first-of-type:-mb-4': {},
68
90
  '@apply last-of-type:-mt-4': {}
69
91
  },
70
- "&[data-sortmodeascending='true']": {
92
+ "&[data-sortmode='ascending']": {
71
93
  '> *': {
72
94
  '@apply last-of-type:text-dark-ghost': {}
73
95
  }
74
96
  },
75
- "&[data-sortmodeascending='false']": {
97
+ "&[data-sortmode='descending']": {
76
98
  '> *': {
77
99
  '@apply first-of-type:text-dark-ghost': {}
78
100
  }
@@ -85,62 +107,114 @@ var TableAutoTable = exports.TableAutoTable = function TableAutoTable() {
85
107
  '&-tr': {
86
108
  '@apply bg-transparent': {},
87
109
  '@apply hover:bg-background-100': {},
88
- '@apply border-b-1': {},
89
- '@apply last-of-type:border-b-transparent': {}
90
- },
91
- '&-td': {
92
- '@apply text-small': {},
93
- '&-content': {
94
- '@apply inline-flex': {},
95
- '@apply justify-start items-center': {},
96
- '@apply gap-8': {},
97
- '@apply py-8 px-18': {},
98
- '@apply h-[6.3rem]': {},
99
- '@apply min-h-[6.3rem]': {}
110
+ '@apply border-b-1 border-divider': {},
111
+ '@apply last-of-type:border-b-transparent': {},
112
+ '@apply focus-visible:shadow-insetring': {},
113
+ '&:hover': {
114
+ '.sk-table-sticky-col': {
115
+ '@apply bg-background-100': {}
116
+ }
100
117
  }
101
118
  },
102
- '&-manualtd': {
119
+ '&-td, .sk-table-th': {
103
120
  '@apply text-small': {},
104
- '&-content': {
105
- '@apply justify-start items-center': {},
106
- '@apply gap-8': {},
121
+ '@apply h-[6.3rem]': {},
122
+ '@apply min-h-[6.3rem]': {},
123
+ '.sk-table-sticky-col': {
124
+ '@apply h-[6.1rem]': {},
125
+ '@apply min-h-[6.1rem]': {}
126
+ },
127
+ '@apply focus-visible:shadow-insetring': {},
128
+ '.sk-table-col-content': {
107
129
  '@apply py-8 px-18': {},
108
- '@apply h-[6.3rem]': {},
109
- '@apply min-h-[6.3rem]': {}
130
+ '@apply gap-8': {}
110
131
  }
111
132
  }
112
133
  },
113
- '&[data-dense="true"]': {
134
+ '&-col-content': {
135
+ '@apply flex': {},
136
+ '@apply w-full': {},
137
+ '@apply justify-start items-center': {},
138
+ '@apply h-full': {}
139
+ },
140
+ '&[data-dense="dense"]': {
114
141
  '.sk-table': {
142
+ '&-col-content': {
143
+ '@apply py-0': {}
144
+ },
115
145
  '&-thead': {
116
- '&-th': {
117
- '@apply py-4': {}
146
+ '@apply h-[4.8rem]': {},
147
+ '.sk-table-sticky-col': {
148
+ '@apply h-[4.6rem]': {}
118
149
  }
119
150
  },
120
151
  '&-tbody': {
121
- '&-td-content': {
122
- '@apply py-0': {},
152
+ '&-td, .sk-table-th': {
123
153
  '@apply h-[4.7rem]': {},
124
- '@apply min-h-[4.7rem]': {}
154
+ '@apply min-h-[4.7rem]': {},
155
+ '.sk-table-sticky-col': {
156
+ '@apply h-[4.5rem]': {},
157
+ '@apply min-h-[4.5rem]': {}
158
+ }
125
159
  }
126
160
  }
127
161
  }
128
162
  },
163
+ '.sk-table-sticky-col': {
164
+ '@apply absolute': {},
165
+ '@apply bg-background-content': {}
166
+ },
167
+ '[data-sticky="true"]': {
168
+ '> .sk-table-col-content': {
169
+ '@apply collapse': {}
170
+ }
171
+ },
172
+ '&[data-hasscroll="true"]': {
173
+ '.sk-table-sticky-col': {
174
+ '@apply box-content': {}
175
+ },
176
+ '.sk-table-tbody': {
177
+ '.sk-table-sticky-col': {
178
+ '@apply border-b-primitives-overlay-darken-2 dark:border-b-primitives-overlay-lighten-3 border-b-1': {}
179
+ }
180
+ },
181
+ 'td:first-of-type, th:first-of-type': {
182
+ '.sk-table-sticky-col': {
183
+ '@apply left-0': {},
184
+ '@apply border-r-1 border-r-divider': {}
185
+ }
186
+ },
187
+ 'td:last-of-type, th:last-of-type': {
188
+ '.sk-table-sticky-col': {
189
+ '@apply border-l-1 border-r-divider': {},
190
+ '@apply right-0': {}
191
+ }
192
+ }
193
+ },
129
194
  '&-paginationwrapper': {
130
- '@apply w-full max-w-[60rem]': {},
131
- '@apply shrink': {}
195
+ '@apply max-w-[60rem]': {},
196
+ '@apply shrink grow': {},
197
+ '@apply hidden @screen-md/footer:flex': {}
132
198
  },
133
199
  '&-bottom': {
200
+ '@apply @container/footer': {},
134
201
  '@apply py-14 px-16': {},
135
- '@apply border-t-1': {},
202
+ '@apply border-t-1 border-divider': {},
136
203
  '@apply flex flex-row': {},
137
- '@apply gap-32': {},
204
+ '@apply flex-wrap': {},
205
+ '@apply @screen-lg/footer:gap-32': {},
206
+ '@apply @screen-md/footer:gap-16': {},
207
+ '@apply gap-8': {},
138
208
  '@apply justify-between items-center': {},
139
209
  '&-section': {
140
210
  '@apply shrink-0': {},
141
- '@apply flex flex-row': {},
211
+ '@apply flex flex-col': {},
142
212
  '@apply justify-start items-center': {},
213
+ '@apply @screen-sm/footer:flex-row': {},
143
214
  '@apply gap-8': {},
215
+ '&.sk-table-pagination-mobile': {
216
+ '@apply @screen-md/footer:hidden': {}
217
+ },
144
218
  '&-label': {
145
219
  '@apply font-normal': {},
146
220
  '@apply text-small': {},
@@ -1 +1 @@
1
- {"version":3,"file":"table-autotable.js","names":["TableAutoTable","exports","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 '&[data-variant=\"table\"]': {\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 },\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-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-table': {\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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"}
1
+ {"version":3,"file":"table-autotable.js","names":["TableAutoTable","exports","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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"}
@@ -44,14 +44,14 @@ var _snackbar = require("./components/snackbar");
44
44
  var _spinner = require("./components/spinner");
45
45
  var _switch = require("./components/switch");
46
46
  var _table = require("./components/table");
47
+ var _tableAutotable = require("./components/table-autotable");
47
48
  var _tabs = require("./components/tabs");
48
49
  var _tooltip = require("./components/tooltip");
49
50
  var _userMenu = require("./components/user-menu");
50
- var _zebratable = require("./components/zebratable");
51
51
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
52
52
  // components
53
53
 
54
- var components = [_alert.Alert, _badge.Badge, _breadcrumb.Breadcrumb, _buttonGroup.ButtonGroup, _button.Button, _checkbox.Checkbox, _chip.Chip, _dialog.Dialog, _dot.Dot, _forms.Forms, _filter.Filter, _icon.Icon, _input.Input, _label.Label, _link.Link, _list.List, _logo.Logo, _menubar.MenuBar, _menuVertical.MenuVertical, _select.Select, _snackbar.Snackbar, _spinner.Spinner, _radio.Radio, _switch.Switch, _table.Table, _tabs.Tabs, _zebratable.ZebraTable, _cookieConsent.CookieConsent, _modal.Modal, _accordion.Accordion, _avatar.Avatar, _card.Card, _divider.Divider, _tooltip.Tooltip, _userMenu.UserMenu, _searchField.SearchField, _pagination.Pagination, _popupMenu.PopupMenu, _footer.Footer, _header.Header, _progressStepper.ProgressStepper, _progressBar.ProgressBar, _combobox.ComboBox];
54
+ var components = [_alert.Alert, _badge.Badge, _breadcrumb.Breadcrumb, _buttonGroup.ButtonGroup, _button.Button, _checkbox.Checkbox, _chip.Chip, _dialog.Dialog, _dot.Dot, _forms.Forms, _filter.Filter, _icon.Icon, _input.Input, _label.Label, _link.Link, _list.List, _logo.Logo, _menubar.MenuBar, _menuVertical.MenuVertical, _select.Select, _snackbar.Snackbar, _spinner.Spinner, _radio.Radio, _switch.Switch, _table.Table, _tableAutotable.TableAutoTable, _tabs.Tabs, _cookieConsent.CookieConsent, _modal.Modal, _accordion.Accordion, _avatar.Avatar, _card.Card, _divider.Divider, _tooltip.Tooltip, _userMenu.UserMenu, _searchField.SearchField, _pagination.Pagination, _popupMenu.PopupMenu, _footer.Footer, _header.Header, _progressStepper.ProgressStepper, _progressBar.ProgressBar, _combobox.ComboBox];
55
55
  var defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];
56
56
  var plugin = _plugin["default"].withOptions(function (options) {
57
57
  if (options === void 0) {
@@ -1 +1 @@
1
- {"version":3,"file":"plugin.js","names":["_plugin","_interopRequireDefault","require","_base","_theme","_accordion","_alert","_avatar","_badge","_breadcrumb","_button","_buttonGroup","_card","_checkbox","_chip","_combobox","_cookieConsent","_dialog","_divider","_dot","_filter","_footer","_forms","_header","_icon","_input","_label","_link","_list","_logo","_menuVertical","_menubar","_modal","_pagination","_popupMenu","_progressBar","_progressStepper","_radio","_searchField","_select","_snackbar","_spinner","_switch","_table","_tabs","_tooltip","_userMenu","_zebratable","obj","__esModule","components","Alert","Badge","Breadcrumb","ButtonGroup","Button","Checkbox","Chip","Dialog","Dot","Forms","Filter","Icon","Input","Label","Link","List","Logo","MenuBar","MenuVertical","Select","Snackbar","Spinner","Radio","Switch","Table","Tabs","ZebraTable","CookieConsent","Modal","Accordion","Avatar","Card","Divider","Tooltip","UserMenu","SearchField","Pagination","PopupMenu","Footer","Header","ProgressStepper","ProgressBar","ComboBox","defaultColors","plugin","TailwindPlugin","withOptions","options","colors","cssBase","_ref","addComponents","addBase","theme","optionColors","concat","base","map","component","_default","exports"],"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\nimport { base } from './base';\r\nimport { theme } from './theme';\r\n\r\n// components\r\nimport { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\nimport { Accordion } from './components/accordion';\r\nimport { Alert } from './components/alert';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { MenuBar } from './components/menubar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\nimport { ZebraTable } from './components/zebratable';\r\n\r\nconst components: ((colors: string[], theme: PluginAPI['theme']) => CSSRuleObject)[] = [\r\n Alert,\r\n Badge,\r\n Breadcrumb,\r\n ButtonGroup,\r\n Button,\r\n Checkbox,\r\n Chip,\r\n Dialog,\r\n Dot,\r\n Forms,\r\n Filter,\r\n Icon,\r\n Input,\r\n Label,\r\n Link,\r\n List,\r\n Logo,\r\n MenuBar,\r\n MenuVertical,\r\n Select,\r\n Snackbar,\r\n Spinner,\r\n Radio,\r\n Switch,\r\n Table,\r\n Tabs,\r\n ZebraTable,\r\n CookieConsent,\r\n Modal,\r\n Accordion,\r\n Avatar,\r\n Card,\r\n Divider,\r\n Tooltip,\r\n UserMenu,\r\n SearchField,\r\n Pagination,\r\n PopupMenu,\r\n Footer,\r\n Header,\r\n ProgressStepper,\r\n ProgressBar,\r\n ComboBox,\r\n];\r\n\r\ninterface PluginOptions {\r\n colors: string[];\r\n cssBase: boolean;\r\n}\r\n\r\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\r\n\r\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\r\n function (options = { colors: [], cssBase: true }) {\r\n return function ({ addComponents, addBase, theme }: PluginAPI) {\r\n const optionColors = [...defaultColors, ...(options.colors || [])];\r\n\r\n if (options.cssBase) {\r\n addBase(base);\r\n }\r\n\r\n addComponents(components.map((component) => component(optionColors, theme)));\r\n };\r\n },\r\n function () {\r\n return {\r\n theme: theme,\r\n };\r\n }\r\n);\r\n\r\nexport default plugin;\r\n"],"mappings":"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"}
1
+ {"version":3,"file":"plugin.js","names":["_plugin","_interopRequireDefault","require","_base","_theme","_accordion","_alert","_avatar","_badge","_breadcrumb","_button","_buttonGroup","_card","_checkbox","_chip","_combobox","_cookieConsent","_dialog","_divider","_dot","_filter","_footer","_forms","_header","_icon","_input","_label","_link","_list","_logo","_menuVertical","_menubar","_modal","_pagination","_popupMenu","_progressBar","_progressStepper","_radio","_searchField","_select","_snackbar","_spinner","_switch","_table","_tableAutotable","_tabs","_tooltip","_userMenu","obj","__esModule","components","Alert","Badge","Breadcrumb","ButtonGroup","Button","Checkbox","Chip","Dialog","Dot","Forms","Filter","Icon","Input","Label","Link","List","Logo","MenuBar","MenuVertical","Select","Snackbar","Spinner","Radio","Switch","Table","TableAutoTable","Tabs","CookieConsent","Modal","Accordion","Avatar","Card","Divider","Tooltip","UserMenu","SearchField","Pagination","PopupMenu","Footer","Header","ProgressStepper","ProgressBar","ComboBox","defaultColors","plugin","TailwindPlugin","withOptions","options","colors","cssBase","_ref","addComponents","addBase","theme","optionColors","concat","base","map","component","_default","exports"],"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\nimport { base } from './base';\r\nimport { theme } from './theme';\r\n\r\n// components\r\nimport { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\nimport { Accordion } from './components/accordion';\r\nimport { Alert } from './components/alert';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { MenuBar } from './components/menubar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { TableAutoTable } from './components/table-autotable';\r\nimport { Tabs } from './components/tabs';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n\r\nconst components: ((colors: string[], theme: PluginAPI['theme']) => CSSRuleObject)[] = [\r\n Alert,\r\n Badge,\r\n Breadcrumb,\r\n ButtonGroup,\r\n Button,\r\n Checkbox,\r\n Chip,\r\n Dialog,\r\n Dot,\r\n Forms,\r\n Filter,\r\n Icon,\r\n Input,\r\n Label,\r\n Link,\r\n List,\r\n Logo,\r\n MenuBar,\r\n MenuVertical,\r\n Select,\r\n Snackbar,\r\n Spinner,\r\n Radio,\r\n Switch,\r\n Table,\r\n TableAutoTable,\r\n Tabs,\r\n CookieConsent,\r\n Modal,\r\n Accordion,\r\n Avatar,\r\n Card,\r\n Divider,\r\n Tooltip,\r\n UserMenu,\r\n SearchField,\r\n Pagination,\r\n PopupMenu,\r\n Footer,\r\n Header,\r\n ProgressStepper,\r\n ProgressBar,\r\n ComboBox,\r\n];\r\n\r\ninterface PluginOptions {\r\n colors: string[];\r\n cssBase: boolean;\r\n}\r\n\r\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\r\n\r\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\r\n function (options = { colors: [], cssBase: true }) {\r\n return function ({ addComponents, addBase, theme }: PluginAPI) {\r\n const optionColors = [...defaultColors, ...(options.colors || [])];\r\n\r\n if (options.cssBase) {\r\n addBase(base);\r\n }\r\n\r\n addComponents(components.map((component) => component(optionColors, theme)));\r\n };\r\n },\r\n function () {\r\n return {\r\n theme: theme,\r\n };\r\n }\r\n);\r\n\r\nexport default plugin;\r\n"],"mappings":"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"}
@@ -3,12 +3,14 @@
3
3
  exports.__esModule = true;
4
4
  exports["default"] = void 0;
5
5
  var _forms = _interopRequireDefault(require("@tailwindcss/forms"));
6
+ var _containerQueries = _interopRequireDefault(require("@tailwindcss/container-queries"));
6
7
  var _plugin = _interopRequireDefault(require("./plugin"));
7
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
8
9
  var preset = function preset(options) {
9
10
  if (options === void 0) {
10
11
  options = {
11
12
  tailwindForms: true,
13
+ tailwindContainers: true,
12
14
  plugin: {
13
15
  colors: [],
14
16
  cssBase: true
@@ -16,7 +18,7 @@ var preset = function preset(options) {
16
18
  };
17
19
  }
18
20
  return {
19
- plugins: [].concat(options.tailwindForms ? [(0, _forms["default"])()] : [], [(0, _plugin["default"])(options.plugin)])
21
+ plugins: [].concat(options.tailwindForms ? [(0, _forms["default"])()] : [], options.tailwindContainers ? [_containerQueries["default"]] : [], [(0, _plugin["default"])(options.plugin)])
20
22
  };
21
23
  };
22
24
  var _default = exports["default"] = preset;
@@ -1 +1 @@
1
- {"version":3,"file":"preset.js","names":["_forms","_interopRequireDefault","require","_plugin","obj","__esModule","preset","options","tailwindForms","plugin","colors","cssBase","plugins","concat","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA8B,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAE9B,IAAME,MAAM,GAAG,SAATA,MAAMA,CAAaC,OAAO,EAAmE;EAAA,IAA1EA,OAAO;IAAPA,OAAO,GAAG;MAAEC,aAAa,EAAE,IAAI;MAAEC,MAAM,EAAE;QAAEC,MAAM,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAK;IAAE,CAAC;EAAA;EAC/F,OAAO;IACLC,OAAO,KAAAC,MAAA,CAAON,OAAO,CAACC,aAAa,GAAG,CAAC,IAAAA,iBAAa,EAAC,CAAC,CAAC,GAAG,EAAE,GAAG,IAAAC,kBAAM,EAACF,OAAO,CAACE,MAAM,CAAC;EACvF,CAAC;AACH,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,cACaT,MAAM"}
1
+ {"version":3,"file":"preset.js","names":["_forms","_interopRequireDefault","require","_containerQueries","_plugin","obj","__esModule","preset","options","tailwindForms","tailwindContainers","plugin","colors","cssBase","plugins","concat","tailwindContainerQueries","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA8B,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAE9B,IAAME,MAAM,GAAG,SAATA,MAAMA,CACVC,OAAO,EACP;EAAA,IADAA,OAAO;IAAPA,OAAO,GAAG;MAAEC,aAAa,EAAE,IAAI;MAAEC,kBAAkB,EAAE,IAAI;MAAEC,MAAM,EAAE;QAAEC,MAAM,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAK;IAAE,CAAC;EAAA;EAElG,OAAO;IACLC,OAAO,KAAAC,MAAA,CACDP,OAAO,CAACC,aAAa,GAAG,CAAC,IAAAA,iBAAa,EAAC,CAAC,CAAC,GAAG,EAAE,EAC9CD,OAAO,CAACE,kBAAkB,GAAG,CAACM,4BAAwB,CAAC,GAAG,EAAE,GAChE,IAAAL,kBAAM,EAACH,OAAO,CAACG,MAAM,CAAC;EAE1B,CAAC;AACH,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,cACaX,MAAM"}