@entur/chip 0.7.25 → 0.7.26
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 +58 -58
- package/package.json +3 -3
package/dist/styles.css
CHANGED
|
@@ -117,57 +117,6 @@
|
|
|
117
117
|
}
|
|
118
118
|
/* DO NOT CHANGE!*/
|
|
119
119
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
120
|
-
.eds-tag-chip {
|
|
121
|
-
cursor: default;
|
|
122
|
-
padding-right: 0.25rem;
|
|
123
|
-
width: -moz-fit-content;
|
|
124
|
-
width: fit-content;
|
|
125
|
-
}
|
|
126
|
-
.eds-tag-chip__close-button {
|
|
127
|
-
-webkit-appearance: none;
|
|
128
|
-
-moz-appearance: none;
|
|
129
|
-
appearance: none;
|
|
130
|
-
background: none;
|
|
131
|
-
border: none;
|
|
132
|
-
border-radius: 50%;
|
|
133
|
-
cursor: pointer;
|
|
134
|
-
display: flex;
|
|
135
|
-
color: inherit;
|
|
136
|
-
font-size: 0.875rem;
|
|
137
|
-
padding: 0.0625rem;
|
|
138
|
-
margin-left: 0.25rem;
|
|
139
|
-
transition: box-shadow 0.1s ease-in-out, background 0.1s ease-in-out;
|
|
140
|
-
}
|
|
141
|
-
.eds-tag-chip__close-button svg {
|
|
142
|
-
width: 1.5rem;
|
|
143
|
-
height: 1.5rem;
|
|
144
|
-
}
|
|
145
|
-
.eds-tag-chip__close-button:focus {
|
|
146
|
-
outline: 2px solid #181c56;
|
|
147
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
148
|
-
outline-offset: 0.125rem;
|
|
149
|
-
}
|
|
150
|
-
.eds-contrast .eds-tag-chip__close-button:focus {
|
|
151
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
152
|
-
}
|
|
153
|
-
.eds-tag-chip__close-button:hover {
|
|
154
|
-
border-color: var(--components-chip-standard-border);
|
|
155
|
-
background-color: var(--components-chip-standard-hover);
|
|
156
|
-
}
|
|
157
|
-
.eds-contrast .eds-tag-chip__close-button:hover {
|
|
158
|
-
border-color: transparent;
|
|
159
|
-
background-color: var(--components-chip-contrast-hover);
|
|
160
|
-
}
|
|
161
|
-
.eds-tag-chip__close-button:active {
|
|
162
|
-
background-color: var(--components-chip-standard-active);
|
|
163
|
-
border-color: transparent;
|
|
164
|
-
}
|
|
165
|
-
.eds-contrast .eds-tag-chip__close-button:active {
|
|
166
|
-
background-color: var(--components-chip-contrast-active);
|
|
167
|
-
color: var(--components-chip-contrast-text-selected);
|
|
168
|
-
}
|
|
169
|
-
/* DO NOT CHANGE!*/
|
|
170
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
171
120
|
/* DO NOT CHANGE!*/
|
|
172
121
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
173
122
|
/* DO NOT CHANGE!*/
|
|
@@ -405,6 +354,57 @@
|
|
|
405
354
|
}
|
|
406
355
|
/* DO NOT CHANGE!*/
|
|
407
356
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
357
|
+
.eds-tag-chip {
|
|
358
|
+
cursor: default;
|
|
359
|
+
padding-right: 0.25rem;
|
|
360
|
+
width: -moz-fit-content;
|
|
361
|
+
width: fit-content;
|
|
362
|
+
}
|
|
363
|
+
.eds-tag-chip__close-button {
|
|
364
|
+
-webkit-appearance: none;
|
|
365
|
+
-moz-appearance: none;
|
|
366
|
+
appearance: none;
|
|
367
|
+
background: none;
|
|
368
|
+
border: none;
|
|
369
|
+
border-radius: 50%;
|
|
370
|
+
cursor: pointer;
|
|
371
|
+
display: flex;
|
|
372
|
+
color: inherit;
|
|
373
|
+
font-size: 0.875rem;
|
|
374
|
+
padding: 0.0625rem;
|
|
375
|
+
margin-left: 0.25rem;
|
|
376
|
+
transition: box-shadow 0.1s ease-in-out, background 0.1s ease-in-out;
|
|
377
|
+
}
|
|
378
|
+
.eds-tag-chip__close-button svg {
|
|
379
|
+
width: 1.5rem;
|
|
380
|
+
height: 1.5rem;
|
|
381
|
+
}
|
|
382
|
+
.eds-tag-chip__close-button:focus {
|
|
383
|
+
outline: 2px solid #181c56;
|
|
384
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
385
|
+
outline-offset: 0.125rem;
|
|
386
|
+
}
|
|
387
|
+
.eds-contrast .eds-tag-chip__close-button:focus {
|
|
388
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
389
|
+
}
|
|
390
|
+
.eds-tag-chip__close-button:hover {
|
|
391
|
+
border-color: var(--components-chip-standard-border);
|
|
392
|
+
background-color: var(--components-chip-standard-hover);
|
|
393
|
+
}
|
|
394
|
+
.eds-contrast .eds-tag-chip__close-button:hover {
|
|
395
|
+
border-color: transparent;
|
|
396
|
+
background-color: var(--components-chip-contrast-hover);
|
|
397
|
+
}
|
|
398
|
+
.eds-tag-chip__close-button:active {
|
|
399
|
+
background-color: var(--components-chip-standard-active);
|
|
400
|
+
border-color: transparent;
|
|
401
|
+
}
|
|
402
|
+
.eds-contrast .eds-tag-chip__close-button:active {
|
|
403
|
+
background-color: var(--components-chip-contrast-active);
|
|
404
|
+
color: var(--components-chip-contrast-text-selected);
|
|
405
|
+
}
|
|
406
|
+
/* DO NOT CHANGE!*/
|
|
407
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
408
408
|
.eds-filter-chip {
|
|
409
409
|
cursor: pointer;
|
|
410
410
|
width: -moz-fit-content;
|
|
@@ -499,6 +499,13 @@
|
|
|
499
499
|
}
|
|
500
500
|
/* DO NOT CHANGE!*/
|
|
501
501
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
502
|
+
:where(.eds-choice-chips-group) {
|
|
503
|
+
display: flex;
|
|
504
|
+
row-gap: 0.5rem;
|
|
505
|
+
flex-wrap: wrap;
|
|
506
|
+
}
|
|
507
|
+
/* DO NOT CHANGE!*/
|
|
508
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
502
509
|
/* DO NOT CHANGE!*/
|
|
503
510
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
504
511
|
/* DO NOT CHANGE!*/
|
|
@@ -692,10 +699,3 @@
|
|
|
692
699
|
:root {
|
|
693
700
|
--eds-chip: 1;
|
|
694
701
|
}
|
|
695
|
-
/* DO NOT CHANGE!*/
|
|
696
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
697
|
-
:where(.eds-choice-chips-group) {
|
|
698
|
-
display: flex;
|
|
699
|
-
row-gap: 0.5rem;
|
|
700
|
-
flex-wrap: wrap;
|
|
701
|
-
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/chip",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.26",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/chip.esm.js",
|
|
@@ -27,12 +27,12 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/form": "^8.1.
|
|
30
|
+
"@entur/form": "^8.1.8",
|
|
31
31
|
"@entur/icons": "^7.5.0",
|
|
32
32
|
"@entur/loader": "^0.5.14",
|
|
33
33
|
"@entur/tokens": "^3.17.3",
|
|
34
34
|
"@entur/utils": "^0.12.1",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "5c9836f2bcab799e31cc52b6fe72c6e198947a71"
|
|
38
38
|
}
|