@sage/design-tokens 2.19.2 → 2.22.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/android/base.xml +18 -6
- package/css/base.css +18 -6
- package/data/tokens.json +163 -17
- package/docs/tokens/base/box-shadow/index.html +27 -6
- package/docs/tokens/base/colors/index.html +29 -8
- package/docs/tokens/base/index.html +266 -14
- package/docs/tokens/base/typography/index.html +210 -0
- package/docs/tokens/index.html +266 -14
- package/ios/base.h +18 -6
- package/js/base/common.d.ts +13 -1
- package/js/base/common.js +18 -6
- package/js/base/es6.d.ts +13 -1
- package/js/base/es6.js +17 -5
- package/package.json +1 -1
- package/sage-design-tokens-2.22.0.tgz +0 -0
- package/scss/base.scss +18 -6
- package/sage-design-tokens-2.19.2.tgz +0 -0
package/docs/tokens/index.html
CHANGED
|
@@ -1055,11 +1055,11 @@
|
|
|
1055
1055
|
</a>
|
|
1056
1056
|
</td>
|
|
1057
1057
|
<td class="is-vcentered">
|
|
1058
|
-
<pre>#
|
|
1058
|
+
<pre>#00000000</pre>
|
|
1059
1059
|
</td>
|
|
1060
1060
|
<td class="is-vcentered">
|
|
1061
1061
|
<div class="table__color-preview"
|
|
1062
|
-
style="background-color: #
|
|
1062
|
+
style="background-color: #00000000;">
|
|
1063
1063
|
</div>
|
|
1064
1064
|
|
|
1065
1065
|
</td>
|
|
@@ -1160,11 +1160,11 @@
|
|
|
1160
1160
|
</a>
|
|
1161
1161
|
</td>
|
|
1162
1162
|
<td class="is-vcentered">
|
|
1163
|
-
<pre>#
|
|
1163
|
+
<pre>#00000000</pre>
|
|
1164
1164
|
</td>
|
|
1165
1165
|
<td class="is-vcentered">
|
|
1166
1166
|
<div class="table__color-preview"
|
|
1167
|
-
style="background-color: #
|
|
1167
|
+
style="background-color: #00000000;">
|
|
1168
1168
|
</div>
|
|
1169
1169
|
|
|
1170
1170
|
</td>
|
|
@@ -1769,11 +1769,11 @@
|
|
|
1769
1769
|
</a>
|
|
1770
1770
|
</td>
|
|
1771
1771
|
<td class="is-vcentered">
|
|
1772
|
-
<pre>#
|
|
1772
|
+
<pre>#00000000</pre>
|
|
1773
1773
|
</td>
|
|
1774
1774
|
<td class="is-vcentered">
|
|
1775
1775
|
<div class="table__color-preview"
|
|
1776
|
-
style="background-color: #
|
|
1776
|
+
style="background-color: #00000000;">
|
|
1777
1777
|
</div>
|
|
1778
1778
|
|
|
1779
1779
|
</td>
|
|
@@ -1874,11 +1874,11 @@
|
|
|
1874
1874
|
</a>
|
|
1875
1875
|
</td>
|
|
1876
1876
|
<td class="is-vcentered">
|
|
1877
|
-
<pre>#
|
|
1877
|
+
<pre>#00000000</pre>
|
|
1878
1878
|
</td>
|
|
1879
1879
|
<td class="is-vcentered">
|
|
1880
1880
|
<div class="table__color-preview"
|
|
1881
|
-
style="background-color: #
|
|
1881
|
+
style="background-color: #00000000;">
|
|
1882
1882
|
</div>
|
|
1883
1883
|
|
|
1884
1884
|
</td>
|
|
@@ -2303,6 +2303,27 @@
|
|
|
2303
2303
|
|
|
2304
2304
|
</td>
|
|
2305
2305
|
</tr>
|
|
2306
|
+
<tr>
|
|
2307
|
+
<td class="with-icons is-vcentered"
|
|
2308
|
+
id="base-colorsComponentsMenuTransparent"
|
|
2309
|
+
title="theme: base; category: colors; group: components; name: menu; variant: transparent; ">
|
|
2310
|
+
colorsComponentsMenuTransparent
|
|
2311
|
+
<a href="#base-colorsComponentsMenuTransparent"
|
|
2312
|
+
title="permalink"
|
|
2313
|
+
class="permalink">
|
|
2314
|
+
🔗
|
|
2315
|
+
</a>
|
|
2316
|
+
</td>
|
|
2317
|
+
<td class="is-vcentered">
|
|
2318
|
+
<pre>#00000000</pre>
|
|
2319
|
+
</td>
|
|
2320
|
+
<td class="is-vcentered">
|
|
2321
|
+
<div class="table__color-preview"
|
|
2322
|
+
style="background-color: #00000000;">
|
|
2323
|
+
</div>
|
|
2324
|
+
|
|
2325
|
+
</td>
|
|
2326
|
+
</tr>
|
|
2306
2327
|
<tr>
|
|
2307
2328
|
<td class="with-icons is-vcentered"
|
|
2308
2329
|
id="base-colorsUtilityMajor100"
|
|
@@ -6187,21 +6208,21 @@
|
|
|
6187
6208
|
</tr>
|
|
6188
6209
|
<tr>
|
|
6189
6210
|
<td class="with-icons is-vcentered"
|
|
6190
|
-
id="base-
|
|
6191
|
-
title="theme: base; category: boxShadow; variant:
|
|
6192
|
-
|
|
6193
|
-
<a href="#base-
|
|
6211
|
+
id="base-boxShadow010"
|
|
6212
|
+
title="theme: base; category: boxShadow; variant: 010; ">
|
|
6213
|
+
boxShadow010
|
|
6214
|
+
<a href="#base-boxShadow010"
|
|
6194
6215
|
title="permalink"
|
|
6195
6216
|
class="permalink">
|
|
6196
6217
|
🔗
|
|
6197
6218
|
</a>
|
|
6198
6219
|
</td>
|
|
6199
6220
|
<td class="is-vcentered">
|
|
6200
|
-
<pre>inset 0
|
|
6221
|
+
<pre>inset 0 -1px 0 0 #e6ebedff</pre>
|
|
6201
6222
|
</td>
|
|
6202
6223
|
<td class="is-vcentered">
|
|
6203
6224
|
<div class="table__box-shadow-preview"
|
|
6204
|
-
style="box-shadow: inset 0
|
|
6225
|
+
style="box-shadow: inset 0 -1px 0 0 #e6ebedff">
|
|
6205
6226
|
</div>
|
|
6206
6227
|
|
|
6207
6228
|
</td>
|
|
@@ -6227,6 +6248,27 @@
|
|
|
6227
6248
|
|
|
6228
6249
|
</td>
|
|
6229
6250
|
</tr>
|
|
6251
|
+
<tr>
|
|
6252
|
+
<td class="with-icons is-vcentered"
|
|
6253
|
+
id="base-boxShadow075"
|
|
6254
|
+
title="theme: base; category: boxShadow; variant: 075; ">
|
|
6255
|
+
boxShadow075
|
|
6256
|
+
<a href="#base-boxShadow075"
|
|
6257
|
+
title="permalink"
|
|
6258
|
+
class="permalink">
|
|
6259
|
+
🔗
|
|
6260
|
+
</a>
|
|
6261
|
+
</td>
|
|
6262
|
+
<td class="is-vcentered">
|
|
6263
|
+
<pre>inset 0 6px 4px -4px #00141e0d</pre>
|
|
6264
|
+
</td>
|
|
6265
|
+
<td class="is-vcentered">
|
|
6266
|
+
<div class="table__box-shadow-preview"
|
|
6267
|
+
style="box-shadow: inset 0 6px 4px -4px #00141e0d">
|
|
6268
|
+
</div>
|
|
6269
|
+
|
|
6270
|
+
</td>
|
|
6271
|
+
</tr>
|
|
6230
6272
|
<tr>
|
|
6231
6273
|
<td class="with-icons is-vcentered"
|
|
6232
6274
|
id="base-boxShadow090"
|
|
@@ -9025,6 +9067,27 @@
|
|
|
9025
9067
|
|
|
9026
9068
|
</td>
|
|
9027
9069
|
</tr>
|
|
9070
|
+
<tr>
|
|
9071
|
+
<td class="with-icons is-vcentered"
|
|
9072
|
+
id="base-typographySidebarTitleXs"
|
|
9073
|
+
title="theme: base; category: typography; group: sidebar; name: title; variant: xs; ">
|
|
9074
|
+
typographySidebarTitleXs
|
|
9075
|
+
<a href="#base-typographySidebarTitleXs"
|
|
9076
|
+
title="permalink"
|
|
9077
|
+
class="permalink">
|
|
9078
|
+
🔗
|
|
9079
|
+
</a>
|
|
9080
|
+
</td>
|
|
9081
|
+
<td class="is-vcentered">
|
|
9082
|
+
<pre>700 20px/125% Sage UI</pre>
|
|
9083
|
+
</td>
|
|
9084
|
+
<td class="is-vcentered">
|
|
9085
|
+
<div class="table__typography-preview">
|
|
9086
|
+
n/a
|
|
9087
|
+
</div>
|
|
9088
|
+
|
|
9089
|
+
</td>
|
|
9090
|
+
</tr>
|
|
9028
9091
|
<tr>
|
|
9029
9092
|
<td class="with-icons is-vcentered"
|
|
9030
9093
|
id="base-typographySidebarTitleS"
|
|
@@ -9046,6 +9109,27 @@
|
|
|
9046
9109
|
|
|
9047
9110
|
</td>
|
|
9048
9111
|
</tr>
|
|
9112
|
+
<tr>
|
|
9113
|
+
<td class="with-icons is-vcentered"
|
|
9114
|
+
id="base-typographySidebarTitleMs"
|
|
9115
|
+
title="theme: base; category: typography; group: sidebar; name: title; variant: ms; ">
|
|
9116
|
+
typographySidebarTitleMs
|
|
9117
|
+
<a href="#base-typographySidebarTitleMs"
|
|
9118
|
+
title="permalink"
|
|
9119
|
+
class="permalink">
|
|
9120
|
+
🔗
|
|
9121
|
+
</a>
|
|
9122
|
+
</td>
|
|
9123
|
+
<td class="is-vcentered">
|
|
9124
|
+
<pre>700 20px/125% Sage UI</pre>
|
|
9125
|
+
</td>
|
|
9126
|
+
<td class="is-vcentered">
|
|
9127
|
+
<div class="table__typography-preview">
|
|
9128
|
+
n/a
|
|
9129
|
+
</div>
|
|
9130
|
+
|
|
9131
|
+
</td>
|
|
9132
|
+
</tr>
|
|
9049
9133
|
<tr>
|
|
9050
9134
|
<td class="with-icons is-vcentered"
|
|
9051
9135
|
id="base-typographySidebarTitleM"
|
|
@@ -9067,6 +9151,27 @@
|
|
|
9067
9151
|
|
|
9068
9152
|
</td>
|
|
9069
9153
|
</tr>
|
|
9154
|
+
<tr>
|
|
9155
|
+
<td class="with-icons is-vcentered"
|
|
9156
|
+
id="base-typographySidebarTitleMl"
|
|
9157
|
+
title="theme: base; category: typography; group: sidebar; name: title; variant: ml; ">
|
|
9158
|
+
typographySidebarTitleMl
|
|
9159
|
+
<a href="#base-typographySidebarTitleMl"
|
|
9160
|
+
title="permalink"
|
|
9161
|
+
class="permalink">
|
|
9162
|
+
🔗
|
|
9163
|
+
</a>
|
|
9164
|
+
</td>
|
|
9165
|
+
<td class="is-vcentered">
|
|
9166
|
+
<pre>700 20px/125% Sage UI</pre>
|
|
9167
|
+
</td>
|
|
9168
|
+
<td class="is-vcentered">
|
|
9169
|
+
<div class="table__typography-preview">
|
|
9170
|
+
n/a
|
|
9171
|
+
</div>
|
|
9172
|
+
|
|
9173
|
+
</td>
|
|
9174
|
+
</tr>
|
|
9070
9175
|
<tr>
|
|
9071
9176
|
<td class="with-icons is-vcentered"
|
|
9072
9177
|
id="base-typographySidebarTitleL"
|
|
@@ -9088,6 +9193,90 @@
|
|
|
9088
9193
|
|
|
9089
9194
|
</td>
|
|
9090
9195
|
</tr>
|
|
9196
|
+
<tr>
|
|
9197
|
+
<td class="with-icons is-vcentered"
|
|
9198
|
+
id="base-typographySidebarTitleXl"
|
|
9199
|
+
title="theme: base; category: typography; group: sidebar; name: title; variant: xl; ">
|
|
9200
|
+
typographySidebarTitleXl
|
|
9201
|
+
<a href="#base-typographySidebarTitleXl"
|
|
9202
|
+
title="permalink"
|
|
9203
|
+
class="permalink">
|
|
9204
|
+
🔗
|
|
9205
|
+
</a>
|
|
9206
|
+
</td>
|
|
9207
|
+
<td class="is-vcentered">
|
|
9208
|
+
<pre>700 20px/125% Sage UI</pre>
|
|
9209
|
+
</td>
|
|
9210
|
+
<td class="is-vcentered">
|
|
9211
|
+
<div class="table__typography-preview">
|
|
9212
|
+
n/a
|
|
9213
|
+
</div>
|
|
9214
|
+
|
|
9215
|
+
</td>
|
|
9216
|
+
</tr>
|
|
9217
|
+
<tr>
|
|
9218
|
+
<td class="with-icons is-vcentered"
|
|
9219
|
+
id="base-typographySidebarParagraphXs"
|
|
9220
|
+
title="theme: base; category: typography; group: sidebar; name: paragraph; variant: xs; ">
|
|
9221
|
+
typographySidebarParagraphXs
|
|
9222
|
+
<a href="#base-typographySidebarParagraphXs"
|
|
9223
|
+
title="permalink"
|
|
9224
|
+
class="permalink">
|
|
9225
|
+
🔗
|
|
9226
|
+
</a>
|
|
9227
|
+
</td>
|
|
9228
|
+
<td class="is-vcentered">
|
|
9229
|
+
<pre>0 none</pre>
|
|
9230
|
+
</td>
|
|
9231
|
+
<td class="is-vcentered">
|
|
9232
|
+
<div class="table__typography-preview">
|
|
9233
|
+
n/a
|
|
9234
|
+
</div>
|
|
9235
|
+
|
|
9236
|
+
</td>
|
|
9237
|
+
</tr>
|
|
9238
|
+
<tr>
|
|
9239
|
+
<td class="with-icons is-vcentered"
|
|
9240
|
+
id="base-typographySidebarParagraphS"
|
|
9241
|
+
title="theme: base; category: typography; group: sidebar; name: paragraph; variant: s; ">
|
|
9242
|
+
typographySidebarParagraphS
|
|
9243
|
+
<a href="#base-typographySidebarParagraphS"
|
|
9244
|
+
title="permalink"
|
|
9245
|
+
class="permalink">
|
|
9246
|
+
🔗
|
|
9247
|
+
</a>
|
|
9248
|
+
</td>
|
|
9249
|
+
<td class="is-vcentered">
|
|
9250
|
+
<pre>0 none</pre>
|
|
9251
|
+
</td>
|
|
9252
|
+
<td class="is-vcentered">
|
|
9253
|
+
<div class="table__typography-preview">
|
|
9254
|
+
n/a
|
|
9255
|
+
</div>
|
|
9256
|
+
|
|
9257
|
+
</td>
|
|
9258
|
+
</tr>
|
|
9259
|
+
<tr>
|
|
9260
|
+
<td class="with-icons is-vcentered"
|
|
9261
|
+
id="base-typographySidebarParagraphMs"
|
|
9262
|
+
title="theme: base; category: typography; group: sidebar; name: paragraph; variant: ms; ">
|
|
9263
|
+
typographySidebarParagraphMs
|
|
9264
|
+
<a href="#base-typographySidebarParagraphMs"
|
|
9265
|
+
title="permalink"
|
|
9266
|
+
class="permalink">
|
|
9267
|
+
🔗
|
|
9268
|
+
</a>
|
|
9269
|
+
</td>
|
|
9270
|
+
<td class="is-vcentered">
|
|
9271
|
+
<pre>0 none</pre>
|
|
9272
|
+
</td>
|
|
9273
|
+
<td class="is-vcentered">
|
|
9274
|
+
<div class="table__typography-preview">
|
|
9275
|
+
n/a
|
|
9276
|
+
</div>
|
|
9277
|
+
|
|
9278
|
+
</td>
|
|
9279
|
+
</tr>
|
|
9091
9280
|
<tr>
|
|
9092
9281
|
<td class="with-icons is-vcentered"
|
|
9093
9282
|
id="base-typographySidebarParagraphM"
|
|
@@ -9109,6 +9298,69 @@
|
|
|
9109
9298
|
|
|
9110
9299
|
</td>
|
|
9111
9300
|
</tr>
|
|
9301
|
+
<tr>
|
|
9302
|
+
<td class="with-icons is-vcentered"
|
|
9303
|
+
id="base-typographySidebarParagraphMl"
|
|
9304
|
+
title="theme: base; category: typography; group: sidebar; name: paragraph; variant: ml; ">
|
|
9305
|
+
typographySidebarParagraphMl
|
|
9306
|
+
<a href="#base-typographySidebarParagraphMl"
|
|
9307
|
+
title="permalink"
|
|
9308
|
+
class="permalink">
|
|
9309
|
+
🔗
|
|
9310
|
+
</a>
|
|
9311
|
+
</td>
|
|
9312
|
+
<td class="is-vcentered">
|
|
9313
|
+
<pre>0 none</pre>
|
|
9314
|
+
</td>
|
|
9315
|
+
<td class="is-vcentered">
|
|
9316
|
+
<div class="table__typography-preview">
|
|
9317
|
+
n/a
|
|
9318
|
+
</div>
|
|
9319
|
+
|
|
9320
|
+
</td>
|
|
9321
|
+
</tr>
|
|
9322
|
+
<tr>
|
|
9323
|
+
<td class="with-icons is-vcentered"
|
|
9324
|
+
id="base-typographySidebarParagraphL"
|
|
9325
|
+
title="theme: base; category: typography; group: sidebar; name: paragraph; variant: l; ">
|
|
9326
|
+
typographySidebarParagraphL
|
|
9327
|
+
<a href="#base-typographySidebarParagraphL"
|
|
9328
|
+
title="permalink"
|
|
9329
|
+
class="permalink">
|
|
9330
|
+
🔗
|
|
9331
|
+
</a>
|
|
9332
|
+
</td>
|
|
9333
|
+
<td class="is-vcentered">
|
|
9334
|
+
<pre>0 none</pre>
|
|
9335
|
+
</td>
|
|
9336
|
+
<td class="is-vcentered">
|
|
9337
|
+
<div class="table__typography-preview">
|
|
9338
|
+
n/a
|
|
9339
|
+
</div>
|
|
9340
|
+
|
|
9341
|
+
</td>
|
|
9342
|
+
</tr>
|
|
9343
|
+
<tr>
|
|
9344
|
+
<td class="with-icons is-vcentered"
|
|
9345
|
+
id="base-typographySidebarParagraphXl"
|
|
9346
|
+
title="theme: base; category: typography; group: sidebar; name: paragraph; variant: xl; ">
|
|
9347
|
+
typographySidebarParagraphXl
|
|
9348
|
+
<a href="#base-typographySidebarParagraphXl"
|
|
9349
|
+
title="permalink"
|
|
9350
|
+
class="permalink">
|
|
9351
|
+
🔗
|
|
9352
|
+
</a>
|
|
9353
|
+
</td>
|
|
9354
|
+
<td class="is-vcentered">
|
|
9355
|
+
<pre>0 none</pre>
|
|
9356
|
+
</td>
|
|
9357
|
+
<td class="is-vcentered">
|
|
9358
|
+
<div class="table__typography-preview">
|
|
9359
|
+
n/a
|
|
9360
|
+
</div>
|
|
9361
|
+
|
|
9362
|
+
</td>
|
|
9363
|
+
</tr>
|
|
9112
9364
|
<tr>
|
|
9113
9365
|
<td class="with-icons is-vcentered"
|
|
9114
9366
|
id="base-typographyStepFlowCompleteLabelM"
|
package/ios/base.h
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Fri, 22 Apr 2022 14:33:47 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
#import <Foundation/Foundation.h>
|
|
@@ -48,12 +48,12 @@
|
|
|
48
48
|
#define colorsComponentsMenuSpringChildAlt500 #e6ebedff
|
|
49
49
|
#define colorsComponentsMenuSpringChildAlt600 #007e45ff
|
|
50
50
|
#define colorsComponentsMenuSummerStandard400 #ccd6dbff
|
|
51
|
-
#define colorsComponentsMenuSummerStandard500 #
|
|
51
|
+
#define colorsComponentsMenuSummerStandard500 #00000000
|
|
52
52
|
#define colorsComponentsMenuSummerStandard600 #007e45ff
|
|
53
53
|
#define colorsComponentsMenuSummerStandard700 #e6ebedff
|
|
54
54
|
#define colorsComponentsMenuSummerStandard800 #e6ebedff
|
|
55
55
|
#define colorsComponentsMenuSummerParent400 #ccd6dbff
|
|
56
|
-
#define colorsComponentsMenuSummerParent500 #
|
|
56
|
+
#define colorsComponentsMenuSummerParent500 #00000000
|
|
57
57
|
#define colorsComponentsMenuSummerParent600 #007e45ff
|
|
58
58
|
#define colorsComponentsMenuSummerParent700 #e6ebedff
|
|
59
59
|
#define colorsComponentsMenuSummerParent800 #e6ebedff
|
|
@@ -82,12 +82,12 @@
|
|
|
82
82
|
#define colorsComponentsMenuAutumnChildAlt500 #00324cff
|
|
83
83
|
#define colorsComponentsMenuAutumnChildAlt600 #007e45ff
|
|
84
84
|
#define colorsComponentsMenuWinterStandard400 #4d4d4dff
|
|
85
|
-
#define colorsComponentsMenuWinterStandard500 #
|
|
85
|
+
#define colorsComponentsMenuWinterStandard500 #00000000
|
|
86
86
|
#define colorsComponentsMenuWinterStandard600 #007e45ff
|
|
87
87
|
#define colorsComponentsMenuWinterStandard700 #262626ff
|
|
88
88
|
#define colorsComponentsMenuWinterStandard800 #262626ff
|
|
89
89
|
#define colorsComponentsMenuWinterParent400 #4d4d4dff
|
|
90
|
-
#define colorsComponentsMenuWinterParent500 #
|
|
90
|
+
#define colorsComponentsMenuWinterParent500 #00000000
|
|
91
91
|
#define colorsComponentsMenuWinterParent600 #007e45ff
|
|
92
92
|
#define colorsComponentsMenuWinterParent700 #262626ff
|
|
93
93
|
#define colorsComponentsMenuWinterParent800 #262626ff
|
|
@@ -108,6 +108,7 @@
|
|
|
108
108
|
#define colorsComponentsMenuYin090 #000000e6
|
|
109
109
|
#define colorsComponentsMenuYang100 #ffffffff
|
|
110
110
|
#define colorsComponentsMenuYang080 #ffffffcc
|
|
111
|
+
#define colorsComponentsMenuTransparent #00000000
|
|
111
112
|
#define colorsUtilityMajor100 #ccd6dbff
|
|
112
113
|
#define colorsUtilityMajor150 #b3c2c9ff
|
|
113
114
|
#define colorsUtilityMajor200 #99adb7ff
|
|
@@ -287,8 +288,9 @@
|
|
|
287
288
|
#define boxShadow200 0 10px 20px 0 #00141e33, 0 20px 40px 0 #00141e1a
|
|
288
289
|
#define boxShadow300 0 10px 30px 0 #00141e1a, 0 30px 60px 0 #00141e1a
|
|
289
290
|
#define boxShadow400 0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a
|
|
290
|
-
#define
|
|
291
|
+
#define boxShadow010 inset 0 -1px 0 0 #e6ebedff
|
|
291
292
|
#define boxShadow050 0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26
|
|
293
|
+
#define boxShadow075 inset 0 6px 4px -4px #00141e0d
|
|
292
294
|
#define boxShadow090 0 4px 8px -4px #00141e1a
|
|
293
295
|
#define boxShadow091 4px 0 8px -4px #00141e1a
|
|
294
296
|
#define fontWeights400 Regular
|
|
@@ -417,10 +419,20 @@
|
|
|
417
419
|
#define typographyProgressTrackerValueLabelM Medium 14px/150% Sage UI
|
|
418
420
|
#define typographyProgressTrackerValueLabelL Medium 14px/150% Sage UI
|
|
419
421
|
#define typographySearchLabelM Regular 14px/150% Sage UI
|
|
422
|
+
#define typographySidebarTitleXs Bold 20px/125% Sage UI
|
|
420
423
|
#define typographySidebarTitleS Bold 20px/125% Sage UI
|
|
424
|
+
#define typographySidebarTitleMs Bold 20px/125% Sage UI
|
|
421
425
|
#define typographySidebarTitleM Bold 20px/125% Sage UI
|
|
426
|
+
#define typographySidebarTitleMl Bold 20px/125% Sage UI
|
|
422
427
|
#define typographySidebarTitleL Bold 20px/125% Sage UI
|
|
428
|
+
#define typographySidebarTitleXl Bold 20px/125% Sage UI
|
|
429
|
+
#define typographySidebarParagraphXs 0 none
|
|
430
|
+
#define typographySidebarParagraphS 0 none
|
|
431
|
+
#define typographySidebarParagraphMs 0 none
|
|
423
432
|
#define typographySidebarParagraphM 0 none
|
|
433
|
+
#define typographySidebarParagraphMl 0 none
|
|
434
|
+
#define typographySidebarParagraphL 0 none
|
|
435
|
+
#define typographySidebarParagraphXl 0 none
|
|
424
436
|
#define typographyStepFlowCompleteLabelM Medium 14px/150% Sage UI
|
|
425
437
|
#define typographyStepFlowCurrentLabelM Medium 14px/150% Sage UI
|
|
426
438
|
#define typographyStepFlowIncompleteLabelM Medium 14px/150% Sage UI
|
package/js/base/common.d.ts
CHANGED
|
@@ -96,6 +96,7 @@ export const colorsComponentsMenuYin065: string;
|
|
|
96
96
|
export const colorsComponentsMenuYin090: string;
|
|
97
97
|
export const colorsComponentsMenuYang100: string;
|
|
98
98
|
export const colorsComponentsMenuYang080: string;
|
|
99
|
+
export const colorsComponentsMenuTransparent: string;
|
|
99
100
|
export const colorsUtilityMajor100: string;
|
|
100
101
|
export const colorsUtilityMajor150: string;
|
|
101
102
|
export const colorsUtilityMajor200: string;
|
|
@@ -275,8 +276,9 @@ export const boxShadow150: string;
|
|
|
275
276
|
export const boxShadow200: string;
|
|
276
277
|
export const boxShadow300: string;
|
|
277
278
|
export const boxShadow400: string;
|
|
278
|
-
export const
|
|
279
|
+
export const boxShadow010: string;
|
|
279
280
|
export const boxShadow050: string;
|
|
281
|
+
export const boxShadow075: string;
|
|
280
282
|
export const boxShadow090: string;
|
|
281
283
|
export const boxShadow091: string;
|
|
282
284
|
export const fontWeights400: string;
|
|
@@ -405,10 +407,20 @@ export const typographyProgressTrackerValueLabelS: string;
|
|
|
405
407
|
export const typographyProgressTrackerValueLabelM: string;
|
|
406
408
|
export const typographyProgressTrackerValueLabelL: string;
|
|
407
409
|
export const typographySearchLabelM: string;
|
|
410
|
+
export const typographySidebarTitleXs: string;
|
|
408
411
|
export const typographySidebarTitleS: string;
|
|
412
|
+
export const typographySidebarTitleMs: string;
|
|
409
413
|
export const typographySidebarTitleM: string;
|
|
414
|
+
export const typographySidebarTitleMl: string;
|
|
410
415
|
export const typographySidebarTitleL: string;
|
|
416
|
+
export const typographySidebarTitleXl: string;
|
|
417
|
+
export const typographySidebarParagraphXs: string;
|
|
418
|
+
export const typographySidebarParagraphS: string;
|
|
419
|
+
export const typographySidebarParagraphMs: string;
|
|
411
420
|
export const typographySidebarParagraphM: string;
|
|
421
|
+
export const typographySidebarParagraphMl: string;
|
|
422
|
+
export const typographySidebarParagraphL: string;
|
|
423
|
+
export const typographySidebarParagraphXl: string;
|
|
412
424
|
export const typographyStepFlowCompleteLabelM: string;
|
|
413
425
|
export const typographyStepFlowCurrentLabelM: string;
|
|
414
426
|
export const typographyStepFlowIncompleteLabelM: string;
|
package/js/base/common.js
CHANGED
|
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* Do not edit directly
|
|
7
|
-
* Generated on
|
|
7
|
+
* Generated on Fri, 22 Apr 2022 14:33:47 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
module.exports = {
|
|
@@ -46,12 +46,12 @@ module.exports = {
|
|
|
46
46
|
colorsComponentsMenuSpringChildAlt500: '#e6ebedff',
|
|
47
47
|
colorsComponentsMenuSpringChildAlt600: '#007e45ff',
|
|
48
48
|
colorsComponentsMenuSummerStandard400: '#ccd6dbff',
|
|
49
|
-
colorsComponentsMenuSummerStandard500: '#
|
|
49
|
+
colorsComponentsMenuSummerStandard500: '#00000000',
|
|
50
50
|
colorsComponentsMenuSummerStandard600: '#007e45ff',
|
|
51
51
|
colorsComponentsMenuSummerStandard700: '#e6ebedff',
|
|
52
52
|
colorsComponentsMenuSummerStandard800: '#e6ebedff',
|
|
53
53
|
colorsComponentsMenuSummerParent400: '#ccd6dbff',
|
|
54
|
-
colorsComponentsMenuSummerParent500: '#
|
|
54
|
+
colorsComponentsMenuSummerParent500: '#00000000',
|
|
55
55
|
colorsComponentsMenuSummerParent600: '#007e45ff',
|
|
56
56
|
colorsComponentsMenuSummerParent700: '#e6ebedff',
|
|
57
57
|
colorsComponentsMenuSummerParent800: '#e6ebedff',
|
|
@@ -80,12 +80,12 @@ module.exports = {
|
|
|
80
80
|
colorsComponentsMenuAutumnChildAlt500: '#00324cff',
|
|
81
81
|
colorsComponentsMenuAutumnChildAlt600: '#007e45ff',
|
|
82
82
|
colorsComponentsMenuWinterStandard400: '#4d4d4dff',
|
|
83
|
-
colorsComponentsMenuWinterStandard500: '#
|
|
83
|
+
colorsComponentsMenuWinterStandard500: '#00000000',
|
|
84
84
|
colorsComponentsMenuWinterStandard600: '#007e45ff',
|
|
85
85
|
colorsComponentsMenuWinterStandard700: '#262626ff',
|
|
86
86
|
colorsComponentsMenuWinterStandard800: '#262626ff',
|
|
87
87
|
colorsComponentsMenuWinterParent400: '#4d4d4dff',
|
|
88
|
-
colorsComponentsMenuWinterParent500: '#
|
|
88
|
+
colorsComponentsMenuWinterParent500: '#00000000',
|
|
89
89
|
colorsComponentsMenuWinterParent600: '#007e45ff',
|
|
90
90
|
colorsComponentsMenuWinterParent700: '#262626ff',
|
|
91
91
|
colorsComponentsMenuWinterParent800: '#262626ff',
|
|
@@ -106,6 +106,7 @@ module.exports = {
|
|
|
106
106
|
colorsComponentsMenuYin090: '#000000e6',
|
|
107
107
|
colorsComponentsMenuYang100: '#ffffffff',
|
|
108
108
|
colorsComponentsMenuYang080: '#ffffffcc',
|
|
109
|
+
colorsComponentsMenuTransparent: '#00000000',
|
|
109
110
|
colorsUtilityMajor100: '#ccd6dbff',
|
|
110
111
|
colorsUtilityMajor150: '#b3c2c9ff',
|
|
111
112
|
colorsUtilityMajor200: '#99adb7ff',
|
|
@@ -285,8 +286,9 @@ module.exports = {
|
|
|
285
286
|
boxShadow200: '0 10px 20px 0 #00141e33, 0 20px 40px 0 #00141e1a',
|
|
286
287
|
boxShadow300: '0 10px 30px 0 #00141e1a, 0 30px 60px 0 #00141e1a',
|
|
287
288
|
boxShadow400: '0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a',
|
|
288
|
-
|
|
289
|
+
boxShadow010: 'inset 0 -1px 0 0 #e6ebedff',
|
|
289
290
|
boxShadow050: '0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26',
|
|
291
|
+
boxShadow075: 'inset 0 6px 4px -4px #00141e0d',
|
|
290
292
|
boxShadow090: '0 4px 8px -4px #00141e1a',
|
|
291
293
|
boxShadow091: '4px 0 8px -4px #00141e1a',
|
|
292
294
|
fontWeights400: '400',
|
|
@@ -415,10 +417,20 @@ module.exports = {
|
|
|
415
417
|
typographyProgressTrackerValueLabelM: '500 14px/150% Sage UI',
|
|
416
418
|
typographyProgressTrackerValueLabelL: '500 14px/150% Sage UI',
|
|
417
419
|
typographySearchLabelM: '400 14px/150% Sage UI',
|
|
420
|
+
typographySidebarTitleXs: '700 20px/125% Sage UI',
|
|
418
421
|
typographySidebarTitleS: '700 20px/125% Sage UI',
|
|
422
|
+
typographySidebarTitleMs: '700 20px/125% Sage UI',
|
|
419
423
|
typographySidebarTitleM: '700 20px/125% Sage UI',
|
|
424
|
+
typographySidebarTitleMl: '700 20px/125% Sage UI',
|
|
420
425
|
typographySidebarTitleL: '700 20px/125% Sage UI',
|
|
426
|
+
typographySidebarTitleXl: '700 20px/125% Sage UI',
|
|
427
|
+
typographySidebarParagraphXs: '0 none',
|
|
428
|
+
typographySidebarParagraphS: '0 none',
|
|
429
|
+
typographySidebarParagraphMs: '0 none',
|
|
421
430
|
typographySidebarParagraphM: '0 none',
|
|
431
|
+
typographySidebarParagraphMl: '0 none',
|
|
432
|
+
typographySidebarParagraphL: '0 none',
|
|
433
|
+
typographySidebarParagraphXl: '0 none',
|
|
422
434
|
typographyStepFlowCompleteLabelM: '500 14px/150% Sage UI',
|
|
423
435
|
typographyStepFlowCurrentLabelM: '500 14px/150% Sage UI',
|
|
424
436
|
typographyStepFlowIncompleteLabelM: '500 14px/150% Sage UI',
|
package/js/base/es6.d.ts
CHANGED
|
@@ -97,6 +97,7 @@ declare namespace _default {
|
|
|
97
97
|
const colorsComponentsMenuYin090: string;
|
|
98
98
|
const colorsComponentsMenuYang100: string;
|
|
99
99
|
const colorsComponentsMenuYang080: string;
|
|
100
|
+
const colorsComponentsMenuTransparent: string;
|
|
100
101
|
const colorsUtilityMajor100: string;
|
|
101
102
|
const colorsUtilityMajor150: string;
|
|
102
103
|
const colorsUtilityMajor200: string;
|
|
@@ -276,8 +277,9 @@ declare namespace _default {
|
|
|
276
277
|
const boxShadow200: string;
|
|
277
278
|
const boxShadow300: string;
|
|
278
279
|
const boxShadow400: string;
|
|
279
|
-
const
|
|
280
|
+
const boxShadow010: string;
|
|
280
281
|
const boxShadow050: string;
|
|
282
|
+
const boxShadow075: string;
|
|
281
283
|
const boxShadow090: string;
|
|
282
284
|
const boxShadow091: string;
|
|
283
285
|
const fontWeights400: string;
|
|
@@ -406,10 +408,20 @@ declare namespace _default {
|
|
|
406
408
|
const typographyProgressTrackerValueLabelM: string;
|
|
407
409
|
const typographyProgressTrackerValueLabelL: string;
|
|
408
410
|
const typographySearchLabelM: string;
|
|
411
|
+
const typographySidebarTitleXs: string;
|
|
409
412
|
const typographySidebarTitleS: string;
|
|
413
|
+
const typographySidebarTitleMs: string;
|
|
410
414
|
const typographySidebarTitleM: string;
|
|
415
|
+
const typographySidebarTitleMl: string;
|
|
411
416
|
const typographySidebarTitleL: string;
|
|
417
|
+
const typographySidebarTitleXl: string;
|
|
418
|
+
const typographySidebarParagraphXs: string;
|
|
419
|
+
const typographySidebarParagraphS: string;
|
|
420
|
+
const typographySidebarParagraphMs: string;
|
|
412
421
|
const typographySidebarParagraphM: string;
|
|
422
|
+
const typographySidebarParagraphMl: string;
|
|
423
|
+
const typographySidebarParagraphL: string;
|
|
424
|
+
const typographySidebarParagraphXl: string;
|
|
413
425
|
const typographyStepFlowCompleteLabelM: string;
|
|
414
426
|
const typographyStepFlowCurrentLabelM: string;
|
|
415
427
|
const typographyStepFlowIncompleteLabelM: string;
|