@entur/tokens 3.13.1 → 3.13.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/README.md +2 -2
- package/dist/base.css +5 -1
- package/dist/base.scss +129 -125
- package/dist/buildVariables.d.ts +35 -0
- package/dist/componentColors.d.ts +0 -16
- package/dist/data.css +1 -1
- package/dist/data.scss +33 -33
- package/dist/index.d.ts +1 -0
- package/dist/primitive.css +1 -0
- package/dist/primitive.less +1 -0
- package/dist/primitive.scss +1 -0
- package/dist/semantic.css +4 -1
- package/dist/semantic.less +4 -1
- package/dist/semantic.scss +4 -1
- package/dist/tokens.cjs.development.js +3146 -2931
- package/dist/tokens.cjs.development.js.map +1 -1
- package/dist/tokens.cjs.production.min.js +1 -1
- package/dist/tokens.cjs.production.min.js.map +1 -1
- package/dist/tokens.esm.js +3144 -2932
- package/dist/tokens.esm.js.map +1 -1
- package/dist/transport.css +1 -0
- package/dist/transport.less +1 -0
- package/dist/transport.scss +1 -0
- package/package.json +8 -5
- package/dist/base.less +0 -133
- package/dist/data.less +0 -41
package/README.md
CHANGED
|
@@ -51,11 +51,11 @@ Please refer to the design system documentation for which ones are available.
|
|
|
51
51
|
To use the LESS or SCSS files, import it into your LESS or SCSS file. The method is the same:
|
|
52
52
|
|
|
53
53
|
```less
|
|
54
|
-
@import '
|
|
54
|
+
@import '@entur/tokens/dist/styles.less';
|
|
55
55
|
```
|
|
56
56
|
|
|
57
57
|
```scss
|
|
58
|
-
@import '
|
|
58
|
+
@import '@entur/tokens/dist/styles.scss';
|
|
59
59
|
```
|
|
60
60
|
|
|
61
61
|
You'll then be able to use the variables in your code as usual.
|
package/dist/base.css
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import '@entur/tokens/dist/semantic.css';
|
|
2
|
+
@import '@entur/tokens/dist/transport.css';
|
|
3
|
+
|
|
2
4
|
/* DO NOT CHANGE!*/
|
|
3
5
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
4
6
|
[data-color-mode='light'],
|
|
@@ -131,3 +133,5 @@
|
|
|
131
133
|
--basecolors-text-subdued: var(--text-darkalt);
|
|
132
134
|
--basecolors-text-subduedalt: var(--text-darkalt);
|
|
133
135
|
}
|
|
136
|
+
|
|
137
|
+
|
package/dist/base.scss
CHANGED
|
@@ -1,133 +1,137 @@
|
|
|
1
|
-
@use '
|
|
1
|
+
@use '@entur/tokens/dist/semantic.scss' as *;
|
|
2
|
+
@use '@entur/tokens/dist/transport.scss' as *;
|
|
3
|
+
|
|
2
4
|
/* DO NOT CHANGE!*/
|
|
3
5
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
4
6
|
[data-color-mode='light'],
|
|
5
7
|
:root {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
8
|
+
--basecolors-frame-contrast: #{$fill-background-contrast-light};
|
|
9
|
+
--basecolors-frame-contrastalt: #{$fill-background-contrast-lightalt};
|
|
10
|
+
--basecolors-frame-default: #{$fill-background-standard-light};
|
|
11
|
+
--basecolors-frame-elevated: #{$fill-background-standard-light};
|
|
12
|
+
--basecolors-frame-elevatedalt: #{$fill-background-tint-light};
|
|
13
|
+
--basecolors-frame-subdued: #{$fill-background-subdued-light};
|
|
14
|
+
--basecolors-frame-tint: #{$fill-background-tint-light};
|
|
15
|
+
--basecolors-shape-accent: #{$shape-accent};
|
|
16
|
+
--basecolors-shape-bicycle-contrast: #{$contrast-bicycle};
|
|
17
|
+
--basecolors-shape-bicycle-default: #{$standard-bicycle};
|
|
18
|
+
--basecolors-shape-bus-contrast: #{$contrast-bus};
|
|
19
|
+
--basecolors-shape-bus-default: #{$standard-bus};
|
|
20
|
+
--basecolors-shape-cableway-contrast: #{$contrast-cableway};
|
|
21
|
+
--basecolors-shape-cableway-default: #{$standard-cableway};
|
|
22
|
+
--basecolors-shape-disabled: #{$shape-neutral};
|
|
23
|
+
--basecolors-shape-disabledalt: #{$shape-neutralalt};
|
|
24
|
+
--basecolors-shape-ferry-contrast: #{$contrast-ferry};
|
|
25
|
+
--basecolors-shape-ferry-default: #{$standard-ferry};
|
|
26
|
+
--basecolors-shape-funicular-contrast: #{$contrast-funicular};
|
|
27
|
+
--basecolors-shape-funicular-default: #{$standard-funicular};
|
|
28
|
+
--basecolors-shape-helicopter-contrast: #{$contrast-helicopter};
|
|
29
|
+
--basecolors-shape-helicopter-default: #{$standard-helicopter};
|
|
30
|
+
--basecolors-shape-highlight: #{$stroke-highlight};
|
|
31
|
+
--basecolors-shape-light: #{$shape-light};
|
|
32
|
+
--basecolors-shape-mask: #{$shape-light};
|
|
33
|
+
--basecolors-shape-maskalt: #{$shape-light};
|
|
34
|
+
--basecolors-shape-metro-contrast: #{$contrast-metro};
|
|
35
|
+
--basecolors-shape-metro-default: #{$standard-metro};
|
|
36
|
+
--basecolors-shape-mobility-contrast: #{$contrast-mobility};
|
|
37
|
+
--basecolors-shape-mobility-default: #{$standard-mobility};
|
|
38
|
+
--basecolors-shape-plane-contrast: #{$contrast-plane};
|
|
39
|
+
--basecolors-shape-plane-default: #{$standard-plane};
|
|
40
|
+
--basecolors-shape-subdued: #{$shape-subdued};
|
|
41
|
+
--basecolors-shape-subduedalt: #{$shape-subduedalt};
|
|
42
|
+
--basecolors-shape-taxi-contrast: #{$contrast-taxi};
|
|
43
|
+
--basecolors-shape-taxi-default: #{$standard-taxi};
|
|
44
|
+
--basecolors-shape-train-contrast: #{$contrast-train};
|
|
45
|
+
--basecolors-shape-train-default: #{$standard-train};
|
|
46
|
+
--basecolors-shape-tram-contrast: #{$contrast-tram};
|
|
47
|
+
--basecolors-shape-tram-default: #{$standard-tram};
|
|
48
|
+
--basecolors-shape-walk-contrast: #{$contrast-walk};
|
|
49
|
+
--basecolors-shape-walk-default: #{$standard-walk};
|
|
50
|
+
--basecolors-shape-airportlinkbus-contrast: #{$contrast-airportlinkbus};
|
|
51
|
+
--basecolors-shape-airportlinkbus-default: #{$standard-airportlinkbus};
|
|
52
|
+
--basecolors-shape-airportlinkrail-contrast: #{$contrast-airportlinkrail};
|
|
53
|
+
--basecolors-shape-airportlinkrail-default: #{$standard-airportlinkrail};
|
|
54
|
+
--basecolors-stroke-contrast: #{$stroke-contrast};
|
|
55
|
+
--basecolors-stroke-default: #{$stroke-accent};
|
|
56
|
+
--basecolors-stroke-disabled: #{$stroke-neutralalt};
|
|
57
|
+
--basecolors-stroke-focus-contrast: #{$stroke-contrast};
|
|
58
|
+
--basecolors-stroke-focus-standard: #{$stroke-accent};
|
|
59
|
+
--basecolors-stroke-highlight: #{$stroke-highlight};
|
|
60
|
+
--basecolors-stroke-light: #{$stroke-light};
|
|
61
|
+
--basecolors-stroke-subdued: #{$stroke-subdued};
|
|
62
|
+
--basecolors-stroke-subduedalt: #{$stroke-neutral};
|
|
63
|
+
--basecolors-text-accent: #{$text-accent};
|
|
64
|
+
--basecolors-text-disabled: #{$text-neutral};
|
|
65
|
+
--basecolors-text-disabledalt: #{$text-neutralalt};
|
|
66
|
+
--basecolors-text-highlight: #{$stroke-highlight};
|
|
67
|
+
--basecolors-text-light: #{$text-light};
|
|
68
|
+
--basecolors-text-subdued: #{$text-subdued};
|
|
69
|
+
--basecolors-text-subduedalt: #{$text-subduedalt};
|
|
68
70
|
}
|
|
69
71
|
|
|
70
72
|
[data-color-mode='dark'] {
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
73
|
+
--basecolors-frame-contrast: #{$fill-background-contrast-dark};
|
|
74
|
+
--basecolors-frame-contrastalt: #{$fill-background-tint-dark};
|
|
75
|
+
--basecolors-frame-default: #{$fill-background-standard-dark};
|
|
76
|
+
--basecolors-frame-elevated: #{$fill-background-overlay-transparent};
|
|
77
|
+
--basecolors-frame-elevatedalt: #{$fill-background-overlay-solidalt};
|
|
78
|
+
--basecolors-frame-subdued: #{$fill-background-subdued-dark};
|
|
79
|
+
--basecolors-frame-tint: #{$fill-background-tint-dark};
|
|
80
|
+
--basecolors-shape-accent: #{$shape-lightalt};
|
|
81
|
+
--basecolors-shape-bicycle-contrast: #{$dark-bicycle};
|
|
82
|
+
--basecolors-shape-bicycle-default: #{$dark-bicycle};
|
|
83
|
+
--basecolors-shape-bus-contrast: #{$dark-bus};
|
|
84
|
+
--basecolors-shape-bus-default: #{$dark-bus};
|
|
85
|
+
--basecolors-shape-cableway-contrast: #{$dark-cableway};
|
|
86
|
+
--basecolors-shape-cableway-default: #{$dark-cableway};
|
|
87
|
+
--basecolors-shape-disabled: #{$shape-neutralalt};
|
|
88
|
+
--basecolors-shape-disabledalt: #{$shape-darkalt};
|
|
89
|
+
--basecolors-shape-ferry-contrast: #{$dark-ferry};
|
|
90
|
+
--basecolors-shape-ferry-default: #{$dark-ferry};
|
|
91
|
+
--basecolors-shape-funicular-contrast: #{$dark-funicular};
|
|
92
|
+
--basecolors-shape-funicular-default: #{$dark-funicular};
|
|
93
|
+
--basecolors-shape-helicopter-contrast: #{$dark-helicopter};
|
|
94
|
+
--basecolors-shape-helicopter-default: #{$dark-helicopter};
|
|
95
|
+
--basecolors-shape-highlight: #{$stroke-highlightalt};
|
|
96
|
+
--basecolors-shape-light: #{$shape-lightalt};
|
|
97
|
+
--basecolors-shape-mask: #{$fill-background-subdued-dark};
|
|
98
|
+
--basecolors-shape-maskalt: #{$fill-background-overlay-solid};
|
|
99
|
+
--basecolors-shape-metro-contrast: #{$dark-metro};
|
|
100
|
+
--basecolors-shape-metro-default: #{$dark-metro};
|
|
101
|
+
--basecolors-shape-mobility-contrast: #{$dark-mobility};
|
|
102
|
+
--basecolors-shape-mobility-default: #{$dark-mobility};
|
|
103
|
+
--basecolors-shape-plane-contrast: #{$dark-plane};
|
|
104
|
+
--basecolors-shape-plane-default: #{$dark-plane};
|
|
105
|
+
--basecolors-shape-subdued: #{$shape-darkalt};
|
|
106
|
+
--basecolors-shape-subduedalt: #{$shape-darkalt};
|
|
107
|
+
--basecolors-shape-taxi-contrast: #{$dark-taxi};
|
|
108
|
+
--basecolors-shape-taxi-default: #{$dark-taxi};
|
|
109
|
+
--basecolors-shape-train-contrast: #{$dark-train};
|
|
110
|
+
--basecolors-shape-train-default: #{$dark-train};
|
|
111
|
+
--basecolors-shape-tram-contrast: #{$dark-tram};
|
|
112
|
+
--basecolors-shape-tram-default: #{$dark-tram};
|
|
113
|
+
--basecolors-shape-walk-contrast: #{$dark-walk};
|
|
114
|
+
--basecolors-shape-walk-default: #{$dark-walk};
|
|
115
|
+
--basecolors-shape-airportlinkbus-contrast: #{$dark-airportlinkbus};
|
|
116
|
+
--basecolors-shape-airportlinkbus-default: #{$dark-airportlinkbus};
|
|
117
|
+
--basecolors-shape-airportlinkrail-contrast: #{$dark-airportlinkrail};
|
|
118
|
+
--basecolors-shape-airportlinkrail-default: #{$dark-airportlinkrail};
|
|
119
|
+
--basecolors-stroke-contrast: #{$stroke-contrast};
|
|
120
|
+
--basecolors-stroke-default: #{$stroke-dark};
|
|
121
|
+
--basecolors-stroke-disabled: #{$stroke-neutral};
|
|
122
|
+
--basecolors-stroke-focus-contrast: #{$stroke-contrast};
|
|
123
|
+
--basecolors-stroke-focus-standard: #{$stroke-contrast};
|
|
124
|
+
--basecolors-stroke-highlight: #{$stroke-highlightalt};
|
|
125
|
+
--basecolors-stroke-light: #{$stroke-dark};
|
|
126
|
+
--basecolors-stroke-subdued: #{$stroke-darkalt};
|
|
127
|
+
--basecolors-stroke-subduedalt: #{$stroke-darkalt};
|
|
128
|
+
--basecolors-text-accent: #{$text-lightalt};
|
|
129
|
+
--basecolors-text-disabled: #{$text-neutralalt};
|
|
130
|
+
--basecolors-text-disabledalt: #{$text-neutralalt};
|
|
131
|
+
--basecolors-text-highlight: #{$stroke-highlightalt};
|
|
132
|
+
--basecolors-text-light: #{$text-lightalt};
|
|
133
|
+
--basecolors-text-subdued: #{$text-darkalt};
|
|
134
|
+
--basecolors-text-subduedalt: #{$text-darkalt};
|
|
133
135
|
}
|
|
136
|
+
|
|
137
|
+
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
type variableSet = {
|
|
2
|
+
css: KeyValueSet;
|
|
3
|
+
scss: KeyValueSet;
|
|
4
|
+
less: KeyValueSet;
|
|
5
|
+
js: KeyValueSet;
|
|
6
|
+
mode: string;
|
|
7
|
+
usesAlias: boolean;
|
|
8
|
+
};
|
|
9
|
+
type KeyValueSet = {
|
|
10
|
+
key: string;
|
|
11
|
+
value: string;
|
|
12
|
+
sanitizedValue?: string;
|
|
13
|
+
};
|
|
14
|
+
type ColorFileData = {
|
|
15
|
+
outputString: string;
|
|
16
|
+
outputFileName: string;
|
|
17
|
+
packageName?: string;
|
|
18
|
+
};
|
|
19
|
+
export declare function createColorSet(fileData: string): variableSet[];
|
|
20
|
+
export declare function createColorsFileData({ colorSet, keyType, valueType, name, outputToPackages, }: {
|
|
21
|
+
colorSet: variableSet[];
|
|
22
|
+
keyType: 'css' | 'scss' | 'less';
|
|
23
|
+
valueType: 'css' | 'scss' | 'less';
|
|
24
|
+
name: string;
|
|
25
|
+
outputToPackages?: string[];
|
|
26
|
+
relativeOutputPath?: string;
|
|
27
|
+
}): ColorFileData[];
|
|
28
|
+
export declare function createJSColorFileData({ variables, name, }: {
|
|
29
|
+
variables: variableSet[];
|
|
30
|
+
name: string;
|
|
31
|
+
}): {
|
|
32
|
+
outputString: string;
|
|
33
|
+
outputFileName: string;
|
|
34
|
+
};
|
|
35
|
+
export {};
|
|
@@ -128,14 +128,12 @@ export declare const componentColors: {
|
|
|
128
128
|
border: string;
|
|
129
129
|
fill: string;
|
|
130
130
|
icon: string;
|
|
131
|
-
iconBorder: string;
|
|
132
131
|
text: string;
|
|
133
132
|
};
|
|
134
133
|
standard: {
|
|
135
134
|
border: string;
|
|
136
135
|
fill: string;
|
|
137
136
|
icon: string;
|
|
138
|
-
iconBorder: string;
|
|
139
137
|
text: string;
|
|
140
138
|
};
|
|
141
139
|
};
|
|
@@ -144,14 +142,12 @@ export declare const componentColors: {
|
|
|
144
142
|
border: string;
|
|
145
143
|
fill: string;
|
|
146
144
|
icon: string;
|
|
147
|
-
iconBorder: string;
|
|
148
145
|
text: string;
|
|
149
146
|
};
|
|
150
147
|
standard: {
|
|
151
148
|
border: string;
|
|
152
149
|
fill: string;
|
|
153
150
|
icon: string;
|
|
154
|
-
iconBorder: string;
|
|
155
151
|
text: string;
|
|
156
152
|
};
|
|
157
153
|
};
|
|
@@ -160,14 +156,12 @@ export declare const componentColors: {
|
|
|
160
156
|
border: string;
|
|
161
157
|
fill: string;
|
|
162
158
|
icon: string;
|
|
163
|
-
iconBorder: string;
|
|
164
159
|
text: string;
|
|
165
160
|
};
|
|
166
161
|
standard: {
|
|
167
162
|
border: string;
|
|
168
163
|
fill: string;
|
|
169
164
|
icon: string;
|
|
170
|
-
iconBorder: string;
|
|
171
165
|
text: string;
|
|
172
166
|
};
|
|
173
167
|
};
|
|
@@ -176,14 +170,12 @@ export declare const componentColors: {
|
|
|
176
170
|
border: string;
|
|
177
171
|
fill: string;
|
|
178
172
|
icon: string;
|
|
179
|
-
iconBorder: string;
|
|
180
173
|
text: string;
|
|
181
174
|
};
|
|
182
175
|
standard: {
|
|
183
176
|
border: string;
|
|
184
177
|
fill: string;
|
|
185
178
|
icon: string;
|
|
186
|
-
iconBorder: string;
|
|
187
179
|
text: string;
|
|
188
180
|
};
|
|
189
181
|
};
|
|
@@ -1462,14 +1454,12 @@ export declare const componentColors: {
|
|
|
1462
1454
|
border: string;
|
|
1463
1455
|
fill: string;
|
|
1464
1456
|
icon: string;
|
|
1465
|
-
iconBorder: string;
|
|
1466
1457
|
text: string;
|
|
1467
1458
|
};
|
|
1468
1459
|
standard: {
|
|
1469
1460
|
border: string;
|
|
1470
1461
|
fill: string;
|
|
1471
1462
|
icon: string;
|
|
1472
|
-
iconBorder: string;
|
|
1473
1463
|
text: string;
|
|
1474
1464
|
};
|
|
1475
1465
|
};
|
|
@@ -1478,14 +1468,12 @@ export declare const componentColors: {
|
|
|
1478
1468
|
border: string;
|
|
1479
1469
|
fill: string;
|
|
1480
1470
|
icon: string;
|
|
1481
|
-
iconBorder: string;
|
|
1482
1471
|
text: string;
|
|
1483
1472
|
};
|
|
1484
1473
|
standard: {
|
|
1485
1474
|
border: string;
|
|
1486
1475
|
fill: string;
|
|
1487
1476
|
icon: string;
|
|
1488
|
-
iconBorder: string;
|
|
1489
1477
|
text: string;
|
|
1490
1478
|
};
|
|
1491
1479
|
};
|
|
@@ -1494,14 +1482,12 @@ export declare const componentColors: {
|
|
|
1494
1482
|
border: string;
|
|
1495
1483
|
fill: string;
|
|
1496
1484
|
icon: string;
|
|
1497
|
-
iconBorder: string;
|
|
1498
1485
|
text: string;
|
|
1499
1486
|
};
|
|
1500
1487
|
standard: {
|
|
1501
1488
|
border: string;
|
|
1502
1489
|
fill: string;
|
|
1503
1490
|
icon: string;
|
|
1504
|
-
iconBorder: string;
|
|
1505
1491
|
text: string;
|
|
1506
1492
|
};
|
|
1507
1493
|
};
|
|
@@ -1510,14 +1496,12 @@ export declare const componentColors: {
|
|
|
1510
1496
|
border: string;
|
|
1511
1497
|
fill: string;
|
|
1512
1498
|
icon: string;
|
|
1513
|
-
iconBorder: string;
|
|
1514
1499
|
text: string;
|
|
1515
1500
|
};
|
|
1516
1501
|
standard: {
|
|
1517
1502
|
border: string;
|
|
1518
1503
|
fill: string;
|
|
1519
1504
|
icon: string;
|
|
1520
|
-
iconBorder: string;
|
|
1521
1505
|
text: string;
|
|
1522
1506
|
};
|
|
1523
1507
|
};
|
package/dist/data.css
CHANGED
package/dist/data.scss
CHANGED
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
2
|
/* DO NOT CHANGE!*/
|
|
3
3
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
4
4
|
[data-color-mode='light'],
|
|
5
5
|
:root {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
6
|
+
--contrast-azure: #{$};
|
|
7
|
+
--contrast-blue: #{$};
|
|
8
|
+
--contrast-coral: #{$};
|
|
9
|
+
--contrast-jungle: #{$};
|
|
10
|
+
--contrast-lavender: #{$};
|
|
11
|
+
--contrast-lilac: #{$};
|
|
12
|
+
--contrast-peach: #{$};
|
|
13
|
+
--contrast-spring: #{$};
|
|
14
|
+
--standard-azure: #{$};
|
|
15
|
+
--standard-blue: #{$};
|
|
16
|
+
--standard-coral: #{$};
|
|
17
|
+
--standard-jungle: #{$};
|
|
18
|
+
--standard-lavender: #{$};
|
|
19
|
+
--standard-lilac: #{$};
|
|
20
|
+
--standard-peach: #{$};
|
|
21
|
+
--standard-spring: #{$};
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
[data-color-mode='dark'] {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
25
|
+
--contrast-azure: #{$};
|
|
26
|
+
--contrast-blue: #{$};
|
|
27
|
+
--contrast-coral: #{$};
|
|
28
|
+
--contrast-jungle: #{$};
|
|
29
|
+
--contrast-lavender: #{$};
|
|
30
|
+
--contrast-lilac: #{$};
|
|
31
|
+
--contrast-peach: #{$};
|
|
32
|
+
--contrast-spring: #{$};
|
|
33
|
+
--standard-azure: #{$};
|
|
34
|
+
--standard-blue: #{$};
|
|
35
|
+
--standard-coral: #{$};
|
|
36
|
+
--standard-jungle: #{$};
|
|
37
|
+
--standard-lavender: #{$};
|
|
38
|
+
--standard-lilac: #{$};
|
|
39
|
+
--standard-peach: #{$};
|
|
40
|
+
--standard-spring: #{$};
|
|
41
41
|
}
|
package/dist/index.d.ts
CHANGED
package/dist/primitive.css
CHANGED
package/dist/primitive.less
CHANGED
package/dist/primitive.scss
CHANGED
package/dist/semantic.css
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import '@entur/tokens/dist/primitive.css';
|
|
2
|
+
|
|
2
3
|
/* DO NOT CHANGE!*/
|
|
3
4
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
4
5
|
:root {
|
|
@@ -130,3 +131,5 @@
|
|
|
130
131
|
--text-success: var(--mint-60);
|
|
131
132
|
--text-successalt: var(--mint-40);
|
|
132
133
|
}
|
|
134
|
+
|
|
135
|
+
|
package/dist/semantic.less
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import '@entur/tokens/dist/primitive.less';
|
|
2
|
+
|
|
2
3
|
/* DO NOT CHANGE!*/
|
|
3
4
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
4
5
|
|
|
@@ -130,3 +131,5 @@
|
|
|
130
131
|
@text-success: @mint-60;
|
|
131
132
|
@text-successalt: @mint-40;
|
|
132
133
|
|
|
134
|
+
|
|
135
|
+
|
package/dist/semantic.scss
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
@use '
|
|
1
|
+
@use '@entur/tokens/dist/primitive.scss' as *;
|
|
2
|
+
|
|
2
3
|
/* DO NOT CHANGE!*/
|
|
3
4
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
4
5
|
|
|
@@ -130,3 +131,5 @@ $text-subduedalt: $blue-30;
|
|
|
130
131
|
$text-success: $mint-60;
|
|
131
132
|
$text-successalt: $mint-40;
|
|
132
133
|
|
|
134
|
+
|
|
135
|
+
|