@entur/chip 0.7.27 → 0.8.0-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.
- package/dist/styles.css +58 -58
- package/package.json +6 -6
package/dist/styles.css
CHANGED
|
@@ -1,48 +1,5 @@
|
|
|
1
1
|
/* DO NOT CHANGE!*/
|
|
2
2
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
|
-
.eds-chip {
|
|
4
|
-
background: transparent;
|
|
5
|
-
border: 0.0625rem solid var(--components-chip-standard-border);
|
|
6
|
-
border-radius: 1rem;
|
|
7
|
-
color: var(--components-chip-standard-text-unselected);
|
|
8
|
-
font-family: inherit;
|
|
9
|
-
transition: background 0.1s ease-out, border 0.1s ease-out;
|
|
10
|
-
display: flex;
|
|
11
|
-
justify-content: center;
|
|
12
|
-
align-items: center;
|
|
13
|
-
}
|
|
14
|
-
.eds-chip svg {
|
|
15
|
-
font-size: 0.875rem;
|
|
16
|
-
}
|
|
17
|
-
.eds-contrast .eds-chip {
|
|
18
|
-
background-color: transparent;
|
|
19
|
-
color: var(--components-chip-contrast-text-unselected);
|
|
20
|
-
border-color: var(--components-chip-contrast-border);
|
|
21
|
-
}
|
|
22
|
-
.eds-chip--leading-icon .eds-icon:first-of-type {
|
|
23
|
-
margin-right: 0.5rem;
|
|
24
|
-
}
|
|
25
|
-
.eds-chip--trailing-icon .eds-icon:last-of-type {
|
|
26
|
-
margin-left: 0.5rem;
|
|
27
|
-
}
|
|
28
|
-
.eds-chip--size-small {
|
|
29
|
-
height: 1.5rem;
|
|
30
|
-
min-width: 2.5rem;
|
|
31
|
-
padding: 0 0.5rem;
|
|
32
|
-
font-size: 0.75rem;
|
|
33
|
-
}
|
|
34
|
-
.eds-chip--size-small .eds-tag-chip__close-button svg {
|
|
35
|
-
width: 1rem;
|
|
36
|
-
height: 1rem;
|
|
37
|
-
}
|
|
38
|
-
.eds-chip--size-medium {
|
|
39
|
-
height: 2rem;
|
|
40
|
-
min-width: 3rem;
|
|
41
|
-
padding: 0 0.75rem;
|
|
42
|
-
font-size: 0.875rem;
|
|
43
|
-
}
|
|
44
|
-
/* DO NOT CHANGE!*/
|
|
45
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
46
3
|
.eds-choice-chip {
|
|
47
4
|
cursor: pointer;
|
|
48
5
|
display: inline-block;
|
|
@@ -79,12 +36,12 @@
|
|
|
79
36
|
.eds-contrast .eds-choice-chip__input:checked ~ .eds-chip:hover {
|
|
80
37
|
color: var(--components-chip-contrast-text-unselected);
|
|
81
38
|
}
|
|
82
|
-
.eds-choice-chip__input:focus ~ .eds-chip {
|
|
39
|
+
.eds-choice-chip__input:focus-visible ~ .eds-chip {
|
|
83
40
|
outline: 2px solid #181c56;
|
|
84
41
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
85
42
|
outline-offset: 0.125rem;
|
|
86
43
|
}
|
|
87
|
-
.eds-contrast .eds-choice-chip__input:focus ~ .eds-chip {
|
|
44
|
+
.eds-contrast .eds-choice-chip__input:focus-visible ~ .eds-chip {
|
|
88
45
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
89
46
|
}
|
|
90
47
|
.eds-choice-chip__input:not(:disabled):hover ~ .eds-chip {
|
|
@@ -117,6 +74,49 @@
|
|
|
117
74
|
}
|
|
118
75
|
/* DO NOT CHANGE!*/
|
|
119
76
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
77
|
+
.eds-chip {
|
|
78
|
+
background: transparent;
|
|
79
|
+
border: 0.0625rem solid var(--components-chip-standard-border);
|
|
80
|
+
border-radius: 1rem;
|
|
81
|
+
color: var(--components-chip-standard-text-unselected);
|
|
82
|
+
font-family: inherit;
|
|
83
|
+
transition: background 0.1s ease-out, border 0.1s ease-out;
|
|
84
|
+
display: flex;
|
|
85
|
+
justify-content: center;
|
|
86
|
+
align-items: center;
|
|
87
|
+
}
|
|
88
|
+
.eds-chip svg {
|
|
89
|
+
font-size: 0.875rem;
|
|
90
|
+
}
|
|
91
|
+
.eds-contrast .eds-chip {
|
|
92
|
+
background-color: transparent;
|
|
93
|
+
color: var(--components-chip-contrast-text-unselected);
|
|
94
|
+
border-color: var(--components-chip-contrast-border);
|
|
95
|
+
}
|
|
96
|
+
.eds-chip--leading-icon .eds-icon:first-of-type {
|
|
97
|
+
margin-right: 0.5rem;
|
|
98
|
+
}
|
|
99
|
+
.eds-chip--trailing-icon .eds-icon:last-of-type {
|
|
100
|
+
margin-left: 0.5rem;
|
|
101
|
+
}
|
|
102
|
+
.eds-chip--size-small {
|
|
103
|
+
height: 1.5rem;
|
|
104
|
+
min-width: 2.5rem;
|
|
105
|
+
padding: 0 0.5rem;
|
|
106
|
+
font-size: 0.75rem;
|
|
107
|
+
}
|
|
108
|
+
.eds-chip--size-small .eds-tag-chip__close-button svg {
|
|
109
|
+
width: 1rem;
|
|
110
|
+
height: 1rem;
|
|
111
|
+
}
|
|
112
|
+
.eds-chip--size-medium {
|
|
113
|
+
height: 2rem;
|
|
114
|
+
min-width: 3rem;
|
|
115
|
+
padding: 0 0.75rem;
|
|
116
|
+
font-size: 0.875rem;
|
|
117
|
+
}
|
|
118
|
+
/* DO NOT CHANGE!*/
|
|
119
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
120
120
|
/* DO NOT CHANGE!*/
|
|
121
121
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
122
122
|
/* DO NOT CHANGE!*/
|
|
@@ -316,13 +316,13 @@
|
|
|
316
316
|
.eds-action-chip {
|
|
317
317
|
cursor: pointer;
|
|
318
318
|
}
|
|
319
|
-
.eds-action-chip:focus {
|
|
319
|
+
.eds-action-chip:focus-visible {
|
|
320
320
|
outline: 2px solid #181c56;
|
|
321
321
|
outline-color: #181c56;
|
|
322
322
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
323
323
|
outline-offset: 0.125rem;
|
|
324
324
|
}
|
|
325
|
-
.eds-contrast .eds-action-chip:focus {
|
|
325
|
+
.eds-contrast .eds-action-chip:focus-visible {
|
|
326
326
|
outline-color: #aeb7e2;
|
|
327
327
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
328
328
|
}
|
|
@@ -387,12 +387,12 @@
|
|
|
387
387
|
width: 1.5rem;
|
|
388
388
|
height: 1.5rem;
|
|
389
389
|
}
|
|
390
|
-
.eds-tag-chip__close-button:focus {
|
|
390
|
+
.eds-tag-chip__close-button:focus-visible {
|
|
391
391
|
outline: 2px solid #181c56;
|
|
392
392
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
393
393
|
outline-offset: 0.125rem;
|
|
394
394
|
}
|
|
395
|
-
.eds-contrast .eds-tag-chip__close-button:focus {
|
|
395
|
+
.eds-contrast .eds-tag-chip__close-button:focus-visible {
|
|
396
396
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
397
397
|
}
|
|
398
398
|
.eds-tag-chip__close-button:hover {
|
|
@@ -453,12 +453,12 @@
|
|
|
453
453
|
stroke: var(--components-chip-contrast-icon-selected);
|
|
454
454
|
animation: stroke ease-in-out 0.5s 0.1s forwards;
|
|
455
455
|
}
|
|
456
|
-
.eds-filter-chip__input:focus ~ .eds-chip {
|
|
456
|
+
.eds-filter-chip__input:focus-visible ~ .eds-chip {
|
|
457
457
|
outline: 2px solid #181c56;
|
|
458
458
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
459
459
|
outline-offset: 0.125rem;
|
|
460
460
|
}
|
|
461
|
-
.eds-contrast .eds-filter-chip__input:focus ~ .eds-chip {
|
|
461
|
+
.eds-contrast .eds-filter-chip__input:focus-visible ~ .eds-chip {
|
|
462
462
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
463
463
|
}
|
|
464
464
|
.eds-filter-chip__input:hover ~ .eds-chip {
|
|
@@ -507,6 +507,13 @@
|
|
|
507
507
|
}
|
|
508
508
|
/* DO NOT CHANGE!*/
|
|
509
509
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
510
|
+
:where(.eds-choice-chips-group) {
|
|
511
|
+
display: flex;
|
|
512
|
+
row-gap: 0.5rem;
|
|
513
|
+
flex-wrap: wrap;
|
|
514
|
+
}
|
|
515
|
+
/* DO NOT CHANGE!*/
|
|
516
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
510
517
|
/* DO NOT CHANGE!*/
|
|
511
518
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
512
519
|
/* DO NOT CHANGE!*/
|
|
@@ -700,10 +707,3 @@
|
|
|
700
707
|
:root {
|
|
701
708
|
--eds-chip: 1;
|
|
702
709
|
}
|
|
703
|
-
/* DO NOT CHANGE!*/
|
|
704
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
705
|
-
:where(.eds-choice-chips-group) {
|
|
706
|
-
display: flex;
|
|
707
|
-
row-gap: 0.5rem;
|
|
708
|
-
flex-wrap: wrap;
|
|
709
|
-
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/chip",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.8.0-beta.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/chip.esm.js",
|
|
@@ -27,15 +27,15 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/form": "^8.
|
|
31
|
-
"@entur/icons": "^7.
|
|
32
|
-
"@entur/loader": "^0.5.
|
|
33
|
-
"@entur/tokens": "^3.17.
|
|
30
|
+
"@entur/form": "^8.2.0-beta.0",
|
|
31
|
+
"@entur/icons": "^7.6.0",
|
|
32
|
+
"@entur/loader": "^0.5.17-beta.0",
|
|
33
|
+
"@entur/tokens": "^3.17.5",
|
|
34
34
|
"@entur/utils": "^0.12.2",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"dts-cli": "2.0.5"
|
|
39
39
|
},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "6ee621529704e08c9814cda206da98c37a9f0689"
|
|
41
41
|
}
|