@entur/chip 0.6.35 → 0.6.36

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 +4 -4
package/dist/styles.css CHANGED
@@ -3,6 +3,36 @@
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. */
6
36
  .eds-choice-chip {
7
37
  cursor: pointer;
8
38
  display: inline-block;
@@ -114,46 +144,6 @@
114
144
  }
115
145
  /* DO NOT CHANGE!*/
116
146
  /* 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. */
157
147
  .eds-filter-chip {
158
148
  cursor: pointer;
159
149
  -webkit-user-select: none;
@@ -240,31 +230,41 @@
240
230
  }
241
231
  /* DO NOT CHANGE!*/
242
232
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
243
- .eds-chip {
244
- background: #ebebf1;
245
- border: 0.0625rem solid #d1d4e3;
246
- border-radius: 1rem;
247
- color: inherit;
248
- font-family: inherit;
249
- font-size: 0.875rem;
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;
233
+ .eds-tag-chip {
234
+ cursor: default;
235
+ padding-right: 0.25rem;
236
+ width: -moz-fit-content;
237
+ width: fit-content;
257
238
  }
258
- .eds-chip svg {
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;
259
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;
260
253
  }
261
- .eds-contrast .eds-chip {
262
- background-color: #393d79;
263
- border-color: transparent;
254
+ .eds-contrast .eds-tag-chip__close-button {
255
+ color: #ffffff;
264
256
  }
265
- .eds-chip--leading-icon .eds-icon:first-of-type {
266
- margin-right: 0.5rem;
257
+ .eds-tag-chip__close-button:hover {
258
+ background: #babbcf;
267
259
  }
268
- .eds-chip--trailing-icon .eds-icon:last-of-type {
269
- margin-left: 0.5rem;
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
270
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/chip",
3
- "version": "0.6.35",
3
+ "version": "0.6.36",
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.8",
30
+ "@entur/form": "^7.0.9",
31
31
  "@entur/icons": "^6.3.0",
32
- "@entur/loader": "^0.4.30",
32
+ "@entur/loader": "^0.4.31",
33
33
  "@entur/tokens": "^3.9.0",
34
34
  "@entur/utils": "^0.9.0",
35
35
  "classnames": "^2.3.1"
36
36
  },
37
- "gitHead": "a4e1d50fdac6ac767d5a90e92360c8d07e7c5e9c"
37
+ "gitHead": "8f124a94b17be084024892eca96ab800f18ceca2"
38
38
  }