cekat-ui 1.2.1 → 1.2.2

package/dist/style.css

@@ -679,6 +679,10 @@ body{
   right: 0px;
 }
 
+.right-2{
+  right: 0.5rem;
+}
+
 .right-4{
   right: 1rem;
 }
@@ -687,6 +691,10 @@ body{
   right: -6px;
 }
 
+.right-\[7px\]{
+  right: 7px;
+}
+
 .right-\[calc\(100\%\+8px\)\]{
   right: calc(100% + 8px);
 }
@@ -695,14 +703,26 @@ body{
   right: 100%;
 }
 
+.top-0{
+  top: 0px;
+}
+
 .top-1\/2{
   top: 50%;
 }
 
+.top-2{
+  top: 0.5rem;
+}
+
 .top-\[-6px\]{
   top: -6px;
 }
 
+.top-\[7px\]{
+  top: 7px;
+}
+
 .top-\[calc\(100\%\+8px\)\]{
   top: calc(100% + 8px);
 }
@@ -784,6 +804,10 @@ body{
   margin-top: 0.5rem;
 }
 
+.block{
+  display: block;
+}
+
 .inline-block{
   display: inline-block;
 }
@@ -808,6 +832,15 @@ body{
   display: grid;
 }
 
+.hidden{
+  display: none;
+}
+
+.size-10{
+  width: 2.5rem;
+  height: 2.5rem;
+}
+
 .size-2{
   width: 0.5rem;
   height: 0.5rem;
@@ -838,6 +871,16 @@ body{
   height: 1.5rem;
 }
 
+.size-8{
+  width: 2rem;
+  height: 2rem;
+}
+
+.size-9{
+  width: 2.25rem;
+  height: 2.25rem;
+}
+
 .size-\[18px\]{
   width: 18px;
   height: 18px;
@@ -1117,6 +1160,10 @@ body{
   min-width: max-content;
 }
 
+.max-w-\[1280px\]{
+  max-width: 1280px;
+}
+
 .max-w-\[240px\]{
   max-width: 240px;
 }
@@ -1233,6 +1280,10 @@ body{
   resize: vertical;
 }
 
+.resize{
+  resize: both;
+}
+
 .list-disc{
   list-style-type: disc;
 }
@@ -1245,6 +1296,10 @@ body{
   flex-direction: column;
 }
 
+.flex-col-reverse{
+  flex-direction: column-reverse;
+}
+
 .flex-wrap{
   flex-wrap: wrap;
 }
@@ -1277,6 +1332,10 @@ body{
   justify-content: space-between;
 }
 
+.gap-0\.5{
+  gap: 0.125rem;
+}
+
 .gap-1{
   gap: 0.25rem;
 }
@@ -1624,6 +1683,11 @@ body{
   border-color: rgb(151 244 165 / var(--tw-border-opacity, 1));
 }
 
+.border-success-300{
+  --tw-border-opacity: 1;
+  border-color: rgb(96 222 127 / var(--tw-border-opacity, 1));
+}
+
 .border-success-500{
   --tw-border-opacity: 1;
   border-color: rgb(8 145 70 / var(--tw-border-opacity, 1));
@@ -1643,6 +1707,11 @@ body{
   border-color: rgb(254 240 199 / var(--tw-border-opacity, 1));
 }
 
+.border-warning-300{
+  --tw-border-opacity: 1;
+  border-color: rgb(254 200 75 / var(--tw-border-opacity, 1));
+}
+
 .border-warning-500{
   --tw-border-opacity: 1;
   border-color: rgb(247 144 9 / var(--tw-border-opacity, 1));
@@ -2181,6 +2250,30 @@ body{
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
+.bg-gradient-to-br{
+  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+}
+
+.from-primary-200{
+  --tw-gradient-from: #CDDAF2 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(205 218 242 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.from-warning-200{
+  --tw-gradient-from: #FEF0C7 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(254 240 199 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.to-primary-50{
+  --tw-gradient-to: #FBFCFF var(--tw-gradient-to-position);
+}
+
+.to-warning-50{
+  --tw-gradient-to: #FFFCF5 var(--tw-gradient-to-position);
+}
+
 .fill-\[\#1ea7fd\]{
   fill: #1ea7fd;
 }
@@ -2243,6 +2336,10 @@ body{
   padding: 0.75rem;
 }
 
+.p-4{
+  padding: 1rem;
+}
+
 .p-6{
   padding: 1.5rem;
 }
@@ -2419,6 +2516,10 @@ body{
   padding-right: 0.75rem;
 }
 
+.pr-8{
+  padding-right: 2rem;
+}
+
 .pr-\[9px\]{
   padding-right: 9px;
 }
@@ -2816,6 +2917,11 @@ body{
   color: rgb(181 71 8 / var(--tw-text-opacity, 1));
 }
 
+.text-warning-800{
+  --tw-text-opacity: 1;
+  color: rgb(147 55 13 / var(--tw-text-opacity, 1));
+}
+
 .text-white{
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -3253,6 +3359,63 @@ body{
   opacity: 1;
 }
 
+@media (min-width: 640px){
+  .sm\:static{
+    position: static;
+  }
+
+  .sm\:flex{
+    display: flex;
+  }
+
+  .sm\:w-auto{
+    width: auto;
+  }
+
+  .sm\:flex-row{
+    flex-direction: row;
+  }
+
+  .sm\:flex-wrap{
+    flex-wrap: wrap;
+  }
+
+  .sm\:items-start{
+    align-items: flex-start;
+  }
+
+  .sm\:items-center{
+    align-items: center;
+  }
+
+  .sm\:gap-2{
+    gap: 0.5rem;
+  }
+
+  .sm\:gap-3{
+    gap: 0.75rem;
+  }
+
+  .sm\:gap-x-1\.5{
+    -moz-column-gap: 0.375rem;
+         column-gap: 0.375rem;
+  }
+
+  .sm\:px-8{
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .sm\:py-3{
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .sm\:pr-0{
+    padding-right: 0px;
+  }
+}
+
 .\[\&\:\:-webkit-calendar-picker-indicator\]\:hidden::-webkit-calendar-picker-indicator{
   display: none;
 }

package/package.json

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