@entur/form 7.1.11-beta.0 → 7.1.11

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 +197 -197
  2. package/package.json +6 -6
package/dist/styles.css CHANGED
@@ -1,5 +1,190 @@
1
1
  /* DO NOT CHANGE!*/
2
2
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
+ .eds-form-control-wrapper {
4
+ align-items: center;
5
+ background-color: var(--components-form-baseform-standard-fill-default);
6
+ border-radius: 0.25rem;
7
+ border: 0.125rem solid var(--components-form-baseform-standard-border-default);
8
+ box-shadow: 0 0 0 transparent;
9
+ color: var(--components-form-baseform-standard-text-content);
10
+ display: flex;
11
+ position: relative;
12
+ width: 100%;
13
+ min-height: 3rem;
14
+ transition: border-color 0.1s ease-in-out;
15
+ }
16
+ .eds-form-control-wrapper[focus-within], .eds-form-control-wrapper:hover {
17
+ border-color: var(--components-form-baseform-standard-border-interactive);
18
+ }
19
+ .eds-form-control-wrapper:focus-within, .eds-form-control-wrapper:hover {
20
+ border-color: var(--components-form-baseform-standard-border-interactive);
21
+ }
22
+ .eds-contrast .eds-form-control-wrapper:hover {
23
+ border-color: var(--components-form-baseform-contrast-border-interactive);
24
+ }
25
+ .eds-form-control-wrapper[focus-within] {
26
+ outline: 1px solid var(--components-form-baseform-standard-border-interactive);
27
+ }
28
+ .eds-form-control-wrapper:focus-within {
29
+ outline: 1px solid var(--components-form-baseform-standard-border-interactive);
30
+ }
31
+ .eds-contrast .eds-form-control-wrapper[focus-within] {
32
+ outline: var(--components-form-baseform-contrast-border-interactive);
33
+ }
34
+ .eds-contrast .eds-form-control-wrapper:focus-within {
35
+ outline: var(--components-form-baseform-contrast-border-interactive);
36
+ }
37
+ .eds-form-control-wrapper ::-moz-placeholder {
38
+ color: var(--components-form-baseform-standard-text-label);
39
+ }
40
+ .eds-form-control-wrapper ::placeholder {
41
+ color: var(--components-form-baseform-standard-text-label);
42
+ }
43
+ .eds-form-control-wrapper--disabled {
44
+ border-color: transparent;
45
+ background-color: var(--components-form-baseform-standard-fill-disabled);
46
+ pointer-events: none;
47
+ color: var(--components-form-baseform-standard-text-disabled);
48
+ }
49
+ .eds-form-control-wrapper--disabled .eds-input-group__label {
50
+ color: var(--components-form-baseform-standard-text-disabled);
51
+ }
52
+ .eds-contrast .eds-form-control-wrapper--disabled {
53
+ border-color: transparent;
54
+ background-color: var(--components-form-baseform-contrast-fill-disabled);
55
+ color: var(--components-form-baseform-contrast-text-disabled);
56
+ }
57
+ .eds-contrast .eds-form-control-wrapper--disabled .eds-input-group__label {
58
+ color: var(--components-form-baseform-contrast-text-disabled);
59
+ }
60
+ .eds-form-control-wrapper--disabled::before, .eds-form-control-wrapper--disabled::after {
61
+ display: none;
62
+ }
63
+ .eds-form-control-wrapper--readonly {
64
+ border-color: transparent;
65
+ pointer-events: none;
66
+ cursor: default;
67
+ background: var(--components-form-baseform-standard-fill-readonly);
68
+ border: var(--components-form-baseform-standard-fill-readonly);
69
+ }
70
+ .eds-contrast .eds-form-control-wrapper--readonly {
71
+ background: var(--components-form-baseform-contrast-fill-readonly);
72
+ color: var(--components-form-baseform-contrast-text-description);
73
+ border: var(--components-form-baseform-contrast-fill-readonly);
74
+ }
75
+ .eds-contrast .eds-form-control-wrapper--readonly .eds-input-group__label {
76
+ color: var(--components-form-baseform-contrast-text-description);
77
+ }
78
+ .eds-form-control-wrapper--readonly::before, .eds-form-control-wrapper--readonly::after {
79
+ display: none;
80
+ }
81
+ .eds-form-control-wrapper--size-medium .eds-form-control,
82
+ .eds-form-control-wrapper--size-medium .eds-form-control__append,
83
+ .eds-form-control-wrapper--size-medium .eds-form-control__prepend {
84
+ font-size: 1rem;
85
+ line-height: 1rem;
86
+ }
87
+ .eds-form-control-wrapper--size-large {
88
+ min-height: 4rem;
89
+ padding: 0 0.5rem;
90
+ }
91
+ .eds-form-control-wrapper--size-large::before, .eds-form-control-wrapper--size-large::after {
92
+ border-width: 0.25rem;
93
+ }
94
+ .eds-form-control-wrapper--size-large .eds-form-control,
95
+ .eds-form-control-wrapper--size-large .eds-form-control__append,
96
+ .eds-form-control-wrapper--size-large .eds-form-control__prepend {
97
+ font-size: 1.5rem;
98
+ line-height: 2.25rem;
99
+ }
100
+ .eds-form-control-wrapper--success {
101
+ border-color: var(--components-form-baseform-standard-border-success);
102
+ }
103
+ .eds-form-control-wrapper--success[focus-within] {
104
+ border-color: var(--components-form-baseform-standard-border-success);
105
+ }
106
+ .eds-form-control-wrapper--success:focus-within {
107
+ border-color: var(--components-form-baseform-standard-border-success);
108
+ }
109
+ .eds-contrast .eds-form-control-wrapper--success {
110
+ border-color: var(--components-form-baseform-standard-border-success);
111
+ }
112
+ .eds-contrast .eds-form-control-wrapper--success[focus-within] {
113
+ border-color: var(--components-form-baseform-contrast-border-success);
114
+ }
115
+ .eds-contrast .eds-form-control-wrapper--success:focus-within {
116
+ border-color: var(--components-form-baseform-contrast-border-success);
117
+ }
118
+ .eds-form-control-wrapper--error, .eds-form-control-wrapper--negative {
119
+ border-color: var(--components-form-baseform-standard-border-negative);
120
+ }
121
+ .eds-form-control-wrapper--error[focus-within], .eds-form-control-wrapper--negative[focus-within] {
122
+ border-color: var(--components-form-baseform-standard-border-negative);
123
+ }
124
+ .eds-form-control-wrapper--error:focus-within, .eds-form-control-wrapper--negative:focus-within {
125
+ border-color: var(--components-form-baseform-standard-border-negative);
126
+ }
127
+ .eds-contrast .eds-form-control-wrapper--error, .eds-contrast .eds-form-control-wrapper--negative {
128
+ border-color: var(--components-form-baseform-contrast-border-negative);
129
+ }
130
+ .eds-contrast .eds-form-control-wrapper--error[focus-within], .eds-contrast .eds-form-control-wrapper--negative[focus-within] {
131
+ border-color: var(--components-form-baseform-contrast-border-negative);
132
+ }
133
+ .eds-contrast .eds-form-control-wrapper--error:focus-within, .eds-contrast .eds-form-control-wrapper--negative:focus-within {
134
+ border-color: var(--components-form-baseform-contrast-border-negative);
135
+ }
136
+
137
+ .eds-form-control {
138
+ -webkit-appearance: none;
139
+ -moz-appearance: none;
140
+ appearance: none;
141
+ background-color: transparent;
142
+ border: 0;
143
+ color: var(--components-form-baseform-standard-text-content);
144
+ display: block;
145
+ font-family: inherit;
146
+ line-height: 1rem;
147
+ font-size: 1rem;
148
+ padding: 20px 1rem 0.25rem;
149
+ width: 100%;
150
+ }
151
+ .eds-form-control::-moz-placeholder {
152
+ opacity: 0;
153
+ -moz-transition: opacity 0.2s ease-in-out;
154
+ transition: opacity 0.2s ease-in-out;
155
+ }
156
+ .eds-form-control::placeholder {
157
+ opacity: 0;
158
+ transition: opacity 0.2s ease-in-out;
159
+ }
160
+ .eds-form-control:focus {
161
+ outline: none;
162
+ }
163
+ .eds-form-control:focus::-moz-placeholder {
164
+ opacity: 1;
165
+ }
166
+ .eds-form-control:focus::placeholder {
167
+ opacity: 1;
168
+ }
169
+ .eds-form-control__prepend, .eds-form-control__append {
170
+ position: relative;
171
+ margin: 0 1rem;
172
+ line-height: inherit;
173
+ }
174
+ .eds-form-control__prepend--tooltip, .eds-form-control__append--tooltip {
175
+ position: static;
176
+ }
177
+ .eds-form-control__prepend svg, .eds-form-control__append svg {
178
+ top: 0.125rem;
179
+ }
180
+ .eds-form-control__prepend {
181
+ margin-right: 0;
182
+ }
183
+ .eds-form-control__append {
184
+ margin-left: 0;
185
+ }
186
+ /* DO NOT CHANGE!*/
187
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
188
  .eds-checkbox__container {
4
189
  display: flex;
5
190
  align-items: center;
@@ -226,196 +411,6 @@
226
411
  .eds-contrast .eds-feedback-text__icon--warning circle {
227
412
  fill: var(--components-form-feedbacktext-warning-contrast-icon-symbol);
228
413
  }
229
- .eds-fieldset {
230
- margin: 0;
231
- padding: 0;
232
- border: 0;
233
- }
234
- /* DO NOT CHANGE!*/
235
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
236
- .eds-form-control-wrapper {
237
- align-items: center;
238
- background-color: var(--components-form-baseform-standard-fill-default);
239
- border-radius: 0.25rem;
240
- border: 0.125rem solid var(--components-form-baseform-standard-border-default);
241
- box-shadow: 0 0 0 transparent;
242
- color: var(--components-form-baseform-standard-text-content);
243
- display: flex;
244
- position: relative;
245
- width: 100%;
246
- min-height: 3rem;
247
- transition: border-color 0.1s ease-in-out;
248
- }
249
- .eds-form-control-wrapper[focus-within], .eds-form-control-wrapper:hover {
250
- border-color: var(--components-form-baseform-standard-border-interactive);
251
- }
252
- .eds-form-control-wrapper:focus-within, .eds-form-control-wrapper:hover {
253
- border-color: var(--components-form-baseform-standard-border-interactive);
254
- }
255
- .eds-contrast .eds-form-control-wrapper:hover {
256
- border-color: var(--components-form-baseform-contrast-border-interactive);
257
- }
258
- .eds-form-control-wrapper[focus-within] {
259
- outline: 1px solid var(--components-form-baseform-standard-border-interactive);
260
- }
261
- .eds-form-control-wrapper:focus-within {
262
- outline: 1px solid var(--components-form-baseform-standard-border-interactive);
263
- }
264
- .eds-contrast .eds-form-control-wrapper[focus-within] {
265
- outline: var(--components-form-baseform-contrast-border-interactive);
266
- }
267
- .eds-contrast .eds-form-control-wrapper:focus-within {
268
- outline: var(--components-form-baseform-contrast-border-interactive);
269
- }
270
- .eds-form-control-wrapper ::-moz-placeholder {
271
- color: var(--components-form-baseform-standard-text-label);
272
- }
273
- .eds-form-control-wrapper ::placeholder {
274
- color: var(--components-form-baseform-standard-text-label);
275
- }
276
- .eds-form-control-wrapper--disabled {
277
- border-color: transparent;
278
- background-color: var(--components-form-baseform-standard-fill-disabled);
279
- pointer-events: none;
280
- color: var(--components-form-baseform-standard-text-disabled);
281
- }
282
- .eds-form-control-wrapper--disabled .eds-input-group__label {
283
- color: var(--components-form-baseform-standard-text-disabled);
284
- }
285
- .eds-contrast .eds-form-control-wrapper--disabled {
286
- border-color: transparent;
287
- background-color: var(--components-form-baseform-contrast-fill-disabled);
288
- color: var(--components-form-baseform-contrast-text-disabled);
289
- }
290
- .eds-contrast .eds-form-control-wrapper--disabled .eds-input-group__label {
291
- color: var(--components-form-baseform-contrast-text-disabled);
292
- }
293
- .eds-form-control-wrapper--disabled::before, .eds-form-control-wrapper--disabled::after {
294
- display: none;
295
- }
296
- .eds-form-control-wrapper--readonly {
297
- border-color: transparent;
298
- pointer-events: none;
299
- cursor: default;
300
- background: var(--components-form-baseform-standard-fill-readonly);
301
- border: var(--components-form-baseform-standard-fill-readonly);
302
- }
303
- .eds-contrast .eds-form-control-wrapper--readonly {
304
- background: var(--components-form-baseform-contrast-fill-readonly);
305
- color: var(--components-form-baseform-contrast-text-description);
306
- border: var(--components-form-baseform-contrast-fill-readonly);
307
- }
308
- .eds-contrast .eds-form-control-wrapper--readonly .eds-input-group__label {
309
- color: var(--components-form-baseform-contrast-text-description);
310
- }
311
- .eds-form-control-wrapper--readonly::before, .eds-form-control-wrapper--readonly::after {
312
- display: none;
313
- }
314
- .eds-form-control-wrapper--size-medium .eds-form-control,
315
- .eds-form-control-wrapper--size-medium .eds-form-control__append,
316
- .eds-form-control-wrapper--size-medium .eds-form-control__prepend {
317
- font-size: 1rem;
318
- line-height: 1rem;
319
- }
320
- .eds-form-control-wrapper--size-large {
321
- min-height: 4rem;
322
- padding: 0 0.5rem;
323
- }
324
- .eds-form-control-wrapper--size-large::before, .eds-form-control-wrapper--size-large::after {
325
- border-width: 0.25rem;
326
- }
327
- .eds-form-control-wrapper--size-large .eds-form-control,
328
- .eds-form-control-wrapper--size-large .eds-form-control__append,
329
- .eds-form-control-wrapper--size-large .eds-form-control__prepend {
330
- font-size: 1.5rem;
331
- line-height: 2.25rem;
332
- }
333
- .eds-form-control-wrapper--success {
334
- border-color: var(--components-form-baseform-standard-border-success);
335
- }
336
- .eds-form-control-wrapper--success[focus-within] {
337
- border-color: var(--components-form-baseform-standard-border-success);
338
- }
339
- .eds-form-control-wrapper--success:focus-within {
340
- border-color: var(--components-form-baseform-standard-border-success);
341
- }
342
- .eds-contrast .eds-form-control-wrapper--success {
343
- border-color: var(--components-form-baseform-standard-border-success);
344
- }
345
- .eds-contrast .eds-form-control-wrapper--success[focus-within] {
346
- border-color: var(--components-form-baseform-contrast-border-success);
347
- }
348
- .eds-contrast .eds-form-control-wrapper--success:focus-within {
349
- border-color: var(--components-form-baseform-contrast-border-success);
350
- }
351
- .eds-form-control-wrapper--error, .eds-form-control-wrapper--negative {
352
- border-color: var(--components-form-baseform-standard-border-negative);
353
- }
354
- .eds-form-control-wrapper--error[focus-within], .eds-form-control-wrapper--negative[focus-within] {
355
- border-color: var(--components-form-baseform-standard-border-negative);
356
- }
357
- .eds-form-control-wrapper--error:focus-within, .eds-form-control-wrapper--negative:focus-within {
358
- border-color: var(--components-form-baseform-standard-border-negative);
359
- }
360
- .eds-contrast .eds-form-control-wrapper--error, .eds-contrast .eds-form-control-wrapper--negative {
361
- border-color: var(--components-form-baseform-contrast-border-negative);
362
- }
363
- .eds-contrast .eds-form-control-wrapper--error[focus-within], .eds-contrast .eds-form-control-wrapper--negative[focus-within] {
364
- border-color: var(--components-form-baseform-contrast-border-negative);
365
- }
366
- .eds-contrast .eds-form-control-wrapper--error:focus-within, .eds-contrast .eds-form-control-wrapper--negative:focus-within {
367
- border-color: var(--components-form-baseform-contrast-border-negative);
368
- }
369
-
370
- .eds-form-control {
371
- -webkit-appearance: none;
372
- -moz-appearance: none;
373
- appearance: none;
374
- background-color: transparent;
375
- border: 0;
376
- color: var(--components-form-baseform-standard-text-content);
377
- display: block;
378
- font-family: inherit;
379
- line-height: 1rem;
380
- font-size: 1rem;
381
- padding: 20px 1rem 0.25rem;
382
- width: 100%;
383
- }
384
- .eds-form-control::-moz-placeholder {
385
- opacity: 0;
386
- -moz-transition: opacity 0.2s ease-in-out;
387
- transition: opacity 0.2s ease-in-out;
388
- }
389
- .eds-form-control::placeholder {
390
- opacity: 0;
391
- transition: opacity 0.2s ease-in-out;
392
- }
393
- .eds-form-control:focus {
394
- outline: none;
395
- }
396
- .eds-form-control:focus::-moz-placeholder {
397
- opacity: 1;
398
- }
399
- .eds-form-control:focus::placeholder {
400
- opacity: 1;
401
- }
402
- .eds-form-control__prepend, .eds-form-control__append {
403
- position: relative;
404
- margin: 0 1rem;
405
- line-height: inherit;
406
- }
407
- .eds-form-control__prepend--tooltip, .eds-form-control__append--tooltip {
408
- position: static;
409
- }
410
- .eds-form-control__prepend svg, .eds-form-control__append svg {
411
- top: 0.125rem;
412
- }
413
- .eds-form-control__prepend {
414
- margin-right: 0;
415
- }
416
- .eds-form-control__append {
417
- margin-left: 0;
418
- }
419
414
  /* DO NOT CHANGE!*/
420
415
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
421
416
  .eds-input-group {
@@ -629,13 +624,6 @@
629
624
  }
630
625
  /* DO NOT CHANGE!*/
631
626
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
632
- textarea.eds-form-control.eds-textarea {
633
- min-height: 7.75rem;
634
- resize: vertical;
635
- line-height: 1.5rem;
636
- }
637
- /* DO NOT CHANGE!*/
638
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
639
627
  .eds-switch {
640
628
  cursor: pointer;
641
629
  -webkit-user-select: none;
@@ -909,6 +897,18 @@ input:disabled + .eds-input-panel__container {
909
897
  margin-top: 0.25rem;
910
898
  word-wrap: break-word;
911
899
  }
900
+ .eds-fieldset {
901
+ margin: 0;
902
+ padding: 0;
903
+ border: 0;
904
+ }
905
+ /* DO NOT CHANGE!*/
906
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
907
+ textarea.eds-form-control.eds-textarea {
908
+ min-height: 7.75rem;
909
+ resize: vertical;
910
+ line-height: 1.5rem;
911
+ }
912
912
  /* DO NOT CHANGE!*/
913
913
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
914
914
  .eds-textfield__clear-button {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/form",
3
- "version": "7.1.11-beta.0",
3
+ "version": "7.1.11",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/form.esm.js",
@@ -27,12 +27,12 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/icons": "^6.17.2-beta.0",
31
- "@entur/tokens": "^3.15.1-beta.0",
32
- "@entur/tooltip": "^2.7.10-beta.0",
33
- "@entur/typography": "^1.8.39-beta.0",
30
+ "@entur/icons": "^6.18.0",
31
+ "@entur/tokens": "^3.15.1",
32
+ "@entur/tooltip": "^2.7.10",
33
+ "@entur/typography": "^1.8.39",
34
34
  "@entur/utils": "^0.11.1",
35
35
  "classnames": "^2.3.1"
36
36
  },
37
- "gitHead": "ea1ac384e3dcc4ad6a5949dbb85c5eb271d5e8a1"
37
+ "gitHead": "59263b656c7de882e8ecf50bdb49f7ddfd283026"
38
38
  }