@sk-web-gui/core 3.4.3 → 3.6.0

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

@@ -0,0 +1,121 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+export var AIServiceModule = colors => ({
+  '.sk-ai-service-module': {
+    '@apply flex gap-0': {},
+    '@apply rounded-groups': {},
+    '@apply bg-background-content': {},
+    '@apply shadow-100': {},
+    '&[data-inverted="true"]': {
+      '@apply text-inverted-dark-primary': {},
+      '@apply bg-inverted-background-content': {}
+    },
+    '&-row': _extends({
+      '@apply flex flex-col': {},
+      '@apply grow shrink': {},
+      '@apply p-16 md:p-32': {},
+      '@apply bg-transparent': {},
+      '@apply first:rounded-l-groups': {},
+      '@apply last:rounded-r-groups': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply bg-" + color + "-surface-primary"]: {},
+        '@apply text-light-primary': {},
+        '&[data-inverted="true"]': {
+          ["@apply bg-inverted-" + color + "-surface-primary"]: {},
+          '@apply text-inverted-light-primary': {}
+        }
+      }
+    }), {})),
+    '&-content': {
+      '@apply flex flex-col gap-6 md:gap-24': {},
+      '@apply p-4 md:p-8': {},
+      '@apply w-full': {}
+    },
+    '&-header, &-header > *': {
+      '@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {}
+    },
+    '&-form': {
+      '@apply w-full': {},
+      '@apply flex flex-col': {},
+      '@apply gap-8': {},
+      '@apply relative': {},
+      '&-control': {
+        '@apply w-full': {}
+      },
+      '&-label': {
+        '@apply text-label-large': {}
+      },
+      '&-error': {
+        '@apply text-small': {}
+      },
+      '&-input': {
+        '@apply w-full': {},
+        '&-group': {
+          '@apply w-full': {},
+          '.sk-form-input-addin-right': {
+            '@apply pr-8': {}
+          }
+        },
+        '&-wrapper': {
+          '@apply relative': {},
+          '@apply w-full h-48': {}
+        }
+      },
+      '&-readmore': {
+        '@apply text-small': {},
+        '@apply text-light-secondary': {},
+        '&[data-inverted="true"]': {
+          '@apply text-inverted-light-secondary': {}
+        }
+      }
+    },
+    '&-assistant': {
+      '&-expanded': {
+        '@apply h-[35em] max-h-[35em]': {},
+        '@apply rounded-button': {},
+        '@apply overflow-hidden': {},
+        '@apply flex flex-col gap-0': {},
+        '@apply shadow-200': {},
+        '@apply bg-background-content': {},
+        '@apply absolute top-0 left-0 right-0': {},
+        '&-feed': {
+          '@apply shrink grow': {},
+          '@apply pl-16 pt-16 pr-48 pb-24': {},
+          '@apply max-h-full overflow-y-auto': {},
+          '@apply text-dark-primary': {},
+          'sk-ai-markdown': {
+            '@apply text-dark-secondary': {}
+          }
+        },
+        '&[data-inverted="true"]': {
+          '@apply bg-inverted-background-content': {},
+          '.sk-ai-service-module-feed': {
+            '@apply text-inverted-dark-primary': {},
+            'sk-ai-markdown': {
+              '@apply text-inverted-dark-secondary': {}
+            }
+          }
+        },
+        '&-close-button': {
+          '@apply absolute right-12 top-12': {}
+        }
+      }
+    },
+    '&-questions': {
+      '@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {},
+      '@apply flex flex-col gap-12': {},
+      '@apply pb-8': {},
+      '@apply text-dark-primary': {},
+      '&-title, &-title > *': {
+        '@apply text-label-large': {}
+      },
+      '&-list': {
+        '@apply flex flex-col gap-8': {}
+      },
+      '&[data-inverted="true"]': {
+        '@apply text-inverted-dark-primary': {}
+      }
+    }
+  }
+});
+//# sourceMappingURL=ai-service-module.js.map

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

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

package/dist/esm/components/ai/bubble.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 export var Bubble = colors => ({
   '.sk-ai-bubble': _extends({
     '@apply inline-flex text-left items-center justify-start': {},

package/dist/esm/components/ai/input-section.js

@@ -1,7 +1,7 @@
 export var InputSection = () => ({
   '.sk-ai-inputsection': {
     '@apply w-full': {},
-    '&-input': {
+    '&-input, &-group': {
       '@apply w-full': {}
     },
     '&-wrapper': {
@@ -11,6 +11,11 @@ export var InputSection = () => ({
       '&[data-shadow="true"]': {
         '@apply shadow-100': {}
       }
+    },
+    '&-group': {
+      '.sk-form-input-addin-right': {
+        '@apply pr-4': {}
+      }
     }
   }
 });

package/dist/esm/components/ai/input-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-section.js","names":["InputSection"],"sources":["../../../../src/components/ai/input-section.ts"],"sourcesContent":["export const InputSection = () => ({\r\n  '.sk-ai-inputsection': {\r\n    '@apply w-full': {},\r\n    '&-input': {\r\n      '@apply w-full': {},\r\n    },\r\n    '&-wrapper': {\r\n      '@apply bg-background-content': {},\r\n      '@apply flex items-center justify-center w-full': {},\r\n      '@apply px-16 py-12 gap-12': {},\r\n      '&[data-shadow=\"true\"]': {\r\n        '@apply shadow-100': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,YAAY,GAAGA,CAAA,MAAO;EACjC,qBAAqB,EAAE;IACrB,eAAe,EAAE,CAAC,CAAC;IACnB,SAAS,EAAE;MACT,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,WAAW,EAAE;MACX,8BAA8B,EAAE,CAAC,CAAC;MAClC,gDAAgD,EAAE,CAAC,CAAC;MACpD,2BAA2B,EAAE,CAAC,CAAC;MAC/B,uBAAuB,EAAE;QACvB,mBAAmB,EAAE,CAAC;MACxB;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"input-section.js","names":["InputSection"],"sources":["../../../../src/components/ai/input-section.ts"],"sourcesContent":["export const InputSection = () => ({\r\n  '.sk-ai-inputsection': {\r\n    '@apply w-full': {},\r\n    '&-input, &-group': {\r\n      '@apply w-full': {},\r\n    },\r\n    '&-wrapper': {\r\n      '@apply bg-background-content': {},\r\n      '@apply flex items-center justify-center w-full': {},\r\n      '@apply px-16 py-12 gap-12': {},\r\n      '&[data-shadow=\"true\"]': {\r\n        '@apply shadow-100': {},\r\n      },\r\n    },\r\n    '&-group': {\r\n      '.sk-form-input-addin-right': {\r\n        '@apply pr-4': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,YAAY,GAAGA,CAAA,MAAO;EACjC,qBAAqB,EAAE;IACrB,eAAe,EAAE,CAAC,CAAC;IACnB,kBAAkB,EAAE;MAClB,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,WAAW,EAAE;MACX,8BAA8B,EAAE,CAAC,CAAC;MAClC,gDAAgD,EAAE,CAAC,CAAC;MACpD,2BAA2B,EAAE,CAAC,CAAC;MAC/B,uBAAuB,EAAE;QACvB,mBAAmB,EAAE,CAAC;MACxB;IACF,CAAC;IACD,SAAS,EAAE;MACT,4BAA4B,EAAE;QAC5B,aAAa,EAAE,CAAC;MAClB;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/ai/new-session-button.js

@@ -0,0 +1,17 @@
+export var NewSessionButton = () => ({
+  '.sk-ai-newsession': {
+    '@apply text-base max-w-[15.25em]': {},
+    '@apply flex flex-col': {},
+    '@apply py-16 gap-8': {},
+    '@apply items-center': {},
+    '&-button': {
+      '@apply grow-0': {}
+    },
+    '&-helpertext': {
+      '@apply text-dark-secondary': {},
+      '@apply text-small': {},
+      '@apply text-center': {}
+    }
+  }
+});
+//# sourceMappingURL=new-session-button.js.map

package/dist/esm/components/ai/new-session-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-session-button.js","names":["NewSessionButton"],"sources":["../../../../src/components/ai/new-session-button.ts"],"sourcesContent":["export const NewSessionButton = () => ({\r\n  '.sk-ai-newsession': {\r\n    '@apply text-base max-w-[15.25em]': {},\r\n    '@apply flex flex-col': {},\r\n    '@apply py-16 gap-8': {},\r\n    '@apply items-center': {},\r\n    '&-button': {\r\n      '@apply grow-0': {},\r\n    },\r\n    '&-helpertext': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply text-small': {},\r\n      '@apply text-center': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,gBAAgB,GAAGA,CAAA,MAAO;EACrC,mBAAmB,EAAE;IACnB,kCAAkC,EAAE,CAAC,CAAC;IACtC,sBAAsB,EAAE,CAAC,CAAC;IAC1B,oBAAoB,EAAE,CAAC,CAAC;IACxB,qBAAqB,EAAE,CAAC,CAAC;IACzB,UAAU,EAAE;MACV,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,cAAc,EAAE;MACd,4BAA4B,EAAE,CAAC,CAAC;MAChC,mBAAmB,EAAE,CAAC,CAAC;MACvB,oBAAoB,EAAE,CAAC;IACzB;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/ai/typing-sequence.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 export var TypingSequence = colors => ({
   '.sk-ai-typing-sequence': {
     '@apply bg-transparent': {},

package/dist/esm/components/alert.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function alertSubtle(colors) {
   return {
     '.alert-subtle': _extends({

package/dist/esm/components/avatar.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 export var Avatar = colors => ({
   '.sk-avatar': _extends({
     '@apply inline-flex': {},
@@ -28,6 +28,12 @@ export var Avatar = colors => ({
       }
     }
   }), {}), {
+    '&[data-color="primary"]': {
+      '@apply bg-primary-surface  text-light-primary': {},
+      '&[data-accent="true"]': {
+        '@apply bg-inverted-primary-surface  text-inverted-light-primary': {}
+      }
+    },
     '&-img': {
       '@apply min-w-full min-h-full object-cover': {}
     },

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":["Avatar","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/avatar.ts"],"sourcesContent":["export const Avatar = (colors: string[]) => ({\r\n  '.sk-avatar': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n    '@apply overflow-hidden': {},\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    '&&-sm': {\r\n      '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\r\n      '@apply text-label-small': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\r\n      '@apply text-label-medium': {},\r\n    },\r\n    '&&-lg': {\r\n      '@apply h-64 w-64 min-h-40 max-h-64 min-w-40 max-w-64': {},\r\n      '@apply text-label-large': {},\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\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-${color}-surface-accent  text-${color}-text-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&-img': {\r\n      '@apply min-w-full min-h-full object-cover': {},\r\n    },\r\n    '&[data-hasimage=\"true\"]': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,MAAM,GAAIC,MAAgB,KAAM;EAC3C,YAAY,EAAAC,QAAA;IACV,oBAAoB,EAAE,CAAC,CAAC;IACxB,oCAAoC,EAAE,CAAC,CAAC;IACxC,oEAAoE,EAAE,CAAC,CAAC;IACxE,wBAAwB,EAAE,CAAC,CAAC;IAC5B,wBAAwB,EAAE;MACxB,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IAED,OAAO,EAAE;MACP,sDAAsD,EAAE,CAAC,CAAC;MAC1D,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IACD,OAAO,EAAE;MACP,sDAAsD,EAAE,CAAC,CAAC;MAC1D,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IACD,OAAO,EAAE;MACP,sDAAsD,EAAE,CAAC,CAAC;MAC1D,yBAAyB,EAAE,CAAC;IAC9B;EAAC,GACED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,+BAA0BA,KAAK,uBAAoB,CAAC,CAAC;MAExE,uBAAuB,EAAE;QACvB,gBAAcA,KAAK,8BAAyBA,KAAK,qBAAkB,CAAC;MACtE;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IACD,OAAO,EAAE;MACP,2CAA2C,EAAE,CAAC;IAChD,CAAC;IACD,yBAAyB,EAAE;MACzB,uBAAuB,EAAE,CAAC;IAC5B;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"avatar.js","names":["Avatar","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/avatar.ts"],"sourcesContent":["export const Avatar = (colors: string[]) => ({\r\n  '.sk-avatar': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n    '@apply overflow-hidden': {},\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    '&&-sm': {\r\n      '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\r\n      '@apply text-label-small': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\r\n      '@apply text-label-medium': {},\r\n    },\r\n    '&&-lg': {\r\n      '@apply h-64 w-64 min-h-40 max-h-64 min-w-40 max-w-64': {},\r\n      '@apply text-label-large': {},\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\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-${color}-surface-accent  text-${color}-text-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&[data-color=\"primary\"]': {\r\n      '@apply bg-primary-surface  text-light-primary': {},\r\n\r\n      '&[data-accent=\"true\"]': {\r\n        '@apply bg-inverted-primary-surface  text-inverted-light-primary': {},\r\n      },\r\n    },\r\n    '&-img': {\r\n      '@apply min-w-full min-h-full object-cover': {},\r\n    },\r\n    '&[data-hasimage=\"true\"]': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,MAAM,GAAIC,MAAgB,KAAM;EAC3C,YAAY,EAAAC,QAAA;IACV,oBAAoB,EAAE,CAAC,CAAC;IACxB,oCAAoC,EAAE,CAAC,CAAC;IACxC,oEAAoE,EAAE,CAAC,CAAC;IACxE,wBAAwB,EAAE,CAAC,CAAC;IAC5B,wBAAwB,EAAE;MACxB,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IAED,OAAO,EAAE;MACP,sDAAsD,EAAE,CAAC,CAAC;MAC1D,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IACD,OAAO,EAAE;MACP,sDAAsD,EAAE,CAAC,CAAC;MAC1D,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IACD,OAAO,EAAE;MACP,sDAAsD,EAAE,CAAC,CAAC;MAC1D,yBAAyB,EAAE,CAAC;IAC9B;EAAC,GACED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,+BAA0BA,KAAK,uBAAoB,CAAC,CAAC;MAExE,uBAAuB,EAAE;QACvB,gBAAcA,KAAK,8BAAyBA,KAAK,qBAAkB,CAAC;MACtE;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IACD,yBAAyB,EAAE;MACzB,+CAA+C,EAAE,CAAC,CAAC;MAEnD,uBAAuB,EAAE;QACvB,iEAAiE,EAAE,CAAC;MACtE;IACF,CAAC;IACD,OAAO,EAAE;MACP,2CAA2C,EAAE,CAAC;IAChD,CAAC;IACD,yBAAyB,EAAE;MACzB,uBAAuB,EAAE,CAAC;IAC5B;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/badge.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 export var Badge = colors => ({
   '.sk-badge': _extends({
     '@apply inline-flex': {},

package/dist/esm/components/button.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function buttonPrimary(colors) {
   return {
     '&-primary': _extends({

package/dist/esm/components/card.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 export var Card = colors => ({
   '.sk-card': _extends({
     '@apply text-base': {},
@@ -42,7 +42,7 @@ export var Card = colors => ({
       '&-content': {
         '@apply w-full': {},
         'p, a': {
-          '@apply line-clamp-3 m-0 pt-8 text-base': {}
+          '@apply line-clamp-3 m-0 pt-8 text-base text-body': {}
         }
       },
       '&-icon': {

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

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":["Card","colors","_extends","span","time","reduce","styles","color","content","position","left","top","right","bottom","svg","height","width"],"sources":["../../../src/components/card.ts"],"sourcesContent":["export const Card = (colors: string[]) => ({\r\n  '.sk-card': {\r\n    '@apply text-base': {},\r\n    '@apply bg-white relative rounded-b-cards rounded-cards': {},\r\n    '@apply flex flex-col': {},\r\n    '@apply no-underline hover:no-underline': {},\r\n    '@apply h-full': {},\r\n\r\n    '&-wrapper': {\r\n      '@apply grid': {},\r\n    },\r\n\r\n    '&-image': {\r\n      '@apply object-cover grow': {},\r\n      '@apply rounded-t-cards': {},\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply px-24 pb-24 pt-16 rounded-b-cards': {},\r\n      '@apply shrink': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex': {},\r\n      },\r\n\r\n      '&-meta': {\r\n        '@apply flex space-x-12 mt-16 text-base': {},\r\n        span: {\r\n          '@apply flex space-x-4 items-center': {},\r\n          time: {\r\n            '@apply h-24': {},\r\n          },\r\n        },\r\n\r\n        '&.sk-card-image': {\r\n          '@apply min-h-[12.5em] max-h-[20em]': {},\r\n        },\r\n      },\r\n\r\n      '&-header': {\r\n        'h1, h2, h3, h4, h5, h6, h7, a': {\r\n          '@apply line-clamp-1 text-h3-md text-dark-primary mt-16': {},\r\n        },\r\n        span: {\r\n          '@apply pl-12': {},\r\n        },\r\n      },\r\n\r\n      '&-content': {\r\n        '@apply w-full': {},\r\n        'p, a': {\r\n          '@apply line-clamp-3 m-0 pt-8 text-base': {},\r\n        },\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n\r\n        '&[data-color=\"mono\"], &[data-color=\"tertiary\"]': {\r\n          '@apply border-solid border-1': {},\r\n          '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},\r\n          '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},\r\n\r\n          '.sk-card-body-meta': {\r\n            '@apply text-dark-secondary': {},\r\n          },\r\n\r\n          '.sk-card-body-icon': {\r\n            '@apply bg-primitives-overlay-darken-9 dark:bg-primitives-overlay-lighten-10': {},\r\n            '@apply text-primitives-gray-lightest dark:text-primitives-overlay-darken-9': {},\r\n            '@apply hover:bg-primitives-overlay-darken-10 dark:hover:bg-primitives-gray-lightest': {},\r\n          },\r\n\r\n          // inverted.\r\n          [`&[data-inverted=\"true\"]`]: {\r\n            '@apply bg-primitives-gray-800': {},\r\n\r\n            '.sk-card-body': {\r\n              // Meta\r\n              '&-meta': {\r\n                span: {\r\n                  '@apply text-light-secondary': {},\r\n                },\r\n              },\r\n\r\n              // header\r\n              '&-header': {\r\n                'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                  [`@apply text-light-primary`]: {},\r\n                },\r\n              },\r\n\r\n              // Content\r\n              '&-content': {\r\n                'p, a': {\r\n                  [`@apply text-light-secondary`]: {},\r\n                },\r\n              },\r\n\r\n              '.sk-card-body-icon': {\r\n                '@apply bg-primitives-overlay-lighten-10 text-primitives-gray-900': {},\r\n                '@apply hover:bg-primitives-gray-lightest': {},\r\n              },\r\n            },\r\n          },\r\n        },\r\n\r\n        '&[data-color=\"tertiary\"]': {\r\n          '@apply border-solid border-1': {},\r\n          '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},\r\n          '@apply bg-primitives-gray-50 dark:bg-primitives-gray-700': {},\r\n        },\r\n\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          // card\r\n          [`@apply bg-${color}-surface-primary-hover`]: {},\r\n\r\n          // clickable\r\n          '&.sk-card-use-hover-effect': {\r\n            // hover\r\n            [`@apply hover:cursor-pointer hover:bg-${color}-surface-primary`]: {},\r\n          },\r\n\r\n          // Meta\r\n          '.sk-card-body': {\r\n            '&-meta': {\r\n              span: {\r\n                '@apply text-light-secondary': {},\r\n              },\r\n            },\r\n\r\n            // header\r\n            '&-header': {\r\n              'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                [`@apply text-light-primary`]: {},\r\n              },\r\n            },\r\n\r\n            // Content\r\n            '&-content': {\r\n              'p, a': {\r\n                [`@apply text-light-secondary`]: {},\r\n              },\r\n            },\r\n          },\r\n\r\n          // inverted.\r\n          [`&[data-inverted=\"true\"]`]: {\r\n            // card\r\n            [`@apply bg-${color}-surface-accent-hover`]: {},\r\n\r\n            // clickable\r\n            '&.sk-card-use-hover-effect': {\r\n              // hover\r\n              [`@apply hover:cursor-pointer hover:bg-${color}-surface-accent`]: {},\r\n            },\r\n\r\n            '.sk-card-body': {\r\n              // Meta\r\n              '&-meta': {\r\n                span: {\r\n                  '@apply text-dark-secondary': {},\r\n                },\r\n              },\r\n\r\n              // header\r\n              '&-header': {\r\n                'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                  [`@apply text-dark-primary`]: {},\r\n                },\r\n              },\r\n\r\n              // Content\r\n              '&-content': {\r\n                'p, a': {\r\n                  [`@apply text-dark-secondary`]: {},\r\n                },\r\n              },\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    // clickable\r\n    '&.sk-card-use-hover-effect': {\r\n      //Hide and show of icon\r\n      '.sk-card-body-icon': {\r\n        '@apply inline-flex': {},\r\n        '@apply mt-auto mb-auto mr-24': {},\r\n      },\r\n    },\r\n\r\n    [`&[data-layout=\"horizontal\"]`]: {\r\n      '@apply flex-row h-full': {},\r\n\r\n      '.sk-card': {\r\n        '&-image': {\r\n          '@apply h-full w-[8em]': {},\r\n          '@apply float-left': {},\r\n          '@apply rounded-none rounded-l-cards grow-0': {},\r\n        },\r\n\r\n        '&-body': {\r\n          '@apply w-full': {},\r\n          '@apply border-none': {},\r\n\r\n          '&-wrapper': {\r\n            '@apply w-full': {},\r\n          },\r\n\r\n          '&-content': {\r\n            'p, a': {\r\n              '@apply text-small': {},\r\n            },\r\n          },\r\n\r\n          '&-meta': {\r\n            '@apply hidden': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  '.sk-card-link': {\r\n    '@apply hover:cursor-pointer': {},\r\n\r\n    '&::after': {\r\n      content: \"''\",\r\n      position: 'absolute',\r\n      left: '0',\r\n      top: '0',\r\n      right: '0',\r\n      bottom: '0',\r\n    },\r\n  },\r\n\r\n  /**\r\n   * Meta card\r\n   */\r\n  '.sk-meta-card': {\r\n    '@apply no-underline hover:no-underline': {},\r\n    '@apply flex bg-vattjom-surface-accent': {},\r\n    '@apply p-14 rounded-groups': {},\r\n\r\n    '&[data-color=\"mono\"]': {\r\n      '@apply bg-primitives-overlay-darken-1 dark:bg-primitives-overlay-lighten-1': {},\r\n    },\r\n\r\n    '&[data-color=\"vattjom\"]': {\r\n      '@apply bg-vattjom-background-200': {},\r\n    },\r\n\r\n    '&-text-icon': {\r\n      '@apply mr-12 rounded-12 p-8': {},\r\n      '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},\r\n      '@apply text-dark': {},\r\n      svg: {\r\n        height: 'unset',\r\n        width: 'unset',\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '&-header': {\r\n        'h1, h2, h3, h4, h5, h6, h7, a, p': {\r\n          '@apply mt-6 text-base line-clamp-1': {},\r\n          '@apply text-dark-primary': {},\r\n        },\r\n      },\r\n\r\n      '&-content': {\r\n        'p, a': {\r\n          '@apply text-primitives-gray-700 dark:text-primitives-gray-200 text-small': {},\r\n          '@apply text-dark-secondary line-clamp-1': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-external-link-icon': {\r\n      '@apply ml-auto h-32 w-32': {},\r\n      '@apply p-6 text-dark': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,IAAI,GAAIC,MAAgB,KAAM;EACzC,UAAU,EAAAC,QAAA;IACR,kBAAkB,EAAE,CAAC,CAAC;IACtB,wDAAwD,EAAE,CAAC,CAAC;IAC5D,sBAAsB,EAAE,CAAC,CAAC;IAC1B,wCAAwC,EAAE,CAAC,CAAC;IAC5C,eAAe,EAAE,CAAC,CAAC;IAEnB,WAAW,EAAE;MACX,aAAa,EAAE,CAAC;IAClB,CAAC;IAED,SAAS,EAAE;MACT,0BAA0B,EAAE,CAAC,CAAC;MAC9B,wBAAwB,EAAE,CAAC;IAC7B,CAAC;IAED,QAAQ,EAAE;MACR,0CAA0C,EAAE,CAAC,CAAC;MAC9C,eAAe,EAAE,CAAC,CAAC;MAEnB,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,QAAQ,EAAE;QACR,wCAAwC,EAAE,CAAC,CAAC;QAC5CC,IAAI,EAAE;UACJ,oCAAoC,EAAE,CAAC,CAAC;UACxCC,IAAI,EAAE;YACJ,aAAa,EAAE,CAAC;UAClB;QACF,CAAC;QAED,iBAAiB,EAAE;UACjB,oCAAoC,EAAE,CAAC;QACzC;MACF,CAAC;MAED,UAAU,EAAE;QACV,+BAA+B,EAAE;UAC/B,wDAAwD,EAAE,CAAC;QAC7D,CAAC;QACDD,IAAI,EAAE;UACJ,cAAc,EAAE,CAAC;QACnB;MACF,CAAC;MAED,WAAW,EAAE;QACX,eAAe,EAAE,CAAC,CAAC;QACnB,MAAM,EAAE;UACN,wCAAwC,EAAE,CAAC;QAC7C;MACF,CAAC;MAED,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC;MACpB;IACF;EAAC,GAEEF,MAAM,CAACI,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAL,QAAA,KACTI,MAAM;IAET,gDAAgD,EAAE;MAChD,8BAA8B,EAAE,CAAC,CAAC;MAClC,oFAAoF,EAAE,CAAC,CAAC;MACxF,gEAAgE,EAAE,CAAC,CAAC;MAEpE,oBAAoB,EAAE;QACpB,4BAA4B,EAAE,CAAC;MACjC,CAAC;MAED,oBAAoB,EAAE;QACpB,6EAA6E,EAAE,CAAC,CAAC;QACjF,4EAA4E,EAAE,CAAC,CAAC;QAChF,qFAAqF,EAAE,CAAC;MAC1F,CAAC;MAED;MACA,+BAA6B;QAC3B,+BAA+B,EAAE,CAAC,CAAC;QAEnC,eAAe,EAAE;UACf;UACA,QAAQ,EAAE;YACRH,IAAI,EAAE;cACJ,6BAA6B,EAAE,CAAC;YAClC;UACF,CAAC;UAED;UACA,UAAU,EAAE;YACV,+BAA+B,EAAE;cAC/B,+BAA+B,CAAC;YAClC;UACF,CAAC;UAED;UACA,WAAW,EAAE;YACX,MAAM,EAAE;cACN,iCAAiC,CAAC;YACpC;UACF,CAAC;UAED,oBAAoB,EAAE;YACpB,kEAAkE,EAAE,CAAC,CAAC;YACtE,0CAA0C,EAAE,CAAC;UAC/C;QACF;MACF;IACF,CAAC;IAED,0BAA0B,EAAE;MAC1B,8BAA8B,EAAE,CAAC,CAAC;MAClC,oFAAoF,EAAE,CAAC,CAAC;MACxF,0DAA0D,EAAE,CAAC;IAC/D,CAAC;IAED,qBAAkBI,KAAK,WAAO;MAC5B;MACA,gBAAcA,KAAK,8BAA2B,CAAC,CAAC;MAEhD;MACA,4BAA4B,EAAE;QAC5B;QACA,2CAAyCA,KAAK,wBAAqB,CAAC;MACtE,CAAC;MAED;MACA,eAAe,EAAE;QACf,QAAQ,EAAE;UACRJ,IAAI,EAAE;YACJ,6BAA6B,EAAE,CAAC;UAClC;QACF,CAAC;QAED;QACA,UAAU,EAAE;UACV,+BAA+B,EAAE;YAC/B,+BAA+B,CAAC;UAClC;QACF,CAAC;QAED;QACA,WAAW,EAAE;UACX,MAAM,EAAE;YACN,iCAAiC,CAAC;UACpC;QACF;MACF,CAAC;MAED;MACA,+BAA6B;QAC3B;QACA,gBAAcI,KAAK,6BAA0B,CAAC,CAAC;QAE/C;QACA,4BAA4B,EAAE;UAC5B;UACA,2CAAyCA,KAAK,uBAAoB,CAAC;QACrE,CAAC;QAED,eAAe,EAAE;UACf;UACA,QAAQ,EAAE;YACRJ,IAAI,EAAE;cACJ,4BAA4B,EAAE,CAAC;YACjC;UACF,CAAC;UAED;UACA,UAAU,EAAE;YACV,+BAA+B,EAAE;cAC/B,8BAA8B,CAAC;YACjC;UACF,CAAC;UAED;UACA,WAAW,EAAE;YACX,MAAM,EAAE;cACN,gCAAgC,CAAC;YACnC;UACF;QACF;MACF;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IAED;IACA,4BAA4B,EAAE;MAC5B;MACA,oBAAoB,EAAE;QACpB,oBAAoB,EAAE,CAAC,CAAC;QACxB,8BAA8B,EAAE,CAAC;MACnC;IACF,CAAC;IAED,mCAAiC;MAC/B,wBAAwB,EAAE,CAAC,CAAC;MAE5B,UAAU,EAAE;QACV,SAAS,EAAE;UACT,uBAAuB,EAAE,CAAC,CAAC;UAC3B,mBAAmB,EAAE,CAAC,CAAC;UACvB,4CAA4C,EAAE,CAAC;QACjD,CAAC;QAED,QAAQ,EAAE;UACR,eAAe,EAAE,CAAC,CAAC;UACnB,oBAAoB,EAAE,CAAC,CAAC;UAExB,WAAW,EAAE;YACX,eAAe,EAAE,CAAC;UACpB,CAAC;UAED,WAAW,EAAE;YACX,MAAM,EAAE;cACN,mBAAmB,EAAE,CAAC;YACxB;UACF,CAAC;UAED,QAAQ,EAAE;YACR,eAAe,EAAE,CAAC;UACpB;QACF;MACF;IACF;EAAC,EACF;EAED,eAAe,EAAE;IACf,6BAA6B,EAAE,CAAC,CAAC;IAEjC,UAAU,EAAE;MACVK,OAAO,EAAE,IAAI;MACbC,QAAQ,EAAE,UAAU;MACpBC,IAAI,EAAE,GAAG;MACTC,GAAG,EAAE,GAAG;MACRC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE;IACV;EACF,CAAC;EAED;AACF;AACA;EACE,eAAe,EAAE;IACf,wCAAwC,EAAE,CAAC,CAAC;IAC5C,uCAAuC,EAAE,CAAC,CAAC;IAC3C,4BAA4B,EAAE,CAAC,CAAC;IAEhC,sBAAsB,EAAE;MACtB,4EAA4E,EAAE,CAAC;IACjF,CAAC;IAED,yBAAyB,EAAE;MACzB,kCAAkC,EAAE,CAAC;IACvC,CAAC;IAED,aAAa,EAAE;MACb,6BAA6B,EAAE,CAAC,CAAC;MACjC,gEAAgE,EAAE,CAAC,CAAC;MACpE,kBAAkB,EAAE,CAAC,CAAC;MACtBC,GAAG,EAAE;QACHC,MAAM,EAAE,OAAO;QACfC,KAAK,EAAE;MACT;IACF,CAAC;IAED,QAAQ,EAAE;MACR,UAAU,EAAE;QACV,kCAAkC,EAAE;UAClC,oCAAoC,EAAE,CAAC,CAAC;UACxC,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,WAAW,EAAE;QACX,MAAM,EAAE;UACN,0EAA0E,EAAE,CAAC,CAAC;UAC9E,yCAAyC,EAAE,CAAC;QAC9C;MACF;IACF,CAAC;IAED,sBAAsB,EAAE;MACtB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,sBAAsB,EAAE,CAAC;IAC3B;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"card.js","names":["Card","colors","_extends","span","time","reduce","styles","color","content","position","left","top","right","bottom","svg","height","width"],"sources":["../../../src/components/card.ts"],"sourcesContent":["export const Card = (colors: string[]) => ({\r\n  '.sk-card': {\r\n    '@apply text-base': {},\r\n    '@apply bg-white relative rounded-b-cards rounded-cards': {},\r\n    '@apply flex flex-col': {},\r\n    '@apply no-underline hover:no-underline': {},\r\n    '@apply h-full': {},\r\n\r\n    '&-wrapper': {\r\n      '@apply grid': {},\r\n    },\r\n\r\n    '&-image': {\r\n      '@apply object-cover grow': {},\r\n      '@apply rounded-t-cards': {},\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply px-24 pb-24 pt-16 rounded-b-cards': {},\r\n      '@apply shrink': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex': {},\r\n      },\r\n\r\n      '&-meta': {\r\n        '@apply flex space-x-12 mt-16 text-base': {},\r\n        span: {\r\n          '@apply flex space-x-4 items-center': {},\r\n          time: {\r\n            '@apply h-24': {},\r\n          },\r\n        },\r\n\r\n        '&.sk-card-image': {\r\n          '@apply min-h-[12.5em] max-h-[20em]': {},\r\n        },\r\n      },\r\n\r\n      '&-header': {\r\n        'h1, h2, h3, h4, h5, h6, h7, a': {\r\n          '@apply line-clamp-1 text-h3-md text-dark-primary mt-16': {},\r\n        },\r\n        span: {\r\n          '@apply pl-12': {},\r\n        },\r\n      },\r\n\r\n      '&-content': {\r\n        '@apply w-full': {},\r\n        'p, a': {\r\n          '@apply line-clamp-3 m-0 pt-8 text-base text-body': {},\r\n        },\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n\r\n        '&[data-color=\"mono\"], &[data-color=\"tertiary\"]': {\r\n          '@apply border-solid border-1': {},\r\n          '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},\r\n          '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},\r\n\r\n          '.sk-card-body-meta': {\r\n            '@apply text-dark-secondary': {},\r\n          },\r\n\r\n          '.sk-card-body-icon': {\r\n            '@apply bg-primitives-overlay-darken-9 dark:bg-primitives-overlay-lighten-10': {},\r\n            '@apply text-primitives-gray-lightest dark:text-primitives-overlay-darken-9': {},\r\n            '@apply hover:bg-primitives-overlay-darken-10 dark:hover:bg-primitives-gray-lightest': {},\r\n          },\r\n\r\n          // inverted.\r\n          [`&[data-inverted=\"true\"]`]: {\r\n            '@apply bg-primitives-gray-800': {},\r\n\r\n            '.sk-card-body': {\r\n              // Meta\r\n              '&-meta': {\r\n                span: {\r\n                  '@apply text-light-secondary': {},\r\n                },\r\n              },\r\n\r\n              // header\r\n              '&-header': {\r\n                'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                  [`@apply text-light-primary`]: {},\r\n                },\r\n              },\r\n\r\n              // Content\r\n              '&-content': {\r\n                'p, a': {\r\n                  [`@apply text-light-secondary`]: {},\r\n                },\r\n              },\r\n\r\n              '.sk-card-body-icon': {\r\n                '@apply bg-primitives-overlay-lighten-10 text-primitives-gray-900': {},\r\n                '@apply hover:bg-primitives-gray-lightest': {},\r\n              },\r\n            },\r\n          },\r\n        },\r\n\r\n        '&[data-color=\"tertiary\"]': {\r\n          '@apply border-solid border-1': {},\r\n          '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},\r\n          '@apply bg-primitives-gray-50 dark:bg-primitives-gray-700': {},\r\n        },\r\n\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          // card\r\n          [`@apply bg-${color}-surface-primary-hover`]: {},\r\n\r\n          // clickable\r\n          '&.sk-card-use-hover-effect': {\r\n            // hover\r\n            [`@apply hover:cursor-pointer hover:bg-${color}-surface-primary`]: {},\r\n          },\r\n\r\n          // Meta\r\n          '.sk-card-body': {\r\n            '&-meta': {\r\n              span: {\r\n                '@apply text-light-secondary': {},\r\n              },\r\n            },\r\n\r\n            // header\r\n            '&-header': {\r\n              'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                [`@apply text-light-primary`]: {},\r\n              },\r\n            },\r\n\r\n            // Content\r\n            '&-content': {\r\n              'p, a': {\r\n                [`@apply text-light-secondary`]: {},\r\n              },\r\n            },\r\n          },\r\n\r\n          // inverted.\r\n          [`&[data-inverted=\"true\"]`]: {\r\n            // card\r\n            [`@apply bg-${color}-surface-accent-hover`]: {},\r\n\r\n            // clickable\r\n            '&.sk-card-use-hover-effect': {\r\n              // hover\r\n              [`@apply hover:cursor-pointer hover:bg-${color}-surface-accent`]: {},\r\n            },\r\n\r\n            '.sk-card-body': {\r\n              // Meta\r\n              '&-meta': {\r\n                span: {\r\n                  '@apply text-dark-secondary': {},\r\n                },\r\n              },\r\n\r\n              // header\r\n              '&-header': {\r\n                'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                  [`@apply text-dark-primary`]: {},\r\n                },\r\n              },\r\n\r\n              // Content\r\n              '&-content': {\r\n                'p, a': {\r\n                  [`@apply text-dark-secondary`]: {},\r\n                },\r\n              },\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    // clickable\r\n    '&.sk-card-use-hover-effect': {\r\n      //Hide and show of icon\r\n      '.sk-card-body-icon': {\r\n        '@apply inline-flex': {},\r\n        '@apply mt-auto mb-auto mr-24': {},\r\n      },\r\n    },\r\n\r\n    [`&[data-layout=\"horizontal\"]`]: {\r\n      '@apply flex-row h-full': {},\r\n\r\n      '.sk-card': {\r\n        '&-image': {\r\n          '@apply h-full w-[8em]': {},\r\n          '@apply float-left': {},\r\n          '@apply rounded-none rounded-l-cards grow-0': {},\r\n        },\r\n\r\n        '&-body': {\r\n          '@apply w-full': {},\r\n          '@apply border-none': {},\r\n\r\n          '&-wrapper': {\r\n            '@apply w-full': {},\r\n          },\r\n\r\n          '&-content': {\r\n            'p, a': {\r\n              '@apply text-small': {},\r\n            },\r\n          },\r\n\r\n          '&-meta': {\r\n            '@apply hidden': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  '.sk-card-link': {\r\n    '@apply hover:cursor-pointer': {},\r\n\r\n    '&::after': {\r\n      content: \"''\",\r\n      position: 'absolute',\r\n      left: '0',\r\n      top: '0',\r\n      right: '0',\r\n      bottom: '0',\r\n    },\r\n  },\r\n\r\n  /**\r\n   * Meta card\r\n   */\r\n  '.sk-meta-card': {\r\n    '@apply no-underline hover:no-underline': {},\r\n    '@apply flex bg-vattjom-surface-accent': {},\r\n    '@apply p-14 rounded-groups': {},\r\n\r\n    '&[data-color=\"mono\"]': {\r\n      '@apply bg-primitives-overlay-darken-1 dark:bg-primitives-overlay-lighten-1': {},\r\n    },\r\n\r\n    '&[data-color=\"vattjom\"]': {\r\n      '@apply bg-vattjom-background-200': {},\r\n    },\r\n\r\n    '&-text-icon': {\r\n      '@apply mr-12 rounded-12 p-8': {},\r\n      '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},\r\n      '@apply text-dark': {},\r\n      svg: {\r\n        height: 'unset',\r\n        width: 'unset',\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '&-header': {\r\n        'h1, h2, h3, h4, h5, h6, h7, a, p': {\r\n          '@apply mt-6 text-base line-clamp-1': {},\r\n          '@apply text-dark-primary': {},\r\n        },\r\n      },\r\n\r\n      '&-content': {\r\n        'p, a': {\r\n          '@apply text-primitives-gray-700 dark:text-primitives-gray-200 text-small': {},\r\n          '@apply text-dark-secondary line-clamp-1': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-external-link-icon': {\r\n      '@apply ml-auto h-32 w-32': {},\r\n      '@apply p-6 text-dark': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/dot.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 export var Dot = colors => ({
   '.dot': {
     '@apply relative inline-flex rounded-full': {},

package/dist/esm/components/icon.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 export var Icon = colors => ({
   '.sk-icon': _extends({
     '@apply inline-flex items-center justify-center': {},

package/dist/esm/components/input.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function calendar() {
   return "<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>";
 }

package/dist/esm/components/label.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 export var Label = colors => ({
   '.sk-label': _extends({
     '@apply inline-flex flex-row': {},

package/dist/esm/components/menu-vertical.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 var svgToDataUri = require('mini-svg-data-uri');
 var MenuVerticalNav = () => ({
   '.sk-menu-vertical-nav': {

package/dist/esm/components/menubar.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 export var MenuBar = colors => ({
   '.sk-menubar': {
     '@apply flex flex-row': {},

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

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 export var ProgressBar = colors => ({
   '.sk-progress-bar': _extends({
     '@apply flex h-4 rounded-circular bg-background-color-mixin-2': {},

package/dist/esm/components/select.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function chevronDown(color) {
   //TODO: This wont work with CSS variables. The colors are set here and wont work with themes
   return "<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='" + color + "' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6' /></svg>";

package/dist/esm/components/spinner.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 export var Spinner = colors => ({
   '.sk-spinner': _extends({
     '@apply box-border': {},