@sk-web-gui/core 0.1.92 → 1.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":["module","exports","Avatar"],"sources":["../../../src/components/avatar.js"],"sourcesContent":["module.exports = Avatar = () => ({\r\n  '.avatar': {\r\n    '@apply relative inline-flex items-center justify-center flex-shrink-0 align-top rounded-full': {},\r\n    '@apply bg-neutral-300 text-neutral-800': {},\r\n    // dark colors\r\n    '@apply dark:bg-neutral-600 dark:text-neutral-100': {},\r\n\r\n    '&-2xs': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-xs': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-7 h-7': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-8 h-8': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-10 h-10': {},\r\n    },\r\n\r\n    '&-2xl': {\r\n      '@apply w-12 h-12': {},\r\n    },\r\n\r\n    '&-3xl': {\r\n      '@apply w-16 h-16': {},\r\n    },\r\n  },\r\n\r\n  '.avatar-bordered': {\r\n    '@apply border-2 border-white': {},\r\n    '@apply dark:border-neutral-800': {},\r\n  },\r\n\r\n  '.avatar-name': {\r\n    '@apply font-medium text-center uppercase': {},\r\n\r\n    '&-2xs': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-xs': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-7 h-7': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-8 h-8': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-10 h-10': {},\r\n    },\r\n\r\n    '&-2xl': {\r\n      '@apply w-12 h-12': {},\r\n    },\r\n\r\n    '&-3xl': {\r\n      '@apply w-16 h-16': {},\r\n    },\r\n  },\r\n\r\n  '.avatar-group': {\r\n    '@apply flex items-center justify-end flex-row-reverse': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAAA;EAAA,OAAO;IAC/B,SAAS,EAAE;MACT,8FAA8F,EAAE,CAAC,CAAC;MAClG,wCAAwC,EAAE,CAAC,CAAC;MAC5C;MACA,kDAAkD,EAAE,CAAC,CAAC;MAEtD,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,OAAO,EAAE;QACP,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,OAAO,EAAE;QACP,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,kBAAkB,EAAE;MAClB,8BAA8B,EAAE,CAAC,CAAC;MAClC,gCAAgC,EAAE,CAAC;IACrC,CAAC;IAED,cAAc,EAAE;MACd,0CAA0C,EAAE,CAAC,CAAC;MAE9C,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,OAAO,EAAE;QACP,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,OAAO,EAAE;QACP,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,eAAe,EAAE;MACf,uDAAuD,EAAE,CAAC;IAC5D;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"avatar.js","names":["module","exports","Avatar","colors","_extends","reduce","styles","color","_dataAccentTrue","_ref","_extends2"],"sources":["../../../src/components/avatar.js"],"sourcesContent":["module.exports = Avatar = (colors) => ({\r\n  '.sk-avatar': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n    '@apply overflow-hidden': {},\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply h-[3.2rem] w-[3.2rem] min-h-[2.4rem] max-h-[3.2rem] min-w-[2.4rem] max-w-[3.2rem]': {},\r\n      '@apply text-label-small': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply h-[4rem] w-[4rem] min-h-[3.2rem] max-h-[4rem] min-w-[3.2rem] max-w-[4rem]': {},\r\n      '@apply text-label-medium': {},\r\n    },\r\n    '&&-lg': {\r\n      '@apply h-[6.4rem] w-[6.4rem] min-h-[4rem] max-h-[6.4rem] min-w-[4rem] max-w-[6.4rem]': {},\r\n      '@apply text-label-large': {},\r\n    },\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-${color}-surface-accent  text-${color}-text-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&-img': {\r\n      '@apply min-w-full min-h-full object-cover': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAACC,MAAM;EAAA,OAAM;IACrC,YAAY,EAAAC,QAAA;MACV,oBAAoB,EAAE,CAAC,CAAC;MACxB,oCAAoC,EAAE,CAAC,CAAC;MACxC,oEAAoE,EAAE,CAAC,CAAC;MACxE,wBAAwB,EAAE,CAAC,CAAC;MAC5B,wBAAwB,EAAE;QACxB,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,OAAO,EAAE;QACP,0FAA0F,EAAE,CAAC,CAAC;QAC9F,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,OAAO,EAAE;QACP,kFAAkF,EAAE,CAAC,CAAC;QACtF,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,OAAO,EAAE;QACP,sFAAsF,EAAE,CAAC,CAAC;QAC1F,yBAAyB,EAAE,CAAC;MAC9B;IAAC,GACED,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,eAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,aAAAE,IAAA,OAAAA,IAAA,gBACPF,KAAK,+BAA0BA,KAAK,wBAAoB,CAAC,CAAC,EAAAE,IAAA,CAExE,uBAAuB,KAAAD,eAAA,OAAAA,eAAA,gBACPD,KAAK,8BAAyBA,KAAK,sBAAkB,CAAC,CAAC,EAAAC,eAAA,GAAAC,IAAA,GAAAC,SAAA;IAAA,CAGzE,EACF,CAAC,CACH,CAAC;MACD,OAAO,EAAE;QACP,2CAA2C,EAAE,CAAC;MAChD;IAAC;EAEL,CAAC;AAAA,CAAC"}

package/dist/cjs/components/badge.js

@@ -1,176 +1,32 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function badgeSolid(colors) {
+module.exports = Badge = function Badge(colors) {
   return {
-    '&-solid': _extends({
-      '@apply border-2 border-white box-border': {},
-      '@apply text-white': {}
-    }, colors.reduce(function (styles, color) {
-      var _ref, _extends2;
-      return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply text-white bg-" + color] = {}, _ref), _extends2));
-    }, {}), {
-      "&[data-color='primary']": {
-        '@apply bg-primary': {}
-      },
-      "&[data-color='warning']": {
-        '@apply bg-[#B05F03]': {}
-      },
-      "&[data-color='error']": {
-        '@apply bg-error': {}
-      },
-      "&[data-color='neutral']": {
-        '@apply bg-neutral-400': {}
+    '.sk-badge': _extends({
+      '@apply inline-flex': {},
+      '@apply justify-center items-center': {},
+      '@apply text-light-primary': {},
+      '@apply rounded-utility': {},
+      '@apply overflow-hidden': {},
+      // size
+      '@apply h-[2.4rem] w-[2.4rem]': {},
+      '@apply text-label-small': {},
+      '&[data-rounded="true"]': {
+        '@apply rounded-circular': {}
       }
-    })
-  };
-}
-function badgeOutline(colors) {
-  return {
-    '&-outline': _extends({
-      '@apply border border-gray-stroke': {},
-      '@apply text-body bg-transparent': {}
     }, colors.reduce(function (styles, color) {
-      var _ref2, _extends3;
-      return _extends({}, styles, (_extends3 = {}, _extends3["&[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply border-current"] = {}, _ref2["@apply text-" + color] = {}, _ref2), _extends3));
+      var _dataInvertedTru, _ref, _extends2;
+      return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-surface-primary  text-" + color + "-text-secondary"] = {}, _ref['&[data-inverted="true"]'] = (_dataInvertedTru = {
+        '@apply text-inverted-light-primary': {}
+      }, _dataInvertedTru["@apply bg-inverted-" + color + "-surface-primary text-inverted-" + color + "-text-secondary"] = {}, _dataInvertedTru), _ref), _extends2));
     }, {}), {
-      '&.badge': {
-        '&-disabled': {
-          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},
-          '&.active': {
-            '@apply border-gray-stroke': {}
-          }
+      "&[data-color='tertiary']": {
+        '@apply bg-primary-surface': {},
+        '&[data-inverted="true"]': {
+          '@apply text-inverted-light-primary': {},
+          '@apply bg-tertiary-surface dark:bg-inverted-primary-surface': {}
         }
-      },
-      "&[data-color='primary']": {
-        '@apply border-primary': {},
-        '@apply text-primary': {}
-      },
-      "&[data-color='warning']": {
-        '@apply border-[#B05F03]': {},
-        '@apply text-[#B05F03]': {}
-      },
-      "&[data-color='error']": {
-        '@apply border-error': {},
-        '@apply text-error': {}
-      },
-      "&[data-color='neutral']": {
-        '@apply border-neutral-300': {}
       }
     })
   };
-}
-module.exports = badge = function badge(colors) {
-  return {
-    '.badge': _extends({
-      '@apply relative': {},
-      '@apply m-0': {},
-      '@apply inline-flex items-center justify-center content-center align-middle': {},
-      '@apply font-sans leading-none': {},
-      '&-fullrounded': {
-        '@apply rounded-full': {}
-      },
-      //rounding
-      '&-roundedcorners-md': {
-        '@apply rounded-3xl px-sm': {}
-      },
-      '&-roundedcorners-lg': {
-        '@apply rounded-3xl px-sm': {}
-      },
-      // sizing
-      '&-sm': {
-        '@apply text-opacity-0 text-[0rem] overflow-hidden rounded-full': {},
-        minHeight: '10px',
-        maxHeight: '10px',
-        minWidth: '10px',
-        '&.noborder': {
-          '@apply border-none': {},
-          minHeight: '6px',
-          maxHeight: '6px',
-          minWidth: '6px'
-        }
-      },
-      '&-md': {
-        '@apply text-xs font-bold': {},
-        minHeight: '24px',
-        maxHeight: '24px',
-        minWidth: '24px',
-        '&.noborder': {
-          '@apply border-none': {},
-          minHeight: '20px',
-          maxHeight: '20px',
-          minWidth: '20px'
-        }
-      },
-      '&-lg': {
-        '@apply text-sm font-bold': {},
-        minHeight: '28px',
-        maxHeight: '28px',
-        minWidth: '28px',
-        '&.noborder': {
-          '@apply border-none': {},
-          minHeight: '24px',
-          maxHeight: '24px',
-          minWidth: '24px'
-        }
-      },
-      '&-standard-sm': {
-        '@apply right-[-4px] self-center': {},
-        '&.noborder': {
-          '@apply right-[-5px]': {}
-        }
-      },
-      '&-standard-md': {
-        '@apply right-[-4px] self-center': {},
-        '&.noborder': {
-          '@apply right-[-5px]': {}
-        }
-      },
-      '&-standard-lg': {
-        '@apply right-[-4px] self-center': {},
-        '&.noborder': {
-          '@apply right-[-5px]': {}
-        }
-      },
-      '&-super-sm': {
-        '@apply right-[-2px] top-[-5px]': {},
-        '&.noborder': {
-          '@apply right-[-3px]': {}
-        }
-      },
-      '&-super-md': {
-        '@apply right-[-3px] top-[-8px]': {},
-        '&.noborder': {
-          '@apply right-[-4px]': {}
-        }
-      },
-      '&-super-lg': {
-        '@apply right-[-4px] top-[-8px]': {},
-        '&.noborder': {
-          '@apply right-[-5px]': {}
-        }
-      },
-      '&-superoverlap-sm': {
-        '@apply right-[3px] top-[-5px]': {},
-        '&.noborder': {
-          '@apply right-[2px]': {}
-        }
-      },
-      '&-superoverlap-md': {
-        '@apply right-[8px] top-[-6px]': {},
-        '&.noborder': {
-          '@apply right-[7px]': {}
-        }
-      },
-      '&-superoverlap-lg': {
-        '@apply right-[8px] top-[-8px]': {},
-        '&.noborder': {
-          '@apply right-[7px]': {}
-        }
-      },
-      '&-fit-content': {
-        '@apply p-0': {},
-        fontSize: 'inherit'
-      }
-    }, badgeSolid(colors), badgeOutline(colors))
-  };
 };
 //# sourceMappingURL=badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":["badgeSolid","colors","_extends","reduce","styles","color","_ref","_extends2","badgeOutline","_ref2","_extends3","module","exports","badge","minHeight","maxHeight","minWidth","fontSize"],"sources":["../../../src/components/badge.js"],"sourcesContent":["function badgeSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      '@apply border-2 border-white box-border': {},\r\n      '@apply text-white': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            //[`@apply border-${color}`]: {},\r\n            [`@apply text-white bg-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply bg-primary': {},\r\n      },\r\n      \"&[data-color='warning']\": {\r\n        '@apply bg-[#B05F03]': {},\r\n      },\r\n      \"&[data-color='error']\": {\r\n        '@apply bg-error': {},\r\n      },\r\n      \"&[data-color='neutral']\": {\r\n        '@apply bg-neutral-400': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction badgeOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply border border-gray-stroke': {},\r\n      '@apply text-body bg-transparent': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-current`]: {},\r\n            [`@apply text-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.badge': {\r\n        '&-disabled': {\r\n          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply border-primary': {},\r\n        '@apply text-primary': {},\r\n      },\r\n      \"&[data-color='warning']\": {\r\n        '@apply border-[#B05F03]': {},\r\n        '@apply text-[#B05F03]': {},\r\n      },\r\n      \"&[data-color='error']\": {\r\n        '@apply border-error': {},\r\n        '@apply text-error': {},\r\n      },\r\n      \"&[data-color='neutral']\": {\r\n        '@apply border-neutral-300': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = badge = (colors) => ({\r\n  '.badge': {\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply inline-flex items-center justify-center content-center align-middle': {},\r\n    '@apply font-sans leading-none': {},\r\n\r\n    '&-fullrounded': {\r\n      '@apply rounded-full': {},\r\n    },\r\n\r\n    //rounding\r\n    '&-roundedcorners-md': {\r\n      '@apply rounded-3xl px-sm': {},\r\n    },\r\n\r\n    '&-roundedcorners-lg': {\r\n      '@apply rounded-3xl px-sm': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-opacity-0 text-[0rem] overflow-hidden rounded-full': {},\r\n      minHeight: '10px',\r\n      maxHeight: '10px',\r\n      minWidth: '10px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '6px',\r\n        maxHeight: '6px',\r\n        minWidth: '6px',\r\n      },\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-xs font-bold': {},\r\n      minHeight: '24px',\r\n      maxHeight: '24px',\r\n      minWidth: '24px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '20px',\r\n        maxHeight: '20px',\r\n        minWidth: '20px',\r\n      },\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-sm font-bold': {},\r\n      minHeight: '28px',\r\n      maxHeight: '28px',\r\n      minWidth: '28px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '24px',\r\n        maxHeight: '24px',\r\n        minWidth: '24px',\r\n      },\r\n    },\r\n\r\n    '&-standard-sm': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n    '&-standard-md': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n    '&-standard-lg': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n\r\n    '&-super-sm': {\r\n      '@apply right-[-2px] top-[-5px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-3px]': {},\r\n      },\r\n    },\r\n    '&-super-md': {\r\n      '@apply right-[-3px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-4px]': {},\r\n      },\r\n    },\r\n    '&-super-lg': {\r\n      '@apply right-[-4px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n\r\n    '&-superoverlap-sm': {\r\n      '@apply right-[3px] top-[-5px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[2px]': {},\r\n      },\r\n    },\r\n    '&-superoverlap-md': {\r\n      '@apply right-[8px] top-[-6px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[7px]': {},\r\n      },\r\n    },\r\n    '&-superoverlap-lg': {\r\n      '@apply right-[8px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[7px]': {},\r\n      },\r\n    },\r\n\r\n    '&-fit-content': {\r\n      '@apply p-0': {},\r\n      fontSize: 'inherit',\r\n    },\r\n\r\n    // variants\r\n    ...badgeSolid(colors),\r\n    ...badgeOutline(colors),\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"badge.js","names":["module","exports","Badge","colors","_extends","reduce","styles","color","_dataInvertedTru","_ref","_extends2"],"sources":["../../../src/components/badge.js"],"sourcesContent":["module.exports = Badge = (colors) => ({\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-[2.4rem] w-[2.4rem]': {},\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":";AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAACC,MAAM;EAAA,OAAM;IACpC,WAAW,EAAAC,QAAA;MACT,oBAAoB,EAAE,CAAC,CAAC;MACxB,oCAAoC,EAAE,CAAC,CAAC;MACxC,2BAA2B,EAAE,CAAC,CAAC;MAC/B,wBAAwB,EAAE,CAAC,CAAC;MAC5B,wBAAwB,EAAE,CAAC,CAAC;MAE5B;MACA,8BAA8B,EAAE,CAAC,CAAC;MAClC,yBAAyB,EAAE,CAAC,CAAC;MAE7B,wBAAwB,EAAE;QACxB,yBAAyB,EAAE,CAAC;MAC9B;IAAC,GAEED,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,aAAAE,IAAA,OAAAA,IAAA,gBACPF,KAAK,+BAA0BA,KAAK,wBAAoB,CAAC,CAAC,EAAAE,IAAA,CAExE,yBAAyB,KAAAD,gBAAA;QACvB,oCAAoC,EAAE,CAAC;MAAC,GAAAA,gBAAA,yBACjBD,KAAK,uCAAkCA,KAAK,wBAAoB,CAAC,CAAC,EAAAC,gBAAA,GAAAC,IAAA,GAAAC,SAAA;IAAA,CAG7F,EACF,CAAC,CACH,CAAC;MAED,0BAA0B,EAAE;QAC1B,2BAA2B,EAAE,CAAC,CAAC;QAE/B,yBAAyB,EAAE;UACzB,oCAAoC,EAAE,CAAC,CAAC;UACxC,6DAA6D,EAAE,CAAC;QAClE;MACF;IAAC;EAEL,CAAC;AAAA,CAAC"}

package/dist/cjs/components/breadcrumb.js

@@ -1,14 +1,26 @@
 module.exports = Breadcrumb = function Breadcrumb() {
+  var _aSkLink, _aSkLink2, _skBreadcrumbItem;
   return {
-    '.breadcrumb': {
+    '.sk-breadcrumb': {
       '@apply text-body relative': {},
       '&-item': {
         '@apply inline-flex items-center whitespace-nowrap': {}
       },
       '&-separator': {
-        '@apply mx-2': {}
+        '@apply mx-6': {}
       }
-    }
+    },
+    '.sk-breadcrumb-item': (_skBreadcrumbItem = {
+      span: {
+        '&[aria-current="page"]': {
+          '@apply font-bold': {}
+        }
+      }
+    }, _skBreadcrumbItem["&[data-color=\"primary\"]"] = {
+      'a.sk-link': (_aSkLink = {}, _aSkLink["@apply text-secondary"] = {}, _aSkLink)
+    }, _skBreadcrumbItem["&[data-color=\"vattjom\"]"] = {
+      'a.sk-link': (_aSkLink2 = {}, _aSkLink2["@apply text-vattjom-text-primary"] = {}, _aSkLink2)
+    }, _skBreadcrumbItem)
   };
 };
 //# sourceMappingURL=breadcrumb.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","names":["module","exports","Breadcrumb"],"sources":["../../../src/components/breadcrumb.js"],"sourcesContent":["module.exports = Breadcrumb = () => ({\r\n  '.breadcrumb': {\r\n    '@apply text-body 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-2': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAG,SAAAA,WAAA;EAAA,OAAO;IACnC,aAAa,EAAE;MACb,2BAA2B,EAAE,CAAC,CAAC;MAE/B,QAAQ,EAAE;QACR,mDAAmD,EAAE,CAAC;MACxD,CAAC;MAED,aAAa,EAAE;QACb,aAAa,EAAE,CAAC;MAClB;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"breadcrumb.js","names":["module","exports","Breadcrumb","_aSkLink","_aSkLink2","_skBreadcrumbItem","span"],"sources":["../../../src/components/breadcrumb.js"],"sourcesContent":["module.exports = Breadcrumb = () => ({\r\n  '.sk-breadcrumb': {\r\n    '@apply text-body 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":"AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAG,SAAAA,WAAA;EAAA,IAAAC,QAAA,EAAAC,SAAA,EAAAC,iBAAA;EAAA,OAAO;IACnC,gBAAgB,EAAE;MAChB,2BAA2B,EAAE,CAAC,CAAC;MAE/B,QAAQ,EAAE;QACR,mDAAmD,EAAE,CAAC;MACxD,CAAC;MAED,aAAa,EAAE;QACb,aAAa,EAAE,CAAC;MAClB;IACF,CAAC;IAED,qBAAqB,GAAAA,iBAAA;MACnBC,IAAI,EAAE;QACJ,wBAAwB,EAAE;UACxB,kBAAkB,EAAE,CAAC;QACvB;MACF;IAAC,GAAAD,iBAAA,gCAE4B;MAC3B,WAAW,GAAAF,QAAA,OAAAA,QAAA,4BACkB,CAAC,CAAC,EAAAA,QAAA;IAEjC,CAAC,EAAAE,iBAAA,gCAE4B;MAC3B,WAAW,GAAAD,SAAA,OAAAA,SAAA,uCAC6B,CAAC,CAAC,EAAAA,SAAA;IAE5C,CAAC,EAAAC,iBAAA;EAEL,CAAC;AAAA,CAAC"}

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

@@ -1,38 +1,25 @@
-// TODO: how it works with prefix?
 module.exports = ButtonGroup = function ButtonGroup() {
   return {
-    '.btn-group': {
-      '@apply inline-block': {},
-      '&.btn-group-attached': {
-        '> .btn-icon': {
-          boxSizing: 'content-box'
-        },
-        '> *:first-of-type:not(:last-of-type)': {
-          borderTopRightRadius: '0px',
-          borderBottomRightRadius: '0px'
-        },
-        '> *:not(:first-of-type):not(:last-of-type)': {
-          borderRadius: '0px'
-        },
-        '> *:not(:first-of-type):last-of-type': {
-          borderTopLeftRadius: '0px',
-          borderBottomLeftRadius: '0px'
-        },
-        '> .btn-solid:not(:last-child), > .btn-outline:not(:last-child)': {
-          borderRightWidth: '0px'
-        },
-        '> .btn-solid:hover, > .btn-outline:hover': {
-          borderRightWidth: '1px'
-        },
-        '> *:not(:last-of-type):hover + .btn-solid, > *:not(:last-of-type):hover + .btn-outline': {
-          borderLeftWidth: '0px'
-        },
-        '> .btn-solid:focus, > .btn-outline:focus': {
-          zIndex: '1px',
-          borderRightWidth: '1px'
-        },
-        '> *:not(:last-of-type):focus + .btn-solid, > *:not(:last-of-type):focus + .btn-outline': {
-          borderLeftWidth: '0px'
+    '.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-[2rem]': {}
         }
       }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","names":["module","exports","ButtonGroup","boxSizing","borderTopRightRadius","borderBottomRightRadius","borderRadius","borderTopLeftRadius","borderBottomLeftRadius","borderRightWidth","borderLeftWidth","zIndex"],"sources":["../../../src/components/button-group.js"],"sourcesContent":["// TODO: how it works with prefix?\r\nmodule.exports = ButtonGroup = () => ({\r\n  '.btn-group': {\r\n    '@apply inline-block': {},\r\n\r\n    '&.btn-group-attached': {\r\n      '> .btn-icon': {\r\n        boxSizing: 'content-box',\r\n      },\r\n      '> *:first-of-type:not(:last-of-type)': {\r\n        borderTopRightRadius: '0px',\r\n        borderBottomRightRadius: '0px',\r\n      },\r\n\r\n      '> *:not(:first-of-type):not(:last-of-type)': {\r\n        borderRadius: '0px',\r\n      },\r\n\r\n      '> *:not(:first-of-type):last-of-type': {\r\n        borderTopLeftRadius: '0px',\r\n        borderBottomLeftRadius: '0px',\r\n      },\r\n\r\n      '> .btn-solid:not(:last-child), > .btn-outline:not(:last-child)': {\r\n        borderRightWidth: '0px',\r\n      },\r\n\r\n      '> .btn-solid:hover, > .btn-outline:hover': {\r\n        borderRightWidth: '1px',\r\n      },\r\n\r\n      '> *:not(:last-of-type):hover + .btn-solid, > *:not(:last-of-type):hover + .btn-outline': {\r\n        borderLeftWidth: '0px',\r\n      },\r\n\r\n      '> .btn-solid:focus, > .btn-outline:focus': {\r\n        zIndex: '1px',\r\n        borderRightWidth: '1px',\r\n      },\r\n\r\n      '> *:not(:last-of-type):focus + .btn-solid, > *:not(:last-of-type):focus + .btn-outline': {\r\n        borderLeftWidth: '0px',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA;AACAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAG,SAAAA,YAAA;EAAA,OAAO;IACpC,YAAY,EAAE;MACZ,qBAAqB,EAAE,CAAC,CAAC;MAEzB,sBAAsB,EAAE;QACtB,aAAa,EAAE;UACbC,SAAS,EAAE;QACb,CAAC;QACD,sCAAsC,EAAE;UACtCC,oBAAoB,EAAE,KAAK;UAC3BC,uBAAuB,EAAE;QAC3B,CAAC;QAED,4CAA4C,EAAE;UAC5CC,YAAY,EAAE;QAChB,CAAC;QAED,sCAAsC,EAAE;UACtCC,mBAAmB,EAAE,KAAK;UAC1BC,sBAAsB,EAAE;QAC1B,CAAC;QAED,gEAAgE,EAAE;UAChEC,gBAAgB,EAAE;QACpB,CAAC;QAED,0CAA0C,EAAE;UAC1CA,gBAAgB,EAAE;QACpB,CAAC;QAED,wFAAwF,EAAE;UACxFC,eAAe,EAAE;QACnB,CAAC;QAED,0CAA0C,EAAE;UAC1CC,MAAM,EAAE,KAAK;UACbF,gBAAgB,EAAE;QACpB,CAAC;QAED,wFAAwF,EAAE;UACxFC,eAAe,EAAE;QACnB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"button-group.js","names":["module","exports","ButtonGroup","hr"],"sources":["../../../src/components/button-group.js"],"sourcesContent":["module.exports = 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-[2rem]': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAG,SAAAA,YAAA;EAAA,OAAO;IACpC,eAAe,EAAE;MACf,iCAAiC,EAAE,CAAC,CAAC;MAErC,yBAAyB,EAAE;QACzB,uBAAuB,EAAE,CAAC,CAAC;QAC3B,4BAA4B,EAAE,CAAC,CAAC;QAChC,mBAAmB,EAAE,CAAC,CAAC;QAEvB,KAAK,EAAE;UACL,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QAED,oCAAoC,EAAE;UACpC,2CAA2C,EAAE,CAAC;QAChD,CAAC;QAED,UAAU,EAAE;UACV,wBAAwB,EAAE,CAAC;QAC7B;MACF,CAAC;MAED,WAAW,EAAE;QACX,sCAAsC,EAAE,CAAC,CAAC;QAE1CC,EAAE,EAAE;UACF,iBAAiB,EAAE,CAAC;QACtB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}