@sk-web-gui/core 3.13.0 → 3.14.0

package/dist/cjs/components/callout.js

@@ -8,73 +8,24 @@ Object.defineProperty(exports, "Callout", {
         return Callout;
     }
 });
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-var Callout = function(colors) {
-    return {
-        '.sk-callout': _object_spread_props(_object_spread({
+const Callout = (colors)=>({
+        '.sk-callout': {
             '@apply inline-flex': {},
-            '@apply p-4': {}
-        }, colors.reduce(function(styles, color) {
-            return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), {
-                '.sk-callout-content': _define_property({}, "@apply bg-".concat(color, "-surface-primary  text-").concat(color, "-text-secondary"), {}),
-                '&[data-inverted="true"]': {
-                    '.sk-callout-content': _define_property({
-                        '@apply text-inverted-light-primary': {}
-                    }, "@apply bg-inverted-".concat(color, "-surface-primary text-inverted-").concat(color, "-text-secondary"), {})
-                }
-            }));
-        }, {})), {
+            '@apply p-4': {},
+            ...colors.reduce((styles, color)=>({
+                    ...styles,
+                    [`&[data-color="${color}"]`]: {
+                        '.sk-callout-content': {
+                            [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {}
+                        },
+                        '&[data-inverted="true"]': {
+                            '.sk-callout-content': {
+                                '@apply text-inverted-light-primary': {},
+                                [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {}
+                            }
+                        }
+                    }
+                }), {}),
             "&[data-color='tertiary']": {
                 '.sk-callout-content': {
                     '@apply bg-primary-surface': {}
@@ -90,8 +41,7 @@ var Callout = function(colors) {
                 '@apply rounded-full': {},
                 '@apply h-8 w-8': {}
             }
-        })
-    };
-};
+        }
+    });
 
 //# sourceMappingURL=callout.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/callout.ts"],"sourcesContent":["export const Callout = (colors: string[]) => ({\r\n  '.sk-callout': {\r\n    '@apply inline-flex': {},\r\n    '@apply p-4': {},\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          '.sk-callout-content': {\r\n            [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n          },\r\n\r\n          '&[data-inverted=\"true\"]': {\r\n            '.sk-callout-content': {\r\n              '@apply text-inverted-light-primary': {},\r\n              [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '.sk-callout-content': {\r\n        '@apply bg-primary-surface': {},\r\n      },\r\n      '&[data-inverted=\"true\"]': {\r\n        '.sk-callout-content': {\r\n          '@apply text-inverted-light-primary': {},\r\n          '@apply bg-tertiary-surface dark:bg-inverted-primary-surface': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply rounded-full': {},\r\n      '@apply h-8 w-8': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Callout","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,UAAU,SAACC;WAAsB;QAC5C,eAAe;YACb,sBAAsB,CAAC;YACvB,cAAc,CAAC;WAEZA,OAAOC,MAAM,CACd,SAACC,QAAQC;mBAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;gBAC5B,uBACE,qBAAC,AAAC,aAA2CA,OAA/BA,OAAM,2BAA+B,OAANA,OAAM,oBAAmB,CAAC;gBAGzE,2BAA2B;oBACzB,uBAEE;wBADA,sCAAsC,CAAC;uBACtC,AAAC,sBAA4DA,OAAvCA,OAAM,mCAAuC,OAANA,OAAM,oBAAmB,CAAC;gBAE5F;YACF;WAEF,CAAC;YAGH,4BAA4B;gBAC1B,uBAAuB;oBACrB,6BAA6B,CAAC;gBAChC;gBACA,2BAA2B;oBACzB,uBAAuB;wBACrB,sCAAsC,CAAC;wBACvC,+DAA+D,CAAC;oBAClE;gBACF;YACF;YAEA,aAAa;gBACX,uBAAuB,CAAC;gBACxB,kBAAkB,CAAC;YACrB;;IAEJ"}
+{"version":3,"sources":["../../../src/components/callout.ts"],"sourcesContent":["export const Callout = (colors: string[]) => ({\r\n  '.sk-callout': {\r\n    '@apply inline-flex': {},\r\n    '@apply p-4': {},\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          '.sk-callout-content': {\r\n            [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n          },\r\n\r\n          '&[data-inverted=\"true\"]': {\r\n            '.sk-callout-content': {\r\n              '@apply text-inverted-light-primary': {},\r\n              [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '.sk-callout-content': {\r\n        '@apply bg-primary-surface': {},\r\n      },\r\n      '&[data-inverted=\"true\"]': {\r\n        '.sk-callout-content': {\r\n          '@apply text-inverted-light-primary': {},\r\n          '@apply bg-tertiary-surface dark:bg-inverted-primary-surface': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply rounded-full': {},\r\n      '@apply h-8 w-8': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Callout","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,UAAU,CAACC,SAAsB,CAAA;QAC5C,eAAe;YACb,sBAAsB,CAAC;YACvB,cAAc,CAAC;YAEf,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5B,uBAAuB;4BACrB,CAAC,CAAC,UAAU,EAAEA,MAAM,uBAAuB,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBACzE;wBAEA,2BAA2B;4BACzB,uBAAuB;gCACrB,sCAAsC,CAAC;gCACvC,CAAC,CAAC,mBAAmB,EAAEA,MAAM,+BAA+B,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;4BAC1F;wBACF;oBACF;gBACF,CAAA,GACA,CAAC,EACF;YAED,4BAA4B;gBAC1B,uBAAuB;oBACrB,6BAA6B,CAAC;gBAChC;gBACA,2BAA2B;oBACzB,uBAAuB;wBACrB,sCAAsC,CAAC;wBACvC,+DAA+D,CAAC;oBAClE;gBACF;YACF;YAEA,aAAa;gBACX,uBAAuB,CAAC;gBACxB,kBAAkB,CAAC;YACrB;QACF;IACF,CAAA"}

package/dist/cjs/components/card.js

@@ -8,61 +8,8 @@ Object.defineProperty(exports, "Card", {
         return Card;
     }
 });
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-var Card = function(colors) {
-    return {
-        '.sk-card': _object_spread_props(_object_spread({
+const Card = (colors)=>({
+        '.sk-card': {
             '@apply text-base': {},
             '@apply bg-white relative rounded-b-cards rounded-cards': {},
             '@apply flex flex-col': {},
@@ -110,89 +57,115 @@ var Card = function(colors) {
                 '&-icon': {
                     '@apply hidden': {}
                 }
-            }
-        }, colors.reduce(function(styles, color) {
-            var _obj, _obj1;
-            return _object_spread_props(_object_spread({}, styles), _define_property({
-                '&[data-color="mono"], &[data-color="tertiary"]': // inverted.
-                _define_property({
-                    '@apply border-solid border-1': {},
-                    '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},
-                    '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},
-                    '.sk-card-body-meta': {
-                        '@apply text-dark-secondary': {}
+            },
+            ...colors.reduce((styles, color)=>({
+                    ...styles,
+                    '&[data-color="mono"], &[data-color="tertiary"]': {
+                        '@apply border-solid border-1': {},
+                        '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},
+                        '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},
+                        '.sk-card-body-meta': {
+                            '@apply text-dark-secondary': {}
+                        },
+                        '.sk-card-body-icon': {
+                            '@apply bg-primitives-overlay-darken-9 dark:bg-primitives-overlay-lighten-10': {},
+                            '@apply text-primitives-gray-lightest dark:text-primitives-overlay-darken-9': {},
+                            '@apply hover:bg-primitives-overlay-darken-10 dark:hover:bg-primitives-gray-lightest': {}
+                        },
+                        // inverted.
+                        [`&[data-inverted="true"]`]: {
+                            '@apply bg-primitives-gray-800': {},
+                            '.sk-card-body': {
+                                // Meta
+                                '&-meta': {
+                                    span: {
+                                        '@apply text-light-secondary': {}
+                                    }
+                                },
+                                // header
+                                '&-header': {
+                                    'h1, h2, h3, h4, h5, h6, h7, a': {
+                                        [`@apply text-light-primary`]: {}
+                                    }
+                                },
+                                // Content
+                                '&-content': {
+                                    'p, a': {
+                                        [`@apply text-light-secondary`]: {}
+                                    }
+                                },
+                                '.sk-card-body-icon': {
+                                    '@apply bg-primitives-overlay-lighten-10 text-primitives-gray-900': {},
+                                    '@apply hover:bg-primitives-gray-lightest': {}
+                                }
+                            }
+                        }
                     },
-                    '.sk-card-body-icon': {
-                        '@apply bg-primitives-overlay-darken-9 dark:bg-primitives-overlay-lighten-10': {},
-                        '@apply text-primitives-gray-lightest dark:text-primitives-overlay-darken-9': {},
-                        '@apply hover:bg-primitives-overlay-darken-10 dark:hover:bg-primitives-gray-lightest': {}
-                    }
-                }, '&[data-inverted="true"]', {
-                    '@apply bg-primitives-gray-800': {},
-                    '.sk-card-body': {
+                    '&[data-color="tertiary"]': {
+                        '@apply border-solid border-1': {},
+                        '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},
+                        '@apply bg-primitives-gray-50 dark:bg-primitives-gray-700': {}
+                    },
+                    [`&[data-color="${color}"]`]: {
+                        // card
+                        [`@apply bg-${color}-surface-primary-hover`]: {},
+                        // clickable
+                        '&.sk-card-use-hover-effect': {
+                            // hover
+                            [`@apply hover:cursor-pointer hover:bg-${color}-surface-primary`]: {}
+                        },
                         // Meta
-                        '&-meta': {
-                            span: {
-                                '@apply text-light-secondary': {}
+                        '.sk-card-body': {
+                            '&-meta': {
+                                span: {
+                                    '@apply text-light-secondary': {}
+                                }
+                            },
+                            // header
+                            '&-header': {
+                                'h1, h2, h3, h4, h5, h6, h7, a': {
+                                    [`@apply text-light-primary`]: {}
+                                }
+                            },
+                            // Content
+                            '&-content': {
+                                'p, a': {
+                                    [`@apply text-light-secondary`]: {}
+                                }
                             }
                         },
-                        // header
-                        '&-header': {
-                            'h1, h2, h3, h4, h5, h6, h7, a': _define_property({}, "@apply text-light-primary", {})
-                        },
-                        // Content
-                        '&-content': {
-                            'p, a': _define_property({}, "@apply text-light-secondary", {})
-                        },
-                        '.sk-card-body-icon': {
-                            '@apply bg-primitives-overlay-lighten-10 text-primitives-gray-900': {},
-                            '@apply hover:bg-primitives-gray-lightest': {}
+                        // inverted.
+                        [`&[data-inverted="true"]`]: {
+                            // card
+                            [`@apply bg-${color}-surface-accent-hover`]: {},
+                            // clickable
+                            '&.sk-card-use-hover-effect': {
+                                // hover
+                                [`@apply hover:cursor-pointer hover:bg-${color}-surface-accent`]: {}
+                            },
+                            '.sk-card-body': {
+                                // Meta
+                                '&-meta': {
+                                    span: {
+                                        '@apply text-dark-secondary': {}
+                                    }
+                                },
+                                // header
+                                '&-header': {
+                                    'h1, h2, h3, h4, h5, h6, h7, a': {
+                                        [`@apply text-dark-primary`]: {}
+                                    }
+                                },
+                                // Content
+                                '&-content': {
+                                    'p, a': {
+                                        [`@apply text-dark-secondary`]: {}
+                                    }
+                                }
+                            }
                         }
                     }
-                }),
-                '&[data-color="tertiary"]': {
-                    '@apply border-solid border-1': {},
-                    '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},
-                    '@apply bg-primitives-gray-50 dark:bg-primitives-gray-700': {}
-                }
-            }, '&[data-color="'.concat(color, '"]'), (_obj1 = {}, // card
-            _define_property(_obj1, "@apply bg-".concat(color, "-surface-primary-hover"), {}), // clickable
-            _define_property(_obj1, '&.sk-card-use-hover-effect', // hover
-            _define_property({}, "@apply hover:cursor-pointer hover:bg-".concat(color, "-surface-primary"), {})), // Meta
-            _define_property(_obj1, '.sk-card-body', {
-                '&-meta': {
-                    span: {
-                        '@apply text-light-secondary': {}
-                    }
-                },
-                // header
-                '&-header': {
-                    'h1, h2, h3, h4, h5, h6, h7, a': _define_property({}, "@apply text-light-primary", {})
-                },
-                // Content
-                '&-content': {
-                    'p, a': _define_property({}, "@apply text-light-secondary", {})
-                }
-            }), _define_property(_obj1, '&[data-inverted="true"]', (_obj = {}, // card
-            _define_property(_obj, "@apply bg-".concat(color, "-surface-accent-hover"), {}), // clickable
-            _define_property(_obj, '&.sk-card-use-hover-effect', // hover
-            _define_property({}, "@apply hover:cursor-pointer hover:bg-".concat(color, "-surface-accent"), {})), _define_property(_obj, '.sk-card-body', {
-                // Meta
-                '&-meta': {
-                    span: {
-                        '@apply text-dark-secondary': {}
-                    }
-                },
-                // header
-                '&-header': {
-                    'h1, h2, h3, h4, h5, h6, h7, a': _define_property({}, "@apply text-dark-primary", {})
-                },
-                // Content
-                '&-content': {
-                    'p, a': _define_property({}, "@apply text-dark-secondary", {})
-                }
-            }), _obj)), _obj1)));
-        }, {})), _define_property({
+                }), {}),
             // clickable
             '&.sk-card-use-hover-effect': {
                 //Hide and show of icon
@@ -200,32 +173,33 @@ var Card = function(colors) {
                     '@apply inline-flex': {},
                     '@apply mt-auto mb-auto mr-24': {}
                 }
-            }
-        }, '&[data-layout="horizontal"]', {
-            '@apply flex-row h-full': {},
-            '.sk-card': {
-                '&-image': {
-                    '@apply h-full w-[8em]': {},
-                    '@apply float-left': {},
-                    '@apply rounded-none rounded-l-cards grow-0': {}
-                },
-                '&-body': {
-                    '@apply w-full': {},
-                    '@apply border-none': {},
-                    '&-wrapper': {
-                        '@apply w-full': {}
+            },
+            [`&[data-layout="horizontal"]`]: {
+                '@apply flex-row h-full': {},
+                '.sk-card': {
+                    '&-image': {
+                        '@apply h-full w-[8em]': {},
+                        '@apply float-left': {},
+                        '@apply rounded-none rounded-l-cards grow-0': {}
                     },
-                    '&-content': {
-                        'p, a': {
-                            '@apply text-small': {}
+                    '&-body': {
+                        '@apply w-full': {},
+                        '@apply border-none': {},
+                        '&-wrapper': {
+                            '@apply w-full': {}
+                        },
+                        '&-content': {
+                            'p, a': {
+                                '@apply text-small': {}
+                            }
+                        },
+                        '&-meta': {
+                            '@apply hidden': {}
                         }
-                    },
-                    '&-meta': {
-                        '@apply hidden': {}
                     }
                 }
             }
-        })),
+        },
         '.sk-card-link': {
             '@apply hover:cursor-pointer': {},
             '&::after': {
@@ -243,6 +217,15 @@ var Card = function(colors) {
             '@apply no-underline hover:no-underline': {},
             '@apply flex bg-vattjom-surface-accent': {},
             '@apply p-14 rounded-groups': {},
+            '&.sk-meta-card-use-hover-effect:hover': {
+                '@apply cursor-pointer': {}
+            },
+            '&.sk-meta-card-use-hover-effect[data-color="vattjom"]:hover': {
+                '@apply bg-vattjom-background-300': {}
+            },
+            '&.sk-meta-card-use-hover-effect[data-color="mono"]:hover': {
+                '@apply bg-primitives-overlay-darken-2 dark:bg-primitives-overlay-lighten-2': {}
+            },
             '&[data-color="mono"]': {
                 '@apply bg-primitives-overlay-darken-1 dark:bg-primitives-overlay-lighten-1': {}
             },
@@ -261,23 +244,47 @@ var Card = function(colors) {
             '&-body': {
                 '&-header': {
                     'h1, h2, h3, h4, h5, h6, h7, a, p': {
-                        '@apply mt-6 text-base line-clamp-1': {},
+                        '@apply mt-6 line-clamp-1': {},
                         '@apply text-dark-primary': {}
                     }
                 },
                 '&-content': {
                     'p, a': {
-                        '@apply text-primitives-gray-700 dark:text-primitives-gray-200 text-small': {},
+                        '@apply text-primitives-gray-700 dark:text-primitives-gray-200': {},
                         '@apply text-dark-secondary line-clamp-1': {}
                     }
                 }
             },
             '&-external-link-icon': {
-                '@apply ml-auto h-32 w-32': {},
-                '@apply p-6 text-dark': {}
+                '@apply ml-auto h-32 w-32 p-6 text-dark shrink-0': {}
             }
+        },
+        '.sk-meta-card[data-size="sm"]': {
+            '@apply h-[8.6rem]': {}
+        },
+        '.sk-meta-card[data-size="md"]': {
+            '@apply h-[9.4rem]': {}
+        },
+        '.sk-meta-card[data-size="sm"] .sk-meta-card-body-header': {
+            'h1, h2, h3, h4, h5, h6, h7, a, p': {
+                fontSize: '1.6rem ',
+                lineHeight: '2.4rem ',
+                fontWeight: 'bold '
+            }
+        },
+        '.sk-meta-card[data-size="sm"] .sk-meta-card-body-content': {
+            '@apply text-[1.4rem]': {}
+        },
+        '.sk-meta-card[data-size="md"] .sk-meta-card-body-header': {
+            'h1, h2, h3, h4, h5, h6, h7, a, p': {
+                fontSize: '1.8rem',
+                lineHeight: '2.6rem',
+                fontWeight: 'bold'
+            }
+        },
+        '.sk-meta-card[data-size="md"] .sk-meta-card-body-content': {
+            '@apply text-[1.6rem]': {}
         }
-    };
-};
+    });
 
 //# sourceMappingURL=card.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["Card","colors","span","time","reduce","styles","color","content","position","left","top","right","bottom","svg","height","width"],"mappings":"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"}
+{"version":3,"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    '&.sk-meta-card-use-hover-effect:hover': {\r\n      '@apply cursor-pointer': {},\r\n    },\r\n\r\n    '&.sk-meta-card-use-hover-effect[data-color=\"vattjom\"]:hover': {\r\n      '@apply bg-vattjom-background-300': {},\r\n    },\r\n\r\n    '&.sk-meta-card-use-hover-effect[data-color=\"mono\"]:hover': {\r\n      '@apply bg-primitives-overlay-darken-2 dark:bg-primitives-overlay-lighten-2': {},\r\n    },\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 line-clamp-1': {},\r\n          '@apply text-dark-primary': {},\r\n        },\r\n      },\r\n      '&-content': {\r\n        'p, a': {\r\n          '@apply text-primitives-gray-700 dark:text-primitives-gray-200': {},\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 p-6 text-dark shrink-0': {},\r\n    },\r\n  },\r\n\r\n  '.sk-meta-card[data-size=\"sm\"]': {\r\n    '@apply h-[8.6rem]': {},\r\n  },\r\n  '.sk-meta-card[data-size=\"md\"]': {\r\n    '@apply h-[9.4rem]': {},\r\n  },\r\n  '.sk-meta-card[data-size=\"sm\"] .sk-meta-card-body-header': {\r\n    'h1, h2, h3, h4, h5, h6, h7, a, p': {\r\n      fontSize: '1.6rem ',\r\n      lineHeight: '2.4rem ',\r\n      fontWeight: 'bold ',\r\n    },\r\n  },\r\n  '.sk-meta-card[data-size=\"sm\"] .sk-meta-card-body-content': {\r\n    '@apply text-[1.4rem]': {},\r\n  },\r\n  '.sk-meta-card[data-size=\"md\"] .sk-meta-card-body-header': {\r\n    'h1, h2, h3, h4, h5, h6, h7, a, p': {\r\n      fontSize: '1.8rem',\r\n      lineHeight: '2.6rem',\r\n      fontWeight: 'bold',\r\n    },\r\n  },\r\n  '.sk-meta-card[data-size=\"md\"] .sk-meta-card-body-content': {\r\n    '@apply text-[1.6rem]': {},\r\n  },\r\n});\r\n"],"names":["Card","colors","span","time","reduce","styles","color","content","position","left","top","right","bottom","svg","height","width","fontSize","lineHeight","fontWeight"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,OAAO,CAACC,SAAsB,CAAA;QACzC,YAAY;YACV,oBAAoB,CAAC;YACrB,0DAA0D,CAAC;YAC3D,wBAAwB,CAAC;YACzB,0CAA0C,CAAC;YAC3C,iBAAiB,CAAC;YAElB,aAAa;gBACX,eAAe,CAAC;YAClB;YAEA,WAAW;gBACT,4BAA4B,CAAC;gBAC7B,0BAA0B,CAAC;YAC7B;YAEA,UAAU;gBACR,4CAA4C,CAAC;gBAC7C,iBAAiB,CAAC;gBAElB,aAAa;oBACX,eAAe,CAAC;gBAClB;gBAEA,UAAU;oBACR,0CAA0C,CAAC;oBAC3CC,MAAM;wBACJ,sCAAsC,CAAC;wBACvCC,MAAM;4BACJ,eAAe,CAAC;wBAClB;oBACF;oBAEA,mBAAmB;wBACjB,sCAAsC,CAAC;oBACzC;gBACF;gBAEA,YAAY;oBACV,iCAAiC;wBAC/B,0DAA0D,CAAC;oBAC7D;oBACAD,MAAM;wBACJ,gBAAgB,CAAC;oBACnB;gBACF;gBAEA,aAAa;oBACX,iBAAiB,CAAC;oBAClB,QAAQ;wBACN,oDAAoD,CAAC;oBACvD;gBACF;gBAEA,UAAU;oBACR,iBAAiB,CAAC;gBACpB;YACF;YAEA,GAAGD,OAAOG,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBAET,kDAAkD;wBAChD,gCAAgC,CAAC;wBACjC,sFAAsF,CAAC;wBACvF,kEAAkE,CAAC;wBAEnE,sBAAsB;4BACpB,8BAA8B,CAAC;wBACjC;wBAEA,sBAAsB;4BACpB,+EAA+E,CAAC;4BAChF,8EAA8E,CAAC;4BAC/E,uFAAuF,CAAC;wBAC1F;wBAEA,YAAY;wBACZ,CAAC,CAAC,uBAAuB,CAAC,CAAC,EAAE;4BAC3B,iCAAiC,CAAC;4BAElC,iBAAiB;gCACf,OAAO;gCACP,UAAU;oCACRH,MAAM;wCACJ,+BAA+B,CAAC;oCAClC;gCACF;gCAEA,SAAS;gCACT,YAAY;oCACV,iCAAiC;wCAC/B,CAAC,CAAC,yBAAyB,CAAC,CAAC,EAAE,CAAC;oCAClC;gCACF;gCAEA,UAAU;gCACV,aAAa;oCACX,QAAQ;wCACN,CAAC,CAAC,2BAA2B,CAAC,CAAC,EAAE,CAAC;oCACpC;gCACF;gCAEA,sBAAsB;oCACpB,oEAAoE,CAAC;oCACrE,4CAA4C,CAAC;gCAC/C;4BACF;wBACF;oBACF;oBAEA,4BAA4B;wBAC1B,gCAAgC,CAAC;wBACjC,sFAAsF,CAAC;wBACvF,4DAA4D,CAAC;oBAC/D;oBAEA,CAAC,CAAC,cAAc,EAAEI,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5B,OAAO;wBACP,CAAC,CAAC,UAAU,EAAEA,MAAM,sBAAsB,CAAC,CAAC,EAAE,CAAC;wBAE/C,YAAY;wBACZ,8BAA8B;4BAC5B,QAAQ;4BACR,CAAC,CAAC,qCAAqC,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;wBACtE;wBAEA,OAAO;wBACP,iBAAiB;4BACf,UAAU;gCACRJ,MAAM;oCACJ,+BAA+B,CAAC;gCAClC;4BACF;4BAEA,SAAS;4BACT,YAAY;gCACV,iCAAiC;oCAC/B,CAAC,CAAC,yBAAyB,CAAC,CAAC,EAAE,CAAC;gCAClC;4BACF;4BAEA,UAAU;4BACV,aAAa;gCACX,QAAQ;oCACN,CAAC,CAAC,2BAA2B,CAAC,CAAC,EAAE,CAAC;gCACpC;4BACF;wBACF;wBAEA,YAAY;wBACZ,CAAC,CAAC,uBAAuB,CAAC,CAAC,EAAE;4BAC3B,OAAO;4BACP,CAAC,CAAC,UAAU,EAAEI,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC;4BAE9C,YAAY;4BACZ,8BAA8B;gCAC5B,QAAQ;gCACR,CAAC,CAAC,qCAAqC,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;4BACrE;4BAEA,iBAAiB;gCACf,OAAO;gCACP,UAAU;oCACRJ,MAAM;wCACJ,8BAA8B,CAAC;oCACjC;gCACF;gCAEA,SAAS;gCACT,YAAY;oCACV,iCAAiC;wCAC/B,CAAC,CAAC,wBAAwB,CAAC,CAAC,EAAE,CAAC;oCACjC;gCACF;gCAEA,UAAU;gCACV,aAAa;oCACX,QAAQ;wCACN,CAAC,CAAC,0BAA0B,CAAC,CAAC,EAAE,CAAC;oCACnC;gCACF;4BACF;wBACF;oBACF;gBACF,CAAA,GACA,CAAC,EACF;YAED,YAAY;YACZ,8BAA8B;gBAC5B,uBAAuB;gBACvB,sBAAsB;oBACpB,sBAAsB,CAAC;oBACvB,gCAAgC,CAAC;gBACnC;YACF;YAEA,CAAC,CAAC,2BAA2B,CAAC,CAAC,EAAE;gBAC/B,0BAA0B,CAAC;gBAE3B,YAAY;oBACV,WAAW;wBACT,yBAAyB,CAAC;wBAC1B,qBAAqB,CAAC;wBACtB,8CAA8C,CAAC;oBACjD;oBAEA,UAAU;wBACR,iBAAiB,CAAC;wBAClB,sBAAsB,CAAC;wBAEvB,aAAa;4BACX,iBAAiB,CAAC;wBACpB;wBAEA,aAAa;4BACX,QAAQ;gCACN,qBAAqB,CAAC;4BACxB;wBACF;wBAEA,UAAU;4BACR,iBAAiB,CAAC;wBACpB;oBACF;gBACF;YACF;QACF;QAEA,iBAAiB;YACf,+BAA+B,CAAC;YAEhC,YAAY;gBACVK,SAAS;gBACTC,UAAU;gBACVC,MAAM;gBACNC,KAAK;gBACLC,OAAO;gBACPC,QAAQ;YACV;QACF;QAEA;;GAEC,GACD,iBAAiB;YACf,0CAA0C,CAAC;YAC3C,yCAAyC,CAAC;YAC1C,8BAA8B,CAAC;YAE/B,yCAAyC;gBACvC,yBAAyB,CAAC;YAC5B;YAEA,+DAA+D;gBAC7D,oCAAoC,CAAC;YACvC;YAEA,4DAA4D;gBAC1D,8EAA8E,CAAC;YACjF;YAEA,wBAAwB;gBACtB,8EAA8E,CAAC;YACjF;YAEA,2BAA2B;gBACzB,oCAAoC,CAAC;YACvC;YAEA,eAAe;gBACb,+BAA+B,CAAC;gBAChC,kEAAkE,CAAC;gBACnE,oBAAoB,CAAC;gBACrBC,KAAK;oBACHC,QAAQ;oBACRC,OAAO;gBACT;YACF;YAEA,UAAU;gBACR,YAAY;oBACV,oCAAoC;wBAClC,4BAA4B,CAAC;wBAC7B,4BAA4B,CAAC;oBAC/B;gBACF;gBACA,aAAa;oBACX,QAAQ;wBACN,iEAAiE,CAAC;wBAClE,2CAA2C,CAAC;oBAC9C;gBACF;YACF;YAEA,wBAAwB;gBACtB,mDAAmD,CAAC;YACtD;QACF;QAEA,iCAAiC;YAC/B,qBAAqB,CAAC;QACxB;QACA,iCAAiC;YAC/B,qBAAqB,CAAC;QACxB;QACA,2DAA2D;YACzD,oCAAoC;gBAClCC,UAAU;gBACVC,YAAY;gBACZC,YAAY;YACd;QACF;QACA,4DAA4D;YAC1D,wBAAwB,CAAC;QAC3B;QACA,2DAA2D;YACzD,oCAAoC;gBAClCF,UAAU;gBACVC,YAAY;gBACZC,YAAY;YACd;QACF;QACA,4DAA4D;YAC1D,wBAAwB,CAAC;QAC3B;IACF,CAAA"}

package/dist/cjs/components/checkbox.js

@@ -8,8 +8,7 @@ Object.defineProperty(exports, "Checkbox", {
         return Checkbox;
     }
 });
-var Checkbox = function() {
-    return {
+const Checkbox = ()=>({
         '.sk-form-checkbox': {
             '@apply bg-inherit': {},
             '@apply rounded-utility': {},
@@ -136,7 +135,6 @@ var Checkbox = function() {
                 }
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/checkbox.ts"],"sourcesContent":["export const Checkbox = () => ({\r\n  '.sk-form-checkbox': {\r\n    '@apply bg-inherit': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply bg-transparent border-transparent': {},\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply w-24 h-24': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-24 h-24': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-24 h-24': {},\r\n    },\r\n\r\n    '+ .sk-icon': {\r\n      '@apply absolute inset-0 my-auto bg-transparent': {},\r\n      '@apply border-1 p-2 border-input-field-outline': {},\r\n      '@apply bg-input-field-surface': {},\r\n\r\n      svg: {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n\r\n    '&&:checked': {\r\n      '@apply text-light-primary bg-none': {},\r\n\r\n      '& + .sk-icon': {\r\n        '@apply text-light-primary bg-dark-primary border-dark-primary': {},\r\n\r\n        svg: {\r\n          '@apply block': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[type=\"checkbox\"]:checked': {\r\n      '@apply text-transparent': {},\r\n    },\r\n    '&&:hover:not(&&-disabled,&&[readonly],&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&[readonly],&&:checked,&&[aria-invalid=true])':\r\n      {\r\n        '& + .sk-icon, &:focus + .sk-icon': {\r\n          '@apply text-dark-placeholder border-input-field-outline-hover': {},\r\n\r\n          svg: {\r\n            '@apply block': {},\r\n          },\r\n        },\r\n      },\r\n\r\n    '&&[aria-invalid=true]': {\r\n      '& + .sk-icon': {\r\n        '@apply border-2 border-error-surface-primary': {},\r\n      },\r\n\r\n      '&&:checked': {\r\n        '& + .sk-icon': {\r\n          '@apply p-2 bg-background-content text-dark-primary': {},\r\n\r\n          svg: {\r\n            '@apply block': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    // disabled\r\n    '&&-disabled,&&-disabled:hover': {\r\n      '& + .sk-icon': {\r\n        '@apply bg-input-field-surface-disabled border-input-field-outline-disabled': {},\r\n      },\r\n\r\n      '&:checked': {\r\n        '& + .sk-icon': {\r\n          '@apply bg-dark-disabled text-light-primary border-transparent': {},\r\n        },\r\n      },\r\n\r\n      '& ~ .sk-form-checkbox-label': {\r\n        '@apply text-dark-disabled': {},\r\n      },\r\n    },\r\n\r\n    //readonly\r\n    '&[readonly], &[readonly=\"true\"]': {\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply bg-input-field-surface-disabled': {},\r\n\r\n      '&:hover:checked': {\r\n        '& + .sk-icon': {\r\n          '@apply bg-dark-secondary border-dark-secondary text-light-primary': {},\r\n        },\r\n      },\r\n      '&:checked': {\r\n        '& + .sk-icon': {\r\n          '@apply bg-dark-secondary border-dark-secondary text-light-primary': {},\r\n        },\r\n      },\r\n\r\n      '& ~ .sk-form-checkbox-label': {\r\n        '@apply text-dark-secondary': {},\r\n      },\r\n    },\r\n\r\n    // label\r\n    '&-label-left &-label': {\r\n      '@apply mr-8': {},\r\n    },\r\n    '&-label-right &-label': {\r\n      '@apply ml-8': {},\r\n    },\r\n\r\n    '&-label-left': {\r\n      '.sk-icon': {\r\n        '@apply left-auto right-0': {},\r\n      },\r\n    },\r\n\r\n    '&-label-right': {\r\n      '.sk-icon': {\r\n        '@apply right-auto left-0': {},\r\n      },\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply font-normal text-body select-none text-small': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply relative inline-flex align-top items-center cursor-base': {},\r\n      },\r\n\r\n      '&-sm': {\r\n        '@apply text-small': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply text-base': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply text-large': {},\r\n      },\r\n    },\r\n\r\n    '&-group': {\r\n      '@apply flex flex-col gap-16 my-12': {},\r\n      '&[data-direction=\"row\"]': {\r\n        '@apply flex-row': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Checkbox","svg"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,WAAW;WAAO;QAC7B,qBAAqB;YACnB,qBAAqB,CAAC;YACtB,0BAA0B,CAAC;YAC3B,4CAA4C,CAAC;YAE7C,SAAS;YACT,QAAQ;gBACN,oBAAoB,CAAC;YACvB;YAEA,QAAQ;gBACN,oBAAoB,CAAC;YACvB;YAEA,QAAQ;gBACN,oBAAoB,CAAC;YACvB;YAEA,cAAc;gBACZ,kDAAkD,CAAC;gBACnD,kDAAkD,CAAC;gBACnD,iCAAiC,CAAC;gBAElCC,KAAK;oBACH,iBAAiB,CAAC;gBACpB;YACF;YAEA,cAAc;gBACZ,qCAAqC,CAAC;gBAEtC,gBAAgB;oBACd,iEAAiE,CAAC;oBAElEA,KAAK;wBACH,gBAAgB,CAAC;oBACnB;gBACF;YACF;YAEA,8BAA8B;gBAC5B,2BAA2B,CAAC;YAC9B;YACA,yJACE;gBACE,oCAAoC;oBAClC,iEAAiE,CAAC;oBAElEA,KAAK;wBACH,gBAAgB,CAAC;oBACnB;gBACF;YACF;YAEF,yBAAyB;gBACvB,gBAAgB;oBACd,gDAAgD,CAAC;gBACnD;gBAEA,cAAc;oBACZ,gBAAgB;wBACd,sDAAsD,CAAC;wBAEvDA,KAAK;4BACH,gBAAgB,CAAC;wBACnB;oBACF;gBACF;YACF;YAEA,WAAW;YACX,iCAAiC;gBAC/B,gBAAgB;oBACd,8EAA8E,CAAC;gBACjF;gBAEA,aAAa;oBACX,gBAAgB;wBACd,iEAAiE,CAAC;oBACpE;gBACF;gBAEA,+BAA+B;oBAC7B,6BAA6B,CAAC;gBAChC;YACF;YAEA,UAAU;YACV,mCAAmC;gBACjC,8CAA8C,CAAC;gBAC/C,0CAA0C,CAAC;gBAE3C,mBAAmB;oBACjB,gBAAgB;wBACd,qEAAqE,CAAC;oBACxE;gBACF;gBACA,aAAa;oBACX,gBAAgB;wBACd,qEAAqE,CAAC;oBACxE;gBACF;gBAEA,+BAA+B;oBAC7B,8BAA8B,CAAC;gBACjC;YACF;YAEA,QAAQ;YACR,wBAAwB;gBACtB,eAAe,CAAC;YAClB;YACA,yBAAyB;gBACvB,eAAe,CAAC;YAClB;YAEA,gBAAgB;gBACd,YAAY;oBACV,4BAA4B,CAAC;gBAC/B;YACF;YAEA,iBAAiB;gBACf,YAAY;oBACV,4BAA4B,CAAC;gBAC/B;YACF;YAEA,WAAW;gBACT,uDAAuD,CAAC;gBAExD,aAAa;oBACX,kEAAkE,CAAC;gBACrE;gBAEA,QAAQ;oBACN,qBAAqB,CAAC;gBACxB;gBAEA,QAAQ;oBACN,oBAAoB,CAAC;gBACvB;gBAEA,QAAQ;oBACN,qBAAqB,CAAC;gBACxB;YACF;YAEA,WAAW;gBACT,qCAAqC,CAAC;gBACtC,2BAA2B;oBACzB,mBAAmB,CAAC;gBACtB;YACF;QACF;IACF"}
+{"version":3,"sources":["../../../src/components/checkbox.ts"],"sourcesContent":["export const Checkbox = () => ({\r\n  '.sk-form-checkbox': {\r\n    '@apply bg-inherit': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply bg-transparent border-transparent': {},\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply w-24 h-24': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-24 h-24': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-24 h-24': {},\r\n    },\r\n\r\n    '+ .sk-icon': {\r\n      '@apply absolute inset-0 my-auto bg-transparent': {},\r\n      '@apply border-1 p-2 border-input-field-outline': {},\r\n      '@apply bg-input-field-surface': {},\r\n\r\n      svg: {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n\r\n    '&&:checked': {\r\n      '@apply text-light-primary bg-none': {},\r\n\r\n      '& + .sk-icon': {\r\n        '@apply text-light-primary bg-dark-primary border-dark-primary': {},\r\n\r\n        svg: {\r\n          '@apply block': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[type=\"checkbox\"]:checked': {\r\n      '@apply text-transparent': {},\r\n    },\r\n    '&&:hover:not(&&-disabled,&&[readonly],&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&[readonly],&&:checked,&&[aria-invalid=true])':\r\n      {\r\n        '& + .sk-icon, &:focus + .sk-icon': {\r\n          '@apply text-dark-placeholder border-input-field-outline-hover': {},\r\n\r\n          svg: {\r\n            '@apply block': {},\r\n          },\r\n        },\r\n      },\r\n\r\n    '&&[aria-invalid=true]': {\r\n      '& + .sk-icon': {\r\n        '@apply border-2 border-error-surface-primary': {},\r\n      },\r\n\r\n      '&&:checked': {\r\n        '& + .sk-icon': {\r\n          '@apply p-2 bg-background-content text-dark-primary': {},\r\n\r\n          svg: {\r\n            '@apply block': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    // disabled\r\n    '&&-disabled,&&-disabled:hover': {\r\n      '& + .sk-icon': {\r\n        '@apply bg-input-field-surface-disabled border-input-field-outline-disabled': {},\r\n      },\r\n\r\n      '&:checked': {\r\n        '& + .sk-icon': {\r\n          '@apply bg-dark-disabled text-light-primary border-transparent': {},\r\n        },\r\n      },\r\n\r\n      '& ~ .sk-form-checkbox-label': {\r\n        '@apply text-dark-disabled': {},\r\n      },\r\n    },\r\n\r\n    //readonly\r\n    '&[readonly], &[readonly=\"true\"]': {\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply bg-input-field-surface-disabled': {},\r\n\r\n      '&:hover:checked': {\r\n        '& + .sk-icon': {\r\n          '@apply bg-dark-secondary border-dark-secondary text-light-primary': {},\r\n        },\r\n      },\r\n      '&:checked': {\r\n        '& + .sk-icon': {\r\n          '@apply bg-dark-secondary border-dark-secondary text-light-primary': {},\r\n        },\r\n      },\r\n\r\n      '& ~ .sk-form-checkbox-label': {\r\n        '@apply text-dark-secondary': {},\r\n      },\r\n    },\r\n\r\n    // label\r\n    '&-label-left &-label': {\r\n      '@apply mr-8': {},\r\n    },\r\n    '&-label-right &-label': {\r\n      '@apply ml-8': {},\r\n    },\r\n\r\n    '&-label-left': {\r\n      '.sk-icon': {\r\n        '@apply left-auto right-0': {},\r\n      },\r\n    },\r\n\r\n    '&-label-right': {\r\n      '.sk-icon': {\r\n        '@apply right-auto left-0': {},\r\n      },\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply font-normal text-body select-none text-small': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply relative inline-flex align-top items-center cursor-base': {},\r\n      },\r\n\r\n      '&-sm': {\r\n        '@apply text-small': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply text-base': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply text-large': {},\r\n      },\r\n    },\r\n\r\n    '&-group': {\r\n      '@apply flex flex-col gap-16 my-12': {},\r\n      '&[data-direction=\"row\"]': {\r\n        '@apply flex-row': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Checkbox","svg"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,WAAW,IAAO,CAAA;QAC7B,qBAAqB;YACnB,qBAAqB,CAAC;YACtB,0BAA0B,CAAC;YAC3B,4CAA4C,CAAC;YAE7C,SAAS;YACT,QAAQ;gBACN,oBAAoB,CAAC;YACvB;YAEA,QAAQ;gBACN,oBAAoB,CAAC;YACvB;YAEA,QAAQ;gBACN,oBAAoB,CAAC;YACvB;YAEA,cAAc;gBACZ,kDAAkD,CAAC;gBACnD,kDAAkD,CAAC;gBACnD,iCAAiC,CAAC;gBAElCC,KAAK;oBACH,iBAAiB,CAAC;gBACpB;YACF;YAEA,cAAc;gBACZ,qCAAqC,CAAC;gBAEtC,gBAAgB;oBACd,iEAAiE,CAAC;oBAElEA,KAAK;wBACH,gBAAgB,CAAC;oBACnB;gBACF;YACF;YAEA,8BAA8B;gBAC5B,2BAA2B,CAAC;YAC9B;YACA,yJACE;gBACE,oCAAoC;oBAClC,iEAAiE,CAAC;oBAElEA,KAAK;wBACH,gBAAgB,CAAC;oBACnB;gBACF;YACF;YAEF,yBAAyB;gBACvB,gBAAgB;oBACd,gDAAgD,CAAC;gBACnD;gBAEA,cAAc;oBACZ,gBAAgB;wBACd,sDAAsD,CAAC;wBAEvDA,KAAK;4BACH,gBAAgB,CAAC;wBACnB;oBACF;gBACF;YACF;YAEA,WAAW;YACX,iCAAiC;gBAC/B,gBAAgB;oBACd,8EAA8E,CAAC;gBACjF;gBAEA,aAAa;oBACX,gBAAgB;wBACd,iEAAiE,CAAC;oBACpE;gBACF;gBAEA,+BAA+B;oBAC7B,6BAA6B,CAAC;gBAChC;YACF;YAEA,UAAU;YACV,mCAAmC;gBACjC,8CAA8C,CAAC;gBAC/C,0CAA0C,CAAC;gBAE3C,mBAAmB;oBACjB,gBAAgB;wBACd,qEAAqE,CAAC;oBACxE;gBACF;gBACA,aAAa;oBACX,gBAAgB;wBACd,qEAAqE,CAAC;oBACxE;gBACF;gBAEA,+BAA+B;oBAC7B,8BAA8B,CAAC;gBACjC;YACF;YAEA,QAAQ;YACR,wBAAwB;gBACtB,eAAe,CAAC;YAClB;YACA,yBAAyB;gBACvB,eAAe,CAAC;YAClB;YAEA,gBAAgB;gBACd,YAAY;oBACV,4BAA4B,CAAC;gBAC/B;YACF;YAEA,iBAAiB;gBACf,YAAY;oBACV,4BAA4B,CAAC;gBAC/B;YACF;YAEA,WAAW;gBACT,uDAAuD,CAAC;gBAExD,aAAa;oBACX,kEAAkE,CAAC;gBACrE;gBAEA,QAAQ;oBACN,qBAAqB,CAAC;gBACxB;gBAEA,QAAQ;oBACN,oBAAoB,CAAC;gBACvB;gBAEA,QAAQ;oBACN,qBAAqB,CAAC;gBACxB;YACF;YAEA,WAAW;gBACT,qCAAqC,CAAC;gBACtC,2BAA2B;oBACzB,mBAAmB,CAAC;gBACtB;YACF;QACF;IACF,CAAA"}

package/dist/cjs/components/chip.js

@@ -8,8 +8,7 @@ Object.defineProperty(exports, "Chip", {
         return Chip;
     }
 });
-var Chip = function() {
-    return {
+const Chip = ()=>({
         '.sk-chip': {
             '@apply inline-flex': {},
             '@apply items-center justify-center': {},
@@ -45,7 +44,6 @@ var Chip = function() {
                 '@apply h-16 w-16': {}
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=chip.js.map