@entur/datepicker 9.3.2 → 9.3.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 (8) hide show
  1. package/dist/datepicker.cjs.development.js +7 -4
  2. package/dist/datepicker.cjs.development.js.map +1 -1
  3. package/dist/datepicker.cjs.production.min.js +1 -1
  4. package/dist/datepicker.cjs.production.min.js.map +1 -1
  5. package/dist/datepicker.esm.js +7 -4
  6. package/dist/datepicker.esm.js.map +1 -1
  7. package/dist/styles.css +66 -195
  8. package/package.json +11 -11
package/dist/styles.css CHANGED
@@ -1,47 +1,3 @@
1
- .eds-datefield div:first-of-type.eds-date-and-time-field__segment {
2
- margin-left: 1rem;
3
- }
4
- .eds-datefield.eds-form-control-wrapper--disabled[focus-within] {
5
- border-color: transparent;
6
- box-shadow: none;
7
- }
8
- .eds-datefield.eds-form-control-wrapper--disabled:focus-within {
9
- border-color: transparent;
10
- box-shadow: none;
11
- }
12
- .eds-datefield.eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
13
- background: none;
14
- }
15
- .eds-datefield .eds-form-control__append--tooltip {
16
- margin-top: 0.75rem;
17
- margin-right: -0.25rem;
18
- }
19
- /* DO NOT CHANGE!*/
20
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
21
- [dir="ltr"] .eds-date-and-time-field__segment {
22
- text-align: right;
23
- }
24
- [dir="rtl"] .eds-date-and-time-field__segment {
25
- text-align: left;
26
- }
27
- .eds-date-and-time-field__segment {
28
- margin-top: 1rem;
29
- padding: 0 2px;
30
- font-feature-settings: "tnum";
31
- font-variant-numeric: tabular-nums;
32
- }
33
- .eds-date-and-time-field__segment--placeholder {
34
- color: var(--components-datepicker-datefield-standard-text-content);
35
- }
36
- .eds-date-and-time-field__segment--dot-separator {
37
- margin-left: -0.1rem;
38
- margin-right: -0.2rem;
39
- }
40
- .eds-date-and-time-field__segment:focus {
41
- background-color: var(--components-button-iconbutton-standard-active);
42
- outline: transparent;
43
- border-radius: 0.0625rem;
44
- }
45
1
  /* DO NOT CHANGE!*/
46
2
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
47
3
  .eds-datepicker__calendar,
@@ -186,6 +142,50 @@
186
142
  .eds-contrast .eds-datepicker__calendar__grid__cell--today {
187
143
  border-bottom: 2px solid var(--components-datepicker-calendar-stroke-today);
188
144
  }
145
+ .eds-datefield div:first-of-type.eds-date-and-time-field__segment {
146
+ margin-left: 1rem;
147
+ }
148
+ .eds-datefield.eds-form-control-wrapper--disabled[focus-within] {
149
+ border-color: transparent;
150
+ box-shadow: none;
151
+ }
152
+ .eds-datefield.eds-form-control-wrapper--disabled:focus-within {
153
+ border-color: transparent;
154
+ box-shadow: none;
155
+ }
156
+ .eds-datefield.eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
157
+ background: none;
158
+ }
159
+ .eds-datefield .eds-form-control__append--tooltip {
160
+ margin-top: 0.75rem;
161
+ margin-right: -0.25rem;
162
+ }
163
+ /* DO NOT CHANGE!*/
164
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
165
+ [dir="ltr"] .eds-date-and-time-field__segment {
166
+ text-align: right;
167
+ }
168
+ [dir="rtl"] .eds-date-and-time-field__segment {
169
+ text-align: left;
170
+ }
171
+ .eds-date-and-time-field__segment {
172
+ margin-top: 1rem;
173
+ padding: 0 2px;
174
+ font-feature-settings: "tnum";
175
+ font-variant-numeric: tabular-nums;
176
+ }
177
+ .eds-date-and-time-field__segment--placeholder {
178
+ color: var(--components-datepicker-datefield-standard-text-content);
179
+ }
180
+ .eds-date-and-time-field__segment--dot-separator {
181
+ margin-left: -0.1rem;
182
+ margin-right: -0.2rem;
183
+ }
184
+ .eds-date-and-time-field__segment:focus {
185
+ background-color: var(--components-button-iconbutton-standard-active);
186
+ outline: transparent;
187
+ border-radius: 0.0625rem;
188
+ }
189
189
  /* DO NOT CHANGE!*/
190
190
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
191
191
  .eds-datepicker {
@@ -291,166 +291,37 @@
291
291
  position: relative;
292
292
  top: -0.5rem;
293
293
  }
294
- @import "~@entur/tokens/dist/primitive.css";
295
294
  /* DO NOT CHANGE!*/
296
295
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
297
- :root {
298
- --fill-background-contrast-dark: var(--ebony-90);
299
- --fill-background-contrast-light: var(--lavender-90);
300
- --fill-background-contrast-lightalt: var(--blue-90);
301
- --fill-background-contrast-lightalt-2: var(--blue-100);
302
- --fill-background-overlay-solid: var(--ebony-80);
303
- --fill-background-overlay-solidalt: var(--ebony-75);
304
- --fill-background-overlay-transparent: var(--transparent-ebony-alpha15);
305
- --fill-background-overlay-transparentalt: var(--transparent-ebony-alpha25);
306
- --fill-background-standard-colorless: var(--white-alpha-0);
307
- --fill-background-standard-dark: var(--ebony-100);
308
- --fill-background-standard-light: var(--white-alpha-100);
309
- --fill-background-subdued-dark: var(--ebony-85);
310
- --fill-background-subdued-light: var(--blue-30);
311
- --fill-background-tint-dark: var(--ebony-95);
312
- --fill-background-tint-light: var(--blue-10);
313
- --fill-background-tint-neutral: var(--grey-10);
314
- --fill-background-tint-transparent: var(--transparent-blue-alpha10);
315
- --fill-boolean-false-contrast: var(--blue-50);
316
- --fill-boolean-false-dark: var(--transparent-ebony-alpha35);
317
- --fill-boolean-false-light: var(--grey-60);
318
- --fill-boolean-true-contrast: var(--mint-40);
319
- --fill-boolean-true-dark: var(--mint-40);
320
- --fill-boolean-true-light: var(--mint-60);
321
- --fill-disabled-light: var(--grey-40);
322
- --fill-disabled-transparent: var(--transparent-neutral-alpha15);
323
- --fill-disabled-transparentalt: var(--transparent-neutral-alpha10);
324
- --fill-information-contrast: var(--sky-30);
325
- --fill-information-deep: var(--sky-50);
326
- --fill-information-muted: var(--sky-10);
327
- --fill-information-tint: var(--sky-20);
328
- --fill-negative-contrast: var(--coral-40);
329
- --fill-negative-dark: var(--coral-90);
330
- --fill-negative-deep: var(--coral-60);
331
- --fill-negative-muted: var(--coral-20);
332
- --fill-negative-tint: var(--coral-30);
333
- --fill-negative-transparent: var(--transparent-coral-alpha20);
334
- --fill-primary-active-contrast: var(--lavender-50);
335
- --fill-primary-active-light: var(--lavender-100);
336
- --fill-primary-default-contrast: var(--lavender-40);
337
- --fill-primary-default-light: var(--lavender-90);
338
- --fill-primary-hover-contrast: var(--lavender-30);
339
- --fill-primary-hover-light: var(--blue-90);
340
- --fill-secondary-active-contrast: var(--lavender-50);
341
- --fill-secondary-active-light: var(--lavender-40);
342
- --fill-secondary-default-colorless: var(--white-alpha-0);
343
- --fill-secondary-hover-contrast: var(--blue-70);
344
- --fill-secondary-hover-light: var(--lavender-20);
345
- --fill-selected-default-contrast: var(--blue-90);
346
- --fill-selected-default-dark: var(--ebony-10);
347
- --fill-selected-default-darkalt: var(--ebony-50);
348
- --fill-selected-default-light: var(--blue-10);
349
- --fill-selected-default-neutral: var(--grey-30);
350
- --fill-selected-hover-contrast: var(--blue-80);
351
- --fill-selected-hover-dark: var(--transparent-ebony-alpha35);
352
- --fill-selected-hover-light: var(--blue-20);
353
- --fill-selected-hover-neutral: var(--grey-20);
354
- --fill-success-contrast: var(--mint-40);
355
- --fill-success-deep: var(--mint-60);
356
- --fill-success-muted: var(--mint-20);
357
- --fill-success-subdued: var(--mint-50);
358
- --fill-success-tint: var(--mint-30);
359
- --fill-warning-contrast: var(--canary-40);
360
- --fill-warning-deep: var(--canary-60);
361
- --fill-warning-muted: var(--canary-20);
362
- --fill-warning-tint: var(--canary-30);
363
- --shape-accent: var(--lavender-90);
364
- --shape-contrast: var(--lavender-40);
365
- --shape-dark: var(--ebony-100);
366
- --shape-darkalt: var(--ebony-30);
367
- --shape-disabled: var(--grey-80);
368
- --shape-highlight: var(--coral-40);
369
- --shape-highlightalt: var(--coral-30);
370
- --shape-inactive: var(--blue-40);
371
- --shape-information: var(--sky-50);
372
- --shape-informationalt: var(--sky-30);
373
- --shape-light: var(--white-alpha-100);
374
- --shape-lightalt: var(--ebony-10);
375
- --shape-negative: var(--coral-60);
376
- --shape-negativealt: var(--coral-30);
377
- --shape-neutral: var(--grey-70);
378
- --shape-neutralalt: var(--grey-50);
379
- --shape-neutralalt2: var(--grey-60);
380
- --shape-subdued: var(--blue-70);
381
- --shape-subduedalt: var(--blue-30);
382
- --shape-success: var(--mint-60);
383
- --shape-successalt: var(--mint-40);
384
- --shape-warning: var(--canary-60);
385
- --shape-warningalt: var(--canary-40);
386
- --stroke-accent: var(--lavender-90);
387
- --stroke-colorless: var(--white-alpha-0);
388
- --stroke-contrast: var(--lavender-40);
389
- --stroke-contrastalt: var(--blue-80);
390
- --stroke-dark: var(--ebony-30);
391
- --stroke-darkalt: var(--ebony-50);
392
- --stroke-darkalt-2: var(--ebony-100);
393
- --stroke-highlight: var(--coral-40);
394
- --stroke-highlightalt: var(--coral-30);
395
- --stroke-information: var(--sky-50);
396
- --stroke-light: var(--white-alpha-100);
397
- --stroke-lightalt: var(--ebony-10);
398
- --stroke-negative: var(--coral-60);
399
- --stroke-negativealt: var(--coral-30);
400
- --stroke-neutral: var(--grey-30);
401
- --stroke-neutralalt: var(--grey-60);
402
- --stroke-subdued: var(--blue-60);
403
- --stroke-success: var(--mint-60);
404
- --stroke-successalt: var(--mint-40);
405
- --stroke-transparent: var(--transparent-blue-alpha40);
406
- --stroke-transparentalt: var(--transparent-lavender-alpha70);
407
- --stroke-warning: var(--canary-70);
408
- --text-accent: var(--lavender-90);
409
- --text-dark: var(--ebony-100);
410
- --text-darkalt: var(--ebony-30);
411
- --text-disabled: var(--grey-80);
412
- --text-highlight: var(--lavender-40);
413
- --text-highlightalt: var(--peach-40);
414
- --text-light: var(--white-alpha-100);
415
- --text-lightalt: var(--ebony-10);
416
- --text-negative: var(--coral-60);
417
- --text-negativealt: var(--coral-30);
418
- --text-neutral: var(--grey-70);
419
- --text-neutralalt: var(--grey-50);
420
- --text-neutralalt2: var(--grey-60);
421
- --text-subdued: var(--blue-70);
422
- --text-subduedalt: var(--blue-30);
423
- --text-success: var(--mint-60);
424
- --text-successalt: var(--mint-40);
425
- }
426
-
296
+ /* DO NOT CHANGE!*/
297
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
427
298
  /* DO NOT CHANGE!*/
428
299
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
429
300
  [data-color-mode=light],
430
301
  :root {
431
- --components-datepicker-calendar-background: var(--fill-background-standard-light);
432
- --components-datepicker-calendar-border: var(--stroke-neutral);
433
- --components-datepicker-calendar-dateborder: var(--stroke-neutral);
434
- --components-datepicker-calendar-datefill-hover: var(--fill-secondary-hover-light);
435
- --components-datepicker-calendar-datefill-selected: var(--fill-secondary-active-light);
436
- --components-datepicker-calendar-icon: var(--shape-accent);
437
- --components-datepicker-calendar-stroke-today: var(--stroke-highlight);
438
- --components-datepicker-calendar-text-accent: var(--text-accent);
439
- --components-datepicker-calendar-text-disabled: var(--text-neutralalt);
440
- --components-datepicker-calendar-text-subdued: var(--text-subdued);
302
+ --components-datepicker-calendar-background: #ffffff;
303
+ --components-datepicker-calendar-border: #e3e6e8;
304
+ --components-datepicker-calendar-dateborder: #e3e6e8;
305
+ --components-datepicker-calendar-datefill-hover: #d9ddf2;
306
+ --components-datepicker-calendar-datefill-selected: #aeb7e2;
307
+ --components-datepicker-calendar-icon: #181c56;
308
+ --components-datepicker-calendar-stroke-today: #ff5959;
309
+ --components-datepicker-calendar-text-accent: #181c56;
310
+ --components-datepicker-calendar-text-disabled: #b6b8ba;
311
+ --components-datepicker-calendar-text-subdued: #626493;
441
312
  }
442
313
 
443
314
  [data-color-mode=dark] {
444
- --components-datepicker-calendar-background: var(--fill-background-overlay-solid);
445
- --components-datepicker-calendar-border: var(--stroke-colorless);
446
- --components-datepicker-calendar-dateborder: var(--stroke-darkalt);
447
- --components-datepicker-calendar-datefill-hover: var(--fill-selected-hover-dark);
448
- --components-datepicker-calendar-datefill-selected: var(--fill-background-overlay-transparent);
449
- --components-datepicker-calendar-icon: var(--shape-lightalt);
450
- --components-datepicker-calendar-stroke-today: var(--stroke-highlightalt);
451
- --components-datepicker-calendar-text-accent: var(--text-lightalt);
452
- --components-datepicker-calendar-text-disabled: var(--text-neutral);
453
- --components-datepicker-calendar-text-subdued: var(--text-darkalt);
315
+ --components-datepicker-calendar-background: #393a49;
316
+ --components-datepicker-calendar-border: rgba(255, 255, 255, 0);
317
+ --components-datepicker-calendar-dateborder: #81828f;
318
+ --components-datepicker-calendar-datefill-hover: rgba(229, 229, 233, 0.3490196078);
319
+ --components-datepicker-calendar-datefill-selected: rgba(229, 229, 233, 0.1490196078);
320
+ --components-datepicker-calendar-icon: #e5e5e9;
321
+ --components-datepicker-calendar-stroke-today: #ff9494;
322
+ --components-datepicker-calendar-text-accent: #e5e5e9;
323
+ --components-datepicker-calendar-text-disabled: #6e6f73;
324
+ --components-datepicker-calendar-text-subdued: #b3b4bd;
454
325
  }
455
326
 
456
327
  :root {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/datepicker",
3
- "version": "9.3.2",
3
+ "version": "9.3.4",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/datepicker.esm.js",
@@ -27,15 +27,15 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/a11y": "^0.2.77",
31
- "@entur/button": "^3.2.13",
32
- "@entur/form": "^7.0.41",
33
- "@entur/icons": "^6.15.2",
34
- "@entur/modal": "^1.7.34",
35
- "@entur/tokens": "^3.13.1",
36
- "@entur/tooltip": "^2.6.50",
37
- "@entur/typography": "^1.8.26",
38
- "@entur/utils": "^0.10.0",
30
+ "@entur/a11y": "^0.2.79",
31
+ "@entur/button": "^3.2.15",
32
+ "@entur/form": "^7.0.43",
33
+ "@entur/icons": "^6.15.4",
34
+ "@entur/modal": "^1.7.36",
35
+ "@entur/tokens": "^3.13.3",
36
+ "@entur/tooltip": "^2.6.52",
37
+ "@entur/typography": "^1.8.28",
38
+ "@entur/utils": "^0.10.1",
39
39
  "@floating-ui/react-dom": "^1.0.0",
40
40
  "@internationalized/date": "^3.4.0",
41
41
  "@react-aria/button": "^3.6.4",
@@ -48,5 +48,5 @@
48
48
  "classnames": "^2.3.1",
49
49
  "react-focus-lock": "^2.9.1"
50
50
  },
51
- "gitHead": "c36e1121738a702fe5ed92cd3f26636d7a4ef026"
51
+ "gitHead": "89d5de6d31962e236a5c147e129bf915576166b4"
52
52
  }