@sk-web-gui/core 3.9.1 → 3.11.0

package/dist/esm/components/label.js

@@ -1,39 +1,87 @@
-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': {},
-    '@apply justify-center items-center': {},
-    '@apply gap-6 px-10 py-4': {},
-    '@apply h-24 max-h-24': {},
-    '@apply text-label-small': {},
-    '@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {},
-    '@apply bg-dark-primary': {},
-    '@apply text-light-primary': {},
-    '&[data-rounded="true"]': {
-      '@apply rounded-full': {}
-    },
-    '&[data-inverted="true"]': {
-      '@apply bg-tertiary-surface': {},
-      '@apply text-dark-primary': {}
+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;
     }
-  }, colors.reduce((styles, color) => _extends({}, styles, {
-    ["&[data-color=\"" + color + "\"]"]: {
-      ["@apply bg-" + color + "-surface-primary"]: {},
-      ["@apply text-" + color + "-text-secondary"]: {},
-      '&[data-inverted="true"]': {
-        ["@apply bg-" + color + "-surface-accent"]: {},
-        ["@apply text-" + color + "-text-primary"]: {}
-      }
+    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]);
+        });
     }
-  }), {}), {
-    '&[data-color="tertiary"]': {
-      '@apply bg-dark-primary': {},
-      '@apply text-light-primary': {},
-      '&[data-inverted="true"]': {
-        '@apply bg-tertiary-surface': {},
-        '@apply text-dark-primary': {}
-      }
+    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;
+}
+export var Label = function(colors) {
+    return {
+        '.sk-label': _object_spread_props(_object_spread({
+            '@apply inline-flex flex-row': {},
+            '@apply justify-center items-center': {},
+            '@apply gap-6 px-10 py-4': {},
+            '@apply h-24 max-h-24': {},
+            '@apply text-label-small': {},
+            '@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {},
+            '@apply bg-dark-primary': {},
+            '@apply text-light-primary': {},
+            '&[data-rounded="true"]': {
+                '@apply rounded-full': {}
+            },
+            '&[data-inverted="true"]': {
+                '@apply bg-tertiary-surface': {},
+                '@apply text-dark-primary': {}
+            }
+        }, colors.reduce(function(styles, color) {
+            var _obj, _obj1;
+            return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), (_obj1 = {}, _define_property(_obj1, "@apply bg-".concat(color, "-surface-primary"), {}), _define_property(_obj1, "@apply text-".concat(color, "-text-secondary"), {}), _define_property(_obj1, '&[data-inverted="true"]', (_obj = {}, _define_property(_obj, "@apply bg-".concat(color, "-surface-accent"), {}), _define_property(_obj, "@apply text-".concat(color, "-text-primary"), {}), _obj)), _obj1)));
+        }, {})), {
+            '&[data-color="tertiary"]': {
+                '@apply bg-dark-primary': {},
+                '@apply text-light-primary': {},
+                '&[data-inverted="true"]': {
+                    '@apply bg-tertiary-surface': {},
+                    '@apply text-dark-primary': {}
+                }
+            }
+        })
+    };
+};
+
 //# sourceMappingURL=label.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"label.js","names":["Label","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/label.ts"],"sourcesContent":["export const Label = (colors: string[]) => ({\r\n  '.sk-label': {\r\n    '@apply inline-flex flex-row': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply gap-6 px-10 py-4': {},\r\n    '@apply h-24 max-h-24': {},\r\n    '@apply text-label-small': {},\r\n\r\n    '@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {},\r\n\r\n    '@apply bg-dark-primary': {},\r\n    '@apply text-light-primary': {},\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply bg-tertiary-surface': {},\r\n      '@apply text-dark-primary': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-primary`]: {},\r\n          [`@apply text-${color}-text-secondary`]: {},\r\n          '&[data-inverted=\"true\"]': {\r\n            [`@apply bg-${color}-surface-accent`]: {},\r\n            [`@apply text-${color}-text-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&[data-color=\"tertiary\"]': {\r\n      '@apply bg-dark-primary': {},\r\n      '@apply text-light-primary': {},\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply bg-tertiary-surface': {},\r\n        '@apply text-dark-primary': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,KAAK,GAAIC,MAAgB,KAAM;EAC1C,WAAW,EAAAC,QAAA;IACT,6BAA6B,EAAE,CAAC,CAAC;IACjC,oCAAoC,EAAE,CAAC,CAAC;IACxC,yBAAyB,EAAE,CAAC,CAAC;IAC7B,sBAAsB,EAAE,CAAC,CAAC;IAC1B,yBAAyB,EAAE,CAAC,CAAC;IAE7B,uEAAuE,EAAE,CAAC,CAAC;IAE3E,wBAAwB,EAAE,CAAC,CAAC;IAC5B,2BAA2B,EAAE,CAAC,CAAC;IAE/B,wBAAwB,EAAE;MACxB,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,yBAAyB,EAAE;MACzB,4BAA4B,EAAE,CAAC,CAAC;MAChC,0BAA0B,EAAE,CAAC;IAC/B;EAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,wBAAqB,CAAC,CAAC;MAC1C,kBAAgBA,KAAK,uBAAoB,CAAC,CAAC;MAC3C,yBAAyB,EAAE;QACzB,gBAAcA,KAAK,uBAAoB,CAAC,CAAC;QACzC,kBAAgBA,KAAK,qBAAkB,CAAC;MAC1C;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IACD,0BAA0B,EAAE;MAC1B,wBAAwB,EAAE,CAAC,CAAC;MAC5B,2BAA2B,EAAE,CAAC,CAAC;MAC/B,yBAAyB,EAAE;QACzB,4BAA4B,EAAE,CAAC,CAAC;QAChC,0BAA0B,EAAE,CAAC;MAC/B;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/label.ts"],"sourcesContent":["export const Label = (colors: string[]) => ({\n  '.sk-label': {\n    '@apply inline-flex flex-row': {},\n    '@apply justify-center items-center': {},\n    '@apply gap-6 px-10 py-4': {},\n    '@apply h-24 max-h-24': {},\n    '@apply text-label-small': {},\n\n    '@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {},\n\n    '@apply bg-dark-primary': {},\n    '@apply text-light-primary': {},\n\n    '&[data-rounded=\"true\"]': {\n      '@apply rounded-full': {},\n    },\n    '&[data-inverted=\"true\"]': {\n      '@apply bg-tertiary-surface': {},\n      '@apply text-dark-primary': {},\n    },\n\n    ...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          [`@apply bg-${color}-surface-primary`]: {},\n          [`@apply text-${color}-text-secondary`]: {},\n          '&[data-inverted=\"true\"]': {\n            [`@apply bg-${color}-surface-accent`]: {},\n            [`@apply text-${color}-text-primary`]: {},\n          },\n        },\n      }),\n      {}\n    ),\n    '&[data-color=\"tertiary\"]': {\n      '@apply bg-dark-primary': {},\n      '@apply text-light-primary': {},\n      '&[data-inverted=\"true\"]': {\n        '@apply bg-tertiary-surface': {},\n        '@apply text-dark-primary': {},\n      },\n    },\n  },\n});\n"],"names":["Label","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,QAAQ,SAACC;WAAsB;QAC1C,aAAa;YACX,+BAA+B,CAAC;YAChC,sCAAsC,CAAC;YACvC,2BAA2B,CAAC;YAC5B,wBAAwB,CAAC;YACzB,2BAA2B,CAAC;YAE5B,yEAAyE,CAAC;YAE1E,0BAA0B,CAAC;YAC3B,6BAA6B,CAAC;YAE9B,0BAA0B;gBACxB,uBAAuB,CAAC;YAC1B;YACA,2BAA2B;gBACzB,8BAA8B,CAAC;gBAC/B,4BAA4B,CAAC;YAC/B;WAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;gBAKsB,MAHC;mBAFZ,wCACfD,8BACF,AAAC,iBAAsB,OAANC,OAAM,QAAM,YAC5B,iBAD4B,OAC3B,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC,IACzC,iBAF4B,OAE3B,AAAC,eAAoB,OAANA,OAAM,oBAAmB,CAAC,qBAFd,OAG5B,4BAA2B,WACzB,iBADyB,MACxB,AAAC,aAAkB,OAANA,OAAM,oBAAmB,CAAC,IACxC,iBAFyB,MAExB,AAAC,eAAoB,OAANA,OAAM,kBAAiB,CAAC,IAFf,QAHC;WAShC,CAAC;YAEH,4BAA4B;gBAC1B,0BAA0B,CAAC;gBAC3B,6BAA6B,CAAC;gBAC9B,2BAA2B;oBACzB,8BAA8B,CAAC;oBAC/B,4BAA4B,CAAC;gBAC/B;YACF;;IAEJ;EAAG"}

package/dist/esm/components/link.js

@@ -1,50 +1,53 @@
-export var Link = () => ({
-  '.sk-link': {
-    '@apply underline outline-none hover:underline': {},
-    '@apply rounded-utility': {},
-    // focus
-    '@apply focus-visible:ring ring-offset-6': {},
-    // sizes
-    '&-sm': {
-      '@apply text-small': {}
-    },
-    '&-md': {
-      '@apply text-base': {}
-    },
-    '&-lg': {
-      '@apply text-large': {}
-    },
-    '&-xl': {
-      '@apply text-lead': {}
-    },
-    // variants
-    '&-primary': {
-      '@apply text-vattjom-surface-primary hover:text-vattjom-surface-primary-hover': {},
-      '&[data-inverted="true"]': {
-        '@apply text-inverted-vattjom-surface-primary  hover:text-inverted-vattjom-surface-primary-hover': {}
-      }
-    },
-    '&-tertiary': {
-      '@apply text-dark-secondary hover:text-dark-primary': {},
-      '&[data-inverted="true"]': {
-        '@apply text-inverted-dark-secondary hover:text-inverted-dark-primary': {}
-      }
-    },
-    '&.active': {
-      '@apply underline': {}
-    },
-    '& &-external-icon': {
-      '@apply w-[1em] h-[1em] leading-none ml-[.25em] align-text-top': {}
-    },
-    '&[type="button"]': {
-      '@apply inline-flex items-center align-bottom': {}
-    },
-    '&-disabled': {
-      '@apply text-dark-disabled cursor-default': {},
-      '&[data-inverted="true"]': {
-        '@apply text-inverted-dark-disabled': {}
-      }
-    }
-  }
-});
+export var Link = function() {
+    return {
+        '.sk-link': {
+            '@apply underline outline-none hover:underline': {},
+            '@apply rounded-utility': {},
+            // focus
+            '@apply focus-visible:ring ring-offset-6': {},
+            // sizes
+            '&-sm': {
+                '@apply text-small': {}
+            },
+            '&-md': {
+                '@apply text-base': {}
+            },
+            '&-lg': {
+                '@apply text-large': {}
+            },
+            '&-xl': {
+                '@apply text-lead': {}
+            },
+            // variants
+            '&-primary': {
+                '@apply text-vattjom-surface-primary hover:text-vattjom-surface-primary-hover': {},
+                '&[data-inverted="true"]': {
+                    '@apply text-inverted-vattjom-surface-primary  hover:text-inverted-vattjom-surface-primary-hover': {}
+                }
+            },
+            '&-tertiary': {
+                '@apply text-dark-secondary hover:text-dark-primary': {},
+                '&[data-inverted="true"]': {
+                    '@apply text-inverted-dark-secondary hover:text-inverted-dark-primary': {}
+                }
+            },
+            '&.active': {
+                '@apply underline': {}
+            },
+            '& &-external-icon': {
+                '@apply w-[1em] h-[1em] leading-none ml-[.25em] align-text-top': {}
+            },
+            '&[type="button"]': {
+                '@apply inline-flex items-center align-bottom': {}
+            },
+            '&-disabled': {
+                '@apply text-dark-disabled cursor-default': {},
+                '&[data-inverted="true"]': {
+                    '@apply text-inverted-dark-disabled': {}
+                }
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=link.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"link.js","names":["Link"],"sources":["../../../src/components/link.ts"],"sourcesContent":["export const Link = () => ({\r\n  '.sk-link': {\r\n    '@apply underline outline-none hover:underline': {},\r\n    '@apply rounded-utility': {},\r\n\r\n    // focus\r\n    '@apply focus-visible:ring ring-offset-6': {},\r\n\r\n    // sizes\r\n    '&-sm': {\r\n      '@apply text-small': {},\r\n    },\r\n    '&-md': {\r\n      '@apply text-base': {},\r\n    },\r\n    '&-lg': {\r\n      '@apply text-large': {},\r\n    },\r\n    '&-xl': {\r\n      '@apply text-lead': {},\r\n    },\r\n\r\n    // variants\r\n    '&-primary': {\r\n      '@apply text-vattjom-surface-primary hover:text-vattjom-surface-primary-hover': {},\r\n  \r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-vattjom-surface-primary  hover:text-inverted-vattjom-surface-primary-hover': {},\r\n      },\r\n    },\r\n    '&-tertiary': {\r\n      '@apply text-dark-secondary hover:text-dark-primary': {},\r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-dark-secondary hover:text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&.active': {\r\n      '@apply underline': {},\r\n    },\r\n\r\n    '& &-external-icon': {\r\n      '@apply w-[1em] h-[1em] leading-none ml-[.25em] align-text-top': {},\r\n    },\r\n\r\n    '&[type=\"button\"]': {\r\n      '@apply inline-flex items-center align-bottom': {},\r\n    },\r\n\r\n    '&-disabled': {\r\n      '@apply text-dark-disabled cursor-default': {},\r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-dark-disabled': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,+CAA+C,EAAE,CAAC,CAAC;IACnD,wBAAwB,EAAE,CAAC,CAAC;IAE5B;IACA,yCAAyC,EAAE,CAAC,CAAC;IAE7C;IACA,MAAM,EAAE;MACN,mBAAmB,EAAE,CAAC;IACxB,CAAC;IACD,MAAM,EAAE;MACN,kBAAkB,EAAE,CAAC;IACvB,CAAC;IACD,MAAM,EAAE;MACN,mBAAmB,EAAE,CAAC;IACxB,CAAC;IACD,MAAM,EAAE;MACN,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED;IACA,WAAW,EAAE;MACX,8EAA8E,EAAE,CAAC,CAAC;MAElF,yBAAyB,EAAC;QACxB,iGAAiG,EAAE,CAAC;MACtG;IACF,CAAC;IACD,YAAY,EAAE;MACZ,oDAAoD,EAAE,CAAC,CAAC;MACxD,yBAAyB,EAAC;QACxB,sEAAsE,EAAE,CAAC;MAC3E;IACF,CAAC;IAED,UAAU,EAAE;MACV,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,mBAAmB,EAAE;MACnB,+DAA+D,EAAE,CAAC;IACpE,CAAC;IAED,kBAAkB,EAAE;MAClB,8CAA8C,EAAE,CAAC;IACnD,CAAC;IAED,YAAY,EAAE;MACZ,0CAA0C,EAAE,CAAC,CAAC;MAC9C,yBAAyB,EAAC;QACxB,oCAAoC,EAAE,CAAC;MACzC;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/link.ts"],"sourcesContent":["export const Link = () => ({\r\n  '.sk-link': {\r\n    '@apply underline outline-none hover:underline': {},\r\n    '@apply rounded-utility': {},\r\n\r\n    // focus\r\n    '@apply focus-visible:ring ring-offset-6': {},\r\n\r\n    // sizes\r\n    '&-sm': {\r\n      '@apply text-small': {},\r\n    },\r\n    '&-md': {\r\n      '@apply text-base': {},\r\n    },\r\n    '&-lg': {\r\n      '@apply text-large': {},\r\n    },\r\n    '&-xl': {\r\n      '@apply text-lead': {},\r\n    },\r\n\r\n    // variants\r\n    '&-primary': {\r\n      '@apply text-vattjom-surface-primary hover:text-vattjom-surface-primary-hover': {},\r\n  \r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-vattjom-surface-primary  hover:text-inverted-vattjom-surface-primary-hover': {},\r\n      },\r\n    },\r\n    '&-tertiary': {\r\n      '@apply text-dark-secondary hover:text-dark-primary': {},\r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-dark-secondary hover:text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&.active': {\r\n      '@apply underline': {},\r\n    },\r\n\r\n    '& &-external-icon': {\r\n      '@apply w-[1em] h-[1em] leading-none ml-[.25em] align-text-top': {},\r\n    },\r\n\r\n    '&[type=\"button\"]': {\r\n      '@apply inline-flex items-center align-bottom': {},\r\n    },\r\n\r\n    '&-disabled': {\r\n      '@apply text-dark-disabled cursor-default': {},\r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-dark-disabled': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Link"],"mappings":"AAAA,OAAO,IAAMA,OAAO;WAAO;QACzB,YAAY;YACV,iDAAiD,CAAC;YAClD,0BAA0B,CAAC;YAE3B,QAAQ;YACR,2CAA2C,CAAC;YAE5C,QAAQ;YACR,QAAQ;gBACN,qBAAqB,CAAC;YACxB;YACA,QAAQ;gBACN,oBAAoB,CAAC;YACvB;YACA,QAAQ;gBACN,qBAAqB,CAAC;YACxB;YACA,QAAQ;gBACN,oBAAoB,CAAC;YACvB;YAEA,WAAW;YACX,aAAa;gBACX,gFAAgF,CAAC;gBAEjF,2BAA0B;oBACxB,mGAAmG,CAAC;gBACtG;YACF;YACA,cAAc;gBACZ,sDAAsD,CAAC;gBACvD,2BAA0B;oBACxB,wEAAwE,CAAC;gBAC3E;YACF;YAEA,YAAY;gBACV,oBAAoB,CAAC;YACvB;YAEA,qBAAqB;gBACnB,iEAAiE,CAAC;YACpE;YAEA,oBAAoB;gBAClB,gDAAgD,CAAC;YACnD;YAEA,cAAc;gBACZ,4CAA4C,CAAC;gBAC7C,2BAA0B;oBACxB,sCAAsC,CAAC;gBACzC;YACF;QACF;IACF;EAAG"}

package/dist/esm/components/list.js

@@ -1,54 +1,57 @@
-export var List = () => ({
-  '.sk-list': {
-    // General
-    li: {
-      '&:before': {
-        '@apply text-vattjom-surface-primary font-bold': {},
-        '@apply absolute inline-flex items-center justify-center text-center': {},
-        '@apply w-24 h-24': {}
-      }
-    },
-    '&[data-style="bullet"]': {
-      li: {
-        '&:before': {
-          "@apply content-['•'] my-5 text-lead": {}
+export var List = function() {
+    return {
+        '.sk-list': {
+            // General
+            li: {
+                '&:before': {
+                    '@apply text-vattjom-surface-primary font-bold': {},
+                    '@apply absolute inline-flex items-center justify-center text-center': {},
+                    '@apply w-24 h-24': {}
+                }
+            },
+            '&[data-style="bullet"]': {
+                li: {
+                    '&:before': {
+                        "@apply content-['•'] my-5 text-lead": {}
+                    }
+                }
+            },
+            '&[data-style="numbered"]': {
+                li: {
+                    counterIncrement: 'item',
+                    '&:before': {
+                        '@apply text-small border-vattjom-surface-primary rounded-full leading-8': {},
+                        '@apply my-6 h-22 w-22 border-2': {},
+                        content: 'counter(item)'
+                    }
+                }
+            },
+            '&[data-style="stroke"]': {
+                li: {
+                    '&:before': {
+                        "@apply content-['–'] my-4 text-base": {}
+                    }
+                }
+            },
+            '.sk-link': {
+                '&-tertiary': {
+                    '@apply text-dark-primary': {},
+                    '&:hover': {
+                        '@apply text-dark-secondary': {}
+                    }
+                }
+            },
+            '&-item': {
+                '@apply pt-20': {}
+            },
+            '&-header': {
+                '@apply text-large font-bold ml-32': {}
+            },
+            '&-text': {
+                '@apply text-dark-secondary ml-32': {}
+            }
         }
-      }
-    },
-    '&[data-style="numbered"]': {
-      li: {
-        counterIncrement: 'item',
-        '&:before': {
-          '@apply text-small border-vattjom-surface-primary rounded-full leading-8': {},
-          '@apply my-6 h-22 w-22 border-2': {},
-          content: 'counter(item)'
-        }
-      }
-    },
-    '&[data-style="stroke"]': {
-      li: {
-        '&:before': {
-          "@apply content-['–'] my-4 text-base": {}
-        }
-      }
-    },
-    '.sk-link': {
-      '&-tertiary': {
-        '@apply text-dark-primary': {},
-        '&:hover': {
-          '@apply text-dark-secondary': {}
-        }
-      }
-    },
-    '&-item': {
-      '@apply pt-20': {}
-    },
-    '&-header': {
-      '@apply text-large font-bold ml-32': {}
-    },
-    '&-text': {
-      '@apply text-dark-secondary ml-32': {}
-    }
-  }
-});
+    };
+};
+
 //# sourceMappingURL=list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":["List","li","counterIncrement","content"],"sources":["../../../src/components/list.ts"],"sourcesContent":["export const List = () => ({\r\n  '.sk-list': {\r\n    // General\r\n    li: {\r\n      '&:before': {\r\n        '@apply text-vattjom-surface-primary font-bold': {},\r\n        '@apply absolute inline-flex items-center justify-center text-center': {},\r\n        '@apply w-24 h-24': {},\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"bullet\"]': {\r\n      li: {\r\n        '&:before': {\r\n          \"@apply content-['•'] my-5 text-lead\": {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"numbered\"]': {\r\n      li: {\r\n        counterIncrement: 'item',\r\n\r\n        '&:before': {\r\n          '@apply text-small border-vattjom-surface-primary rounded-full leading-8': {},\r\n          '@apply my-6 h-22 w-22 border-2': {},\r\n          content: 'counter(item)',\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"stroke\"]': {\r\n      li: {\r\n        '&:before': {\r\n          \"@apply content-['–'] my-4 text-base\": {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '.sk-link': {\r\n      '&-tertiary': {\r\n        '@apply text-dark-primary': {},\r\n        '&:hover': {\r\n          '@apply text-dark-secondary': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply pt-20': {},\r\n    },\r\n\r\n    '&-header': {\r\n      '@apply text-large font-bold ml-32': {},\r\n    },\r\n\r\n    '&-text': {\r\n      '@apply text-dark-secondary ml-32': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV;IACAC,EAAE,EAAE;MACF,UAAU,EAAE;QACV,+CAA+C,EAAE,CAAC,CAAC;QACnD,qEAAqE,EAAE,CAAC,CAAC;QACzE,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,wBAAwB,EAAE;MACxBA,EAAE,EAAE;QACF,UAAU,EAAE;UACV,qCAAqC,EAAE,CAAC;QAC1C;MACF;IACF,CAAC;IAED,0BAA0B,EAAE;MAC1BA,EAAE,EAAE;QACFC,gBAAgB,EAAE,MAAM;QAExB,UAAU,EAAE;UACV,yEAAyE,EAAE,CAAC,CAAC;UAC7E,gCAAgC,EAAE,CAAC,CAAC;UACpCC,OAAO,EAAE;QACX;MACF;IACF,CAAC;IAED,wBAAwB,EAAE;MACxBF,EAAE,EAAE;QACF,UAAU,EAAE;UACV,qCAAqC,EAAE,CAAC;QAC1C;MACF;IACF,CAAC;IAED,UAAU,EAAE;MACV,YAAY,EAAE;QACZ,0BAA0B,EAAE,CAAC,CAAC;QAC9B,SAAS,EAAE;UACT,4BAA4B,EAAE,CAAC;QACjC;MACF;IACF,CAAC;IAED,QAAQ,EAAE;MACR,cAAc,EAAE,CAAC;IACnB,CAAC;IAED,UAAU,EAAE;MACV,mCAAmC,EAAE,CAAC;IACxC,CAAC;IAED,QAAQ,EAAE;MACR,kCAAkC,EAAE,CAAC;IACvC;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/list.ts"],"sourcesContent":["export const List = () => ({\n  '.sk-list': {\n    // General\n    li: {\n      '&:before': {\n        '@apply text-vattjom-surface-primary font-bold': {},\n        '@apply absolute inline-flex items-center justify-center text-center': {},\n        '@apply w-24 h-24': {},\n      },\n    },\n\n    '&[data-style=\"bullet\"]': {\n      li: {\n        '&:before': {\n          \"@apply content-['•'] my-5 text-lead\": {},\n        },\n      },\n    },\n\n    '&[data-style=\"numbered\"]': {\n      li: {\n        counterIncrement: 'item',\n\n        '&:before': {\n          '@apply text-small border-vattjom-surface-primary rounded-full leading-8': {},\n          '@apply my-6 h-22 w-22 border-2': {},\n          content: 'counter(item)',\n        },\n      },\n    },\n\n    '&[data-style=\"stroke\"]': {\n      li: {\n        '&:before': {\n          \"@apply content-['–'] my-4 text-base\": {},\n        },\n      },\n    },\n\n    '.sk-link': {\n      '&-tertiary': {\n        '@apply text-dark-primary': {},\n        '&:hover': {\n          '@apply text-dark-secondary': {},\n        },\n      },\n    },\n\n    '&-item': {\n      '@apply pt-20': {},\n    },\n\n    '&-header': {\n      '@apply text-large font-bold ml-32': {},\n    },\n\n    '&-text': {\n      '@apply text-dark-secondary ml-32': {},\n    },\n  },\n});\n"],"names":["List","li","counterIncrement","content"],"mappings":"AAAA,OAAO,IAAMA,OAAO;WAAO;QACzB,YAAY;YACV,UAAU;YACVC,IAAI;gBACF,YAAY;oBACV,iDAAiD,CAAC;oBAClD,uEAAuE,CAAC;oBACxE,oBAAoB,CAAC;gBACvB;YACF;YAEA,0BAA0B;gBACxBA,IAAI;oBACF,YAAY;wBACV,uCAAuC,CAAC;oBAC1C;gBACF;YACF;YAEA,4BAA4B;gBAC1BA,IAAI;oBACFC,kBAAkB;oBAElB,YAAY;wBACV,2EAA2E,CAAC;wBAC5E,kCAAkC,CAAC;wBACnCC,SAAS;oBACX;gBACF;YACF;YAEA,0BAA0B;gBACxBF,IAAI;oBACF,YAAY;wBACV,uCAAuC,CAAC;oBAC1C;gBACF;YACF;YAEA,YAAY;gBACV,cAAc;oBACZ,4BAA4B,CAAC;oBAC7B,WAAW;wBACT,8BAA8B,CAAC;oBACjC;gBACF;YACF;YAEA,UAAU;gBACR,gBAAgB,CAAC;YACnB;YAEA,YAAY;gBACV,qCAAqC,CAAC;YACxC;YAEA,UAAU;gBACR,oCAAoC,CAAC;YACvC;QACF;IACF;EAAG"}

package/dist/esm/components/logo.js

@@ -1,49 +1,52 @@
-export var Logo = () => ({
-  '.sk-logo': {
-    '@apply flex w-auto h-auto': {},
-    '@apply items-center': {},
-    '@apply text-dark-primary': {},
-    '&[data-inverted="true"]': {
-      '@apply text-light-primary': {},
-      '.sk-logo-divider': {
-        '@apply border-inverted-divider': {}
-      }
-    },
-    '&-figure': {
-      '@apply w-full h-full': {}
-    },
-    '&[data-variant="service"]': {
-      '@apply flex-row gap-6': {},
-      '@apply w-max': {},
-      '@apply h-60': {},
-      '@apply pb-4': {},
-      '.sk-logo-figure': {
-        '@apply w-auto h-56': {}
-      }
-    },
-    'a:focus-within &': {
-      '@apply outline outline-2 outline-ring': {}
-    },
-    'a &': {
-      '@apply no-underline': {}
-    },
-    'a:hover &': {
-      '@apply underline': {}
-    },
-    '&-service-content': {
-      '@apply h-full w-max': {},
-      '@apply flex flex-col justify-center': {},
-      '@apply pl-2 pt-2 pr-8 pb-0': {}
-    },
-    '&-title': {
-      '@apply font-header text-logo-header': {}
-    },
-    '&-subtitle': {
-      '@apply text-small font-normal block': {}
-    },
-    '&-divider': {
-      '@apply pt-8 pb-4': {}
-    }
-  }
-});
+export var Logo = function() {
+    return {
+        '.sk-logo': {
+            '@apply flex w-auto h-auto': {},
+            '@apply items-center': {},
+            '@apply text-dark-primary': {},
+            '&[data-inverted="true"]': {
+                '@apply text-light-primary': {},
+                '.sk-logo-divider': {
+                    '@apply border-inverted-divider': {}
+                }
+            },
+            '&-figure': {
+                '@apply w-full h-full': {}
+            },
+            '&[data-variant="service"]': {
+                '@apply flex-row gap-6': {},
+                '@apply w-max': {},
+                '@apply h-60': {},
+                '@apply pb-4': {},
+                '.sk-logo-figure': {
+                    '@apply w-auto h-56': {}
+                }
+            },
+            'a:focus-within &': {
+                '@apply outline outline-2 outline-ring': {}
+            },
+            'a &': {
+                '@apply no-underline': {}
+            },
+            'a:hover &': {
+                '@apply underline': {}
+            },
+            '&-service-content': {
+                '@apply h-full w-max': {},
+                '@apply flex flex-col justify-center': {},
+                '@apply pl-2 pt-2 pr-8 pb-0': {}
+            },
+            '&-title': {
+                '@apply font-header text-logo-header': {}
+            },
+            '&-subtitle': {
+                '@apply text-small font-normal block': {}
+            },
+            '&-divider': {
+                '@apply pt-8 pb-4': {}
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=logo.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"logo.js","names":["Logo"],"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\r\n  '.sk-logo': {\r\n    '@apply flex w-auto h-auto': {},\r\n    '@apply items-center': {},\r\n    '@apply text-dark-primary': {},\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-light-primary': {},\r\n      '.sk-logo-divider': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n\r\n    '&-figure': {\r\n      '@apply w-full h-full': {},\r\n    },\r\n    '&[data-variant=\"service\"]': {\r\n      '@apply flex-row gap-6': {},\r\n      '@apply w-max': {},\r\n      '@apply h-60': {},\r\n      '@apply pb-4': {},\r\n      '.sk-logo-figure': {\r\n        '@apply w-auto h-56': {},\r\n      },\r\n    },\r\n    'a:focus-within &': {\r\n      '@apply outline outline-2 outline-ring': {},\r\n    },\r\n    'a &': {\r\n      '@apply no-underline': {},\r\n    },\r\n    'a:hover &': {\r\n      '@apply underline': {},\r\n    },\r\n    '&-service-content': {\r\n      '@apply h-full w-max': {},\r\n      '@apply flex flex-col justify-center': {},\r\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\r\n    },\r\n    '&-title': {\r\n      '@apply font-header text-logo-header': {},\r\n    },\r\n    '&-subtitle': {\r\n      '@apply text-small font-normal block': {},\r\n    },\r\n    '&-divider': {\r\n      '@apply pt-8 pb-4': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,2BAA2B,EAAE,CAAC,CAAC;IAC/B,qBAAqB,EAAE,CAAC,CAAC;IACzB,0BAA0B,EAAE,CAAC,CAAC;IAC9B,yBAAyB,EAAE;MACzB,2BAA2B,EAAE,CAAC,CAAC;MAC/B,kBAAkB,EAAE;QAClB,gCAAgC,EAAE,CAAC;MACrC;IACF,CAAC;IAED,UAAU,EAAE;MACV,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,2BAA2B,EAAE;MAC3B,uBAAuB,EAAE,CAAC,CAAC;MAC3B,cAAc,EAAE,CAAC,CAAC;MAClB,aAAa,EAAE,CAAC,CAAC;MACjB,aAAa,EAAE,CAAC,CAAC;MACjB,iBAAiB,EAAE;QACjB,oBAAoB,EAAE,CAAC;MACzB;IACF,CAAC;IACD,kBAAkB,EAAE;MAClB,uCAAuC,EAAE,CAAC;IAC5C,CAAC;IACD,KAAK,EAAE;MACL,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,WAAW,EAAE;MACX,kBAAkB,EAAE,CAAC;IACvB,CAAC;IACD,mBAAmB,EAAE;MACnB,qBAAqB,EAAE,CAAC,CAAC;MACzB,qCAAqC,EAAE,CAAC,CAAC;MACzC,4BAA4B,EAAE,CAAC;IACjC,CAAC;IACD,SAAS,EAAE;MACT,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IACD,YAAY,EAAE;MACZ,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IACD,WAAW,EAAE;MACX,kBAAkB,EAAE,CAAC;IACvB;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\n  '.sk-logo': {\n    '@apply flex w-auto h-auto': {},\n    '@apply items-center': {},\n    '@apply text-dark-primary': {},\n    '&[data-inverted=\"true\"]': {\n      '@apply text-light-primary': {},\n      '.sk-logo-divider': {\n        '@apply border-inverted-divider': {},\n      },\n    },\n\n    '&-figure': {\n      '@apply w-full h-full': {},\n    },\n    '&[data-variant=\"service\"]': {\n      '@apply flex-row gap-6': {},\n      '@apply w-max': {},\n      '@apply h-60': {},\n      '@apply pb-4': {},\n      '.sk-logo-figure': {\n        '@apply w-auto h-56': {},\n      },\n    },\n    'a:focus-within &': {\n      '@apply outline outline-2 outline-ring': {},\n    },\n    'a &': {\n      '@apply no-underline': {},\n    },\n    'a:hover &': {\n      '@apply underline': {},\n    },\n    '&-service-content': {\n      '@apply h-full w-max': {},\n      '@apply flex flex-col justify-center': {},\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\n    },\n    '&-title': {\n      '@apply font-header text-logo-header': {},\n    },\n    '&-subtitle': {\n      '@apply text-small font-normal block': {},\n    },\n    '&-divider': {\n      '@apply pt-8 pb-4': {},\n    },\n  },\n});\n"],"names":["Logo"],"mappings":"AAAA,OAAO,IAAMA,OAAO;WAAO;QACzB,YAAY;YACV,6BAA6B,CAAC;YAC9B,uBAAuB,CAAC;YACxB,4BAA4B,CAAC;YAC7B,2BAA2B;gBACzB,6BAA6B,CAAC;gBAC9B,oBAAoB;oBAClB,kCAAkC,CAAC;gBACrC;YACF;YAEA,YAAY;gBACV,wBAAwB,CAAC;YAC3B;YACA,6BAA6B;gBAC3B,yBAAyB,CAAC;gBAC1B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,eAAe,CAAC;gBAChB,mBAAmB;oBACjB,sBAAsB,CAAC;gBACzB;YACF;YACA,oBAAoB;gBAClB,yCAAyC,CAAC;YAC5C;YACA,OAAO;gBACL,uBAAuB,CAAC;YAC1B;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,uBAAuB,CAAC;gBACxB,uCAAuC,CAAC;gBACxC,8BAA8B,CAAC;YACjC;YACA,WAAW;gBACT,uCAAuC,CAAC;YAC1C;YACA,cAAc;gBACZ,uCAAuC,CAAC;YAC1C;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;QACF;IACF;EAAG"}