@ck-ui/component-library 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/assets/Theme.css +1 -1
  2. package/dist/assets/index.css +1 -1
  3. package/dist/assets/index2.css +1 -1
  4. package/dist/assets/index4.css +1 -1
  5. package/dist/assets/index5.css +1 -0
  6. package/dist/components/Button/index.js +11 -11
  7. package/dist/components/Checkbox/Checkbox.stories.d.ts +10 -0
  8. package/dist/components/Checkbox/Checkbox.stories.d.ts.map +1 -0
  9. package/dist/components/Checkbox/index.d.ts +7 -0
  10. package/dist/components/Checkbox/index.d.ts.map +1 -0
  11. package/dist/components/Checkbox/index.js +29 -0
  12. package/dist/components/Copy/index.d.ts +1 -1
  13. package/dist/components/Copy/index.d.ts.map +1 -1
  14. package/dist/components/Copy/index.js +13 -12
  15. package/dist/components/Switch/index.js +6 -6
  16. package/dist/components/Tag/index.js +17 -17
  17. package/dist/main.d.ts +2 -0
  18. package/dist/main.d.ts.map +1 -1
  19. package/dist/main.js +12 -8
  20. package/dist/theme/theme.css +1 -1
  21. package/package.json +1 -1
package/dist/assets/Theme.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";:root{--ckcl-primary-600: #1058EC;--ckcl-primary-500: #3A72E4;--ckcl-primary-400: #89AAEF;--ckcl-primary-300: #B0C6F4;--ckcl-primary-200: #D8E3FA;--ckcl-primary-100: #F8FBFF;--ckcl-black-500: #2B2B2B;--ckcl-black-400: #808080;--ckcl-black-300: #AAAAAA;--ckcl-black-200: #D5D5D5;--ckcl-black-100: #F4F4F4;--ckcl-white: #FFFFFF;--ckcl-red-500: #DA1E28;--ckcl-red-400: #E9787E;--ckcl-red-300: #F0A5A9;--ckcl-red-200: #F8D2D4;--ckcl-red-100: #FDF4F4;--ckcl-yellow-500: #FFCC02;--ckcl-yellow-400: #FEEAA5;--ckcl-yellow-300: #FFF1C3;--ckcl-yellow-200: #FFF8E1;--ckcl-yellow-100: #FFFDF7;--ckcl-green-500: #24A147;--ckcl-green-400: #7CC791;--ckcl-green-300: #A7D9B5;--ckcl-green-200: #D3ECDA;--ckcl-green-100: #F4FAF6;--ckcl-font-family-base: Inter;--ckcl-fs-3xs: 10px;--ckcl-fs-2xs: 11px;--ckcl-fs-xs: 12px;--ckcl-fs-sm: 14px;--ckcl-fs-md: 16px;--ckcl-fs-lg: 18px;--ckcl-fs-xl: 24px;--ckcl-font-weight-regular: 400;--ckcl-font-weight-medium: 500;--ckcl-font-weight-semibold: 600;--ckcl-font-weight-bold: 700;--ckcl-leading-xs: 14px;--ckcl-leading-sm: 16px;--ckcl-leading-md: 19px;--ckcl-leading-lg: 22px;--ckcl-leading-xl: 25px;--ckcl-leading-2xl: 33px;--ckcl-spacing-2xs: 2px;--ckcl-spacing-xs: 4px;--ckcl-spacing-sm: 8px;--ckcl-spacing-md: 16px;--ckcl-spacing-slg: 20px;--ckcl-spacing-lg: 24px;--ckcl-spacing-xl: 28px;--ckcl-spacing-2xl: 32px;--ckcl-spacing-3xl: 48px;--ckcl-tag-neutral-bg: #F4F4F4;--ckcl-tag-neutral-border: #AAAAAA;--ckcl-tag-error-bg: #FDF4F4;--ckcl-tag-error-border: #E9787E;--ckcl-tag-success-bg: #F4FAF6;--ckcl-tag-success-border: #7CC791;--ckcl-tag-inprogress-bg: #F8FBFF;--ckcl-tag-inprogress-border: #B0C6F4;--ckcl-tag-alert-bg: #FFFDF7;--ckcl-tag-alert-border: #FEEAA5}[class*=ckcl]{box-sizing:border-box}body .ckcl-font-family-base{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}body .ckcl-h1-reg{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-med{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-semibold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-bold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h2-reg{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-med{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-semibold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-bold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h3-reg{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-med{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-semibold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-bold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-body-lg-reg{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-med{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-semibold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-bold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-sm-reg{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-med{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-semibold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-bold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-reg{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-med{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-semibold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-bold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-cap-reg{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-med{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-semibold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-bold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-primary-600{color:var(--ckcl-primary-600, #1058EC)}body .ckcl-primary-500{color:var(--ckcl-primary-500, #3A72E4)}body .ckcl-primary-400{color:var(--ckcl-primary-400, #89AAEF)}body .ckcl-primary-300{color:var(--ckcl-primary-300, #B0C6F4)}body .ckcl-primary-200{color:var(--ckcl-primary-200, #D8E3FA)}body .ckcl-primary-100{color:var(--ckcl-primary-100, #F8FBFF)}body .ckcl-black-500{color:var(--ckcl-black-500, #2B2B2B)}body .ckcl-black-400{color:var(--ckcl-black-400, #808080)}body .ckcl-black-300{color:var(--ckcl-primary-300, #B0C6F4)}body .ckcl-black-200{color:var(--ckcl-primary-200, #D8E3FA)}body .ckcl-black-100{color:var(--ckcl-primary-100, #F8FBFF)}body .ckcl-white{color:var(--ckcl-white, #FFFFFF)}body .ckcl-red-500{color:var(--ckcl-red-500, #DA1E28)}body .ckcl-red-400{color:var(--ckcl-red-400, #E9787E)}body .ckcl-red-300{color:var(--ckcl-red-300, #F0A5A9)}body .ckcl-red-200{color:var(--ckcl-red-200, #F8D2D4)}body .ckcl-red-100{color:var(--ckcl-red-100, #FDF4F4)}body .ckcl-yellow-500{color:var(--ckcl-yellow-500, #FFCC02)}body .ckcl-yellow-400{color:var(--ckcl-yellow-400, #FEEAA5)}body .ckcl-yellow-300{color:var(--ckcl-yellow-300, #FFF1C3)}body .ckcl-yellow-200{color:var(--ckcl-yellow-200, #FFF8E1)}body .ckcl-yellow-100{color:var(--ckcl-yellow-100, #FFFDF7)}body .ckcl-green-500{color:var(--ckcl-green-500, #24A147)}body .ckcl-green-400{color:var(--ckcl-green-400, #7CC791)}body .ckcl-green-300{color:var(--ckcl-green-300, #A7D9B5)}body .ckcl-green-200{color:var(--ckcl-green-200, #D3ECDA)}body .ckcl-green-100{color:var(--ckcl-green-100, #F4FAF6)}body .ckcl-fs-3xs{font-size:var(--ckcl-fs-3xs, 10px)}body .ckcl-fs-2xs{font-size:var(--ckcl-fs-2xs, 11px)}body .ckcl-fs-xs{font-size:var(--ckcl-fs-xs, 12px)}body .ckcl-fs-sm{font-size:var(--ckcl-fs-sm, 14px)}body .ckcl-fs-md{font-size:var(--ckcl-fs-md, 16px)}body .ckcl-fs-lg{font-size:var(--ckcl-fs-lg, 18px)}body .ckcl-fs-xl{font-size:var(--ckcl-fs-xl, 24px)}body .ckcl-primary-bg-600{background-color:var(--ckcl-primary-600, #1058EC)}body .ckcl-primary-bg-500{background-color:var(--ckcl-primary-500, #3A72E4)}body .ckcl-primary-bg-400{background-color:var(--ckcl-primary-400, #89AAEF)}body .ckcl-primary-bg-300{background-color:var(--ckcl-primary-300, #B0C6F4)}body .ckcl-primary-bg-200{background-color:var(--ckcl-primary-200, #D8E3FA)}body .ckcl-primary-bg-100{background-color:var(--ckcl-primary-100, #F8FBFF)}body .ckcl-black-bg-500{background-color:var(--ckcl-black-500, #2B2B2B)}body .ckcl-black-bg-400{background-color:var(--ckcl-black-400, #808080)}body .ckcl-black-bg-300{background-color:var(--ckcl-primary-300, #B0C6F4)}body .ckcl-black-bg-200{background-color:var(--ckcl-primary-200, #D8E3FA)}body .ckcl-black-bg-100{background-color:var(--ckcl-primary-100, #F8FBFF)}body .ckcl-red-bg-500{background-color:var(--ckcl-red-500, #DA1E28)}body .ckcl-red-bg-400{background-color:var(--ckcl-red-400, #E9787E)}body .ckcl-red-bg-300{background-color:var(--ckcl-red-300, #F0A5A9)}body .ckcl-red-bg-200{background-color:var(--ckcl-red-200, #F8D2D4)}body .ckcl-red-bg-100{background-color:var(--ckcl-red-100, #FDF4F4)}body .ckcl-yellow-bg-500{background-color:var(--ckcl-yellow-500, #FFCC02)}body .ckcl-yellow-bg-400{background-color:var(--ckcl-yellow-400, #FEEAA5)}body .ckcl-yellow-bg-300{background-color:var(--ckcl-yellow-300, #FFF1C3)}body .ckcl-yellow-bg-200{background-color:var(--ckcl-yellow-200, #FFF8E1)}body .ckcl-yellow-bg-100{background-color:var(--ckcl-yellow-100, #FFFDF7)}body .ckcl-green-bg-500{background-color:var(--ckcl-green-500, #24A147)}body .ckcl-green-bg-400{background-color:var(--ckcl-green-400, #7CC791)}body .ckcl-green-bg-300{background-color:var(--ckcl-green-300, #A7D9B5)}body .ckcl-green-bg-200{background-color:var(--ckcl-green-200, #D3ECDA)}body .ckcl-green-bg-100{background-color:var(--ckcl-green-100, #F4FAF6)}
1
+ @charset "UTF-8";:root{--ckcl-primary-600: #3060C1;--ckcl-primary-500: #3A72E4;--ckcl-primary-400: #578FE9;--ckcl-primary-300: #81AFF0;--ckcl-primary-200: #B0CDF6;--ckcl-primary-100: #D9E6FB;--ckcl-primary-50: #F8FBFF;--ckcl-black-600: #050505;--ckcl-black-500: #2B2B2B;--ckcl-black-400: #737373;--ckcl-black-300: #A0A0A0;--ckcl-black-200: #C2C2C2;--ckcl-black-100: #DCDCDC;--ckcl-black-50: #F4F4F4;--ckcl-white: #FFFFFF;--ckcl-red-600: #C91919;--ckcl-red-500: #E52323;--ckcl-red-400: #EB5050;--ckcl-red-300: #F07D7D;--ckcl-red-200: #F5AAAA;--ckcl-red-100: #FAD7D7;--ckcl-red-50: #FDF4F4;--ckcl-yellow-600: #AC6900;--ckcl-yellow-500: #FFCA28;--ckcl-yellow-400: #FFD54F;--ckcl-yellow-300: #FFE082;--ckcl-yellow-200: #FFECB3;--ckcl-yellow-100: #FFF8E1;--ckcl-yellow-50: #FFFBED;--ckcl-green-600: #007503;--ckcl-green-500: #249C45;--ckcl-green-400: #54B86F;--ckcl-green-300: #88D39A;--ckcl-green-200: #ADE0BB;--ckcl-green-100: #CFEBD7;--ckcl-green-50: #E8F5EC;--ckcl-font-family-base: Inter;--ckcl-fs-3xs: 10px;--ckcl-fs-2xs: 11px;--ckcl-fs-xs: 12px;--ckcl-fs-sm: 14px;--ckcl-fs-md: 16px;--ckcl-fs-lg: 18px;--ckcl-fs-xl: 24px;--ckcl-font-weight-regular: 400;--ckcl-font-weight-medium: 500;--ckcl-font-weight-semibold: 600;--ckcl-font-weight-bold: 700;--ckcl-leading-xs: 14px;--ckcl-leading-sm: 16px;--ckcl-leading-md: 19px;--ckcl-leading-lg: 22px;--ckcl-leading-xl: 25px;--ckcl-leading-2xl: 33px;--ckcl-spacing-2xs: 2px;--ckcl-spacing-xs: 4px;--ckcl-spacing-sm: 8px;--ckcl-spacing-md: 16px;--ckcl-spacing-slg: 20px;--ckcl-spacing-lg: 24px;--ckcl-spacing-xl: 28px;--ckcl-spacing-2xl: 32px;--ckcl-spacing-3xl: 48px;--ckcl-tag-neutral-bg: #F4F4F4;--ckcl-tag-neutral-border: #DCDCDC;--ckcl-tag-error-bg: #FDF4F4;--ckcl-tag-error-border: #FAD7D7;--ckcl-tag-success-bg: #E8F5EC;--ckcl-tag-success-border: #CFEBD7;--ckcl-tag-inprogress-bg: #D9E6FB;--ckcl-tag-inprogress-border: #B0CDF6;--ckcl-tag-alert-bg: #FFF8E1;--ckcl-tag-alert-border: #FFE082}[class*=ckcl]{box-sizing:border-box}body .ckcl-font-family-base{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}body .ckcl-h1-reg{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-med{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-semibold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-bold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h2-reg{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-med{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-semibold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-bold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h3-reg{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-med{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-semibold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-bold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-body-lg-reg{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-med{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-semibold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-bold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-sm-reg{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-med{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-semibold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-bold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-reg{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-med{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-semibold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-bold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-cap-reg{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-med{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-semibold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-bold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-primary-600{color:var(--ckcl-primary-600, #3060C1)}body .ckcl-primary-500{color:var(--ckcl-primary-500, #3A72E4)}body .ckcl-primary-400{color:var(--ckcl-primary-400, #578FE9)}body .ckcl-primary-300{color:var(--ckcl-primary-300, #81AFF0)}body .ckcl-primary-200{color:var(--ckcl-primary-200, #B0CDF6)}body .ckcl-primary-100{color:var(--ckcl-primary-100, #D9E6FB)}body .ckcl-black-500{color:var(--ckcl-black-500, #2B2B2B)}body .ckcl-black-400{color:var(--ckcl-black-400, #737373)}body .ckcl-black-300{color:var(--ckcl-primary-300, #81AFF0)}body .ckcl-black-200{color:var(--ckcl-primary-200, #B0CDF6)}body .ckcl-black-100{color:var(--ckcl-primary-100, #D9E6FB)}body .ckcl-white{color:var(--ckcl-white, #FFFFFF)}body .ckcl-red-500{color:var(--ckcl-red-500, #E52323)}body .ckcl-red-400{color:var(--ckcl-red-400, #EB5050)}body .ckcl-red-300{color:var(--ckcl-red-300, #F07D7D)}body .ckcl-red-200{color:var(--ckcl-red-200, #F5AAAA)}body .ckcl-red-100{color:var(--ckcl-red-100, #FAD7D7)}body .ckcl-yellow-500{color:var(--ckcl-yellow-500, #FFCA28)}body .ckcl-yellow-400{color:var(--ckcl-yellow-400, #FFD54F)}body .ckcl-yellow-300{color:var(--ckcl-yellow-300, #FFE082)}body .ckcl-yellow-200{color:var(--ckcl-yellow-200, #FFECB3)}body .ckcl-yellow-100{color:var(--ckcl-yellow-100, #FFF8E1)}body .ckcl-green-500{color:var(--ckcl-green-500, #249C45)}body .ckcl-green-400{color:var(--ckcl-green-400, #54B86F)}body .ckcl-green-300{color:var(--ckcl-green-300, #88D39A)}body .ckcl-green-200{color:var(--ckcl-green-200, #ADE0BB)}body .ckcl-green-100{color:var(--ckcl-green-100, #CFEBD7)}body .ckcl-fs-3xs{font-size:var(--ckcl-fs-3xs, 10px)}body .ckcl-fs-2xs{font-size:var(--ckcl-fs-2xs, 11px)}body .ckcl-fs-xs{font-size:var(--ckcl-fs-xs, 12px)}body .ckcl-fs-sm{font-size:var(--ckcl-fs-sm, 14px)}body .ckcl-fs-md{font-size:var(--ckcl-fs-md, 16px)}body .ckcl-fs-lg{font-size:var(--ckcl-fs-lg, 18px)}body .ckcl-fs-xl{font-size:var(--ckcl-fs-xl, 24px)}body .ckcl-primary-bg-600{background-color:var(--ckcl-primary-600, #3060C1)}body .ckcl-primary-bg-500{background-color:var(--ckcl-primary-500, #3A72E4)}body .ckcl-primary-bg-400{background-color:var(--ckcl-primary-400, #578FE9)}body .ckcl-primary-bg-300{background-color:var(--ckcl-primary-300, #81AFF0)}body .ckcl-primary-bg-200{background-color:var(--ckcl-primary-200, #B0CDF6)}body .ckcl-primary-bg-100{background-color:var(--ckcl-primary-100, #D9E6FB)}body .ckcl-primary-bg-50{background-color:var(--ckcl-primary-50, #F8FBFF)}body .ckcl-black-bg-600{background-color:var(--ckcl-black-600, #050505)}body .ckcl-black-bg-500{background-color:var(--ckcl-black-500, #2B2B2B)}body .ckcl-black-bg-400{background-color:var(--ckcl-black-400, #737373)}body .ckcl-black-bg-300{background-color:var(--ckcl-black-300, #A0A0A0)}body .ckcl-black-bg-200{background-color:var(--ckcl-black-200, #C2C2C2)}body .ckcl-black-bg-100{background-color:var(--ckcl-black-100, #DCDCDC)}body .ckcl-black-bg-50{background-color:var(--ckcl-black-50, #F4F4F4)}body .ckcl-red-bg-600{background-color:var(--ckcl-red-600, #C91919)}body .ckcl-red-bg-500{background-color:var(--ckcl-red-500, #E52323)}body .ckcl-red-bg-400{background-color:var(--ckcl-red-400, #EB5050)}body .ckcl-red-bg-300{background-color:var(--ckcl-red-300, #F07D7D)}body .ckcl-red-bg-200{background-color:var(--ckcl-red-200, #F5AAAA)}body .ckcl-red-bg-100{background-color:var(--ckcl-red-100, #FAD7D7)}body .ckcl-red-bg-50{background-color:var(--ckcl-red-50, #FDF4F4)}body .ckcl-yellow-bg-600{background-color:var(--ckcl-yellow-600, #AC6900)}body .ckcl-yellow-bg-500{background-color:var(--ckcl-yellow-500, #FFCA28)}body .ckcl-yellow-bg-400{background-color:var(--ckcl-yellow-400, #FFD54F)}body .ckcl-yellow-bg-300{background-color:var(--ckcl-yellow-300, #FFE082)}body .ckcl-yellow-bg-200{background-color:var(--ckcl-yellow-200, #FFECB3)}body .ckcl-yellow-bg-100{background-color:var(--ckcl-yellow-100, #FFF8E1)}body .ckcl-yellow-bg-50{background-color:var(--ckcl-yellow-50, #FFFBED)}body .ckcl-green-bg-600{background-color:var(--ckcl-green-600, #007503)}body .ckcl-green-bg-500{background-color:var(--ckcl-green-500, #249C45)}body .ckcl-green-bg-400{background-color:var(--ckcl-green-400, #54B86F)}body .ckcl-green-bg-300{background-color:var(--ckcl-green-300, #88D39A)}body .ckcl-green-bg-200{background-color:var(--ckcl-green-200, #ADE0BB)}body .ckcl-green-bg-100{background-color:var(--ckcl-green-100, #CFEBD7)}body .ckcl-green-bg-50{background-color:var(--ckcl-green-50, #E8F5EC)}
package/dist/assets/index.css CHANGED
@@ -1 +1 @@
1
- ._ckcl-tag_1xrao_1{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;display:flex;align-items:center;width:fit-content;border-radius:40px;white-space:nowrap}._x-small_1xrao_11{padding:var(--ckcl-spacing-2xs, 2px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-slg, 20px)}._small_1xrao_16{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-lg, 24px)}._medium_1xrao_21{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-xl, 28px)}._large_1xrao_26{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-2xl, 32px)}._neutral_1xrao_32{background-color:var(--ckcl-tag-neutral-bg, #F4F4F4);border:1px solid var(--ckcl-tag-neutral-border, #AAAAAA);color:var(--ckcl-black-500, #2B2B2B);border-radius:40px}._danger_1xrao_39{background-color:var(--ckcl-tag-error-bg, #FDF4F4);border:1px solid var(--ckcl-tag-error-border, #E9787E);color:var(--ckcl-black-500, #2B2B2B);border-radius:40px}._success_1xrao_46{background-color:var(--ckcl-tag-success-bg, #F4FAF6);border:1px solid var(--ckcl-tag-success-border, #7CC791);color:var(--ckcl-black-500, #2B2B2B);border-radius:40px}._info_1xrao_53{background-color:var(--ckcl-tag-inprogress-bg, #F8FBFF);border:1px solid var(--ckcl-tag-inprogress-border, #B0C6F4);color:var(--ckcl-black-500, #2B2B2B);border-radius:40px}._warning_1xrao_60{background-color:var(--ckcl-tag-alert-bg, #FFFDF7);border:1px solid var(--ckcl-tag-alert-border, #FEEAA5);color:var(--ckcl-black-500, #2B2B2B);border-radius:40px}
1
+ ._ckcl-tag_1xdr6_1{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;display:flex;align-items:center;width:fit-content;border-radius:40px;white-space:nowrap}._x-small_1xdr6_11{padding:var(--ckcl-spacing-2xs, 2px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-slg, 20px)}._small_1xdr6_16{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-lg, 24px)}._medium_1xdr6_21{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-xl, 28px)}._large_1xdr6_26{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-2xl, 32px)}._neutral_1xdr6_32{background-color:var(--ckcl-tag-neutral-bg, #F4F4F4);border:1px solid var(--ckcl-tag-neutral-border, #DCDCDC);color:var(--ckcl-black-500, #2B2B2B);border-radius:40px}._danger_1xdr6_39{background-color:var(--ckcl-tag-error-bg, #FDF4F4);border:1px solid var(--ckcl-tag-error-border, #FAD7D7);color:var(--ckcl-red-600, #C91919);border-radius:40px}._success_1xdr6_46{background-color:var(--ckcl-tag-success-bg, #E8F5EC);border:1px solid var(--ckcl-tag-success-border, #CFEBD7);color:var(--ckcl-green-600, #007503);border-radius:40px}._info_1xdr6_53{background-color:var(--ckcl-tag-inprogress-bg, #D9E6FB);border:1px solid var(--ckcl-tag-inprogress-border, #B0CDF6);color:var(--ckcl-primary-600, #3060C1);border-radius:40px}._warning_1xdr6_60{background-color:var(--ckcl-tag-alert-bg, #FFF8E1);border:1px solid var(--ckcl-tag-alert-border, #FFE082);color:var(--ckcl-yellow-600, #AC6900);border-radius:40px}
package/dist/assets/index2.css CHANGED
@@ -1 +1 @@
1
- ._ckcl-switch-wrapper_1h10p_1{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._ckcl-switch-wrapper_1h10p_1 ._ckcl-switch_1h10p_1{position:relative;display:inline-flex;align-items:center;cursor:pointer;width:var(--ckcl-spacing-xl, 28px);height:var(--ckcl-spacing-md, 16px)}._ckcl-switch-wrapper_1h10p_1 ._ckcl-switch_1h10p_1 ._slider_1h10p_12:before{width:var(--ckcl-fs-xs, 12px);height:var(--ckcl-fs-xs, 12px);left:2px;top:50%;transform:translateY(-50%)}._ckcl-switch-wrapper_1h10p_1 ._ckcl-switch_1h10p_1 input:checked+._slider_1h10p_12:before{transform:translate(var(--ckcl-fs-xs, 12px),-50%)}._ckcl-switch-wrapper_1h10p_1 ._ckcl-switch_1h10p_1 ._slider_1h10p_12{position:absolute;inset:0;background-color:var(--ckcl-black-400, #808080);transition:.3s;border-radius:var(--ckcl-spacing-md, 16px)}._ckcl-switch-wrapper_1h10p_1 ._ckcl-switch_1h10p_1 ._slider_1h10p_12:before{position:absolute;content:"";background-color:var(--ckcl-white, #FFFFFF);transition:.3s;border-radius:50%}._ckcl-switch-wrapper_1h10p_1 ._ckcl-switch_1h10p_1 input:checked+._slider_1h10p_12{background-color:var(--ckcl-primary-500, #3A72E4)}._ckcl-switch-wrapper_1h10p_1 ._ckcl-switch_1h10p_1 input:disabled+._slider_1h10p_12{background-color:var(--ckcl-black-200, #D5D5D5);cursor:not-allowed}._ckcl-switch-wrapper_1h10p_1 ._ckcl-switch_1h10p_1 input:checked:disabled+._slider_1h10p_12{background-color:var(--ckcl-primary-300, #B0C6F4);cursor:not-allowed}._ckcl-switch-wrapper_1h10p_1 ._ckcl-switch_1h10p_1 input[type=checkbox]{margin:0;opacity:0}
1
+ ._ckcl-switch-wrapper_mu4z3_1{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._ckcl-switch-wrapper_mu4z3_1 ._ckcl-switch_mu4z3_1{position:relative;display:inline-flex;align-items:center;cursor:pointer;width:var(--ckcl-spacing-xl, 28px);height:var(--ckcl-spacing-md, 16px)}._ckcl-switch-wrapper_mu4z3_1 ._ckcl-switch_mu4z3_1 ._slider_mu4z3_12:before{width:var(--ckcl-fs-xs, 12px);height:var(--ckcl-fs-xs, 12px);left:2px;top:50%;transform:translateY(-50%)}._ckcl-switch-wrapper_mu4z3_1 ._ckcl-switch_mu4z3_1 input:checked+._slider_mu4z3_12:before{transform:translate(var(--ckcl-fs-xs, 12px),-50%)}._ckcl-switch-wrapper_mu4z3_1 ._ckcl-switch_mu4z3_1 ._slider_mu4z3_12{position:absolute;inset:0;background-color:var(--ckcl-black-400, #737373);transition:.3s;border-radius:var(--ckcl-spacing-md, 16px)}._ckcl-switch-wrapper_mu4z3_1 ._ckcl-switch_mu4z3_1 ._slider_mu4z3_12:before{position:absolute;content:"";background-color:var(--ckcl-white, #FFFFFF);transition:.3s;border-radius:50%}._ckcl-switch-wrapper_mu4z3_1 ._ckcl-switch_mu4z3_1 input:checked+._slider_mu4z3_12{background-color:var(--ckcl-primary-500, #3A72E4)}._ckcl-switch-wrapper_mu4z3_1 ._ckcl-switch_mu4z3_1 input:disabled+._slider_mu4z3_12{background-color:var(--ckcl-black-200, #C2C2C2);cursor:not-allowed}._ckcl-switch-wrapper_mu4z3_1 ._ckcl-switch_mu4z3_1 input:checked:disabled+._slider_mu4z3_12{background-color:var(--ckcl-primary-300, #81AFF0);cursor:not-allowed}._ckcl-switch-wrapper_mu4z3_1 ._ckcl-switch_mu4z3_1 input[type=checkbox]{margin:0;opacity:0}
package/dist/assets/index4.css CHANGED
@@ -1 +1 @@
1
- ._ckcl-button_zsbft_1{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;display:inline-flex;align-items:center;transition:all .3s ease;cursor:pointer;border-radius:var(--ckcl-spacing-xs, 4px);white-space:nowrap;text-decoration:none}._x-small_zsbft_13{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-slg, 20px)}._small_zsbft_18{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-lg, 24px)}._medium_zsbft_23{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-xl, 28px)}._large_zsbft_28{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-2xl, 32px)}._primary_zsbft_34{background-color:var(--ckcl-primary-500, #3A72E4);border:1px solid var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF)}._primary_zsbft_34:hover{background-color:var(--ckcl-primary-600, #1058EC);border:1px solid var(--ckcl-primary-600, #1058EC);color:var(--ckcl-white, #FFFFFF)}._primary_zsbft_34:disabled{background-color:var(--ckcl-black-300, #AAAAAA);color:var(--ckcl-white, #FFFFFF);border-color:var(--ckcl-black-300, #AAAAAA);cursor:not-allowed}._secondary_zsbft_52{background-color:transparent;border:1px solid var(--ckcl-primary-600, #1058EC);color:var(--ckcl-primary-600, #1058EC)}._secondary_zsbft_52:hover{background-color:var(--ckcl-primary-200, #D8E3FA);border:1px solid var(--ckcl-primary-600, #1058EC)}._secondary_zsbft_52:disabled{background-color:var(--ckcl-black-100, #F4F4F4);color:var(--ckcl-black-400, #808080);border-color:var(--ckcl-black-200, #D5D5D5);cursor:not-allowed}._tertiary_zsbft_69{background-color:var(--ckcl-white, #FFFFFF);border:none;color:var(--ckcl-primary-600, #1058EC)}._tertiary_zsbft_69:hover{text-decoration:underline}._tertiary_zsbft_69:disabled{color:var(--ckcl-black-400, #808080);cursor:not-allowed;text-decoration:none}
1
+ ._ckcl-checkbox-wrapper_19qa8_1{display:inline-flex;align-items:center;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;cursor:pointer}._ckcl-checkbox-wrapper_19qa8_1 input[type=checkbox]{display:none}._ckcl-checkbox-wrapper_19qa8_1 ._ckcl-checkbox_19qa8_1{width:var(--ckcl-spacing-md, 16px);height:var(--ckcl-spacing-md, 16px);background-color:var(--ckcl-white, #FFFFFF);border:2px solid var(--ckcl-black-300, #A0A0A0);border-radius:var(--ckcl-spacing-xs, 4px);position:relative;transition:all .2s ease}._ckcl-checkbox-wrapper_19qa8_1 ._ckcl-checkbox_19qa8_1:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid var(--ckcl-white, #FFFFFF);border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}._ckcl-checkbox-wrapper_19qa8_1 input:checked+._ckcl-checkbox_19qa8_1{background-color:var(--ckcl-primary-500, #3A72E4);border-color:var(--ckcl-primary-500, #3A72E4)}._ckcl-checkbox-wrapper_19qa8_1 input:checked+._ckcl-checkbox_19qa8_1:after{opacity:1}._ckcl-checkbox-wrapper_19qa8_1 input:disabled+._ckcl-checkbox_19qa8_1{background-color:var(--ckcl-black-100, #DCDCDC);border-color:var(--ckcl-black-100, #DCDCDC);cursor:not-allowed}._ckcl-checkbox-wrapper_19qa8_1 input:checked:disabled+._ckcl-checkbox_19qa8_1{background-color:var(--ckcl-black-200, #C2C2C2);border-color:var(--ckcl-black-200, #C2C2C2);cursor:not-allowed}
package/dist/assets/index5.css ADDED
@@ -0,0 +1 @@
1
+ ._ckcl-button_1kakb_1{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;display:inline-flex;align-items:center;transition:all .3s ease;cursor:pointer;border-radius:var(--ckcl-spacing-xs, 4px);white-space:nowrap;text-decoration:none}._x-small_1kakb_13{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-slg, 20px)}._small_1kakb_18{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-lg, 24px)}._medium_1kakb_23{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-xl, 28px)}._large_1kakb_28{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-2xl, 32px)}._primary_1kakb_34{background-color:var(--ckcl-primary-500, #3A72E4);border:none;color:var(--ckcl-white, #FFFFFF)}._primary_1kakb_34:hover{background-color:var(--ckcl-primary-600, #3060C1);color:var(--ckcl-white, #FFFFFF)}._primary_1kakb_34:disabled{background-color:var(--ckcl-black-200, #C2C2C2);color:var(--ckcl-white, #FFFFFF);cursor:not-allowed}._secondary_1kakb_50{background-color:transparent;border:1px solid var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-primary-600, #3060C1)}._secondary_1kakb_50:hover{background-color:var(--ckcl-primary-100, #D9E6FB);border:1px solid var(--ckcl-primary-500, #3A72E4)}._secondary_1kakb_50:disabled{background-color:var(--ckcl-black-50, #F4F4F4);color:var(--ckcl-black-200, #C2C2C2);border-color:var(--ckcl-black-100, #DCDCDC);cursor:not-allowed}._tertiary_1kakb_67{background-color:var(--ckcl-white, #FFFFFF);border:none;color:var(--ckcl-primary-600, #3060C1)}._tertiary_1kakb_67:hover{text-decoration:underline}._tertiary_1kakb_67:disabled{color:var(--ckcl-black-200, #C2C2C2);cursor:not-allowed;text-decoration:none}
package/dist/components/Button/index.js CHANGED
@@ -1,28 +1,28 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import '../../assets/index4.css';const o = "_small_zsbft_18", u = "_medium_zsbft_23", b = "_large_zsbft_28", i = "_primary_zsbft_34", y = "_secondary_zsbft_52", d = "_tertiary_zsbft_69", s = {
3
- "ckcl-button": "_ckcl-button_zsbft_1",
4
- "x-small": "_x-small_zsbft_13",
2
+ import '../../assets/index5.css';const o = "_small_1kakb_18", k = "_medium_1kakb_23", u = "_large_1kakb_28", b = "_primary_1kakb_34", i = "_secondary_1kakb_50", y = "_tertiary_1kakb_67", a = {
3
+ "ckcl-button": "_ckcl-button_1kakb_1",
4
+ "x-small": "_x-small_1kakb_13",
5
5
  small: o,
6
- medium: u,
7
- large: b,
8
- primary: i,
9
- secondary: y,
10
- tertiary: d
6
+ medium: k,
7
+ large: u,
8
+ primary: b,
9
+ secondary: i,
10
+ tertiary: y
11
11
  };
12
12
  function p({
13
13
  children: m,
14
14
  className: l = "",
15
15
  variant: e = "primary",
16
16
  size: r = "medium",
17
- isSubmit: a,
17
+ isSubmit: s,
18
18
  ..._
19
19
  }) {
20
20
  const c = (t) => t === "x-small" ? "ckcl-body-xs-med" : t === "small" || t === "medium" || t === "large" ? "ckcl-body-sm-med" : "";
21
21
  return /* @__PURE__ */ n(
22
22
  "button",
23
23
  {
24
- className: `${l} ${s["ckcl-button"]} ${s[e]} ${s[r]} ${c(r)}`,
25
- type: a ? "submit" : "button",
24
+ className: `${l} ${a["ckcl-button"]} ${a[e]} ${a[r]} ${c(r)}`,
25
+ type: s ? "submit" : "button",
26
26
  ..._,
27
27
  children: m
28
28
  }
package/dist/components/Checkbox/Checkbox.stories.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { Checkbox } from './index';
3
+ declare const meta: Meta<typeof Checkbox>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Checkbox>;
6
+ export declare const DefaultCheckbox: Story;
7
+ export declare const CheckedCheckbox: Story;
8
+ export declare const DisabledCheckbox: Story;
9
+ export declare const DisabledCheckedCheckbox: Story;
10
+ //# sourceMappingURL=Checkbox.stories.d.ts.map
package/dist/components/Checkbox/Checkbox.stories.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAG/B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAY9B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAYrC,CAAC"}
package/dist/components/Checkbox/index.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
2
+ checked: boolean;
3
+ onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
4
+ }
5
+ export declare function Checkbox({ checked, onChange, className, disabled, ...restProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
6
+ export {};
7
+ //# sourceMappingURL=index.d.ts.map
package/dist/components/Checkbox/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Checkbox/index.tsx"],"names":[],"mappings":"AAEA,UAAU,aAAc,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACzE,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,SAAc,EACd,QAAgB,EAChB,GAAG,SAAS,EACb,EAAE,aAAa,2CAaf"}
package/dist/components/Checkbox/index.js ADDED
@@ -0,0 +1,29 @@
1
+ import { jsxs as s, jsx as c } from "react/jsx-runtime";
2
+ import '../../assets/index4.css';const e = {
3
+ "ckcl-checkbox-wrapper": "_ckcl-checkbox-wrapper_19qa8_1",
4
+ "ckcl-checkbox": "_ckcl-checkbox_19qa8_1"
5
+ };
6
+ function x({
7
+ checked: k,
8
+ onChange: l,
9
+ className: o = "",
10
+ disabled: a = !1,
11
+ ...r
12
+ }) {
13
+ return /* @__PURE__ */ s("label", { className: `${e["ckcl-checkbox-wrapper"]} ${o}`, children: [
14
+ /* @__PURE__ */ c(
15
+ "input",
16
+ {
17
+ type: "checkbox",
18
+ checked: k,
19
+ onChange: l,
20
+ disabled: a,
21
+ ...r
22
+ }
23
+ ),
24
+ /* @__PURE__ */ c("span", { className: e["ckcl-checkbox"] })
25
+ ] });
26
+ }
27
+ export {
28
+ x as Checkbox
29
+ };
package/dist/components/Copy/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- import { default as React } from 'react';
2
1
  interface CopyTextProps {
3
2
  text: string;
4
3
  className?: string;
4
+ timer: number;
5
5
  icon?: React.ReactNode;
6
6
  successIcon?: React.ReactNode;
7
7
  onCopied?: (copiedText: string) => void;
package/dist/components/Copy/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Copy/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6C5C,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Copy/index.tsx"],"names":[],"mappings":"AAIA,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4C5C,CAAC"}
package/dist/components/Copy/index.js CHANGED
@@ -1,26 +1,27 @@
1
- import { jsx as r } from "react/jsx-runtime";
1
+ import { jsx as n } from "react/jsx-runtime";
2
2
  import * as o from "react";
3
- import { useState as p, useEffect as h } from "react";
4
- const g = (e) => /* @__PURE__ */ o.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ o.createElement("path", { d: "M7.4999 7V5.5C7.4999 5.22386 7.72376 5 7.9999 5H13.9999C14.276 5 14.4999 5.22386 14.4999 5.5V12.5C14.4999 12.7761 14.276 13 13.9999 13H12.4999V14.4995C12.4999 14.7759 12.275 15 11.9965 15H6.00333C5.72529 15 5.5 14.7777 5.5 14.4995L5.5013 7.50044C5.50135 7.22406 5.72632 7 6.00471 7H7.4999ZM6.50121 8L6.50009 14H11.4999V8H6.50121ZM8.4999 7H12.4999V12H13.4999V6H8.4999V7Z", fill: "#0A3CA2" })), m = (e) => /* @__PURE__ */ o.createElement("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ o.createElement("path", { d: "M5 13L9 17L19 7", stroke: "#28a745", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), u = ({
3
+ import { useState as h, useEffect as C } from "react";
4
+ const g = (e) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ o.createElement("path", { d: "M6.52941 11.4118C6.20588 11.4118 5.92892 11.2966 5.69853 11.0662C5.46814 10.8358 5.35294 10.5588 5.35294 10.2353V3.17647C5.35294 2.85294 5.46814 2.57598 5.69853 2.34559C5.92892 2.1152 6.20588 2 6.52941 2H11.8235C12.1471 2 12.424 2.1152 12.6544 2.34559C12.8848 2.57598 13 2.85294 13 3.17647V10.2353C13 10.5588 12.8848 10.8358 12.6544 11.0662C12.424 11.2966 12.1471 11.4118 11.8235 11.4118H6.52941ZM6.52941 10.2353H11.8235V3.17647H6.52941V10.2353ZM4.17647 13.7647C3.85294 13.7647 3.57598 13.6495 3.34559 13.4191C3.1152 13.1887 3 12.9118 3 12.5882V4.35294H4.17647V12.5882H10.6471V13.7647H4.17647Z", fill: "#2B2B2B" })), w = (e) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ o.createElement("path", { d: "M6.8 12.0167L3 8.21667L3.95 7.26667L6.8 10.1167L12.9167 4L13.8667 4.95L6.8 12.0167Z", fill: "#1058EC" })), u = ({
5
5
  text: e,
6
6
  className: a = "",
7
- icon: s = /* @__PURE__ */ r(g, { width: 20, height: 20 }),
8
- successIcon: l = /* @__PURE__ */ r(m, { width: 20, height: 20 }),
9
- onCopied: c
7
+ timer: r = 1e3,
8
+ icon: s = /* @__PURE__ */ n(g, { width: 20, height: 20 }),
9
+ successIcon: c = /* @__PURE__ */ n(w, { width: 20, height: 20 }),
10
+ onCopied: p
10
11
  }) => {
11
- const [t, n] = p(!1), d = async () => {
12
+ const [t, l] = h(!1), d = async () => {
12
13
  try {
13
- await navigator.clipboard.writeText(e), n(!0), c?.(e);
14
+ await navigator.clipboard.writeText(e), l(!0), p?.(e);
14
15
  } catch (i) {
15
16
  console.error("Failed to copy: ", i);
16
17
  }
17
18
  };
18
- return h(() => {
19
+ return C(() => {
19
20
  if (t) {
20
- const i = setTimeout(() => n(!1), 1e3);
21
+ const i = setTimeout(() => l(!1), r);
21
22
  return () => clearTimeout(i);
22
23
  }
23
- }, [t]), /* @__PURE__ */ r(
24
+ }, [t, r]), /* @__PURE__ */ n(
24
25
  "button",
25
26
  {
26
27
  type: "button",
@@ -36,7 +37,7 @@ const g = (e) => /* @__PURE__ */ o.createElement("svg", { width: 20, height: 20,
36
37
  padding: 0
37
38
  },
38
39
  "aria-label": t ? "Copied" : "Copy",
39
- children: t ? l : s
40
+ children: t ? c : s
40
41
  }
41
42
  );
42
43
  };
package/dist/components/Switch/index.js CHANGED
@@ -1,8 +1,8 @@
1
- import { jsx as c, jsxs as p } from "react/jsx-runtime";
2
- import '../../assets/index2.css';const a = "_slider_1h10p_12", s = {
3
- "ckcl-switch-wrapper": "_ckcl-switch-wrapper_1h10p_1",
4
- "ckcl-switch": "_ckcl-switch_1h10p_1",
5
- slider: a
1
+ import { jsx as c, jsxs as a } from "react/jsx-runtime";
2
+ import '../../assets/index2.css';const p = "_slider_mu4z3_12", s = {
3
+ "ckcl-switch-wrapper": "_ckcl-switch-wrapper_mu4z3_1",
4
+ "ckcl-switch": "_ckcl-switch_mu4z3_1",
5
+ slider: p
6
6
  };
7
7
  function n({
8
8
  checked: e,
@@ -11,7 +11,7 @@ function n({
11
11
  disabled: i = !1,
12
12
  ...t
13
13
  }) {
14
- return /* @__PURE__ */ c("label", { className: `${s["ckcl-switch-wrapper"]} ${r}`, children: /* @__PURE__ */ p("span", { className: `${s["ckcl-switch"]}`, children: [
14
+ return /* @__PURE__ */ c("label", { className: `${s["ckcl-switch-wrapper"]} ${r}`, children: /* @__PURE__ */ a("span", { className: `${s["ckcl-switch"]}`, children: [
15
15
  /* @__PURE__ */ c(
16
16
  "input",
17
17
  {
package/dist/components/Tag/index.js CHANGED
@@ -1,13 +1,13 @@
1
- import { jsx as _ } from "react/jsx-runtime";
2
- import '../../assets/index.css';const g = "_small_1xrao_16", m = "_medium_1xrao_21", u = "_large_1xrao_26", x = "_neutral_1xrao_32", i = "_danger_1xrao_39", d = "_success_1xrao_46", f = "_info_1xrao_53", k = "_warning_1xrao_60", s = {
3
- "ckcl-tag": "_ckcl-tag_1xrao_1",
4
- "x-small": "_x-small_1xrao_11",
1
+ import { jsx as d } from "react/jsx-runtime";
2
+ import '../../assets/index.css';const g = "_small_1xdr6_16", o = "_medium_1xdr6_21", m = "_large_1xdr6_26", u = "_neutral_1xdr6_32", x = "_danger_1xdr6_39", i = "_success_1xdr6_46", f = "_info_1xdr6_53", k = "_warning_1xdr6_60", r = {
3
+ "ckcl-tag": "_ckcl-tag_1xdr6_1",
4
+ "x-small": "_x-small_1xdr6_11",
5
5
  small: g,
6
- medium: m,
7
- large: u,
8
- neutral: x,
9
- danger: i,
10
- success: d,
6
+ medium: o,
7
+ large: m,
8
+ neutral: u,
9
+ danger: x,
10
+ success: i,
11
11
  info: f,
12
12
  warning: k
13
13
  }, N = {
@@ -18,19 +18,19 @@ import '../../assets/index.css';const g = "_small_1xrao_16", m = "_medium_1xrao_
18
18
  WARNING: "warning"
19
19
  };
20
20
  function $({
21
- variation: r,
22
- children: l,
23
- className: e = "",
24
- size: n = "medium",
21
+ variation: n,
22
+ children: e,
23
+ className: a = "",
24
+ size: l = "medium",
25
25
  ...c
26
26
  }) {
27
- const o = N[r] || r || "neutral", t = (a) => a === "x-small" ? "ckcl-body-xs-reg" : a === "small" ? "ckcl-body-sm-reg" : a === "medium" || a === "large" ? "ckcl-body-lg-reg" : "";
28
- return /* @__PURE__ */ _(
27
+ const t = N[n] || n || "neutral", _ = (s) => s === "x-small" ? "ckcl-body-xs-reg" : s === "small" ? "ckcl-body-sm-reg" : s === "medium" || s === "large" ? "ckcl-body-lg-reg" : "";
28
+ return /* @__PURE__ */ d(
29
29
  "div",
30
30
  {
31
- className: `${e} ${s["ckcl-tag"]} ${s[o]} ${s[n]} ${t(n)}`,
31
+ className: `${a} ${r["ckcl-tag"]} ${r[t]} ${r[l]} ${_(l)}`,
32
32
  ...c,
33
- children: l
33
+ children: e
34
34
  }
35
35
  );
36
36
  }
package/dist/main.d.ts CHANGED
@@ -3,5 +3,7 @@ export { Input } from './components/Input';
3
3
  export { Label } from './components/Label';
4
4
  export { Tag } from './components/Tag';
5
5
  export { Switch } from './components/Switch';
6
+ export { Checkbox } from './components/Checkbox';
7
+ export { CopyText } from './components/Copy';
6
8
  export * from './theme/Theme';
7
9
  //# sourceMappingURL=main.d.ts.map
package/dist/main.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../lib/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,cAAc,eAAe,CAAC"}
1
+ {"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../lib/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,cAAc,eAAe,CAAC"}
package/dist/main.js CHANGED
@@ -1,14 +1,18 @@
1
1
  import { Button as e } from "./components/Button/index.js";
2
- import { Input as m } from "./components/Input/index.js";
3
- import { Label as f } from "./components/Label/index.js";
4
- import { Tag as a } from "./components/Tag/index.js";
5
- import { Switch as i } from "./components/Switch/index.js";
2
+ import { Input as p } from "./components/Input/index.js";
3
+ import { Label as m } from "./components/Label/index.js";
4
+ import { Tag as h } from "./components/Tag/index.js";
5
+ import { Switch as T } from "./components/Switch/index.js";
6
+ import { Checkbox as b } from "./components/Checkbox/index.js";
7
+ import { CopyText as i } from "./components/Copy/index.js";
6
8
  import { CKThemeProvider as u } from "./theme/Theme.js";
7
9
  export {
8
10
  e as Button,
9
11
  u as CKThemeProvider,
10
- m as Input,
11
- f as Label,
12
- i as Switch,
13
- a as Tag
12
+ b as Checkbox,
13
+ i as CopyText,
14
+ p as Input,
15
+ m as Label,
16
+ T as Switch,
17
+ h as Tag
14
18
  };
package/dist/theme/theme.css CHANGED
@@ -1 +1 @@
1
- :root{--ckcl-primary-600: #1058EC;--ckcl-primary-500: #3A72E4;--ckcl-primary-400: #89AAEF;--ckcl-primary-300: #B0C6F4;--ckcl-primary-200: #D8E3FA;--ckcl-primary-100: #F8FBFF;--ckcl-black-500: #2B2B2B;--ckcl-black-400: #808080;--ckcl-black-300: #AAAAAA;--ckcl-black-200: #D5D5D5;--ckcl-black-100: #F4F4F4;--ckcl-white: #FFFFFF;--ckcl-red-500: #DA1E28;--ckcl-red-400: #E9787E;--ckcl-red-300: #F0A5A9;--ckcl-red-200: #F8D2D4;--ckcl-red-100: #FDF4F4;--ckcl-yellow-500: #FFCC02;--ckcl-yellow-400: #FEEAA5;--ckcl-yellow-300: #FFF1C3;--ckcl-yellow-200: #FFF8E1;--ckcl-yellow-100: #FFFDF7;--ckcl-green-500: #24A147;--ckcl-green-400: #7CC791;--ckcl-green-300: #A7D9B5;--ckcl-green-200: #D3ECDA;--ckcl-green-100: #F4FAF6;--ckcl-font-family-base: Inter;--ckcl-fs-3xs: 10px;--ckcl-fs-2xs: 11px;--ckcl-fs-xs: 12px;--ckcl-fs-sm: 14px;--ckcl-fs-md: 16px;--ckcl-fs-lg: 18px;--ckcl-fs-xl: 24px;--ckcl-font-weight-regular: 400;--ckcl-font-weight-medium: 500;--ckcl-font-weight-semibold: 600;--ckcl-font-weight-bold: 700;--ckcl-leading-xs: 14px;--ckcl-leading-sm: 16px;--ckcl-leading-md: 19px;--ckcl-leading-lg: 22px;--ckcl-leading-xl: 25px;--ckcl-leading-2xl: 33px;--ckcl-spacing-2xs: 2px;--ckcl-spacing-xs: 4px;--ckcl-spacing-sm: 8px;--ckcl-spacing-md: 16px;--ckcl-spacing-slg: 20px;--ckcl-spacing-lg: 24px;--ckcl-spacing-xl: 28px;--ckcl-spacing-2xl: 32px;--ckcl-spacing-3xl: 48px;--ckcl-tag-neutral-bg: #F4F4F4;--ckcl-tag-neutral-border: #AAAAAA;--ckcl-tag-error-bg: #FDF4F4;--ckcl-tag-error-border: #E9787E;--ckcl-tag-success-bg: #F4FAF6;--ckcl-tag-success-border: #7CC791;--ckcl-tag-inprogress-bg: #F8FBFF;--ckcl-tag-inprogress-border: #B0C6F4;--ckcl-tag-alert-bg: #FFFDF7;--ckcl-tag-alert-border: #FEEAA5}[class*=ckcl]{box-sizing:border-box}body .ckcl-font-family-base{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}body .ckcl-h1-reg{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-med{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-semibold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-bold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h2-reg{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-med{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-semibold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-bold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h3-reg{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-med{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-semibold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-bold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-body-lg-reg{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-med{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-semibold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-bold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-sm-reg{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-med{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-semibold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-bold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-reg{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-med{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-semibold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-bold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-cap-reg{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-med{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-semibold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-bold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-primary-600{color:var(--ckcl-primary-600, #1058EC)}body .ckcl-primary-500{color:var(--ckcl-primary-500, #3A72E4)}body .ckcl-primary-400{color:var(--ckcl-primary-400, #89AAEF)}body .ckcl-primary-300{color:var(--ckcl-primary-300, #B0C6F4)}body .ckcl-primary-200{color:var(--ckcl-primary-200, #D8E3FA)}body .ckcl-primary-100{color:var(--ckcl-primary-100, #F8FBFF)}body .ckcl-black-500{color:var(--ckcl-black-500, #2B2B2B)}body .ckcl-black-400{color:var(--ckcl-black-400, #808080)}body .ckcl-black-300{color:var(--ckcl-primary-300, #B0C6F4)}body .ckcl-black-200{color:var(--ckcl-primary-200, #D8E3FA)}body .ckcl-black-100{color:var(--ckcl-primary-100, #F8FBFF)}body .ckcl-white{color:var(--ckcl-white, #FFFFFF)}body .ckcl-red-500{color:var(--ckcl-red-500, #DA1E28)}body .ckcl-red-400{color:var(--ckcl-red-400, #E9787E)}body .ckcl-red-300{color:var(--ckcl-red-300, #F0A5A9)}body .ckcl-red-200{color:var(--ckcl-red-200, #F8D2D4)}body .ckcl-red-100{color:var(--ckcl-red-100, #FDF4F4)}body .ckcl-yellow-500{color:var(--ckcl-yellow-500, #FFCC02)}body .ckcl-yellow-400{color:var(--ckcl-yellow-400, #FEEAA5)}body .ckcl-yellow-300{color:var(--ckcl-yellow-300, #FFF1C3)}body .ckcl-yellow-200{color:var(--ckcl-yellow-200, #FFF8E1)}body .ckcl-yellow-100{color:var(--ckcl-yellow-100, #FFFDF7)}body .ckcl-green-500{color:var(--ckcl-green-500, #24A147)}body .ckcl-green-400{color:var(--ckcl-green-400, #7CC791)}body .ckcl-green-300{color:var(--ckcl-green-300, #A7D9B5)}body .ckcl-green-200{color:var(--ckcl-green-200, #D3ECDA)}body .ckcl-green-100{color:var(--ckcl-green-100, #F4FAF6)}body .ckcl-fs-3xs{font-size:var(--ckcl-fs-3xs, 10px)}body .ckcl-fs-2xs{font-size:var(--ckcl-fs-2xs, 11px)}body .ckcl-fs-xs{font-size:var(--ckcl-fs-xs, 12px)}body .ckcl-fs-sm{font-size:var(--ckcl-fs-sm, 14px)}body .ckcl-fs-md{font-size:var(--ckcl-fs-md, 16px)}body .ckcl-fs-lg{font-size:var(--ckcl-fs-lg, 18px)}body .ckcl-fs-xl{font-size:var(--ckcl-fs-xl, 24px)}body .ckcl-primary-bg-600{background-color:var(--ckcl-primary-600, #1058EC)}body .ckcl-primary-bg-500{background-color:var(--ckcl-primary-500, #3A72E4)}body .ckcl-primary-bg-400{background-color:var(--ckcl-primary-400, #89AAEF)}body .ckcl-primary-bg-300{background-color:var(--ckcl-primary-300, #B0C6F4)}body .ckcl-primary-bg-200{background-color:var(--ckcl-primary-200, #D8E3FA)}body .ckcl-primary-bg-100{background-color:var(--ckcl-primary-100, #F8FBFF)}body .ckcl-black-bg-500{background-color:var(--ckcl-black-500, #2B2B2B)}body .ckcl-black-bg-400{background-color:var(--ckcl-black-400, #808080)}body .ckcl-black-bg-300{background-color:var(--ckcl-primary-300, #B0C6F4)}body .ckcl-black-bg-200{background-color:var(--ckcl-primary-200, #D8E3FA)}body .ckcl-black-bg-100{background-color:var(--ckcl-primary-100, #F8FBFF)}body .ckcl-red-bg-500{background-color:var(--ckcl-red-500, #DA1E28)}body .ckcl-red-bg-400{background-color:var(--ckcl-red-400, #E9787E)}body .ckcl-red-bg-300{background-color:var(--ckcl-red-300, #F0A5A9)}body .ckcl-red-bg-200{background-color:var(--ckcl-red-200, #F8D2D4)}body .ckcl-red-bg-100{background-color:var(--ckcl-red-100, #FDF4F4)}body .ckcl-yellow-bg-500{background-color:var(--ckcl-yellow-500, #FFCC02)}body .ckcl-yellow-bg-400{background-color:var(--ckcl-yellow-400, #FEEAA5)}body .ckcl-yellow-bg-300{background-color:var(--ckcl-yellow-300, #FFF1C3)}body .ckcl-yellow-bg-200{background-color:var(--ckcl-yellow-200, #FFF8E1)}body .ckcl-yellow-bg-100{background-color:var(--ckcl-yellow-100, #FFFDF7)}body .ckcl-green-bg-500{background-color:var(--ckcl-green-500, #24A147)}body .ckcl-green-bg-400{background-color:var(--ckcl-green-400, #7CC791)}body .ckcl-green-bg-300{background-color:var(--ckcl-green-300, #A7D9B5)}body .ckcl-green-bg-200{background-color:var(--ckcl-green-200, #D3ECDA)}body .ckcl-green-bg-100{background-color:var(--ckcl-green-100, #F4FAF6)}
1
+ :root{--ckcl-primary-600: #3060C1;--ckcl-primary-500: #3A72E4;--ckcl-primary-400: #578FE9;--ckcl-primary-300: #81AFF0;--ckcl-primary-200: #B0CDF6;--ckcl-primary-100: #D9E6FB;--ckcl-primary-50: #F8FBFF;--ckcl-black-600: #050505;--ckcl-black-500: #2B2B2B;--ckcl-black-400: #737373;--ckcl-black-300: #A0A0A0;--ckcl-black-200: #C2C2C2;--ckcl-black-100: #DCDCDC;--ckcl-black-50: #F4F4F4;--ckcl-white: #FFFFFF;--ckcl-red-600: #C91919;--ckcl-red-500: #E52323;--ckcl-red-400: #EB5050;--ckcl-red-300: #F07D7D;--ckcl-red-200: #F5AAAA;--ckcl-red-100: #FAD7D7;--ckcl-red-50: #FDF4F4;--ckcl-yellow-600: #AC6900;--ckcl-yellow-500: #FFCA28;--ckcl-yellow-400: #FFD54F;--ckcl-yellow-300: #FFE082;--ckcl-yellow-200: #FFECB3;--ckcl-yellow-100: #FFF8E1;--ckcl-yellow-50: #FFFBED;--ckcl-green-600: #007503;--ckcl-green-500: #249C45;--ckcl-green-400: #54B86F;--ckcl-green-300: #88D39A;--ckcl-green-200: #ADE0BB;--ckcl-green-100: #CFEBD7;--ckcl-green-50: #E8F5EC;--ckcl-font-family-base: Inter;--ckcl-fs-3xs: 10px;--ckcl-fs-2xs: 11px;--ckcl-fs-xs: 12px;--ckcl-fs-sm: 14px;--ckcl-fs-md: 16px;--ckcl-fs-lg: 18px;--ckcl-fs-xl: 24px;--ckcl-font-weight-regular: 400;--ckcl-font-weight-medium: 500;--ckcl-font-weight-semibold: 600;--ckcl-font-weight-bold: 700;--ckcl-leading-xs: 14px;--ckcl-leading-sm: 16px;--ckcl-leading-md: 19px;--ckcl-leading-lg: 22px;--ckcl-leading-xl: 25px;--ckcl-leading-2xl: 33px;--ckcl-spacing-2xs: 2px;--ckcl-spacing-xs: 4px;--ckcl-spacing-sm: 8px;--ckcl-spacing-md: 16px;--ckcl-spacing-slg: 20px;--ckcl-spacing-lg: 24px;--ckcl-spacing-xl: 28px;--ckcl-spacing-2xl: 32px;--ckcl-spacing-3xl: 48px;--ckcl-tag-neutral-bg: #F4F4F4;--ckcl-tag-neutral-border: #DCDCDC;--ckcl-tag-error-bg: #FDF4F4;--ckcl-tag-error-border: #FAD7D7;--ckcl-tag-success-bg: #E8F5EC;--ckcl-tag-success-border: #CFEBD7;--ckcl-tag-inprogress-bg: #D9E6FB;--ckcl-tag-inprogress-border: #B0CDF6;--ckcl-tag-alert-bg: #FFF8E1;--ckcl-tag-alert-border: #FFE082}[class*=ckcl]{box-sizing:border-box}body .ckcl-font-family-base{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}body .ckcl-h1-reg{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-med{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-semibold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h1-bold{font-size:var(--ckcl-fs-xl, 24px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-2xl, 33px)}body .ckcl-h2-reg{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-med{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-semibold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h2-bold{font-size:var(--ckcl-fs-lg, 18px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-xl, 25px)}body .ckcl-h3-reg{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-med{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-semibold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-h3-bold{font-size:var(--ckcl-fs-md, 16px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-lg, 22px)}body .ckcl-body-lg-reg{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-med{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-semibold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-lg-bold{font-size:var(--ckcl-fs-sm, 14px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-md, 19px)}body .ckcl-body-sm-reg{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-med{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-semibold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-sm-bold{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-reg{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-med{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-semibold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-body-xs-bold{font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-sm, 16px)}body .ckcl-cap-reg{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-regular, 400);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-med{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-medium, 500);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-semibold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-semibold, 600);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-cap-bold{font-size:var(--ckcl-fs-3xs, 10px);font-weight:var(--ckcl-font-weight-bold, 700);line-height:var(--ckcl-leading-xs, 14px)}body .ckcl-primary-600{color:var(--ckcl-primary-600, #3060C1)}body .ckcl-primary-500{color:var(--ckcl-primary-500, #3A72E4)}body .ckcl-primary-400{color:var(--ckcl-primary-400, #578FE9)}body .ckcl-primary-300{color:var(--ckcl-primary-300, #81AFF0)}body .ckcl-primary-200{color:var(--ckcl-primary-200, #B0CDF6)}body .ckcl-primary-100{color:var(--ckcl-primary-100, #D9E6FB)}body .ckcl-black-500{color:var(--ckcl-black-500, #2B2B2B)}body .ckcl-black-400{color:var(--ckcl-black-400, #737373)}body .ckcl-black-300{color:var(--ckcl-primary-300, #81AFF0)}body .ckcl-black-200{color:var(--ckcl-primary-200, #B0CDF6)}body .ckcl-black-100{color:var(--ckcl-primary-100, #D9E6FB)}body .ckcl-white{color:var(--ckcl-white, #FFFFFF)}body .ckcl-red-500{color:var(--ckcl-red-500, #E52323)}body .ckcl-red-400{color:var(--ckcl-red-400, #EB5050)}body .ckcl-red-300{color:var(--ckcl-red-300, #F07D7D)}body .ckcl-red-200{color:var(--ckcl-red-200, #F5AAAA)}body .ckcl-red-100{color:var(--ckcl-red-100, #FAD7D7)}body .ckcl-yellow-500{color:var(--ckcl-yellow-500, #FFCA28)}body .ckcl-yellow-400{color:var(--ckcl-yellow-400, #FFD54F)}body .ckcl-yellow-300{color:var(--ckcl-yellow-300, #FFE082)}body .ckcl-yellow-200{color:var(--ckcl-yellow-200, #FFECB3)}body .ckcl-yellow-100{color:var(--ckcl-yellow-100, #FFF8E1)}body .ckcl-green-500{color:var(--ckcl-green-500, #249C45)}body .ckcl-green-400{color:var(--ckcl-green-400, #54B86F)}body .ckcl-green-300{color:var(--ckcl-green-300, #88D39A)}body .ckcl-green-200{color:var(--ckcl-green-200, #ADE0BB)}body .ckcl-green-100{color:var(--ckcl-green-100, #CFEBD7)}body .ckcl-fs-3xs{font-size:var(--ckcl-fs-3xs, 10px)}body .ckcl-fs-2xs{font-size:var(--ckcl-fs-2xs, 11px)}body .ckcl-fs-xs{font-size:var(--ckcl-fs-xs, 12px)}body .ckcl-fs-sm{font-size:var(--ckcl-fs-sm, 14px)}body .ckcl-fs-md{font-size:var(--ckcl-fs-md, 16px)}body .ckcl-fs-lg{font-size:var(--ckcl-fs-lg, 18px)}body .ckcl-fs-xl{font-size:var(--ckcl-fs-xl, 24px)}body .ckcl-primary-bg-600{background-color:var(--ckcl-primary-600, #3060C1)}body .ckcl-primary-bg-500{background-color:var(--ckcl-primary-500, #3A72E4)}body .ckcl-primary-bg-400{background-color:var(--ckcl-primary-400, #578FE9)}body .ckcl-primary-bg-300{background-color:var(--ckcl-primary-300, #81AFF0)}body .ckcl-primary-bg-200{background-color:var(--ckcl-primary-200, #B0CDF6)}body .ckcl-primary-bg-100{background-color:var(--ckcl-primary-100, #D9E6FB)}body .ckcl-primary-bg-50{background-color:var(--ckcl-primary-50, #F8FBFF)}body .ckcl-black-bg-600{background-color:var(--ckcl-black-600, #050505)}body .ckcl-black-bg-500{background-color:var(--ckcl-black-500, #2B2B2B)}body .ckcl-black-bg-400{background-color:var(--ckcl-black-400, #737373)}body .ckcl-black-bg-300{background-color:var(--ckcl-black-300, #A0A0A0)}body .ckcl-black-bg-200{background-color:var(--ckcl-black-200, #C2C2C2)}body .ckcl-black-bg-100{background-color:var(--ckcl-black-100, #DCDCDC)}body .ckcl-black-bg-50{background-color:var(--ckcl-black-50, #F4F4F4)}body .ckcl-red-bg-600{background-color:var(--ckcl-red-600, #C91919)}body .ckcl-red-bg-500{background-color:var(--ckcl-red-500, #E52323)}body .ckcl-red-bg-400{background-color:var(--ckcl-red-400, #EB5050)}body .ckcl-red-bg-300{background-color:var(--ckcl-red-300, #F07D7D)}body .ckcl-red-bg-200{background-color:var(--ckcl-red-200, #F5AAAA)}body .ckcl-red-bg-100{background-color:var(--ckcl-red-100, #FAD7D7)}body .ckcl-red-bg-50{background-color:var(--ckcl-red-50, #FDF4F4)}body .ckcl-yellow-bg-600{background-color:var(--ckcl-yellow-600, #AC6900)}body .ckcl-yellow-bg-500{background-color:var(--ckcl-yellow-500, #FFCA28)}body .ckcl-yellow-bg-400{background-color:var(--ckcl-yellow-400, #FFD54F)}body .ckcl-yellow-bg-300{background-color:var(--ckcl-yellow-300, #FFE082)}body .ckcl-yellow-bg-200{background-color:var(--ckcl-yellow-200, #FFECB3)}body .ckcl-yellow-bg-100{background-color:var(--ckcl-yellow-100, #FFF8E1)}body .ckcl-yellow-bg-50{background-color:var(--ckcl-yellow-50, #FFFBED)}body .ckcl-green-bg-600{background-color:var(--ckcl-green-600, #007503)}body .ckcl-green-bg-500{background-color:var(--ckcl-green-500, #249C45)}body .ckcl-green-bg-400{background-color:var(--ckcl-green-400, #54B86F)}body .ckcl-green-bg-300{background-color:var(--ckcl-green-300, #88D39A)}body .ckcl-green-bg-200{background-color:var(--ckcl-green-200, #ADE0BB)}body .ckcl-green-bg-100{background-color:var(--ckcl-green-100, #CFEBD7)}body .ckcl-green-bg-50{background-color:var(--ckcl-green-50, #E8F5EC)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ck-ui/component-library",
3
- "version": "0.1.0",
3
+ "version": "0.1.2",
4
4
  "type": "module",
5
5
  "main": "dist/main.js",
6
6
  "types": "dist/main.d.ts",