@entur/datepicker 10.0.2 → 10.0.3-beta.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 (2) hide show
  1. package/dist/styles.css +57 -57
  2. package/package.json +4 -4
package/dist/styles.css CHANGED
@@ -1,49 +1,34 @@
1
1
  /* DO NOT CHANGE!*/
2
2
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
- [dir="ltr"] .eds-date-and-time-field__segment {
4
- text-align: right;
3
+ .eds-datepicker.eds-datefield .eds-form-control-wrapper {
4
+ padding-right: 0rem;
5
5
  }
6
- [dir="rtl"] .eds-date-and-time-field__segment {
7
- text-align: left;
6
+ .eds-datepicker__open-calendar-button {
7
+ margin: 0rem 0.25rem 0rem 0.5rem;
8
8
  }
9
- .eds-date-and-time-field__segment {
10
- margin-top: 1rem;
11
- padding: 0 2px;
12
- font-feature-settings: "tnum";
13
- font-variant-numeric: tabular-nums;
9
+ .eds-datepicker__open-calendar-button.eds-icon-button {
10
+ color: var(--components-datepicker-calendar-icon);
14
11
  }
15
- .eds-date-and-time-field__segment--placeholder {
16
- color: var(--components-datepicker-datefield-standard-text-content);
12
+ .eds-datepicker__open-calendar-button.eds-icon-button:hover {
13
+ background-color: var(--components-button-iconbutton-standard-hover);
17
14
  }
18
- .eds-date-and-time-field__segment--dot-separator {
19
- margin-left: -0.1rem;
20
- margin-right: -0.2rem;
15
+ .eds-datepicker__open-calendar-button.eds-icon-button:focus {
16
+ outline: 2px solid #181c56;
17
+ outline-color: var(--basecolors-stroke-focus-standard);
18
+ outline-offset: 0.125rem;
21
19
  }
22
- .eds-date-and-time-field__segment:focus {
20
+ .eds-datepicker__open-calendar-button.eds-icon-button:active {
23
21
  background-color: var(--components-button-iconbutton-standard-active);
24
- outline: transparent;
25
- border-radius: 0.0625rem;
26
- }
27
- /* DO NOT CHANGE!*/
28
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
29
- .eds-datefield {
30
- width: -moz-fit-content;
31
- width: fit-content;
32
22
  }
33
- .eds-datefield .eds-form-control-wrapper {
34
- padding-left: 1rem;
23
+ .eds-datepicker--disabled {
35
24
  padding-right: 1rem;
36
25
  }
37
- .eds-datefield .eds-form-control-wrapper--disabled[focus-within] {
38
- border-color: transparent;
39
- box-shadow: none;
40
- }
41
- .eds-datefield .eds-form-control-wrapper--disabled:focus-within {
42
- border-color: transparent;
43
- box-shadow: none;
44
- }
45
- .eds-datefield .eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
46
- background: none;
26
+ .eds-datepicker__calendar-modal.eds-modal__content {
27
+ padding: 0;
28
+ padding: initial;
29
+ width: inherit;
30
+ background-color: transparent;
31
+ background-color: initial;
47
32
  }
48
33
  /* DO NOT CHANGE!*/
49
34
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -191,35 +176,50 @@
191
176
  }
192
177
  /* DO NOT CHANGE!*/
193
178
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
194
- .eds-datepicker.eds-datefield .eds-form-control-wrapper {
195
- padding-right: 0rem;
179
+ .eds-datefield {
180
+ width: -moz-fit-content;
181
+ width: fit-content;
196
182
  }
197
- .eds-datepicker__open-calendar-button {
198
- margin: 0rem 0.25rem 0rem 0.5rem;
183
+ .eds-datefield .eds-form-control-wrapper {
184
+ padding-left: 1rem;
185
+ padding-right: 1rem;
199
186
  }
200
- .eds-datepicker__open-calendar-button.eds-icon-button {
201
- color: var(--components-datepicker-calendar-icon);
187
+ .eds-datefield .eds-form-control-wrapper--disabled[focus-within] {
188
+ border-color: transparent;
189
+ box-shadow: none;
202
190
  }
203
- .eds-datepicker__open-calendar-button.eds-icon-button:hover {
204
- background-color: var(--components-button-iconbutton-standard-hover);
191
+ .eds-datefield .eds-form-control-wrapper--disabled:focus-within {
192
+ border-color: transparent;
193
+ box-shadow: none;
205
194
  }
206
- .eds-datepicker__open-calendar-button.eds-icon-button:focus {
207
- outline: 2px solid #181c56;
208
- outline-color: var(--basecolors-stroke-focus-standard);
209
- outline-offset: 0.125rem;
195
+ .eds-datefield .eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
196
+ background: none;
210
197
  }
211
- .eds-datepicker__open-calendar-button.eds-icon-button:active {
212
- background-color: var(--components-button-iconbutton-standard-active);
198
+ /* DO NOT CHANGE!*/
199
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
200
+ [dir="ltr"] .eds-date-and-time-field__segment {
201
+ text-align: right;
213
202
  }
214
- .eds-datepicker--disabled {
215
- padding-right: 1rem;
203
+ [dir="rtl"] .eds-date-and-time-field__segment {
204
+ text-align: left;
216
205
  }
217
- .eds-datepicker__calendar-modal.eds-modal__content {
218
- padding: 0;
219
- padding: initial;
220
- width: inherit;
221
- background-color: transparent;
222
- background-color: initial;
206
+ .eds-date-and-time-field__segment {
207
+ margin-top: 1rem;
208
+ padding: 0 2px;
209
+ font-feature-settings: "tnum";
210
+ font-variant-numeric: tabular-nums;
211
+ }
212
+ .eds-date-and-time-field__segment--placeholder {
213
+ color: var(--components-datepicker-datefield-standard-text-content);
214
+ }
215
+ .eds-date-and-time-field__segment--dot-separator {
216
+ margin-left: -0.1rem;
217
+ margin-right: -0.2rem;
218
+ }
219
+ .eds-date-and-time-field__segment:focus {
220
+ background-color: var(--components-button-iconbutton-standard-active);
221
+ outline: transparent;
222
+ border-radius: 0.0625rem;
223
223
  }
224
224
  /* DO NOT CHANGE!*/
225
225
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/datepicker",
3
- "version": "10.0.2",
3
+ "version": "10.0.3-beta.0",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/datepicker.esm.js",
@@ -29,11 +29,11 @@
29
29
  "dependencies": {
30
30
  "@entur/a11y": "^0.2.89",
31
31
  "@entur/button": "^3.2.30",
32
- "@entur/form": "^8.0.2",
32
+ "@entur/form": "^8.1.0-beta.0",
33
33
  "@entur/icons": "^7.2.0",
34
34
  "@entur/modal": "^1.7.51",
35
35
  "@entur/tokens": "^3.17.0",
36
- "@entur/tooltip": "^3.0.2",
36
+ "@entur/tooltip": "^4.0.0-beta.0",
37
37
  "@entur/typography": "^1.8.43",
38
38
  "@entur/utils": "^0.11.1",
39
39
  "@floating-ui/react-dom": "^2.1.0",
@@ -48,5 +48,5 @@
48
48
  "classnames": "^2.3.1",
49
49
  "react-focus-lock": "^2.9.1"
50
50
  },
51
- "gitHead": "20838cf27b3f76a9ce3259fe808d60132ab0a653"
51
+ "gitHead": "cf307ea5b19e314649370964a7368666df04305b"
52
52
  }