cekat-ui 1.2.2 → 1.2.4

package/dist/style.css

@@ -768,6 +768,10 @@ body{
   margin-bottom: 1rem;
 }
 
+.-mb-px{
+  margin-bottom: -1px;
+}
+
 .mb-1{
   margin-bottom: 0.25rem;
 }
@@ -776,6 +780,10 @@ body{
   margin-bottom: 0.5rem;
 }
 
+.mb-3{
+  margin-bottom: 0.75rem;
+}
+
 .ml-1{
   margin-left: 0.25rem;
 }
@@ -1011,6 +1019,10 @@ body{
   height: 1px;
 }
 
+.max-h-12{
+  max-height: 3rem;
+}
+
 .max-h-52{
   max-height: 13rem;
 }
@@ -1095,6 +1107,10 @@ body{
   width: 15rem;
 }
 
+.w-7{
+  width: 1.75rem;
+}
+
 .w-8{
   width: 2rem;
 }
@@ -1160,6 +1176,10 @@ body{
   min-width: max-content;
 }
 
+.min-w-px{
+  min-width: 1px;
+}
+
 .max-w-\[1280px\]{
   max-width: 1280px;
 }
@@ -1192,6 +1212,10 @@ body{
   flex-shrink: 0;
 }
 
+.flex-grow{
+  flex-grow: 1;
+}
+
 .-translate-x-1{
   --tw-translate-x: -0.25rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1258,6 +1282,10 @@ body{
   animation: spin 1s linear infinite;
 }
 
+.cursor-default{
+  cursor: default;
+}
+
 .cursor-not-allowed{
   cursor: not-allowed;
 }
@@ -1308,6 +1336,10 @@ body{
   align-items: flex-start;
 }
 
+.items-end{
+  align-items: flex-end;
+}
+
 .items-center{
   align-items: center;
 }
@@ -1372,6 +1404,10 @@ body{
   gap: 1.5rem;
 }
 
+.self-end{
+  align-self: flex-end;
+}
+
 .overflow-hidden{
   overflow: hidden;
 }
@@ -1402,6 +1438,10 @@ body{
   white-space: nowrap;
 }
 
+.text-ellipsis{
+  text-overflow: ellipsis;
+}
+
 .whitespace-nowrap{
   white-space: nowrap;
 }
@@ -1464,6 +1504,11 @@ body{
   border-bottom-right-radius: 0.5rem;
 }
 
+.rounded-t-lg{
+  border-top-left-radius: 0.5rem;
+  border-top-right-radius: 0.5rem;
+}
+
 .border{
   border-width: 1px;
 }
@@ -2524,6 +2569,14 @@ body{
   padding-right: 9px;
 }
 
+.pt-4{
+  padding-top: 1rem;
+}
+
+.pt-px{
+  padding-top: 1px;
+}
+
 .text-left{
   text-align: left;
 }
@@ -2669,6 +2722,10 @@ body{
   line-height: .75rem;
 }
 
+.leading-4{
+  line-height: 1rem;
+}
+
 .leading-5{
   line-height: 1.25rem;
 }
@@ -3018,6 +3075,12 @@ body{
   outline-color: #1352BF;
 }
 
+.ring{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
 .filter{
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -3219,6 +3282,11 @@ body{
   color: rgb(52 64 84 / var(--tw-text-opacity, 1));
 }
 
+.hover\:text-light-800:hover{
+  --tw-text-opacity: 1;
+  color: rgb(24 34 48 / var(--tw-text-opacity, 1));
+}
+
 .hover\:text-light-900:hover{
   --tw-text-opacity: 1;
   color: rgb(16 24 40 / var(--tw-text-opacity, 1));
@@ -3255,6 +3323,11 @@ body{
   border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
 }
 
+.focus-visible\:bg-primary-400:focus-visible{
+  --tw-bg-opacity: 1;
+  background-color: rgb(112 150 217 / var(--tw-bg-opacity, 1));
+}
+
 .focus-visible\:shadow-\[0_0_0_3px_rgba\(37\2c 99\2c 235\2c 0\.25\)\]:focus-visible{
   --tw-shadow: 0 0 0 3px rgba(37,99,235,0.25);
   --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
@@ -3355,10 +3428,40 @@ body{
   visibility: visible;
 }
 
+.group:hover .group-hover\:bg-light-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
+}
+
+.group:hover .group-hover\:text-light-800{
+  --tw-text-opacity: 1;
+  color: rgb(24 34 48 / var(--tw-text-opacity, 1));
+}
+
 .group:hover .group-hover\:opacity-100{
   opacity: 1;
 }
 
+.group:focus-visible .group-focus-visible\:rounded-b-lg{
+  border-bottom-right-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
+
+.group:focus-visible .group-focus-visible\:ring-2{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.group:focus-visible .group-focus-visible\:ring-primary-400{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(112 150 217 / var(--tw-ring-opacity, 1));
+}
+
+.group:focus-visible .group-focus-visible\:ring-offset-2{
+  --tw-ring-offset-width: 2px;
+}
+
 @media (min-width: 640px){
   .sm\:static{
     position: static;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cekat-ui",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "Cekat UI Component Library",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",

package/tailwind.preset.cjs

@@ -252,6 +252,244 @@ module.exports = {
           800: "#932F19",
           900: "#772917",
         },
+        "gray-cool": {
+          25: "#FCFCFD",
+          50: "#F9F9FB",
+          100: "#EFF1F5",
+          200: "#DCDFEA",
+          300: "#B9C0D4",
+          400: "#7D89B0",
+          500: "#5D6B98",
+          600: "#4A5578",
+          700: "#404968",
+          800: "#30374F",
+          900: "#111322",
+          950: "#0E101B",
+        },
+        "gray-modern": {
+          25: "#FCFCFD",
+          50: "#F8FAFC",
+          100: "#EEF2F6",
+          200: "#E3E8EF",
+          300: "#CDD5DF",
+          400: "#9AA4B2",
+          500: "#697586",
+          600: "#4B5565",
+          700: "#364152",
+          800: "#202939",
+          900: "#121926",
+          950: "#0D121C",
+        },
+        "gray-neutral": {
+          25: "#FCFCFD",
+          50: "#F9FAFB",
+          100: "#F3F4F6",
+          200: "#E5E7EB",
+          300: "#D2D6DB",
+          400: "#9DA4AE",
+          500: "#6C737F",
+          600: "#4D5761",
+          700: "#384250",
+          800: "#1F2A37",
+          900: "#111927",
+          950: "#0D121C",
+        },
+        "gray-iron": {
+          25: "#FCFCFC",
+          50: "#FAFAFA",
+          100: "#F4F4F5",
+          200: "#E4E4E7",
+          300: "#D1D1D6",
+          400: "#A0A0AB",
+          500: "#70707B",
+          600: "#51525C",
+          700: "#3F3F46",
+          800: "#26272B",
+          900: "#1A1A1E",
+          950: "#131316",
+        },
+        "gray-true": {
+          25: "#FCFCFC",
+          50: "#FAFAFA",
+          100: "#F5F5F5",
+          200: "#E5E5E5",
+          300: "#D6D6D6",
+          400: "#A3A3A3",
+          500: "#737373",
+          600: "#525252",
+          700: "#424242",
+          800: "#292929",
+          900: "#141414",
+          950: "#0F0F0F",
+        },
+        "gray-warm": {
+          25: "#FDFDFC",
+          50: "#FAFAF9",
+          100: "#F5F5F4",
+          200: "#E7E5E4",
+          300: "#D7D3D0",
+          400: "#A9A29D",
+          500: "#79716B",
+          600: "#57534E",
+          700: "#44403C",
+          800: "#292524",
+          900: "#1C1917",
+          950: "#171412",
+        },
+        moss: {
+          25: "#FAFDF7",
+          50: "#F5FBEE",
+          100: "#E6F4D7",
+          200: "#CEEAB0",
+          300: "#ACDC79",
+          400: "#86CB3C",
+          500: "#669F2A",
+          600: "#4F7A21",
+          700: "#3F621A",
+          800: "#335015",
+          900: "#2B4212",
+          950: "#1A280B",
+        },
+        "green-light": {
+          25: "#FAFEF5",
+          50: "#F3FEE7",
+          100: "#E4FBCC",
+          200: "#D0F8AB",
+          300: "#A6EF67",
+          400: "#85E13A",
+          500: "#66C61C",
+          600: "#4CA30D",
+          700: "#3B7C0F",
+          800: "#326212",
+          900: "#2B5314",
+          950: "#15290A",
+        },
+        green: {
+          25: "#F6FEF9",
+          50: "#EDFCF2",
+          100: "#D3F8DF",
+          200: "#AAF0C4",
+          300: "#73E2A3",
+          400: "#3CCB7F",
+          500: "#16B364",
+          600: "#099250",
+          700: "#087443",
+          800: "#095C37",
+          900: "#084C2E",
+          950: "#052E1C",
+        },
+        teal: {
+          25: "#F6FEFC",
+          50: "#F0FDF9",
+          100: "#CCFBEF",
+          200: "#99F6E0",
+          300: "#5FE9D0",
+          400: "#2ED3B7",
+          500: "#15B79E",
+          600: "#0E9384",
+          700: "#107569",
+          800: "#125D56",
+          900: "#134E48",
+          950: "#0A2926",
+        },
+        cyan: {
+          25: "#F5FEFF",
+          50: "#ECFDFF",
+          100: "#CFF9FE",
+          200: "#A5F0FC",
+          300: "#67E3F9",
+          400: "#22CCEE",
+          500: "#06AED4",
+          600: "#088AB2",
+          700: "#0E7090",
+          800: "#155B75",
+          900: "#164C63",
+          950: "#0D2D3A",
+        },
+        "blue-dark": {
+          25: "#F5F8FF",
+          50: "#EFF4FF",
+          100: "#D1E0FF",
+          200: "#B2CCFF",
+          300: "#84ADFF",
+          400: "#528BFF",
+          500: "#2970FF",
+          600: "#155EEF",
+          700: "#004EEB",
+          800: "#0040C1",
+          900: "#00359E",
+          950: "#002266",
+        },
+        violet: {
+          25: "#FBFAFF",
+          50: "#F5F3FF",
+          100: "#ECE9FE",
+          200: "#DDD6FE",
+          300: "#C3B5FD",
+          400: "#A48AFB",
+          500: "#875BF7",
+          600: "#7839EE",
+          700: "#6927DA",
+          800: "#5720B7",
+          900: "#491C96",
+          950: "#2E125E",
+        },
+        fuchsia: {
+          25: "#FEFAFF",
+          50: "#FDF4FF",
+          100: "#FBE8FF",
+          200: "#F6D0FE",
+          300: "#EEAAFD",
+          400: "#E478FA",
+          500: "#D444F1",
+          600: "#BA24D5",
+          700: "#9F1AB1",
+          800: "#821890",
+          900: "#6F1877",
+          950: "#47104C",
+        },
+        rose: {
+          25: "#FFF5F6",
+          50: "#FFF1F3",
+          100: "#FFE4E8",
+          200: "#FECDD6",
+          300: "#FEA3B4",
+          400: "#FD6F8E",
+          500: "#F63D68",
+          600: "#E31B54",
+          700: "#C01048",
+          800: "#A11043",
+          900: "#89123E",
+          950: "#510B24",
+        },
+        "orange-dark": {
+          25: "#FFF9F5",
+          50: "#FFF4ED",
+          100: "#FFE6D5",
+          200: "#FFD6AE",
+          300: "#FF9C66",
+          400: "#FF692E",
+          500: "#FF4405",
+          600: "#E62E05",
+          700: "#BC1B06",
+          800: "#97180C",
+          900: "#771A0D",
+          950: "#57130A",
+        },
+        yellow: {
+          25: "#FEFDF0",
+          50: "#FEFBE8",
+          100: "#FEF7C3",
+          200: "#FEEE95",
+          300: "#FDE272",
+          400: "#FAC515",
+          500: "#EAAA08",
+          600: "#CA8504",
+          700: "#A15C07",
+          800: "#854A0E",
+          900: "#713B12",
+          950: "#542C0D",
+        },
       },
 
       fontFamily: {