@entur/tokens 3.17.4 → 3.17.5
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 +34 -34
- package/dist/styles.less +34 -34
- package/dist/styles.scss +35 -35
- package/package.json +7 -7
package/dist/styles.css
CHANGED
|
@@ -3,6 +3,16 @@
|
|
|
3
3
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
4
4
|
|
|
5
5
|
:root {
|
|
6
|
+
--border-radiuses-default: 0.0625rem;
|
|
7
|
+
--border-radiuses-small: 0.0625rem;
|
|
8
|
+
--border-radiuses-medium: 0.25rem;
|
|
9
|
+
--border-radiuses-large: 0.5rem;
|
|
10
|
+
--border-widths-default: 0.125rem;
|
|
11
|
+
--border-widths-small: 0.0625rem;
|
|
12
|
+
--border-widths-medium: 0.125rem;
|
|
13
|
+
--border-widths-large: 0.25rem;
|
|
14
|
+
--breakpoints-large: 50rem;
|
|
15
|
+
--breakpoints-extra-large: 75rem;
|
|
6
16
|
--colors-brand-blue: #181c56;
|
|
7
17
|
--colors-brand-lavender: #aeb7e2;
|
|
8
18
|
--colors-brand-white: #ffffff;
|
|
@@ -87,24 +97,6 @@
|
|
|
87
97
|
--colors-data-contrast-peach: #ffbf9e;
|
|
88
98
|
--colors-data-contrast-spring: #7bc00b;
|
|
89
99
|
--colors-data-contrast-lilac: #ea8bea;
|
|
90
|
-
--space-none: 0rem;
|
|
91
|
-
--space-default: 1rem;
|
|
92
|
-
--space-extra-small2: 0.25rem;
|
|
93
|
-
--space-extra-small: 0.5rem;
|
|
94
|
-
--space-small: 0.75rem;
|
|
95
|
-
--space-medium: 1rem;
|
|
96
|
-
--space-large: 1.5rem;
|
|
97
|
-
--space-extra-large: 2rem;
|
|
98
|
-
--space-extra-large2: 2.5rem;
|
|
99
|
-
--space-extra-large3: 3rem;
|
|
100
|
-
--space-extra-large4: 3.5rem;
|
|
101
|
-
--space-extra-large5: 4rem;
|
|
102
|
-
--space-extra-large6: 4.5rem;
|
|
103
|
-
--space-extra-large7: 5rem;
|
|
104
|
-
--space-extra-large8: 5.5rem;
|
|
105
|
-
--space-extra-large9: 6rem;
|
|
106
|
-
--font-weights-body: 500;
|
|
107
|
-
--font-weights-heading: 600;
|
|
108
100
|
--font-sizes-extra-small: 0.625rem;
|
|
109
101
|
--font-sizes-small: 0.75rem;
|
|
110
102
|
--font-sizes-medium: 0.875rem;
|
|
@@ -114,6 +106,8 @@
|
|
|
114
106
|
--font-sizes-extra-large3: 1.75rem;
|
|
115
107
|
--font-sizes-extra-large4: 2rem;
|
|
116
108
|
--font-sizes-extra-large5: 2.5rem;
|
|
109
|
+
--font-weights-body: 500;
|
|
110
|
+
--font-weights-heading: 600;
|
|
117
111
|
--line-heights-extra-small: 0.875rem;
|
|
118
112
|
--line-heights-small: 1rem;
|
|
119
113
|
--line-heights-medium: 1.25rem;
|
|
@@ -125,16 +119,9 @@
|
|
|
125
119
|
--line-heights-extra-large5: 2.625rem;
|
|
126
120
|
--line-heights-extra-large6: 3rem;
|
|
127
121
|
--line-heights-extra-large7: 3.75rem;
|
|
128
|
-
--
|
|
129
|
-
--
|
|
130
|
-
--
|
|
131
|
-
--border-widths-small: 0.0625rem;
|
|
132
|
-
--border-widths-medium: 0.125rem;
|
|
133
|
-
--border-widths-large: 0.25rem;
|
|
134
|
-
--border-radiuses-default: 0.0625rem;
|
|
135
|
-
--border-radiuses-small: 0.0625rem;
|
|
136
|
-
--border-radiuses-medium: 0.25rem;
|
|
137
|
-
--border-radiuses-large: 0.5rem;
|
|
122
|
+
--outline-offsets-focus: 0.125rem;
|
|
123
|
+
--outlines-focus: 2px solid #181c56;
|
|
124
|
+
--outlines-focus-contrast: 2px solid #ffffff ;
|
|
138
125
|
--shadows-focus: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
139
126
|
--shadows-focus-contrast: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
140
127
|
--shadows-card-shadow: 0 0.0625rem 0.1875rem 0 rgba(0,0,0, 0.12);
|
|
@@ -143,6 +130,25 @@
|
|
|
143
130
|
--shadows-card-shadow-hover-contrast: 0 0.125rem 1rem 0 rgba(57,61,121, 1);
|
|
144
131
|
--shadows-box-shadow: 0 0.0625rem 0.1875rem rgba(0,0,0, 0.25);
|
|
145
132
|
--shadows-box-shadow-contrast: 0 0.0625rem 0.1875rem rgba(57,61,121, 1);
|
|
133
|
+
--space-none: 0rem;
|
|
134
|
+
--space-default: 1rem;
|
|
135
|
+
--space-extra-small2: 0.25rem;
|
|
136
|
+
--space-extra-small: 0.5rem;
|
|
137
|
+
--space-small: 0.75rem;
|
|
138
|
+
--space-medium: 1rem;
|
|
139
|
+
--space-large: 1.5rem;
|
|
140
|
+
--space-extra-large: 2rem;
|
|
141
|
+
--space-extra-large2: 2.5rem;
|
|
142
|
+
--space-extra-large3: 3rem;
|
|
143
|
+
--space-extra-large4: 3.5rem;
|
|
144
|
+
--space-extra-large5: 4rem;
|
|
145
|
+
--space-extra-large6: 4.5rem;
|
|
146
|
+
--space-extra-large7: 5rem;
|
|
147
|
+
--space-extra-large8: 5.5rem;
|
|
148
|
+
--space-extra-large9: 6rem;
|
|
149
|
+
--timings-fast: 0.1s;
|
|
150
|
+
--timings-medium: 0.2s;
|
|
151
|
+
--timings-slow: 0.5s;
|
|
146
152
|
--z-indexes-behind: -1;
|
|
147
153
|
--z-indexes-default: 0;
|
|
148
154
|
--z-indexes-sticky: 10;
|
|
@@ -150,10 +156,4 @@
|
|
|
150
156
|
--z-indexes-overlay: 30;
|
|
151
157
|
--z-indexes-modal: 40;
|
|
152
158
|
--z-indexes-toast: 50;
|
|
153
|
-
--timings-fast: 0.1s;
|
|
154
|
-
--timings-medium: 0.2s;
|
|
155
|
-
--timings-slow: 0.5s;
|
|
156
|
-
--outlines-focus: 2px solid #181c56;
|
|
157
|
-
--outlines-focus-contrast: 2px solid #ffffff ;
|
|
158
|
-
--outline-offsets-focus: 0.125rem;
|
|
159
159
|
}
|
package/dist/styles.less
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
/* DO NOT CHANGE!*/
|
|
2
2
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
|
+
@border-radiuses-default: 0.0625rem;
|
|
4
|
+
@border-radiuses-small: 0.0625rem;
|
|
5
|
+
@border-radiuses-medium: 0.25rem;
|
|
6
|
+
@border-radiuses-large: 0.5rem;
|
|
7
|
+
@border-widths-default: 0.125rem;
|
|
8
|
+
@border-widths-small: 0.0625rem;
|
|
9
|
+
@border-widths-medium: 0.125rem;
|
|
10
|
+
@border-widths-large: 0.25rem;
|
|
11
|
+
@breakpoints-large: 50rem;
|
|
12
|
+
@breakpoints-extra-large: 75rem;
|
|
3
13
|
@colors-brand-blue: #181c56;
|
|
4
14
|
@colors-brand-lavender: #aeb7e2;
|
|
5
15
|
@colors-brand-white: #ffffff;
|
|
@@ -84,24 +94,6 @@
|
|
|
84
94
|
@colors-data-contrast-peach: #ffbf9e;
|
|
85
95
|
@colors-data-contrast-spring: #7bc00b;
|
|
86
96
|
@colors-data-contrast-lilac: #ea8bea;
|
|
87
|
-
@space-none: 0rem;
|
|
88
|
-
@space-default: 1rem;
|
|
89
|
-
@space-extra-small2: 0.25rem;
|
|
90
|
-
@space-extra-small: 0.5rem;
|
|
91
|
-
@space-small: 0.75rem;
|
|
92
|
-
@space-medium: 1rem;
|
|
93
|
-
@space-large: 1.5rem;
|
|
94
|
-
@space-extra-large: 2rem;
|
|
95
|
-
@space-extra-large2: 2.5rem;
|
|
96
|
-
@space-extra-large3: 3rem;
|
|
97
|
-
@space-extra-large4: 3.5rem;
|
|
98
|
-
@space-extra-large5: 4rem;
|
|
99
|
-
@space-extra-large6: 4.5rem;
|
|
100
|
-
@space-extra-large7: 5rem;
|
|
101
|
-
@space-extra-large8: 5.5rem;
|
|
102
|
-
@space-extra-large9: 6rem;
|
|
103
|
-
@font-weights-body: 500;
|
|
104
|
-
@font-weights-heading: 600;
|
|
105
97
|
@font-sizes-extra-small: 0.625rem;
|
|
106
98
|
@font-sizes-small: 0.75rem;
|
|
107
99
|
@font-sizes-medium: 0.875rem;
|
|
@@ -111,6 +103,8 @@
|
|
|
111
103
|
@font-sizes-extra-large3: 1.75rem;
|
|
112
104
|
@font-sizes-extra-large4: 2rem;
|
|
113
105
|
@font-sizes-extra-large5: 2.5rem;
|
|
106
|
+
@font-weights-body: 500;
|
|
107
|
+
@font-weights-heading: 600;
|
|
114
108
|
@line-heights-extra-small: 0.875rem;
|
|
115
109
|
@line-heights-small: 1rem;
|
|
116
110
|
@line-heights-medium: 1.25rem;
|
|
@@ -122,16 +116,9 @@
|
|
|
122
116
|
@line-heights-extra-large5: 2.625rem;
|
|
123
117
|
@line-heights-extra-large6: 3rem;
|
|
124
118
|
@line-heights-extra-large7: 3.75rem;
|
|
125
|
-
@
|
|
126
|
-
@
|
|
127
|
-
@
|
|
128
|
-
@border-widths-small: 0.0625rem;
|
|
129
|
-
@border-widths-medium: 0.125rem;
|
|
130
|
-
@border-widths-large: 0.25rem;
|
|
131
|
-
@border-radiuses-default: 0.0625rem;
|
|
132
|
-
@border-radiuses-small: 0.0625rem;
|
|
133
|
-
@border-radiuses-medium: 0.25rem;
|
|
134
|
-
@border-radiuses-large: 0.5rem;
|
|
119
|
+
@outline-offsets-focus: 0.125rem;
|
|
120
|
+
@outlines-focus: 2px solid #181c56;
|
|
121
|
+
@outlines-focus-contrast: 2px solid #ffffff ;
|
|
135
122
|
@shadows-focus: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
136
123
|
@shadows-focus-contrast: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
137
124
|
@shadows-card-shadow: 0 0.0625rem 0.1875rem 0 rgba(0,0,0, 0.12);
|
|
@@ -140,6 +127,25 @@
|
|
|
140
127
|
@shadows-card-shadow-hover-contrast: 0 0.125rem 1rem 0 rgba(57,61,121, 1);
|
|
141
128
|
@shadows-box-shadow: 0 0.0625rem 0.1875rem rgba(0,0,0, 0.25);
|
|
142
129
|
@shadows-box-shadow-contrast: 0 0.0625rem 0.1875rem rgba(57,61,121, 1);
|
|
130
|
+
@space-none: 0rem;
|
|
131
|
+
@space-default: 1rem;
|
|
132
|
+
@space-extra-small2: 0.25rem;
|
|
133
|
+
@space-extra-small: 0.5rem;
|
|
134
|
+
@space-small: 0.75rem;
|
|
135
|
+
@space-medium: 1rem;
|
|
136
|
+
@space-large: 1.5rem;
|
|
137
|
+
@space-extra-large: 2rem;
|
|
138
|
+
@space-extra-large2: 2.5rem;
|
|
139
|
+
@space-extra-large3: 3rem;
|
|
140
|
+
@space-extra-large4: 3.5rem;
|
|
141
|
+
@space-extra-large5: 4rem;
|
|
142
|
+
@space-extra-large6: 4.5rem;
|
|
143
|
+
@space-extra-large7: 5rem;
|
|
144
|
+
@space-extra-large8: 5.5rem;
|
|
145
|
+
@space-extra-large9: 6rem;
|
|
146
|
+
@timings-fast: 0.1s;
|
|
147
|
+
@timings-medium: 0.2s;
|
|
148
|
+
@timings-slow: 0.5s;
|
|
143
149
|
@z-indexes-behind: -1;
|
|
144
150
|
@z-indexes-default: 0;
|
|
145
151
|
@z-indexes-sticky: 10;
|
|
@@ -147,10 +153,4 @@
|
|
|
147
153
|
@z-indexes-overlay: 30;
|
|
148
154
|
@z-indexes-modal: 40;
|
|
149
155
|
@z-indexes-toast: 50;
|
|
150
|
-
@timings-fast: 0.1s;
|
|
151
|
-
@timings-medium: 0.2s;
|
|
152
|
-
@timings-slow: 0.5s;
|
|
153
|
-
@outlines-focus: 2px solid #181c56;
|
|
154
|
-
@outlines-focus-contrast: 2px solid #ffffff ;
|
|
155
|
-
@outline-offsets-focus: 0.125rem;
|
|
156
156
|
|
package/dist/styles.scss
CHANGED
|
@@ -2,6 +2,16 @@
|
|
|
2
2
|
/* DO NOT CHANGE!*/
|
|
3
3
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
4
4
|
|
|
5
|
+
$border-radiuses-default: 0.0625rem;
|
|
6
|
+
$border-radiuses-small: 0.0625rem;
|
|
7
|
+
$border-radiuses-medium: 0.25rem;
|
|
8
|
+
$border-radiuses-large: 0.5rem;
|
|
9
|
+
$border-widths-default: 0.125rem;
|
|
10
|
+
$border-widths-small: 0.0625rem;
|
|
11
|
+
$border-widths-medium: 0.125rem;
|
|
12
|
+
$border-widths-large: 0.25rem;
|
|
13
|
+
$breakpoints-large: 50rem;
|
|
14
|
+
$breakpoints-extra-large: 75rem;
|
|
5
15
|
$colors-brand-blue: #181c56;
|
|
6
16
|
$colors-brand-lavender: #aeb7e2;
|
|
7
17
|
$colors-brand-white: #ffffff;
|
|
@@ -86,24 +96,6 @@ $colors-data-contrast-lavender: #aeb7e2;
|
|
|
86
96
|
$colors-data-contrast-peach: #ffbf9e;
|
|
87
97
|
$colors-data-contrast-spring: #7bc00b;
|
|
88
98
|
$colors-data-contrast-lilac: #ea8bea;
|
|
89
|
-
$space-none: 0rem;
|
|
90
|
-
$space-default: 1rem;
|
|
91
|
-
$space-extra-small2: 0.25rem;
|
|
92
|
-
$space-extra-small: 0.5rem;
|
|
93
|
-
$space-small: 0.75rem;
|
|
94
|
-
$space-medium: 1rem;
|
|
95
|
-
$space-large: 1.5rem;
|
|
96
|
-
$space-extra-large: 2rem;
|
|
97
|
-
$space-extra-large2: 2.5rem;
|
|
98
|
-
$space-extra-large3: 3rem;
|
|
99
|
-
$space-extra-large4: 3.5rem;
|
|
100
|
-
$space-extra-large5: 4rem;
|
|
101
|
-
$space-extra-large6: 4.5rem;
|
|
102
|
-
$space-extra-large7: 5rem;
|
|
103
|
-
$space-extra-large8: 5.5rem;
|
|
104
|
-
$space-extra-large9: 6rem;
|
|
105
|
-
$font-weights-body: 500;
|
|
106
|
-
$font-weights-heading: 600;
|
|
107
99
|
$font-sizes-extra-small: 0.625rem;
|
|
108
100
|
$font-sizes-small: 0.75rem;
|
|
109
101
|
$font-sizes-medium: 0.875rem;
|
|
@@ -113,6 +105,8 @@ $font-sizes-extra-large2: 1.5rem;
|
|
|
113
105
|
$font-sizes-extra-large3: 1.75rem;
|
|
114
106
|
$font-sizes-extra-large4: 2rem;
|
|
115
107
|
$font-sizes-extra-large5: 2.5rem;
|
|
108
|
+
$font-weights-body: 500;
|
|
109
|
+
$font-weights-heading: 600;
|
|
116
110
|
$line-heights-extra-small: 0.875rem;
|
|
117
111
|
$line-heights-small: 1rem;
|
|
118
112
|
$line-heights-medium: 1.25rem;
|
|
@@ -124,16 +118,9 @@ $line-heights-extra-large4: 2.25rem;
|
|
|
124
118
|
$line-heights-extra-large5: 2.625rem;
|
|
125
119
|
$line-heights-extra-large6: 3rem;
|
|
126
120
|
$line-heights-extra-large7: 3.75rem;
|
|
127
|
-
$
|
|
128
|
-
$
|
|
129
|
-
$
|
|
130
|
-
$border-widths-small: 0.0625rem;
|
|
131
|
-
$border-widths-medium: 0.125rem;
|
|
132
|
-
$border-widths-large: 0.25rem;
|
|
133
|
-
$border-radiuses-default: 0.0625rem;
|
|
134
|
-
$border-radiuses-small: 0.0625rem;
|
|
135
|
-
$border-radiuses-medium: 0.25rem;
|
|
136
|
-
$border-radiuses-large: 0.5rem;
|
|
121
|
+
$outline-offsets-focus: 0.125rem;
|
|
122
|
+
$outlines-focus: 2px solid #181c56;
|
|
123
|
+
$outlines-focus-contrast: 2px solid #ffffff ;
|
|
137
124
|
$shadows-focus: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
138
125
|
$shadows-focus-contrast: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
139
126
|
$shadows-card-shadow: 0 0.0625rem 0.1875rem 0 rgba(0,0,0, 0.12);
|
|
@@ -142,16 +129,29 @@ $shadows-card-shadow-contrast: 0 0.0625rem 0.1875rem 0 rgba(57,61,121, 1);
|
|
|
142
129
|
$shadows-card-shadow-hover-contrast: 0 0.125rem 1rem 0 rgba(57,61,121, 1);
|
|
143
130
|
$shadows-box-shadow: 0 0.0625rem 0.1875rem rgba(0,0,0, 0.25);
|
|
144
131
|
$shadows-box-shadow-contrast: 0 0.0625rem 0.1875rem rgba(57,61,121, 1);
|
|
132
|
+
$space-none: 0rem;
|
|
133
|
+
$space-default: 1rem;
|
|
134
|
+
$space-extra-small2: 0.25rem;
|
|
135
|
+
$space-extra-small: 0.5rem;
|
|
136
|
+
$space-small: 0.75rem;
|
|
137
|
+
$space-medium: 1rem;
|
|
138
|
+
$space-large: 1.5rem;
|
|
139
|
+
$space-extra-large: 2rem;
|
|
140
|
+
$space-extra-large2: 2.5rem;
|
|
141
|
+
$space-extra-large3: 3rem;
|
|
142
|
+
$space-extra-large4: 3.5rem;
|
|
143
|
+
$space-extra-large5: 4rem;
|
|
144
|
+
$space-extra-large6: 4.5rem;
|
|
145
|
+
$space-extra-large7: 5rem;
|
|
146
|
+
$space-extra-large8: 5.5rem;
|
|
147
|
+
$space-extra-large9: 6rem;
|
|
148
|
+
$timings-fast: 0.1s;
|
|
149
|
+
$timings-medium: 0.2s;
|
|
150
|
+
$timings-slow: 0.5s;
|
|
145
151
|
$z-indexes-behind: -1;
|
|
146
152
|
$z-indexes-default: 0;
|
|
147
153
|
$z-indexes-sticky: 10;
|
|
148
154
|
$z-indexes-popover: 20;
|
|
149
155
|
$z-indexes-overlay: 30;
|
|
150
156
|
$z-indexes-modal: 40;
|
|
151
|
-
$z-indexes-toast: 50;
|
|
152
|
-
$timings-fast: 0.1s;
|
|
153
|
-
$timings-medium: 0.2s;
|
|
154
|
-
$timings-slow: 0.5s;
|
|
155
|
-
$outlines-focus: 2px solid #181c56;
|
|
156
|
-
$outlines-focus-contrast: 2px solid #ffffff ;
|
|
157
|
-
$outline-offsets-focus: 0.125rem;
|
|
157
|
+
$z-indexes-toast: 50;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/tokens",
|
|
3
|
-
"version": "3.17.
|
|
3
|
+
"version": "3.17.5",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/tokens.esm.js",
|
|
@@ -18,11 +18,11 @@
|
|
|
18
18
|
},
|
|
19
19
|
"scripts": {
|
|
20
20
|
"build": "yarn build:js && (yarn build:stylesheets & yarn build:legacy-tokens) && yarn cleanup-temp-files",
|
|
21
|
-
"build:legacy-tokens": "
|
|
22
|
-
"build:js": "(
|
|
23
|
-
"build:stylesheets": "
|
|
21
|
+
"build:legacy-tokens": "tsx bin/build-legacy-tokens.ts",
|
|
22
|
+
"build:js": "(tsx bin/build-js-objects.ts) && dts build",
|
|
23
|
+
"build:stylesheets": "tsx bin/build-stylesheets.ts",
|
|
24
24
|
"start": "yarn build",
|
|
25
|
-
"cleanup-temp-files": "
|
|
25
|
+
"cleanup-temp-files": "tsx -e \"['src/primitive.ts', 'src/semantic.ts', 'src/base.ts', 'src/data.ts', 'src/transport.ts', 'src/componentColors.ts'].forEach(file => require('fs-extra').removeSync(file)); \""
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@types/flat": "^0.0.28",
|
|
@@ -31,11 +31,11 @@
|
|
|
31
31
|
"dts-cli": "2.0.5",
|
|
32
32
|
"fs-extra": "^9.0.0",
|
|
33
33
|
"path": "0.12.7",
|
|
34
|
-
"
|
|
34
|
+
"tsx": "4.19.2"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"flat": "^5.0.1",
|
|
38
38
|
"hex-rgb": "^4.3.0"
|
|
39
39
|
},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "1a989376d61ab59a8c554a9cab733039aef8b2eb"
|
|
41
41
|
}
|