cekat-ui 1.3.0 → 1.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -922,6 +922,21 @@ body {
922
922
  height: 18px;
923
923
  }
924
924
 
925
+ .size-\[20px\] {
926
+ width: 20px;
927
+ height: 20px;
928
+ }
929
+
930
+ .size-\[24px\] {
931
+ width: 24px;
932
+ height: 24px;
933
+ }
934
+
935
+ .size-\[28px\] {
936
+ width: 28px;
937
+ height: 28px;
938
+ }
939
+
925
940
  .size-full {
926
941
  width: 100%;
927
942
  height: 100%;
@@ -1023,6 +1038,10 @@ body {
1023
1038
  height: 34px;
1024
1039
  }
1025
1040
 
1041
+ .h-\[360px\] {
1042
+ height: 360px;
1043
+ }
1044
+
1026
1045
  .h-\[36px\] {
1027
1046
  height: 36px;
1028
1047
  }
@@ -1075,6 +1094,10 @@ body {
1075
1094
  max-height: 320px;
1076
1095
  }
1077
1096
 
1097
+ .min-h-0 {
1098
+ min-height: 0px;
1099
+ }
1100
+
1078
1101
  .min-h-\[\.\.\.\] {
1079
1102
  min-height: ...;
1080
1103
  }
@@ -1260,6 +1283,10 @@ body {
1260
1283
  flex: 1 1 0%;
1261
1284
  }
1262
1285
 
1286
+ .flex-shrink {
1287
+ flex-shrink: 1;
1288
+ }
1289
+
1263
1290
  .shrink {
1264
1291
  flex-shrink: 1;
1265
1292
  }
@@ -1518,10 +1545,6 @@ body {
1518
1545
  white-space: nowrap;
1519
1546
  }
1520
1547
 
1521
- .\!rounded-md {
1522
- border-radius: 0.375rem !important;
1523
- }
1524
-
1525
1548
  .rounded {
1526
1549
  border-radius: 0.25rem;
1527
1550
  }
@@ -2504,11 +2527,6 @@ body {
2504
2527
  padding: 5px;
2505
2528
  }
2506
2529
 
2507
- .\!px-2 {
2508
- padding-left: 0.5rem !important;
2509
- padding-right: 0.5rem !important;
2510
- }
2511
-
2512
2530
  .px-1 {
2513
2531
  padding-left: 0.25rem;
2514
2532
  padding-right: 0.25rem;
@@ -3247,6 +3265,12 @@ body {
3247
3265
  transition-duration: 150ms;
3248
3266
  }
3249
3267
 
3268
+ .transition-\[color\2c background-color\2c border-color\2c box-shadow\2c filter\2c transform\] {
3269
+ transition-property: color,background-color,border-color,box-shadow,filter,transform;
3270
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3271
+ transition-duration: 150ms;
3272
+ }
3273
+
3250
3274
  .transition-all {
3251
3275
  transition-property: all;
3252
3276
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3279,6 +3303,14 @@ body {
3279
3303
  transition-duration: 200ms;
3280
3304
  }
3281
3305
 
3306
+ .\[-webkit-tap-highlight-color\:transparent\] {
3307
+ -webkit-tap-highlight-color: transparent;
3308
+ }
3309
+
3310
+ .\[scrollbar-width\:none\] {
3311
+ scrollbar-width: none;
3312
+ }
3313
+
3282
3314
  /* =========================================
3283
3315
  Optional: component defaults
3284
3316
  (boleh kosong kalau belum perlu)
@@ -3541,6 +3573,10 @@ body {
3541
3573
  background-color: rgb(228 231 236 / var(--tw-bg-opacity, 1));
3542
3574
  }
3543
3575
 
3576
+ .focus-visible\:rounded:focus-visible {
3577
+ border-radius: 0.25rem;
3578
+ }
3579
+
3544
3580
  .focus-visible\:border-\[\#2563eb\]:focus-visible {
3545
3581
  --tw-border-opacity: 1;
3546
3582
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
@@ -3689,20 +3725,53 @@ body {
3689
3725
  cursor: not-allowed;
3690
3726
  }
3691
3727
 
3728
+ .data-\[pending\]\:cursor-wait[data-pending] {
3729
+ cursor: wait;
3730
+ }
3731
+
3732
+ .data-\[pending\]\:\!border-light-200[data-pending] {
3733
+ --tw-border-opacity: 1 !important;
3734
+ border-color: rgb(228 231 236 / var(--tw-border-opacity, 1)) !important;
3735
+ }
3736
+
3692
3737
  .data-\[focused\]\:bg-light-50[data-focused] {
3693
3738
  --tw-bg-opacity: 1;
3694
3739
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
3695
3740
  }
3696
3741
 
3742
+ .data-\[pending\]\:\!bg-light-100[data-pending] {
3743
+ --tw-bg-opacity: 1 !important;
3744
+ background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1)) !important;
3745
+ }
3746
+
3747
+ .data-\[pending\]\:\!bg-transparent[data-pending] {
3748
+ background-color: #FFFFFF00 !important;
3749
+ }
3750
+
3751
+ .data-\[pending\]\:\!bg-white[data-pending] {
3752
+ --tw-bg-opacity: 1 !important;
3753
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
3754
+ }
3755
+
3697
3756
  .data-\[focused\]\:text-light-900[data-focused] {
3698
3757
  --tw-text-opacity: 1;
3699
3758
  color: rgb(16 24 40 / var(--tw-text-opacity, 1));
3700
3759
  }
3701
3760
 
3761
+ .data-\[pending\]\:\!text-light-400[data-pending] {
3762
+ --tw-text-opacity: 1 !important;
3763
+ color: rgb(152 162 179 / var(--tw-text-opacity, 1)) !important;
3764
+ }
3765
+
3702
3766
  .data-\[disabled\]\:opacity-60[data-disabled] {
3703
3767
  opacity: 0.6;
3704
3768
  }
3705
3769
 
3770
+ .data-\[pressed\]\:brightness-\[0\.96\][data-pressed] {
3771
+ --tw-brightness: brightness(0.96);
3772
+ 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);
3773
+ }
3774
+
3706
3775
  @media (min-width: 640px) {
3707
3776
  .sm\:static {
3708
3777
  position: static;
@@ -3775,3 +3844,12 @@ body {
3775
3844
  .\[\&\:\:-webkit-datetime-edit\]\:p-0::-webkit-datetime-edit {
3776
3845
  padding: 0px;
3777
3846
  }
3847
+
3848
+ .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
3849
+ display: none;
3850
+ }
3851
+
3852
+ .\[\&_svg\]\:size-full svg {
3853
+ width: 100%;
3854
+ height: 100%;
3855
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cekat-ui",
3
- "version": "1.3.0",
3
+ "version": "1.3.2",
4
4
  "description": "Cekat UI Component Library",
5
5
  "main": "dist/index.umd.js",
6
6
  "module": "dist/index.mjs",