@lightspeed/design-system-css 44.0.1 → 45.0.0

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 (9) hide show
  1. package/dist/index.css +153 -638
  2. package/dist/index.css.map +1 -1
  3. package/package.json +1 -1
  4. package/src/vend-styles/components/DatePicker/DatePicker.scss +8 -58
  5. package/src/vend-styles/components/DatePicker/_DatePicker-ns.scss +0 -3
  6. package/src/vend.ui/styles/global/_non-styles.scss +0 -1
  7. package/src/vend.ui/styles/vend-ui.scss +0 -1
  8. package/src/vend.ui/components/vd-datepicker/vd-datepicker-ns.scss +0 -74
  9. package/src/vend.ui/components/vd-datepicker/vd-datepicker.scss +0 -356
package/dist/index.css CHANGED
@@ -1,9 +1,6 @@
1
1
  @media (prefers-color-scheme: dark) {
2
2
  .vd-theme--use-dark-mode {
3
3
  color-scheme: dark;
4
- --hs-color-overlay-neutral-soft: rgba(255, 255, 255, 0.1215686275);
5
- --hs-color-overlay-neutral-strong: rgba(0, 0, 0, 0.5019607843);
6
- --hs-color-overlay-neutral-inverted-strong: rgba(0, 0, 0, 0.5019607843);
7
4
  --hs-color-bg-neutral-inert-softer: #333337;
8
5
  --hs-color-bg-neutral-inert-soft: #3d3d41;
9
6
  --hs-color-bg-neutral-inert-default: #48484c;
@@ -19,38 +16,43 @@
19
16
  --hs-color-bg-neutral-dark-strong: black;
20
17
  --hs-color-bg-go-highlight-default: rgba(134, 157, 255, 0.1607843137);
21
18
  --hs-color-bg-go-highlight-strong: rgba(185, 200, 252, 0.1607843137);
22
- --hs-color-bg-go-soft: #4b59fd;
19
+ --hs-color-bg-go-soft: #4e58fd;
23
20
  --hs-color-bg-go-default: #3a1afe;
24
21
  --hs-color-bg-go-strong: #2b13c7;
25
- --hs-color-bg-success-highlight-default: rgba(106, 187, 106, 0.1607843137);
26
- --hs-color-bg-success-highlight-strong: rgba(151, 224, 149, 0.1607843137);
27
- --hs-color-bg-success-soft: #2e8132;
28
- --hs-color-bg-success-default: #18661e;
29
- --hs-color-bg-success-strong: #024b0b;
30
- --hs-color-bg-no-highlight-default: rgba(246, 122, 108, 0.1607843137);
31
- --hs-color-bg-no-highlight-strong: rgba(253, 182, 171, 0.1607843137);
32
- --hs-color-bg-no-soft: #c83a31;
33
- --hs-color-bg-no-default: #ac1b18;
34
- --hs-color-bg-no-strong: #850609;
35
- --hs-color-bg-warning-soft: #ae5b05;
36
- --hs-color-bg-warning-default: #8f4805;
37
- --hs-color-bg-warning-strong: #703505;
38
- --hs-color-bg-warning-highlight-default: rgba(237, 135, 17, 0.1607843137);
39
- --hs-color-bg-warning-highlight-strong: rgba(249, 189, 121, 0.1607843137);
40
- --hs-color-bg-ai-soft: #9c4aba;
41
- --hs-color-bg-ai-default: #8331a0;
22
+ --hs-color-bg-success-highlight-default: rgba(49, 188, 84, 0.1607843137);
23
+ --hs-color-bg-success-highlight-strong: rgba(128, 227, 132, 0.1607843137);
24
+ --hs-color-bg-success-soft: #158731;
25
+ --hs-color-bg-success-default: #126a27;
26
+ --hs-color-bg-success-strong: #094f10;
27
+ --hs-color-bg-no-highlight-default: rgba(255, 121, 106, 0.1607843137);
28
+ --hs-color-bg-no-highlight-strong: rgba(255, 184, 173, 0.1607843137);
29
+ --hs-color-bg-no-soft: #d3202f;
30
+ --hs-color-bg-no-default: #aa2128;
31
+ --hs-color-bg-no-strong: #801617;
32
+ --hs-color-bg-warning-soft: #a95f22;
33
+ --hs-color-bg-warning-default: #854d25;
34
+ --hs-color-bg-warning-strong: #693a1b;
35
+ --hs-color-bg-warning-highlight-default: rgba(238, 134, 22, 0.1607843137);
36
+ --hs-color-bg-warning-highlight-strong: rgba(247, 190, 119, 0.1607843137);
37
+ --hs-color-bg-ai-soft: #a633cc;
38
+ --hs-color-bg-ai-default: #8824a9;
42
39
  --hs-color-bg-ai-strong: #680e84;
43
- --hs-color-bg-ai-highlight-default: rgba(206, 126, 237, 0.1607843137);
40
+ --hs-color-bg-ai-highlight-default: rgba(213, 117, 249, 0.1607843137);
44
41
  --hs-color-bg-ai-highlight-strong: rgba(231, 178, 252, 0.1607843137);
45
42
  --hs-color-bg-supplementary-soft: #5177a2;
46
43
  --hs-color-bg-supplementary-default: #365b85;
47
44
  --hs-color-bg-supplementary-strong: #193f66;
48
45
  --hs-color-bg-supplementary-highlight-default: rgba(128, 168, 213, 0.1607843137);
49
- --hs-color-bg-supplementary-highlight-strong: rgba(165, 206, 254, 0.1607843137);
46
+ --hs-color-bg-supplementary-highlight-strong: rgba(177, 205, 238, 0.1607843137);
47
+ --hs-color-overlay-neutral-soft: rgba(255, 255, 255, 0.1215686275);
48
+ --hs-color-overlay-neutral-strong: rgba(0, 0, 0, 0.5019607843);
49
+ --hs-color-overlay-neutral-inverted-strong: rgba(0, 0, 0, 0.5019607843);
50
50
  --hs-color-fg-neutral-soft: #bebec3;
51
51
  --hs-color-fg-neutral-default: #e3e4e9;
52
52
  --hs-color-fg-neutral-inert-soft: #747478;
53
53
  --hs-color-fg-neutral-inert-default: #808084;
54
+ --hs-color-fg-neutral-dark-soft: #525256;
55
+ --hs-color-fg-neutral-dark-default: #1e1e21;
54
56
  --hs-color-fg-neutral-inverted-soft: #3d3d41;
55
57
  --hs-color-fg-neutral-inverted-default: #29292c;
56
58
  --hs-color-fg-neutral-ondark-inert-soft: #808084;
@@ -63,19 +65,19 @@
63
65
  --hs-color-fg-go-ondark-soft: #768efd;
64
66
  --hs-color-fg-go-ondark-default: #a9bbfc;
65
67
  --hs-color-fg-go-ondark-strong: #b9c8fc;
66
- --hs-color-fg-success-soft: #5dae5d;
67
- --hs-color-fg-success-default: #86d586;
68
- --hs-color-fg-success-strong: #97e095;
69
- --hs-color-fg-warning-soft: #df7b05;
70
- --hs-color-fg-warning-default: #faaa51;
71
- --hs-color-fg-warning-strong: #f9bd79;
72
- --hs-color-fg-no-soft: #ef675a;
73
- --hs-color-fg-no-default: #fda396;
74
- --hs-color-fg-no-strong: #fdb6ab;
75
- --hs-color-fg-ai-soft: #c270e2;
68
+ --hs-color-fg-success-soft: #20ae45;
69
+ --hs-color-fg-success-default: #65d573;
70
+ --hs-color-fg-success-strong: #80e384;
71
+ --hs-color-fg-warning-soft: #e17914;
72
+ --hs-color-fg-warning-default: #f7ac55;
73
+ --hs-color-fg-warning-strong: #f7be77;
74
+ --hs-color-fg-no-soft: #f96053;
75
+ --hs-color-fg-no-default: #ffa597;
76
+ --hs-color-fg-no-strong: #ffb8ad;
77
+ --hs-color-fg-ai-soft: #cb62f2;
76
78
  --hs-color-fg-ai-default: #e3a0fd;
77
79
  --hs-color-fg-ai-strong: #e7b2fc;
78
- --hs-color-fg-ai-ondark-soft: #c270e2;
80
+ --hs-color-fg-ai-ondark-soft: #cb62f2;
79
81
  --hs-color-fg-ai-ondark-default: #e3a0fd;
80
82
  --hs-color-fg-ai-ondark-strong: #e7b2fc;
81
83
  --hs-color-fg-supplementary-soft: #3C6996;
@@ -93,18 +95,18 @@
93
95
  --hs-color-border-go-soft: #4142fd;
94
96
  --hs-color-border-go-default: #586cfe;
95
97
  --hs-color-border-go-strong: #869dff;
96
- --hs-color-border-success-soft: #257429;
97
- --hs-color-border-success-default: #3c8d3e;
98
- --hs-color-border-success-strong: #6abb6a;
99
- --hs-color-border-warning-soft: #9e520a;
100
- --hs-color-border-warning-default: #bf6500;
101
- --hs-color-border-warning-strong: #ed8711;
102
- --hs-color-border-no-soft: #ba2c25;
103
- --hs-color-border-no-default: #d6483e;
104
- --hs-color-border-no-strong: #f67a6c;
105
- --hs-color-border-ai-soft: #903ead;
106
- --hs-color-border-ai-default: #a957c7;
107
- --hs-color-border-ai-strong: #ce7eed;
98
+ --hs-color-border-success-soft: #0b7628;
99
+ --hs-color-border-success-default: #069638;
100
+ --hs-color-border-success-strong: #31bc54;
101
+ --hs-color-border-warning-soft: #965726;
102
+ --hs-color-border-warning-default: #bc6620;
103
+ --hs-color-border-warning-strong: #ee8616;
104
+ --hs-color-border-no-soft: #c01d27;
105
+ --hs-color-border-no-default: #ea2f37;
106
+ --hs-color-border-no-strong: #ff796a;
107
+ --hs-color-border-ai-soft: #982abb;
108
+ --hs-color-border-ai-default: #b440dc;
109
+ --hs-color-border-ai-strong: #d575f9;
108
110
  --hs-color-border-supplementary-soft: #466c96;
109
111
  --hs-color-border-supplementary-default: #5c83af;
110
112
  --hs-color-border-supplementary-strong: #80a8d5;
@@ -128,9 +130,6 @@
128
130
  :root,
129
131
  .vd-theme--light {
130
132
  color-scheme: light;
131
- --hs-color-overlay-neutral-soft: rgba(0, 0, 0, 0.0509803922);
132
- --hs-color-overlay-neutral-strong: rgba(0, 0, 0, 0.5019607843);
133
- --hs-color-overlay-neutral-inverted-strong: rgba(255, 255, 255, 0.5019607843);
134
133
  --hs-color-bg-neutral-inert-softer: #f1f2f7;
135
134
  --hs-color-bg-neutral-inert-soft: #d6d7dc;
136
135
  --hs-color-bg-neutral-inert-default: #b1b1b5;
@@ -146,63 +145,68 @@
146
145
  --hs-color-bg-neutral-dark-strong: #161619;
147
146
  --hs-color-bg-go-highlight-default: rgba(185, 200, 252, 0.1607843137);
148
147
  --hs-color-bg-go-highlight-strong: rgba(134, 157, 255, 0.1607843137);
149
- --hs-color-bg-go-soft: #4b59fd;
148
+ --hs-color-bg-go-soft: #4e58fd;
150
149
  --hs-color-bg-go-default: #3a1afe;
151
150
  --hs-color-bg-go-strong: #2b13c7;
152
- --hs-color-bg-success-highlight-default: rgba(151, 224, 149, 0.1607843137);
153
- --hs-color-bg-success-highlight-strong: rgba(106, 187, 106, 0.1607843137);
154
- --hs-color-bg-success-soft: #2e8132;
155
- --hs-color-bg-success-default: #18661e;
156
- --hs-color-bg-success-strong: #024b0b;
157
- --hs-color-bg-no-highlight-default: rgba(253, 182, 171, 0.1607843137);
158
- --hs-color-bg-no-highlight-strong: rgba(246, 122, 108, 0.1607843137);
159
- --hs-color-bg-no-soft: #c83a31;
160
- --hs-color-bg-no-default: #ac1b18;
161
- --hs-color-bg-no-strong: #850609;
162
- --hs-color-bg-warning-soft: #ae5b05;
163
- --hs-color-bg-warning-default: #8f4805;
164
- --hs-color-bg-warning-strong: #703505;
165
- --hs-color-bg-warning-highlight-default: rgba(249, 189, 121, 0.1607843137);
166
- --hs-color-bg-warning-highlight-strong: rgba(237, 135, 17, 0.1607843137);
167
- --hs-color-bg-ai-soft: #9c4aba;
168
- --hs-color-bg-ai-default: #8331a0;
151
+ --hs-color-bg-success-highlight-default: rgba(128, 227, 132, 0.1607843137);
152
+ --hs-color-bg-success-highlight-strong: rgba(49, 188, 84, 0.1607843137);
153
+ --hs-color-bg-success-soft: #158731;
154
+ --hs-color-bg-success-default: #126a27;
155
+ --hs-color-bg-success-strong: #094f10;
156
+ --hs-color-bg-no-highlight-default: rgba(255, 184, 173, 0.1607843137);
157
+ --hs-color-bg-no-highlight-strong: rgba(255, 121, 106, 0.1607843137);
158
+ --hs-color-bg-no-soft: #d3202f;
159
+ --hs-color-bg-no-default: #aa2128;
160
+ --hs-color-bg-no-strong: #801617;
161
+ --hs-color-bg-warning-soft: #a95f22;
162
+ --hs-color-bg-warning-default: #854d25;
163
+ --hs-color-bg-warning-strong: #693a1b;
164
+ --hs-color-bg-warning-highlight-default: rgba(247, 190, 119, 0.1607843137);
165
+ --hs-color-bg-warning-highlight-strong: rgba(238, 134, 22, 0.1607843137);
166
+ --hs-color-bg-ai-soft: #a633cc;
167
+ --hs-color-bg-ai-default: #8824a9;
169
168
  --hs-color-bg-ai-strong: #680e84;
170
169
  --hs-color-bg-ai-highlight-default: rgba(231, 178, 252, 0.1607843137);
171
- --hs-color-bg-ai-highlight-strong: rgba(206, 126, 237, 0.1607843137);
170
+ --hs-color-bg-ai-highlight-strong: rgba(213, 117, 249, 0.1607843137);
172
171
  --hs-color-bg-supplementary-soft: #5177a2;
173
172
  --hs-color-bg-supplementary-default: #365b85;
174
173
  --hs-color-bg-supplementary-strong: #193f66;
175
- --hs-color-bg-supplementary-highlight-default: rgba(165, 206, 254, 0.1607843137);
174
+ --hs-color-bg-supplementary-highlight-default: rgba(177, 205, 238, 0.1607843137);
176
175
  --hs-color-bg-supplementary-highlight-strong: rgba(128, 168, 213, 0.1607843137);
176
+ --hs-color-overlay-neutral-soft: rgba(0, 0, 0, 0.0509803922);
177
+ --hs-color-overlay-neutral-strong: rgba(0, 0, 0, 0.5019607843);
178
+ --hs-color-overlay-neutral-inverted-strong: rgba(255, 255, 255, 0.5019607843);
177
179
  --hs-color-fg-neutral-soft: #525256;
178
180
  --hs-color-fg-neutral-default: #1e1e21;
179
181
  --hs-color-fg-neutral-inert-soft: #a4a4a8;
180
182
  --hs-color-fg-neutral-inert-default: #98989c;
183
+ --hs-color-fg-neutral-dark-soft: #525256;
184
+ --hs-color-fg-neutral-dark-default: #1e1e21;
181
185
  --hs-color-fg-neutral-inverted-soft: #e3e4e9;
182
186
  --hs-color-fg-neutral-inverted-default: white;
183
187
  --hs-color-fg-neutral-ondark-inert-soft: #808084;
184
188
  --hs-color-fg-neutral-ondark-inert-default: #98989c;
185
189
  --hs-color-fg-neutral-ondark-soft: #e3e4e9;
186
190
  --hs-color-fg-neutral-ondark-default: white;
187
- --hs-color-fg-go-soft: #4b59fd;
191
+ --hs-color-fg-go-soft: #4e58fd;
188
192
  --hs-color-fg-go-default: #3217e3;
189
193
  --hs-color-fg-go-strong: #1e0796;
190
194
  --hs-color-fg-go-ondark-soft: #768efd;
191
195
  --hs-color-fg-go-ondark-default: #a9bbfc;
192
196
  --hs-color-fg-go-ondark-strong: #b9c8fc;
193
- --hs-color-fg-success-soft: #2e8132;
194
- --hs-color-fg-success-default: #06560f;
195
- --hs-color-fg-success-strong: #023506;
196
- --hs-color-fg-warning-soft: #ae5b05;
197
- --hs-color-fg-warning-default: #8f4703;
198
- --hs-color-fg-warning-strong: #522502;
199
- --hs-color-fg-no-soft: #c83a31;
200
- --hs-color-fg-no-default: #990108;
201
- --hs-color-fg-no-strong: #660104;
202
- --hs-color-fg-ai-soft: #9c4aba;
203
- --hs-color-fg-ai-default: #742090;
204
- --hs-color-fg-ai-strong: #500266;
205
- --hs-color-fg-ai-ondark-soft: #c270e2;
197
+ --hs-color-fg-success-soft: #158731;
198
+ --hs-color-fg-success-default: #0f5c16;
199
+ --hs-color-fg-success-strong: #083a0c;
200
+ --hs-color-fg-warning-soft: #a95f22;
201
+ --hs-color-fg-warning-default: #79421d;
202
+ --hs-color-fg-warning-strong: #4f270c;
203
+ --hs-color-fg-no-soft: #d3202f;
204
+ --hs-color-fg-no-default: #941c1e;
205
+ --hs-color-fg-no-strong: #621512;
206
+ --hs-color-fg-ai-soft: #a633cc;
207
+ --hs-color-fg-ai-default: #771695;
208
+ --hs-color-fg-ai-strong: #4f0664;
209
+ --hs-color-fg-ai-ondark-soft: #cb62f2;
206
210
  --hs-color-fg-ai-ondark-default: #e3a0fd;
207
211
  --hs-color-fg-ai-ondark-strong: #e7b2fc;
208
212
  --hs-color-fg-supplementary-soft: #3C6996;
@@ -220,18 +224,18 @@
220
224
  --hs-color-border-go-soft: #586cfe;
221
225
  --hs-color-border-go-default: #4142fd;
222
226
  --hs-color-border-go-strong: #3217e3;
223
- --hs-color-border-success-soft: #3c8d3e;
224
- --hs-color-border-success-default: #257429;
225
- --hs-color-border-success-strong: #06560f;
226
- --hs-color-border-warning-soft: #bf6500;
227
- --hs-color-border-warning-default: #9e520a;
228
- --hs-color-border-warning-strong: #8f4703;
229
- --hs-color-border-no-soft: #d6483e;
230
- --hs-color-border-no-default: #ba2c25;
231
- --hs-color-border-no-strong: #990108;
232
- --hs-color-border-ai-soft: #a957c7;
233
- --hs-color-border-ai-default: #903ead;
234
- --hs-color-border-ai-strong: #742090;
227
+ --hs-color-border-success-soft: #069638;
228
+ --hs-color-border-success-default: #0b7628;
229
+ --hs-color-border-success-strong: #0f5c16;
230
+ --hs-color-border-warning-soft: #bc6620;
231
+ --hs-color-border-warning-default: #965726;
232
+ --hs-color-border-warning-strong: #79421d;
233
+ --hs-color-border-no-soft: #ea2f37;
234
+ --hs-color-border-no-default: #c01d27;
235
+ --hs-color-border-no-strong: #941c1e;
236
+ --hs-color-border-ai-soft: #b440dc;
237
+ --hs-color-border-ai-default: #982abb;
238
+ --hs-color-border-ai-strong: #771695;
235
239
  --hs-color-border-supplementary-soft: #5c83af;
236
240
  --hs-color-border-supplementary-default: #466c96;
237
241
  --hs-color-border-supplementary-strong: #264b73;
@@ -247,9 +251,6 @@
247
251
 
248
252
  .vd-theme--dark {
249
253
  color-scheme: dark;
250
- --hs-color-overlay-neutral-soft: rgba(255, 255, 255, 0.1215686275);
251
- --hs-color-overlay-neutral-strong: rgba(0, 0, 0, 0.5019607843);
252
- --hs-color-overlay-neutral-inverted-strong: rgba(0, 0, 0, 0.5019607843);
253
254
  --hs-color-bg-neutral-inert-softer: #333337;
254
255
  --hs-color-bg-neutral-inert-soft: #3d3d41;
255
256
  --hs-color-bg-neutral-inert-default: #48484c;
@@ -265,38 +266,43 @@
265
266
  --hs-color-bg-neutral-dark-strong: black;
266
267
  --hs-color-bg-go-highlight-default: rgba(134, 157, 255, 0.1607843137);
267
268
  --hs-color-bg-go-highlight-strong: rgba(185, 200, 252, 0.1607843137);
268
- --hs-color-bg-go-soft: #4b59fd;
269
+ --hs-color-bg-go-soft: #4e58fd;
269
270
  --hs-color-bg-go-default: #3a1afe;
270
271
  --hs-color-bg-go-strong: #2b13c7;
271
- --hs-color-bg-success-highlight-default: rgba(106, 187, 106, 0.1607843137);
272
- --hs-color-bg-success-highlight-strong: rgba(151, 224, 149, 0.1607843137);
273
- --hs-color-bg-success-soft: #2e8132;
274
- --hs-color-bg-success-default: #18661e;
275
- --hs-color-bg-success-strong: #024b0b;
276
- --hs-color-bg-no-highlight-default: rgba(246, 122, 108, 0.1607843137);
277
- --hs-color-bg-no-highlight-strong: rgba(253, 182, 171, 0.1607843137);
278
- --hs-color-bg-no-soft: #c83a31;
279
- --hs-color-bg-no-default: #ac1b18;
280
- --hs-color-bg-no-strong: #850609;
281
- --hs-color-bg-warning-soft: #ae5b05;
282
- --hs-color-bg-warning-default: #8f4805;
283
- --hs-color-bg-warning-strong: #703505;
284
- --hs-color-bg-warning-highlight-default: rgba(237, 135, 17, 0.1607843137);
285
- --hs-color-bg-warning-highlight-strong: rgba(249, 189, 121, 0.1607843137);
286
- --hs-color-bg-ai-soft: #9c4aba;
287
- --hs-color-bg-ai-default: #8331a0;
272
+ --hs-color-bg-success-highlight-default: rgba(49, 188, 84, 0.1607843137);
273
+ --hs-color-bg-success-highlight-strong: rgba(128, 227, 132, 0.1607843137);
274
+ --hs-color-bg-success-soft: #158731;
275
+ --hs-color-bg-success-default: #126a27;
276
+ --hs-color-bg-success-strong: #094f10;
277
+ --hs-color-bg-no-highlight-default: rgba(255, 121, 106, 0.1607843137);
278
+ --hs-color-bg-no-highlight-strong: rgba(255, 184, 173, 0.1607843137);
279
+ --hs-color-bg-no-soft: #d3202f;
280
+ --hs-color-bg-no-default: #aa2128;
281
+ --hs-color-bg-no-strong: #801617;
282
+ --hs-color-bg-warning-soft: #a95f22;
283
+ --hs-color-bg-warning-default: #854d25;
284
+ --hs-color-bg-warning-strong: #693a1b;
285
+ --hs-color-bg-warning-highlight-default: rgba(238, 134, 22, 0.1607843137);
286
+ --hs-color-bg-warning-highlight-strong: rgba(247, 190, 119, 0.1607843137);
287
+ --hs-color-bg-ai-soft: #a633cc;
288
+ --hs-color-bg-ai-default: #8824a9;
288
289
  --hs-color-bg-ai-strong: #680e84;
289
- --hs-color-bg-ai-highlight-default: rgba(206, 126, 237, 0.1607843137);
290
+ --hs-color-bg-ai-highlight-default: rgba(213, 117, 249, 0.1607843137);
290
291
  --hs-color-bg-ai-highlight-strong: rgba(231, 178, 252, 0.1607843137);
291
292
  --hs-color-bg-supplementary-soft: #5177a2;
292
293
  --hs-color-bg-supplementary-default: #365b85;
293
294
  --hs-color-bg-supplementary-strong: #193f66;
294
295
  --hs-color-bg-supplementary-highlight-default: rgba(128, 168, 213, 0.1607843137);
295
- --hs-color-bg-supplementary-highlight-strong: rgba(165, 206, 254, 0.1607843137);
296
+ --hs-color-bg-supplementary-highlight-strong: rgba(177, 205, 238, 0.1607843137);
297
+ --hs-color-overlay-neutral-soft: rgba(255, 255, 255, 0.1215686275);
298
+ --hs-color-overlay-neutral-strong: rgba(0, 0, 0, 0.5019607843);
299
+ --hs-color-overlay-neutral-inverted-strong: rgba(0, 0, 0, 0.5019607843);
296
300
  --hs-color-fg-neutral-soft: #bebec3;
297
301
  --hs-color-fg-neutral-default: #e3e4e9;
298
302
  --hs-color-fg-neutral-inert-soft: #747478;
299
303
  --hs-color-fg-neutral-inert-default: #808084;
304
+ --hs-color-fg-neutral-dark-soft: #525256;
305
+ --hs-color-fg-neutral-dark-default: #1e1e21;
300
306
  --hs-color-fg-neutral-inverted-soft: #3d3d41;
301
307
  --hs-color-fg-neutral-inverted-default: #29292c;
302
308
  --hs-color-fg-neutral-ondark-inert-soft: #808084;
@@ -309,19 +315,19 @@
309
315
  --hs-color-fg-go-ondark-soft: #768efd;
310
316
  --hs-color-fg-go-ondark-default: #a9bbfc;
311
317
  --hs-color-fg-go-ondark-strong: #b9c8fc;
312
- --hs-color-fg-success-soft: #5dae5d;
313
- --hs-color-fg-success-default: #86d586;
314
- --hs-color-fg-success-strong: #97e095;
315
- --hs-color-fg-warning-soft: #df7b05;
316
- --hs-color-fg-warning-default: #faaa51;
317
- --hs-color-fg-warning-strong: #f9bd79;
318
- --hs-color-fg-no-soft: #ef675a;
319
- --hs-color-fg-no-default: #fda396;
320
- --hs-color-fg-no-strong: #fdb6ab;
321
- --hs-color-fg-ai-soft: #c270e2;
318
+ --hs-color-fg-success-soft: #20ae45;
319
+ --hs-color-fg-success-default: #65d573;
320
+ --hs-color-fg-success-strong: #80e384;
321
+ --hs-color-fg-warning-soft: #e17914;
322
+ --hs-color-fg-warning-default: #f7ac55;
323
+ --hs-color-fg-warning-strong: #f7be77;
324
+ --hs-color-fg-no-soft: #f96053;
325
+ --hs-color-fg-no-default: #ffa597;
326
+ --hs-color-fg-no-strong: #ffb8ad;
327
+ --hs-color-fg-ai-soft: #cb62f2;
322
328
  --hs-color-fg-ai-default: #e3a0fd;
323
329
  --hs-color-fg-ai-strong: #e7b2fc;
324
- --hs-color-fg-ai-ondark-soft: #c270e2;
330
+ --hs-color-fg-ai-ondark-soft: #cb62f2;
325
331
  --hs-color-fg-ai-ondark-default: #e3a0fd;
326
332
  --hs-color-fg-ai-ondark-strong: #e7b2fc;
327
333
  --hs-color-fg-supplementary-soft: #3C6996;
@@ -339,18 +345,18 @@
339
345
  --hs-color-border-go-soft: #4142fd;
340
346
  --hs-color-border-go-default: #586cfe;
341
347
  --hs-color-border-go-strong: #869dff;
342
- --hs-color-border-success-soft: #257429;
343
- --hs-color-border-success-default: #3c8d3e;
344
- --hs-color-border-success-strong: #6abb6a;
345
- --hs-color-border-warning-soft: #9e520a;
346
- --hs-color-border-warning-default: #bf6500;
347
- --hs-color-border-warning-strong: #ed8711;
348
- --hs-color-border-no-soft: #ba2c25;
349
- --hs-color-border-no-default: #d6483e;
350
- --hs-color-border-no-strong: #f67a6c;
351
- --hs-color-border-ai-soft: #903ead;
352
- --hs-color-border-ai-default: #a957c7;
353
- --hs-color-border-ai-strong: #ce7eed;
348
+ --hs-color-border-success-soft: #0b7628;
349
+ --hs-color-border-success-default: #069638;
350
+ --hs-color-border-success-strong: #31bc54;
351
+ --hs-color-border-warning-soft: #965726;
352
+ --hs-color-border-warning-default: #bc6620;
353
+ --hs-color-border-warning-strong: #ee8616;
354
+ --hs-color-border-no-soft: #c01d27;
355
+ --hs-color-border-no-default: #ea2f37;
356
+ --hs-color-border-no-strong: #ff796a;
357
+ --hs-color-border-ai-soft: #982abb;
358
+ --hs-color-border-ai-default: #b440dc;
359
+ --hs-color-border-ai-strong: #d575f9;
354
360
  --hs-color-border-supplementary-soft: #466c96;
355
361
  --hs-color-border-supplementary-default: #5c83af;
356
362
  --hs-color-border-supplementary-strong: #80a8d5;
@@ -2660,450 +2666,6 @@ vd-carousel-frame {
2660
2666
  height: 24px;
2661
2667
  }
2662
2668
 
2663
- .vd-datepicker-ui {
2664
- display: block;
2665
- }
2666
-
2667
- .vd-datepicker-input {
2668
- cursor: pointer;
2669
- }
2670
-
2671
- .vd-datepicker-range-no-end-spacer {
2672
- height: 32px;
2673
- }
2674
-
2675
- .vd-datepicker-range-no-end-disabled {
2676
- opacity: 0.35;
2677
- filter: grayscale(100%);
2678
- pointer-events: none;
2679
- }
2680
-
2681
- .vd-datepicker-range-input-container .vd-datepicker-range-input {
2682
- cursor: pointer;
2683
- margin: 0;
2684
- }
2685
-
2686
- .vd-datepicker-data-inputs {
2687
- display: flex;
2688
- width: 245px;
2689
- }
2690
- .vd-datepicker-data-inputs .vd-datepicker-date-input {
2691
- flex: 2;
2692
- }
2693
- .vd-datepicker-data-inputs .vd-datepicker-date-input.vd-has-time-input {
2694
- border-radius: 4px 0 0 4px;
2695
- }
2696
- .vd-datepicker-data-inputs .vd-datepicker-time-input {
2697
- flex: 1;
2698
- border-radius: 0 4px 4px 0;
2699
- }
2700
- .vd-datepicker-data-inputs .vd-datepicker-time-input-containter {
2701
- width: 100px;
2702
- margin-left: -2px;
2703
- }
2704
- .vd-datepicker-data-inputs .vd-datepicker-time-input-containter .react-datepicker__tab-loop {
2705
- display: none;
2706
- }
2707
-
2708
- .vd-datepicker-group {
2709
- display: flex;
2710
- justify-content: space-between;
2711
- margin: -24px;
2712
- }
2713
- @media only screen and (max-width: 768px) {
2714
- .vd-datepicker-group {
2715
- flex-direction: column;
2716
- align-items: center;
2717
- }
2718
- }
2719
-
2720
- .vd-datepicker-group-item {
2721
- padding: 24px;
2722
- }
2723
- .vd-datepicker-group-item:first-child {
2724
- border-right: 1px solid var(--hs-color-border-neutral-soft);
2725
- }
2726
- @media only screen and (max-width: 768px) {
2727
- .vd-datepicker-group-item:first-child {
2728
- border-right: none;
2729
- border-bottom: 1px solid var(--hs-color-border-neutral-soft);
2730
- }
2731
- }
2732
- .vd-datepicker-group-item .vd-datepicker-ui {
2733
- margin-top: 22px;
2734
- }
2735
-
2736
- .vd-datepicker-group-footer {
2737
- padding: 8px 24px;
2738
- }
2739
-
2740
- .vd-datepicker-group-summary {
2741
- margin: 8px;
2742
- margin-left: 0;
2743
- }
2744
-
2745
- .vd-datepicker,
2746
- .vd-datepicker-range {
2747
- font-synthesis: none;
2748
- text-rendering: optimizelegibility;
2749
- -webkit-font-smoothing: antialiased;
2750
- -moz-osx-font-smoothing: grayscale;
2751
- font-family: lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
2752
- font-size: 15px;
2753
- line-height: normal;
2754
- color: var(--hs-color-fg-neutral-default);
2755
- font-size: 15px;
2756
- }
2757
- .vd-datepicker table,
2758
- .vd-datepicker caption,
2759
- .vd-datepicker tbody,
2760
- .vd-datepicker tfoot,
2761
- .vd-datepicker thead,
2762
- .vd-datepicker tr,
2763
- .vd-datepicker th,
2764
- .vd-datepicker td,
2765
- .vd-datepicker abbr,
2766
- .vd-datepicker-range table,
2767
- .vd-datepicker-range caption,
2768
- .vd-datepicker-range tbody,
2769
- .vd-datepicker-range tfoot,
2770
- .vd-datepicker-range thead,
2771
- .vd-datepicker-range tr,
2772
- .vd-datepicker-range th,
2773
- .vd-datepicker-range td,
2774
- .vd-datepicker-range abbr {
2775
- margin: initial;
2776
- padding: initial;
2777
- border: initial;
2778
- line-height: initial;
2779
- border-collapse: initial;
2780
- background: initial;
2781
- color: initial;
2782
- font-weight: initial;
2783
- text-align: initial;
2784
- }
2785
- .vd-datepicker .pika-table,
2786
- .vd-datepicker-range .pika-table {
2787
- margin-top: 20px;
2788
- }
2789
- .vd-datepicker .pika-table tbody::before,
2790
- .vd-datepicker-range .pika-table tbody::before {
2791
- content: " ";
2792
- display: block;
2793
- margin-top: 10px;
2794
- }
2795
- .vd-datepicker .pika-table td,
2796
- .vd-datepicker-range .pika-table td {
2797
- padding-right: 5px;
2798
- }
2799
- .vd-datepicker .pika-table td:last-child,
2800
- .vd-datepicker-range .pika-table td:last-child {
2801
- padding-right: 0;
2802
- }
2803
- .vd-datepicker .pika-table th,
2804
- .vd-datepicker-range .pika-table th {
2805
- padding-right: 5px;
2806
- }
2807
- .vd-datepicker .pika-table th:last-child,
2808
- .vd-datepicker-range .pika-table th:last-child {
2809
- padding-right: 0;
2810
- }
2811
- .vd-datepicker .pika-table abbr,
2812
- .vd-datepicker-range .pika-table abbr {
2813
- font-weight: 700;
2814
- color: var(--hs-color-fg-neutral-default);
2815
- }
2816
- .vd-datepicker .pika-title,
2817
- .vd-datepicker-range .pika-title {
2818
- position: relative;
2819
- text-align: center;
2820
- }
2821
- .vd-datepicker .pika-title .pika-label,
2822
- .vd-datepicker-range .pika-title .pika-label {
2823
- display: inline-block;
2824
- visibility: hidden;
2825
- }
2826
- .vd-datepicker .pika-title .pika-label:nth-child(even)::before,
2827
- .vd-datepicker-range .pika-title .pika-label:nth-child(even)::before {
2828
- position: absolute;
2829
- content: " ";
2830
- pointer-events: none;
2831
- visibility: visible;
2832
- width: 0;
2833
- height: 0;
2834
- border-left: 4px solid transparent;
2835
- border-right: 4px solid transparent;
2836
- z-index: 100;
2837
- border-bottom: 5px solid var(--hs-color-fg-neutral-default);
2838
- right: 37px;
2839
- }
2840
- .vd-datepicker .pika-title .pika-label:nth-child(even)::after,
2841
- .vd-datepicker-range .pika-title .pika-label:nth-child(even)::after {
2842
- position: absolute;
2843
- content: " ";
2844
- pointer-events: none;
2845
- visibility: visible;
2846
- width: 0;
2847
- height: 0;
2848
- border-left: 4px solid transparent;
2849
- border-right: 4px solid transparent;
2850
- z-index: 100;
2851
- border-top: 5px solid var(--hs-color-fg-neutral-default);
2852
- top: 10px;
2853
- right: 37px;
2854
- }
2855
- .vd-datepicker .pika-title .pika-label:nth-child(odd)::before,
2856
- .vd-datepicker-range .pika-title .pika-label:nth-child(odd)::before {
2857
- position: absolute;
2858
- content: " ";
2859
- pointer-events: none;
2860
- visibility: visible;
2861
- width: 0;
2862
- height: 0;
2863
- border-left: 4px solid transparent;
2864
- border-right: 4px solid transparent;
2865
- z-index: 100;
2866
- border-bottom: 5px solid var(--hs-color-fg-neutral-default);
2867
- right: 110px;
2868
- }
2869
- .vd-datepicker .pika-title .pika-label:nth-child(odd)::after,
2870
- .vd-datepicker-range .pika-title .pika-label:nth-child(odd)::after {
2871
- position: absolute;
2872
- content: " ";
2873
- pointer-events: none;
2874
- visibility: visible;
2875
- width: 0;
2876
- height: 0;
2877
- border-left: 4px solid transparent;
2878
- border-right: 4px solid transparent;
2879
- z-index: 100;
2880
- border-top: 5px solid var(--hs-color-fg-neutral-default);
2881
- top: 10px;
2882
- right: 110px;
2883
- }
2884
- .vd-datepicker .pika-title .pika-select,
2885
- .vd-datepicker-range .pika-title .pika-select {
2886
- color: var(--hs-color-fg-neutral-default);
2887
- font-family: lato, "Helvetica Neue", helvetica, roboto, arial, sans-serif;
2888
- font-weight: 400;
2889
- font-size: 15px;
2890
- word-break: normal;
2891
- width: 100%;
2892
- margin: 0;
2893
- padding: 11px 14px;
2894
- box-sizing: border-box;
2895
- outline: none;
2896
- box-shadow: none;
2897
- background-color: var(--hs-color-bg-neutral-top);
2898
- border: 2px solid var(--hs-color-border-neutral-soft);
2899
- border-radius: 4px;
2900
- transition-duration: 0.2s;
2901
- transition-property: border-color, box-shadow;
2902
- appearance: none;
2903
- padding-right: 36px;
2904
- padding-right: 12px;
2905
- visibility: visible;
2906
- }
2907
- .vd-datepicker .pika-title .pika-select::placeholder,
2908
- .vd-datepicker-range .pika-title .pika-select::placeholder {
2909
- color: var(--hs-color-fg-supplementary-default);
2910
- opacity: 1;
2911
- }
2912
- .vd-datepicker .pika-title .pika-select:placeholder-shown,
2913
- .vd-datepicker-range .pika-title .pika-select:placeholder-shown {
2914
- text-overflow: ellipsis;
2915
- }
2916
- .vd-datepicker .pika-title .pika-select:disabled,
2917
- .vd-datepicker-range .pika-title .pika-select:disabled {
2918
- opacity: 0.35;
2919
- filter: grayscale(100%);
2920
- }
2921
- @media only screen and (max-width: 480px) {
2922
- .vd-datepicker .pika-title .pika-select,
2923
- .vd-datepicker-range .pika-title .pika-select {
2924
- font-size: 16px;
2925
- }
2926
- }
2927
- .vd-datepicker .pika-title .pika-select:focus, .vd-datepicker .pika-title .pika-select.vd-focus,
2928
- .vd-datepicker-range .pika-title .pika-select:focus,
2929
- .vd-datepicker-range .pika-title .pika-select.vd-focus {
2930
- border-color: var(--hs-color-border-go-default);
2931
- box-shadow: 0 0 3px var(--hs-color-border-go-default);
2932
- }
2933
- .vd-datepicker .pika-title .pika-select.vd-input--error, .vd-datepicker .pika-title .pika-select.vd-error, .vd-datepicker .pika-title .pika-select.ng-invalid.ng-dirty, .ng-submitted .vd-datepicker .pika-title .pika-select.ng-invalid,
2934
- .vd-datepicker-range .pika-title .pika-select.vd-input--error,
2935
- .vd-datepicker-range .pika-title .pika-select.vd-error,
2936
- .vd-datepicker-range .pika-title .pika-select.ng-invalid.ng-dirty,
2937
- .ng-submitted .vd-datepicker-range .pika-title .pika-select.ng-invalid {
2938
- border-color: var(--hs-color-border-no-default);
2939
- }
2940
- .vd-datepicker .pika-title .pika-select.vd-input--error:focus, .vd-datepicker .pika-title .pika-select.vd-input--error.vd-focus, .vd-datepicker .pika-title .pika-select.vd-error:focus, .vd-datepicker .pika-title .pika-select.vd-error.vd-focus, .vd-datepicker .pika-title .pika-select.ng-invalid.ng-dirty:focus, .vd-datepicker .pika-title .pika-select.ng-invalid.ng-dirty.vd-focus, .ng-submitted .vd-datepicker .pika-title .pika-select.ng-invalid:focus, .ng-submitted .vd-datepicker .pika-title .pika-select.ng-invalid.vd-focus,
2941
- .vd-datepicker-range .pika-title .pika-select.vd-input--error:focus,
2942
- .vd-datepicker-range .pika-title .pika-select.vd-input--error.vd-focus,
2943
- .vd-datepicker-range .pika-title .pika-select.vd-error:focus,
2944
- .vd-datepicker-range .pika-title .pika-select.vd-error.vd-focus,
2945
- .vd-datepicker-range .pika-title .pika-select.ng-invalid.ng-dirty:focus,
2946
- .vd-datepicker-range .pika-title .pika-select.ng-invalid.ng-dirty.vd-focus,
2947
- .ng-submitted .vd-datepicker-range .pika-title .pika-select.ng-invalid:focus,
2948
- .ng-submitted .vd-datepicker-range .pika-title .pika-select.ng-invalid.vd-focus {
2949
- box-shadow: 0 0 3px var(--hs-color-border-no-default);
2950
- }
2951
- .vd-datepicker .pika-title .pika-select-month,
2952
- .vd-datepicker-range .pika-title .pika-select-month {
2953
- top: -15px;
2954
- position: absolute;
2955
- background: var(--hs-color-bg-neutral-top);
2956
- width: 110px;
2957
- left: 29px;
2958
- }
2959
- .vd-datepicker .pika-title .pika-select-year,
2960
- .vd-datepicker-range .pika-title .pika-select-year {
2961
- top: -15px;
2962
- position: absolute;
2963
- background: var(--hs-color-bg-neutral-top);
2964
- width: 72px;
2965
- right: 29px;
2966
- }
2967
- .vd-datepicker .pika-title .pika-prev,
2968
- .vd-datepicker .pika-title .pika-next,
2969
- .vd-datepicker-range .pika-title .pika-prev,
2970
- .vd-datepicker-range .pika-title .pika-next {
2971
- position: absolute;
2972
- overflow: hidden;
2973
- }
2974
- .vd-datepicker .pika-title .pika-prev,
2975
- .vd-datepicker-range .pika-title .pika-prev {
2976
- left: -5px;
2977
- width: 26px;
2978
- visibility: hidden;
2979
- cursor: pointer;
2980
- }
2981
- .vd-datepicker .pika-title .pika-prev::before,
2982
- .vd-datepicker-range .pika-title .pika-prev::before {
2983
- content: " ";
2984
- visibility: visible;
2985
- position: absolute;
2986
- width: 7px;
2987
- height: 7px;
2988
- border-right: 3px solid var(--hs-color-fg-neutral-default);
2989
- border-top: 3px solid var(--hs-color-fg-neutral-default);
2990
- box-sizing: initial;
2991
- transform: rotate(225deg);
2992
- }
2993
- .vd-datepicker .pika-title .pika-prev.is-disabled::before,
2994
- .vd-datepicker-range .pika-title .pika-prev.is-disabled::before {
2995
- border-right: 3px solid var(--hs-color-border-neutral-soft);
2996
- border-top: 3px solid var(--hs-color-border-neutral-soft);
2997
- }
2998
- .vd-datepicker .pika-title .pika-next,
2999
- .vd-datepicker-range .pika-title .pika-next {
3000
- right: -5px;
3001
- width: 26px;
3002
- visibility: hidden;
3003
- cursor: pointer;
3004
- }
3005
- .vd-datepicker .pika-title .pika-next::before,
3006
- .vd-datepicker-range .pika-title .pika-next::before {
3007
- content: " ";
3008
- visibility: visible;
3009
- position: absolute;
3010
- width: 7px;
3011
- height: 7px;
3012
- border-right: 3px solid var(--hs-color-fg-neutral-default);
3013
- border-top: 3px solid var(--hs-color-fg-neutral-default);
3014
- box-sizing: initial;
3015
- transform: rotate(45deg);
3016
- }
3017
- .vd-datepicker .pika-title .pika-next.is-disabled::before,
3018
- .vd-datepicker-range .pika-title .pika-next.is-disabled::before {
3019
- border-right: 3px solid var(--hs-color-border-neutral-soft);
3020
- border-top: 3px solid var(--hs-color-border-neutral-soft);
3021
- }
3022
- .vd-datepicker .is-disabled,
3023
- .vd-datepicker-range .is-disabled {
3024
- pointer-events: none;
3025
- }
3026
- .vd-datepicker .is-inrange,
3027
- .vd-datepicker-range .is-inrange {
3028
- background-color: var(--hs-color-bg-go-highlight-default);
3029
- }
3030
- .vd-datepicker .is-inrange .pika-button,
3031
- .vd-datepicker-range .is-inrange .pika-button {
3032
- background-color: var(--hs-color-bg-go-highlight-default);
3033
- border-radius: 0;
3034
- }
3035
- .vd-datepicker .is-inrange .pika-button:hover,
3036
- .vd-datepicker-range .is-inrange .pika-button:hover {
3037
- border-radius: 50%;
3038
- }
3039
- .vd-datepicker .is-startrange,
3040
- .vd-datepicker-range .is-startrange {
3041
- background-image: linear-gradient(to right, transparent 50%, var(--hs-color-bg-go-highlight-default) 50%);
3042
- }
3043
- .vd-datepicker .is-endrange,
3044
- .vd-datepicker-range .is-endrange {
3045
- background-image: linear-gradient(to right, var(--hs-color-bg-go-highlight-default) 50%, transparent 50%);
3046
- }
3047
- .vd-datepicker .is-selected.is-startrange.is-endrange,
3048
- .vd-datepicker-range .is-selected.is-startrange.is-endrange {
3049
- background-image: none;
3050
- }
3051
- .vd-datepicker td.is-disabled,
3052
- .vd-datepicker-range td.is-disabled {
3053
- filter: grayscale(100%);
3054
- opacity: 0.35;
3055
- }
3056
- .vd-datepicker .pika-button,
3057
- .vd-datepicker-range .pika-button {
3058
- font-size: 15px;
3059
- cursor: pointer;
3060
- background: var(--hs-color-bg-neutral-top);
3061
- width: 30px;
3062
- height: 30px;
3063
- border: none;
3064
- border-radius: 50%;
3065
- padding: 3px;
3066
- color: var(--hs-color-fg-neutral-default);
3067
- }
3068
- .vd-datepicker .pika-button:hover,
3069
- .vd-datepicker-range .pika-button:hover {
3070
- background-color: var(--hs-color-bg-go-soft);
3071
- }
3072
- .vd-datepicker .is-today .pika-button,
3073
- .vd-datepicker-range .is-today .pika-button {
3074
- color: var(--hs-color-fg-go-default);
3075
- font-weight: 700;
3076
- }
3077
- .vd-datepicker .is-startrange .pika-button,
3078
- .vd-datepicker .is-endrange .pika-button,
3079
- .vd-datepicker-range .is-startrange .pika-button,
3080
- .vd-datepicker-range .is-endrange .pika-button {
3081
- border: 2px solid var(--hs-color-fg-go-default);
3082
- background: var(--hs-color-bg-go-highlight-default);
3083
- }
3084
- .vd-datepicker .is-selected .pika-button,
3085
- .vd-datepicker-range .is-selected .pika-button {
3086
- background: var(--hs-color-bg-go-default);
3087
- color: var(--hs-color-fg-neutral-ondark-default);
3088
- font-weight: 700;
3089
- border: none;
3090
- }
3091
-
3092
- .vd-datepicker-range-no-end .is-startrange .pika-button,
3093
- .vd-datepicker-range-no-end .is-endrange .pika-button {
3094
- border: none;
3095
- }
3096
- .vd-datepicker-range-no-end .vd-datepicker-end-picker .is-startrange .pika-button,
3097
- .vd-datepicker-range-no-end .vd-datepicker-end-picker .is-endrange .pika-button {
3098
- background: var(--hs-color-bg-go-highlight-default);
3099
- color: var(--hs-color-fg-neutral-default);
3100
- font-weight: normal;
3101
- }
3102
-
3103
- .vd-datepicker {
3104
- padding-top: 15px;
3105
- }
3106
-
3107
2669
  :root {
3108
2670
  --vd-dialog-spacing: 32px;
3109
2671
  }
@@ -6958,10 +6520,6 @@ td.vd-show-print {
6958
6520
  vertical-align: top;
6959
6521
  }
6960
6522
 
6961
- .vd-datepicker-ui {
6962
- display: block;
6963
- }
6964
-
6965
6523
  .vd-datepicker-input-container {
6966
6524
  position: relative;
6967
6525
  }
@@ -6970,55 +6528,6 @@ td.vd-show-print {
6970
6528
  margin: 0;
6971
6529
  }
6972
6530
 
6973
- .vd-datepicker-group {
6974
- display: flex;
6975
- justify-content: space-between;
6976
- margin: -24px;
6977
- }
6978
- @media only screen and (max-width: 768px) {
6979
- .vd-datepicker-group {
6980
- flex-direction: column;
6981
- align-items: center;
6982
- }
6983
- }
6984
-
6985
- .vd-datepicker-group-item {
6986
- padding: 24px;
6987
- }
6988
- .vd-datepicker-group-item:first-child {
6989
- border-right: 1px solid var(--hs-color-border-neutral-soft);
6990
- }
6991
- @media only screen and (max-width: 768px) {
6992
- .vd-datepicker-group-item:first-child {
6993
- border-right: none;
6994
- border-bottom: 1px solid var(--hs-color-border-neutral-soft);
6995
- }
6996
- }
6997
- .vd-datepicker-group-item .vd-datepicker-ui {
6998
- margin-top: 22px;
6999
- }
7000
-
7001
- .vd-datepicker-group-footer {
7002
- padding: 8px 24px;
7003
- }
7004
-
7005
- .vd-datepicker-group-summary {
7006
- margin: 8px;
7007
- margin-left: 0;
7008
- }
7009
-
7010
- .vd-granularity-count-input {
7011
- width: 153px;
7012
- }
7013
-
7014
- .vd-granularity-count-input > .vd-input {
7015
- padding-right: 0;
7016
- }
7017
-
7018
- .vd-datepicker-date-select {
7019
- width: auto;
7020
- }
7021
-
7022
6531
  .vd-daterangepicker {
7023
6532
  display: grid;
7024
6533
  grid-template-columns: repeat(2, 260px);
@@ -7079,6 +6588,12 @@ td.vd-show-print {
7079
6588
  }
7080
6589
  }
7081
6590
 
6591
+ .vd-datepicker-range-no-end-disabled {
6592
+ opacity: 0.35;
6593
+ filter: grayscale(100%);
6594
+ pointer-events: none;
6595
+ }
6596
+
7082
6597
  @media only screen and (max-width: 768px) {
7083
6598
  .vd-daterangepicker-actions {
7084
6599
  flex-direction: column;