@ck-ui/component-library 0.0.5 → 0.1.1

package/dist/assets/Theme.css

@@ -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)}
+@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

@@ -1 +1 @@
-._ckcl-tag_1vgmh_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_1vgmh_11{padding:var(--ckcl-spacing-2xs, 2px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-slg, 20px)}._small_1vgmh_16{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-lg, 24px)}._medium_1vgmh_21{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-xl, 28px)}._large_1vgmh_26{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-sm, 8px);height:var(--ckcl-spacing-2xl, 32px)}._neutral_1vgmh_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}._error_1vgmh_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_1vgmh_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}._in-progress_1vgmh_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}._alert_1vgmh_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}
+._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

@@ -1 +1 @@
-._ckcl-switch-wrapper_mepd1_1{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._ckcl-switch-wrapper_mepd1_1 ._ckcl-switch_mepd1_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_mepd1_1 ._ckcl-switch_mepd1_1 ._slider_mepd1_12:before{width:var(--ckcl-fs-xs, 12px);height:var(--ckcl-fs-xs, 12px);left:2px;top:12%}._ckcl-switch-wrapper_mepd1_1 ._ckcl-switch_mepd1_1 input:checked+._slider_mepd1_12:before{transform:translate(var(--ckcl-fs-xs, 12px))}._ckcl-switch-wrapper_mepd1_1 ._ckcl-switch_mepd1_1 ._slider_mepd1_12{position:absolute;inset:0;background-color:var(--ckcl-black-400, #808080);transition:.4s;border-radius:var(--ckcl-spacing-md, 16px)}._ckcl-switch-wrapper_mepd1_1 ._ckcl-switch_mepd1_1 ._slider_mepd1_12:before{position:absolute;content:"";background-color:var(--ckcl-white, #FFFFFF);transition:.4s;border-radius:50%}._ckcl-switch-wrapper_mepd1_1 ._ckcl-switch_mepd1_1 input:checked+._slider_mepd1_12{background-color:var(--ckcl-primary-500, #3A72E4)}._ckcl-switch-wrapper_mepd1_1 ._ckcl-switch_mepd1_1 input:disabled+._slider_mepd1_12{background-color:var(--ckcl-black-200, #D5D5D5);cursor:not-allowed}._ckcl-switch-wrapper_mepd1_1 ._ckcl-switch_mepd1_1 input:checked:disabled+._slider_mepd1_12{background-color:var(--ckcl-primary-300, #B0C6F4);cursor:not-allowed}._ckcl-switch-wrapper_mepd1_1 ._ckcl-switch_mepd1_1 input[type=checkbox]{margin:0;opacity:0}
+._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

@@ -1 +1 @@
-._ckcl-copy_qj0vq_1{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;cursor:pointer;display:inline-block;align-items:center;-webkit-user-select:none;user-select:none}._icon_qj0vq_9{padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-xs, 4px)}._small_qj0vq_14,._medium_qj0vq_18,._large_qj0vq_22{font-size:var(--ckcl-fs-xs, 12px)}
+._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

@@ -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}
+._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/Button.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 import { Button } from './index';
 declare const meta: Meta<typeof Button>;
 export default meta;

package/dist/components/Button/Button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAG7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAG7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC"}

package/dist/components/Button/index.js

@@ -1,28 +1,28 @@
 import { jsx as n } from "react/jsx-runtime";
-import '../../assets/index5.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 = {
-  "ckcl-button": "_ckcl-button_zsbft_1",
-  "x-small": "_x-small_zsbft_13",
+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 = {
+  "ckcl-button": "_ckcl-button_1kakb_1",
+  "x-small": "_x-small_1kakb_13",
   small: o,
-  medium: u,
-  large: b,
-  primary: i,
-  secondary: y,
-  tertiary: d
+  medium: k,
+  large: u,
+  primary: b,
+  secondary: i,
+  tertiary: y
 };
 function p({
   children: m,
   className: l = "",
   variant: e = "primary",
   size: r = "medium",
-  isSubmit: a,
+  isSubmit: s,
   ..._
 }) {
   const c = (t) => t === "x-small" ? "ckcl-body-xs-med" : t === "small" || t === "medium" || t === "large" ? "ckcl-body-sm-med" : "";
   return /* @__PURE__ */ n(
     "button",
     {
-      className: `${l} ${s["ckcl-button"]} ${s[e]} ${s[r]} ${c(r)}`,
-      type: a ? "submit" : "button",
+      className: `${l} ${a["ckcl-button"]} ${a[e]} ${a[r]} ${c(r)}`,
+      type: s ? "submit" : "button",
       ..._,
       children: m
     }

package/dist/components/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Checkbox } from './index';
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const DefaultCheckbox: Story;
+export declare const CheckedCheckbox: Story;
+export declare const DisabledCheckbox: Story;
+export declare const DisabledCheckedCheckbox: Story;
+//# sourceMappingURL=Checkbox.stories.d.ts.map

package/dist/components/Checkbox/Checkbox.stories.d.ts.map

@@ -0,0 +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

@@ -0,0 +1,7 @@
+interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    checked: boolean;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare function Checkbox({ checked, onChange, className, disabled, ...restProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Checkbox/index.d.ts.map

@@ -0,0 +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

@@ -0,0 +1,29 @@
+import { jsxs as s, jsx as c } from "react/jsx-runtime";
+import '../../assets/index4.css';const e = {
+  "ckcl-checkbox-wrapper": "_ckcl-checkbox-wrapper_19qa8_1",
+  "ckcl-checkbox": "_ckcl-checkbox_19qa8_1"
+};
+function x({
+  checked: k,
+  onChange: l,
+  className: o = "",
+  disabled: a = !1,
+  ...r
+}) {
+  return /* @__PURE__ */ s("label", { className: `${e["ckcl-checkbox-wrapper"]} ${o}`, children: [
+    /* @__PURE__ */ c(
+      "input",
+      {
+        type: "checkbox",
+        checked: k,
+        onChange: l,
+        disabled: a,
+        ...r
+      }
+    ),
+    /* @__PURE__ */ c("span", { className: e["ckcl-checkbox"] })
+  ] });
+}
+export {
+  x as Checkbox
+};

package/dist/components/Copy/Copy.stories.d.ts

@@ -1,7 +1,9 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Copy } from './index';
-declare const meta: Meta<typeof Copy>;
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { CopyText } from './index';
+declare const meta: Meta<typeof CopyText>;
 export default meta;
-type Story = StoryObj<typeof Copy>;
-export declare const CopyText: Story;
+type Story = StoryObj<typeof CopyText>;
+export declare const Default: Story;
+export declare const WithCustomIcons: Story;
+export declare const StyledWithClassName: Story;
 //# sourceMappingURL=Copy.stories.d.ts.map

package/dist/components/Copy/Copy.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Copy.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Copy/Copy.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAK/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAG3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC"}
+{"version":3,"file":"Copy.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Copy/Copy.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAQ/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAC"}

package/dist/components/Copy/index.d.ts

@@ -1,8 +1,11 @@
-interface CopyProps extends React.HTMLAttributes<HTMLSpanElement> {
-    Icon: React.ReactNode;
-    size?: "small" | "medium" | "large";
-    onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;
+interface CopyTextProps {
+    text: string;
+    className?: string;
+    timer: number;
+    icon?: React.ReactNode;
+    successIcon?: React.ReactNode;
+    onCopied?: (copiedText: string) => void;
 }
-export declare function Copy({ children, Icon, className, size, onClick, ...restProps }: CopyProps): import("react/jsx-runtime").JSX.Element;
+export declare const CopyText: React.FC<CopyTextProps>;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Copy/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Copy/index.tsx"],"names":[],"mappings":"AAEA,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC/D,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;CAC9D;AAED,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,IAAI,EACJ,SAAc,EACd,IAAe,EACf,OAAO,EACP,GAAG,SAAS,EACb,EAAE,SAAS,2CAYX"}
+{"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

@@ -1,31 +1,46 @@
-import { jsxs as e, jsx as i } from "react/jsx-runtime";
-import '../../assets/index4.css';const a = "_icon_qj0vq_9", q = "_small_qj0vq_14", r = "_medium_qj0vq_18", t = "_large_qj0vq_22", c = {
-  "ckcl-copy": "_ckcl-copy_qj0vq_1",
-  icon: a,
-  small: q,
-  medium: r,
-  large: t
-};
-function j({
-  children: s,
-  Icon: l,
-  className: o = "",
-  size: m = "medium",
-  onClick: n,
-  ..._
-}) {
-  return /* @__PURE__ */ e(
-    "div",
+import { jsx as n } from "react/jsx-runtime";
+import * as o from "react";
+import { useState as h, useEffect as C } from "react";
+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 = ({
+  text: e,
+  className: a = "",
+  timer: r = 1e3,
+  icon: s = /* @__PURE__ */ n(g, { width: 20, height: 20 }),
+  successIcon: c = /* @__PURE__ */ n(w, { width: 20, height: 20 }),
+  onCopied: p
+}) => {
+  const [t, l] = h(!1), d = async () => {
+    try {
+      await navigator.clipboard.writeText(e), l(!0), p?.(e);
+    } catch (i) {
+      console.error("Failed to copy: ", i);
+    }
+  };
+  return C(() => {
+    if (t) {
+      const i = setTimeout(() => l(!1), r);
+      return () => clearTimeout(i);
+    }
+  }, [t, r]), /* @__PURE__ */ n(
+    "button",
     {
-      className: `${o} ${c["ckcl-copy"]} ${c[m]}`,
-      ..._,
-      children: [
-        s,
-        /* @__PURE__ */ i("span", { className: c.icon, onClick: n, children: l })
-      ]
+      type: "button",
+      onClick: d,
+      className: a,
+      disabled: t,
+      style: {
+        cursor: "pointer",
+        display: "inline-flex",
+        alignItems: "center",
+        background: "none",
+        border: "none",
+        padding: 0
+      },
+      "aria-label": t ? "Copied" : "Copy",
+      children: t ? c : s
     }
   );
-}
+};
 export {
-  j as Copy
+  u as CopyText
 };

package/dist/components/Switch/Switch.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 import { Switch } from './index';
 declare const meta: Meta<typeof Switch>;
 export default meta;

package/dist/components/Switch/Switch.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Switch/Switch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAG7B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAY5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAYnC,CAAC"}
+{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Switch/Switch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAG7B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAY5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAYnC,CAAC"}

package/dist/components/Switch/index.js

@@ -1,8 +1,8 @@
-import { jsx as c, jsxs as p } from "react/jsx-runtime";
-import '../../assets/index2.css';const a = "_slider_mepd1_12", s = {
-  "ckcl-switch-wrapper": "_ckcl-switch-wrapper_mepd1_1",
-  "ckcl-switch": "_ckcl-switch_mepd1_1",
-  slider: a
+import { jsx as c, jsxs as a } from "react/jsx-runtime";
+import '../../assets/index2.css';const p = "_slider_mu4z3_12", s = {
+  "ckcl-switch-wrapper": "_ckcl-switch-wrapper_mu4z3_1",
+  "ckcl-switch": "_ckcl-switch_mu4z3_1",
+  slider: p
 };
 function n({
   checked: e,
@@ -11,7 +11,7 @@ function n({
   disabled: i = !1,
   ...t
 }) {
-  return /* @__PURE__ */ c("label", { className: `${s["ckcl-switch-wrapper"]} ${r}`, children: /* @__PURE__ */ p("span", { className: `${s["ckcl-switch"]}`, children: [
+  return /* @__PURE__ */ c("label", { className: `${s["ckcl-switch-wrapper"]} ${r}`, children: /* @__PURE__ */ a("span", { className: `${s["ckcl-switch"]}`, children: [
     /* @__PURE__ */ c(
       "input",
       {

package/dist/components/Tag/Tag.stories.d.ts

@@ -1,11 +1,11 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 import { Tag } from './index';
 declare const meta: Meta<typeof Tag>;
 export default meta;
 type Story = StoryObj<typeof Tag>;
 export declare const Neutral: Story;
-export declare const Error: Story;
+export declare const Danger: Story;
 export declare const Success: Story;
-export declare const Inprogress: Story;
-export declare const Alert: Story;
+export declare const Info: Story;
+export declare const Warning: Story;
 //# sourceMappingURL=Tag.stories.d.ts.map

package/dist/components/Tag/Tag.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Tag/Tag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CAG1B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;AAElC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMjB,CAAC"}
+{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Tag/Tag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CAG1B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;AAElC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKnB,CAAC"}

package/dist/components/Tag/index.d.ts

@@ -1,11 +1,10 @@
-type TagStatus = "TIMEOUT" | "FAILED" | "RUNBOOK_TIMEOUT" | "COMPLETED" | "IN_PROGRESS" | "INITIATED";
-type AllStatuses = TagStatus | string;
+type TagVariation = "NEUTRAL" | "DANGER" | "SUCCESS" | "WARNING" | "INFO";
 interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
-    tagStatus: AllStatuses;
+    variation: TagVariation;
     children: React.ReactNode;
     className?: string;
     size?: "x-small" | "small" | "medium" | "large";
 }
-export declare function Tag({ tagStatus, children, className, size, ...restProps }: TagProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tag({ variation, children, className, size, ...restProps }: TagProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Tag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Tag/index.tsx"],"names":[],"mappings":"AAGA,KAAK,SAAS,GACV,SAAS,GACT,QAAQ,GACR,iBAAiB,GACjB,WAAW,GACX,aAAa,GACb,WAAW,CAAC;AAGhB,KAAK,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;AAGtC,UAAU,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC9D,SAAS,EAAE,WAAW,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACjD;AAYD,wBAAgB,GAAG,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,SAAc,EACd,IAAe,EACf,GAAG,SAAS,EACb,EAAE,QAAQ,2CAyBV"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Tag/index.tsx"],"names":[],"mappings":"AAGA,KAAK,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAG1E,UAAU,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC9D,SAAS,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACjD;AAWD,wBAAgB,GAAG,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,SAAc,EACd,IAAe,EACf,GAAG,SAAS,EACb,EAAE,QAAQ,2CAyBV"}

package/dist/components/Tag/index.js

@@ -1,40 +1,39 @@
-import { jsx as o } from "react/jsx-runtime";
-import '../../assets/index.css';const g = "_small_1vgmh_16", n = "_medium_1vgmh_21", u = "_large_1vgmh_26", i = "_neutral_1vgmh_32", v = "_error_1vgmh_39", h = "_success_1vgmh_46", d = "_alert_1vgmh_60", s = {
-  "ckcl-tag": "_ckcl-tag_1vgmh_1",
-  "x-small": "_x-small_1vgmh_11",
+import { jsx as d } from "react/jsx-runtime";
+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 = {
+  "ckcl-tag": "_ckcl-tag_1xdr6_1",
+  "x-small": "_x-small_1xdr6_11",
   small: g,
-  medium: n,
-  large: u,
-  neutral: i,
-  error: v,
-  success: h,
-  "in-progress": "_in-progress_1vgmh_53",
-  alert: d
-}, T = {
-  TIMEOUT: "error",
-  FAILED: "error",
-  RUNBOOK_TIMEOUT: "error",
-  COMPLETED: "success",
-  IN_PROGRESS: "in-progress",
-  INITIATED: "in-progress"
+  medium: o,
+  large: m,
+  neutral: u,
+  danger: x,
+  success: i,
+  info: f,
+  warning: k
+}, N = {
+  NEUTRAL: "neutral",
+  DANGER: "danger",
+  SUCCESS: "success",
+  INFO: "info",
+  WARNING: "warning"
 };
-function E({
-  tagStatus: e,
-  children: c,
-  className: _ = "",
+function $({
+  variation: n,
+  children: e,
+  className: a = "",
   size: l = "medium",
-  ...m
+  ...c
 }) {
-  const t = T[e] || e || "neutral", a = (r) => r === "x-small" ? "ckcl-body-xs-reg" : r === "small" ? "ckcl-body-sm-reg" : r === "medium" || r === "large" ? "ckcl-body-lg-reg" : "";
-  return /* @__PURE__ */ o(
+  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" : "";
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: `${_} ${s["ckcl-tag"]} ${s[t]} ${s[l]} ${a(l)}`,
-      ...m,
-      children: c
+      className: `${a} ${r["ckcl-tag"]} ${r[t]} ${r[l]} ${_(l)}`,
+      ...c,
+      children: e
     }
   );
 }
 export {
-  E as Tag
+  $ as Tag
 };

package/dist/main.d.ts

@@ -3,5 +3,7 @@ export { Input } from './components/Input';
 export { Label } from './components/Label';
 export { Tag } from './components/Tag';
 export { Switch } from './components/Switch';
+export { Checkbox } from './components/Checkbox';
+export { CopyText } from './components/Copy';
 export * from './theme/Theme';
 //# sourceMappingURL=main.d.ts.map

package/dist/main.d.ts.map

@@ -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"}
+{"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

@@ -1,14 +1,18 @@
 import { Button as e } from "./components/Button/index.js";
-import { Input as m } from "./components/Input/index.js";
-import { Label as f } from "./components/Label/index.js";
-import { Tag as a } from "./components/Tag/index.js";
-import { Switch as i } from "./components/Switch/index.js";
+import { Input as p } from "./components/Input/index.js";
+import { Label as m } from "./components/Label/index.js";
+import { Tag as h } from "./components/Tag/index.js";
+import { Switch as T } from "./components/Switch/index.js";
+import { Checkbox as b } from "./components/Checkbox/index.js";
+import { CopyText as i } from "./components/Copy/index.js";
 import { CKThemeProvider as u } from "./theme/Theme.js";
 export {
   e as Button,
   u as CKThemeProvider,
-  m as Input,
-  f as Label,
-  i as Switch,
-  a as Tag
+  b as Checkbox,
+  i as CopyText,
+  p as Input,
+  m as Label,
+  T as Switch,
+  h as Tag
 };

package/dist/theme/theme.css

@@ -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)}
+: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

@@ -1,6 +1,6 @@
 {
   "name": "@ck-ui/component-library",
-  "version": "0.0.5",
+  "version": "0.1.1",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -58,6 +58,7 @@
     "typescript-eslint": "^8.35.1",
     "vite": "^7.0.4",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-lib-inject-css": "^2.2.2"
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vite-plugin-svgr": "^4.3.0"
   }
 }