@entur/chip 0.4.19 → 0.4.20
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/CHANGELOG.md +4 -0
- package/dist/styles.css +84 -84
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [0.4.20](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.19...@entur/chip@0.4.20) (2021-12-10)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @entur/chip
|
|
9
|
+
|
|
6
10
|
## [0.4.19](https://bitbucket.org/enturas/design-system/compare/@entur/chip@0.4.18...@entur/chip@0.4.19) (2021-11-17)
|
|
7
11
|
|
|
8
12
|
**Note:** Version bump only for package @entur/chip
|
package/dist/styles.css
CHANGED
|
@@ -2,32 +2,6 @@
|
|
|
2
2
|
--eds-chip: 1;
|
|
3
3
|
}/* DO NOT CHANGE!*/
|
|
4
4
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
5
|
-
.eds-action-chip {
|
|
6
|
-
cursor: pointer;
|
|
7
|
-
}
|
|
8
|
-
.eds-action-chip:focus {
|
|
9
|
-
outline: none;
|
|
10
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
11
|
-
outline-offset: 0.125rem;
|
|
12
|
-
}
|
|
13
|
-
.eds-contrast .eds-action-chip:focus {
|
|
14
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
15
|
-
}
|
|
16
|
-
.eds-action-chip:hover {
|
|
17
|
-
border-color: #181c56;
|
|
18
|
-
}
|
|
19
|
-
.eds-contrast .eds-action-chip:hover {
|
|
20
|
-
background-color: #54568c;
|
|
21
|
-
border-color: #54568c;
|
|
22
|
-
}
|
|
23
|
-
.eds-action-chip:active {
|
|
24
|
-
background: #d1d4e3;
|
|
25
|
-
}
|
|
26
|
-
.eds-contrast .eds-action-chip:active {
|
|
27
|
-
background-color: #292b6a;
|
|
28
|
-
border-color: #292b6a;
|
|
29
|
-
}/* DO NOT CHANGE!*/
|
|
30
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
31
5
|
.eds-chip {
|
|
32
6
|
background: #ebebf1;
|
|
33
7
|
border: 0.0625rem solid #d1d4e3;
|
|
@@ -57,6 +31,80 @@
|
|
|
57
31
|
margin-left: 0.5rem;
|
|
58
32
|
}/* DO NOT CHANGE!*/
|
|
59
33
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
34
|
+
.eds-filter-chip {
|
|
35
|
+
cursor: pointer;
|
|
36
|
+
user-select: none;
|
|
37
|
+
padding-left: 0.25rem;
|
|
38
|
+
width: fit-content;
|
|
39
|
+
}
|
|
40
|
+
.eds-filter-chip__input {
|
|
41
|
+
position: absolute;
|
|
42
|
+
opacity: 0;
|
|
43
|
+
height: 0;
|
|
44
|
+
width: 0;
|
|
45
|
+
}
|
|
46
|
+
.eds-filter-chip__input:checked + .eds-filter-chip__icon .eds-filter-chip-icon {
|
|
47
|
+
visibility: visible;
|
|
48
|
+
}
|
|
49
|
+
.eds-filter-chip__input:checked + .eds-filter-chip__icon .eds-filter-chip-icon__path {
|
|
50
|
+
stroke: #181c56;
|
|
51
|
+
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
52
|
+
}
|
|
53
|
+
.eds-contrast .eds-filter-chip__input:checked + .eds-filter-chip__icon .eds-filter-chip-icon__path {
|
|
54
|
+
stroke: #5ac39a;
|
|
55
|
+
}
|
|
56
|
+
.eds-filter-chip:focus-within {
|
|
57
|
+
outline: none;
|
|
58
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
59
|
+
outline-offset: 0.125rem;
|
|
60
|
+
}
|
|
61
|
+
.eds-contrast .eds-filter-chip:focus-within {
|
|
62
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
63
|
+
}
|
|
64
|
+
.eds-filter-chip:hover {
|
|
65
|
+
border-color: #181c56;
|
|
66
|
+
}
|
|
67
|
+
.eds-contrast .eds-filter-chip:hover {
|
|
68
|
+
background-color: #54568c;
|
|
69
|
+
border-color: #54568c;
|
|
70
|
+
}
|
|
71
|
+
.eds-filter-chip__icon {
|
|
72
|
+
display: inline-flex;
|
|
73
|
+
justify-content: center;
|
|
74
|
+
align-items: center;
|
|
75
|
+
position: relative;
|
|
76
|
+
margin-right: 0.5rem;
|
|
77
|
+
height: 1.5rem;
|
|
78
|
+
width: 1.5rem;
|
|
79
|
+
border: 0.125rem solid transparent;
|
|
80
|
+
border-radius: 50%;
|
|
81
|
+
background-color: #ffffff;
|
|
82
|
+
color: #ffffff;
|
|
83
|
+
}
|
|
84
|
+
.eds-contrast .eds-filter-chip__icon {
|
|
85
|
+
background-color: #181c56;
|
|
86
|
+
}
|
|
87
|
+
.eds-filter-chip__icon .eds-filter-chip-icon {
|
|
88
|
+
height: 1rem;
|
|
89
|
+
width: 1rem;
|
|
90
|
+
visibility: hidden;
|
|
91
|
+
}
|
|
92
|
+
.eds-contrast .eds-filter-chip__icon .eds-filter-chip-icon {
|
|
93
|
+
color: #ffffff;
|
|
94
|
+
}
|
|
95
|
+
.eds-filter-chip__icon .eds-filter-chip-icon__path {
|
|
96
|
+
transform-origin: 50% 50%;
|
|
97
|
+
stroke-dasharray: 48;
|
|
98
|
+
stroke-dashoffset: 48;
|
|
99
|
+
stroke-width: 0.375rem;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
@keyframes stroke {
|
|
103
|
+
100% {
|
|
104
|
+
stroke-dashoffset: 0;
|
|
105
|
+
}
|
|
106
|
+
}/* DO NOT CHANGE!*/
|
|
107
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
60
108
|
.eds-choice-chip {
|
|
61
109
|
cursor: pointer;
|
|
62
110
|
display: inline-block;
|
|
@@ -127,78 +175,30 @@
|
|
|
127
175
|
color: #babbcf;
|
|
128
176
|
}/* DO NOT CHANGE!*/
|
|
129
177
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
130
|
-
.eds-
|
|
178
|
+
.eds-action-chip {
|
|
131
179
|
cursor: pointer;
|
|
132
|
-
user-select: none;
|
|
133
|
-
padding-left: 0.25rem;
|
|
134
|
-
width: fit-content;
|
|
135
180
|
}
|
|
136
|
-
.eds-
|
|
137
|
-
position: absolute;
|
|
138
|
-
opacity: 0;
|
|
139
|
-
height: 0;
|
|
140
|
-
width: 0;
|
|
141
|
-
}
|
|
142
|
-
.eds-filter-chip__input:checked + .eds-filter-chip__icon .eds-filter-chip-icon {
|
|
143
|
-
visibility: visible;
|
|
144
|
-
}
|
|
145
|
-
.eds-filter-chip__input:checked + .eds-filter-chip__icon .eds-filter-chip-icon__path {
|
|
146
|
-
stroke: #181c56;
|
|
147
|
-
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
148
|
-
}
|
|
149
|
-
.eds-contrast .eds-filter-chip__input:checked + .eds-filter-chip__icon .eds-filter-chip-icon__path {
|
|
150
|
-
stroke: #5ac39a;
|
|
151
|
-
}
|
|
152
|
-
.eds-filter-chip:focus-within {
|
|
181
|
+
.eds-action-chip:focus {
|
|
153
182
|
outline: none;
|
|
154
183
|
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
155
184
|
outline-offset: 0.125rem;
|
|
156
185
|
}
|
|
157
|
-
.eds-contrast .eds-
|
|
186
|
+
.eds-contrast .eds-action-chip:focus {
|
|
158
187
|
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
159
188
|
}
|
|
160
|
-
.eds-
|
|
189
|
+
.eds-action-chip:hover {
|
|
161
190
|
border-color: #181c56;
|
|
162
191
|
}
|
|
163
|
-
.eds-contrast .eds-
|
|
192
|
+
.eds-contrast .eds-action-chip:hover {
|
|
164
193
|
background-color: #54568c;
|
|
165
194
|
border-color: #54568c;
|
|
166
195
|
}
|
|
167
|
-
.eds-
|
|
168
|
-
|
|
169
|
-
justify-content: center;
|
|
170
|
-
align-items: center;
|
|
171
|
-
position: relative;
|
|
172
|
-
margin-right: 0.5rem;
|
|
173
|
-
height: 1.5rem;
|
|
174
|
-
width: 1.5rem;
|
|
175
|
-
border: 0.125rem solid transparent;
|
|
176
|
-
border-radius: 50%;
|
|
177
|
-
background-color: #ffffff;
|
|
178
|
-
color: #ffffff;
|
|
179
|
-
}
|
|
180
|
-
.eds-contrast .eds-filter-chip__icon {
|
|
181
|
-
background-color: #181c56;
|
|
182
|
-
}
|
|
183
|
-
.eds-filter-chip__icon .eds-filter-chip-icon {
|
|
184
|
-
height: 1rem;
|
|
185
|
-
width: 1rem;
|
|
186
|
-
visibility: hidden;
|
|
187
|
-
}
|
|
188
|
-
.eds-contrast .eds-filter-chip__icon .eds-filter-chip-icon {
|
|
189
|
-
color: #ffffff;
|
|
190
|
-
}
|
|
191
|
-
.eds-filter-chip__icon .eds-filter-chip-icon__path {
|
|
192
|
-
transform-origin: 50% 50%;
|
|
193
|
-
stroke-dasharray: 48;
|
|
194
|
-
stroke-dashoffset: 48;
|
|
195
|
-
stroke-width: 0.375rem;
|
|
196
|
+
.eds-action-chip:active {
|
|
197
|
+
background: #d1d4e3;
|
|
196
198
|
}
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
stroke-dashoffset: 0;
|
|
201
|
-
}
|
|
199
|
+
.eds-contrast .eds-action-chip:active {
|
|
200
|
+
background-color: #292b6a;
|
|
201
|
+
border-color: #292b6a;
|
|
202
202
|
}/* DO NOT CHANGE!*/
|
|
203
203
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
204
204
|
.eds-tag-chip {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/chip",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.20",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/chip.esm.js",
|
|
@@ -27,10 +27,10 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/form": "^5.1.
|
|
30
|
+
"@entur/form": "^5.1.5",
|
|
31
31
|
"@entur/tokens": "^3.3.0",
|
|
32
32
|
"@entur/utils": "^0.4.2",
|
|
33
33
|
"classnames": "^2.3.1"
|
|
34
34
|
},
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "4344fc544585636bf5e7f20a1783cb1807082081"
|
|
36
36
|
}
|