@entur/chip 0.6.33 → 0.6.35

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 +62 -62
  2. package/package.json +6 -6
package/dist/styles.css CHANGED
@@ -3,36 +3,6 @@
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
6
  .eds-choice-chip {
37
7
  cursor: pointer;
38
8
  display: inline-block;
@@ -144,6 +114,46 @@
144
114
  }
145
115
  /* DO NOT CHANGE!*/
146
116
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
117
+ .eds-tag-chip {
118
+ cursor: default;
119
+ padding-right: 0.25rem;
120
+ width: -moz-fit-content;
121
+ width: fit-content;
122
+ }
123
+ .eds-tag-chip__close-button {
124
+ -webkit-appearance: none;
125
+ -moz-appearance: none;
126
+ appearance: none;
127
+ background: none;
128
+ border: none;
129
+ border-radius: 50%;
130
+ color: #181c56;
131
+ cursor: pointer;
132
+ display: flex;
133
+ font-size: 0.875rem;
134
+ padding: 0.25rem;
135
+ margin-left: 0.25rem;
136
+ transition: box-shadow 0.1s ease-in-out, background 0.1s ease-in-out;
137
+ }
138
+ .eds-contrast .eds-tag-chip__close-button {
139
+ color: #ffffff;
140
+ }
141
+ .eds-tag-chip__close-button:hover {
142
+ background: #babbcf;
143
+ }
144
+ .eds-contrast .eds-tag-chip__close-button:hover {
145
+ background: #54568c;
146
+ }
147
+ .eds-tag-chip__close-button:focus {
148
+ outline-offset: 0.125rem;
149
+ outline: none;
150
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
151
+ }
152
+ .eds-contrast .eds-tag-chip__close-button:focus {
153
+ box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
154
+ }
155
+ /* DO NOT CHANGE!*/
156
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
147
157
  .eds-filter-chip {
148
158
  cursor: pointer;
149
159
  -webkit-user-select: none;
@@ -230,41 +240,31 @@
230
240
  }
231
241
  /* DO NOT CHANGE!*/
232
242
  /* 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;
243
+ .eds-chip {
244
+ background: #ebebf1;
245
+ border: 0.0625rem solid #d1d4e3;
246
+ border-radius: 1rem;
247
+ color: inherit;
248
+ font-family: inherit;
249
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;
250
+ height: 2rem;
251
+ min-width: 3rem;
252
+ padding: 0 0.75rem;
253
+ transition: background 0.1s ease-out, border 0.1s ease-out;
254
+ display: flex;
255
+ justify-content: center;
256
+ align-items: center;
256
257
  }
257
- .eds-tag-chip__close-button:hover {
258
- background: #babbcf;
258
+ .eds-chip svg {
259
+ font-size: 0.875rem;
259
260
  }
260
- .eds-contrast .eds-tag-chip__close-button:hover {
261
- background: #54568c;
261
+ .eds-contrast .eds-chip {
262
+ background-color: #393d79;
263
+ border-color: transparent;
262
264
  }
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;
265
+ .eds-chip--leading-icon .eds-icon:first-of-type {
266
+ margin-right: 0.5rem;
267
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;
268
+ .eds-chip--trailing-icon .eds-icon:last-of-type {
269
+ margin-left: 0.5rem;
270
270
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/chip",
3
- "version": "0.6.33",
3
+ "version": "0.6.35",
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.6",
31
- "@entur/icons": "^6.2.0",
32
- "@entur/loader": "^0.4.29",
33
- "@entur/tokens": "^3.8.1",
30
+ "@entur/form": "^7.0.8",
31
+ "@entur/icons": "^6.3.0",
32
+ "@entur/loader": "^0.4.30",
33
+ "@entur/tokens": "^3.9.0",
34
34
  "@entur/utils": "^0.9.0",
35
35
  "classnames": "^2.3.1"
36
36
  },
37
- "gitHead": "02c9d76ac36b3357b91ee60ac3e0f66eb111c9c2"
37
+ "gitHead": "a4e1d50fdac6ac767d5a90e92360c8d07e7c5e9c"
38
38
  }