@entur/tokens 3.22.5 → 3.23.0
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/base.css +10 -4
- package/dist/base.scss +10 -4
- package/dist/generated-js-objects/base.d.ts +6 -0
- package/dist/generated-js-objects/componentVariables.d.ts +72 -196
- package/dist/generated-js-objects/semantic.d.ts +6 -4
- package/dist/primitive.css +3 -3
- package/dist/primitive.less +3 -3
- package/dist/primitive.scss +3 -3
- package/dist/semantic.css +9 -7
- package/dist/semantic.less +9 -7
- package/dist/semantic.scss +9 -7
- package/dist/tokens.cjs.js +4 -4
- package/dist/tokens.cjs.js.map +1 -1
- package/dist/tokens.esm.js +4 -4
- package/dist/tokens.esm.js.map +1 -1
- package/package.json +2 -2
package/dist/base.css
CHANGED
|
@@ -11,6 +11,8 @@
|
|
|
11
11
|
--basecolors-frame-default: var(--fill-background-standard-light);
|
|
12
12
|
--basecolors-frame-elevated: var(--fill-background-standard-light);
|
|
13
13
|
--basecolors-frame-elevatedalt: var(--fill-background-tint-light);
|
|
14
|
+
--basecolors-frame-highlight: var(--stroke-highlight);
|
|
15
|
+
--basecolors-frame-highlightalt: var(--stroke-highlightalt);
|
|
14
16
|
--basecolors-frame-subdued: var(--fill-background-subdued-light);
|
|
15
17
|
--basecolors-frame-tint: var(--fill-background-tint-light);
|
|
16
18
|
--basecolors-shape-accent: var(--shape-accent);
|
|
@@ -58,13 +60,14 @@
|
|
|
58
60
|
--basecolors-stroke-focus-contrast: var(--stroke-contrast);
|
|
59
61
|
--basecolors-stroke-focus-standard: var(--stroke-accent);
|
|
60
62
|
--basecolors-stroke-highlight: var(--stroke-highlight);
|
|
63
|
+
--basecolors-stroke-highlight2: var(--text-highlightalt);
|
|
61
64
|
--basecolors-stroke-light: var(--stroke-light);
|
|
62
65
|
--basecolors-stroke-subdued: var(--stroke-subdued);
|
|
63
66
|
--basecolors-stroke-subduedalt: var(--stroke-neutral);
|
|
64
67
|
--basecolors-text-accent: var(--text-accent);
|
|
65
68
|
--basecolors-text-disabled: var(--text-neutral);
|
|
66
69
|
--basecolors-text-disabledalt: var(--text-neutralalt);
|
|
67
|
-
--basecolors-text-highlight: var(--
|
|
70
|
+
--basecolors-text-highlight: var(--text-highlight);
|
|
68
71
|
--basecolors-text-highlightalt: var(--text-highlightalt);
|
|
69
72
|
--basecolors-text-light: var(--text-light);
|
|
70
73
|
--basecolors-text-subdued: var(--text-subdued);
|
|
@@ -78,6 +81,8 @@
|
|
|
78
81
|
--basecolors-frame-default: var(--fill-background-standard-dark);
|
|
79
82
|
--basecolors-frame-elevated: var(--fill-background-overlay-transparent);
|
|
80
83
|
--basecolors-frame-elevatedalt: var(--fill-background-overlay-solidalt);
|
|
84
|
+
--basecolors-frame-highlight: var(--stroke-highlight);
|
|
85
|
+
--basecolors-frame-highlightalt: var(--stroke-highlightalt);
|
|
81
86
|
--basecolors-frame-subdued: var(--fill-background-subdued-dark);
|
|
82
87
|
--basecolors-frame-tint: var(--fill-background-tint-dark);
|
|
83
88
|
--basecolors-shape-accent: var(--shape-lightalt);
|
|
@@ -95,7 +100,7 @@
|
|
|
95
100
|
--basecolors-shape-funicular-default: var(--dark-funicular);
|
|
96
101
|
--basecolors-shape-helicopter-contrast: var(--dark-helicopter);
|
|
97
102
|
--basecolors-shape-helicopter-default: var(--dark-helicopter);
|
|
98
|
-
--basecolors-shape-highlight: var(--stroke-
|
|
103
|
+
--basecolors-shape-highlight: var(--stroke-highlight);
|
|
99
104
|
--basecolors-shape-light: var(--shape-lightalt);
|
|
100
105
|
--basecolors-shape-mask: var(--fill-background-subdued-dark);
|
|
101
106
|
--basecolors-shape-maskalt: var(--fill-background-overlay-solid);
|
|
@@ -124,14 +129,15 @@
|
|
|
124
129
|
--basecolors-stroke-disabled: var(--stroke-neutral);
|
|
125
130
|
--basecolors-stroke-focus-contrast: var(--stroke-contrast);
|
|
126
131
|
--basecolors-stroke-focus-standard: var(--stroke-contrast);
|
|
127
|
-
--basecolors-stroke-highlight: var(--stroke-
|
|
132
|
+
--basecolors-stroke-highlight: var(--stroke-highlight);
|
|
133
|
+
--basecolors-stroke-highlight2: var(--stroke-highlightalt);
|
|
128
134
|
--basecolors-stroke-light: var(--stroke-dark);
|
|
129
135
|
--basecolors-stroke-subdued: var(--stroke-darkalt);
|
|
130
136
|
--basecolors-stroke-subduedalt: var(--stroke-neutralalt);
|
|
131
137
|
--basecolors-text-accent: var(--text-lightalt);
|
|
132
138
|
--basecolors-text-disabled: var(--text-neutralalt);
|
|
133
139
|
--basecolors-text-disabledalt: var(--text-neutralalt);
|
|
134
|
-
--basecolors-text-highlight: var(--
|
|
140
|
+
--basecolors-text-highlight: var(--text-highlight);
|
|
135
141
|
--basecolors-text-highlightalt: var(--text-highlightalt);
|
|
136
142
|
--basecolors-text-light: var(--text-lightalt);
|
|
137
143
|
--basecolors-text-subdued: var(--text-darkalt);
|
package/dist/base.scss
CHANGED
|
@@ -13,6 +13,8 @@
|
|
|
13
13
|
--basecolors-frame-default: #{$fill-background-standard-light};
|
|
14
14
|
--basecolors-frame-elevated: #{$fill-background-standard-light};
|
|
15
15
|
--basecolors-frame-elevatedalt: #{$fill-background-tint-light};
|
|
16
|
+
--basecolors-frame-highlight: #{$stroke-highlight};
|
|
17
|
+
--basecolors-frame-highlightalt: #{$stroke-highlightalt};
|
|
16
18
|
--basecolors-frame-subdued: #{$fill-background-subdued-light};
|
|
17
19
|
--basecolors-frame-tint: #{$fill-background-tint-light};
|
|
18
20
|
--basecolors-shape-accent: #{$shape-accent};
|
|
@@ -60,13 +62,14 @@
|
|
|
60
62
|
--basecolors-stroke-focus-contrast: #{$stroke-contrast};
|
|
61
63
|
--basecolors-stroke-focus-standard: #{$stroke-accent};
|
|
62
64
|
--basecolors-stroke-highlight: #{$stroke-highlight};
|
|
65
|
+
--basecolors-stroke-highlight2: #{$text-highlightalt};
|
|
63
66
|
--basecolors-stroke-light: #{$stroke-light};
|
|
64
67
|
--basecolors-stroke-subdued: #{$stroke-subdued};
|
|
65
68
|
--basecolors-stroke-subduedalt: #{$stroke-neutral};
|
|
66
69
|
--basecolors-text-accent: #{$text-accent};
|
|
67
70
|
--basecolors-text-disabled: #{$text-neutral};
|
|
68
71
|
--basecolors-text-disabledalt: #{$text-neutralalt};
|
|
69
|
-
--basecolors-text-highlight: #{$
|
|
72
|
+
--basecolors-text-highlight: #{$text-highlight};
|
|
70
73
|
--basecolors-text-highlightalt: #{$text-highlightalt};
|
|
71
74
|
--basecolors-text-light: #{$text-light};
|
|
72
75
|
--basecolors-text-subdued: #{$text-subdued};
|
|
@@ -80,6 +83,8 @@
|
|
|
80
83
|
--basecolors-frame-default: #{$fill-background-standard-dark};
|
|
81
84
|
--basecolors-frame-elevated: #{$fill-background-overlay-transparent};
|
|
82
85
|
--basecolors-frame-elevatedalt: #{$fill-background-overlay-solidalt};
|
|
86
|
+
--basecolors-frame-highlight: #{$stroke-highlight};
|
|
87
|
+
--basecolors-frame-highlightalt: #{$stroke-highlightalt};
|
|
83
88
|
--basecolors-frame-subdued: #{$fill-background-subdued-dark};
|
|
84
89
|
--basecolors-frame-tint: #{$fill-background-tint-dark};
|
|
85
90
|
--basecolors-shape-accent: #{$shape-lightalt};
|
|
@@ -97,7 +102,7 @@
|
|
|
97
102
|
--basecolors-shape-funicular-default: #{$dark-funicular};
|
|
98
103
|
--basecolors-shape-helicopter-contrast: #{$dark-helicopter};
|
|
99
104
|
--basecolors-shape-helicopter-default: #{$dark-helicopter};
|
|
100
|
-
--basecolors-shape-highlight: #{$stroke-
|
|
105
|
+
--basecolors-shape-highlight: #{$stroke-highlight};
|
|
101
106
|
--basecolors-shape-light: #{$shape-lightalt};
|
|
102
107
|
--basecolors-shape-mask: #{$fill-background-subdued-dark};
|
|
103
108
|
--basecolors-shape-maskalt: #{$fill-background-overlay-solid};
|
|
@@ -126,14 +131,15 @@
|
|
|
126
131
|
--basecolors-stroke-disabled: #{$stroke-neutral};
|
|
127
132
|
--basecolors-stroke-focus-contrast: #{$stroke-contrast};
|
|
128
133
|
--basecolors-stroke-focus-standard: #{$stroke-contrast};
|
|
129
|
-
--basecolors-stroke-highlight: #{$stroke-
|
|
134
|
+
--basecolors-stroke-highlight: #{$stroke-highlight};
|
|
135
|
+
--basecolors-stroke-highlight2: #{$stroke-highlightalt};
|
|
130
136
|
--basecolors-stroke-light: #{$stroke-dark};
|
|
131
137
|
--basecolors-stroke-subdued: #{$stroke-darkalt};
|
|
132
138
|
--basecolors-stroke-subduedalt: #{$stroke-neutralalt};
|
|
133
139
|
--basecolors-text-accent: #{$text-lightalt};
|
|
134
140
|
--basecolors-text-disabled: #{$text-neutralalt};
|
|
135
141
|
--basecolors-text-disabledalt: #{$text-neutralalt};
|
|
136
|
-
--basecolors-text-highlight: #{$
|
|
142
|
+
--basecolors-text-highlight: #{$text-highlight};
|
|
137
143
|
--basecolors-text-highlightalt: #{$text-highlightalt};
|
|
138
144
|
--basecolors-text-light: #{$text-lightalt};
|
|
139
145
|
--basecolors-text-subdued: #{$text-darkalt};
|
|
@@ -8,6 +8,8 @@ export declare const base: {
|
|
|
8
8
|
default: string;
|
|
9
9
|
elevated: string;
|
|
10
10
|
elevatedalt: string;
|
|
11
|
+
highlight: string;
|
|
12
|
+
highlightalt: string;
|
|
11
13
|
subdued: string;
|
|
12
14
|
tint: string;
|
|
13
15
|
};
|
|
@@ -59,6 +61,7 @@ export declare const base: {
|
|
|
59
61
|
focusContrast: string;
|
|
60
62
|
focusStandard: string;
|
|
61
63
|
highlight: string;
|
|
64
|
+
highlight2: string;
|
|
62
65
|
light: string;
|
|
63
66
|
subdued: string;
|
|
64
67
|
subduedalt: string;
|
|
@@ -84,6 +87,8 @@ export declare const base: {
|
|
|
84
87
|
default: string;
|
|
85
88
|
elevated: string;
|
|
86
89
|
elevatedalt: string;
|
|
90
|
+
highlight: string;
|
|
91
|
+
highlightalt: string;
|
|
87
92
|
subdued: string;
|
|
88
93
|
tint: string;
|
|
89
94
|
};
|
|
@@ -135,6 +140,7 @@ export declare const base: {
|
|
|
135
140
|
focusContrast: string;
|
|
136
141
|
focusStandard: string;
|
|
137
142
|
highlight: string;
|
|
143
|
+
highlight2: string;
|
|
138
144
|
light: string;
|
|
139
145
|
subdued: string;
|
|
140
146
|
subduedalt: string;
|
|
@@ -158,81 +158,57 @@ export declare const componentVariables: {
|
|
|
158
158
|
information: {
|
|
159
159
|
contrast: {
|
|
160
160
|
border: string;
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
iconToast: string;
|
|
165
|
-
textDefault: string;
|
|
166
|
-
textToast: string;
|
|
161
|
+
fill: string;
|
|
162
|
+
icon: string;
|
|
163
|
+
text: string;
|
|
167
164
|
};
|
|
168
165
|
standard: {
|
|
169
166
|
border: string;
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
iconToast: string;
|
|
174
|
-
textDefault: string;
|
|
175
|
-
textToast: string;
|
|
167
|
+
fill: string;
|
|
168
|
+
icon: string;
|
|
169
|
+
text: string;
|
|
176
170
|
};
|
|
177
171
|
};
|
|
178
172
|
negative: {
|
|
179
173
|
contrast: {
|
|
180
174
|
border: string;
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
iconToast: string;
|
|
185
|
-
textDefault: string;
|
|
186
|
-
textToast: string;
|
|
175
|
+
fill: string;
|
|
176
|
+
icon: string;
|
|
177
|
+
text: string;
|
|
187
178
|
};
|
|
188
179
|
standard: {
|
|
189
180
|
border: string;
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
iconToast: string;
|
|
194
|
-
textDefault: string;
|
|
195
|
-
textToast: string;
|
|
181
|
+
fill: string;
|
|
182
|
+
icon: string;
|
|
183
|
+
text: string;
|
|
196
184
|
};
|
|
197
185
|
};
|
|
198
186
|
success: {
|
|
199
187
|
contrast: {
|
|
200
188
|
border: string;
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
iconToast: string;
|
|
205
|
-
textDefault: string;
|
|
206
|
-
textToast: string;
|
|
189
|
+
fill: string;
|
|
190
|
+
icon: string;
|
|
191
|
+
text: string;
|
|
207
192
|
};
|
|
208
193
|
standard: {
|
|
209
194
|
border: string;
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
iconToast: string;
|
|
214
|
-
textDefault: string;
|
|
215
|
-
textToast: string;
|
|
195
|
+
fill: string;
|
|
196
|
+
icon: string;
|
|
197
|
+
text: string;
|
|
216
198
|
};
|
|
217
199
|
};
|
|
218
200
|
warning: {
|
|
219
201
|
contrast: {
|
|
220
202
|
border: string;
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
iconToast: string;
|
|
225
|
-
textDefault: string;
|
|
226
|
-
textDefault2: string;
|
|
203
|
+
fill: string;
|
|
204
|
+
icon: string;
|
|
205
|
+
text: string;
|
|
227
206
|
};
|
|
228
207
|
standard: {
|
|
229
208
|
border: string;
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
iconToast: string;
|
|
234
|
-
textDefault: string;
|
|
235
|
-
textToast: string;
|
|
209
|
+
fill: string;
|
|
210
|
+
icon: string;
|
|
211
|
+
text: string;
|
|
236
212
|
};
|
|
237
213
|
};
|
|
238
214
|
};
|
|
@@ -888,24 +864,6 @@ export declare const componentVariables: {
|
|
|
888
864
|
text: string;
|
|
889
865
|
textDisabled: string;
|
|
890
866
|
};
|
|
891
|
-
contrastBeta: {
|
|
892
|
-
backgroundChild: string;
|
|
893
|
-
divider: string;
|
|
894
|
-
fillActive: string;
|
|
895
|
-
fillClick: string;
|
|
896
|
-
fillDefault: string;
|
|
897
|
-
fillDisabled: string;
|
|
898
|
-
fillHover: string;
|
|
899
|
-
icon: string;
|
|
900
|
-
iconDisabled: string;
|
|
901
|
-
iconSubdued: string;
|
|
902
|
-
strokeDev: string;
|
|
903
|
-
strokeProd: string;
|
|
904
|
-
strokeStaging: string;
|
|
905
|
-
text: string;
|
|
906
|
-
textDisabled: string;
|
|
907
|
-
textGroup: string;
|
|
908
|
-
};
|
|
909
867
|
standard: {
|
|
910
868
|
avatar: string;
|
|
911
869
|
background: string;
|
|
@@ -921,24 +879,6 @@ export declare const componentVariables: {
|
|
|
921
879
|
text: string;
|
|
922
880
|
textDisabled: string;
|
|
923
881
|
};
|
|
924
|
-
standardBeta: {
|
|
925
|
-
backgroundChild: string;
|
|
926
|
-
divider: string;
|
|
927
|
-
fillActive: string;
|
|
928
|
-
fillClick: string;
|
|
929
|
-
fillDefault: string;
|
|
930
|
-
fillDisabled: string;
|
|
931
|
-
fillHover: string;
|
|
932
|
-
icon: string;
|
|
933
|
-
iconDisabled: string;
|
|
934
|
-
iconSubdued: string;
|
|
935
|
-
strokeDev: string;
|
|
936
|
-
strokeProd: string;
|
|
937
|
-
strokeStaging: string;
|
|
938
|
-
text: string;
|
|
939
|
-
textDisabled: string;
|
|
940
|
-
textGroup: string;
|
|
941
|
-
};
|
|
942
882
|
};
|
|
943
883
|
stepper: {
|
|
944
884
|
contrast: {
|
|
@@ -1540,20 +1480,6 @@ export declare const componentVariables: {
|
|
|
1540
1480
|
fill: string;
|
|
1541
1481
|
};
|
|
1542
1482
|
};
|
|
1543
|
-
logo: {
|
|
1544
|
-
contrast: {
|
|
1545
|
-
backgroundApp: string;
|
|
1546
|
-
highlight: string;
|
|
1547
|
-
text: string;
|
|
1548
|
-
textApp: string;
|
|
1549
|
-
};
|
|
1550
|
-
standard: {
|
|
1551
|
-
backgroundApp: string;
|
|
1552
|
-
highlight: string;
|
|
1553
|
-
text: string;
|
|
1554
|
-
textApp: string;
|
|
1555
|
-
};
|
|
1556
|
-
};
|
|
1557
1483
|
npmtag: {
|
|
1558
1484
|
divide: string;
|
|
1559
1485
|
text: string;
|
|
@@ -1731,81 +1657,57 @@ export declare const componentVariables: {
|
|
|
1731
1657
|
information: {
|
|
1732
1658
|
contrast: {
|
|
1733
1659
|
border: string;
|
|
1734
|
-
|
|
1735
|
-
|
|
1736
|
-
|
|
1737
|
-
iconToast: string;
|
|
1738
|
-
textDefault: string;
|
|
1739
|
-
textToast: string;
|
|
1660
|
+
fill: string;
|
|
1661
|
+
icon: string;
|
|
1662
|
+
text: string;
|
|
1740
1663
|
};
|
|
1741
1664
|
standard: {
|
|
1742
1665
|
border: string;
|
|
1743
|
-
|
|
1744
|
-
|
|
1745
|
-
|
|
1746
|
-
iconToast: string;
|
|
1747
|
-
textDefault: string;
|
|
1748
|
-
textToast: string;
|
|
1666
|
+
fill: string;
|
|
1667
|
+
icon: string;
|
|
1668
|
+
text: string;
|
|
1749
1669
|
};
|
|
1750
1670
|
};
|
|
1751
1671
|
negative: {
|
|
1752
1672
|
contrast: {
|
|
1753
1673
|
border: string;
|
|
1754
|
-
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
iconToast: string;
|
|
1758
|
-
textDefault: string;
|
|
1759
|
-
textToast: string;
|
|
1674
|
+
fill: string;
|
|
1675
|
+
icon: string;
|
|
1676
|
+
text: string;
|
|
1760
1677
|
};
|
|
1761
1678
|
standard: {
|
|
1762
1679
|
border: string;
|
|
1763
|
-
|
|
1764
|
-
|
|
1765
|
-
|
|
1766
|
-
iconToast: string;
|
|
1767
|
-
textDefault: string;
|
|
1768
|
-
textToast: string;
|
|
1680
|
+
fill: string;
|
|
1681
|
+
icon: string;
|
|
1682
|
+
text: string;
|
|
1769
1683
|
};
|
|
1770
1684
|
};
|
|
1771
1685
|
success: {
|
|
1772
1686
|
contrast: {
|
|
1773
1687
|
border: string;
|
|
1774
|
-
|
|
1775
|
-
|
|
1776
|
-
|
|
1777
|
-
iconToast: string;
|
|
1778
|
-
textDefault: string;
|
|
1779
|
-
textToast: string;
|
|
1688
|
+
fill: string;
|
|
1689
|
+
icon: string;
|
|
1690
|
+
text: string;
|
|
1780
1691
|
};
|
|
1781
1692
|
standard: {
|
|
1782
1693
|
border: string;
|
|
1783
|
-
|
|
1784
|
-
|
|
1785
|
-
|
|
1786
|
-
iconToast: string;
|
|
1787
|
-
textDefault: string;
|
|
1788
|
-
textToast: string;
|
|
1694
|
+
fill: string;
|
|
1695
|
+
icon: string;
|
|
1696
|
+
text: string;
|
|
1789
1697
|
};
|
|
1790
1698
|
};
|
|
1791
1699
|
warning: {
|
|
1792
1700
|
contrast: {
|
|
1793
1701
|
border: string;
|
|
1794
|
-
|
|
1795
|
-
|
|
1796
|
-
|
|
1797
|
-
iconToast: string;
|
|
1798
|
-
textDefault: string;
|
|
1799
|
-
textDefault2: string;
|
|
1702
|
+
fill: string;
|
|
1703
|
+
icon: string;
|
|
1704
|
+
text: string;
|
|
1800
1705
|
};
|
|
1801
1706
|
standard: {
|
|
1802
1707
|
border: string;
|
|
1803
|
-
|
|
1804
|
-
|
|
1805
|
-
|
|
1806
|
-
iconToast: string;
|
|
1807
|
-
textDefault: string;
|
|
1808
|
-
textToast: string;
|
|
1708
|
+
fill: string;
|
|
1709
|
+
icon: string;
|
|
1710
|
+
text: string;
|
|
1809
1711
|
};
|
|
1810
1712
|
};
|
|
1811
1713
|
};
|
|
@@ -2461,24 +2363,6 @@ export declare const componentVariables: {
|
|
|
2461
2363
|
text: string;
|
|
2462
2364
|
textDisabled: string;
|
|
2463
2365
|
};
|
|
2464
|
-
contrastBeta: {
|
|
2465
|
-
backgroundChild: string;
|
|
2466
|
-
divider: string;
|
|
2467
|
-
fillActive: string;
|
|
2468
|
-
fillClick: string;
|
|
2469
|
-
fillDefault: string;
|
|
2470
|
-
fillDisabled: string;
|
|
2471
|
-
fillHover: string;
|
|
2472
|
-
icon: string;
|
|
2473
|
-
iconDisabled: string;
|
|
2474
|
-
iconSubdued: string;
|
|
2475
|
-
strokeDev: string;
|
|
2476
|
-
strokeProd: string;
|
|
2477
|
-
strokeStaging: string;
|
|
2478
|
-
text: string;
|
|
2479
|
-
textDisabled: string;
|
|
2480
|
-
textGroup: string;
|
|
2481
|
-
};
|
|
2482
2366
|
standard: {
|
|
2483
2367
|
avatar: string;
|
|
2484
2368
|
background: string;
|
|
@@ -2494,24 +2378,6 @@ export declare const componentVariables: {
|
|
|
2494
2378
|
text: string;
|
|
2495
2379
|
textDisabled: string;
|
|
2496
2380
|
};
|
|
2497
|
-
standardBeta: {
|
|
2498
|
-
backgroundChild: string;
|
|
2499
|
-
divider: string;
|
|
2500
|
-
fillActive: string;
|
|
2501
|
-
fillClick: string;
|
|
2502
|
-
fillDefault: string;
|
|
2503
|
-
fillDisabled: string;
|
|
2504
|
-
fillHover: string;
|
|
2505
|
-
icon: string;
|
|
2506
|
-
iconDisabled: string;
|
|
2507
|
-
iconSubdued: string;
|
|
2508
|
-
strokeDev: string;
|
|
2509
|
-
strokeProd: string;
|
|
2510
|
-
strokeStaging: string;
|
|
2511
|
-
text: string;
|
|
2512
|
-
textDisabled: string;
|
|
2513
|
-
textGroup: string;
|
|
2514
|
-
};
|
|
2515
2381
|
};
|
|
2516
2382
|
stepper: {
|
|
2517
2383
|
contrast: {
|
|
@@ -3113,20 +2979,6 @@ export declare const componentVariables: {
|
|
|
3113
2979
|
fill: string;
|
|
3114
2980
|
};
|
|
3115
2981
|
};
|
|
3116
|
-
logo: {
|
|
3117
|
-
contrast: {
|
|
3118
|
-
backgroundApp: string;
|
|
3119
|
-
highlight: string;
|
|
3120
|
-
text: string;
|
|
3121
|
-
textApp: string;
|
|
3122
|
-
};
|
|
3123
|
-
standard: {
|
|
3124
|
-
backgroundApp: string;
|
|
3125
|
-
highlight: string;
|
|
3126
|
-
text: string;
|
|
3127
|
-
textApp: string;
|
|
3128
|
-
};
|
|
3129
|
-
};
|
|
3130
2982
|
npmtag: {
|
|
3131
2983
|
divide: string;
|
|
3132
2984
|
text: string;
|
|
@@ -3146,6 +2998,30 @@ export declare const componentVariables: {
|
|
|
3146
2998
|
};
|
|
3147
2999
|
};
|
|
3148
3000
|
components: {
|
|
3001
|
+
travel: {
|
|
3002
|
+
travelHeader: {
|
|
3003
|
+
border: {
|
|
3004
|
+
small: string;
|
|
3005
|
+
large: string;
|
|
3006
|
+
medium: string;
|
|
3007
|
+
};
|
|
3008
|
+
gap: {
|
|
3009
|
+
small: string;
|
|
3010
|
+
medium: string;
|
|
3011
|
+
large: string;
|
|
3012
|
+
};
|
|
3013
|
+
spacing: {
|
|
3014
|
+
large: string;
|
|
3015
|
+
medium: string;
|
|
3016
|
+
small: string;
|
|
3017
|
+
};
|
|
3018
|
+
width: {
|
|
3019
|
+
small: string;
|
|
3020
|
+
medium: string;
|
|
3021
|
+
large: string;
|
|
3022
|
+
};
|
|
3023
|
+
};
|
|
3024
|
+
};
|
|
3149
3025
|
button: {
|
|
3150
3026
|
border: {
|
|
3151
3027
|
large: string;
|
|
@@ -48,13 +48,14 @@ export declare const semantic: {
|
|
|
48
48
|
transparentalt: string;
|
|
49
49
|
};
|
|
50
50
|
information: {
|
|
51
|
+
accent: string;
|
|
51
52
|
contrast: string;
|
|
52
53
|
deep: string;
|
|
53
54
|
muted: string;
|
|
54
55
|
tint: string;
|
|
55
|
-
transparent: string;
|
|
56
56
|
};
|
|
57
57
|
negative: {
|
|
58
|
+
accent: string;
|
|
58
59
|
contrast: string;
|
|
59
60
|
dark: string;
|
|
60
61
|
deep: string;
|
|
@@ -105,19 +106,19 @@ export declare const semantic: {
|
|
|
105
106
|
};
|
|
106
107
|
};
|
|
107
108
|
success: {
|
|
109
|
+
accent: string;
|
|
108
110
|
contrast: string;
|
|
109
111
|
deep: string;
|
|
110
112
|
muted: string;
|
|
111
113
|
subdued: string;
|
|
112
114
|
tint: string;
|
|
113
|
-
transparent: string;
|
|
114
115
|
};
|
|
115
116
|
warning: {
|
|
117
|
+
accent: string;
|
|
116
118
|
contrast: string;
|
|
117
119
|
deep: string;
|
|
118
120
|
muted: string;
|
|
119
121
|
tint: string;
|
|
120
|
-
transparent: string;
|
|
121
122
|
};
|
|
122
123
|
};
|
|
123
124
|
shape: {
|
|
@@ -153,10 +154,10 @@ export declare const semantic: {
|
|
|
153
154
|
colorless: string;
|
|
154
155
|
contrast: string;
|
|
155
156
|
contrastalt: string;
|
|
157
|
+
contrastalt2: string;
|
|
156
158
|
dark: string;
|
|
157
159
|
darkalt: string;
|
|
158
160
|
darkalt2: string;
|
|
159
|
-
highContrast: string;
|
|
160
161
|
highlight: string;
|
|
161
162
|
highlightalt: string;
|
|
162
163
|
information: string;
|
|
@@ -178,6 +179,7 @@ export declare const semantic: {
|
|
|
178
179
|
};
|
|
179
180
|
text: {
|
|
180
181
|
accent: string;
|
|
182
|
+
contrast: string;
|
|
181
183
|
dark: string;
|
|
182
184
|
darkalt: string;
|
|
183
185
|
disabled: string;
|
package/dist/primitive.css
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
--blue-80: #54568c;
|
|
14
14
|
--blue-90: #393d79;
|
|
15
15
|
--canary-10: #fffbeb;
|
|
16
|
-
--canary-100: #
|
|
16
|
+
--canary-100: #302403;
|
|
17
17
|
--canary-20: #fff4cd;
|
|
18
18
|
--canary-30: #ffeeb3;
|
|
19
19
|
--canary-40: #ffe082;
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
--canary-80: #b38909;
|
|
24
24
|
--canary-90: #775b09;
|
|
25
25
|
--coral-10: #ffe5e5;
|
|
26
|
-
--coral-100: #
|
|
26
|
+
--coral-100: #2e0505;
|
|
27
27
|
--coral-20: #ffcece;
|
|
28
28
|
--coral-30: #ff9494;
|
|
29
29
|
--coral-40: #ff5959;
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
--peach-80: #ae4009;
|
|
95
95
|
--peach-90: #742b06;
|
|
96
96
|
--sky-10: #e1eff8;
|
|
97
|
-
--sky-100: #
|
|
97
|
+
--sky-100: #022231;
|
|
98
98
|
--sky-20: #acd7f1;
|
|
99
99
|
--sky-30: #64b3e7;
|
|
100
100
|
--sky-40: #2d98d2;
|
package/dist/primitive.less
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
@blue-80: #54568c;
|
|
14
14
|
@blue-90: #393d79;
|
|
15
15
|
@canary-10: #fffbeb;
|
|
16
|
-
@canary-100: #
|
|
16
|
+
@canary-100: #302403;
|
|
17
17
|
@canary-20: #fff4cd;
|
|
18
18
|
@canary-30: #ffeeb3;
|
|
19
19
|
@canary-40: #ffe082;
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
@canary-80: #b38909;
|
|
24
24
|
@canary-90: #775b09;
|
|
25
25
|
@coral-10: #ffe5e5;
|
|
26
|
-
@coral-100: #
|
|
26
|
+
@coral-100: #2e0505;
|
|
27
27
|
@coral-20: #ffcece;
|
|
28
28
|
@coral-30: #ff9494;
|
|
29
29
|
@coral-40: #ff5959;
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
@peach-80: #ae4009;
|
|
95
95
|
@peach-90: #742b06;
|
|
96
96
|
@sky-10: #e1eff8;
|
|
97
|
-
@sky-100: #
|
|
97
|
+
@sky-100: #022231;
|
|
98
98
|
@sky-20: #acd7f1;
|
|
99
99
|
@sky-30: #64b3e7;
|
|
100
100
|
@sky-40: #2d98d2;
|
package/dist/primitive.scss
CHANGED
|
@@ -13,7 +13,7 @@ $blue-70: #626493;
|
|
|
13
13
|
$blue-80: #54568c;
|
|
14
14
|
$blue-90: #393d79;
|
|
15
15
|
$canary-10: #fffbeb;
|
|
16
|
-
$canary-100: #
|
|
16
|
+
$canary-100: #302403;
|
|
17
17
|
$canary-20: #fff4cd;
|
|
18
18
|
$canary-30: #ffeeb3;
|
|
19
19
|
$canary-40: #ffe082;
|
|
@@ -23,7 +23,7 @@ $canary-70: #e9b10c;
|
|
|
23
23
|
$canary-80: #b38909;
|
|
24
24
|
$canary-90: #775b09;
|
|
25
25
|
$coral-10: #ffe5e5;
|
|
26
|
-
$coral-100: #
|
|
26
|
+
$coral-100: #2e0505;
|
|
27
27
|
$coral-20: #ffcece;
|
|
28
28
|
$coral-30: #ff9494;
|
|
29
29
|
$coral-40: #ff5959;
|
|
@@ -94,7 +94,7 @@ $peach-70: #e6560f;
|
|
|
94
94
|
$peach-80: #ae4009;
|
|
95
95
|
$peach-90: #742b06;
|
|
96
96
|
$sky-10: #e1eff8;
|
|
97
|
-
$sky-100: #
|
|
97
|
+
$sky-100: #022231;
|
|
98
98
|
$sky-20: #acd7f1;
|
|
99
99
|
$sky-30: #64b3e7;
|
|
100
100
|
$sky-40: #2d98d2;
|