cekat-ui 1.3.15 → 1.3.16

package/dist/style.css

@@ -1218,10 +1218,6 @@ body {
   min-height: 36px;
 }
 
-.min-h-\[38px\] {
-  min-height: 38px;
-}
-
 .min-h-\[42px\] {
   min-height: 42px;
 }
@@ -1302,6 +1298,10 @@ body {
   width: 1rem;
 }
 
+.w-48 {
+  width: 12rem;
+}
+
 .w-5 {
   width: 1.25rem;
 }
@@ -1370,10 +1370,6 @@ body {
   width: 92px;
 }
 
-.w-auto {
-  width: auto;
-}
-
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -1737,6 +1733,12 @@ body {
   gap: 2rem;
 }
 
+.space-y-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+}
+
 .self-start {
   align-self: flex-start;
 }
@@ -2889,6 +2891,10 @@ body {
   padding-bottom: 0.125rem;
 }
 
+.pb-1 {
+  padding-bottom: 0.25rem;
+}
+
 .pb-2 {
   padding-bottom: 0.5rem;
 }
@@ -3572,6 +3578,12 @@ body {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.shadow-focus {
+  --tw-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #7096D9;
+  --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .shadow-lg {
   --tw-shadow: 0px 4px 6px -2px rgba(16,24,40,0.03), 0px 12px 16px -4px rgba(16,24,40,0.08);
   --tw-shadow-colored: 0px 4px 6px -2px var(--tw-shadow-color), 0px 12px 16px -4px var(--tw-shadow-color);
@@ -3868,6 +3880,12 @@ body {
   border-color: rgb(19 82 191 / var(--tw-border-opacity, 1));
 }
 
+.focus-within\:shadow-focus:focus-within {
+  --tw-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #7096D9;
+  --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .focus-within\:ring-2:focus-within {
   --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);
@@ -4307,6 +4325,12 @@ body {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.focus-visible\:shadow-focus:focus-visible {
+  --tw-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #7096D9;
+  --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .focus-visible\:outline-none:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -4486,6 +4510,11 @@ body {
   background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
 }
 
+.group:hover .group-hover\:bg-light-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / 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));
@@ -4515,6 +4544,11 @@ body {
   --tw-ring-offset-width: 2px;
 }
 
+.group:active .group-active\:bg-light-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+}
+
 .has-\[\[data-resizable-direction\]\]\:border-r-0:has([data-resizable-direction]) {
   border-right-width: 0px;
 }
@@ -4654,11 +4688,6 @@ body {
   background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
 }
 
-.data-\[selected\]\:bg-primary-50[data-selected] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
-}
-
 .data-\[selected\]\:bg-primary-500[data-selected] {
   --tw-bg-opacity: 1;
   background-color: rgb(19 82 191 / var(--tw-bg-opacity, 1));
@@ -4714,11 +4743,6 @@ body {
   color: rgb(152 162 179 / var(--tw-text-opacity, 1)) !important;
 }
 
-.data-\[selected\]\:text-primary-700[data-selected] {
-  --tw-text-opacity: 1;
-  color: rgb(11 49 115 / var(--tw-text-opacity, 1));
-}
-
 .data-\[hovered\]\:underline[data-hovered] {
   text-decoration-line: underline;
 }
@@ -4727,12 +4751,6 @@ body {
   opacity: 0.6;
 }
 
-.data-\[focus-visible\]\:shadow-focus[data-focus-visible] {
-  --tw-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #7096D9;
-  --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
 .data-\[focus-visible\]\:outline[data-focus-visible] {
   outline-style: solid;
 }
@@ -4977,6 +4995,20 @@ body {
   width: 1.5rem;
 }
 
+.\[\&_\[data-slot\=supporting-text\]\]\:font-normal [data-slot=supporting-text] {
+  font-weight: 400;
+}
+
+.\[\&_\[data-slot\=supporting-text\]\]\:text-light-400 [data-slot=supporting-text] {
+  --tw-text-opacity: 1;
+  color: rgb(152 162 179 / var(--tw-text-opacity, 1));
+}
+
+.\[\&_\[data-slot\=supporting-text\]\]\:text-light-700 [data-slot=supporting-text] {
+  --tw-text-opacity: 1;
+  color: rgb(52 64 84 / var(--tw-text-opacity, 1));
+}
+
 .\[\&_svg\]\:size-full svg {
   width: 100%;
   height: 100%;

package/package.json

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