@entur/form 7.0.4 → 7.0.5

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.
package/dist/styles.css CHANGED
@@ -3,168 +3,6 @@
3
3
  }
4
4
  /* DO NOT CHANGE!*/
5
5
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
6
- .eds-checkbox__container {
7
- display: flex;
8
- align-items: center;
9
- position: relative;
10
- -webkit-appearance: none;
11
- -moz-appearance: none;
12
- appearance: none;
13
- cursor: pointer;
14
- -webkit-user-select: none;
15
- -moz-user-select: none;
16
- user-select: none;
17
- width: -moz-fit-content;
18
- width: fit-content;
19
- margin: 0.5rem 0;
20
- }
21
- .eds-checkbox__container--reduced-click-area {
22
- height: -moz-fit-content;
23
- height: fit-content;
24
- }
25
- .eds-checkbox__container input {
26
- position: absolute;
27
- opacity: 0;
28
- height: 0;
29
- width: 0;
30
- }
31
- .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
32
- background-color: #181c56;
33
- }
34
- .eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
35
- visibility: visible;
36
- }
37
- .eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon path {
38
- stroke: #ffffff;
39
- animation: stroke ease-in-out 0.2s 0.1s forwards;
40
- }
41
- .eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon rect, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon rect {
42
- fill: #ffffff;
43
- }
44
- .eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
45
- opacity: 0.5;
46
- }
47
- .eds-checkbox__container input:checked + .eds-checkbox__icon--disabled path {
48
- opacity: 0.5;
49
- }
50
- .eds-checkbox__container input:checked + .eds-checkbox__icon--disabled rect {
51
- opacity: 0.5;
52
- }
53
- .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled path {
54
- opacity: 0.5;
55
- }
56
- .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled rect {
57
- opacity: 0.5;
58
- }
59
- .eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
60
- background-color: #aeb7e2;
61
- }
62
- .eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon path, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon path {
63
- stroke: #181c56;
64
- }
65
- .eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon rect, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon rect {
66
- fill: #181c56;
67
- }
68
- .eds-checkbox__container:hover input + .eds-checkbox__icon {
69
- border-color: #292b6a;
70
- background-color: #d1d4e3;
71
- }
72
- .eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
73
- border-color: #b6bee5;
74
- background-color: rgba(174, 183, 226, 0.2);
75
- }
76
- .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
77
- .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
78
- border-color: transparent;
79
- background-color: #54568c;
80
- }
81
- .eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
82
- .eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
83
- background-color: #b6bee5;
84
- }
85
- .eds-checkbox__container:active input + .eds-checkbox__icon {
86
- border-color: #16194d;
87
- }
88
- .eds-contrast .eds-checkbox__container:active input + .eds-checkbox__icon {
89
- border-color: #9da5cb;
90
- }
91
- .eds-checkbox__container:active input:checked + .eds-checkbox__icon,
92
- .eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
93
- background-color: #16194d;
94
- }
95
- .eds-contrast .eds-checkbox__container:active input:checked + .eds-checkbox__icon,
96
- .eds-contrast .eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
97
- background-color: #9da5cb;
98
- }
99
- .eds-checkbox__container:focus + .eds-checkbox__icon,
100
- .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
101
- outline: none;
102
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
103
- outline-offset: 0.125rem;
104
- }
105
- .eds-checkbox__container:focus + .eds-checkbox__icon,
106
- .eds-checkbox__container :focus-within + .eds-checkbox__icon {
107
- outline: none;
108
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
109
- outline-offset: 0.125rem;
110
- }
111
- .eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
112
- .eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
113
- box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
114
- }
115
- .eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
116
- .eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
117
- box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
118
- }
119
- .eds-checkbox--disabled {
120
- pointer-events: none;
121
- }
122
- .eds-checkbox--disabled .eds-checkbox__label {
123
- opacity: 0.5;
124
- }
125
- .eds-checkbox--disabled .eds-checkbox__icon {
126
- opacity: 0.5;
127
- }
128
- .eds-checkbox__icon {
129
- box-sizing: border-box;
130
- display: inline-flex;
131
- justify-content: center;
132
- align-items: center;
133
- position: relative;
134
- margin-right: 1rem;
135
- height: 1.25rem;
136
- width: 1.25rem;
137
- border: 0.125rem solid #181c56;
138
- border-radius: 0.125rem;
139
- background-color: transparent;
140
- color: #ffffff;
141
- transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
142
- }
143
- .eds-checkbox__icon--reduced-click-area {
144
- margin-right: 0;
145
- }
146
- .eds-contrast .eds-checkbox__icon {
147
- border-color: #aeb7e2;
148
- }
149
- .eds-checkbox__icon .eds-checkbox-icon {
150
- height: 1rem;
151
- width: 1rem;
152
- visibility: hidden;
153
- }
154
- .eds-checkbox__icon .eds-checkbox-icon path {
155
- transform-origin: 50% 50%;
156
- stroke-dasharray: 48;
157
- stroke-dashoffset: 48;
158
- stroke-width: 0.375rem;
159
- }
160
-
161
- @keyframes stroke {
162
- 100% {
163
- stroke-dashoffset: 0;
164
- }
165
- }
166
- /* DO NOT CHANGE!*/
167
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
168
6
  .eds-form-control-wrapper {
169
7
  --border-color: #181c56;
170
8
  --border-color-hover: #aeb7e2;
@@ -408,10 +246,165 @@
408
246
  }
409
247
  /* DO NOT CHANGE!*/
410
248
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
411
- .eds-fieldset {
412
- margin: 0;
413
- padding: 0;
414
- border: 0;
249
+ .eds-checkbox__container {
250
+ display: flex;
251
+ align-items: center;
252
+ position: relative;
253
+ -webkit-appearance: none;
254
+ -moz-appearance: none;
255
+ appearance: none;
256
+ cursor: pointer;
257
+ -webkit-user-select: none;
258
+ -moz-user-select: none;
259
+ user-select: none;
260
+ width: -moz-fit-content;
261
+ width: fit-content;
262
+ margin: 0.5rem 0;
263
+ }
264
+ .eds-checkbox__container--reduced-click-area {
265
+ height: -moz-fit-content;
266
+ height: fit-content;
267
+ }
268
+ .eds-checkbox__container input {
269
+ position: absolute;
270
+ opacity: 0;
271
+ height: 0;
272
+ width: 0;
273
+ }
274
+ .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
275
+ background-color: #181c56;
276
+ }
277
+ .eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
278
+ visibility: visible;
279
+ }
280
+ .eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon path {
281
+ stroke: #ffffff;
282
+ animation: stroke ease-in-out 0.2s 0.1s forwards;
283
+ }
284
+ .eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon rect, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon rect {
285
+ fill: #ffffff;
286
+ }
287
+ .eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
288
+ opacity: 0.5;
289
+ }
290
+ .eds-checkbox__container input:checked + .eds-checkbox__icon--disabled path {
291
+ opacity: 0.5;
292
+ }
293
+ .eds-checkbox__container input:checked + .eds-checkbox__icon--disabled rect {
294
+ opacity: 0.5;
295
+ }
296
+ .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled path {
297
+ opacity: 0.5;
298
+ }
299
+ .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled rect {
300
+ opacity: 0.5;
301
+ }
302
+ .eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
303
+ background-color: #aeb7e2;
304
+ }
305
+ .eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon path, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon path {
306
+ stroke: #181c56;
307
+ }
308
+ .eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon rect, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon rect {
309
+ fill: #181c56;
310
+ }
311
+ .eds-checkbox__container:hover input + .eds-checkbox__icon {
312
+ border-color: #292b6a;
313
+ background-color: #d1d4e3;
314
+ }
315
+ .eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
316
+ border-color: #b6bee5;
317
+ background-color: rgba(174, 183, 226, 0.2);
318
+ }
319
+ .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
320
+ .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
321
+ border-color: transparent;
322
+ background-color: #54568c;
323
+ }
324
+ .eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
325
+ .eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
326
+ background-color: #b6bee5;
327
+ }
328
+ .eds-checkbox__container:active input + .eds-checkbox__icon {
329
+ border-color: #16194d;
330
+ }
331
+ .eds-contrast .eds-checkbox__container:active input + .eds-checkbox__icon {
332
+ border-color: #9da5cb;
333
+ }
334
+ .eds-checkbox__container:active input:checked + .eds-checkbox__icon,
335
+ .eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
336
+ background-color: #16194d;
337
+ }
338
+ .eds-contrast .eds-checkbox__container:active input:checked + .eds-checkbox__icon,
339
+ .eds-contrast .eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
340
+ background-color: #9da5cb;
341
+ }
342
+ .eds-checkbox__container:focus + .eds-checkbox__icon,
343
+ .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
344
+ outline: none;
345
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
346
+ outline-offset: 0.125rem;
347
+ }
348
+ .eds-checkbox__container:focus + .eds-checkbox__icon,
349
+ .eds-checkbox__container :focus-within + .eds-checkbox__icon {
350
+ outline: none;
351
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
352
+ outline-offset: 0.125rem;
353
+ }
354
+ .eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
355
+ .eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
356
+ box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
357
+ }
358
+ .eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
359
+ .eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
360
+ box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
361
+ }
362
+ .eds-checkbox--disabled {
363
+ pointer-events: none;
364
+ }
365
+ .eds-checkbox--disabled .eds-checkbox__label {
366
+ opacity: 0.5;
367
+ }
368
+ .eds-checkbox--disabled .eds-checkbox__icon {
369
+ opacity: 0.5;
370
+ }
371
+ .eds-checkbox__icon {
372
+ box-sizing: border-box;
373
+ display: inline-flex;
374
+ justify-content: center;
375
+ align-items: center;
376
+ position: relative;
377
+ margin-right: 1rem;
378
+ height: 1.25rem;
379
+ width: 1.25rem;
380
+ border: 0.125rem solid #181c56;
381
+ border-radius: 0.125rem;
382
+ background-color: transparent;
383
+ color: #ffffff;
384
+ transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
385
+ }
386
+ .eds-checkbox__icon--reduced-click-area {
387
+ margin-right: 0;
388
+ }
389
+ .eds-contrast .eds-checkbox__icon {
390
+ border-color: #aeb7e2;
391
+ }
392
+ .eds-checkbox__icon .eds-checkbox-icon {
393
+ height: 1rem;
394
+ width: 1rem;
395
+ visibility: hidden;
396
+ }
397
+ .eds-checkbox__icon .eds-checkbox-icon path {
398
+ transform-origin: 50% 50%;
399
+ stroke-dasharray: 48;
400
+ stroke-dashoffset: 48;
401
+ stroke-width: 0.375rem;
402
+ }
403
+
404
+ @keyframes stroke {
405
+ 100% {
406
+ stroke-dashoffset: 0;
407
+ }
415
408
  }
416
409
  /* DO NOT CHANGE!*/
417
410
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -601,6 +594,13 @@
601
594
  }
602
595
  /* DO NOT CHANGE!*/
603
596
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
597
+ .eds-fieldset {
598
+ margin: 0;
599
+ padding: 0;
600
+ border: 0;
601
+ }
602
+ /* DO NOT CHANGE!*/
603
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
604
604
  .eds-form-component--radio__container {
605
605
  display: flex;
606
606
  justify-content: center;
@@ -689,6 +689,13 @@
689
689
  }
690
690
  /* DO NOT CHANGE!*/
691
691
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
692
+ textarea.eds-form-control.eds-textarea {
693
+ min-height: 7.75rem;
694
+ resize: vertical;
695
+ line-height: 1.5rem;
696
+ }
697
+ /* DO NOT CHANGE!*/
698
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
692
699
  .eds-switch {
693
700
  cursor: pointer;
694
701
  -webkit-user-select: none;
@@ -808,13 +815,6 @@
808
815
  }
809
816
  /* DO NOT CHANGE!*/
810
817
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
811
- textarea.eds-form-control.eds-textarea {
812
- min-height: 7.75rem;
813
- resize: vertical;
814
- line-height: 1.5rem;
815
- }
816
- /* DO NOT CHANGE!*/
817
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
818
818
  .eds-textfield__clear-button {
819
819
  background: none;
820
820
  border: none;
@@ -852,17 +852,6 @@ textarea.eds-form-control.eds-textarea {
852
852
  }
853
853
  /* DO NOT CHANGE!*/
854
854
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
855
- .eds-segmented-control {
856
- margin-top: 0.25rem;
857
- display: flex;
858
- background: #d1d4e3;
859
- border-radius: 0.5rem;
860
- }
861
- .eds-contrast .eds-segmented-control {
862
- background: #393d79;
863
- }
864
- /* DO NOT CHANGE!*/
865
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
866
855
  .eds-segmented-choice {
867
856
  display: block;
868
857
  flex: 1 1 0px;
@@ -934,6 +923,17 @@ textarea.eds-form-control.eds-textarea {
934
923
  }
935
924
  /* DO NOT CHANGE!*/
936
925
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
926
+ .eds-segmented-control {
927
+ margin-top: 0.25rem;
928
+ display: flex;
929
+ background: #d1d4e3;
930
+ border-radius: 0.5rem;
931
+ }
932
+ .eds-contrast .eds-segmented-control {
933
+ background: #393d79;
934
+ }
935
+ /* DO NOT CHANGE!*/
936
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
937
937
  .eds-input-panel[focus-within] .eds-input-panel__container {
938
938
  border-color: #181c56;
939
939
  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/form",
3
- "version": "7.0.4",
3
+ "version": "7.0.5",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/form.esm.js",
@@ -29,10 +29,10 @@
29
29
  "dependencies": {
30
30
  "@entur/icons": "^6.2.0",
31
31
  "@entur/tokens": "^3.8.1",
32
- "@entur/tooltip": "^2.6.14",
33
- "@entur/typography": "^1.7.15",
34
- "@entur/utils": "^0.8.0",
32
+ "@entur/tooltip": "^2.6.15",
33
+ "@entur/typography": "^1.7.16",
34
+ "@entur/utils": "^0.9.0",
35
35
  "classnames": "^2.3.1"
36
36
  },
37
- "gitHead": "c80112ae71ce3654107c8983a1a9fd91204aa667"
37
+ "gitHead": "cd5c398453c486f6f160905247b94c6da2622d7c"
38
38
  }