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/README.md +109 -50
- package/dist/index.d.mts +22 -7
- package/dist/index.d.ts +22 -7
- package/dist/index.mjs +11737 -11651
- package/dist/index.umd.js +4 -4
- package/dist/style.css +87 -9
- package/package.json +1 -1
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
|
+
}
|