@entur/button 3.3.2-beta.0 → 3.3.3
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 +95 -94
- package/package.json +4 -4
package/dist/styles.css
CHANGED
|
@@ -1,103 +1,22 @@
|
|
|
1
1
|
/* DO NOT CHANGE!*/
|
|
2
2
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
|
-
.eds-button
|
|
4
|
-
margin-right: 0.75rem;
|
|
5
|
-
margin-bottom: 0.75rem;
|
|
6
|
-
}
|
|
7
|
-
.eds-button-group .eds-button:only-child {
|
|
8
|
-
margin: 0;
|
|
9
|
-
}
|
|
10
|
-
/* DO NOT CHANGE!*/
|
|
11
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
12
|
-
.eds-floating-button {
|
|
13
|
-
align-items: center;
|
|
14
|
-
-webkit-appearance: none;
|
|
15
|
-
-moz-appearance: none;
|
|
16
|
-
appearance: none;
|
|
17
|
-
background: var(--components-button-floating-standard-default);
|
|
18
|
-
border: 0;
|
|
19
|
-
border-radius: 1.5rem;
|
|
20
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
21
|
-
color: var(--components-button-floating-standard-text);
|
|
22
|
-
cursor: pointer;
|
|
3
|
+
a.eds-button {
|
|
23
4
|
display: flex;
|
|
24
|
-
|
|
25
|
-
font-size: 0.875rem;
|
|
26
|
-
font-weight: 500;
|
|
5
|
+
align-items: center;
|
|
27
6
|
justify-content: center;
|
|
28
|
-
min-height: 3rem;
|
|
29
|
-
margin: 0;
|
|
30
|
-
min-width: 3rem;
|
|
31
|
-
padding: 0 1rem;
|
|
32
|
-
position: relative;
|
|
33
|
-
z-index: 10;
|
|
34
|
-
}
|
|
35
|
-
.eds-floating-button--extended {
|
|
36
|
-
padding: 0 0.9375rem;
|
|
37
|
-
}
|
|
38
|
-
.eds-floating-button:hover {
|
|
39
|
-
background-color: var(--components-button-floating-standard-hover);
|
|
40
7
|
}
|
|
41
|
-
.eds-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
.eds-floating-button:focus-visible {
|
|
45
|
-
outline: 2px solid #181c56;
|
|
46
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
47
|
-
outline-offset: 0.125rem;
|
|
48
|
-
}
|
|
49
|
-
.eds-contrast .eds-floating-button:focus-visible {
|
|
50
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
51
|
-
}
|
|
52
|
-
.eds-contrast .eds-floating-button {
|
|
53
|
-
background: var(--components-button-floating-contrast-default);
|
|
54
|
-
color: var(--components-button-floating-contrast-text);
|
|
55
|
-
box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
|
|
56
|
-
}
|
|
57
|
-
.eds-contrast .eds-floating-button:hover {
|
|
58
|
-
background-color: var(--components-button-floating-contrast-hover);
|
|
59
|
-
}
|
|
60
|
-
.eds-contrast .eds-floating-button:active {
|
|
61
|
-
background-color: var(--components-button-floating-contrast-active);
|
|
62
|
-
}
|
|
63
|
-
.eds-floating-button--small {
|
|
64
|
-
border-radius: 1rem;
|
|
65
|
-
height: 2rem;
|
|
66
|
-
padding: 0 0.5rem;
|
|
67
|
-
min-width: 2rem;
|
|
68
|
-
min-height: 2rem;
|
|
69
|
-
flex: 0 1 auto;
|
|
70
|
-
}
|
|
71
|
-
.eds-floating-button--small.eds-floating-button--extended {
|
|
72
|
-
padding: 0 0.6875rem;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.eds-floating-button--extended > * {
|
|
76
|
-
margin: 0 0.5em;
|
|
77
|
-
}
|
|
78
|
-
.eds-floating-button--extended > *:first-child {
|
|
79
|
-
margin-left: 0;
|
|
80
|
-
}
|
|
81
|
-
.eds-floating-button--extended > *:last-child {
|
|
82
|
-
margin-right: 0;
|
|
83
|
-
}
|
|
84
|
-
/* DO NOT CHANGE!*/
|
|
85
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
86
|
-
a.eds-button {
|
|
87
|
-
padding: 0.5rem 1rem;
|
|
88
|
-
}
|
|
89
|
-
a.eds-button--variant-tertiary {
|
|
90
|
-
padding: 0.25rem 1rem;
|
|
91
|
-
}
|
|
92
|
-
a.eds-button--size-small {
|
|
93
|
-
padding: 0.25rem 1rem;
|
|
94
|
-
}
|
|
95
|
-
a.eds-button--size-large {
|
|
96
|
-
padding: 1rem;
|
|
8
|
+
a.eds-button .eds-icon {
|
|
9
|
+
position: static;
|
|
10
|
+
position: initial;
|
|
97
11
|
}
|
|
98
12
|
|
|
99
13
|
.eds-button {
|
|
100
14
|
min-width: 9.5rem;
|
|
15
|
+
width: -moz-max-content;
|
|
16
|
+
width: max-content;
|
|
17
|
+
min-height: 3rem;
|
|
18
|
+
height: -moz-fit-content;
|
|
19
|
+
height: fit-content;
|
|
101
20
|
border-radius: 0.25rem;
|
|
102
21
|
font-size: inherit;
|
|
103
22
|
cursor: pointer;
|
|
@@ -108,7 +27,6 @@ a.eds-button--size-large {
|
|
|
108
27
|
-webkit-text-decoration: none;
|
|
109
28
|
text-decoration: none;
|
|
110
29
|
padding: 0 1rem;
|
|
111
|
-
height: 3rem;
|
|
112
30
|
font-size: 1rem;
|
|
113
31
|
line-height: 1.5rem;
|
|
114
32
|
font-weight: 500;
|
|
@@ -154,13 +72,13 @@ a.eds-button--size-large {
|
|
|
154
72
|
}
|
|
155
73
|
.eds-button--size-small {
|
|
156
74
|
min-width: 5.75rem;
|
|
157
|
-
height: 2rem;
|
|
75
|
+
min-height: 2rem;
|
|
158
76
|
font-size: 0.875rem;
|
|
159
77
|
line-height: 1.375rem;
|
|
160
78
|
}
|
|
161
79
|
.eds-button--size-large {
|
|
162
80
|
min-width: 11.75rem;
|
|
163
|
-
height: 3.75rem;
|
|
81
|
+
min-height: 3.75rem;
|
|
164
82
|
}
|
|
165
83
|
.eds-button--width-fluid {
|
|
166
84
|
width: 100%;
|
|
@@ -293,6 +211,89 @@ a.eds-button--size-large {
|
|
|
293
211
|
}
|
|
294
212
|
/* DO NOT CHANGE!*/
|
|
295
213
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
214
|
+
.eds-button-group .eds-button {
|
|
215
|
+
margin-right: 0.75rem;
|
|
216
|
+
margin-bottom: 0.75rem;
|
|
217
|
+
}
|
|
218
|
+
.eds-button-group .eds-button:only-child {
|
|
219
|
+
margin: 0;
|
|
220
|
+
}
|
|
221
|
+
/* DO NOT CHANGE!*/
|
|
222
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
223
|
+
.eds-floating-button {
|
|
224
|
+
align-items: center;
|
|
225
|
+
-webkit-appearance: none;
|
|
226
|
+
-moz-appearance: none;
|
|
227
|
+
appearance: none;
|
|
228
|
+
background: var(--components-button-floating-standard-default);
|
|
229
|
+
border: 0;
|
|
230
|
+
border-radius: 1.5rem;
|
|
231
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
232
|
+
color: var(--components-button-floating-standard-text);
|
|
233
|
+
cursor: pointer;
|
|
234
|
+
display: flex;
|
|
235
|
+
font-family: inherit;
|
|
236
|
+
font-size: 0.875rem;
|
|
237
|
+
font-weight: 500;
|
|
238
|
+
justify-content: center;
|
|
239
|
+
min-height: 3rem;
|
|
240
|
+
margin: 0;
|
|
241
|
+
min-width: 3rem;
|
|
242
|
+
padding: 0 1rem;
|
|
243
|
+
position: relative;
|
|
244
|
+
z-index: 10;
|
|
245
|
+
}
|
|
246
|
+
.eds-floating-button--extended {
|
|
247
|
+
padding: 0 0.9375rem;
|
|
248
|
+
}
|
|
249
|
+
.eds-floating-button:hover {
|
|
250
|
+
background-color: var(--components-button-floating-standard-hover);
|
|
251
|
+
}
|
|
252
|
+
.eds-floating-button:active {
|
|
253
|
+
background-color: var(--components-button-floating-standard-active);
|
|
254
|
+
}
|
|
255
|
+
.eds-floating-button:focus-visible {
|
|
256
|
+
outline: 2px solid #181c56;
|
|
257
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
258
|
+
outline-offset: 0.125rem;
|
|
259
|
+
}
|
|
260
|
+
.eds-contrast .eds-floating-button:focus-visible {
|
|
261
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
262
|
+
}
|
|
263
|
+
.eds-contrast .eds-floating-button {
|
|
264
|
+
background: var(--components-button-floating-contrast-default);
|
|
265
|
+
color: var(--components-button-floating-contrast-text);
|
|
266
|
+
box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
|
|
267
|
+
}
|
|
268
|
+
.eds-contrast .eds-floating-button:hover {
|
|
269
|
+
background-color: var(--components-button-floating-contrast-hover);
|
|
270
|
+
}
|
|
271
|
+
.eds-contrast .eds-floating-button:active {
|
|
272
|
+
background-color: var(--components-button-floating-contrast-active);
|
|
273
|
+
}
|
|
274
|
+
.eds-floating-button--small {
|
|
275
|
+
border-radius: 1rem;
|
|
276
|
+
height: 2rem;
|
|
277
|
+
padding: 0 0.5rem;
|
|
278
|
+
min-width: 2rem;
|
|
279
|
+
min-height: 2rem;
|
|
280
|
+
flex: 0 1 auto;
|
|
281
|
+
}
|
|
282
|
+
.eds-floating-button--small.eds-floating-button--extended {
|
|
283
|
+
padding: 0 0.6875rem;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
.eds-floating-button--extended > * {
|
|
287
|
+
margin: 0 0.5em;
|
|
288
|
+
}
|
|
289
|
+
.eds-floating-button--extended > *:first-child {
|
|
290
|
+
margin-left: 0;
|
|
291
|
+
}
|
|
292
|
+
.eds-floating-button--extended > *:last-child {
|
|
293
|
+
margin-right: 0;
|
|
294
|
+
}
|
|
295
|
+
/* DO NOT CHANGE!*/
|
|
296
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
296
297
|
.eds-square-button {
|
|
297
298
|
align-items: center;
|
|
298
299
|
-webkit-appearance: none;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/button",
|
|
3
|
-
"version": "3.3.
|
|
3
|
+
"version": "3.3.3",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/button.esm.js",
|
|
@@ -27,13 +27,13 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/loader": "^0.5.
|
|
31
|
-
"@entur/tokens": "^3.
|
|
30
|
+
"@entur/loader": "^0.5.20",
|
|
31
|
+
"@entur/tokens": "^3.18.0",
|
|
32
32
|
"@entur/utils": "^0.12.2",
|
|
33
33
|
"classnames": "^2.3.1"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"dts-cli": "2.0.5"
|
|
37
37
|
},
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "8ae7ed09699a63cc7e50d546d54750d8ec066c50"
|
|
39
39
|
}
|