@entur/chip 0.6.29 → 0.6.31

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 +98 -98
  2. package/package.json +5 -5
package/dist/styles.css CHANGED
@@ -3,6 +3,75 @@
3
3
  }
4
4
  /* DO NOT CHANGE!*/
5
5
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
6
+ .eds-chip {
7
+ background: #ebebf1;
8
+ border: 0.0625rem solid #d1d4e3;
9
+ border-radius: 1rem;
10
+ color: inherit;
11
+ font-family: inherit;
12
+ font-size: 0.875rem;
13
+ height: 2rem;
14
+ min-width: 3rem;
15
+ padding: 0 0.75rem;
16
+ transition: background 0.1s ease-out, border 0.1s ease-out;
17
+ display: flex;
18
+ justify-content: center;
19
+ align-items: center;
20
+ }
21
+ .eds-chip svg {
22
+ font-size: 0.875rem;
23
+ }
24
+ .eds-contrast .eds-chip {
25
+ background-color: #393d79;
26
+ border-color: transparent;
27
+ }
28
+ .eds-chip--leading-icon .eds-icon:first-of-type {
29
+ margin-right: 0.5rem;
30
+ }
31
+ .eds-chip--trailing-icon .eds-icon:last-of-type {
32
+ margin-left: 0.5rem;
33
+ }
34
+ /* DO NOT CHANGE!*/
35
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
36
+ .eds-action-chip {
37
+ cursor: pointer;
38
+ }
39
+ .eds-action-chip:focus {
40
+ outline: none;
41
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
42
+ outline-offset: 0.125rem;
43
+ }
44
+ .eds-contrast .eds-action-chip:focus {
45
+ box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
46
+ }
47
+ .eds-action-chip:hover {
48
+ border-color: #181c56;
49
+ }
50
+ .eds-contrast .eds-action-chip:hover {
51
+ background-color: #54568c;
52
+ border-color: #54568c;
53
+ }
54
+ .eds-action-chip:active {
55
+ background: #d1d4e3;
56
+ }
57
+ .eds-contrast .eds-action-chip:active {
58
+ background-color: #292b6a;
59
+ border-color: #292b6a;
60
+ }
61
+ .eds-action-chip--disabled {
62
+ opacity: 0.5;
63
+ pointer-events: none;
64
+ }
65
+ .eds-action-chip--disabled__wrapper {
66
+ cursor: not-allowed;
67
+ width: -moz-fit-content;
68
+ width: fit-content;
69
+ }
70
+ .eds-contrast .eds-action-chip__loading-dots .eds-loading-dots__dot {
71
+ background-color: #ffffff;
72
+ }
73
+ /* DO NOT CHANGE!*/
74
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
6
75
  .eds-choice-chip {
7
76
  cursor: pointer;
8
77
  display: inline-block;
@@ -75,72 +144,43 @@
75
144
  }
76
145
  /* DO NOT CHANGE!*/
77
146
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
78
- .eds-action-chip {
79
- cursor: pointer;
80
- }
81
- .eds-action-chip:focus {
82
- outline: none;
83
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
84
- outline-offset: 0.125rem;
85
- }
86
- .eds-contrast .eds-action-chip:focus {
87
- box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
88
- }
89
- .eds-action-chip:hover {
90
- border-color: #181c56;
91
- }
92
- .eds-contrast .eds-action-chip:hover {
93
- background-color: #54568c;
94
- border-color: #54568c;
95
- }
96
- .eds-action-chip:active {
97
- background: #d1d4e3;
98
- }
99
- .eds-contrast .eds-action-chip:active {
100
- background-color: #292b6a;
101
- border-color: #292b6a;
102
- }
103
- .eds-action-chip--disabled {
104
- opacity: 0.5;
105
- pointer-events: none;
106
- }
107
- .eds-action-chip--disabled__wrapper {
108
- cursor: not-allowed;
147
+ .eds-tag-chip {
148
+ cursor: default;
149
+ padding-right: 0.25rem;
109
150
  width: -moz-fit-content;
110
151
  width: fit-content;
111
152
  }
112
- .eds-contrast .eds-action-chip__loading-dots .eds-loading-dots__dot {
113
- background-color: #ffffff;
114
- }
115
- /* DO NOT CHANGE!*/
116
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
117
- .eds-chip {
118
- background: #ebebf1;
119
- border: 0.0625rem solid #d1d4e3;
120
- border-radius: 1rem;
121
- color: inherit;
122
- font-family: inherit;
123
- font-size: 0.875rem;
124
- height: 2rem;
125
- min-width: 3rem;
126
- padding: 0 0.75rem;
127
- transition: background 0.1s ease-out, border 0.1s ease-out;
153
+ .eds-tag-chip__close-button {
154
+ -webkit-appearance: none;
155
+ -moz-appearance: none;
156
+ appearance: none;
157
+ background: none;
158
+ border: none;
159
+ border-radius: 50%;
160
+ color: #181c56;
161
+ cursor: pointer;
128
162
  display: flex;
129
- justify-content: center;
130
- align-items: center;
131
- }
132
- .eds-chip svg {
133
163
  font-size: 0.875rem;
164
+ padding: 0.25rem;
165
+ margin-left: 0.25rem;
166
+ transition: box-shadow 0.1s ease-in-out, background 0.1s ease-in-out;
134
167
  }
135
- .eds-contrast .eds-chip {
136
- background-color: #393d79;
137
- border-color: transparent;
168
+ .eds-contrast .eds-tag-chip__close-button {
169
+ color: #ffffff;
138
170
  }
139
- .eds-chip--leading-icon .eds-icon:first-of-type {
140
- margin-right: 0.5rem;
171
+ .eds-tag-chip__close-button:hover {
172
+ background: #babbcf;
141
173
  }
142
- .eds-chip--trailing-icon .eds-icon:last-of-type {
143
- margin-left: 0.5rem;
174
+ .eds-contrast .eds-tag-chip__close-button:hover {
175
+ background: #54568c;
176
+ }
177
+ .eds-tag-chip__close-button:focus {
178
+ outline-offset: 0.125rem;
179
+ outline: none;
180
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
181
+ }
182
+ .eds-contrast .eds-tag-chip__close-button:focus {
183
+ box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
144
184
  }
145
185
  /* DO NOT CHANGE!*/
146
186
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -228,43 +268,3 @@
228
268
  stroke-dashoffset: 0;
229
269
  }
230
270
  }
231
- /* DO NOT CHANGE!*/
232
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
233
- .eds-tag-chip {
234
- cursor: default;
235
- padding-right: 0.25rem;
236
- width: -moz-fit-content;
237
- width: fit-content;
238
- }
239
- .eds-tag-chip__close-button {
240
- -webkit-appearance: none;
241
- -moz-appearance: none;
242
- appearance: none;
243
- background: none;
244
- border: none;
245
- border-radius: 50%;
246
- color: #181c56;
247
- cursor: pointer;
248
- display: flex;
249
- font-size: 0.875rem;
250
- padding: 0.25rem;
251
- margin-left: 0.25rem;
252
- transition: box-shadow 0.1s ease-in-out, background 0.1s ease-in-out;
253
- }
254
- .eds-contrast .eds-tag-chip__close-button {
255
- color: #ffffff;
256
- }
257
- .eds-tag-chip__close-button:hover {
258
- background: #babbcf;
259
- }
260
- .eds-contrast .eds-tag-chip__close-button:hover {
261
- background: #54568c;
262
- }
263
- .eds-tag-chip__close-button:focus {
264
- outline-offset: 0.125rem;
265
- outline: none;
266
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
267
- }
268
- .eds-contrast .eds-tag-chip__close-button:focus {
269
- box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
270
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/chip",
3
- "version": "0.6.29",
3
+ "version": "0.6.31",
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": "^7.0.2",
30
+ "@entur/form": "^7.0.4",
31
31
  "@entur/icons": "^6.2.0",
32
- "@entur/loader": "^0.4.25",
32
+ "@entur/loader": "^0.4.27",
33
33
  "@entur/tokens": "^3.8.1",
34
- "@entur/utils": "^0.6.0",
34
+ "@entur/utils": "^0.8.0",
35
35
  "classnames": "^2.3.1"
36
36
  },
37
- "gitHead": "1091cc677ad823929989fd5099b93427b4834143"
37
+ "gitHead": "c80112ae71ce3654107c8983a1a9fd91204aa667"
38
38
  }