@sk-web-gui/core 3.9.1 → 3.10.0

package/dist/cjs/components/card.js

@@ -1,219 +1,2 @@
-"use strict";
-
-exports.__esModule = true;
-exports.Card = void 0;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var Card = exports.Card = function Card(colors) {
-  var _extends3;
-  return {
-    '.sk-card': _extends({
-      '@apply text-base': {},
-      '@apply bg-white relative rounded-b-cards rounded-cards': {},
-      '@apply flex flex-col': {},
-      '@apply no-underline hover:no-underline': {},
-      '@apply h-full': {},
-      '&-wrapper': {
-        '@apply grid': {}
-      },
-      '&-image': {
-        '@apply object-cover grow': {},
-        '@apply rounded-t-cards': {}
-      },
-      '&-body': {
-        '@apply px-24 pb-24 pt-16 rounded-b-cards': {},
-        '@apply shrink': {},
-        '&-wrapper': {
-          '@apply flex': {}
-        },
-        '&-meta': {
-          '@apply flex space-x-12 mt-16 text-base': {},
-          span: {
-            '@apply flex space-x-4 items-center': {},
-            time: {
-              '@apply h-24': {}
-            }
-          },
-          '&.sk-card-image': {
-            '@apply min-h-[12.5em] max-h-[20em]': {}
-          }
-        },
-        '&-header': {
-          'h1, h2, h3, h4, h5, h6, h7, a': {
-            '@apply line-clamp-1 text-h3-md text-dark-primary mt-16': {}
-          },
-          span: {
-            '@apply pl-12': {}
-          }
-        },
-        '&-content': {
-          '@apply w-full': {},
-          'p, a': {
-            '@apply line-clamp-3 m-0 pt-8 text-base text-body': {}
-          }
-        },
-        '&-icon': {
-          '@apply hidden': {}
-        }
-      }
-    }, colors.reduce(function (styles, color) {
-      var _h1H2H3H4H, _pA, _dataColorMono, _skCardUseHover, _h1H2H3H4H2, _pA2, _skCardUseHover2, _h1H2H3H4H3, _pA3, _dataInvertedTru, _ref, _extends2;
-      return _extends({}, styles, (_extends2 = {
-        '&[data-color="mono"], &[data-color="tertiary"]': (_dataColorMono = {
-          '@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': {}
-          }
-        }, _dataColorMono["&[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': (_h1H2H3H4H = {}, _h1H2H3H4H["@apply text-light-primary"] = {}, _h1H2H3H4H)
-            },
-            // Content
-            '&-content': {
-              'p, a': (_pA = {}, _pA["@apply text-light-secondary"] = {}, _pA)
-            },
-            '.sk-card-body-icon': {
-              '@apply bg-primitives-overlay-lighten-10 text-primitives-gray-900': {},
-              '@apply hover:bg-primitives-gray-lightest': {}
-            }
-          }
-        }, _dataColorMono),
-        '&[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': {}
-        }
-      }, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-surface-primary-hover"] = {}, _ref['&.sk-card-use-hover-effect'] = (_skCardUseHover = {}, _skCardUseHover["@apply hover:cursor-pointer hover:bg-" + color + "-surface-primary"] = {}, _skCardUseHover), _ref['.sk-card-body'] = {
-        '&-meta': {
-          span: {
-            '@apply text-light-secondary': {}
-          }
-        },
-        // header
-        '&-header': {
-          'h1, h2, h3, h4, h5, h6, h7, a': (_h1H2H3H4H2 = {}, _h1H2H3H4H2["@apply text-light-primary"] = {}, _h1H2H3H4H2)
-        },
-        // Content
-        '&-content': {
-          'p, a': (_pA2 = {}, _pA2["@apply text-light-secondary"] = {}, _pA2)
-        }
-      }, _ref["&[data-inverted=\"true\"]"] = (_dataInvertedTru = {}, _dataInvertedTru["@apply bg-" + color + "-surface-accent-hover"] = {}, _dataInvertedTru['&.sk-card-use-hover-effect'] = (_skCardUseHover2 = {}, _skCardUseHover2["@apply hover:cursor-pointer hover:bg-" + color + "-surface-accent"] = {}, _skCardUseHover2), _dataInvertedTru['.sk-card-body'] = {
-        // Meta
-        '&-meta': {
-          span: {
-            '@apply text-dark-secondary': {}
-          }
-        },
-        // header
-        '&-header': {
-          'h1, h2, h3, h4, h5, h6, h7, a': (_h1H2H3H4H3 = {}, _h1H2H3H4H3["@apply text-dark-primary"] = {}, _h1H2H3H4H3)
-        },
-        // Content
-        '&-content': {
-          'p, a': (_pA3 = {}, _pA3["@apply text-dark-secondary"] = {}, _pA3)
-        }
-      }, _dataInvertedTru), _ref), _extends2));
-    }, {}), (_extends3 = {
-      // clickable
-      '&.sk-card-use-hover-effect': {
-        //Hide and show of icon
-        '.sk-card-body-icon': {
-          '@apply inline-flex': {},
-          '@apply mt-auto mb-auto mr-24': {}
-        }
-      }
-    }, _extends3["&[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': {}
-          },
-          '&-content': {
-            'p, a': {
-              '@apply text-small': {}
-            }
-          },
-          '&-meta': {
-            '@apply hidden': {}
-          }
-        }
-      }
-    }, _extends3)),
-    '.sk-card-link': {
-      '@apply hover:cursor-pointer': {},
-      '&::after': {
-        content: "''",
-        position: 'absolute',
-        left: '0',
-        top: '0',
-        right: '0',
-        bottom: '0'
-      }
-    },
-    /**
-     * Meta card
-     */
-    '.sk-meta-card': {
-      '@apply no-underline hover:no-underline': {},
-      '@apply flex bg-vattjom-surface-accent': {},
-      '@apply p-14 rounded-groups': {},
-      '&[data-color="mono"]': {
-        '@apply bg-primitives-overlay-darken-1 dark:bg-primitives-overlay-lighten-1': {}
-      },
-      '&[data-color="vattjom"]': {
-        '@apply bg-vattjom-background-200': {}
-      },
-      '&-text-icon': {
-        '@apply mr-12 rounded-12 p-8': {},
-        '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},
-        '@apply text-dark': {},
-        svg: {
-          height: 'unset',
-          width: 'unset'
-        }
-      },
-      '&-body': {
-        '&-header': {
-          'h1, h2, h3, h4, h5, h6, h7, a, p': {
-            '@apply mt-6 text-base line-clamp-1': {},
-            '@apply text-dark-primary': {}
-          }
-        },
-        '&-content': {
-          'p, a': {
-            '@apply text-primitives-gray-700 dark:text-primitives-gray-200 text-small': {},
-            '@apply text-dark-secondary line-clamp-1': {}
-          }
-        }
-      },
-      '&-external-link-icon': {
-        '@apply ml-auto h-32 w-32': {},
-        '@apply p-6 text-dark': {}
-      }
-    }
-  };
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Card",{enumerable:true,get:function(){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({"@apply text-base":{},"@apply bg-white relative rounded-b-cards rounded-cards":{},"@apply flex flex-col":{},"@apply no-underline hover:no-underline":{},"@apply h-full":{},"&-wrapper":{"@apply grid":{}},"&-image":{"@apply object-cover grow":{},"@apply rounded-t-cards":{}},"&-body":{"@apply px-24 pb-24 pt-16 rounded-b-cards":{},"@apply shrink":{},"&-wrapper":{"@apply flex":{}},"&-meta":{"@apply flex space-x-12 mt-16 text-base":{},span:{"@apply flex space-x-4 items-center":{},time:{"@apply h-24":{}}},"&.sk-card-image":{"@apply min-h-[12.5em] max-h-[20em]":{}}},"&-header":{"h1, h2, h3, h4, h5, h6, h7, a":{"@apply line-clamp-1 text-h3-md text-dark-primary mt-16":{}},span:{"@apply pl-12":{}}},"&-content":{"@apply w-full":{},"p, a":{"@apply line-clamp-3 m-0 pt-8 text-base text-body":{}}},"&-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"]':_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":{}},".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":{"&-meta":{span:{"@apply text-light-secondary":{}}},"&-header":{"h1, h2, h3, h4, h5, h6, h7, a":_define_property({},"@apply text-light-primary",{})},"&-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":{}}}}),'&[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={},_define_property(_obj1,"@apply bg-".concat(color,"-surface-primary-hover"),{}),_define_property(_obj1,"&.sk-card-use-hover-effect",_define_property({},"@apply hover:cursor-pointer hover:bg-".concat(color,"-surface-primary"),{})),_define_property(_obj1,".sk-card-body",{"&-meta":{span:{"@apply text-light-secondary":{}}},"&-header":{"h1, h2, h3, h4, h5, h6, h7, a":_define_property({},"@apply text-light-primary",{})},"&-content":{"p, a":_define_property({},"@apply text-light-secondary",{})}}),_define_property(_obj1,'&[data-inverted="true"]',(_obj={},_define_property(_obj,"@apply bg-".concat(color,"-surface-accent-hover"),{}),_define_property(_obj,"&.sk-card-use-hover-effect",_define_property({},"@apply hover:cursor-pointer hover:bg-".concat(color,"-surface-accent"),{})),_define_property(_obj,".sk-card-body",{"&-meta":{span:{"@apply text-dark-secondary":{}}},"&-header":{"h1, h2, h3, h4, h5, h6, h7, a":_define_property({},"@apply text-dark-primary",{})},"&-content":{"p, a":_define_property({},"@apply text-dark-secondary",{})}}),_obj)),_obj1)))},{})),_define_property({"&.sk-card-use-hover-effect":{".sk-card-body-icon":{"@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":{}},"&-content":{"p, a":{"@apply text-small":{}}},"&-meta":{"@apply hidden":{}}}}})),".sk-card-link":{"@apply hover:cursor-pointer":{},"&::after":{content:"''",position:"absolute",left:"0",top:"0",right:"0",bottom:"0"}},".sk-meta-card":{"@apply no-underline hover:no-underline":{},"@apply flex bg-vattjom-surface-accent":{},"@apply p-14 rounded-groups":{},'&[data-color="mono"]':{"@apply bg-primitives-overlay-darken-1 dark:bg-primitives-overlay-lighten-1":{}},'&[data-color="vattjom"]':{"@apply bg-vattjom-background-200":{}},"&-text-icon":{"@apply mr-12 rounded-12 p-8":{},"@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800":{},"@apply text-dark":{},svg:{height:"unset",width:"unset"}},"&-body":{"&-header":{"h1, h2, h3, h4, h5, h6, h7, a, p":{"@apply mt-6 text-base line-clamp-1":{},"@apply text-dark-primary":{}}},"&-content":{"p, a":{"@apply text-primitives-gray-700 dark:text-primitives-gray-200 text-small":{},"@apply text-dark-secondary line-clamp-1":{}}}},"&-external-link-icon":{"@apply ml-auto h-32 w-32":{},"@apply p-6 text-dark":{}}}}};
 //# sourceMappingURL=card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":["Card","exports","colors","_extends3","_extends","span","time","reduce","styles","color","_h1H2H3H4H","_pA","_dataColorMono","_skCardUseHover","_h1H2H3H4H2","_pA2","_skCardUseHover2","_h1H2H3H4H3","_pA3","_dataInvertedTru","_ref","_extends2","content","position","left","top","right","bottom","svg","height","width"],"sources":["../../../src/components/card.ts"],"sourcesContent":["export const Card = (colors: string[]) => ({\r\n  '.sk-card': {\r\n    '@apply text-base': {},\r\n    '@apply bg-white relative rounded-b-cards rounded-cards': {},\r\n    '@apply flex flex-col': {},\r\n    '@apply no-underline hover:no-underline': {},\r\n    '@apply h-full': {},\r\n\r\n    '&-wrapper': {\r\n      '@apply grid': {},\r\n    },\r\n\r\n    '&-image': {\r\n      '@apply object-cover grow': {},\r\n      '@apply rounded-t-cards': {},\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply px-24 pb-24 pt-16 rounded-b-cards': {},\r\n      '@apply shrink': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex': {},\r\n      },\r\n\r\n      '&-meta': {\r\n        '@apply flex space-x-12 mt-16 text-base': {},\r\n        span: {\r\n          '@apply flex space-x-4 items-center': {},\r\n          time: {\r\n            '@apply h-24': {},\r\n          },\r\n        },\r\n\r\n        '&.sk-card-image': {\r\n          '@apply min-h-[12.5em] max-h-[20em]': {},\r\n        },\r\n      },\r\n\r\n      '&-header': {\r\n        'h1, h2, h3, h4, h5, h6, h7, a': {\r\n          '@apply line-clamp-1 text-h3-md text-dark-primary mt-16': {},\r\n        },\r\n        span: {\r\n          '@apply pl-12': {},\r\n        },\r\n      },\r\n\r\n      '&-content': {\r\n        '@apply w-full': {},\r\n        'p, a': {\r\n          '@apply line-clamp-3 m-0 pt-8 text-base text-body': {},\r\n        },\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n\r\n        '&[data-color=\"mono\"], &[data-color=\"tertiary\"]': {\r\n          '@apply border-solid border-1': {},\r\n          '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},\r\n          '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},\r\n\r\n          '.sk-card-body-meta': {\r\n            '@apply text-dark-secondary': {},\r\n          },\r\n\r\n          '.sk-card-body-icon': {\r\n            '@apply bg-primitives-overlay-darken-9 dark:bg-primitives-overlay-lighten-10': {},\r\n            '@apply text-primitives-gray-lightest dark:text-primitives-overlay-darken-9': {},\r\n            '@apply hover:bg-primitives-overlay-darken-10 dark:hover:bg-primitives-gray-lightest': {},\r\n          },\r\n\r\n          // inverted.\r\n          [`&[data-inverted=\"true\"]`]: {\r\n            '@apply bg-primitives-gray-800': {},\r\n\r\n            '.sk-card-body': {\r\n              // Meta\r\n              '&-meta': {\r\n                span: {\r\n                  '@apply text-light-secondary': {},\r\n                },\r\n              },\r\n\r\n              // header\r\n              '&-header': {\r\n                'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                  [`@apply text-light-primary`]: {},\r\n                },\r\n              },\r\n\r\n              // Content\r\n              '&-content': {\r\n                'p, a': {\r\n                  [`@apply text-light-secondary`]: {},\r\n                },\r\n              },\r\n\r\n              '.sk-card-body-icon': {\r\n                '@apply bg-primitives-overlay-lighten-10 text-primitives-gray-900': {},\r\n                '@apply hover:bg-primitives-gray-lightest': {},\r\n              },\r\n            },\r\n          },\r\n        },\r\n\r\n        '&[data-color=\"tertiary\"]': {\r\n          '@apply border-solid border-1': {},\r\n          '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},\r\n          '@apply bg-primitives-gray-50 dark:bg-primitives-gray-700': {},\r\n        },\r\n\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          // card\r\n          [`@apply bg-${color}-surface-primary-hover`]: {},\r\n\r\n          // clickable\r\n          '&.sk-card-use-hover-effect': {\r\n            // hover\r\n            [`@apply hover:cursor-pointer hover:bg-${color}-surface-primary`]: {},\r\n          },\r\n\r\n          // Meta\r\n          '.sk-card-body': {\r\n            '&-meta': {\r\n              span: {\r\n                '@apply text-light-secondary': {},\r\n              },\r\n            },\r\n\r\n            // header\r\n            '&-header': {\r\n              'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                [`@apply text-light-primary`]: {},\r\n              },\r\n            },\r\n\r\n            // Content\r\n            '&-content': {\r\n              'p, a': {\r\n                [`@apply text-light-secondary`]: {},\r\n              },\r\n            },\r\n          },\r\n\r\n          // inverted.\r\n          [`&[data-inverted=\"true\"]`]: {\r\n            // card\r\n            [`@apply bg-${color}-surface-accent-hover`]: {},\r\n\r\n            // clickable\r\n            '&.sk-card-use-hover-effect': {\r\n              // hover\r\n              [`@apply hover:cursor-pointer hover:bg-${color}-surface-accent`]: {},\r\n            },\r\n\r\n            '.sk-card-body': {\r\n              // Meta\r\n              '&-meta': {\r\n                span: {\r\n                  '@apply text-dark-secondary': {},\r\n                },\r\n              },\r\n\r\n              // header\r\n              '&-header': {\r\n                'h1, h2, h3, h4, h5, h6, h7, a': {\r\n                  [`@apply text-dark-primary`]: {},\r\n                },\r\n              },\r\n\r\n              // Content\r\n              '&-content': {\r\n                'p, a': {\r\n                  [`@apply text-dark-secondary`]: {},\r\n                },\r\n              },\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    // clickable\r\n    '&.sk-card-use-hover-effect': {\r\n      //Hide and show of icon\r\n      '.sk-card-body-icon': {\r\n        '@apply inline-flex': {},\r\n        '@apply mt-auto mb-auto mr-24': {},\r\n      },\r\n    },\r\n\r\n    [`&[data-layout=\"horizontal\"]`]: {\r\n      '@apply flex-row h-full': {},\r\n\r\n      '.sk-card': {\r\n        '&-image': {\r\n          '@apply h-full w-[8em]': {},\r\n          '@apply float-left': {},\r\n          '@apply rounded-none rounded-l-cards grow-0': {},\r\n        },\r\n\r\n        '&-body': {\r\n          '@apply w-full': {},\r\n          '@apply border-none': {},\r\n\r\n          '&-wrapper': {\r\n            '@apply w-full': {},\r\n          },\r\n\r\n          '&-content': {\r\n            'p, a': {\r\n              '@apply text-small': {},\r\n            },\r\n          },\r\n\r\n          '&-meta': {\r\n            '@apply hidden': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  '.sk-card-link': {\r\n    '@apply hover:cursor-pointer': {},\r\n\r\n    '&::after': {\r\n      content: \"''\",\r\n      position: 'absolute',\r\n      left: '0',\r\n      top: '0',\r\n      right: '0',\r\n      bottom: '0',\r\n    },\r\n  },\r\n\r\n  /**\r\n   * Meta card\r\n   */\r\n  '.sk-meta-card': {\r\n    '@apply no-underline hover:no-underline': {},\r\n    '@apply flex bg-vattjom-surface-accent': {},\r\n    '@apply p-14 rounded-groups': {},\r\n\r\n    '&[data-color=\"mono\"]': {\r\n      '@apply bg-primitives-overlay-darken-1 dark:bg-primitives-overlay-lighten-1': {},\r\n    },\r\n\r\n    '&[data-color=\"vattjom\"]': {\r\n      '@apply bg-vattjom-background-200': {},\r\n    },\r\n\r\n    '&-text-icon': {\r\n      '@apply mr-12 rounded-12 p-8': {},\r\n      '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},\r\n      '@apply text-dark': {},\r\n      svg: {\r\n        height: 'unset',\r\n        width: 'unset',\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '&-header': {\r\n        'h1, h2, h3, h4, h5, h6, h7, a, p': {\r\n          '@apply mt-6 text-base line-clamp-1': {},\r\n          '@apply text-dark-primary': {},\r\n        },\r\n      },\r\n\r\n      '&-content': {\r\n        'p, a': {\r\n          '@apply text-primitives-gray-700 dark:text-primitives-gray-200 text-small': {},\r\n          '@apply text-dark-secondary line-clamp-1': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-external-link-icon': {\r\n      '@apply ml-auto h-32 w-32': {},\r\n      '@apply p-6 text-dark': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAIE,MAAgB;EAAA,IAAAC,SAAA;EAAA,OAAM;IACzC,UAAU,EAAAC,QAAA;MACR,kBAAkB,EAAE,CAAC,CAAC;MACtB,wDAAwD,EAAE,CAAC,CAAC;MAC5D,sBAAsB,EAAE,CAAC,CAAC;MAC1B,wCAAwC,EAAE,CAAC,CAAC;MAC5C,eAAe,EAAE,CAAC,CAAC;MAEnB,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,SAAS,EAAE;QACT,0BAA0B,EAAE,CAAC,CAAC;QAC9B,wBAAwB,EAAE,CAAC;MAC7B,CAAC;MAED,QAAQ,EAAE;QACR,0CAA0C,EAAE,CAAC,CAAC;QAC9C,eAAe,EAAE,CAAC,CAAC;QAEnB,WAAW,EAAE;UACX,aAAa,EAAE,CAAC;QAClB,CAAC;QAED,QAAQ,EAAE;UACR,wCAAwC,EAAE,CAAC,CAAC;UAC5CC,IAAI,EAAE;YACJ,oCAAoC,EAAE,CAAC,CAAC;YACxCC,IAAI,EAAE;cACJ,aAAa,EAAE,CAAC;YAClB;UACF,CAAC;UAED,iBAAiB,EAAE;YACjB,oCAAoC,EAAE,CAAC;UACzC;QACF,CAAC;QAED,UAAU,EAAE;UACV,+BAA+B,EAAE;YAC/B,wDAAwD,EAAE,CAAC;UAC7D,CAAC;UACDD,IAAI,EAAE;YACJ,cAAc,EAAE,CAAC;UACnB;QACF,CAAC;QAED,WAAW,EAAE;UACX,eAAe,EAAE,CAAC,CAAC;UACnB,MAAM,EAAE;YACN,kDAAkD,EAAE,CAAC;UACvD;QACF,CAAC;QAED,QAAQ,EAAE;UACR,eAAe,EAAE,CAAC;QACpB;MACF;IAAC,GAEEH,MAAM,CAACK,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,UAAA,EAAAC,GAAA,EAAAC,cAAA,EAAAC,eAAA,EAAAC,WAAA,EAAAC,IAAA,EAAAC,gBAAA,EAAAC,WAAA,EAAAC,IAAA,EAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAjB,QAAA,KACTI,MAAM,GAAAa,SAAA;QAET,gDAAgD,GAAAT,cAAA;UAC9C,8BAA8B,EAAE,CAAC,CAAC;UAClC,oFAAoF,EAAE,CAAC,CAAC;UACxF,gEAAgE,EAAE,CAAC,CAAC;UAEpE,oBAAoB,EAAE;YACpB,4BAA4B,EAAE,CAAC;UACjC,CAAC;UAED,oBAAoB,EAAE;YACpB,6EAA6E,EAAE,CAAC,CAAC;YACjF,4EAA4E,EAAE,CAAC,CAAC;YAChF,qFAAqF,EAAE,CAAC;UAC1F;QAAC,GAAAA,cAAA,gCAG4B;UAC3B,+BAA+B,EAAE,CAAC,CAAC;UAEnC,eAAe,EAAE;YACf;YACA,QAAQ,EAAE;cACRP,IAAI,EAAE;gBACJ,6BAA6B,EAAE,CAAC;cAClC;YACF,CAAC;YAED;YACA,UAAU,EAAE;cACV,+BAA+B,GAAAK,UAAA,OAAAA,UAAA,gCACE,CAAC,CAAC,EAAAA,UAAA;YAErC,CAAC;YAED;YACA,WAAW,EAAE;cACX,MAAM,GAAAC,GAAA,OAAAA,GAAA,kCAC6B,CAAC,CAAC,EAAAA,GAAA;YAEvC,CAAC;YAED,oBAAoB,EAAE;cACpB,kEAAkE,EAAE,CAAC,CAAC;cACtE,0CAA0C,EAAE,CAAC;YAC/C;UACF;QACF,CAAC,EAAAC,cAAA,CACF;QAED,0BAA0B,EAAE;UAC1B,8BAA8B,EAAE,CAAC,CAAC;UAClC,oFAAoF,EAAE,CAAC,CAAC;UACxF,0DAA0D,EAAE,CAAC;QAC/D;MAAC,GAAAS,SAAA,qBAEiBZ,KAAK,aAAAW,IAAA,OAAAA,IAAA,gBAEPX,KAAK,+BAA2B,CAAC,CAAC,EAAAW,IAAA,CAGhD,4BAA4B,KAAAP,eAAA,OAAAA,eAAA,2CAEeJ,KAAK,yBAAqB,CAAC,CAAC,EAAAI,eAAA,GAAAO,IAAA,CAIvE,eAAe,IAAE;QACf,QAAQ,EAAE;UACRf,IAAI,EAAE;YACJ,6BAA6B,EAAE,CAAC;UAClC;QACF,CAAC;QAED;QACA,UAAU,EAAE;UACV,+BAA+B,GAAAS,WAAA,OAAAA,WAAA,gCACE,CAAC,CAAC,EAAAA,WAAA;QAErC,CAAC;QAED;QACA,WAAW,EAAE;UACX,MAAM,GAAAC,IAAA,OAAAA,IAAA,kCAC6B,CAAC,CAAC,EAAAA,IAAA;QAEvC;MACF,CAAC,EAAAK,IAAA,iCAAAD,gBAAA,OAAAA,gBAAA,gBAKeV,KAAK,8BAA0B,CAAC,CAAC,EAAAU,gBAAA,CAG/C,4BAA4B,KAAAH,gBAAA,OAAAA,gBAAA,2CAEeP,KAAK,wBAAoB,CAAC,CAAC,EAAAO,gBAAA,GAAAG,gBAAA,CAGtE,eAAe,IAAE;QACf;QACA,QAAQ,EAAE;UACRd,IAAI,EAAE;YACJ,4BAA4B,EAAE,CAAC;UACjC;QACF,CAAC;QAED;QACA,UAAU,EAAE;UACV,+BAA+B,GAAAY,WAAA,OAAAA,WAAA,+BACC,CAAC,CAAC,EAAAA,WAAA;QAEpC,CAAC;QAED;QACA,WAAW,EAAE;UACX,MAAM,GAAAC,IAAA,OAAAA,IAAA,iCAC4B,CAAC,CAAC,EAAAA,IAAA;QAEtC;MACF,CAAC,EAAAC,gBAAA,GAAAC,IAAA,GAAAC,SAAA;IAAA,CAGL,EACF,CAAC,CACH,CAAC,GAAAlB,SAAA;MAED;MACA,4BAA4B,EAAE;QAC5B;QACA,oBAAoB,EAAE;UACpB,oBAAoB,EAAE,CAAC,CAAC;UACxB,8BAA8B,EAAE,CAAC;QACnC;MACF;IAAC,GAAAA,SAAA,oCAEgC;MAC/B,wBAAwB,EAAE,CAAC,CAAC;MAE5B,UAAU,EAAE;QACV,SAAS,EAAE;UACT,uBAAuB,EAAE,CAAC,CAAC;UAC3B,mBAAmB,EAAE,CAAC,CAAC;UACvB,4CAA4C,EAAE,CAAC;QACjD,CAAC;QAED,QAAQ,EAAE;UACR,eAAe,EAAE,CAAC,CAAC;UACnB,oBAAoB,EAAE,CAAC,CAAC;UAExB,WAAW,EAAE;YACX,eAAe,EAAE,CAAC;UACpB,CAAC;UAED,WAAW,EAAE;YACX,MAAM,EAAE;cACN,mBAAmB,EAAE,CAAC;YACxB;UACF,CAAC;UAED,QAAQ,EAAE;YACR,eAAe,EAAE,CAAC;UACpB;QACF;MACF;IACF,CAAC,EAAAA,SAAA,EACF;IAED,eAAe,EAAE;MACf,6BAA6B,EAAE,CAAC,CAAC;MAEjC,UAAU,EAAE;QACVmB,OAAO,EAAE,IAAI;QACbC,QAAQ,EAAE,UAAU;QACpBC,IAAI,EAAE,GAAG;QACTC,GAAG,EAAE,GAAG;QACRC,KAAK,EAAE,GAAG;QACVC,MAAM,EAAE;MACV;IACF,CAAC;IAED;AACF;AACA;IACE,eAAe,EAAE;MACf,wCAAwC,EAAE,CAAC,CAAC;MAC5C,uCAAuC,EAAE,CAAC,CAAC;MAC3C,4BAA4B,EAAE,CAAC,CAAC;MAEhC,sBAAsB,EAAE;QACtB,4EAA4E,EAAE,CAAC;MACjF,CAAC;MAED,yBAAyB,EAAE;QACzB,kCAAkC,EAAE,CAAC;MACvC,CAAC;MAED,aAAa,EAAE;QACb,6BAA6B,EAAE,CAAC,CAAC;QACjC,gEAAgE,EAAE,CAAC,CAAC;QACpE,kBAAkB,EAAE,CAAC,CAAC;QACtBC,GAAG,EAAE;UACHC,MAAM,EAAE,OAAO;UACfC,KAAK,EAAE;QACT;MACF,CAAC;MAED,QAAQ,EAAE;QACR,UAAU,EAAE;UACV,kCAAkC,EAAE;YAClC,oCAAoC,EAAE,CAAC,CAAC;YACxC,0BAA0B,EAAE,CAAC;UAC/B;QACF,CAAC;QAED,WAAW,EAAE;UACX,MAAM,EAAE;YACN,0EAA0E,EAAE,CAAC,CAAC;YAC9E,yCAAyC,EAAE,CAAC;UAC9C;QACF;MACF,CAAC;MAED,sBAAsB,EAAE;QACtB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,sBAAsB,EAAE,CAAC;MAC3B;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"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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"}

package/dist/cjs/components/checkbox.js

@@ -1,118 +1,2 @@
-"use strict";
-
-exports.__esModule = true;
-exports.Checkbox = void 0;
-var Checkbox = exports.Checkbox = function Checkbox() {
-  return {
-    '.sk-form-checkbox': {
-      '@apply bg-inherit': {},
-      '@apply rounded-utility': {},
-      '@apply bg-transparent border-transparent': {},
-      // sizing
-      '&-sm': {
-        '@apply w-24 h-24': {}
-      },
-      '&-md': {
-        '@apply w-24 h-24': {}
-      },
-      '&-lg': {
-        '@apply w-24 h-24': {}
-      },
-      '+ .sk-icon': {
-        '@apply absolute inset-0 my-auto bg-transparent': {},
-        '@apply border-1 p-2 border-primitives-overlay-darken-6 dark:border-primitives-overlay-lighten-6': {},
-        '@apply bg-primitives-overlay-lighten-10 dark:bg-primitives-overlay-darken-6': {},
-        svg: {
-          '@apply hidden': {}
-        }
-      },
-      '&&:checked': {
-        '@apply text-light-primary bg-none': {},
-        '& + .sk-icon': {
-          '@apply text-light-primary bg-dark-primary border-dark-primary': {},
-          svg: {
-            '@apply block': {}
-          }
-        }
-      },
-      '&[type="checkbox"]:checked': {
-        '@apply text-transparent': {}
-      },
-      '&&:hover:not(&&-disabled,&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&:checked,&&[aria-invalid=true])': {
-        '& + .sk-icon, &:focus + .sk-icon': {
-          '@apply text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-5 border-primitives-overlay-darken-8 dark:border-primitives-overlay-lighten-4': {},
-          svg: {
-            '@apply block': {}
-          }
-        }
-      },
-      '&&[aria-invalid=true]': {
-        '& + .sk-icon': {
-          '@apply border-2 border-error-surface-primary': {}
-        },
-        '&&:checked': {
-          '& + .sk-icon': {
-            '@apply p-2 bg-background-content text-dark-primary': {},
-            svg: {
-              '@apply block': {}
-            }
-          }
-        }
-      },
-      // disabled
-      '&&-disabled,&&-disabled:hover': {
-        '@apply cursor-not-allowed': {},
-        '& + .sk-icon': {
-          '@apply bg-background-200 border-primitives-overlay-darken-3': {}
-        },
-        '&:checked': {
-          '& + .sk-icon': {
-            '@apply bg-dark-disabled text-light-primary border-0': {}
-          }
-        },
-        '& ~ .sk-form-checkbox-label': {
-          '@apply text-dark-disabled': {}
-        }
-      },
-      // label
-      '&-label-left &-label': {
-        '@apply mr-8': {}
-      },
-      '&-label-right &-label': {
-        '@apply ml-8': {}
-      },
-      '&-label-left': {
-        '.sk-icon': {
-          '@apply left-auto right-0': {}
-        }
-      },
-      '&-label-right': {
-        '.sk-icon': {
-          '@apply right-auto left-0': {}
-        }
-      },
-      '&-label': {
-        '@apply font-normal text-body select-none text-small': {},
-        '&-wrapper': {
-          '@apply relative inline-flex align-top items-center cursor-base': {}
-        },
-        '&-sm': {
-          '@apply text-small': {}
-        },
-        '&-md': {
-          '@apply text-base': {}
-        },
-        '&-lg': {
-          '@apply text-large': {}
-        }
-      },
-      '&-group': {
-        '@apply flex flex-col gap-16 my-12': {},
-        '&[data-direction="row"]': {
-          '@apply flex-row': {}
-        }
-      }
-    }
-  };
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Checkbox",{enumerable:true,get:function(){return Checkbox}});var Checkbox=function(){return{".sk-form-checkbox":{"@apply bg-inherit":{},"@apply rounded-utility":{},"@apply bg-transparent border-transparent":{},"&-sm":{"@apply w-24 h-24":{}},"&-md":{"@apply w-24 h-24":{}},"&-lg":{"@apply w-24 h-24":{}},"+ .sk-icon":{"@apply absolute inset-0 my-auto bg-transparent":{},"@apply border-1 p-2 border-input-field-outline":{},"@apply bg-input-field-surface":{},svg:{"@apply hidden":{}}},"&&:checked":{"@apply text-light-primary bg-none":{},"& + .sk-icon":{"@apply text-light-primary bg-dark-primary border-dark-primary":{},svg:{"@apply block":{}}}},'&[type="checkbox"]:checked':{"@apply text-transparent":{}},"&&:hover:not(&&-disabled,&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&:checked,&&[aria-invalid=true])":{"& + .sk-icon, &:focus + .sk-icon":{"@apply text-dark-placeholder border-input-field-outline-hover":{},svg:{"@apply block":{}}}},"&&[aria-invalid=true]":{"& + .sk-icon":{"@apply border-2 border-error-surface-primary":{}},"&&:checked":{"& + .sk-icon":{"@apply p-2 bg-background-content text-dark-primary":{},svg:{"@apply block":{}}}}},"&&-disabled,&&-disabled:hover":{"@apply cursor-not-allowed":{},"& + .sk-icon":{"@apply bg-input-field-surface-disabled border-input-field-outline-disabled":{}},"&:checked":{"& + .sk-icon":{"@apply bg-dark-disabled text-light-primary border-0":{}}},"& ~ .sk-form-checkbox-label":{"@apply text-dark-disabled":{}}},"&-label-left &-label":{"@apply mr-8":{}},"&-label-right &-label":{"@apply ml-8":{}},"&-label-left":{".sk-icon":{"@apply left-auto right-0":{}}},"&-label-right":{".sk-icon":{"@apply right-auto left-0":{}}},"&-label":{"@apply font-normal text-body select-none text-small":{},"&-wrapper":{"@apply relative inline-flex align-top items-center cursor-base":{}},"&-sm":{"@apply text-small":{}},"&-md":{"@apply text-base":{}},"&-lg":{"@apply text-large":{}}},"&-group":{"@apply flex flex-col gap-16 my-12":{},'&[data-direction="row"]':{"@apply flex-row":{}}}}}};
 //# sourceMappingURL=checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["Checkbox","exports","svg"],"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-primitives-overlay-darken-6 dark:border-primitives-overlay-lighten-6': {},\r\n      '@apply bg-primitives-overlay-lighten-10 dark:bg-primitives-overlay-darken-6': {},\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,&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&:checked,&&[aria-invalid=true])':\r\n      {\r\n        '& + .sk-icon, &:focus + .sk-icon': {\r\n          '@apply text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-5 border-primitives-overlay-darken-8 dark:border-primitives-overlay-lighten-4':\r\n            {},\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      '@apply cursor-not-allowed': {},\r\n\r\n      '& + .sk-icon': {\r\n        '@apply bg-background-200 border-primitives-overlay-darken-3': {},\r\n      },\r\n\r\n      '&:checked': {\r\n        '& + .sk-icon': {\r\n          '@apply bg-dark-disabled text-light-primary border-0': {},\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    // 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"],"mappings":";;;;AAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAU;IAC7B,mBAAmB,EAAE;MACnB,mBAAmB,EAAE,CAAC,CAAC;MACvB,wBAAwB,EAAE,CAAC,CAAC;MAC5B,0CAA0C,EAAE,CAAC,CAAC;MAE9C;MACA,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,YAAY,EAAE;QACZ,gDAAgD,EAAE,CAAC,CAAC;QACpD,iGAAiG,EAAE,CAAC,CAAC;QACrG,6EAA6E,EAAE,CAAC,CAAC;QAEjFE,GAAG,EAAE;UACH,eAAe,EAAE,CAAC;QACpB;MACF,CAAC;MAED,YAAY,EAAE;QACZ,mCAAmC,EAAE,CAAC,CAAC;QAEvC,cAAc,EAAE;UACd,+DAA+D,EAAE,CAAC,CAAC;UAEnEA,GAAG,EAAE;YACH,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MAED,4BAA4B,EAAE;QAC5B,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,6HAA6H,EAC3H;QACE,kCAAkC,EAAE;UAClC,4JAA4J,EAC1J,CAAC,CAAC;UAEJA,GAAG,EAAE;YACH,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MAEH,uBAAuB,EAAE;QACvB,cAAc,EAAE;UACd,8CAA8C,EAAE,CAAC;QACnD,CAAC;QAED,YAAY,EAAE;UACZ,cAAc,EAAE;YACd,oDAAoD,EAAE,CAAC,CAAC;YAExDA,GAAG,EAAE;cACH,cAAc,EAAE,CAAC;YACnB;UACF;QACF;MACF,CAAC;MAED;MACA,+BAA+B,EAAE;QAC/B,2BAA2B,EAAE,CAAC,CAAC;QAE/B,cAAc,EAAE;UACd,6DAA6D,EAAE,CAAC;QAClE,CAAC;QAED,WAAW,EAAE;UACX,cAAc,EAAE;YACd,qDAAqD,EAAE,CAAC;UAC1D;QACF,CAAC;QAED,6BAA6B,EAAE;UAC7B,2BAA2B,EAAE,CAAC;QAChC;MACF,CAAC;MAED;MACA,sBAAsB,EAAE;QACtB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,uBAAuB,EAAE;QACvB,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,cAAc,EAAE;QACd,UAAU,EAAE;UACV,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,eAAe,EAAE;QACf,UAAU,EAAE;UACV,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,SAAS,EAAE;QACT,qDAAqD,EAAE,CAAC,CAAC;QAEzD,WAAW,EAAE;UACX,gEAAgE,EAAE,CAAC;QACrE,CAAC;QAED,MAAM,EAAE;UACN,mBAAmB,EAAE,CAAC;QACxB,CAAC;QAED,MAAM,EAAE;UACN,kBAAkB,EAAE,CAAC;QACvB,CAAC;QAED,MAAM,EAAE;UACN,mBAAmB,EAAE,CAAC;QACxB;MACF,CAAC;MAED,SAAS,EAAE;QACT,mCAAmC,EAAE,CAAC,CAAC;QACvC,yBAAyB,EAAE;UACzB,iBAAiB,EAAE,CAAC;QACtB;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"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,&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&: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      '@apply cursor-not-allowed': {},\r\n\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-0': {},\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    // 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":"oGAAaA,kDAAAA,YAAN,IAAMA,SAAW,iBAAO,CAC7B,oBAAqB,CACnB,oBAAqB,CAAC,EACtB,yBAA0B,CAAC,EAC3B,2CAA4C,CAAC,EAG7C,OAAQ,CACN,mBAAoB,CAAC,CACvB,EAEA,OAAQ,CACN,mBAAoB,CAAC,CACvB,EAEA,OAAQ,CACN,mBAAoB,CAAC,CACvB,EAEA,aAAc,CACZ,iDAAkD,CAAC,EACnD,iDAAkD,CAAC,EACnD,gCAAiC,CAAC,EAElCC,IAAK,CACH,gBAAiB,CAAC,CACpB,CACF,EAEA,aAAc,CACZ,oCAAqC,CAAC,EAEtC,eAAgB,CACd,gEAAiE,CAAC,EAElEA,IAAK,CACH,eAAgB,CAAC,CACnB,CACF,CACF,EAEA,6BAA8B,CAC5B,0BAA2B,CAAC,CAC9B,EACA,8HACE,CACE,mCAAoC,CAClC,gEAAiE,CAAC,EAElEA,IAAK,CACH,eAAgB,CAAC,CACnB,CACF,CACF,EAEF,wBAAyB,CACvB,eAAgB,CACd,+CAAgD,CAAC,CACnD,EAEA,aAAc,CACZ,eAAgB,CACd,qDAAsD,CAAC,EAEvDA,IAAK,CACH,eAAgB,CAAC,CACnB,CACF,CACF,CACF,EAGA,gCAAiC,CAC/B,4BAA6B,CAAC,EAE9B,eAAgB,CACd,6EAA8E,CAAC,CACjF,EAEA,YAAa,CACX,eAAgB,CACd,sDAAuD,CAAC,CAC1D,CACF,EAEA,8BAA+B,CAC7B,4BAA6B,CAAC,CAChC,CACF,EAGA,uBAAwB,CACtB,cAAe,CAAC,CAClB,EACA,wBAAyB,CACvB,cAAe,CAAC,CAClB,EAEA,eAAgB,CACd,WAAY,CACV,2BAA4B,CAAC,CAC/B,CACF,EAEA,gBAAiB,CACf,WAAY,CACV,2BAA4B,CAAC,CAC/B,CACF,EAEA,UAAW,CACT,sDAAuD,CAAC,EAExD,YAAa,CACX,iEAAkE,CAAC,CACrE,EAEA,OAAQ,CACN,oBAAqB,CAAC,CACxB,EAEA,OAAQ,CACN,mBAAoB,CAAC,CACvB,EAEA,OAAQ,CACN,oBAAqB,CAAC,CACxB,CACF,EAEA,UAAW,CACT,oCAAqC,CAAC,EACtC,0BAA2B,CACzB,kBAAmB,CAAC,CACtB,CACF,CACF,CACF"}

package/dist/cjs/components/chip.js

@@ -1,44 +1,2 @@
-"use strict";
-
-exports.__esModule = true;
-exports.Chip = void 0;
-var Chip = exports.Chip = function Chip() {
-  return {
-    '.sk-chip': {
-      '@apply inline-flex': {},
-      '@apply items-center justify-center': {},
-      '@apply bg-secondary-surface': {},
-      '@apply hover:bg-secondary-surface-hover': {},
-      '@apply focus-visible:bg-secondary-surface-hover': {},
-      '@apply focus-visible:ring': {},
-      '@apply px-9 gap-4': {},
-      '@apply h-34': {},
-      '@apply text-small': {},
-      '@apply text-dark-secondary': {},
-      '@apply border-1': {},
-      '@apply border-secondary-outline': {},
-      '@apply hover:border-secondary-outline-hover': {},
-      '@apply focus-visible:border-transparent': {},
-      '@apply rounded-button': {},
-      '&[data-strong="true"]': {
-        '@apply border-2': {},
-        '@apply px-8': {}
-      },
-      '&[data-rounded="true"]': {
-        '@apply rounded-full': {}
-      },
-      '&[data-inverted="true"]': {
-        '@apply text-inverted-dark-secondary': {},
-        '@apply border-inverted-secondary-outline': {},
-        '@apply hover:border-inverted-secondary-outline-hover': {},
-        '@apply bg-inverted-secondary-surface': {},
-        '@apply hover:bg-inverted-secondary-surface-hover': {},
-        '@apply focus-visible:bg-inverted-secondary-surface-hover': {}
-      },
-      '.sk-icon': {
-        '@apply h-16 w-16': {}
-      }
-    }
-  };
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Chip",{enumerable:true,get:function(){return Chip}});var Chip=function(){return{".sk-chip":{"@apply inline-flex":{},"@apply items-center justify-center":{},"@apply bg-secondary-surface":{},"@apply hover:bg-secondary-surface-hover":{},"@apply focus-visible:bg-secondary-surface-hover":{},"@apply focus-visible:ring":{},"@apply px-9 gap-4":{},"@apply h-34":{},"@apply text-small":{},"@apply text-dark-secondary":{},"@apply border-1":{},"@apply border-secondary-outline":{},"@apply hover:border-secondary-outline-hover":{},"@apply focus-visible:border-transparent":{},"@apply rounded-button":{},'&[data-strong="true"]':{"@apply border-2":{},"@apply px-8":{}},'&[data-rounded="true"]':{"@apply rounded-full":{}},'&[data-inverted="true"]':{"@apply text-inverted-dark-secondary":{},"@apply border-inverted-secondary-outline":{},"@apply hover:border-inverted-secondary-outline-hover":{},"@apply bg-inverted-secondary-surface":{},"@apply hover:bg-inverted-secondary-surface-hover":{},"@apply focus-visible:bg-inverted-secondary-surface-hover":{}},".sk-icon":{"@apply h-16 w-16":{}}}}};
 //# sourceMappingURL=chip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.js","names":["Chip","exports"],"sources":["../../../src/components/chip.ts"],"sourcesContent":["export const Chip = () => ({\r\n  '.sk-chip': {\r\n    '@apply inline-flex': {},\r\n    '@apply items-center justify-center': {},\r\n    '@apply bg-secondary-surface': {},\r\n    '@apply hover:bg-secondary-surface-hover': {},\r\n    '@apply focus-visible:bg-secondary-surface-hover': {},\r\n    '@apply focus-visible:ring': {},\r\n    '@apply px-9 gap-4': {},\r\n    '@apply h-34': {},\r\n    '@apply text-small': {},\r\n    '@apply text-dark-secondary': {},\r\n    '@apply border-1': {},\r\n    '@apply border-secondary-outline': {},\r\n    '@apply hover:border-secondary-outline-hover': {},\r\n    '@apply focus-visible:border-transparent': {},\r\n    '@apply rounded-button': {},\r\n    '&[data-strong=\"true\"]': {\r\n      '@apply border-2': {},\r\n      '@apply px-8': {},\r\n    },\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-inverted-dark-secondary': {},\r\n      '@apply border-inverted-secondary-outline': {},\r\n      '@apply hover:border-inverted-secondary-outline-hover': {},\r\n      '@apply bg-inverted-secondary-surface': {},\r\n      '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n      '@apply focus-visible:bg-inverted-secondary-surface-hover': {},\r\n    },\r\n    '.sk-icon': {\r\n      '@apply h-16 w-16': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAA;EAAA,OAAU;IACzB,UAAU,EAAE;MACV,oBAAoB,EAAE,CAAC,CAAC;MACxB,oCAAoC,EAAE,CAAC,CAAC;MACxC,6BAA6B,EAAE,CAAC,CAAC;MACjC,yCAAyC,EAAE,CAAC,CAAC;MAC7C,iDAAiD,EAAE,CAAC,CAAC;MACrD,2BAA2B,EAAE,CAAC,CAAC;MAC/B,mBAAmB,EAAE,CAAC,CAAC;MACvB,aAAa,EAAE,CAAC,CAAC;MACjB,mBAAmB,EAAE,CAAC,CAAC;MACvB,4BAA4B,EAAE,CAAC,CAAC;MAChC,iBAAiB,EAAE,CAAC,CAAC;MACrB,iCAAiC,EAAE,CAAC,CAAC;MACrC,6CAA6C,EAAE,CAAC,CAAC;MACjD,yCAAyC,EAAE,CAAC,CAAC;MAC7C,uBAAuB,EAAE,CAAC,CAAC;MAC3B,uBAAuB,EAAE;QACvB,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,wBAAwB,EAAE;QACxB,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,yBAAyB,EAAE;QACzB,qCAAqC,EAAE,CAAC,CAAC;QACzC,0CAA0C,EAAE,CAAC,CAAC;QAC9C,sDAAsD,EAAE,CAAC,CAAC;QAC1D,sCAAsC,EAAE,CAAC,CAAC;QAC1C,kDAAkD,EAAE,CAAC,CAAC;QACtD,0DAA0D,EAAE,CAAC;MAC/D,CAAC;MACD,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC;MACvB;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/chip.ts"],"sourcesContent":["export const Chip = () => ({\n  '.sk-chip': {\n    '@apply inline-flex': {},\n    '@apply items-center justify-center': {},\n    '@apply bg-secondary-surface': {},\n    '@apply hover:bg-secondary-surface-hover': {},\n    '@apply focus-visible:bg-secondary-surface-hover': {},\n    '@apply focus-visible:ring': {},\n    '@apply px-9 gap-4': {},\n    '@apply h-34': {},\n    '@apply text-small': {},\n    '@apply text-dark-secondary': {},\n    '@apply border-1': {},\n    '@apply border-secondary-outline': {},\n    '@apply hover:border-secondary-outline-hover': {},\n    '@apply focus-visible:border-transparent': {},\n    '@apply rounded-button': {},\n    '&[data-strong=\"true\"]': {\n      '@apply border-2': {},\n      '@apply px-8': {},\n    },\n    '&[data-rounded=\"true\"]': {\n      '@apply rounded-full': {},\n    },\n    '&[data-inverted=\"true\"]': {\n      '@apply text-inverted-dark-secondary': {},\n      '@apply border-inverted-secondary-outline': {},\n      '@apply hover:border-inverted-secondary-outline-hover': {},\n      '@apply bg-inverted-secondary-surface': {},\n      '@apply hover:bg-inverted-secondary-surface-hover': {},\n      '@apply focus-visible:bg-inverted-secondary-surface-hover': {},\n    },\n    '.sk-icon': {\n      '@apply h-16 w-16': {},\n    },\n  },\n});\n"],"names":["Chip"],"mappings":"oGAAaA,8CAAAA,QAAN,IAAMA,KAAO,iBAAO,CACzB,WAAY,CACV,qBAAsB,CAAC,EACvB,qCAAsC,CAAC,EACvC,8BAA+B,CAAC,EAChC,0CAA2C,CAAC,EAC5C,kDAAmD,CAAC,EACpD,4BAA6B,CAAC,EAC9B,oBAAqB,CAAC,EACtB,cAAe,CAAC,EAChB,oBAAqB,CAAC,EACtB,6BAA8B,CAAC,EAC/B,kBAAmB,CAAC,EACpB,kCAAmC,CAAC,EACpC,8CAA+C,CAAC,EAChD,0CAA2C,CAAC,EAC5C,wBAAyB,CAAC,EAC1B,wBAAyB,CACvB,kBAAmB,CAAC,EACpB,cAAe,CAAC,CAClB,EACA,yBAA0B,CACxB,sBAAuB,CAAC,CAC1B,EACA,0BAA2B,CACzB,sCAAuC,CAAC,EACxC,2CAA4C,CAAC,EAC7C,uDAAwD,CAAC,EACzD,uCAAwC,CAAC,EACzC,mDAAoD,CAAC,EACrD,2DAA4D,CAAC,CAC/D,EACA,WAAY,CACV,mBAAoB,CAAC,CACvB,CACF,CACF"}

package/dist/cjs/components/code.js

@@ -1,16 +1,2 @@
-"use strict";
-
-exports.__esModule = true;
-exports.Code = void 0;
-var Code = exports.Code = function Code() {
-  return {
-    '.code': {
-      '@apply inline-flex justify-center items-center capitalize text-xs rounded-sm font-mono break-all': {},
-      '@apply bg-neutral-200 border border-neutral-100 text-body': {},
-      // dark
-      '@apply dark:bg-neutral-700 dark:border-neutral-600 dark:text-neutral-300': {},
-      padding: '2px 3px 1px'
-    }
-  };
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Code",{enumerable:true,get:function(){return Code}});var Code=function(){return{".code":{"@apply inline-flex justify-center items-center capitalize text-xs rounded-sm font-mono break-all":{},"@apply bg-neutral-200 border border-neutral-100 text-body":{},"@apply dark:bg-neutral-700 dark:border-neutral-600 dark:text-neutral-300":{},padding:"2px 3px 1px"}}};
 //# sourceMappingURL=code.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"code.js","names":["Code","exports","padding"],"sources":["../../../src/components/code.ts"],"sourcesContent":["export const Code = () => ({\r\n  '.code': {\r\n    '@apply inline-flex justify-center items-center capitalize text-xs rounded-sm font-mono break-all': {},\r\n    '@apply bg-neutral-200 border border-neutral-100 text-body': {},\r\n    // dark\r\n    '@apply dark:bg-neutral-700 dark:border-neutral-600 dark:text-neutral-300': {},\r\n    padding: '2px 3px 1px',\r\n  },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAA;EAAA,OAAU;IACzB,OAAO,EAAE;MACP,kGAAkG,EAAE,CAAC,CAAC;MACtG,2DAA2D,EAAE,CAAC,CAAC;MAC/D;MACA,0EAA0E,EAAE,CAAC,CAAC;MAC9EE,OAAO,EAAE;IACX;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/code.ts"],"sourcesContent":["export const Code = () => ({\r\n  '.code': {\r\n    '@apply inline-flex justify-center items-center capitalize text-xs rounded-sm font-mono break-all': {},\r\n    '@apply bg-neutral-200 border border-neutral-100 text-body': {},\r\n    // dark\r\n    '@apply dark:bg-neutral-700 dark:border-neutral-600 dark:text-neutral-300': {},\r\n    padding: '2px 3px 1px',\r\n  },\r\n});\r\n"],"names":["Code","padding"],"mappings":"oGAAaA,8CAAAA,QAAN,IAAMA,KAAO,iBAAO,CACzB,QAAS,CACP,mGAAoG,CAAC,EACrG,4DAA6D,CAAC,EAE9D,2EAA4E,CAAC,EAC7EC,QAAS,aACX,CACF"}