@sk-web-gui/core 3.9.1 → 3.11.0

package/dist/esm/components/badge.js

@@ -1,33 +1,84 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-export var Badge = colors => ({
-  '.sk-badge': _extends({
-    '@apply inline-flex': {},
-    '@apply justify-center items-center': {},
-    '@apply text-light-primary': {},
-    '@apply rounded-utility': {},
-    '@apply overflow-hidden': {},
-    // size
-    '@apply h-24 w-24': {},
-    '@apply text-label-small': {},
-    '&[data-rounded="true"]': {
-      '@apply rounded-circular': {}
+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  text-" + color + "-text-secondary"]: {},
-      '&[data-inverted="true"]': {
-        '@apply text-inverted-light-primary': {},
-        ["@apply bg-inverted-" + color + "-surface-primary text-inverted-" + color + "-text-secondary"]: {}
-      }
+    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-primary-surface': {},
-      '&[data-inverted="true"]': {
-        '@apply text-inverted-light-primary': {},
-        '@apply bg-tertiary-surface dark:bg-inverted-primary-surface': {}
-      }
+    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 Badge = function(colors) {
+    return {
+        '.sk-badge': _object_spread_props(_object_spread({
+            '@apply inline-flex': {},
+            '@apply justify-center items-center': {},
+            '@apply text-light-primary': {},
+            '@apply rounded-utility': {},
+            '@apply overflow-hidden': {},
+            // size
+            '@apply h-24 w-24': {},
+            '@apply text-label-small': {},
+            '&[data-rounded="true"]': {
+                '@apply rounded-circular': {}
+            }
+        }, colors.reduce(function(styles, color) {
+            var _obj;
+            return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), (_obj = {}, _define_property(_obj, "@apply bg-".concat(color, "-surface-primary  text-").concat(color, "-text-secondary"), {}), _define_property(_obj, '&[data-inverted="true"]', _define_property({
+                '@apply text-inverted-light-primary': {}
+            }, "@apply bg-inverted-".concat(color, "-surface-primary text-inverted-").concat(color, "-text-secondary"), {})), _obj)));
+        }, {})), {
+            "&[data-color='tertiary']": {
+                '@apply bg-primary-surface': {},
+                '&[data-inverted="true"]': {
+                    '@apply text-inverted-light-primary': {},
+                    '@apply bg-tertiary-surface dark:bg-inverted-primary-surface': {}
+                }
+            }
+        })
+    };
+};
+
 //# sourceMappingURL=badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":["Badge","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/badge.ts"],"sourcesContent":["export const Badge = (colors: string[]) => ({\r\n  '.sk-badge': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply text-light-primary': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply overflow-hidden': {},\r\n\r\n    // size\r\n    '@apply h-24 w-24': {},\r\n    '@apply text-label-small': {},\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\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  text-${color}-text-secondary`]: {},\r\n\r\n          '&[data-inverted=\"true\"]': {\r\n            '@apply text-inverted-light-primary': {},\r\n            [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '@apply bg-primary-surface': {},\r\n\r\n      '&[data-inverted=\"true\"]': {\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"],"mappings":";AAAA,OAAO,IAAMA,KAAK,GAAIC,MAAgB,KAAM;EAC1C,WAAW,EAAAC,QAAA;IACT,oBAAoB,EAAE,CAAC,CAAC;IACxB,oCAAoC,EAAE,CAAC,CAAC;IACxC,2BAA2B,EAAE,CAAC,CAAC;IAC/B,wBAAwB,EAAE,CAAC,CAAC;IAC5B,wBAAwB,EAAE,CAAC,CAAC;IAE5B;IACA,kBAAkB,EAAE,CAAC,CAAC;IACtB,yBAAyB,EAAE,CAAC,CAAC;IAE7B,wBAAwB,EAAE;MACxB,yBAAyB,EAAE,CAAC;IAC9B;EAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,+BAA0BA,KAAK,uBAAoB,CAAC,CAAC;MAExE,yBAAyB,EAAE;QACzB,oCAAoC,EAAE,CAAC,CAAC;QACxC,yBAAuBA,KAAK,uCAAkCA,KAAK,uBAAoB,CAAC;MAC1F;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IAED,0BAA0B,EAAE;MAC1B,2BAA2B,EAAE,CAAC,CAAC;MAE/B,yBAAyB,EAAE;QACzB,oCAAoC,EAAE,CAAC,CAAC;QACxC,6DAA6D,EAAE,CAAC;MAClE;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/badge.ts"],"sourcesContent":["export const Badge = (colors: string[]) => ({\r\n  '.sk-badge': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply text-light-primary': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply overflow-hidden': {},\r\n\r\n    // size\r\n    '@apply h-24 w-24': {},\r\n    '@apply text-label-small': {},\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\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  text-${color}-text-secondary`]: {},\r\n\r\n          '&[data-inverted=\"true\"]': {\r\n            '@apply text-inverted-light-primary': {},\r\n            [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '@apply bg-primary-surface': {},\r\n\r\n      '&[data-inverted=\"true\"]': {\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"],"names":["Badge","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,QAAQ,SAACC;WAAsB;QAC1C,aAAa;YACX,sBAAsB,CAAC;YACvB,sCAAsC,CAAC;YACvC,6BAA6B,CAAC;YAC9B,0BAA0B,CAAC;YAC3B,0BAA0B,CAAC;YAE3B,OAAO;YACP,oBAAoB,CAAC;YACrB,2BAA2B,CAAC;YAE5B,0BAA0B;gBACxB,2BAA2B,CAAC;YAC9B;WAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;gBAEuB;mBAFZ,wCACfD,8BACF,AAAC,iBAAsB,OAANC,OAAM,QAAM,WAC5B,iBAD4B,MAC3B,AAAC,aAA2CA,OAA/BA,OAAM,2BAA+B,OAANA,OAAM,oBAAmB,CAAC,IAEvE,iBAH4B,MAG5B,2BAEE;gBADA,sCAAsC,CAAC;eACtC,AAAC,sBAA4DA,OAAvCA,OAAM,mCAAuC,OAANA,OAAM,oBAAmB,CAAC,KAL9D;WAShC,CAAC;YAGH,4BAA4B;gBAC1B,6BAA6B,CAAC;gBAE9B,2BAA2B;oBACzB,sCAAsC,CAAC;oBACvC,+DAA+D,CAAC;gBAClE;YACF;;IAEJ;EAAG"}

package/dist/esm/components/breadcrumb.js

@@ -1,29 +1,40 @@
-export var Breadcrumb = () => ({
-  '.sk-breadcrumb': {
-    '@apply text-body text-base relative': {},
-    '&-item': {
-      '@apply inline-flex items-center whitespace-nowrap': {}
-    },
-    '&-separator': {
-      '@apply mx-6': {}
+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;
     }
-  },
-  '.sk-breadcrumb-item': {
-    span: {
-      '&[aria-current="page"]': {
-        '@apply font-bold': {}
-      }
-    },
-    ["&[data-color=\"primary\"]"]: {
-      'a.sk-link': {
-        ["@apply text-secondary"]: {}
-      }
-    },
-    ["&[data-color=\"vattjom\"]"]: {
-      'a.sk-link': {
-        ["@apply text-vattjom-text-primary"]: {}
-      }
-    }
-  }
-});
+    return obj;
+}
+export var Breadcrumb = function() {
+    var _obj;
+    return {
+        '.sk-breadcrumb': {
+            '@apply text-body text-base relative': {},
+            '&-item': {
+                '@apply inline-flex items-center whitespace-nowrap': {}
+            },
+            '&-separator': {
+                '@apply mx-6': {}
+            }
+        },
+        '.sk-breadcrumb-item': (_obj = {
+            span: {
+                '&[aria-current="page"]': {
+                    '@apply font-bold': {}
+                }
+            }
+        }, _define_property(_obj, '&[data-color="primary"]', {
+            'a.sk-link': _define_property({}, "@apply text-secondary", {})
+        }), _define_property(_obj, '&[data-color="vattjom"]', {
+            'a.sk-link': _define_property({}, "@apply text-vattjom-text-primary", {})
+        }), _obj)
+    };
+};
+
 //# sourceMappingURL=breadcrumb.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","names":["Breadcrumb","span"],"sources":["../../../src/components/breadcrumb.ts"],"sourcesContent":["export const Breadcrumb = () => ({\r\n  '.sk-breadcrumb': {\r\n    '@apply text-body text-base relative': {},\r\n\r\n    '&-item': {\r\n      '@apply inline-flex items-center whitespace-nowrap': {},\r\n    },\r\n\r\n    '&-separator': {\r\n      '@apply mx-6': {},\r\n    },\r\n  },\r\n\r\n  '.sk-breadcrumb-item': {\r\n    span: {\r\n      '&[aria-current=\"page\"]': {\r\n        '@apply font-bold': {},\r\n      },\r\n    },\r\n\r\n    [`&[data-color=\"primary\"]`]: {\r\n      'a.sk-link': {\r\n        [`@apply text-secondary`]: {},\r\n      },\r\n    },\r\n\r\n    [`&[data-color=\"vattjom\"]`]: {\r\n      'a.sk-link': {\r\n        [`@apply text-vattjom-text-primary`]: {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,UAAU,GAAGA,CAAA,MAAO;EAC/B,gBAAgB,EAAE;IAChB,qCAAqC,EAAE,CAAC,CAAC;IAEzC,QAAQ,EAAE;MACR,mDAAmD,EAAE,CAAC;IACxD,CAAC;IAED,aAAa,EAAE;MACb,aAAa,EAAE,CAAC;IAClB;EACF,CAAC;EAED,qBAAqB,EAAE;IACrBC,IAAI,EAAE;MACJ,wBAAwB,EAAE;QACxB,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,+BAA6B;MAC3B,WAAW,EAAE;QACX,2BAA2B,CAAC;MAC9B;IACF,CAAC;IAED,+BAA6B;MAC3B,WAAW,EAAE;QACX,sCAAsC,CAAC;MACzC;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/breadcrumb.ts"],"sourcesContent":["export const Breadcrumb = () => ({\r\n  '.sk-breadcrumb': {\r\n    '@apply text-body text-base relative': {},\r\n\r\n    '&-item': {\r\n      '@apply inline-flex items-center whitespace-nowrap': {},\r\n    },\r\n\r\n    '&-separator': {\r\n      '@apply mx-6': {},\r\n    },\r\n  },\r\n\r\n  '.sk-breadcrumb-item': {\r\n    span: {\r\n      '&[aria-current=\"page\"]': {\r\n        '@apply font-bold': {},\r\n      },\r\n    },\r\n\r\n    [`&[data-color=\"primary\"]`]: {\r\n      'a.sk-link': {\r\n        [`@apply text-secondary`]: {},\r\n      },\r\n    },\r\n\r\n    [`&[data-color=\"vattjom\"]`]: {\r\n      'a.sk-link': {\r\n        [`@apply text-vattjom-text-primary`]: {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Breadcrumb","span"],"mappings":";;;;;;;;;;;;;AAAA,OAAO,IAAMA,aAAa;QAaD;WAbQ;QAC/B,kBAAkB;YAChB,uCAAuC,CAAC;YAExC,UAAU;gBACR,qDAAqD,CAAC;YACxD;YAEA,eAAe;gBACb,eAAe,CAAC;YAClB;QACF;QAEA,qBAAqB,GAAE;YACrBC,MAAM;gBACJ,0BAA0B;oBACxB,oBAAoB,CAAC;gBACvB;YACF;WAEA,iBAPqB,MAOnB,2BAA2B;YAC3B,aACE,qBAAE,yBAAyB,CAAC;QAEhC,IAEA,iBAbqB,MAanB,2BAA2B;YAC3B,aACE,qBAAE,oCAAoC,CAAC;QAE3C,IAjBqB;IAmBzB;EAAG"}

package/dist/esm/components/button-group.js

@@ -1,26 +1,29 @@
-export var ButtonGroup = () => ({
-  '.sk-btn-group': {
-    '@apply inline-flex items-center': {},
-    '&.sk-btn-group-attached': {
-      '@apply rounded-groups': {},
-      '@apply bg-tertiary-surface': {},
-      '@apply py-6 px-12': {},
-      '> *': {
-        '@apply bg-transparent': {}
-      },
-      '.sk-btn[data-icon="true"] .sk-icon': {
-        '@apply bg-transparent text-dark-secondary': {}
-      },
-      '.sk-icon': {
-        '@apply p-0 w-fit h-fit': {}
-      }
-    },
-    '&-divider': {
-      '@apply grow bg-tertiary-surface px-6': {},
-      hr: {
-        '@apply h-20': {}
-      }
-    }
-  }
-});
+export var ButtonGroup = function() {
+    return {
+        '.sk-btn-group': {
+            '@apply inline-flex items-center': {},
+            '&.sk-btn-group-attached': {
+                '@apply rounded-groups': {},
+                '@apply bg-tertiary-surface': {},
+                '@apply py-6 px-12': {},
+                '> *': {
+                    '@apply bg-transparent': {}
+                },
+                '.sk-btn[data-icon="true"] .sk-icon': {
+                    '@apply bg-transparent text-dark-secondary': {}
+                },
+                '.sk-icon': {
+                    '@apply p-0 w-fit h-fit': {}
+                }
+            },
+            '&-divider': {
+                '@apply grow bg-tertiary-surface px-6': {},
+                hr: {
+                    '@apply h-20': {}
+                }
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=button-group.js.map

package/dist/esm/components/button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","names":["ButtonGroup","hr"],"sources":["../../../src/components/button-group.ts"],"sourcesContent":["export const ButtonGroup = () => ({\r\n  '.sk-btn-group': {\r\n    '@apply inline-flex items-center': {},\r\n\r\n    '&.sk-btn-group-attached': {\r\n      '@apply rounded-groups': {},\r\n      '@apply bg-tertiary-surface': {},\r\n      '@apply py-6 px-12': {},\r\n\r\n      '> *': {\r\n        '@apply bg-transparent': {},\r\n      },\r\n\r\n      '.sk-btn[data-icon=\"true\"] .sk-icon': {\r\n        '@apply bg-transparent text-dark-secondary': {},\r\n      },\r\n\r\n      '.sk-icon': {\r\n        '@apply p-0 w-fit h-fit': {},\r\n      },\r\n    },\r\n\r\n    '&-divider': {\r\n      '@apply grow bg-tertiary-surface px-6': {},\r\n\r\n      hr: {\r\n        '@apply h-20': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAGA,CAAA,MAAO;EAChC,eAAe,EAAE;IACf,iCAAiC,EAAE,CAAC,CAAC;IAErC,yBAAyB,EAAE;MACzB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,4BAA4B,EAAE,CAAC,CAAC;MAChC,mBAAmB,EAAE,CAAC,CAAC;MAEvB,KAAK,EAAE;QACL,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED,oCAAoC,EAAE;QACpC,2CAA2C,EAAE,CAAC;MAChD,CAAC;MAED,UAAU,EAAE;QACV,wBAAwB,EAAE,CAAC;MAC7B;IACF,CAAC;IAED,WAAW,EAAE;MACX,sCAAsC,EAAE,CAAC,CAAC;MAE1CC,EAAE,EAAE;QACF,aAAa,EAAE,CAAC;MAClB;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/button-group.ts"],"sourcesContent":["export const ButtonGroup = () => ({\r\n  '.sk-btn-group': {\r\n    '@apply inline-flex items-center': {},\r\n\r\n    '&.sk-btn-group-attached': {\r\n      '@apply rounded-groups': {},\r\n      '@apply bg-tertiary-surface': {},\r\n      '@apply py-6 px-12': {},\r\n\r\n      '> *': {\r\n        '@apply bg-transparent': {},\r\n      },\r\n\r\n      '.sk-btn[data-icon=\"true\"] .sk-icon': {\r\n        '@apply bg-transparent text-dark-secondary': {},\r\n      },\r\n\r\n      '.sk-icon': {\r\n        '@apply p-0 w-fit h-fit': {},\r\n      },\r\n    },\r\n\r\n    '&-divider': {\r\n      '@apply grow bg-tertiary-surface px-6': {},\r\n\r\n      hr: {\r\n        '@apply h-20': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["ButtonGroup","hr"],"mappings":"AAAA,OAAO,IAAMA,cAAc;WAAO;QAChC,iBAAiB;YACf,mCAAmC,CAAC;YAEpC,2BAA2B;gBACzB,yBAAyB,CAAC;gBAC1B,8BAA8B,CAAC;gBAC/B,qBAAqB,CAAC;gBAEtB,OAAO;oBACL,yBAAyB,CAAC;gBAC5B;gBAEA,sCAAsC;oBACpC,6CAA6C,CAAC;gBAChD;gBAEA,YAAY;oBACV,0BAA0B,CAAC;gBAC7B;YACF;YAEA,aAAa;gBACX,wCAAwC,CAAC;gBAEzCC,IAAI;oBACF,eAAe,CAAC;gBAClB;YACF;QACF;IACF;EAAG"}