@sk-web-gui/core 3.9.1 → 3.10.0

package/dist/esm/components/callout.js

@@ -1,36 +1,2 @@
-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 Callout = colors => ({
-  '.sk-callout': _extends({
-    '@apply inline-flex': {},
-    '@apply p-4': {}
-  }, colors.reduce((styles, color) => _extends({}, styles, {
-    ["&[data-color=\"" + color + "\"]"]: {
-      '.sk-callout-content': {
-        ["@apply bg-" + color + "-surface-primary  text-" + color + "-text-secondary"]: {}
-      },
-      '&[data-inverted="true"]': {
-        '.sk-callout-content': {
-          '@apply text-inverted-light-primary': {},
-          ["@apply bg-inverted-" + color + "-surface-primary text-inverted-" + color + "-text-secondary"]: {}
-        }
-      }
-    }
-  }), {}), {
-    "&[data-color='tertiary']": {
-      '.sk-callout-content': {
-        '@apply bg-primary-surface': {}
-      },
-      '&[data-inverted="true"]': {
-        '.sk-callout-content': {
-          '@apply text-inverted-light-primary': {},
-          '@apply bg-tertiary-surface dark:bg-inverted-primary-surface': {}
-        }
-      }
-    },
-    '&-content': {
-      '@apply rounded-full': {},
-      '@apply h-8 w-8': {}
-    }
-  })
-});
+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}export var Callout=function(colors){return{".sk-callout":_object_spread_props(_object_spread({"@apply inline-flex":{},"@apply p-4":{}},colors.reduce(function(styles,color){return _object_spread_props(_object_spread({},styles),_define_property({},'&[data-color="'.concat(color,'"]'),{".sk-callout-content":_define_property({},"@apply bg-".concat(color,"-surface-primary  text-").concat(color,"-text-secondary"),{}),'&[data-inverted="true"]':{".sk-callout-content":_define_property({"@apply text-inverted-light-primary":{}},"@apply bg-inverted-".concat(color,"-surface-primary text-inverted-").concat(color,"-text-secondary"),{})}}))},{})),{"&[data-color='tertiary']":{".sk-callout-content":{"@apply bg-primary-surface":{}},'&[data-inverted="true"]':{".sk-callout-content":{"@apply text-inverted-light-primary":{},"@apply bg-tertiary-surface dark:bg-inverted-primary-surface":{}}}},"&-content":{"@apply rounded-full":{},"@apply h-8 w-8":{}}})}};
 //# sourceMappingURL=callout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"callout.js","names":["Callout","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/callout.ts"],"sourcesContent":["export const Callout = (colors: string[]) => ({\r\n  '.sk-callout': {\r\n    '@apply inline-flex': {},\r\n    '@apply p-4': {},\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          '.sk-callout-content': {\r\n            [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n          },\r\n\r\n          '&[data-inverted=\"true\"]': {\r\n            '.sk-callout-content': {\r\n              '@apply text-inverted-light-primary': {},\r\n              [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '.sk-callout-content': {\r\n        '@apply bg-primary-surface': {},\r\n      },\r\n      '&[data-inverted=\"true\"]': {\r\n        '.sk-callout-content': {\r\n          '@apply text-inverted-light-primary': {},\r\n          '@apply bg-tertiary-surface dark:bg-inverted-primary-surface': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply rounded-full': {},\r\n      '@apply h-8 w-8': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,OAAO,GAAIC,MAAgB,KAAM;EAC5C,aAAa,EAAAC,QAAA;IACX,oBAAoB,EAAE,CAAC,CAAC;IACxB,YAAY,EAAE,CAAC;EAAC,GAEbD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,qBAAqB,EAAE;QACrB,gBAAcA,KAAK,+BAA0BA,KAAK,uBAAoB,CAAC;MACzE,CAAC;MAED,yBAAyB,EAAE;QACzB,qBAAqB,EAAE;UACrB,oCAAoC,EAAE,CAAC,CAAC;UACxC,yBAAuBA,KAAK,uCAAkCA,KAAK,uBAAoB,CAAC;QAC1F;MACF;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IAED,0BAA0B,EAAE;MAC1B,qBAAqB,EAAE;QACrB,2BAA2B,EAAE,CAAC;MAChC,CAAC;MACD,yBAAyB,EAAE;QACzB,qBAAqB,EAAE;UACrB,oCAAoC,EAAE,CAAC,CAAC;UACxC,6DAA6D,EAAE,CAAC;QAClE;MACF;IACF,CAAC;IAED,WAAW,EAAE;MACX,qBAAqB,EAAE,CAAC,CAAC;MACzB,gBAAgB,EAAE,CAAC;IACrB;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/callout.ts"],"sourcesContent":["export const Callout = (colors: string[]) => ({\r\n  '.sk-callout': {\r\n    '@apply inline-flex': {},\r\n    '@apply p-4': {},\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          '.sk-callout-content': {\r\n            [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n          },\r\n\r\n          '&[data-inverted=\"true\"]': {\r\n            '.sk-callout-content': {\r\n              '@apply text-inverted-light-primary': {},\r\n              [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '.sk-callout-content': {\r\n        '@apply bg-primary-surface': {},\r\n      },\r\n      '&[data-inverted=\"true\"]': {\r\n        '.sk-callout-content': {\r\n          '@apply text-inverted-light-primary': {},\r\n          '@apply bg-tertiary-surface dark:bg-inverted-primary-surface': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply rounded-full': {},\r\n      '@apply h-8 w-8': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Callout","colors","reduce","styles","color"],"mappings":"uuCAAA,OAAO,IAAMA,QAAU,SAACC,cAAsB,CAC5C,cAAe,qCACb,qBAAsB,CAAC,EACvB,aAAc,CAAC,GAEZA,OAAOC,MAAM,CACd,SAACC,OAAQC,cAAW,uCACfD,QACH,oBAAC,AAAC,iBAAsB,OAANC,MAAM,MAAM,CAC5B,sBACE,oBAAC,AAAC,aAA2CA,OAA/BA,MAAM,2BAA+B,OAANA,MAAM,mBAAmB,CAAC,GAGzE,0BAA2B,CACzB,sBAEE,kBADA,qCAAsC,CAAC,GACtC,AAAC,sBAA4DA,OAAvCA,MAAM,mCAAuC,OAANA,MAAM,mBAAmB,CAAC,EAE5F,CACF,KAEF,CAAC,KAGH,2BAA4B,CAC1B,sBAAuB,CACrB,4BAA6B,CAAC,CAChC,EACA,0BAA2B,CACzB,sBAAuB,CACrB,qCAAsC,CAAC,EACvC,8DAA+D,CAAC,CAClE,CACF,CACF,EAEA,YAAa,CACX,sBAAuB,CAAC,EACxB,iBAAkB,CAAC,CACrB,GAEJ,EAAG"}

package/dist/esm/components/card.js

@@ -1,246 +1,2 @@
-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 Card = colors => ({
-  '.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((styles, color) => _extends({}, styles, {
-    '&[data-color="mono"], &[data-color="tertiary"]': {
-      '@apply border-solid border-1': {},
-      '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},
-      '@apply bg-primitives-gray-lightest dark:bg-primitives-gray-800': {},
-      '.sk-card-body-meta': {
-        '@apply text-dark-secondary': {}
-      },
-      '.sk-card-body-icon': {
-        '@apply bg-primitives-overlay-darken-9 dark:bg-primitives-overlay-lighten-10': {},
-        '@apply text-primitives-gray-lightest dark:text-primitives-overlay-darken-9': {},
-        '@apply hover:bg-primitives-overlay-darken-10 dark:hover:bg-primitives-gray-lightest': {}
-      },
-      // inverted.
-      ["&[data-inverted=\"true\"]"]: {
-        '@apply bg-primitives-gray-800': {},
-        '.sk-card-body': {
-          // Meta
-          '&-meta': {
-            span: {
-              '@apply text-light-secondary': {}
-            }
-          },
-          // header
-          '&-header': {
-            'h1, h2, h3, h4, h5, h6, h7, a': {
-              ["@apply text-light-primary"]: {}
-            }
-          },
-          // Content
-          '&-content': {
-            'p, a': {
-              ["@apply text-light-secondary"]: {}
-            }
-          },
-          '.sk-card-body-icon': {
-            '@apply bg-primitives-overlay-lighten-10 text-primitives-gray-900': {},
-            '@apply hover:bg-primitives-gray-lightest': {}
-          }
-        }
-      }
-    },
-    '&[data-color="tertiary"]': {
-      '@apply border-solid border-1': {},
-      '@apply border-primitives-overlay-darken-5 dark:border-primitives-overlay-lighten-5': {},
-      '@apply bg-primitives-gray-50 dark:bg-primitives-gray-700': {}
-    },
-    ["&[data-color=\"" + color + "\"]"]: {
-      // card
-      ["@apply bg-" + color + "-surface-primary-hover"]: {},
-      // clickable
-      '&.sk-card-use-hover-effect': {
-        // hover
-        ["@apply hover:cursor-pointer hover:bg-" + color + "-surface-primary"]: {}
-      },
-      // Meta
-      '.sk-card-body': {
-        '&-meta': {
-          span: {
-            '@apply text-light-secondary': {}
-          }
-        },
-        // header
-        '&-header': {
-          'h1, h2, h3, h4, h5, h6, h7, a': {
-            ["@apply text-light-primary"]: {}
-          }
-        },
-        // Content
-        '&-content': {
-          'p, a': {
-            ["@apply text-light-secondary"]: {}
-          }
-        }
-      },
-      // inverted.
-      ["&[data-inverted=\"true\"]"]: {
-        // card
-        ["@apply bg-" + color + "-surface-accent-hover"]: {},
-        // clickable
-        '&.sk-card-use-hover-effect': {
-          // hover
-          ["@apply hover:cursor-pointer hover:bg-" + color + "-surface-accent"]: {}
-        },
-        '.sk-card-body': {
-          // Meta
-          '&-meta': {
-            span: {
-              '@apply text-dark-secondary': {}
-            }
-          },
-          // header
-          '&-header': {
-            'h1, h2, h3, h4, h5, h6, h7, a': {
-              ["@apply text-dark-primary"]: {}
-            }
-          },
-          // Content
-          '&-content': {
-            'p, a': {
-              ["@apply text-dark-secondary"]: {}
-            }
-          }
-        }
-      }
-    }
-  }), {}), {
-    // 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': {}
-      }
-    },
-    ["&[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'
-    }
-  },
-  /**
-   * 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': {}
-    }
-  }
-});
+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}export 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/esm/components/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":["Card","colors","_extends","span","time","reduce","styles","color","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":"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","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/esm/components/checkbox.js

@@ -1,112 +1,2 @@
-export var Checkbox = () => ({
-  '.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': {}
-      }
-    }
-  }
-});
+export 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/esm/components/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["Checkbox","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":"AAAA,OAAO,IAAMA,QAAQ,GAAGA,CAAA,MAAO;EAC7B,mBAAmB,EAAE;IACnB,mBAAmB,EAAE,CAAC,CAAC;IACvB,wBAAwB,EAAE,CAAC,CAAC;IAC5B,0CAA0C,EAAE,CAAC,CAAC;IAE9C;IACA,MAAM,EAAE;MACN,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,MAAM,EAAE;MACN,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,MAAM,EAAE;MACN,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,YAAY,EAAE;MACZ,gDAAgD,EAAE,CAAC,CAAC;MACpD,iGAAiG,EAAE,CAAC,CAAC;MACrG,6EAA6E,EAAE,CAAC,CAAC;MAEjFC,GAAG,EAAE;QACH,eAAe,EAAE,CAAC;MACpB;IACF,CAAC;IAED,YAAY,EAAE;MACZ,mCAAmC,EAAE,CAAC,CAAC;MAEvC,cAAc,EAAE;QACd,+DAA+D,EAAE,CAAC,CAAC;QAEnEA,GAAG,EAAE;UACH,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IAED,4BAA4B,EAAE;MAC5B,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IACD,6HAA6H,EAC3H;MACE,kCAAkC,EAAE;QAClC,4JAA4J,EAC1J,CAAC,CAAC;QAEJA,GAAG,EAAE;UACH,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IAEH,uBAAuB,EAAE;MACvB,cAAc,EAAE;QACd,8CAA8C,EAAE,CAAC;MACnD,CAAC;MAED,YAAY,EAAE;QACZ,cAAc,EAAE;UACd,oDAAoD,EAAE,CAAC,CAAC;UAExDA,GAAG,EAAE;YACH,cAAc,EAAE,CAAC;UACnB;QACF;MACF;IACF,CAAC;IAED;IACA,+BAA+B,EAAE;MAC/B,2BAA2B,EAAE,CAAC,CAAC;MAE/B,cAAc,EAAE;QACd,6DAA6D,EAAE,CAAC;MAClE,CAAC;MAED,WAAW,EAAE;QACX,cAAc,EAAE;UACd,qDAAqD,EAAE,CAAC;QAC1D;MACF,CAAC;MAED,6BAA6B,EAAE;QAC7B,2BAA2B,EAAE,CAAC;MAChC;IACF,CAAC;IAED;IACA,sBAAsB,EAAE;MACtB,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,uBAAuB,EAAE;MACvB,aAAa,EAAE,CAAC;IAClB,CAAC;IAED,cAAc,EAAE;MACd,UAAU,EAAE;QACV,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,eAAe,EAAE;MACf,UAAU,EAAE;QACV,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,SAAS,EAAE;MACT,qDAAqD,EAAE,CAAC,CAAC;MAEzD,WAAW,EAAE;QACX,gEAAgE,EAAE,CAAC;MACrE,CAAC;MAED,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC;MACxB,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC;MACxB;IACF,CAAC;IAED,SAAS,EAAE;MACT,mCAAmC,EAAE,CAAC,CAAC;MACvC,yBAAyB,EAAE;QACzB,iBAAiB,EAAE,CAAC;MACtB;IACF;EACF;AACF,CAAC,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":"AAAA,OAAO,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,EAAG"}

package/dist/esm/components/chip.js

@@ -1,38 +1,2 @@
-export var Chip = () => ({
-  '.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': {}
-    }
-  }
-});
+export 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/esm/components/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","names":["Chip"],"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":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,oBAAoB,EAAE,CAAC,CAAC;IACxB,oCAAoC,EAAE,CAAC,CAAC;IACxC,6BAA6B,EAAE,CAAC,CAAC;IACjC,yCAAyC,EAAE,CAAC,CAAC;IAC7C,iDAAiD,EAAE,CAAC,CAAC;IACrD,2BAA2B,EAAE,CAAC,CAAC;IAC/B,mBAAmB,EAAE,CAAC,CAAC;IACvB,aAAa,EAAE,CAAC,CAAC;IACjB,mBAAmB,EAAE,CAAC,CAAC;IACvB,4BAA4B,EAAE,CAAC,CAAC;IAChC,iBAAiB,EAAE,CAAC,CAAC;IACrB,iCAAiC,EAAE,CAAC,CAAC;IACrC,6CAA6C,EAAE,CAAC,CAAC;IACjD,yCAAyC,EAAE,CAAC,CAAC;IAC7C,uBAAuB,EAAE,CAAC,CAAC;IAC3B,uBAAuB,EAAE;MACvB,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,wBAAwB,EAAE;MACxB,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,yBAAyB,EAAE;MACzB,qCAAqC,EAAE,CAAC,CAAC;MACzC,0CAA0C,EAAE,CAAC,CAAC;MAC9C,sDAAsD,EAAE,CAAC,CAAC;MAC1D,sCAAsC,EAAE,CAAC,CAAC;MAC1C,kDAAkD,EAAE,CAAC,CAAC;MACtD,0DAA0D,EAAE,CAAC;IAC/D,CAAC;IACD,UAAU,EAAE;MACV,kBAAkB,EAAE,CAAC;IACvB;EACF;AACF,CAAC,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":"AAAA,OAAO,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,EAAG"}

package/dist/esm/components/code.js

@@ -1,10 +1,2 @@
-export var Code = () => ({
-  '.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'
-  }
-});
+export 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/esm/components/code.js.map

@@ -1 +1 @@
-{"version":3,"file":"code.js","names":["Code","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":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,OAAO,EAAE;IACP,kGAAkG,EAAE,CAAC,CAAC;IACtG,2DAA2D,EAAE,CAAC,CAAC;IAC/D;IACA,0EAA0E,EAAE,CAAC,CAAC;IAC9EC,OAAO,EAAE;EACX;AACF,CAAC,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":"AAAA,OAAO,IAAMA,KAAO,iBAAO,CACzB,QAAS,CACP,mGAAoG,CAAC,EACrG,4DAA6D,CAAC,EAE9D,2EAA4E,CAAC,EAC7EC,QAAS,aACX,CACF,EAAG"}