@sk-web-gui/core 3.9.1 → 3.11.0

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,142 @@
 "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': {}
+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': {},
+            // 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-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,&&[readonly],&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&[readonly],&&: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,&&-disabled:hover': {
+                '& + .sk-icon': {
+                    '@apply bg-input-field-surface-disabled border-input-field-outline-disabled': {}
+                },
+                '&:checked': {
+                    '& + .sk-icon': {
+                        '@apply bg-dark-disabled text-light-primary border-transparent': {}
+                    }
+                },
+                '& ~ .sk-form-checkbox-label': {
+                    '@apply text-dark-disabled': {}
+                }
+            },
+            //readonly
+            '&[readonly], &[readonly="true"]': {
+                '@apply border-input-field-outline-disabled': {},
+                '@apply bg-input-field-surface-disabled': {},
+                '&:hover:checked': {
+                    '& + .sk-icon': {
+                        '@apply bg-dark-secondary border-dark-secondary text-light-primary': {}
+                    }
+                },
+                '&:checked': {
+                    '& + .sk-icon': {
+                        '@apply bg-dark-secondary border-dark-secondary text-light-primary': {}
+                    }
+                },
+                '& ~ .sk-form-checkbox-label': {
+                    '@apply text-dark-secondary': {}
+                }
+            },
+            // 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': {}
+                }
             }
-          }
-        }
-      },
-      // 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': {}
-        }
-      }
-    }
-  };
+    };
 };
+
 //# 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,&&[readonly],&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&[readonly],&&: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      '& + .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-transparent': {},\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    //readonly\r\n    '&[readonly], &[readonly=\"true\"]': {\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply bg-input-field-surface-disabled': {},\r\n\r\n      '&:hover:checked': {\r\n        '& + .sk-icon': {\r\n          '@apply bg-dark-secondary border-dark-secondary text-light-primary': {},\r\n        },\r\n      },\r\n      '&:checked': {\r\n        '& + .sk-icon': {\r\n          '@apply bg-dark-secondary border-dark-secondary text-light-primary': {},\r\n        },\r\n      },\r\n\r\n      '& ~ .sk-form-checkbox-label': {\r\n        '@apply text-dark-secondary': {},\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":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,WAAW;WAAO;QAC7B,qBAAqB;YACnB,qBAAqB,CAAC;YACtB,0BAA0B,CAAC;YAC3B,4CAA4C,CAAC;YAE7C,SAAS;YACT,QAAQ;gBACN,oBAAoB,CAAC;YACvB;YAEA,QAAQ;gBACN,oBAAoB,CAAC;YACvB;YAEA,QAAQ;gBACN,oBAAoB,CAAC;YACvB;YAEA,cAAc;gBACZ,kDAAkD,CAAC;gBACnD,kDAAkD,CAAC;gBACnD,iCAAiC,CAAC;gBAElCC,KAAK;oBACH,iBAAiB,CAAC;gBACpB;YACF;YAEA,cAAc;gBACZ,qCAAqC,CAAC;gBAEtC,gBAAgB;oBACd,iEAAiE,CAAC;oBAElEA,KAAK;wBACH,gBAAgB,CAAC;oBACnB;gBACF;YACF;YAEA,8BAA8B;gBAC5B,2BAA2B,CAAC;YAC9B;YACA,yJACE;gBACE,oCAAoC;oBAClC,iEAAiE,CAAC;oBAElEA,KAAK;wBACH,gBAAgB,CAAC;oBACnB;gBACF;YACF;YAEF,yBAAyB;gBACvB,gBAAgB;oBACd,gDAAgD,CAAC;gBACnD;gBAEA,cAAc;oBACZ,gBAAgB;wBACd,sDAAsD,CAAC;wBAEvDA,KAAK;4BACH,gBAAgB,CAAC;wBACnB;oBACF;gBACF;YACF;YAEA,WAAW;YACX,iCAAiC;gBAC/B,gBAAgB;oBACd,8EAA8E,CAAC;gBACjF;gBAEA,aAAa;oBACX,gBAAgB;wBACd,iEAAiE,CAAC;oBACpE;gBACF;gBAEA,+BAA+B;oBAC7B,6BAA6B,CAAC;gBAChC;YACF;YAEA,UAAU;YACV,mCAAmC;gBACjC,8CAA8C,CAAC;gBAC/C,0CAA0C,CAAC;gBAE3C,mBAAmB;oBACjB,gBAAgB;wBACd,qEAAqE,CAAC;oBACxE;gBACF;gBACA,aAAa;oBACX,gBAAgB;wBACd,qEAAqE,CAAC;oBACxE;gBACF;gBAEA,+BAA+B;oBAC7B,8BAA8B,CAAC;gBACjC;YACF;YAEA,QAAQ;YACR,wBAAwB;gBACtB,eAAe,CAAC;YAClB;YACA,yBAAyB;gBACvB,eAAe,CAAC;YAClB;YAEA,gBAAgB;gBACd,YAAY;oBACV,4BAA4B,CAAC;gBAC/B;YACF;YAEA,iBAAiB;gBACf,YAAY;oBACV,4BAA4B,CAAC;gBAC/B;YACF;YAEA,WAAW;gBACT,uDAAuD,CAAC;gBAExD,aAAa;oBACX,kEAAkE,CAAC;gBACrE;gBAEA,QAAQ;oBACN,qBAAqB,CAAC;gBACxB;gBAEA,QAAQ;oBACN,oBAAoB,CAAC;gBACvB;gBAEA,QAAQ;oBACN,qBAAqB,CAAC;gBACxB;YACF;YAEA,WAAW;gBACT,qCAAqC,CAAC;gBACtC,2BAA2B;oBACzB,mBAAmB,CAAC;gBACtB;YACF;QACF;IACF"}

package/dist/cjs/components/chip.js

@@ -1,44 +1,51 @@
 "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': {}
-      }
+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":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,OAAO;WAAO;QACzB,YAAY;YACV,sBAAsB,CAAC;YACvB,sCAAsC,CAAC;YACvC,+BAA+B,CAAC;YAChC,2CAA2C,CAAC;YAC5C,mDAAmD,CAAC;YACpD,6BAA6B,CAAC;YAC9B,qBAAqB,CAAC;YACtB,eAAe,CAAC;YAChB,qBAAqB,CAAC;YACtB,8BAA8B,CAAC;YAC/B,mBAAmB,CAAC;YACpB,mCAAmC,CAAC;YACpC,+CAA+C,CAAC;YAChD,2CAA2C,CAAC;YAC5C,yBAAyB,CAAC;YAC1B,yBAAyB;gBACvB,mBAAmB,CAAC;gBACpB,eAAe,CAAC;YAClB;YACA,0BAA0B;gBACxB,uBAAuB,CAAC;YAC1B;YACA,2BAA2B;gBACzB,uCAAuC,CAAC;gBACxC,4CAA4C,CAAC;gBAC7C,wDAAwD,CAAC;gBACzD,wCAAwC,CAAC;gBACzC,oDAAoD,CAAC;gBACrD,4DAA4D,CAAC;YAC/D;YACA,YAAY;gBACV,oBAAoB,CAAC;YACvB;QACF;IACF"}

package/dist/cjs/components/code.js

@@ -1,16 +1,23 @@
 "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'
+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': {},
+            // dark
+            '@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":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,OAAO;WAAO;QACzB,SAAS;YACP,oGAAoG,CAAC;YACrG,6DAA6D,CAAC;YAC9D,OAAO;YACP,4EAA4E,CAAC;YAC7EC,SAAS;QACX;IACF"}