@entur/datepicker 8.1.0-beta.0 → 8.1.0-beta.1

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/TimePicker/SimpleTimePicker.d.ts +6 -6
  2. package/dist/datepicker.cjs.development.js +7 -4
  3. package/dist/datepicker.cjs.development.js.map +1 -1
  4. package/dist/datepicker.cjs.production.min.js +1 -1
  5. package/dist/datepicker.cjs.production.min.js.map +1 -1
  6. package/dist/datepicker.esm.js +7 -4
  7. package/dist/datepicker.esm.js.map +1 -1
  8. package/dist/styles.css +66 -59
  9. package/package.json +2 -2
package/dist/styles.css CHANGED
@@ -3,6 +3,26 @@
3
3
  }
4
4
  /* DO NOT CHANGE!*/
5
5
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
6
+ .eds-datefield div:first-of-type.eds-date-and-time-field__segment {
7
+ margin-left: 1rem;
8
+ }
9
+ .eds-datefield.eds-form-control-wrapper--disabled[focus-within] {
10
+ border-color: transparent;
11
+ box-shadow: none;
12
+ }
13
+ .eds-datefield.eds-form-control-wrapper--disabled:focus-within {
14
+ border-color: transparent;
15
+ box-shadow: none;
16
+ }
17
+ .eds-datefield.eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
18
+ background: none;
19
+ }
20
+ .eds-datefield .eds-form-control__append--tooltip {
21
+ margin-top: 0.75rem;
22
+ margin-right: -0.25rem;
23
+ }
24
+ /* DO NOT CHANGE!*/
25
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
6
26
  .eds-datepicker__calendar,
7
27
  .eds-contrast .eds-datepicker__calendar {
8
28
  width: -moz-fit-content;
@@ -172,30 +192,52 @@
172
192
  }
173
193
  /* DO NOT CHANGE!*/
174
194
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
175
- .eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
195
+ .eds-timepicker__wrapper {
176
196
  position: relative;
177
- top: -0.5rem;
197
+ display: flex;
198
+ align-items: center;
199
+ width: -moz-fit-content;
200
+ width: fit-content;
178
201
  }
179
- /* DO NOT CHANGE!*/
180
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
181
- .eds-datefield div:first-of-type.eds-date-and-time-field__segment {
182
- margin-left: 1rem;
202
+ .eds-timepicker__wrapper .eds-timepicker {
203
+ justify-content: center;
204
+ padding: 0rem 3rem;
183
205
  }
184
- .eds-datefield.eds-form-control-wrapper--disabled[focus-within] {
185
- border-color: transparent;
186
- box-shadow: none;
206
+ .eds-timepicker__wrapper .eds-timepicker .eds-input-group__label,
207
+ .eds-timepicker__wrapper .eds-timepicker .eds-input-group__label--filled {
208
+ margin-left: 0rem !important;
187
209
  }
188
- .eds-datefield.eds-form-control-wrapper--disabled:focus-within {
189
- border-color: transparent;
190
- box-shadow: none;
210
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton {
211
+ color: #181c56;
191
212
  }
192
- .eds-datefield.eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
193
- background: none;
213
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton--left {
214
+ position: absolute;
215
+ left: 0.35rem;
216
+ z-index: 1;
194
217
  }
195
- .eds-datefield .eds-form-control__append--tooltip {
218
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton--right {
219
+ position: absolute;
220
+ right: 0.4rem;
221
+ }
222
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton--disabled {
223
+ opacity: 0.5;
224
+ pointer-events: none;
225
+ visibility: hidden;
226
+ }
227
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton:hover {
228
+ background-color: #d1d4e3;
229
+ }
230
+ .eds-timepicker__wrapper .eds-timepicker .eds-form-control__append--tooltip {
196
231
  margin-top: 0.75rem;
197
232
  margin-right: -0.25rem;
198
233
  }
234
+ .eds-timepicker__wrapper .eds-icon-button--disabled__wrapper {
235
+ display: none;
236
+ }
237
+ .eds-timepicker__wrapper .eds-feedback-text {
238
+ position: absolute;
239
+ top: 3.5rem;
240
+ }
199
241
  /* DO NOT CHANGE!*/
200
242
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
201
243
  .eds-simple-timepicker {
@@ -207,6 +249,13 @@
207
249
  .eds-simple-timepicker--show-seconds {
208
250
  --input-width: 6.5rem;
209
251
  }
252
+ .eds-simple-timepicker--padding-large {
253
+ --padding-sides: 1.5rem;
254
+ --input-width: 6rem;
255
+ }
256
+ .eds-simple-timepicker--padding-large.eds-simple-timepicker--show-seconds {
257
+ --input-width: 7.25rem;
258
+ }
210
259
  .eds-simple-timepicker .eds-form-control {
211
260
  width: var(--input-width);
212
261
  padding-left: var(--padding-sides);
@@ -242,51 +291,9 @@
242
291
  }
243
292
  /* DO NOT CHANGE!*/
244
293
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
245
- .eds-timepicker__wrapper {
294
+ .eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
246
295
  position: relative;
247
- display: flex;
248
- align-items: center;
249
- width: -moz-fit-content;
250
- width: fit-content;
251
- }
252
- .eds-timepicker__wrapper .eds-timepicker {
253
- justify-content: center;
254
- padding: 0rem 3rem;
255
- }
256
- .eds-timepicker__wrapper .eds-timepicker .eds-input-group__label,
257
- .eds-timepicker__wrapper .eds-timepicker .eds-input-group__label--filled {
258
- margin-left: 0rem !important;
259
- }
260
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton {
261
- color: #181c56;
262
- }
263
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton--left {
264
- position: absolute;
265
- left: 0.35rem;
266
- z-index: 1;
267
- }
268
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton--right {
269
- position: absolute;
270
- right: 0.4rem;
271
- }
272
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton--disabled {
273
- opacity: 0.5;
274
- pointer-events: none;
275
- visibility: hidden;
276
- }
277
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton:hover {
278
- background-color: #d1d4e3;
279
- }
280
- .eds-timepicker__wrapper .eds-timepicker .eds-form-control__append--tooltip {
281
- margin-top: 0.75rem;
282
- margin-right: -0.25rem;
283
- }
284
- .eds-timepicker__wrapper .eds-icon-button--disabled__wrapper {
285
- display: none;
286
- }
287
- .eds-timepicker__wrapper .eds-feedback-text {
288
- position: absolute;
289
- top: 3.5rem;
296
+ top: -0.5rem;
290
297
  }
291
298
  /* DO NOT CHANGE!*/
292
299
  /* 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": "8.1.0-beta.0",
3
+ "version": "8.1.0-beta.1",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/datepicker.esm.js",
@@ -52,5 +52,5 @@
52
52
  "node": "16.17.0",
53
53
  "yarn": "1.22.19"
54
54
  },
55
- "gitHead": "2a9861e6e5c7165c91d2c35c66672458089455bc"
55
+ "gitHead": "d5705073173e3146654d8e33bcc7c53bfefb052d"
56
56
  }