@entur/expand 3.6.3 → 3.6.4
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/README.md +2 -2
- package/dist/styles.css +34 -32
- package/package.json +6 -6
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
This package contains the different Expand components.
|
|
4
4
|
|
|
5
|
-
> 💡 Looking for the [documentation](https://
|
|
5
|
+
> 💡 Looking for the [documentation](https://linje.entur.no/komponenter/layout-og-flater/expandable)?
|
|
6
6
|
|
|
7
7
|
## Installation
|
|
8
8
|
|
|
@@ -14,4 +14,4 @@ yarn add @entur/expand
|
|
|
14
14
|
|
|
15
15
|
## Usage
|
|
16
16
|
|
|
17
|
-
Please refer to the [documentation](https://
|
|
17
|
+
Please refer to the [documentation](https://linje.entur.no/komponenter/layout-og-flater/expandable) for usage information.
|
package/dist/styles.css
CHANGED
|
@@ -91,6 +91,38 @@
|
|
|
91
91
|
}
|
|
92
92
|
/* DO NOT CHANGE!*/
|
|
93
93
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
94
|
+
.eds-expandable-text__trigger {
|
|
95
|
+
-webkit-appearance: none;
|
|
96
|
+
-moz-appearance: none;
|
|
97
|
+
appearance: none;
|
|
98
|
+
margin: 0;
|
|
99
|
+
border: none;
|
|
100
|
+
padding: 0.5rem 0;
|
|
101
|
+
cursor: pointer;
|
|
102
|
+
font-family: inherit;
|
|
103
|
+
color: var(--components-expand-expandabletext-standard-text);
|
|
104
|
+
background: inherit;
|
|
105
|
+
font-size: inherit;
|
|
106
|
+
display: flex;
|
|
107
|
+
align-items: center;
|
|
108
|
+
}
|
|
109
|
+
.eds-contrast .eds-expandable-text__trigger {
|
|
110
|
+
color: var(--components-expand-expandabletext-contrast-text);
|
|
111
|
+
}
|
|
112
|
+
.eds-expandable-text__trigger > h5, .eds-expandable-text__trigger > h4, .eds-expandable-text__trigger > h3, .eds-expandable-text__trigger > h2, .eds-expandable-text__trigger > p {
|
|
113
|
+
margin-top: 0;
|
|
114
|
+
margin-bottom: 0;
|
|
115
|
+
}
|
|
116
|
+
.eds-expandable-text__trigger:focus-visible {
|
|
117
|
+
outline: 2px solid #181c56;
|
|
118
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
119
|
+
outline-offset: 0.125rem;
|
|
120
|
+
}
|
|
121
|
+
.eds-contrast .eds-expandable-text__trigger:focus-visible {
|
|
122
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
123
|
+
}
|
|
124
|
+
/* DO NOT CHANGE!*/
|
|
125
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
94
126
|
/* DO NOT CHANGE!*/
|
|
95
127
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
96
128
|
/* DO NOT CHANGE!*/
|
|
@@ -138,6 +170,7 @@
|
|
|
138
170
|
:root {
|
|
139
171
|
--basecolors-frame-contrast: #181c56;
|
|
140
172
|
--basecolors-frame-contrastalt: #393d79;
|
|
173
|
+
--basecolors-frame-contrastalt-2: #292b6a;
|
|
141
174
|
--basecolors-frame-default: #ffffff;
|
|
142
175
|
--basecolors-frame-elevated: #ffffff;
|
|
143
176
|
--basecolors-frame-elevatedalt: #f6f6f9;
|
|
@@ -203,6 +236,7 @@
|
|
|
203
236
|
[data-color-mode=dark] {
|
|
204
237
|
--basecolors-frame-contrast: #212233;
|
|
205
238
|
--basecolors-frame-contrastalt: #141527;
|
|
239
|
+
--basecolors-frame-contrastalt-2: #08091c;
|
|
206
240
|
--basecolors-frame-default: #08091c;
|
|
207
241
|
--basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
|
|
208
242
|
--basecolors-frame-elevatedalt: #464755;
|
|
@@ -277,35 +311,3 @@
|
|
|
277
311
|
transition: none !important;
|
|
278
312
|
}
|
|
279
313
|
}
|
|
280
|
-
/* DO NOT CHANGE!*/
|
|
281
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
282
|
-
.eds-expandable-text__trigger {
|
|
283
|
-
-webkit-appearance: none;
|
|
284
|
-
-moz-appearance: none;
|
|
285
|
-
appearance: none;
|
|
286
|
-
margin: 0;
|
|
287
|
-
border: none;
|
|
288
|
-
padding: 0.5rem 0;
|
|
289
|
-
cursor: pointer;
|
|
290
|
-
font-family: inherit;
|
|
291
|
-
color: var(--components-expand-expandabletext-standard-text);
|
|
292
|
-
background: inherit;
|
|
293
|
-
font-size: inherit;
|
|
294
|
-
display: flex;
|
|
295
|
-
align-items: center;
|
|
296
|
-
}
|
|
297
|
-
.eds-contrast .eds-expandable-text__trigger {
|
|
298
|
-
color: var(--components-expand-expandabletext-contrast-text);
|
|
299
|
-
}
|
|
300
|
-
.eds-expandable-text__trigger > h5, .eds-expandable-text__trigger > h4, .eds-expandable-text__trigger > h3, .eds-expandable-text__trigger > h2, .eds-expandable-text__trigger > p {
|
|
301
|
-
margin-top: 0;
|
|
302
|
-
margin-bottom: 0;
|
|
303
|
-
}
|
|
304
|
-
.eds-expandable-text__trigger:focus-visible {
|
|
305
|
-
outline: 2px solid #181c56;
|
|
306
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
307
|
-
outline-offset: 0.125rem;
|
|
308
|
-
}
|
|
309
|
-
.eds-contrast .eds-expandable-text__trigger:focus-visible {
|
|
310
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
311
|
-
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/expand",
|
|
3
|
-
"version": "3.6.
|
|
3
|
+
"version": "3.6.4",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/expand.esm.js",
|
|
@@ -27,10 +27,10 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/icons": "^7.
|
|
31
|
-
"@entur/tokens": "^3.
|
|
32
|
-
"@entur/typography": "^1.9.
|
|
33
|
-
"@entur/utils": "^0.12.
|
|
30
|
+
"@entur/icons": "^7.8.0",
|
|
31
|
+
"@entur/tokens": "^3.19.0",
|
|
32
|
+
"@entur/typography": "^1.9.4",
|
|
33
|
+
"@entur/utils": "^0.12.3",
|
|
34
34
|
"classnames": "^2.3.1",
|
|
35
35
|
"react-collapse": "^5.1.1"
|
|
36
36
|
},
|
|
@@ -38,5 +38,5 @@
|
|
|
38
38
|
"@types/react-collapse": "5.0.4",
|
|
39
39
|
"dts-cli": "2.0.5"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "bfd8f62e4735cc13d55e50bc8747535d72aaf679"
|
|
42
42
|
}
|