@bigbinary/neeto-form-frontend 1.0.2 → 1.0.4

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.
Files changed (4) hide show
  1. package/dist/index.js +4482 -6465
  2. package/dist/main.css +614 -587
  3. package/index.d.ts +82 -0
  4. package/package.json +21 -29
package/dist/main.css CHANGED
@@ -131,19 +131,14 @@
131
131
  }
132
132
  #neeto-form-root hr,
133
133
  .neeto-form-root__body hr {
134
- box-sizing: content-box;
135
- /* 1 */
136
- height: 0;
137
- /* 1 */
138
- overflow: visible;
139
- /* 2 */
134
+ box-sizing: content-box; /* 1 */
135
+ height: 0; /* 1 */
136
+ overflow: visible; /* 2 */
140
137
  }
141
138
  #neeto-form-root pre,
142
139
  .neeto-form-root__body pre {
143
- font-family: monospace, monospace;
144
- /* 1 */
145
- font-size: 1em;
146
- /* 2 */
140
+ font-family: monospace, monospace; /* 1 */
141
+ font-size: 1em; /* 2 */
147
142
  }
148
143
  #neeto-form-root a,
149
144
  .neeto-form-root__body a {
@@ -151,12 +146,9 @@
151
146
  }
152
147
  #neeto-form-root abbr[title],
153
148
  .neeto-form-root__body abbr[title] {
154
- border-bottom: none;
155
- /* 1 */
156
- text-decoration: underline;
157
- /* 2 */
158
- text-decoration: underline dotted;
159
- /* 2 */
149
+ border-bottom: none; /* 1 */
150
+ text-decoration: underline; /* 2 */
151
+ text-decoration: underline dotted; /* 2 */
160
152
  }
161
153
  #neeto-form-root b,
162
154
  #neeto-form-root strong,
@@ -170,10 +162,8 @@
170
162
  .neeto-form-root__body code,
171
163
  .neeto-form-root__body kbd,
172
164
  .neeto-form-root__body samp {
173
- font-family: monospace, monospace;
174
- /* 1 */
175
- font-size: 1em;
176
- /* 2 */
165
+ font-family: monospace, monospace; /* 1 */
166
+ font-size: 1em; /* 2 */
177
167
  }
178
168
  #neeto-form-root small,
179
169
  .neeto-form-root__body small {
@@ -210,14 +200,10 @@
210
200
  .neeto-form-root__body optgroup,
211
201
  .neeto-form-root__body select,
212
202
  .neeto-form-root__body textarea {
213
- font-family: inherit;
214
- /* 1 */
215
- font-size: 100%;
216
- /* 1 */
217
- line-height: 1.15;
218
- /* 1 */
219
- margin: 0;
220
- /* 2 */
203
+ font-family: inherit; /* 1 */
204
+ font-size: 100%; /* 1 */
205
+ line-height: 1.15; /* 1 */
206
+ margin: 0; /* 2 */
221
207
  }
222
208
  #neeto-form-root button,
223
209
  #neeto-form-root input,
@@ -270,18 +256,12 @@
270
256
  }
271
257
  #neeto-form-root legend,
272
258
  .neeto-form-root__body legend {
273
- box-sizing: border-box;
274
- /* 1 */
275
- color: inherit;
276
- /* 2 */
277
- display: table;
278
- /* 1 */
279
- max-width: 100%;
280
- /* 1 */
281
- padding: 0;
282
- /* 3 */
283
- white-space: normal;
284
- /* 1 */
259
+ box-sizing: border-box; /* 1 */
260
+ color: inherit; /* 2 */
261
+ display: table; /* 1 */
262
+ max-width: 100%; /* 1 */
263
+ padding: 0; /* 3 */
264
+ white-space: normal; /* 1 */
285
265
  }
286
266
  #neeto-form-root progress,
287
267
  .neeto-form-root__body progress {
@@ -295,10 +275,8 @@
295
275
  #neeto-form-root [type=radio],
296
276
  .neeto-form-root__body [type=checkbox],
297
277
  .neeto-form-root__body [type=radio] {
298
- box-sizing: border-box;
299
- /* 1 */
300
- padding: 0;
301
- /* 2 */
278
+ box-sizing: border-box; /* 1 */
279
+ padding: 0; /* 2 */
302
280
  }
303
281
  #neeto-form-root [type=number]::-webkit-inner-spin-button,
304
282
  #neeto-form-root [type=number]::-webkit-outer-spin-button,
@@ -308,10 +286,8 @@
308
286
  }
309
287
  #neeto-form-root [type=search],
310
288
  .neeto-form-root__body [type=search] {
311
- -webkit-appearance: textfield;
312
- /* 1 */
313
- outline-offset: -2px;
314
- /* 2 */
289
+ -webkit-appearance: textfield; /* 1 */
290
+ outline-offset: -2px; /* 2 */
315
291
  }
316
292
  #neeto-form-root [type=search]::-webkit-search-decoration,
317
293
  .neeto-form-root__body [type=search]::-webkit-search-decoration {
@@ -319,10 +295,8 @@
319
295
  }
320
296
  #neeto-form-root ::-webkit-file-upload-button,
321
297
  .neeto-form-root__body ::-webkit-file-upload-button {
322
- -webkit-appearance: button;
323
- /* 1 */
324
- font: inherit;
325
- /* 2 */
298
+ -webkit-appearance: button; /* 1 */
299
+ font: inherit; /* 2 */
326
300
  }
327
301
  #neeto-form-root details,
328
302
  .neeto-form-root__body details {
@@ -547,17 +521,14 @@
547
521
  left: 0;
548
522
  margin: 0;
549
523
  }
550
-
551
524
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
552
525
  top: 0;
553
526
  transform: translateX(0);
554
527
  }
555
-
556
528
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
557
529
  bottom: 0;
558
530
  transform: translateX(0);
559
531
  }
560
-
561
532
  .Toastify__toast-container--rtl {
562
533
  right: 0;
563
534
  left: initial;
@@ -1107,7 +1078,7 @@
1107
1078
  transform: rotate(360deg);
1108
1079
  }
1109
1080
  }
1110
- /*# sourceMappingURL=ReactToastify.css.map */
1081
+
1111
1082
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
1112
1083
  .tippy-box[data-animation=scale-subtle][data-placement^=top] {
1113
1084
  transform-origin: bottom;
@@ -1326,8 +1297,11 @@ summary {
1326
1297
  --neeto-ui-surface-bg:255,255,255;
1327
1298
  --neeto-ui-shadow-xs:0px 1px 4px -1px rgba(28,48,74,0.12);
1328
1299
  --neeto-ui-shadow-s:0px 3px 12px -1px rgba(28,52,84,0.12),0px 2px 4px -1px rgba(28,55,90,0.08);
1300
+ --neeto-ui-shadow-sm:0px 3px 12px -1px rgba(28,52,84,0.12),0px 2px 4px -1px rgba(28,55,90,0.08);
1329
1301
  --neeto-ui-shadow-m:0px 8px 24px -4px rgba(28,50,79,0.12),0px 2px 6px -1px rgba(28,55,90,0.08);
1302
+ --neeto-ui-shadow-md:0px 8px 24px -4px rgba(28,50,79,0.12),0px 2px 6px -1px rgba(28,55,90,0.08);
1330
1303
  --neeto-ui-shadow-l:0px 12px 48px -6px rgba(28,50,79,0.12),0px 3px 18px -2px rgba(28,55,90,0.08);
1304
+ --neeto-ui-shadow-lg:0px 12px 48px -6px rgba(28,50,79,0.12),0px 3px 18px -2px rgba(28,55,90,0.08);
1331
1305
  --neeto-ui-text-h1:32px;
1332
1306
  --neeto-ui-text-h2:24px;
1333
1307
  --neeto-ui-text-h3:20px;
@@ -1380,6 +1354,7 @@ summary {
1380
1354
  --neeto-ui-rounded-full:999px;
1381
1355
  --neeto-ui-transition:all 0.3s linear;
1382
1356
  --neeto-ui-modal-z-index:99999;
1357
+ --neeto-ui-sidebar-width:72px;
1383
1358
  --neeto-ui-pane-header-height:78px;
1384
1359
  --neeto-ui-pane-footer-height:80px;
1385
1360
  --neeto-ui-main-header-height:80px;
@@ -1495,7 +1470,7 @@ blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
1495
1470
  }
1496
1471
 
1497
1472
  body {
1498
- font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif !important;
1473
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif !important;
1499
1474
  font-size: 14px;
1500
1475
  font-weight: 400;
1501
1476
  line-height: 1.3;
@@ -1572,18 +1547,9 @@ p {
1572
1547
  }
1573
1548
 
1574
1549
  .nuifadeIn {
1575
- -webkit-animation: nuifadeIn 0.3s both;
1576
1550
  animation: nuifadeIn 0.3s both;
1577
1551
  }
1578
1552
 
1579
- @-webkit-keyframes nuifadeIn {
1580
- 0% {
1581
- opacity: 0;
1582
- }
1583
- to {
1584
- opacity: 1;
1585
- }
1586
- }
1587
1553
  @keyframes nuifadeIn {
1588
1554
  0% {
1589
1555
  opacity: 0;
@@ -2712,16 +2678,31 @@ body .focus\:neeto-ui-shadow-s:focus, body .hover\:neeto-ui-shadow-s:hover, body
2712
2678
  box-shadow: var(--neeto-ui-shadow-s);
2713
2679
  }
2714
2680
 
2681
+ body .focus\:neeto-ui-shadow-sm:focus, body .hover\:neeto-ui-shadow-sm:hover, body .neeto-ui-shadow-sm {
2682
+ box-shadow: 0 3px 12px -1px rgba(28, 52, 84, 0.12), 0 2px 4px -1px rgba(28, 55, 90, 0.08);
2683
+ box-shadow: var(--neeto-ui-shadow-sm);
2684
+ }
2685
+
2715
2686
  body .focus\:neeto-ui-shadow-m:focus, body .hover\:neeto-ui-shadow-m:hover, body .neeto-ui-shadow-m {
2716
2687
  box-shadow: 0 8px 24px -4px rgba(28, 50, 79, 0.12), 0 2px 6px -1px rgba(28, 55, 90, 0.08);
2717
2688
  box-shadow: var(--neeto-ui-shadow-m);
2718
2689
  }
2719
2690
 
2691
+ body .focus\:neeto-ui-shadow-md:focus, body .hover\:neeto-ui-shadow-md:hover, body .neeto-ui-shadow-md {
2692
+ box-shadow: 0 8px 24px -4px rgba(28, 50, 79, 0.12), 0 2px 6px -1px rgba(28, 55, 90, 0.08);
2693
+ box-shadow: var(--neeto-ui-shadow-md);
2694
+ }
2695
+
2720
2696
  body .focus\:neeto-ui-shadow-l:focus, body .hover\:neeto-ui-shadow-l:hover, body .neeto-ui-shadow-l {
2721
2697
  box-shadow: 0 12px 48px -6px rgba(28, 50, 79, 0.12), 0 3px 18px -2px rgba(28, 55, 90, 0.08);
2722
2698
  box-shadow: var(--neeto-ui-shadow-l);
2723
2699
  }
2724
2700
 
2701
+ body .focus\:neeto-ui-shadow-lg:focus, body .hover\:neeto-ui-shadow-lg:hover, body .neeto-ui-shadow-lg {
2702
+ box-shadow: 0 12px 48px -6px rgba(28, 50, 79, 0.12), 0 3px 18px -2px rgba(28, 55, 90, 0.08);
2703
+ box-shadow: var(--neeto-ui-shadow-lg);
2704
+ }
2705
+
2725
2706
  body .focus-visible\:neeto-ui-shadow-xs:focus-visible {
2726
2707
  box-shadow: 0 1px 4px -1px rgba(28, 48, 74, 0.12);
2727
2708
  box-shadow: var(--neeto-ui-shadow-xs);
@@ -2732,16 +2713,31 @@ body .focus-visible\:neeto-ui-shadow-s:focus-visible {
2732
2713
  box-shadow: var(--neeto-ui-shadow-s);
2733
2714
  }
2734
2715
 
2716
+ body .focus-visible\:neeto-ui-shadow-sm:focus-visible {
2717
+ box-shadow: 0 3px 12px -1px rgba(28, 52, 84, 0.12), 0 2px 4px -1px rgba(28, 55, 90, 0.08);
2718
+ box-shadow: var(--neeto-ui-shadow-sm);
2719
+ }
2720
+
2735
2721
  body .focus-visible\:neeto-ui-shadow-m:focus-visible {
2736
2722
  box-shadow: 0 8px 24px -4px rgba(28, 50, 79, 0.12), 0 2px 6px -1px rgba(28, 55, 90, 0.08);
2737
2723
  box-shadow: var(--neeto-ui-shadow-m);
2738
2724
  }
2739
2725
 
2726
+ body .focus-visible\:neeto-ui-shadow-md:focus-visible {
2727
+ box-shadow: 0 8px 24px -4px rgba(28, 50, 79, 0.12), 0 2px 6px -1px rgba(28, 55, 90, 0.08);
2728
+ box-shadow: var(--neeto-ui-shadow-md);
2729
+ }
2730
+
2740
2731
  body .focus-visible\:neeto-ui-shadow-l:focus-visible {
2741
2732
  box-shadow: 0 12px 48px -6px rgba(28, 50, 79, 0.12), 0 3px 18px -2px rgba(28, 55, 90, 0.08);
2742
2733
  box-shadow: var(--neeto-ui-shadow-l);
2743
2734
  }
2744
2735
 
2736
+ body .focus-visible\:neeto-ui-shadow-lg:focus-visible {
2737
+ box-shadow: 0 12px 48px -6px rgba(28, 50, 79, 0.12), 0 3px 18px -2px rgba(28, 55, 90, 0.08);
2738
+ box-shadow: var(--neeto-ui-shadow-lg);
2739
+ }
2740
+
2745
2741
  body .neeto-ui-text-h1 {
2746
2742
  font-size: 32px;
2747
2743
  font-size: var(--neeto-ui-text-h1);
@@ -3900,7 +3896,6 @@ body .neeto-ui-text-transform-unset {
3900
3896
  }
3901
3897
 
3902
3898
  .neeto-ui-sticky {
3903
- position: -webkit-sticky;
3904
3899
  position: sticky;
3905
3900
  }
3906
3901
 
@@ -3908,18 +3903,6 @@ body .neeto-ui-text-transform-unset {
3908
3903
  outline: none !important;
3909
3904
  }
3910
3905
 
3911
- @-webkit-keyframes antSlideUpIn {
3912
- 0% {
3913
- transform: scaleY(0.8);
3914
- transform-origin: 0 0;
3915
- opacity: 0;
3916
- }
3917
- to {
3918
- transform: scaleY(1);
3919
- transform-origin: 0 0;
3920
- opacity: 1;
3921
- }
3922
- }
3923
3906
  @keyframes antSlideUpIn {
3924
3907
  0% {
3925
3908
  transform: scaleY(0.8);
@@ -3932,18 +3915,6 @@ body .neeto-ui-text-transform-unset {
3932
3915
  opacity: 1;
3933
3916
  }
3934
3917
  }
3935
- @-webkit-keyframes antSlideUpOut {
3936
- 0% {
3937
- transform: scaleY(1);
3938
- transform-origin: 0 0;
3939
- opacity: 1;
3940
- }
3941
- to {
3942
- transform: scaleY(0.8);
3943
- transform-origin: 0 0;
3944
- opacity: 0;
3945
- }
3946
- }
3947
3918
  @keyframes antSlideUpOut {
3948
3919
  0% {
3949
3920
  transform: scaleY(1);
@@ -3956,18 +3927,6 @@ body .neeto-ui-text-transform-unset {
3956
3927
  opacity: 0;
3957
3928
  }
3958
3929
  }
3959
- @-webkit-keyframes antSlideDownIn {
3960
- 0% {
3961
- transform: scaleY(0.8);
3962
- transform-origin: 100% 100%;
3963
- opacity: 0;
3964
- }
3965
- to {
3966
- transform: scaleY(1);
3967
- transform-origin: 100% 100%;
3968
- opacity: 1;
3969
- }
3970
- }
3971
3930
  @keyframes antSlideDownIn {
3972
3931
  0% {
3973
3932
  transform: scaleY(0.8);
@@ -3980,18 +3939,6 @@ body .neeto-ui-text-transform-unset {
3980
3939
  opacity: 1;
3981
3940
  }
3982
3941
  }
3983
- @-webkit-keyframes antSlideDownOut {
3984
- 0% {
3985
- transform: scaleY(1);
3986
- transform-origin: 100% 100%;
3987
- opacity: 1;
3988
- }
3989
- to {
3990
- transform: scaleY(0.8);
3991
- transform-origin: 100% 100%;
3992
- opacity: 0;
3993
- }
3994
- }
3995
3942
  @keyframes antSlideDownOut {
3996
3943
  0% {
3997
3944
  transform: scaleY(1);
@@ -4004,18 +3951,6 @@ body .neeto-ui-text-transform-unset {
4004
3951
  opacity: 0;
4005
3952
  }
4006
3953
  }
4007
- @-webkit-keyframes antSlideLeftIn {
4008
- 0% {
4009
- transform: scaleX(0.8);
4010
- transform-origin: 0 0;
4011
- opacity: 0;
4012
- }
4013
- to {
4014
- transform: scaleX(1);
4015
- transform-origin: 0 0;
4016
- opacity: 1;
4017
- }
4018
- }
4019
3954
  @keyframes antSlideLeftIn {
4020
3955
  0% {
4021
3956
  transform: scaleX(0.8);
@@ -4028,18 +3963,6 @@ body .neeto-ui-text-transform-unset {
4028
3963
  opacity: 1;
4029
3964
  }
4030
3965
  }
4031
- @-webkit-keyframes antSlideLeftOut {
4032
- 0% {
4033
- transform: scaleX(1);
4034
- transform-origin: 0 0;
4035
- opacity: 1;
4036
- }
4037
- to {
4038
- transform: scaleX(0.8);
4039
- transform-origin: 0 0;
4040
- opacity: 0;
4041
- }
4042
- }
4043
3966
  @keyframes antSlideLeftOut {
4044
3967
  0% {
4045
3968
  transform: scaleX(1);
@@ -4052,18 +3975,6 @@ body .neeto-ui-text-transform-unset {
4052
3975
  opacity: 0;
4053
3976
  }
4054
3977
  }
4055
- @-webkit-keyframes antSlideRightIn {
4056
- 0% {
4057
- transform: scaleX(0.8);
4058
- transform-origin: 100% 0;
4059
- opacity: 0;
4060
- }
4061
- to {
4062
- transform: scaleX(1);
4063
- transform-origin: 100% 0;
4064
- opacity: 1;
4065
- }
4066
- }
4067
3978
  @keyframes antSlideRightIn {
4068
3979
  0% {
4069
3980
  transform: scaleX(0.8);
@@ -4076,18 +3987,6 @@ body .neeto-ui-text-transform-unset {
4076
3987
  opacity: 1;
4077
3988
  }
4078
3989
  }
4079
- @-webkit-keyframes antSlideRightOut {
4080
- 0% {
4081
- transform: scaleX(1);
4082
- transform-origin: 100% 0;
4083
- opacity: 1;
4084
- }
4085
- to {
4086
- transform: scaleX(0.8);
4087
- transform-origin: 100% 0;
4088
- opacity: 0;
4089
- }
4090
- }
4091
3990
  @keyframes antSlideRightOut {
4092
3991
  0% {
4093
3992
  transform: scaleX(1);
@@ -4242,7 +4141,6 @@ body .neeto-ui-text-transform-unset {
4242
4141
  transform: scale(0.75);
4243
4142
  transform-origin: 50% 50%;
4244
4143
  opacity: 0.3;
4245
- -webkit-animation: antSpinMove 1s linear infinite alternate;
4246
4144
  animation: antSpinMove 1s linear infinite alternate;
4247
4145
  }
4248
4146
 
@@ -4254,27 +4152,23 @@ body .neeto-ui-text-transform-unset {
4254
4152
  .ant-spin-dot-item:nth-child(2) {
4255
4153
  top: 0;
4256
4154
  right: 0;
4257
- -webkit-animation-delay: 0.4s;
4258
4155
  animation-delay: 0.4s;
4259
4156
  }
4260
4157
 
4261
4158
  .ant-spin-dot-item:nth-child(3) {
4262
4159
  right: 0;
4263
4160
  bottom: 0;
4264
- -webkit-animation-delay: 0.8s;
4265
4161
  animation-delay: 0.8s;
4266
4162
  }
4267
4163
 
4268
4164
  .ant-spin-dot-item:nth-child(4) {
4269
4165
  bottom: 0;
4270
4166
  left: 0;
4271
- -webkit-animation-delay: 1.2s;
4272
4167
  animation-delay: 1.2s;
4273
4168
  }
4274
4169
 
4275
4170
  .ant-spin-dot-spin {
4276
4171
  transform: rotate(45deg);
4277
- -webkit-animation: antRotate 1.2s linear infinite;
4278
4172
  animation: antRotate 1.2s linear infinite;
4279
4173
  }
4280
4174
 
@@ -4306,21 +4200,11 @@ body .neeto-ui-text-transform-unset {
4306
4200
  opacity: 0.5;
4307
4201
  }
4308
4202
  }
4309
- @-webkit-keyframes antSpinMove {
4310
- to {
4311
- opacity: 1;
4312
- }
4313
- }
4314
4203
  @keyframes antSpinMove {
4315
4204
  to {
4316
4205
  opacity: 1;
4317
4206
  }
4318
4207
  }
4319
- @-webkit-keyframes antRotate {
4320
- to {
4321
- transform: rotate(405deg);
4322
- }
4323
- }
4324
4208
  @keyframes antRotate {
4325
4209
  to {
4326
4210
  transform: rotate(405deg);
@@ -4332,15 +4216,9 @@ body .neeto-ui-text-transform-unset {
4332
4216
 
4333
4217
  .ant-spin-rtl .ant-spin-dot-spin {
4334
4218
  transform: rotate(-45deg);
4335
- -webkit-animation-name: antRotateRtl;
4336
4219
  animation-name: antRotateRtl;
4337
4220
  }
4338
4221
 
4339
- @-webkit-keyframes antRotateRtl {
4340
- to {
4341
- transform: rotate(-405deg);
4342
- }
4343
- }
4344
4222
  @keyframes antRotateRtl {
4345
4223
  to {
4346
4224
  transform: rotate(-405deg);
@@ -4706,22 +4584,18 @@ textarea.ant-picker-input > input {
4706
4584
  }
4707
4585
 
4708
4586
  .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight {
4709
- -webkit-animation-name: antSlideDownIn;
4710
4587
  animation-name: antSlideDownIn;
4711
4588
  }
4712
4589
 
4713
4590
  .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight {
4714
- -webkit-animation-name: antSlideUpIn;
4715
4591
  animation-name: antSlideUpIn;
4716
4592
  }
4717
4593
 
4718
4594
  .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight {
4719
- -webkit-animation-name: antSlideDownOut;
4720
4595
  animation-name: antSlideDownOut;
4721
4596
  }
4722
4597
 
4723
4598
  .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight {
4724
- -webkit-animation-name: antSlideUpOut;
4725
4599
  animation-name: antSlideUpOut;
4726
4600
  }
4727
4601
 
@@ -4754,7 +4628,6 @@ textarea.ant-picker-input > input {
4754
4628
  color: #1890ff;
4755
4629
  background: #e6f7ff;
4756
4630
  border-color: #91d5ff;
4757
- cursor: pointer;
4758
4631
  }
4759
4632
 
4760
4633
  .ant-picker-ranges .ant-picker-ok {
@@ -5109,7 +4982,6 @@ textarea.ant-picker-input > input {
5109
4982
  }
5110
4983
 
5111
4984
  .ant-picker-footer {
5112
- width: -webkit-min-content;
5113
4985
  width: -moz-min-content;
5114
4986
  width: min-content;
5115
4987
  min-width: 100%;
@@ -6102,7 +5974,6 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
6102
5974
  }
6103
5975
 
6104
5976
  .ant-table-cell-fix-left, .ant-table-cell-fix-right {
6105
- position: -webkit-sticky !important;
6106
5977
  position: sticky !important;
6107
5978
  z-index: 2;
6108
5979
  background: #fff;
@@ -6172,7 +6043,6 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
6172
6043
  }
6173
6044
 
6174
6045
  .ant-table-sticky-holder, .ant-table-sticky-scroll {
6175
- position: -webkit-sticky;
6176
6046
  position: sticky;
6177
6047
  z-index: 3;
6178
6048
  background: #fff;
@@ -7408,22 +7278,18 @@ textarea.ant-pagination-options-quick-jumper input {
7408
7278
  }
7409
7279
 
7410
7280
  .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft, .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft {
7411
- -webkit-animation-name: antSlideUpIn;
7412
7281
  animation-name: antSlideUpIn;
7413
7282
  }
7414
7283
 
7415
7284
  .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft, .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft {
7416
- -webkit-animation-name: antSlideDownIn;
7417
7285
  animation-name: antSlideDownIn;
7418
7286
  }
7419
7287
 
7420
7288
  .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
7421
- -webkit-animation-name: antSlideUpOut;
7422
7289
  animation-name: antSlideUpOut;
7423
7290
  }
7424
7291
 
7425
7292
  .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
7426
- -webkit-animation-name: antSlideDownOut;
7427
7293
  animation-name: antSlideDownOut;
7428
7294
  }
7429
7295
 
@@ -7613,11 +7479,23 @@ textarea.ant-pagination-options-quick-jumper input {
7613
7479
  line-height: 16px;
7614
7480
  }
7615
7481
 
7616
- .neeto-ui-accordion__wrapper .neeto-ui-accordion__item:focus, .neeto-ui-accordion__wrapper .neeto-ui-accordion__item:focus-visible {
7482
+ .neeto-ui-accordion__wrapper .neeto-ui-accordion__item:focus {
7617
7483
  outline: none;
7618
7484
  }
7619
7485
 
7620
- .neeto-ui-accordion__wrapper .neeto-ui-accordion__item:focus-visible .neeto-ui-accordion__item-handle, .neeto-ui-accordion__wrapper .neeto-ui-accordion__item:hover .neeto-ui-accordion__item-handle {
7486
+ .neeto-ui-accordion__wrapper .neeto-ui-accordion__item:hover .neeto-ui-accordion__item-handle {
7487
+ color: #2f3941;
7488
+ color: rgb(var(--neeto-ui-gray-800));
7489
+ }
7490
+
7491
+ .neeto-ui-accordion__wrapper .neeto-ui-accordion__item:focus-visible {
7492
+ outline: 3px solid rgba(69, 88, 249, 0.5);
7493
+ outline: 3px solid rgba(var(--neeto-ui-primary-500), 50%);
7494
+ outline-offset: 1px;
7495
+ box-shadow: none;
7496
+ }
7497
+
7498
+ .neeto-ui-accordion__wrapper .neeto-ui-accordion__item:focus-visible .neeto-ui-accordion__item-handle {
7621
7499
  color: #2f3941;
7622
7500
  color: rgb(var(--neeto-ui-gray-800));
7623
7501
  }
@@ -7835,6 +7713,7 @@ textarea.ant-pagination-options-quick-jumper input {
7835
7713
  }
7836
7714
 
7837
7715
  .neeto-ui-btn.neeto-ui-btn--icon-only .neeto-ui-btn__icon, .neeto-ui-btn.neeto-ui-btn--icon-only .neeto-ui-btn__spinner svg {
7716
+ pointer-events: none;
7838
7717
  width: 16px !important;
7839
7718
  height: 16px !important;
7840
7719
  }
@@ -7848,6 +7727,7 @@ textarea.ant-pagination-options-quick-jumper input {
7848
7727
  }
7849
7728
 
7850
7729
  .neeto-ui-btn--size-medium.neeto-ui-btn--icon-only .neeto-ui-btn__icon, .neeto-ui-btn--size-medium.neeto-ui-btn--icon-only .neeto-ui-btn__spinner svg {
7730
+ pointer-events: none;
7851
7731
  width: 20px !important;
7852
7732
  height: 20px !important;
7853
7733
  }
@@ -7887,6 +7767,7 @@ textarea.ant-pagination-options-quick-jumper input {
7887
7767
  }
7888
7768
 
7889
7769
  .neeto-ui-btn__icon, .neeto-ui-btn__spinner, .neeto-ui-btn__spinner-wrapper {
7770
+ pointer-events: none;
7890
7771
  color: inherit;
7891
7772
  }
7892
7773
 
@@ -7913,13 +7794,22 @@ textarea.ant-pagination-options-quick-jumper input {
7913
7794
  background-color: rgb(var(--neeto-ui-primary-600));
7914
7795
  }
7915
7796
 
7916
- .neeto-ui-btn--style-primary:focus, .neeto-ui-btn--style-primary:focus-visible {
7797
+ .neeto-ui-btn--style-primary:focus {
7917
7798
  color: #fff;
7918
7799
  color: rgb(var(--neeto-ui-white));
7919
7800
  box-shadow: 0 0 0 3px rgba(69, 88, 249, 0.15);
7920
7801
  box-shadow: 0 0 0 3px rgba(var(--neeto-ui-primary-500), 15%);
7921
7802
  }
7922
7803
 
7804
+ .neeto-ui-btn--style-primary:focus-visible {
7805
+ color: #fff;
7806
+ color: rgb(var(--neeto-ui-white));
7807
+ outline: 3px solid rgba(69, 88, 249, 0.5);
7808
+ outline: 3px solid rgba(var(--neeto-ui-primary-500), 50%);
7809
+ outline-offset: 1px;
7810
+ box-shadow: none;
7811
+ }
7812
+
7923
7813
  .neeto-ui-btn--style-secondary {
7924
7814
  color: #2f3941;
7925
7815
  color: rgb(var(--neeto-ui-gray-800));
@@ -7934,14 +7824,21 @@ textarea.ant-pagination-options-quick-jumper input {
7934
7824
  background-color: rgb(var(--neeto-ui-gray-300));
7935
7825
  }
7936
7826
 
7937
- .neeto-ui-btn--style-secondary:focus, .neeto-ui-btn--style-secondary:focus-visible {
7827
+ .neeto-ui-btn--style-secondary:focus {
7938
7828
  color: #2f3941;
7939
7829
  color: rgb(var(--neeto-ui-gray-800));
7940
7830
  box-shadow: 0 0 0 3px rgba(47, 57, 65, 0.25);
7941
7831
  box-shadow: 0 0 0 3px rgba(var(--neeto-ui-gray-800), 25%);
7942
7832
  }
7943
7833
 
7944
- .neeto-ui-btn--style-text {
7834
+ .neeto-ui-btn--style-secondary:focus-visible {
7835
+ outline: 3px solid rgba(69, 88, 249, 0.5);
7836
+ outline: 3px solid rgba(var(--neeto-ui-primary-500), 50%);
7837
+ outline-offset: 1px;
7838
+ box-shadow: none;
7839
+ }
7840
+
7841
+ .neeto-ui-btn--style-secondary:focus-visible, .neeto-ui-btn--style-text {
7945
7842
  color: #2f3941;
7946
7843
  color: rgb(var(--neeto-ui-gray-800));
7947
7844
  }
@@ -7953,25 +7850,43 @@ textarea.ant-pagination-options-quick-jumper input {
7953
7850
  background-color: rgb(var(--neeto-ui-gray-200));
7954
7851
  }
7955
7852
 
7956
- .neeto-ui-btn--style-text:focus, .neeto-ui-btn--style-text:focus-visible {
7853
+ .neeto-ui-btn--style-text:focus {
7957
7854
  color: #2f3941;
7958
7855
  color: rgb(var(--neeto-ui-gray-800));
7959
7856
  box-shadow: 0 0 0 3px rgba(47, 57, 65, 0.15);
7960
7857
  box-shadow: 0 0 0 3px rgba(var(--neeto-ui-gray-800), 15%);
7961
7858
  }
7962
7859
 
7860
+ .neeto-ui-btn--style-text:focus-visible {
7861
+ color: #2f3941;
7862
+ color: rgb(var(--neeto-ui-gray-800));
7863
+ outline: 3px solid rgba(69, 88, 249, 0.5);
7864
+ outline: 3px solid rgba(var(--neeto-ui-primary-500), 50%);
7865
+ outline-offset: 1px;
7866
+ box-shadow: none;
7867
+ }
7868
+
7963
7869
  .neeto-ui-btn--style-link {
7964
7870
  color: #4558f9;
7965
7871
  color: rgb(var(--neeto-ui-primary-500));
7966
7872
  padding: 0;
7967
7873
  }
7968
7874
 
7969
- .neeto-ui-btn--style-link:active, .neeto-ui-btn--style-link:focus, .neeto-ui-btn--style-link:focus-visible, .neeto-ui-btn--style-link:hover:not(:disabled) {
7875
+ .neeto-ui-btn--style-link:active, .neeto-ui-btn--style-link:focus, .neeto-ui-btn--style-link:hover:not(:disabled) {
7970
7876
  opacity: 0.8;
7971
7877
  color: #4558f9;
7972
7878
  color: rgb(var(--neeto-ui-primary-500));
7973
7879
  }
7974
7880
 
7881
+ .neeto-ui-btn--style-link:focus-visible {
7882
+ color: #4558f9;
7883
+ color: rgb(var(--neeto-ui-primary-500));
7884
+ outline: 3px solid rgba(69, 88, 249, 0.5);
7885
+ outline: 3px solid rgba(var(--neeto-ui-primary-500), 50%);
7886
+ outline-offset: 1px;
7887
+ box-shadow: none;
7888
+ }
7889
+
7975
7890
  .neeto-ui-btn--style-danger {
7976
7891
  color: #fff;
7977
7892
  color: rgb(var(--neeto-ui-white));
@@ -7986,13 +7901,22 @@ textarea.ant-pagination-options-quick-jumper input {
7986
7901
  background-color: rgb(var(--neeto-ui-error-600));
7987
7902
  }
7988
7903
 
7989
- .neeto-ui-btn--style-danger:focus, .neeto-ui-btn--style-danger:focus-visible {
7904
+ .neeto-ui-btn--style-danger:focus {
7990
7905
  color: #fff;
7991
7906
  color: rgb(var(--neeto-ui-white));
7992
7907
  box-shadow: 0 0 0 3px rgba(215, 55, 63, 0.15);
7993
7908
  box-shadow: 0 0 0 3px rgba(var(--neeto-ui-error-500), 15%);
7994
7909
  }
7995
7910
 
7911
+ .neeto-ui-btn--style-danger:focus-visible {
7912
+ color: #fff;
7913
+ color: rgb(var(--neeto-ui-white));
7914
+ outline: 3px solid rgba(69, 88, 249, 0.5);
7915
+ outline: 3px solid rgba(var(--neeto-ui-primary-500), 50%);
7916
+ outline-offset: 1px;
7917
+ box-shadow: none;
7918
+ }
7919
+
7996
7920
  .neeto-ui-btn--style-danger-text {
7997
7921
  color: #bb121a;
7998
7922
  color: rgb(var(--neeto-ui-error-800));
@@ -8005,13 +7929,22 @@ textarea.ant-pagination-options-quick-jumper input {
8005
7929
  background-color: rgb(var(--neeto-ui-error-100));
8006
7930
  }
8007
7931
 
8008
- .neeto-ui-btn--style-danger-text:focus, .neeto-ui-btn--style-danger-text:focus-visible {
7932
+ .neeto-ui-btn--style-danger-text:focus {
8009
7933
  color: #bb121a;
8010
7934
  color: rgb(var(--neeto-ui-error-800));
8011
7935
  box-shadow: 0 0 0 3px rgba(215, 55, 63, 0.15);
8012
7936
  box-shadow: 0 0 0 3px rgba(var(--neeto-ui-error-500), 15%);
8013
7937
  }
8014
7938
 
7939
+ .neeto-ui-btn--style-danger-text:focus-visible {
7940
+ color: #bb121a;
7941
+ color: rgb(var(--neeto-ui-error-800));
7942
+ outline: 3px solid rgba(69, 88, 249, 0.5);
7943
+ outline: 3px solid rgba(var(--neeto-ui-primary-500), 50%);
7944
+ outline-offset: 1px;
7945
+ box-shadow: none;
7946
+ }
7947
+
8015
7948
  .neeto-ui-callout {
8016
7949
  display: flex;
8017
7950
  flex-direction: row;
@@ -8131,15 +8064,15 @@ textarea.ant-pagination-options-quick-jumper input {
8131
8064
  cursor: not-allowed;
8132
8065
  }
8133
8066
 
8134
- .neeto-ui-checkbox__wrapper .neeto-ui-checkbox__container .neeto-ui-checkbox[type=checkbox]:focus, .neeto-ui-checkbox__wrapper .neeto-ui-checkbox__container .neeto-ui-checkbox[type=checkbox]:focus-visible {
8067
+ .neeto-ui-checkbox__wrapper .neeto-ui-checkbox__container .neeto-ui-checkbox[type=checkbox]:focus {
8135
8068
  outline: transparent;
8136
8069
  }
8137
8070
 
8138
8071
  .neeto-ui-checkbox__wrapper .neeto-ui-checkbox__container .neeto-ui-checkbox[type=checkbox]:focus-visible {
8139
- box-shadow: 0 0 0 3px rgba(69, 88, 249, 0.15);
8140
- box-shadow: 0 0 0 3px rgba(var(--neeto-ui-primary-500), 15%);
8141
- border-color: #4558f9;
8142
- border-color: rgb(var(--neeto-ui-primary-500));
8072
+ outline: 3px solid rgba(69, 88, 249, 0.5);
8073
+ outline: 3px solid rgba(var(--neeto-ui-primary-500), 50%);
8074
+ outline-offset: 1px;
8075
+ box-shadow: none;
8143
8076
  }
8144
8077
 
8145
8078
  .ant-checkbox [type=checkbox] {
@@ -8171,15 +8104,15 @@ textarea.ant-pagination-options-quick-jumper input {
8171
8104
  cursor: not-allowed;
8172
8105
  }
8173
8106
 
8174
- .ant-checkbox [type=checkbox]:focus, .ant-checkbox [type=checkbox]:focus-visible {
8107
+ .ant-checkbox [type=checkbox]:focus {
8175
8108
  outline: transparent;
8176
8109
  }
8177
8110
 
8178
8111
  .ant-checkbox [type=checkbox]:focus-visible {
8179
- box-shadow: 0 0 0 3px rgba(69, 88, 249, 0.15);
8180
- box-shadow: 0 0 0 3px rgba(var(--neeto-ui-primary-500), 15%);
8181
- border-color: #4558f9;
8182
- border-color: rgb(var(--neeto-ui-primary-500));
8112
+ outline: 3px solid rgba(69, 88, 249, 0.5);
8113
+ outline: 3px solid rgba(var(--neeto-ui-primary-500), 50%);
8114
+ outline-offset: 1px;
8115
+ box-shadow: none;
8183
8116
  }
8184
8117
 
8185
8118
  .ant-checkbox .ant-checkbox-inner {
@@ -8191,8 +8124,12 @@ textarea.ant-pagination-options-quick-jumper input {
8191
8124
  }
8192
8125
 
8193
8126
  .neeto-ui-colorpicker__popover {
8194
- width: 200px;
8195
- padding: 4px 8px;
8127
+ width: 224px;
8128
+ padding: 12px;
8129
+ }
8130
+
8131
+ .neeto-ui-colorpicker__popover .neeto-ui-colorpicker__eyedropper-btn svg {
8132
+ fill: currentColor;
8196
8133
  }
8197
8134
 
8198
8135
  .neeto-ui-colorpicker__popover .neeto-ui-colorpicker__palette-wrapper {
@@ -8229,25 +8166,9 @@ textarea.ant-pagination-options-quick-jumper input {
8229
8166
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
8230
8167
  }
8231
8168
 
8232
- .neeto-ui-colorpicker__popover .neeto-ui-colorpicker__input {
8233
- display: flex;
8234
- flex-direction: row;
8235
- justify-content: flex-start;
8236
- align-items: center;
8237
- border: thin solid #e9ebed;
8238
- border: thin solid rgb(var(--neeto-ui-gray-200));
8239
- border-radius: 6px;
8240
- border-radius: var(--neeto-ui-rounded-md);
8241
- padding: 4px;
8242
- }
8243
-
8244
- .neeto-ui-colorpicker__popover .neeto-ui-colorpicker__input input {
8245
- width: 100%;
8246
- outline-color: transparent;
8247
- font-size: 14px;
8248
- color: #2f3941;
8249
- color: rgb(var(--neeto-ui-gray-800));
8250
- background-color: transparent;
8169
+ .neeto-ui-colorpicker__popover .neeto-ui-colorpicker__pointer .react-colorful__saturation-pointer {
8170
+ width: 20px;
8171
+ height: 20px;
8251
8172
  }
8252
8173
 
8253
8174
  .neeto-ui-color-palette__item {
@@ -8363,11 +8284,6 @@ textarea.ant-pagination-options-quick-jumper input {
8363
8284
  width: 288px;
8364
8285
  }
8365
8286
 
8366
- .ant-picker-input > input, .neeto-ui-date-input {
8367
- color: #2f3941;
8368
- color: rgb(var(--neeto-ui-gray-800));
8369
- }
8370
-
8371
8287
  .neeto-ui-date-input {
8372
8288
  width: 100%;
8373
8289
  display: flex;
@@ -8378,6 +8294,8 @@ textarea.ant-pagination-options-quick-jumper input {
8378
8294
  font-size: var(--neeto-ui-text-sm);
8379
8295
  transition: all 0.3s linear;
8380
8296
  transition: var(--neeto-ui-transition);
8297
+ color: #2f3941;
8298
+ color: rgb(var(--neeto-ui-gray-800));
8381
8299
  background-color: #fff;
8382
8300
  background-color: rgb(var(--neeto-ui-white));
8383
8301
  border: thin solid #c2c8cc;
@@ -8400,6 +8318,11 @@ textarea.ant-pagination-options-quick-jumper input {
8400
8318
  padding: 2px 8px;
8401
8319
  }
8402
8320
 
8321
+ .neeto-ui-date-input .ant-picker-input > input {
8322
+ color: #2f3941;
8323
+ color: rgb(var(--neeto-ui-gray-800));
8324
+ }
8325
+
8403
8326
  .neeto-ui-date-input:hover:not(.neeto-ui-date-input--naked, .neeto-ui-date-input--error, .neeto-ui-date-input--disabled, .neeto-ui-time-input--disabled, .ant-picker-focused) {
8404
8327
  border-color: #2f3941;
8405
8328
  border-color: rgb(var(--neeto-ui-gray-800));
@@ -8420,10 +8343,17 @@ textarea.ant-pagination-options-quick-jumper input {
8420
8343
  color: rgb(var(--neeto-ui-gray-700));
8421
8344
  }
8422
8345
 
8423
- .neeto-ui-date-input.ant-picker-focused.neeto-ui-date-input--naked {
8424
- border: none;
8425
- box-shadow: none !important;
8426
- }
8346
+ .neeto-ui-date-input.ant-picker-focused {
8347
+ border-color: #4558f9 !important;
8348
+ border-color: rgb(var(--neeto-ui-primary-500)) !important;
8349
+ box-shadow: 0 0 0 3px rgba(69, 88, 249, 0.15) !important;
8350
+ box-shadow: 0 0 0 3px rgba(var(--neeto-ui-primary-500), 15%) !important;
8351
+ }
8352
+
8353
+ .neeto-ui-date-input.ant-picker-focused.neeto-ui-date-input--naked {
8354
+ border: none;
8355
+ box-shadow: none !important;
8356
+ }
8427
8357
 
8428
8358
  .neeto-ui-date-input.ant-picker-focused .ant-picker-suffix {
8429
8359
  color: #2f3941;
@@ -8455,6 +8385,31 @@ textarea.ant-pagination-options-quick-jumper input {
8455
8385
  box-shadow: 0 0 0 3px rgb(var(--neeto-ui-error-100));
8456
8386
  }
8457
8387
 
8388
+ .neeto-ui-date-input .ant-picker-clear {
8389
+ background-color: #fff;
8390
+ background-color: rgb(var(--neeto-ui-white));
8391
+ }
8392
+
8393
+ .neeto-ui-date-input .ant-picker-clear svg {
8394
+ width: 16px;
8395
+ height: 16px;
8396
+ color: #49545c;
8397
+ color: rgb(var(--neeto-ui-gray-700));
8398
+ }
8399
+
8400
+ .neeto-ui-date-input .ant-picker-range-arrow {
8401
+ display: none !important;
8402
+ }
8403
+
8404
+ .neeto-ui-date-input.ant-picker-range.ant-picker-focused .ant-picker-active-bar {
8405
+ background: #4558f9;
8406
+ background: rgb(var(--neeto-ui-primary-500));
8407
+ }
8408
+
8409
+ .neeto-ui-date-input.ant-picker-range .ant-picker-clear {
8410
+ right: 8px;
8411
+ }
8412
+
8458
8413
  .neeto-ui-time-input {
8459
8414
  color: #2f3941;
8460
8415
  color: rgb(var(--neeto-ui-gray-800));
@@ -8499,6 +8454,13 @@ textarea.ant-pagination-options-quick-jumper input {
8499
8454
  color: rgb(var(--neeto-ui-gray-700));
8500
8455
  }
8501
8456
 
8457
+ .neeto-ui-time-input.ant-picker-focused {
8458
+ border-color: #4558f9 !important;
8459
+ border-color: rgb(var(--neeto-ui-primary-500)) !important;
8460
+ box-shadow: 0 0 0 3px rgba(69, 88, 249, 0.15) !important;
8461
+ box-shadow: 0 0 0 3px rgba(var(--neeto-ui-primary-500), 15%) !important;
8462
+ }
8463
+
8502
8464
  .neeto-ui-time-input.ant-picker-focused.neeto-ui-date-input--naked {
8503
8465
  border: none;
8504
8466
  box-shadow: none !important;
@@ -8532,79 +8494,113 @@ textarea.ant-pagination-options-quick-jumper input {
8532
8494
  box-shadow: 0 0 0 3px rgb(var(--neeto-ui-error-100));
8533
8495
  }
8534
8496
 
8535
- .ant-picker-time-panel .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
8497
+ .neeto-ui-time-input .ant-picker-clear {
8498
+ background-color: #fff;
8499
+ background-color: rgb(var(--neeto-ui-white));
8500
+ }
8501
+
8502
+ .neeto-ui-time-input .ant-picker-clear svg {
8503
+ width: 16px;
8504
+ height: 16px;
8505
+ color: #49545c;
8506
+ color: rgb(var(--neeto-ui-gray-700));
8507
+ }
8508
+
8509
+ .neeto-ui-time-input .ant-picker-range-arrow {
8510
+ display: none !important;
8511
+ }
8512
+
8513
+ .neeto-ui-date-time-dropdown .ant-picker-time-panel .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
8536
8514
  background: #4558f9;
8537
8515
  background: rgb(var(--neeto-ui-primary-500));
8538
8516
  color: #fff;
8539
8517
  color: rgb(var(--neeto-ui-white));
8540
8518
  }
8541
8519
 
8542
- .ant-picker-range.ant-picker-focused .ant-picker-active-bar {
8543
- background: #4558f9;
8544
- background: rgb(var(--neeto-ui-primary-500));
8520
+ .neeto-ui-date-time-dropdown .ant-picker-cell {
8521
+ color: rgba(47, 57, 65, 0.25);
8522
+ color: rgba(var(--neeto-ui-gray-800), 0.25);
8545
8523
  }
8546
8524
 
8547
- .ant-picker-range .ant-picker-clear {
8548
- right: 8px;
8525
+ .neeto-ui-date-time-dropdown .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .neeto-ui-date-time-dropdown .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
8526
+ background-color: #e9ebed;
8527
+ background-color: rgb(var(--neeto-ui-gray-200));
8528
+ }
8529
+
8530
+ .neeto-ui-date-time-dropdown .ant-picker-time-panel-column > li.ant-picker-time-panel-cell:not(.ant-picker-time-panel-cell-selected) .ant-picker-time-panel-cell-inner {
8531
+ color: #2f3941;
8532
+ color: rgb(var(--neeto-ui-gray-800));
8549
8533
  }
8550
8534
 
8551
- .ant-picker-dropdown, .neeto-ui-date-input-dropdown {
8535
+ .neeto-ui-date-time-dropdown .ant-picker-time-panel-column > li.ant-picker-time-panel-cell:not(.ant-picker-time-panel-cell-selected) .ant-picker-time-panel-cell-inner:hover {
8536
+ background-color: #e9ebed;
8537
+ background-color: rgb(var(--neeto-ui-gray-200));
8538
+ }
8539
+
8540
+ .neeto-ui-date-time-dropdown .ant-picker-footer {
8541
+ border-top: 0 !important;
8542
+ border-bottom: 0 !important;
8543
+ background: #f8f9f9;
8544
+ background: rgb(var(--neeto-ui-gray-100));
8545
+ }
8546
+
8547
+ .neeto-ui-date-time-dropdown {
8552
8548
  padding-top: 2px;
8553
8549
  padding-bottom: 2px;
8554
8550
  z-index: 100000;
8555
8551
  z-index: calc(var(--neeto-ui-modal-z-index) + 1);
8556
8552
  }
8557
8553
 
8558
- .ant-picker-dropdown .ant-picker-panel .ant-picker-header .ant-picker-header-view, .neeto-ui-date-input-dropdown .ant-picker-panel .ant-picker-header .ant-picker-header-view {
8554
+ .neeto-ui-date-time-dropdown .ant-picker-panel .ant-picker-header .ant-picker-header-view {
8559
8555
  color: #49545c;
8560
8556
  color: rgb(var(--neeto-ui-gray-700));
8561
8557
  }
8562
8558
 
8563
- .ant-picker-dropdown .ant-picker-panel .ant-picker-header .ant-picker-header-view button:hover, .neeto-ui-date-input-dropdown .ant-picker-panel .ant-picker-header .ant-picker-header-view button:hover {
8559
+ .neeto-ui-date-time-dropdown .ant-picker-panel .ant-picker-header .ant-picker-header-view button:hover {
8564
8560
  color: #2f3941;
8565
8561
  color: rgb(var(--neeto-ui-gray-800));
8566
8562
  }
8567
8563
 
8568
- .ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before, .neeto-ui-date-input-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before {
8564
+ .neeto-ui-date-time-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before {
8569
8565
  border: 1px solid #2f3941;
8570
8566
  border: 1px solid rgb(var(--neeto-ui-gray-800));
8571
8567
  }
8572
8568
 
8573
- .ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view:after, .neeto-ui-date-input-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view:after {
8569
+ .neeto-ui-date-time-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view:after {
8574
8570
  border-color: #c2c8cc;
8575
8571
  border-color: rgb(var(--neeto-ui-gray-400));
8576
8572
  }
8577
8573
 
8578
- .ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, .neeto-ui-date-input-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
8574
+ .neeto-ui-date-time-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
8579
8575
  background: #4558f9;
8580
8576
  background: rgb(var(--neeto-ui-primary-500));
8581
8577
  color: #fff;
8582
8578
  color: rgb(var(--neeto-ui-white));
8583
8579
  }
8584
8580
 
8585
- .ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-end:before, .ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-start:before, .neeto-ui-date-input-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-end:before, .neeto-ui-date-input-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-start:before {
8581
+ .neeto-ui-date-time-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-end:before, .neeto-ui-date-time-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-start:before {
8586
8582
  background: #e9ebed;
8587
8583
  background: rgb(var(--neeto-ui-gray-200));
8588
8584
  }
8589
8585
 
8590
- .ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner, .ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .neeto-ui-date-input-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner, .neeto-ui-date-input-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner {
8586
+ .neeto-ui-date-time-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner, .neeto-ui-date-time-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner {
8591
8587
  background: #4558f9;
8592
8588
  background: rgb(var(--neeto-ui-primary-500));
8593
8589
  color: #fff;
8594
8590
  color: rgb(var(--neeto-ui-white));
8595
8591
  }
8596
8592
 
8597
- .ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range:before, .neeto-ui-date-input-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range:before {
8593
+ .neeto-ui-date-time-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range:before {
8598
8594
  background: #e9ebed;
8599
8595
  background: rgb(var(--neeto-ui-gray-200));
8600
8596
  }
8601
8597
 
8602
- .ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner:after, .ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end:before, .ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner:after, .ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start:before, .ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover .ant-picker-cell-inner:after, .ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover:before, .neeto-ui-date-input-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner:after, .neeto-ui-date-input-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end:before, .neeto-ui-date-input-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner:after, .neeto-ui-date-input-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start:before, .neeto-ui-date-input-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover .ant-picker-cell-inner:after, .neeto-ui-date-input-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover:before {
8598
+ .neeto-ui-date-time-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner:after, .neeto-ui-date-time-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end:before, .neeto-ui-date-time-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner:after, .neeto-ui-date-time-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start:before, .neeto-ui-date-time-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover .ant-picker-cell-inner:after, .neeto-ui-date-time-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover:before {
8603
8599
  background: #c2c8cc;
8604
8600
  background: rgb(var(--neeto-ui-gray-400));
8605
8601
  }
8606
8602
 
8607
- .ant-picker-dropdown .ant-picker-footer .ant-picker-now-btn, .ant-picker-dropdown .ant-picker-footer .ant-picker-today-btn, .neeto-ui-date-input-dropdown .ant-picker-footer .ant-picker-now-btn, .neeto-ui-date-input-dropdown .ant-picker-footer .ant-picker-today-btn {
8603
+ .neeto-ui-date-time-dropdown .ant-picker-footer .ant-picker-now-btn, .neeto-ui-date-time-dropdown .ant-picker-footer .ant-picker-today-btn {
8608
8604
  position: relative;
8609
8605
  display: inline-flex !important;
8610
8606
  align-items: center;
@@ -8625,14 +8621,14 @@ textarea.ant-pagination-options-quick-jumper input {
8625
8621
  height: auto;
8626
8622
  }
8627
8623
 
8628
- .ant-picker-dropdown .ant-picker-footer .ant-picker-now-btn:hover, .ant-picker-dropdown .ant-picker-footer .ant-picker-today-btn:hover, .neeto-ui-date-input-dropdown .ant-picker-footer .ant-picker-now-btn:hover, .neeto-ui-date-input-dropdown .ant-picker-footer .ant-picker-today-btn:hover {
8624
+ .neeto-ui-date-time-dropdown .ant-picker-footer .ant-picker-now-btn:hover, .neeto-ui-date-time-dropdown .ant-picker-footer .ant-picker-today-btn:hover {
8629
8625
  color: #2f3941;
8630
8626
  color: rgb(var(--neeto-ui-gray-800));
8631
8627
  background-color: #e9ebed;
8632
8628
  background-color: rgb(var(--neeto-ui-gray-200));
8633
8629
  }
8634
8630
 
8635
- .ant-picker-dropdown .ant-picker-footer .ant-picker-ok button, .neeto-ui-date-input-dropdown .ant-picker-footer .ant-picker-ok button {
8631
+ .neeto-ui-date-time-dropdown .ant-picker-footer .ant-picker-ok button {
8636
8632
  position: relative;
8637
8633
  display: inline-flex !important;
8638
8634
  align-items: center;
@@ -8657,19 +8653,19 @@ textarea.ant-pagination-options-quick-jumper input {
8657
8653
  height: auto;
8658
8654
  }
8659
8655
 
8660
- .ant-picker-dropdown .ant-picker-footer .ant-picker-ok button:not([disabled]):hover, .neeto-ui-date-input-dropdown .ant-picker-footer .ant-picker-ok button:not([disabled]):hover {
8656
+ .neeto-ui-date-time-dropdown .ant-picker-footer .ant-picker-ok button:not([disabled]):hover {
8661
8657
  color: #fff;
8662
8658
  color: rgb(var(--neeto-ui-white));
8663
8659
  background-color: #3642df;
8664
8660
  background-color: rgb(var(--neeto-ui-primary-600));
8665
8661
  }
8666
8662
 
8667
- .ant-picker-dropdown .ant-picker-footer .ant-picker-ok button[disabled], .neeto-ui-date-input-dropdown .ant-picker-footer .ant-picker-ok button[disabled] {
8663
+ .neeto-ui-date-time-dropdown .ant-picker-footer .ant-picker-ok button[disabled] {
8668
8664
  cursor: not-allowed;
8669
8665
  opacity: 0.5;
8670
8666
  }
8671
8667
 
8672
- .ant-picker-panel-container {
8668
+ .neeto-ui-date-time-dropdown .ant-picker-panel-container {
8673
8669
  border: 1px solid #c2c8cc;
8674
8670
  border: 1px solid rgb(var(--neeto-ui-gray-400));
8675
8671
  box-shadow: 0 1px 4px -1px rgba(28, 48, 74, 0.12);
@@ -8680,17 +8676,10 @@ textarea.ant-pagination-options-quick-jumper input {
8680
8676
  background-color: rgb(var(--neeto-ui-white));
8681
8677
  }
8682
8678
 
8683
- .ant-picker-panel-container .ant-picker-panel {
8679
+ .neeto-ui-date-time-dropdown .ant-picker-panel-container .ant-picker-panel {
8684
8680
  border: 0;
8685
8681
  }
8686
8682
 
8687
- .ant-picker-focused {
8688
- border-color: #4558f9 !important;
8689
- border-color: rgb(var(--neeto-ui-primary-500)) !important;
8690
- box-shadow: 0 0 0 3px rgba(69, 88, 249, 0.15) !important;
8691
- box-shadow: 0 0 0 3px rgba(var(--neeto-ui-primary-500), 15%) !important;
8692
- }
8693
-
8694
8683
  .neeto-ui-date-input--error, .neeto-ui-date-input--error.ant-picker-focused {
8695
8684
  border-color: #d7373f !important;
8696
8685
  border-color: rgb(var(--neeto-ui-error-500)) !important;
@@ -8701,29 +8690,31 @@ textarea.ant-pagination-options-quick-jumper input {
8701
8690
  box-shadow: 0 0 0 3px rgb(var(--neeto-ui-error-100)) !important;
8702
8691
  }
8703
8692
 
8704
- .neeto-ui-date-input-dropdown .ant-picker-header {
8693
+ .neeto-ui-date-time-dropdown .ant-picker-header {
8705
8694
  min-height: 68px;
8706
8695
  padding: 12px 24px 0;
8707
8696
  white-space: nowrap;
8708
8697
  align-items: center;
8698
+ border-bottom-color: #e9ebed;
8699
+ border-bottom-color: rgb(var(--neeto-ui-gray-200));
8709
8700
  }
8710
8701
 
8711
- .neeto-ui-date-input-dropdown .ant-picker-date-panel .ant-picker-header {
8702
+ .neeto-ui-date-time-dropdown .ant-picker-date-panel .ant-picker-header {
8712
8703
  border-bottom: 0;
8713
8704
  }
8714
8705
 
8715
- .neeto-ui-date-input-dropdown .ant-picker-header-view {
8706
+ .neeto-ui-date-time-dropdown .ant-picker-header-view {
8716
8707
  line-height: 1;
8717
8708
  }
8718
8709
 
8719
- .neeto-ui-date-input-dropdown .ant-picker-header-view button {
8710
+ .neeto-ui-date-time-dropdown .ant-picker-header-view button {
8720
8711
  padding-right: 24px;
8721
8712
  position: relative;
8722
8713
  font-size: 16px;
8723
8714
  font-weight: 600;
8724
8715
  }
8725
8716
 
8726
- .neeto-ui-date-input-dropdown .ant-picker-header-view button:after {
8717
+ .neeto-ui-date-time-dropdown .ant-picker-header-view button:after {
8727
8718
  content: "";
8728
8719
  position: absolute;
8729
8720
  right: 0;
@@ -8735,37 +8726,37 @@ textarea.ant-pagination-options-quick-jumper input {
8735
8726
  background-position: 50%;
8736
8727
  }
8737
8728
 
8738
- .neeto-ui-date-input-dropdown .ant-picker-header button {
8729
+ .neeto-ui-date-time-dropdown .ant-picker-header button {
8739
8730
  line-height: inherit;
8740
8731
  color: #2f3941;
8741
8732
  color: rgb(var(--neeto-ui-gray-800));
8742
8733
  }
8743
8734
 
8744
- .neeto-ui-date-input-dropdown .ant-picker-date-panel .ant-picker-body {
8735
+ .neeto-ui-date-time-dropdown .ant-picker-date-panel .ant-picker-body {
8745
8736
  padding-left: 24px;
8746
8737
  padding-right: 24px;
8747
8738
  }
8748
8739
 
8749
- .neeto-ui-date-input-dropdown .ant-picker-date-panel {
8740
+ .neeto-ui-date-time-dropdown .ant-picker-date-panel {
8750
8741
  width: 320px;
8751
8742
  }
8752
8743
 
8753
- .neeto-ui-date-input-dropdown .ant-picker-date-panel .ant-picker-content {
8744
+ .neeto-ui-date-time-dropdown .ant-picker-date-panel .ant-picker-content {
8754
8745
  width: 272px;
8755
8746
  }
8756
8747
 
8757
- .neeto-ui-date-input-dropdown .ant-picker-date-panel .ant-picker-content th {
8748
+ .neeto-ui-date-time-dropdown .ant-picker-date-panel .ant-picker-content th {
8758
8749
  color: #68737d;
8759
8750
  color: rgb(var(--neeto-ui-gray-600));
8760
8751
  font-size: 12px;
8761
8752
  text-transform: uppercase;
8762
8753
  }
8763
8754
 
8764
- .neeto-ui-date-input-dropdown .ant-picker-cell:before {
8755
+ .neeto-ui-date-time-dropdown .ant-picker-cell:before {
8765
8756
  height: 32px;
8766
8757
  }
8767
8758
 
8768
- .neeto-ui-date-input-dropdown .ant-picker-cell .ant-picker-cell-inner {
8759
+ .neeto-ui-date-time-dropdown .ant-picker-cell .ant-picker-cell-inner {
8769
8760
  min-width: 32px;
8770
8761
  height: 32px;
8771
8762
  line-height: 32px;
@@ -8776,53 +8767,32 @@ textarea.ant-pagination-options-quick-jumper input {
8776
8767
  border-radius: 3px;
8777
8768
  }
8778
8769
 
8779
- .neeto-ui-date-input-dropdown .ant-picker-cell .ant-picker-cell-inner:before {
8770
+ .neeto-ui-date-time-dropdown .ant-picker-cell .ant-picker-cell-inner:before {
8780
8771
  border-radius: 3px;
8781
8772
  }
8782
8773
 
8783
- .neeto-ui-date-input-dropdown .ant-picker-cell-in-view {
8774
+ .neeto-ui-date-time-dropdown .ant-picker-cell-in-view {
8784
8775
  color: #2f3941;
8785
8776
  color: rgb(var(--neeto-ui-gray-800));
8786
8777
  }
8787
8778
 
8788
- .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
8789
- background-color: #e9ebed;
8790
- background-color: rgb(var(--neeto-ui-gray-200));
8791
- }
8792
-
8793
- .ant-picker-time-panel-column > li.ant-picker-time-panel-cell:not(.ant-picker-time-panel-cell-selected) .ant-picker-time-panel-cell-inner {
8794
- color: #2f3941;
8795
- color: rgb(var(--neeto-ui-gray-800));
8796
- }
8797
-
8798
- .ant-picker-time-panel-column > li.ant-picker-time-panel-cell:not(.ant-picker-time-panel-cell-selected) .ant-picker-time-panel-cell-inner:hover {
8799
- background-color: #e9ebed;
8800
- background-color: rgb(var(--neeto-ui-gray-200));
8801
- }
8802
-
8803
- .ant-picker-range-arrow {
8804
- display: none !important;
8805
- }
8806
-
8807
- .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before {
8779
+ .neeto-ui-date-time-dropdown .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before {
8808
8780
  border-color: #4558f9 !important;
8809
8781
  border-color: rgb(var(--neeto-ui-primary-500)) !important;
8810
8782
  }
8811
8783
 
8812
- .ant-picker-range.ant-picker-focused .ant-picker-active-bar {
8784
+ .neeto-ui-date-time-dropdown .ant-picker-range.ant-picker-focused .ant-picker-active-bar {
8813
8785
  background: #4558f9 !important;
8814
8786
  background: rgb(var(--neeto-ui-primary-500)) !important;
8815
8787
  }
8816
8788
 
8817
- .ant-picker-date-panel .ant-picker-header .ant-picker-header-super-next-btn, .ant-picker-date-panel .ant-picker-header .ant-picker-header-super-prev-btn {
8789
+ .neeto-ui-date-time-dropdown .ant-picker-date-panel .ant-picker-header .ant-picker-header-super-next-btn, .neeto-ui-date-time-dropdown .ant-picker-date-panel .ant-picker-header .ant-picker-header-super-prev-btn {
8818
8790
  display: none !important;
8819
8791
  }
8820
8792
 
8821
- .ant-picker-footer {
8822
- border-top: 0 !important;
8823
- border-bottom: 0 !important;
8824
- background: #f8f9f9;
8825
- background: rgb(var(--neeto-ui-gray-100));
8793
+ .neeto-ui-date-time-dropdown .ant-picker-datetime-panel .ant-picker-time-panel, .neeto-ui-date-time-dropdown .ant-picker-time-panel-column:not(:first-child) {
8794
+ border-left-color: #e9ebed;
8795
+ border-left-color: rgb(var(--neeto-ui-gray-200));
8826
8796
  }
8827
8797
 
8828
8798
  .neeto-ui-date-input-custom-panel .ant-picker-time-panel-column {
@@ -8886,31 +8856,33 @@ textarea.ant-pagination-options-quick-jumper input {
8886
8856
  border-radius: 3px !important;
8887
8857
  }
8888
8858
 
8889
- .ant-picker-clear {
8890
- background-color: #fff;
8891
- background-color: rgb(var(--neeto-ui-white));
8892
- }
8893
-
8894
- .ant-picker-clear svg {
8895
- width: 16px;
8896
- height: 16px;
8897
- color: #49545c;
8898
- color: rgb(var(--neeto-ui-gray-700));
8899
- }
8900
-
8901
- .ant-picker-datetime-panel .ant-picker-time-panel, .ant-picker-time-panel-column:not(:first-child) {
8902
- border-left-color: #e9ebed;
8903
- border-left-color: rgb(var(--neeto-ui-gray-200));
8859
+ .ant-picker-ranges > li {
8860
+ margin-right: 8px;
8904
8861
  }
8905
8862
 
8906
- .neeto-ui-date-input-dropdown .ant-picker-header {
8907
- border-bottom-color: #e9ebed;
8908
- border-bottom-color: rgb(var(--neeto-ui-gray-200));
8863
+ .ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
8864
+ height: auto;
8865
+ padding: 5px 8px;
8866
+ color: #2f3941;
8867
+ color: rgb(var(--neeto-ui-gray-800));
8868
+ font-size: 12px;
8869
+ font-size: var(--neeto-ui-text-xs);
8870
+ font-weight: 500;
8871
+ font-weight: var(--neeto-ui-font-medium);
8872
+ line-height: 16px;
8873
+ transition: all 0.3s linear;
8874
+ transition: var(--neeto-ui-transition);
8875
+ border-radius: 5px;
8876
+ border-radius: var(--neeto-ui-rounded);
8877
+ background: hsla(0, 0%, 100%, 0);
8878
+ cursor: pointer;
8909
8879
  }
8910
8880
 
8911
- .ant-picker-cell {
8912
- color: rgba(47, 57, 65, 0.25);
8913
- color: rgba(var(--neeto-ui-gray-800), 0.25);
8881
+ .ant-picker-ranges .ant-picker-preset > .ant-tag-blue:hover {
8882
+ color: #2f3941;
8883
+ color: rgb(var(--neeto-ui-gray-800));
8884
+ background: #e9ebed;
8885
+ background: rgb(var(--neeto-ui-gray-200));
8914
8886
  }
8915
8887
 
8916
8888
  .neeto-ui-dropdown__wrapper.neeto-ui-dropdown__wrapper--auto-width ul {
@@ -8993,7 +8965,6 @@ textarea.ant-pagination-options-quick-jumper input {
8993
8965
  border-color: rgb(var(--neeto-ui-black)) rgb(var(--neeto-ui-gray-200)) rgb(var(--neeto-ui-gray-200)) rgb(var(--neeto-ui-black));
8994
8966
  border-style: solid;
8995
8967
  border-width: 2px;
8996
- -webkit-animation: spin 1s linear infinite;
8997
8968
  animation: spin 1s linear infinite;
8998
8969
  }
8999
8970
 
@@ -9040,20 +9011,19 @@ textarea.ant-pagination-options-quick-jumper input {
9040
9011
  border-radius: 0;
9041
9012
  }
9042
9013
 
9043
- .neeto-ui-dropdown__popup .neeto-ui-dropdown__popup-menu-item-btn.disabled {
9014
+ .neeto-ui-dropdown__popup .neeto-ui-dropdown__popup-menu-item-btn--disabled {
9044
9015
  cursor: not-allowed;
9045
- color: #87929d;
9046
- color: rgb(var(--neeto-ui-gray-500));
9016
+ opacity: 0.5;
9047
9017
  }
9048
9018
 
9049
- .neeto-ui-dropdown__popup .neeto-ui-dropdown__popup-menu-item-btn:focus, .neeto-ui-dropdown__popup .neeto-ui-dropdown__popup-menu-item-btn:hover {
9019
+ .neeto-ui-dropdown__popup .neeto-ui-dropdown__popup-menu-item-btn:focus:not(:disabled):not(.neeto-ui-dropdown__popup-menu-item-btn--active), .neeto-ui-dropdown__popup .neeto-ui-dropdown__popup-menu-item-btn:hover:not(:disabled):not(.neeto-ui-dropdown__popup-menu-item-btn--active) {
9050
9020
  background-color: #e9ebed;
9051
9021
  background-color: rgb(var(--neeto-ui-gray-200));
9052
9022
  }
9053
9023
 
9054
- .neeto-ui-dropdown__popup .neeto-ui-dropdown__popup-menu-item-btn.active {
9055
- background-color: #2f3941;
9056
- background-color: rgb(var(--neeto-ui-gray-800));
9024
+ .neeto-ui-dropdown__popup .neeto-ui-dropdown__popup-menu-item-btn--active {
9025
+ background-color: #4558f9;
9026
+ background-color: rgb(var(--neeto-ui-primary-500));
9057
9027
  color: #fff;
9058
9028
  color: rgb(var(--neeto-ui-white));
9059
9029
  }
@@ -9368,24 +9338,9 @@ textarea.ant-pagination-options-quick-jumper input {
9368
9338
  transform: scale(1.1);
9369
9339
  -webkit-backdrop-filter: blur(2px);
9370
9340
  backdrop-filter: blur(2px);
9371
- -webkit-animation: showModalWrapper 0.3s forwards;
9372
9341
  animation: showModalWrapper 0.3s forwards;
9373
9342
  }
9374
9343
 
9375
- @-webkit-keyframes showModalWrapper {
9376
- 0% {
9377
- opacity: 0;
9378
- transform: scale(1.1);
9379
- -webkit-backdrop-filter: blur(2px);
9380
- backdrop-filter: blur(2px);
9381
- }
9382
- to {
9383
- opacity: 1;
9384
- transform: scale(1);
9385
- -webkit-backdrop-filter: blur(0);
9386
- backdrop-filter: blur(0);
9387
- }
9388
- }
9389
9344
  @keyframes showModalWrapper {
9390
9345
  0% {
9391
9346
  opacity: 0;
@@ -9420,6 +9375,17 @@ textarea.ant-pagination-options-quick-jumper input {
9420
9375
  width: 720px;
9421
9376
  }
9422
9377
 
9378
+ .neeto-ui-modal__backdrop .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--fullscreen {
9379
+ width: 100%;
9380
+ height: 100%;
9381
+ max-width: 100vw;
9382
+ max-height: 100vh;
9383
+ border-radius: 0;
9384
+ border-radius: var(--neeto-ui-rounded-none);
9385
+ transform: scale(1);
9386
+ animation: nuifadeIn 0s forwards;
9387
+ }
9388
+
9423
9389
  .neeto-ui-modal__backdrop .neeto-ui-modal__wrapper .neeto-ui-modal__header {
9424
9390
  padding: 24px 64px 16px 24px;
9425
9391
  padding: var(--neeto-ui-modal-spacing) 64px 16px var(--neeto-ui-modal-spacing);
@@ -9438,6 +9404,7 @@ textarea.ant-pagination-options-quick-jumper input {
9438
9404
  font-size: 14px;
9439
9405
  font-size: var(--neeto-ui-text-sm);
9440
9406
  line-height: 1.5;
9407
+ word-wrap: break-word;
9441
9408
  }
9442
9409
 
9443
9410
  .neeto-ui-modal__backdrop .neeto-ui-modal__wrapper .neeto-ui-modal__footer {
@@ -9495,20 +9462,11 @@ textarea.ant-pagination-options-quick-jumper input {
9495
9462
 
9496
9463
  .neeto-ui-pageloader__wrapper .neeto-ui-pageloader__content {
9497
9464
  position: relative;
9498
- width: 56px;
9499
- height: 56px;
9500
- border-radius: 6px;
9501
9465
  padding: 8px;
9502
9466
  margin-bottom: 16px;
9503
- }
9504
-
9505
- .neeto-ui-pageloader__wrapper .neeto-ui-pageloader__rotating-canvas {
9506
- position: absolute;
9507
- left: 0;
9508
- top: 0;
9509
- width: 56px;
9510
- height: 56px;
9511
- border-radius: 6px;
9467
+ width: 66px;
9468
+ height: 66px;
9469
+ overflow: hidden;
9512
9470
  }
9513
9471
 
9514
9472
  .neeto-ui-pageloader__wrapper .neeto-ui-pageloader__text {
@@ -9520,6 +9478,52 @@ textarea.ant-pagination-options-quick-jumper input {
9520
9478
  color: rgb(var(--neeto-ui-gray-800));
9521
9479
  }
9522
9480
 
9481
+ .neeto-ui-pageloader__spinner {
9482
+ height: 25px;
9483
+ display: flex;
9484
+ grid-gap: 2px;
9485
+ gap: 2px;
9486
+ position: absolute;
9487
+ left: 50%;
9488
+ top: 50%;
9489
+ transform: translate(-50%, -50%);
9490
+ }
9491
+
9492
+ .neeto-ui-pageloader__spinner > div {
9493
+ background-color: #fff;
9494
+ height: 100%;
9495
+ width: 2px;
9496
+ border-radius: 2px;
9497
+ display: inline-flex;
9498
+ animation: neeto-ui-stretchdelay 1.2s ease-in-out infinite;
9499
+ }
9500
+
9501
+ .neeto-ui-pageloader__spinner .neeto-ui-pageloader__rect2 {
9502
+ animation-delay: -1.1s;
9503
+ }
9504
+
9505
+ .neeto-ui-pageloader__spinner .neeto-ui-pageloader__rect3 {
9506
+ animation-delay: -1s;
9507
+ }
9508
+
9509
+ .neeto-ui-pageloader__spinner .neeto-ui-pageloader__rect4 {
9510
+ animation-delay: -0.9s;
9511
+ }
9512
+
9513
+ .neeto-ui-pageloader__spinner .neeto-ui-pageloader__rect5 {
9514
+ animation-delay: -0.8s;
9515
+ }
9516
+
9517
+ @keyframes neeto-ui-stretchdelay {
9518
+ 0%, 40%, to {
9519
+ transform: scaleY(0.4);
9520
+ -webkit-transform: scaleY(0.4);
9521
+ }
9522
+ 20% {
9523
+ transform: scaleY(1);
9524
+ -webkit-transform: scaleY(1);
9525
+ }
9526
+ }
9523
9527
  .neeto-ui-pagination__wrapper {
9524
9528
  display: flex;
9525
9529
  flex-direction: row;
@@ -9574,8 +9578,15 @@ textarea.ant-pagination-options-quick-jumper input {
9574
9578
  }
9575
9579
 
9576
9580
  .neeto-ui-pagination__wrapper .neeto-ui-pagination__item:focus-visible {
9577
- box-shadow: 0 0 0 3px #d8dcde;
9578
- box-shadow: 0 0 0 3px rgb(var(--neeto-ui-gray-300));
9581
+ outline: 3px solid rgba(69, 88, 249, 0.5);
9582
+ outline: 3px solid rgba(var(--neeto-ui-primary-500), 50%);
9583
+ outline-offset: 1px;
9584
+ box-shadow: none;
9585
+ }
9586
+
9587
+ .neeto-ui-pagination__wrapper .neeto-ui-pagination__item:focus-visible a {
9588
+ outline: none;
9589
+ border: none;
9579
9590
  }
9580
9591
 
9581
9592
  .neeto-ui-pagination__wrapper .neeto-ui-pagination__item.active {
@@ -9814,15 +9825,15 @@ textarea.ant-pagination-options-quick-jumper input {
9814
9825
  border: none !important;
9815
9826
  }
9816
9827
 
9817
- .neeto-ui-radio__container .neeto-ui-radio[type=radio]:focus, .neeto-ui-radio__container .neeto-ui-radio[type=radio]:focus-visible {
9828
+ .neeto-ui-radio__container .neeto-ui-radio[type=radio]:focus {
9818
9829
  outline: transparent;
9819
9830
  }
9820
9831
 
9821
9832
  .neeto-ui-radio__container .neeto-ui-radio[type=radio]:focus-visible {
9822
- box-shadow: 0 0 0 3px rgba(69, 88, 249, 0.15);
9823
- box-shadow: 0 0 0 3px rgba(var(--neeto-ui-primary-500), 15%);
9824
- border-color: #4558f9;
9825
- border-color: rgb(var(--neeto-ui-primary-500));
9833
+ outline: 3px solid rgba(69, 88, 249, 0.5);
9834
+ outline: 3px solid rgba(var(--neeto-ui-primary-500), 50%);
9835
+ outline-offset: 1px;
9836
+ box-shadow: none;
9826
9837
  }
9827
9838
 
9828
9839
  .neeto-ui-radio__container.neeto-ui-radio__container--error .neeto-ui-radio[type=radio] {
@@ -9849,8 +9860,11 @@ textarea.ant-pagination-options-quick-jumper input {
9849
9860
  box-shadow: 0 0 0 3px rgb(var(--neeto-ui-error-100));
9850
9861
  }
9851
9862
 
9852
- .neeto-ui-react-select__container, .neeto-ui-react-select__menu-portal {
9863
+ .neeto-ui-react-select__container {
9853
9864
  width: 100%;
9865
+ }
9866
+
9867
+ .neeto-ui-react-select__container, .neeto-ui-react-select__menu-portal {
9854
9868
  font-size: 14px;
9855
9869
  font-size: var(--neeto-ui-text-sm);
9856
9870
  }
@@ -10193,7 +10207,7 @@ textarea.ant-pagination-options-quick-jumper input {
10193
10207
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
10194
10208
  }
10195
10209
 
10196
- .neeto-ui-switch__wrapper .neeto-ui-switch__container .neeto-ui-switch__item input:checked + .neeto-ui-switch {
10210
+ .neeto-ui-switch__wrapper .neeto-ui-switch__container .neeto-ui-switch__item .neeto-ui-switch--checked {
10197
10211
  transform: translateX(20px);
10198
10212
  color: #268e6c;
10199
10213
  color: rgb(var(--neeto-ui-success-500));
@@ -10204,6 +10218,13 @@ textarea.ant-pagination-options-quick-jumper input {
10204
10218
  box-shadow: 0 0 0 3px rgb(var(--neeto-ui-gray-200));
10205
10219
  }
10206
10220
 
10221
+ .neeto-ui-switch__wrapper .neeto-ui-switch__container .neeto-ui-switch__item:focus-visible {
10222
+ outline: 3px solid rgba(69, 88, 249, 0.5);
10223
+ outline: 3px solid rgba(var(--neeto-ui-primary-500), 50%);
10224
+ outline-offset: 1px;
10225
+ box-shadow: none;
10226
+ }
10227
+
10207
10228
  .neeto-ui-tab__wrapper {
10208
10229
  width: 100%;
10209
10230
  border-bottom: 2px solid #d8dcde;
@@ -10240,7 +10261,7 @@ textarea.ant-pagination-options-quick-jumper input {
10240
10261
  cursor: pointer;
10241
10262
  }
10242
10263
 
10243
- .neeto-ui-tab, .neeto-ui-tab:active, .neeto-ui-tab:focus, .neeto-ui-tab:focus-visible, .neeto-ui-tab:hover {
10264
+ .neeto-ui-tab, .neeto-ui-tab:active, .neeto-ui-tab:focus, .neeto-ui-tab:hover {
10244
10265
  text-decoration: none;
10245
10266
  outline: none;
10246
10267
  }
@@ -10250,6 +10271,14 @@ textarea.ant-pagination-options-quick-jumper input {
10250
10271
  color: rgb(var(--neeto-ui-gray-800));
10251
10272
  }
10252
10273
 
10274
+ .neeto-ui-tab:focus-visible {
10275
+ text-decoration: none;
10276
+ outline: 3px solid rgba(69, 88, 249, 0.5);
10277
+ outline: 3px solid rgba(var(--neeto-ui-primary-500), 50%);
10278
+ outline-offset: 1px;
10279
+ box-shadow: none;
10280
+ }
10281
+
10253
10282
  .neeto-ui-tab__icon {
10254
10283
  margin-right: 12px;
10255
10284
  }
@@ -10292,6 +10321,10 @@ textarea.ant-pagination-options-quick-jumper input {
10292
10321
  border-collapse: collapse;
10293
10322
  }
10294
10323
 
10324
+ .ant-table-wrapper table tr td.ant-table-selection-column, .ant-table-wrapper table tr th.ant-table-selection-column {
10325
+ z-index: 9999;
10326
+ }
10327
+
10295
10328
  .ant-table-wrapper .ant-table-cell-fix-left, .ant-table-wrapper .ant-table-cell-fix-right {
10296
10329
  background-color: #fff;
10297
10330
  background-color: rgb(var(--neeto-ui-white));
@@ -10307,8 +10340,8 @@ textarea.ant-pagination-options-quick-jumper input {
10307
10340
  }
10308
10341
 
10309
10342
  .ant-table-wrapper thead.ant-table-thead tr th {
10310
- color: #68737d;
10311
- color: rgb(var(--neeto-ui-gray-600));
10343
+ color: #49545c;
10344
+ color: rgb(var(--neeto-ui-gray-700));
10312
10345
  font-size: 12px;
10313
10346
  font-size: var(--neeto-ui-text-xs);
10314
10347
  vertical-align: middle;
@@ -10324,6 +10357,8 @@ textarea.ant-pagination-options-quick-jumper input {
10324
10357
  .ant-table-wrapper thead.ant-table-thead tr th.ant-table-cell.ant-table-column-has-sorters:hover {
10325
10358
  background-color: #fff;
10326
10359
  background-color: rgb(var(--neeto-ui-white));
10360
+ color: #2d36d4;
10361
+ color: rgb(var(--neeto-ui-primary-800));
10327
10362
  }
10328
10363
 
10329
10364
  .ant-table-wrapper thead.ant-table-thead tr th.ant-table-cell.ant-table-column-has-sorters .ant-table-column-sorters .ant-table-column-sorter.ant-table-column-sorter-full .ant-table-column-sorter-inner .ant-table-column-sorter-down, .ant-table-wrapper thead.ant-table-thead tr th.ant-table-cell.ant-table-column-has-sorters .ant-table-column-sorters .ant-table-column-sorter.ant-table-column-sorter-full .ant-table-column-sorter-inner .ant-table-column-sorter-up {
@@ -10332,8 +10367,8 @@ textarea.ant-pagination-options-quick-jumper input {
10332
10367
  }
10333
10368
 
10334
10369
  .ant-table-wrapper thead.ant-table-thead tr th.ant-table-cell.ant-table-column-has-sorters .ant-table-column-sorters .ant-table-column-sorter.ant-table-column-sorter-full .ant-table-column-sorter-inner .active {
10335
- color: #2f3941;
10336
- color: rgb(var(--neeto-ui-gray-800));
10370
+ color: #2d36d4;
10371
+ color: rgb(var(--neeto-ui-primary-800));
10337
10372
  }
10338
10373
 
10339
10374
  .ant-table-wrapper .ant-table-body {
@@ -10425,6 +10460,13 @@ textarea.ant-pagination-options-quick-jumper input {
10425
10460
  color: rgb(var(--neeto-ui-gray-800));
10426
10461
  }
10427
10462
 
10463
+ .ant-table-wrapper ul.ant-pagination.ant-table-pagination.ant-table-pagination-right li.ant-pagination-item:focus-visible {
10464
+ outline: 3px solid rgba(69, 88, 249, 0.5);
10465
+ outline: 3px solid rgba(var(--neeto-ui-primary-500), 50%);
10466
+ outline-offset: 1px;
10467
+ box-shadow: none;
10468
+ }
10469
+
10428
10470
  .ant-table-wrapper ul.ant-pagination.ant-table-pagination.ant-table-pagination-right li.ant-pagination-item.ant-pagination-item-active {
10429
10471
  border-color: #4558f9;
10430
10472
  border-color: rgb(var(--neeto-ui-primary-500));
@@ -10464,7 +10506,7 @@ textarea.ant-pagination-options-quick-jumper input {
10464
10506
  border: thin solid #c2c8cc !important;
10465
10507
  border: thin solid rgb(var(--neeto-ui-gray-400)) !important;
10466
10508
  box-shadow: 0 3px 12px -1px rgba(28, 52, 84, 0.12), 0 2px 4px -1px rgba(28, 55, 90, 0.08);
10467
- box-shadow: var(--neeto-ui-shadow-s);
10509
+ box-shadow: var(--neeto-ui-shadow-sm);
10468
10510
  }
10469
10511
 
10470
10512
  .ant-table-wrapper .ant-pagination-options div.ant-select .ant-select-arrow {
@@ -10582,11 +10624,46 @@ textarea.ant-pagination-options-quick-jumper input {
10582
10624
  justify-content: center;
10583
10625
  }
10584
10626
 
10585
- .ant-pagination-next button, .ant-pagination-prev button, .neeto-ui-tag {
10627
+ .ant-pagination-next button, .ant-pagination-prev button {
10586
10628
  color: #2f3941;
10587
10629
  color: rgb(var(--neeto-ui-gray-800));
10588
10630
  }
10589
10631
 
10632
+ td.ant-table-column-sort {
10633
+ background-color: transparent;
10634
+ }
10635
+
10636
+ .ant-table-column-sorters {
10637
+ justify-content: flex-start;
10638
+ grid-gap: 8px;
10639
+ gap: 8px;
10640
+ }
10641
+
10642
+ .ant-table-column-sorters .ant-table-column-title {
10643
+ flex-grow: 0;
10644
+ }
10645
+
10646
+ .ant-table-column-has-sorters[aria-sort=ascending] .ant-table-column-title, .ant-table-column-has-sorters[aria-sort=descending] .ant-table-column-title {
10647
+ color: #2d36d4;
10648
+ color: rgb(var(--neeto-ui-primary-800));
10649
+ }
10650
+
10651
+ .ant-table-column-sorter-inner .anticon-caret-up {
10652
+ display: none;
10653
+ }
10654
+
10655
+ .ant-table-column-sorter-inner .anticon-caret-up.active {
10656
+ display: block;
10657
+ }
10658
+
10659
+ .ant-table-column-sorter-inner .anticon-caret-down {
10660
+ display: none;
10661
+ }
10662
+
10663
+ .ant-table-column-sorter-inner .anticon-caret-down.active {
10664
+ display: block;
10665
+ }
10666
+
10590
10667
  .neeto-ui-tag {
10591
10668
  display: inline-flex;
10592
10669
  justify-content: center;
@@ -10600,6 +10677,8 @@ textarea.ant-pagination-options-quick-jumper input {
10600
10677
  gap: 4px;
10601
10678
  padding: 3px 8px;
10602
10679
  border-radius: 100px;
10680
+ color: #2f3941;
10681
+ color: rgb(var(--neeto-ui-gray-800));
10603
10682
  border-width: 1px;
10604
10683
  border-style: solid;
10605
10684
  -webkit-user-select: none;
@@ -10769,6 +10848,7 @@ textarea.ant-pagination-options-quick-jumper input {
10769
10848
  line-height: 1.4;
10770
10849
  outline: 0;
10771
10850
  transition-property: transform, visibility, opacity;
10851
+ word-wrap: break-word;
10772
10852
  }
10773
10853
 
10774
10854
  .tippy-box[data-placement^=top] > .tippy-arrow {
@@ -10905,7 +10985,7 @@ textarea.ant-pagination-options-quick-jumper input {
10905
10985
  color: #2f3941;
10906
10986
  color: rgb(var(--neeto-ui-gray-800));
10907
10987
  box-shadow: 0 3px 12px -1px rgba(28, 52, 84, 0.12), 0 2px 4px -1px rgba(28, 55, 90, 0.08);
10908
- box-shadow: var(--neeto-ui-shadow-s);
10988
+ box-shadow: var(--neeto-ui-shadow-sm);
10909
10989
  background-color: #fff;
10910
10990
  background-color: rgb(var(--neeto-ui-white));
10911
10991
  }
@@ -10957,7 +11037,6 @@ textarea.ant-pagination-options-quick-jumper input {
10957
11037
  transform: scale(0.75);
10958
11038
  transform-origin: 50% 50%;
10959
11039
  opacity: 0.3;
10960
- -webkit-animation: neetoUISpinnerMove 1s linear infinite alternate;
10961
11040
  animation: neetoUISpinnerMove 1s linear infinite alternate;
10962
11041
  }
10963
11042
 
@@ -10969,45 +11048,31 @@ textarea.ant-pagination-options-quick-jumper input {
10969
11048
  .neeto-ui-spinner__item:nth-child(2) {
10970
11049
  top: 0;
10971
11050
  right: 0;
10972
- -webkit-animation-delay: 0.4s;
10973
11051
  animation-delay: 0.4s;
10974
11052
  }
10975
11053
 
10976
11054
  .neeto-ui-spinner__item:nth-child(3) {
10977
11055
  right: 0;
10978
11056
  bottom: 0;
10979
- -webkit-animation-delay: 0.8s;
10980
11057
  animation-delay: 0.8s;
10981
11058
  }
10982
11059
 
10983
11060
  .neeto-ui-spinner__item:nth-child(4) {
10984
11061
  bottom: 0;
10985
11062
  left: 0;
10986
- -webkit-animation-delay: 1.2s;
10987
11063
  animation-delay: 1.2s;
10988
11064
  }
10989
11065
 
10990
11066
  .neeto-ui-spinner {
10991
11067
  transform: rotate(45deg);
10992
- -webkit-animation: neetoUISpinnerRotate 1.2s linear infinite;
10993
11068
  animation: neetoUISpinnerRotate 1.2s linear infinite;
10994
11069
  }
10995
11070
 
10996
- @-webkit-keyframes neetoUISpinnerMove {
10997
- to {
10998
- opacity: 1;
10999
- }
11000
- }
11001
11071
  @keyframes neetoUISpinnerMove {
11002
11072
  to {
11003
11073
  opacity: 1;
11004
11074
  }
11005
11075
  }
11006
- @-webkit-keyframes neetoUISpinnerRotate {
11007
- to {
11008
- transform: rotate(405deg);
11009
- }
11010
- }
11011
11076
  @keyframes neetoUISpinnerRotate {
11012
11077
  to {
11013
11078
  transform: rotate(405deg);
@@ -11054,9 +11119,24 @@ body .Toastify__toast-container {
11054
11119
  min-width: 320px;
11055
11120
  }
11056
11121
 
11057
- body .Toastify__toast-container .Toastify__toast {
11058
- background-color: #2f3941;
11059
- background-color: rgb(var(--neeto-ui-gray-800));
11122
+ body .Toastify__toast-container .Toastify__toast.Toastify__toast--info {
11123
+ background-color: #095aba;
11124
+ background-color: rgba(var(--neeto-ui-info-800));
11125
+ }
11126
+
11127
+ body .Toastify__toast-container .Toastify__toast.Toastify__toast--error {
11128
+ background-color: #bb121a;
11129
+ background-color: rgba(var(--neeto-ui-error-800));
11130
+ }
11131
+
11132
+ body .Toastify__toast-container .Toastify__toast.Toastify__toast--success {
11133
+ background-color: #107154;
11134
+ background-color: rgba(var(--neeto-ui-success-800));
11135
+ }
11136
+
11137
+ body .Toastify__toast-container .Toastify__toast.Toastify__toast--warning {
11138
+ background-color: #bd640d;
11139
+ background-color: rgba(var(--neeto-ui-warning-800));
11060
11140
  }
11061
11141
 
11062
11142
  body .Toastify__toast-container .neeto-ui-toastr, body .Toastify__toast-container .Toastify__toast {
@@ -11125,70 +11205,118 @@ body .Toastify__toast-container .neeto-ui-toastr .neeto-ui-toastr__close-button:
11125
11205
  opacity: 1;
11126
11206
  }
11127
11207
 
11208
+ .neeto-ui-kbd {
11209
+ display: inline-flex;
11210
+ align-items: center;
11211
+ justify-content: center;
11212
+ padding: 4px;
11213
+ height: 24px;
11214
+ min-width: 24px;
11215
+ color: #49545c;
11216
+ color: rgb(var(--neeto-ui-gray-700));
11217
+ font-weight: 600;
11218
+ font-weight: var(--neeto-ui-font-semibold);
11219
+ background-color: #e9ebed;
11220
+ background-color: rgb(var(--neeto-ui-gray-200));
11221
+ border-radius: 5px;
11222
+ border-radius: var(--neeto-ui-rounded);
11223
+ }
11224
+
11225
+ .neeto-ui-popover {
11226
+ border: thin solid #2f3941;
11227
+ border: thin solid rgb(var(--neeto-ui-gray-800));
11228
+ }
11229
+
11230
+ .neeto-ui-popover[data-theme~=light] {
11231
+ border-color: #c2c8cc;
11232
+ border-color: rgb(var(--neeto-ui-gray-400));
11233
+ }
11234
+
11235
+ .neeto-ui-popover .tippy-content {
11236
+ padding: 1rem;
11237
+ }
11238
+
11239
+ .neeto-ui-no-data {
11240
+ display: inline-flex;
11241
+ flex-direction: column;
11242
+ justify-content: center;
11243
+ align-items: center;
11244
+ }
11245
+
11246
+ .neeto-ui-no-data .neeto-ui-no-data__image {
11247
+ margin-bottom: 1.5rem;
11248
+ }
11249
+
11250
+ .neeto-ui-no-data .neeto-ui-no-data__image img {
11251
+ max-width: 11.5rem;
11252
+ height: auto;
11253
+ }
11254
+
11255
+ .neeto-ui-no-data .neeto-ui-no-data__action-block {
11256
+ margin-top: 1.5rem;
11257
+ }
11258
+
11128
11259
  .neeto-ui-app-switcher__backdrop {
11129
11260
  position: fixed;
11130
11261
  z-index: 99996;
11131
11262
  left: 72px;
11263
+ left: var(--neeto-ui-sidebar-width);
11132
11264
  top: 0;
11133
11265
  width: 100vw;
11134
- height: 100vh;
11135
11266
  overflow: hidden;
11136
- display: flex;
11137
11267
  flex-direction: row;
11138
- justify-content: flex-start;
11139
11268
  align-items: center;
11140
- transition: all 0.3s;
11141
11269
  background-color: rgba(27, 31, 35, 0.8666666667);
11142
- -webkit-backdrop-filter: blur(2px);
11143
- backdrop-filter: blur(2px);
11144
11270
  }
11145
11271
 
11146
- .neeto-ui-app-switcher__backdrop--expanded {
11147
- left: 300px;
11272
+ .neeto-ui-app-switcher__backdrop, .neeto-ui-app-switcher__wrapper {
11273
+ height: 100vh;
11274
+ display: flex;
11275
+ justify-content: flex-start;
11276
+ transition: all 0.3s;
11277
+ -webkit-backdrop-filter: blur(2px);
11278
+ backdrop-filter: blur(2px);
11148
11279
  }
11149
11280
 
11150
11281
  .neeto-ui-app-switcher__wrapper {
11151
- display: flex;
11152
11282
  flex-direction: column;
11153
- justify-content: flex-start;
11154
11283
  align-items: flex-start;
11155
11284
  background-color: #fff;
11156
11285
  background-color: rgb(var(--neeto-ui-white));
11157
- width: 320px;
11158
- height: 100vh;
11286
+ width: calc(100vw - 72px);
11287
+ width: calc(100vw - var(--neeto-ui-sidebar-width));
11159
11288
  overflow-y: auto;
11160
11289
  max-width: 100%;
11161
- padding: 24px;
11162
- transform: translateX(-100%);
11163
- -webkit-backdrop-filter: blur(2px);
11164
- backdrop-filter: blur(2px);
11165
- transition: all 0.3s;
11290
+ padding: 72px;
11291
+ animation: nuifadeIn 0.3s ease-in;
11166
11292
  }
11167
11293
 
11168
11294
  .neeto-ui-app-switcher__grid {
11169
- display: flex;
11170
- flex-direction: column;
11171
- grid-gap: 8px;
11172
- gap: 8px;
11173
- margin-top: 8px;
11295
+ display: grid;
11296
+ grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
11297
+ grid-gap: 24px;
11298
+ gap: 24px;
11174
11299
  }
11175
11300
 
11176
11301
  .neeto-ui-app-switcher__header {
11177
11302
  width: 100%;
11178
11303
  display: flex;
11179
11304
  align-items: center;
11305
+ justify-content: space-between;
11180
11306
  position: relative;
11307
+ grid-gap: 16px;
11308
+ gap: 16px;
11309
+ margin-bottom: 32px;
11181
11310
  }
11182
11311
 
11183
11312
  .neeto-ui-app-switcher__close-btn {
11184
11313
  position: absolute;
11185
- right: 0;
11186
- top: 0;
11314
+ right: 24px;
11315
+ top: 24px;
11187
11316
  }
11188
11317
 
11189
11318
  .neeto-ui-app-switcher__search-wrapper {
11190
- width: 100%;
11191
- margin: 16px 0 8px;
11319
+ width: 316px;
11192
11320
  }
11193
11321
 
11194
11322
  .neeto-ui-app-switcher__body {
@@ -11197,16 +11325,25 @@ body .Toastify__toast-container .neeto-ui-toastr .neeto-ui-toastr__close-button:
11197
11325
  width: 100%;
11198
11326
  font-size: 14px;
11199
11327
  font-size: var(--neeto-ui-text-sm);
11200
- padding: 16px 0;
11328
+ margin-bottom: 24px;
11329
+ grid-gap: 12px;
11330
+ gap: 12px;
11201
11331
  }
11202
11332
 
11203
11333
  .neeto-ui-app-switcher-link {
11204
11334
  width: 100%;
11205
11335
  max-width: 100%;
11206
- border-radius: 5px;
11207
- border-radius: var(--neeto-ui-rounded);
11336
+ border-radius: 8px;
11337
+ border-radius: var(--neeto-ui-rounded-lg);
11338
+ background-color: #f8f9f9;
11339
+ background-color: rgb(var(--neeto-ui-gray-100));
11208
11340
  text-decoration: none;
11209
11341
  transition: background-color 0.3s ease-in-out;
11342
+ display: flex;
11343
+ align-items: center;
11344
+ padding: 12px 16px;
11345
+ grid-gap: 12px;
11346
+ gap: 12px;
11210
11347
  }
11211
11348
 
11212
11349
  .neeto-ui-app-switcher-link:focus, .neeto-ui-app-switcher-link:focus-visible {
@@ -11223,113 +11360,28 @@ body .Toastify__toast-container .neeto-ui-toastr .neeto-ui-toastr__close-button:
11223
11360
  background: rgb(var(--neeto-ui-gray-800));
11224
11361
  }
11225
11362
 
11226
- .neeto-ui-app-switcher-link--active .neeto-ui-app-switcher-link__title {
11363
+ .neeto-ui-app-switcher-link--active .neeto-ui-app-switcher-link__content span {
11227
11364
  color: #fff;
11228
11365
  color: rgb(var(--neeto-ui-white));
11229
11366
  }
11230
11367
 
11231
- .neeto-ui-app-switcher-link__row {
11232
- display: flex;
11233
- align-items: center;
11234
- padding: 8px;
11235
- position: relative;
11236
- }
11237
-
11238
- .neeto-ui-app-switcher-link__check-icon {
11239
- position: absolute;
11240
- right: 12px;
11241
- top: 50%;
11242
- transform: translateY(-50%);
11243
- }
11244
-
11245
11368
  .neeto-ui-app-switcher-link__icon-holder {
11246
- width: 32px;
11247
- height: 32px;
11369
+ width: 42px;
11370
+ height: 42px;
11248
11371
  display: flex;
11249
11372
  align-items: center;
11250
11373
  justify-content: center;
11251
- margin-right: 12px;
11252
- border-radius: 12px;
11253
- border-radius: var(--neeto-ui-rounded-xl);
11374
+ border-radius: 8px;
11375
+ border-radius: var(--neeto-ui-rounded-lg);
11254
11376
  flex-shrink: 0;
11255
11377
  }
11256
11378
 
11257
- .neeto-ui-app-switcher-link__icon {
11258
- width: 24px;
11259
- height: 24px;
11260
- }
11261
-
11262
- .neeto-ui-app-switcher-link__title {
11379
+ .neeto-ui-app-switcher-link__content {
11263
11380
  flex-grow: 1;
11264
- max-width: calc(100% - 80px);
11265
- white-space: nowrap;
11266
- text-overflow: ellipsis;
11267
- overflow: hidden;
11268
- transition: color 0.3s ease-in-out;
11269
- }
11270
-
11271
- .gradient--analytics {
11272
- background: linear-gradient(135deg, #fb923c, #db2777);
11273
- }
11274
-
11275
- .gradient--chat {
11276
- background: linear-gradient(137.62deg, #a855f7, #6366f1 95.83%);
11277
- }
11278
-
11279
- .gradient--desk {
11280
- background: linear-gradient(135deg, #facc15, #f97316 97.5%);
11281
- }
11282
-
11283
- .gradient--form {
11284
- background: linear-gradient(90.13deg, #ec4899, #f43f5e);
11285
- }
11286
-
11287
- .gradient--kb {
11288
- background: linear-gradient(134.25deg, #57de4a 0.62%, #14b4c6 97.5%);
11289
11381
  }
11290
11382
 
11291
- .gradient--changelog {
11292
- background: linear-gradient(135deg, #38bdf8, #6366f1);
11293
- }
11294
-
11295
- .gradient--cal {
11296
- background: linear-gradient(135deg, #39d0dd, #0ea5e9);
11297
- }
11298
-
11299
- .gradient--engage {
11300
- background: linear-gradient(135deg, #38bdf8, #6366f1);
11301
- }
11302
-
11303
- .gradient--grow {
11304
- background: linear-gradient(135deg, #7f7ff5, #451ab3 97.5%);
11305
- }
11306
-
11307
- .gradient--quiz {
11308
- background: linear-gradient(135deg, #d0a8c2, #5b5fe1);
11309
- }
11310
-
11311
- .gradient--replay {
11312
- background: linear-gradient(137.62deg, #e2e0a7, #966eec 95.83%);
11313
- }
11314
-
11315
- .gradient--invisible {
11316
- background: linear-gradient(135deg, #f1e205, #6366f1);
11317
- }
11318
-
11319
- .gradient--planner, .gradient--runner {
11320
- background: linear-gradient(135deg, #38bdf8, #6366f1);
11321
- }
11322
-
11323
- .gradient--wireframe {
11324
- background: linear-gradient(134.25deg, #f76d3b 0.62%, #a874c8 97.5%);
11325
- }
11326
-
11327
- .gradient--invoice {
11328
- background: linear-gradient(135deg, #dcd4d3, #21c77c);
11329
- }
11330
-
11331
- .gradient--cal, .gradient--course, .gradient--crm, .gradient--hr, .gradient--insights, .gradient--interview, .gradient--popups, .gradient--store {
11332
- background: linear-gradient(135deg, #d2ccc4, #2f4353);
11383
+ .neeto-ui-app-switcher-link__content span {
11384
+ display: block;
11333
11385
  }
11334
11386
 
11335
11387
  .neeto-ui-app-switcher-enter.neeto-ui-app-switcher__backdrop {
@@ -11338,50 +11390,18 @@ body .Toastify__toast-container .neeto-ui-toastr .neeto-ui-toastr__close-button:
11338
11390
  backdrop-filter: blur(2px);
11339
11391
  }
11340
11392
 
11341
- .neeto-ui-app-switcher-enter .neeto-ui-app-switcher__wrapper {
11342
- transform: translateX(-100%);
11343
- -webkit-backdrop-filter: blur(2px);
11344
- backdrop-filter: blur(2px);
11345
- }
11346
-
11347
- .neeto-ui-app-switcher-enter-active.neeto-ui-app-switcher__backdrop, .neeto-ui-app-switcher-enter-done.neeto-ui-app-switcher__backdrop {
11393
+ .neeto-ui-app-switcher-enter-active.neeto-ui-app-switcher__backdrop, .neeto-ui-app-switcher-enter-done.neeto-ui-app-switcher__backdrop, .neeto-ui-app-switcher-exit.neeto-ui-app-switcher__backdrop {
11348
11394
  opacity: 1;
11349
11395
  -webkit-backdrop-filter: blur(2px);
11350
11396
  backdrop-filter: blur(2px);
11351
11397
  }
11352
11398
 
11353
- .neeto-ui-app-switcher-enter-active .neeto-ui-app-switcher__wrapper, .neeto-ui-app-switcher-enter-done .neeto-ui-app-switcher__wrapper {
11354
- transform: translateX(0);
11355
- -webkit-backdrop-filter: blur(0);
11356
- backdrop-filter: blur(0);
11357
- }
11358
-
11359
- .neeto-ui-app-switcher-exit.neeto-ui-app-switcher__backdrop {
11360
- opacity: 1;
11361
- -webkit-backdrop-filter: blur(2px);
11362
- backdrop-filter: blur(2px);
11363
- transition: all 0.3s;
11364
- }
11365
-
11366
- .neeto-ui-app-switcher-exit .neeto-ui-app-switcher__wrapper {
11367
- transform: translateX(0);
11368
- -webkit-backdrop-filter: blur(0);
11369
- backdrop-filter: blur(0);
11370
- transition: all 0.3s;
11371
- }
11372
-
11373
11399
  .neeto-ui-app-switcher-exit-active.neeto-ui-app-switcher__backdrop {
11374
11400
  opacity: 0;
11375
11401
  -webkit-backdrop-filter: blur(2px);
11376
11402
  backdrop-filter: blur(2px);
11377
11403
  }
11378
11404
 
11379
- .neeto-ui-app-switcher-exit-active .neeto-ui-app-switcher__wrapper {
11380
- transform: translateX(-100%);
11381
- -webkit-backdrop-filter: blur(2px);
11382
- backdrop-filter: blur(2px);
11383
- }
11384
-
11385
11405
  .neeto-ui-wrapper {
11386
11406
  flex-direction: row;
11387
11407
  }
@@ -11426,6 +11446,10 @@ body .Toastify__toast-container .neeto-ui-toastr .neeto-ui-toastr__close-button:
11426
11446
  padding-right: 24px;
11427
11447
  }
11428
11448
 
11449
+ .neeto-ui-subheader [data-tippy-root] {
11450
+ z-index: 10000 !important;
11451
+ }
11452
+
11429
11453
  .neeto-ui-header {
11430
11454
  width: 100%;
11431
11455
  min-height: 80px;
@@ -11514,8 +11538,6 @@ body .Toastify__toast-container .neeto-ui-toastr .neeto-ui-toastr__close-button:
11514
11538
  }
11515
11539
 
11516
11540
  .neeto-ui-subheader .neeto-ui-subheader__left-wrapper .neeto-ui-subheader__left {
11517
- width: 50%;
11518
- max-width: 280px;
11519
11541
  display: flex;
11520
11542
  flex-direction: row;
11521
11543
  justify-content: flex-start;
@@ -11595,6 +11617,7 @@ body .Toastify__toast-container .neeto-ui-toastr .neeto-ui-toastr__close-button:
11595
11617
  color: rgb(var(--neeto-ui-gray-700));
11596
11618
  border-radius: 5px;
11597
11619
  border-radius: var(--neeto-ui-rounded);
11620
+ border: thin solid transparent;
11598
11621
  }
11599
11622
 
11600
11623
  .neeto-ui-menubar__block:active, .neeto-ui-menubar__block:focus, .neeto-ui-menubar__block:focus-visible, .neeto-ui-menubar__block:hover {
@@ -11609,6 +11632,8 @@ body .Toastify__toast-container .neeto-ui-toastr .neeto-ui-toastr__close-button:
11609
11632
  color: rgb(var(--neeto-ui-gray-800));
11610
11633
  box-shadow: 0 1px 4px -1px rgba(28, 48, 74, 0.12);
11611
11634
  box-shadow: var(--neeto-ui-shadow-xs);
11635
+ border-color: #d8dcde;
11636
+ border-color: rgb(var(--neeto-ui-gray-300));
11612
11637
  }
11613
11638
 
11614
11639
  .neeto-ui-menubar__block--active, .neeto-ui-menubar__block--active:active, .neeto-ui-menubar__block--active:focus, .neeto-ui-menubar__block--active:focus-visible, .neeto-ui-menubar__block--active:hover {
@@ -11634,6 +11659,7 @@ body .Toastify__toast-container .neeto-ui-toastr .neeto-ui-toastr__close-button:
11634
11659
  cursor: pointer;
11635
11660
  border-radius: 5px;
11636
11661
  border-radius: var(--neeto-ui-rounded);
11662
+ border: thin solid transparent;
11637
11663
  }
11638
11664
 
11639
11665
  .neeto-ui-menubar__item:active, .neeto-ui-menubar__item:focus, .neeto-ui-menubar__item:focus-visible, .neeto-ui-menubar__item:hover {
@@ -11647,6 +11673,8 @@ body .Toastify__toast-container .neeto-ui-toastr .neeto-ui-toastr__close-button:
11647
11673
  color: rgb(var(--neeto-ui-gray-800));
11648
11674
  box-shadow: 0 1px 4px -1px rgba(28, 48, 74, 0.12);
11649
11675
  box-shadow: var(--neeto-ui-shadow-xs);
11676
+ border-color: #d8dcde;
11677
+ border-color: rgb(var(--neeto-ui-gray-300));
11650
11678
  }
11651
11679
 
11652
11680
  .neeto-ui-menubar__item--active, .neeto-ui-menubar__item--active:active, .neeto-ui-menubar__item--active:focus, .neeto-ui-menubar__item--active:focus-visible, .neeto-ui-menubar__item--active:hover {
@@ -11712,7 +11740,9 @@ body .Toastify__toast-container .neeto-ui-toastr .neeto-ui-toastr__close-button:
11712
11740
  }
11713
11741
  .neeto-ui-sidebar.neeto-ui-sidebar--collapsed {
11714
11742
  width: 72px;
11743
+ width: var(--neeto-ui-sidebar-width);
11715
11744
  max-width: 72px;
11745
+ max-width: var(--neeto-ui-sidebar-width);
11716
11746
  }
11717
11747
 
11718
11748
  .neeto-ui-sidebar__header {
@@ -11721,11 +11751,9 @@ body .Toastify__toast-container .neeto-ui-toastr .neeto-ui-toastr__close-button:
11721
11751
  margin-bottom: 40px;
11722
11752
  }
11723
11753
 
11724
- .neeto-ui-sidebar__logo {
11754
+ .neeto-ui-sidebar__logo, .neeto-ui-sidebar__logo svg {
11725
11755
  width: 40px;
11726
11756
  height: 40px;
11727
- border-radius: 5px;
11728
- border-radius: var(--neeto-ui-rounded);
11729
11757
  }
11730
11758
 
11731
11759
  .neeto-ui-sidebar__info {
@@ -11874,7 +11902,7 @@ body .Toastify__toast-container .neeto-ui-toastr .neeto-ui-toastr__close-button:
11874
11902
  transition: var(--neeto-ui-transition);
11875
11903
  cursor: pointer;
11876
11904
  box-shadow: 0 3px 12px -1px rgba(28, 52, 84, 0.12), 0 2px 4px -1px rgba(28, 55, 90, 0.08);
11877
- box-shadow: var(--neeto-ui-shadow-s);
11905
+ box-shadow: var(--neeto-ui-shadow-sm);
11878
11906
  }
11879
11907
 
11880
11908
  .neeto-ui-sidebar__footer .neeto-ui-sidebar__profile-content {
@@ -11928,7 +11956,7 @@ body .Toastify__toast-container .neeto-ui-toastr .neeto-ui-toastr__close-button:
11928
11956
  .sidebar-featured-tooltip__content {
11929
11957
  border-radius: 8px !important;
11930
11958
  box-shadow: 0 3px 12px -1px rgba(28, 52, 84, 0.12), 0 2px 4px -1px rgba(28, 55, 90, 0.08) !important;
11931
- box-shadow: var(--neeto-ui-shadow-s) !important;
11959
+ box-shadow: var(--neeto-ui-shadow-sm) !important;
11932
11960
  }
11933
11961
 
11934
11962
  .sidebar-featured-tooltip__content .tippy-content {
@@ -12453,8 +12481,8 @@ button.neeto-form-engine-button:hover, button.neeto-form-engine-button:focus, bu
12453
12481
  -webkit-box-align: center;
12454
12482
  -ms-flex-align: center;
12455
12483
  align-items: center;
12456
- background-color: white;
12457
- border-color: #cccccc;
12484
+ background-color: hsl(0, 0%, 100%);
12485
+ border-color: hsl(0, 0%, 80%);
12458
12486
  border-radius: 4px;
12459
12487
  border-style: solid;
12460
12488
  border-width: 1px;
@@ -12479,7 +12507,7 @@ button.neeto-form-engine-button:hover, button.neeto-form-engine-button:focus, bu
12479
12507
  }
12480
12508
 
12481
12509
  .css-yk16xz-control:hover {
12482
- border-color: #b3b3b3;
12510
+ border-color: hsl(0, 0%, 70%);
12483
12511
  }
12484
12512
 
12485
12513
  .css-g1d714-ValueContainer {
@@ -12505,7 +12533,7 @@ button.neeto-form-engine-button:hover, button.neeto-form-engine-button:focus, bu
12505
12533
  }
12506
12534
 
12507
12535
  .css-1wa3eu0-placeholder {
12508
- color: gray;
12536
+ color: hsl(0, 0%, 50%);
12509
12537
  margin-left: 2px;
12510
12538
  margin-right: 2px;
12511
12539
  position: absolute;
@@ -12521,7 +12549,7 @@ button.neeto-form-engine-button:hover, button.neeto-form-engine-button:focus, bu
12521
12549
  padding-bottom: 2px;
12522
12550
  padding-top: 2px;
12523
12551
  visibility: visible;
12524
- color: #333333;
12552
+ color: hsl(0, 0%, 20%);
12525
12553
  box-sizing: border-box;
12526
12554
  }
12527
12555
 
@@ -12547,7 +12575,7 @@ button.neeto-form-engine-button:hover, button.neeto-form-engine-button:focus, bu
12547
12575
  -webkit-align-self: stretch;
12548
12576
  -ms-flex-item-align: stretch;
12549
12577
  align-self: stretch;
12550
- background-color: #cccccc;
12578
+ background-color: hsl(0, 0%, 80%);
12551
12579
  margin-bottom: 8px;
12552
12580
  margin-top: 8px;
12553
12581
  width: 1px;
@@ -12555,7 +12583,7 @@ button.neeto-form-engine-button:hover, button.neeto-form-engine-button:focus, bu
12555
12583
  }
12556
12584
 
12557
12585
  .css-tlfecz-indicatorContainer {
12558
- color: #cccccc;
12586
+ color: hsl(0, 0%, 80%);
12559
12587
  display: -webkit-box;
12560
12588
  display: -webkit-flex;
12561
12589
  display: -ms-flexbox;
@@ -12567,14 +12595,14 @@ button.neeto-form-engine-button:hover, button.neeto-form-engine-button:focus, bu
12567
12595
  }
12568
12596
 
12569
12597
  .css-tlfecz-indicatorContainer:hover {
12570
- color: #999999;
12598
+ color: hsl(0, 0%, 60%);
12571
12599
  }
12572
12600
 
12573
12601
  .css-26l3qy-menu {
12574
12602
  top: 100%;
12575
- background-color: white;
12603
+ background-color: hsl(0, 0%, 100%);
12576
12604
  border-radius: 4px;
12577
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 11px rgba(0, 0, 0, 0.1);
12605
+ box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1);
12578
12606
  margin-bottom: 8px;
12579
12607
  margin-top: 8px;
12580
12608
  position: absolute;
@@ -12634,7 +12662,7 @@ button.neeto-form-engine-button:hover, button.neeto-form-engine-button:focus, bu
12634
12662
  }
12635
12663
 
12636
12664
  .css-1uccc91-singleValue {
12637
- color: #333333;
12665
+ color: hsl(0, 0%, 20%);
12638
12666
  margin-left: 2px;
12639
12667
  margin-right: 2px;
12640
12668
  max-width: calc(100% - 8px);
@@ -12651,7 +12679,7 @@ button.neeto-form-engine-button:hover, button.neeto-form-engine-button:focus, bu
12651
12679
 
12652
12680
  .css-9gakcf-option {
12653
12681
  background-color: #2684ff;
12654
- color: white;
12682
+ color: hsl(0, 0%, 100%);
12655
12683
  cursor: default;
12656
12684
  display: block;
12657
12685
  font-size: inherit;
@@ -12670,7 +12698,7 @@ button.neeto-form-engine-button:hover, button.neeto-form-engine-button:focus, bu
12670
12698
  }
12671
12699
 
12672
12700
  .css-gg45go-NoOptionsMessage {
12673
- color: #999999;
12701
+ color: hsl(0, 0%, 60%);
12674
12702
  padding: 8px 12px;
12675
12703
  text-align: center;
12676
12704
  box-sizing: border-box;
@@ -12702,7 +12730,7 @@ button.neeto-form-engine-button:hover, button.neeto-form-engine-button:focus, bu
12702
12730
  -webkit-box-align: center;
12703
12731
  -ms-flex-align: center;
12704
12732
  align-items: center;
12705
- background-color: white;
12733
+ background-color: hsl(0, 0%, 100%);
12706
12734
  border-color: #2684ff;
12707
12735
  border-radius: 4px;
12708
12736
  border-style: solid;
@@ -12733,7 +12761,7 @@ button.neeto-form-engine-button:hover, button.neeto-form-engine-button:focus, bu
12733
12761
  }
12734
12762
 
12735
12763
  .css-1gtu0rj-indicatorContainer {
12736
- color: #666666;
12764
+ color: hsl(0, 0%, 40%);
12737
12765
  display: -webkit-box;
12738
12766
  display: -webkit-flex;
12739
12767
  display: -ms-flexbox;
@@ -12745,7 +12773,7 @@ button.neeto-form-engine-button:hover, button.neeto-form-engine-button:focus, bu
12745
12773
  }
12746
12774
 
12747
12775
  .css-1gtu0rj-indicatorContainer:hover {
12748
- color: #333333;
12776
+ color: hsl(0, 0%, 20%);
12749
12777
  }
12750
12778
 
12751
12779
  .neeto-form-engine-react-select__container.neeto-form-engine-react-select__container--error .neeto-form-engine-react-select__control {
@@ -12968,8 +12996,7 @@ button.neeto-form-engine-button:hover, button.neeto-form-engine-button:focus, bu
12968
12996
  .neeto-form-engine-date-picker .ant-picker-input > input::placeholder {
12969
12997
  /* Chrome, Firefox, Opera, Safari 10.1+ */
12970
12998
  color: rgba(var(--neeto-form-answer-color), 0.5);
12971
- opacity: 1;
12972
- /* Firefox */
12999
+ opacity: 1; /* Firefox */
12973
13000
  }
12974
13001
 
12975
13002
  .neeto-form-engine-date-picker-popup .ant-picker-panel-container {