@sage/design-tokens 2.61.0 → 2.63.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 +6 -5
- package/android/origin.xml +1 -1
- package/css/base.css +6 -5
- package/css/origin.css +1 -1
- package/data/tokens.json +15 -13
- package/docs/tokens/base/colors/index.html +16 -16
- package/docs/tokens/base/index.html +37 -16
- package/docs/tokens/base/spacing/index.html +21 -0
- package/docs/tokens/index.html +37 -16
- package/ios/base.h +6 -5
- package/ios/origin.h +1 -1
- package/js/base/common.d.ts +5 -4
- package/js/base/common.js +6 -5
- package/js/base/es6.d.ts +5 -4
- package/js/base/es6.js +5 -4
- package/js/origin/common.js +1 -1
- package/package.json +1 -1
- package/sage-design-tokens-2.63.0.tgz +0 -0
- package/scss/base.scss +6 -5
- package/scss/origin.scss +1 -1
- package/sage-design-tokens-2.61.0.tgz +0 -0
package/android/base.xml
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Tue, 13 Dec 2022 15:12:49 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="metaName">Base Theme</string>
|
|
@@ -145,10 +145,10 @@
|
|
|
145
145
|
<string name="colorsReadOnly400">#f2f5f6ff</string>
|
|
146
146
|
<string name="colorsReadOnly500">#e6ebedff</string>
|
|
147
147
|
<string name="colorsReadOnly600">#ccd6dbff</string>
|
|
148
|
-
<string name="
|
|
149
|
-
<string name="
|
|
150
|
-
<string name="
|
|
151
|
-
<string name="
|
|
148
|
+
<string name="colorsComponentsLeftnavWinterStandardBackground">#262626ff</string>
|
|
149
|
+
<string name="colorsComponentsLeftnavWinterStandardHover">#007e45ff</string>
|
|
150
|
+
<string name="colorsComponentsLeftnavWinterStandardSelected">#ffffff4d</string>
|
|
151
|
+
<string name="colorsComponentsLeftnavWinterStandardContent">#ffffffff</string>
|
|
152
152
|
<string name="colorsComponentsMenuSpringStandard500">#e6ebedff</string>
|
|
153
153
|
<string name="colorsComponentsMenuSpringStandard600">#007e45ff</string>
|
|
154
154
|
<string name="colorsComponentsMenuSpringStandard700">#d9e0e4ff</string>
|
|
@@ -254,6 +254,7 @@
|
|
|
254
254
|
<string name="spacing110">9px</string>
|
|
255
255
|
<string name="spacing125">10px</string>
|
|
256
256
|
<string name="spacing150">12px</string>
|
|
257
|
+
<string name="spacing175">14px</string>
|
|
257
258
|
<string name="spacing200">16px</string>
|
|
258
259
|
<string name="spacing250">20px</string>
|
|
259
260
|
<string name="spacing300">24px</string>
|
package/android/origin.xml
CHANGED
package/css/base.css
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 Tue, 13 Dec 2022 15:12:49 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
@@ -148,10 +148,10 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
148
148
|
--colorsReadOnly400: #f2f5f6ff;
|
|
149
149
|
--colorsReadOnly500: #e6ebedff;
|
|
150
150
|
--colorsReadOnly600: #ccd6dbff;
|
|
151
|
-
--
|
|
152
|
-
--
|
|
153
|
-
--
|
|
154
|
-
--
|
|
151
|
+
--colorsComponentsLeftnavWinterStandardBackground: #262626ff;
|
|
152
|
+
--colorsComponentsLeftnavWinterStandardHover: #007e45ff;
|
|
153
|
+
--colorsComponentsLeftnavWinterStandardSelected: #ffffff4d;
|
|
154
|
+
--colorsComponentsLeftnavWinterStandardContent: #ffffffff;
|
|
155
155
|
--colorsComponentsMenuSpringStandard500: #e6ebedff;
|
|
156
156
|
--colorsComponentsMenuSpringStandard600: #007e45ff;
|
|
157
157
|
--colorsComponentsMenuSpringStandard700: #d9e0e4ff;
|
|
@@ -257,6 +257,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
257
257
|
--spacing110: 9px;
|
|
258
258
|
--spacing125: 10px;
|
|
259
259
|
--spacing150: 12px;
|
|
260
|
+
--spacing175: 14px;
|
|
260
261
|
--spacing200: 16px;
|
|
261
262
|
--spacing250: 20px;
|
|
262
263
|
--spacing300: 24px;
|
package/css/origin.css
CHANGED
package/data/tokens.json
CHANGED
|
@@ -705,29 +705,27 @@
|
|
|
705
705
|
"leftnav": {
|
|
706
706
|
"winter": {
|
|
707
707
|
"standard": {
|
|
708
|
-
"
|
|
708
|
+
"background": {
|
|
709
709
|
"value": "#262626ff",
|
|
710
710
|
"type": "color",
|
|
711
711
|
"description": "Navigation bar bg (FY23)"
|
|
712
712
|
},
|
|
713
|
-
"
|
|
713
|
+
"hover": {
|
|
714
714
|
"value": "#007e45ff",
|
|
715
715
|
"type": "color",
|
|
716
716
|
"description": "NavigationLeft menu item hover (FY23)"
|
|
717
717
|
},
|
|
718
|
-
"
|
|
718
|
+
"selected": {
|
|
719
719
|
"value": "#ffffff4d",
|
|
720
720
|
"type": "color",
|
|
721
721
|
"description": "NavigationLeft menu item selected (FY23)"
|
|
722
|
+
},
|
|
723
|
+
"content": {
|
|
724
|
+
"value": "#ffffffff",
|
|
725
|
+
"type": "color",
|
|
726
|
+
"description": "NavigationLeft menu item text and icons (FY23)"
|
|
722
727
|
}
|
|
723
728
|
}
|
|
724
|
-
},
|
|
725
|
-
"yang": {
|
|
726
|
-
"100": {
|
|
727
|
-
"value": "#ffffffff",
|
|
728
|
-
"type": "color",
|
|
729
|
-
"description": "NavigationLeft menu item text and icons (FY23)"
|
|
730
|
-
}
|
|
731
729
|
}
|
|
732
730
|
},
|
|
733
731
|
"menu": {
|
|
@@ -1248,6 +1246,10 @@
|
|
|
1248
1246
|
"value": "12px",
|
|
1249
1247
|
"type": "spacing"
|
|
1250
1248
|
},
|
|
1249
|
+
"175": {
|
|
1250
|
+
"value": "14px",
|
|
1251
|
+
"type": "spacing"
|
|
1252
|
+
},
|
|
1251
1253
|
"200": {
|
|
1252
1254
|
"value": "16px",
|
|
1253
1255
|
"type": "spacing"
|
|
@@ -1623,17 +1625,17 @@
|
|
|
1623
1625
|
"100": {
|
|
1624
1626
|
"value": "8px",
|
|
1625
1627
|
"type": "borderRadius",
|
|
1626
|
-
"description": "Accordion (small), Action popover (menu), Anchor navigation, Button: multi-action & split (menu), Card (
|
|
1628
|
+
"description": "Accordion (small), Action popover (menu), Anchor navigation, Button: minor (including button bars), Button: multi-action & split (menu), Button toggle: minor, Card (compact stacking), Color picker (container), Menu (bottom corners), Message, Pagination, Tab, Table, Toast, Navigation: top (menu bottom corners)."
|
|
1627
1629
|
},
|
|
1628
1630
|
"200": {
|
|
1629
1631
|
"value": "16px",
|
|
1630
1632
|
"type": "borderRadius",
|
|
1631
|
-
"description": "Accordion (large), Carousel: what's new, Card (
|
|
1633
|
+
"description": "Accordion (large), Carousel: what's new, Card (comfortable stacking), Dialog (not full screen), Tile, Tile select, Tooltip."
|
|
1632
1634
|
},
|
|
1633
1635
|
"400": {
|
|
1634
1636
|
"value": "32px",
|
|
1635
1637
|
"type": "borderRadius",
|
|
1636
|
-
"description": "Action popover (button), Button: major
|
|
1638
|
+
"description": "Action popover (button), Button: major (including button bars), Button: multi-action & split, Button toggle: major."
|
|
1637
1639
|
},
|
|
1638
1640
|
"circle": {
|
|
1639
1641
|
"value": "50%",
|
|
@@ -3197,10 +3197,10 @@
|
|
|
3197
3197
|
</tr>
|
|
3198
3198
|
<tr>
|
|
3199
3199
|
<td class="with-icons is-vcentered"
|
|
3200
|
-
id="base-
|
|
3201
|
-
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant:
|
|
3202
|
-
|
|
3203
|
-
<a href="#base-
|
|
3200
|
+
id="base-colorsComponentsLeftnavWinterStandardBackground"
|
|
3201
|
+
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant: background; ">
|
|
3202
|
+
colorsComponentsLeftnavWinterStandardBackground
|
|
3203
|
+
<a href="#base-colorsComponentsLeftnavWinterStandardBackground"
|
|
3204
3204
|
title="permalink"
|
|
3205
3205
|
class="permalink">
|
|
3206
3206
|
🔗
|
|
@@ -3218,10 +3218,10 @@
|
|
|
3218
3218
|
</tr>
|
|
3219
3219
|
<tr>
|
|
3220
3220
|
<td class="with-icons is-vcentered"
|
|
3221
|
-
id="base-
|
|
3222
|
-
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant:
|
|
3223
|
-
|
|
3224
|
-
<a href="#base-
|
|
3221
|
+
id="base-colorsComponentsLeftnavWinterStandardHover"
|
|
3222
|
+
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant: hover; ">
|
|
3223
|
+
colorsComponentsLeftnavWinterStandardHover
|
|
3224
|
+
<a href="#base-colorsComponentsLeftnavWinterStandardHover"
|
|
3225
3225
|
title="permalink"
|
|
3226
3226
|
class="permalink">
|
|
3227
3227
|
🔗
|
|
@@ -3239,10 +3239,10 @@
|
|
|
3239
3239
|
</tr>
|
|
3240
3240
|
<tr>
|
|
3241
3241
|
<td class="with-icons is-vcentered"
|
|
3242
|
-
id="base-
|
|
3243
|
-
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant:
|
|
3244
|
-
|
|
3245
|
-
<a href="#base-
|
|
3242
|
+
id="base-colorsComponentsLeftnavWinterStandardSelected"
|
|
3243
|
+
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant: selected; ">
|
|
3244
|
+
colorsComponentsLeftnavWinterStandardSelected
|
|
3245
|
+
<a href="#base-colorsComponentsLeftnavWinterStandardSelected"
|
|
3246
3246
|
title="permalink"
|
|
3247
3247
|
class="permalink">
|
|
3248
3248
|
🔗
|
|
@@ -3260,10 +3260,10 @@
|
|
|
3260
3260
|
</tr>
|
|
3261
3261
|
<tr>
|
|
3262
3262
|
<td class="with-icons is-vcentered"
|
|
3263
|
-
id="base-
|
|
3264
|
-
title="theme: base; category: colors; group: components; name: leftnav; subgroup:
|
|
3265
|
-
|
|
3266
|
-
<a href="#base-
|
|
3263
|
+
id="base-colorsComponentsLeftnavWinterStandardContent"
|
|
3264
|
+
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant: content; ">
|
|
3265
|
+
colorsComponentsLeftnavWinterStandardContent
|
|
3266
|
+
<a href="#base-colorsComponentsLeftnavWinterStandardContent"
|
|
3267
3267
|
title="permalink"
|
|
3268
3268
|
class="permalink">
|
|
3269
3269
|
🔗
|
|
@@ -3193,10 +3193,10 @@
|
|
|
3193
3193
|
</tr>
|
|
3194
3194
|
<tr>
|
|
3195
3195
|
<td class="with-icons is-vcentered"
|
|
3196
|
-
id="base-
|
|
3197
|
-
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant:
|
|
3198
|
-
|
|
3199
|
-
<a href="#base-
|
|
3196
|
+
id="base-colorsComponentsLeftnavWinterStandardBackground"
|
|
3197
|
+
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant: background; ">
|
|
3198
|
+
colorsComponentsLeftnavWinterStandardBackground
|
|
3199
|
+
<a href="#base-colorsComponentsLeftnavWinterStandardBackground"
|
|
3200
3200
|
title="permalink"
|
|
3201
3201
|
class="permalink">
|
|
3202
3202
|
🔗
|
|
@@ -3214,10 +3214,10 @@
|
|
|
3214
3214
|
</tr>
|
|
3215
3215
|
<tr>
|
|
3216
3216
|
<td class="with-icons is-vcentered"
|
|
3217
|
-
id="base-
|
|
3218
|
-
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant:
|
|
3219
|
-
|
|
3220
|
-
<a href="#base-
|
|
3217
|
+
id="base-colorsComponentsLeftnavWinterStandardHover"
|
|
3218
|
+
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant: hover; ">
|
|
3219
|
+
colorsComponentsLeftnavWinterStandardHover
|
|
3220
|
+
<a href="#base-colorsComponentsLeftnavWinterStandardHover"
|
|
3221
3221
|
title="permalink"
|
|
3222
3222
|
class="permalink">
|
|
3223
3223
|
🔗
|
|
@@ -3235,10 +3235,10 @@
|
|
|
3235
3235
|
</tr>
|
|
3236
3236
|
<tr>
|
|
3237
3237
|
<td class="with-icons is-vcentered"
|
|
3238
|
-
id="base-
|
|
3239
|
-
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant:
|
|
3240
|
-
|
|
3241
|
-
<a href="#base-
|
|
3238
|
+
id="base-colorsComponentsLeftnavWinterStandardSelected"
|
|
3239
|
+
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant: selected; ">
|
|
3240
|
+
colorsComponentsLeftnavWinterStandardSelected
|
|
3241
|
+
<a href="#base-colorsComponentsLeftnavWinterStandardSelected"
|
|
3242
3242
|
title="permalink"
|
|
3243
3243
|
class="permalink">
|
|
3244
3244
|
🔗
|
|
@@ -3256,10 +3256,10 @@
|
|
|
3256
3256
|
</tr>
|
|
3257
3257
|
<tr>
|
|
3258
3258
|
<td class="with-icons is-vcentered"
|
|
3259
|
-
id="base-
|
|
3260
|
-
title="theme: base; category: colors; group: components; name: leftnav; subgroup:
|
|
3261
|
-
|
|
3262
|
-
<a href="#base-
|
|
3259
|
+
id="base-colorsComponentsLeftnavWinterStandardContent"
|
|
3260
|
+
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant: content; ">
|
|
3261
|
+
colorsComponentsLeftnavWinterStandardContent
|
|
3262
|
+
<a href="#base-colorsComponentsLeftnavWinterStandardContent"
|
|
3263
3263
|
title="permalink"
|
|
3264
3264
|
class="permalink">
|
|
3265
3265
|
🔗
|
|
@@ -5514,6 +5514,27 @@
|
|
|
5514
5514
|
|
|
5515
5515
|
</td>
|
|
5516
5516
|
</tr>
|
|
5517
|
+
<tr>
|
|
5518
|
+
<td class="with-icons is-vcentered"
|
|
5519
|
+
id="base-spacing175"
|
|
5520
|
+
title="theme: base; category: spacing; variant: 175; ">
|
|
5521
|
+
spacing175
|
|
5522
|
+
<a href="#base-spacing175"
|
|
5523
|
+
title="permalink"
|
|
5524
|
+
class="permalink">
|
|
5525
|
+
🔗
|
|
5526
|
+
</a>
|
|
5527
|
+
</td>
|
|
5528
|
+
<td class="is-vcentered">
|
|
5529
|
+
<pre>14px</pre>
|
|
5530
|
+
</td>
|
|
5531
|
+
<td class="is-vcentered">
|
|
5532
|
+
<div class="table__spacing-preview"
|
|
5533
|
+
style="width: 14px">
|
|
5534
|
+
</div>
|
|
5535
|
+
|
|
5536
|
+
</td>
|
|
5537
|
+
</tr>
|
|
5517
5538
|
<tr>
|
|
5518
5539
|
<td class="with-icons is-vcentered"
|
|
5519
5540
|
id="base-spacing200"
|
|
@@ -381,6 +381,27 @@
|
|
|
381
381
|
|
|
382
382
|
</td>
|
|
383
383
|
</tr>
|
|
384
|
+
<tr>
|
|
385
|
+
<td class="with-icons is-vcentered"
|
|
386
|
+
id="base-spacing175"
|
|
387
|
+
title="theme: base; category: spacing; variant: 175; ">
|
|
388
|
+
spacing175
|
|
389
|
+
<a href="#base-spacing175"
|
|
390
|
+
title="permalink"
|
|
391
|
+
class="permalink">
|
|
392
|
+
🔗
|
|
393
|
+
</a>
|
|
394
|
+
</td>
|
|
395
|
+
<td class="is-vcentered">
|
|
396
|
+
<pre>14px</pre>
|
|
397
|
+
</td>
|
|
398
|
+
<td class="is-vcentered">
|
|
399
|
+
<div class="table__spacing-preview"
|
|
400
|
+
style="width: 14px">
|
|
401
|
+
</div>
|
|
402
|
+
|
|
403
|
+
</td>
|
|
404
|
+
</tr>
|
|
384
405
|
<tr>
|
|
385
406
|
<td class="with-icons is-vcentered"
|
|
386
407
|
id="base-spacing200"
|
package/docs/tokens/index.html
CHANGED
|
@@ -3199,10 +3199,10 @@
|
|
|
3199
3199
|
</tr>
|
|
3200
3200
|
<tr>
|
|
3201
3201
|
<td class="with-icons is-vcentered"
|
|
3202
|
-
id="base-
|
|
3203
|
-
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant:
|
|
3204
|
-
|
|
3205
|
-
<a href="#base-
|
|
3202
|
+
id="base-colorsComponentsLeftnavWinterStandardBackground"
|
|
3203
|
+
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant: background; ">
|
|
3204
|
+
colorsComponentsLeftnavWinterStandardBackground
|
|
3205
|
+
<a href="#base-colorsComponentsLeftnavWinterStandardBackground"
|
|
3206
3206
|
title="permalink"
|
|
3207
3207
|
class="permalink">
|
|
3208
3208
|
🔗
|
|
@@ -3220,10 +3220,10 @@
|
|
|
3220
3220
|
</tr>
|
|
3221
3221
|
<tr>
|
|
3222
3222
|
<td class="with-icons is-vcentered"
|
|
3223
|
-
id="base-
|
|
3224
|
-
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant:
|
|
3225
|
-
|
|
3226
|
-
<a href="#base-
|
|
3223
|
+
id="base-colorsComponentsLeftnavWinterStandardHover"
|
|
3224
|
+
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant: hover; ">
|
|
3225
|
+
colorsComponentsLeftnavWinterStandardHover
|
|
3226
|
+
<a href="#base-colorsComponentsLeftnavWinterStandardHover"
|
|
3227
3227
|
title="permalink"
|
|
3228
3228
|
class="permalink">
|
|
3229
3229
|
🔗
|
|
@@ -3241,10 +3241,10 @@
|
|
|
3241
3241
|
</tr>
|
|
3242
3242
|
<tr>
|
|
3243
3243
|
<td class="with-icons is-vcentered"
|
|
3244
|
-
id="base-
|
|
3245
|
-
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant:
|
|
3246
|
-
|
|
3247
|
-
<a href="#base-
|
|
3244
|
+
id="base-colorsComponentsLeftnavWinterStandardSelected"
|
|
3245
|
+
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant: selected; ">
|
|
3246
|
+
colorsComponentsLeftnavWinterStandardSelected
|
|
3247
|
+
<a href="#base-colorsComponentsLeftnavWinterStandardSelected"
|
|
3248
3248
|
title="permalink"
|
|
3249
3249
|
class="permalink">
|
|
3250
3250
|
🔗
|
|
@@ -3262,10 +3262,10 @@
|
|
|
3262
3262
|
</tr>
|
|
3263
3263
|
<tr>
|
|
3264
3264
|
<td class="with-icons is-vcentered"
|
|
3265
|
-
id="base-
|
|
3266
|
-
title="theme: base; category: colors; group: components; name: leftnav; subgroup:
|
|
3267
|
-
|
|
3268
|
-
<a href="#base-
|
|
3265
|
+
id="base-colorsComponentsLeftnavWinterStandardContent"
|
|
3266
|
+
title="theme: base; category: colors; group: components; name: leftnav; subgroup: winter; element: standard; variant: content; ">
|
|
3267
|
+
colorsComponentsLeftnavWinterStandardContent
|
|
3268
|
+
<a href="#base-colorsComponentsLeftnavWinterStandardContent"
|
|
3269
3269
|
title="permalink"
|
|
3270
3270
|
class="permalink">
|
|
3271
3271
|
🔗
|
|
@@ -5530,6 +5530,27 @@
|
|
|
5530
5530
|
|
|
5531
5531
|
</td>
|
|
5532
5532
|
</tr>
|
|
5533
|
+
<tr>
|
|
5534
|
+
<td class="with-icons is-vcentered"
|
|
5535
|
+
id="base-spacing175"
|
|
5536
|
+
title="theme: base; category: spacing; variant: 175; ">
|
|
5537
|
+
spacing175
|
|
5538
|
+
<a href="#base-spacing175"
|
|
5539
|
+
title="permalink"
|
|
5540
|
+
class="permalink">
|
|
5541
|
+
🔗
|
|
5542
|
+
</a>
|
|
5543
|
+
</td>
|
|
5544
|
+
<td class="is-vcentered">
|
|
5545
|
+
<pre>14px</pre>
|
|
5546
|
+
</td>
|
|
5547
|
+
<td class="is-vcentered">
|
|
5548
|
+
<div class="table__spacing-preview"
|
|
5549
|
+
style="width: 14px">
|
|
5550
|
+
</div>
|
|
5551
|
+
|
|
5552
|
+
</td>
|
|
5553
|
+
</tr>
|
|
5533
5554
|
<tr>
|
|
5534
5555
|
<td class="with-icons is-vcentered"
|
|
5535
5556
|
id="base-spacing200"
|
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 Tue, 13 Dec 2022 15:12:49 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
#import <Foundation/Foundation.h>
|
|
@@ -150,10 +150,10 @@
|
|
|
150
150
|
#define colorsReadOnly400 #f2f5f6ff
|
|
151
151
|
#define colorsReadOnly500 #e6ebedff
|
|
152
152
|
#define colorsReadOnly600 #ccd6dbff
|
|
153
|
-
#define
|
|
154
|
-
#define
|
|
155
|
-
#define
|
|
156
|
-
#define
|
|
153
|
+
#define colorsComponentsLeftnavWinterStandardBackground #262626ff
|
|
154
|
+
#define colorsComponentsLeftnavWinterStandardHover #007e45ff
|
|
155
|
+
#define colorsComponentsLeftnavWinterStandardSelected #ffffff4d
|
|
156
|
+
#define colorsComponentsLeftnavWinterStandardContent #ffffffff
|
|
157
157
|
#define colorsComponentsMenuSpringStandard500 #e6ebedff
|
|
158
158
|
#define colorsComponentsMenuSpringStandard600 #007e45ff
|
|
159
159
|
#define colorsComponentsMenuSpringStandard700 #d9e0e4ff
|
|
@@ -259,6 +259,7 @@
|
|
|
259
259
|
#define spacing110 9px
|
|
260
260
|
#define spacing125 10px
|
|
261
261
|
#define spacing150 12px
|
|
262
|
+
#define spacing175 14px
|
|
262
263
|
#define spacing200 16px
|
|
263
264
|
#define spacing250 20px
|
|
264
265
|
#define spacing300 24px
|
package/ios/origin.h
CHANGED
package/js/base/common.d.ts
CHANGED
|
@@ -138,10 +138,10 @@ export const colorsDisabled600: string;
|
|
|
138
138
|
export const colorsReadOnly400: string;
|
|
139
139
|
export const colorsReadOnly500: string;
|
|
140
140
|
export const colorsReadOnly600: string;
|
|
141
|
-
export const
|
|
142
|
-
export const
|
|
143
|
-
export const
|
|
144
|
-
export const
|
|
141
|
+
export const colorsComponentsLeftnavWinterStandardBackground: string;
|
|
142
|
+
export const colorsComponentsLeftnavWinterStandardHover: string;
|
|
143
|
+
export const colorsComponentsLeftnavWinterStandardSelected: string;
|
|
144
|
+
export const colorsComponentsLeftnavWinterStandardContent: string;
|
|
145
145
|
export const colorsComponentsMenuSpringStandard500: string;
|
|
146
146
|
export const colorsComponentsMenuSpringStandard600: string;
|
|
147
147
|
export const colorsComponentsMenuSpringStandard700: string;
|
|
@@ -247,6 +247,7 @@ export const spacing100: string;
|
|
|
247
247
|
export const spacing110: string;
|
|
248
248
|
export const spacing125: string;
|
|
249
249
|
export const spacing150: string;
|
|
250
|
+
export const spacing175: string;
|
|
250
251
|
export const spacing200: string;
|
|
251
252
|
export const spacing250: string;
|
|
252
253
|
export const spacing300: 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 Tue, 13 Dec 2022 15:12:49 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
module.exports = {
|
|
@@ -148,10 +148,10 @@ module.exports = {
|
|
|
148
148
|
colorsReadOnly400: '#f2f5f6ff',
|
|
149
149
|
colorsReadOnly500: '#e6ebedff',
|
|
150
150
|
colorsReadOnly600: '#ccd6dbff',
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
151
|
+
colorsComponentsLeftnavWinterStandardBackground: '#262626ff',
|
|
152
|
+
colorsComponentsLeftnavWinterStandardHover: '#007e45ff',
|
|
153
|
+
colorsComponentsLeftnavWinterStandardSelected: '#ffffff4d',
|
|
154
|
+
colorsComponentsLeftnavWinterStandardContent: '#ffffffff',
|
|
155
155
|
colorsComponentsMenuSpringStandard500: '#e6ebedff',
|
|
156
156
|
colorsComponentsMenuSpringStandard600: '#007e45ff',
|
|
157
157
|
colorsComponentsMenuSpringStandard700: '#d9e0e4ff',
|
|
@@ -257,6 +257,7 @@ module.exports = {
|
|
|
257
257
|
spacing110: '9px',
|
|
258
258
|
spacing125: '10px',
|
|
259
259
|
spacing150: '12px',
|
|
260
|
+
spacing175: '14px',
|
|
260
261
|
spacing200: '16px',
|
|
261
262
|
spacing250: '20px',
|
|
262
263
|
spacing300: '24px',
|
package/js/base/es6.d.ts
CHANGED
|
@@ -139,10 +139,10 @@ declare namespace _default {
|
|
|
139
139
|
const colorsReadOnly400: string;
|
|
140
140
|
const colorsReadOnly500: string;
|
|
141
141
|
const colorsReadOnly600: string;
|
|
142
|
-
const
|
|
143
|
-
const
|
|
144
|
-
const
|
|
145
|
-
const
|
|
142
|
+
const colorsComponentsLeftnavWinterStandardBackground: string;
|
|
143
|
+
const colorsComponentsLeftnavWinterStandardHover: string;
|
|
144
|
+
const colorsComponentsLeftnavWinterStandardSelected: string;
|
|
145
|
+
const colorsComponentsLeftnavWinterStandardContent: string;
|
|
146
146
|
const colorsComponentsMenuSpringStandard500: string;
|
|
147
147
|
const colorsComponentsMenuSpringStandard600: string;
|
|
148
148
|
const colorsComponentsMenuSpringStandard700: string;
|
|
@@ -248,6 +248,7 @@ declare namespace _default {
|
|
|
248
248
|
const spacing110: string;
|
|
249
249
|
const spacing125: string;
|
|
250
250
|
const spacing150: string;
|
|
251
|
+
const spacing175: string;
|
|
251
252
|
const spacing200: string;
|
|
252
253
|
const spacing250: string;
|
|
253
254
|
const spacing300: string;
|
package/js/base/es6.js
CHANGED
|
@@ -143,10 +143,10 @@ export default {
|
|
|
143
143
|
colorsReadOnly400: '#f2f5f6ff',
|
|
144
144
|
colorsReadOnly500: '#e6ebedff',
|
|
145
145
|
colorsReadOnly600: '#ccd6dbff',
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
146
|
+
colorsComponentsLeftnavWinterStandardBackground: '#262626ff',
|
|
147
|
+
colorsComponentsLeftnavWinterStandardHover: '#007e45ff',
|
|
148
|
+
colorsComponentsLeftnavWinterStandardSelected: '#ffffff4d',
|
|
149
|
+
colorsComponentsLeftnavWinterStandardContent: '#ffffffff',
|
|
150
150
|
colorsComponentsMenuSpringStandard500: '#e6ebedff',
|
|
151
151
|
colorsComponentsMenuSpringStandard600: '#007e45ff',
|
|
152
152
|
colorsComponentsMenuSpringStandard700: '#d9e0e4ff',
|
|
@@ -252,6 +252,7 @@ export default {
|
|
|
252
252
|
spacing110: '9px',
|
|
253
253
|
spacing125: '10px',
|
|
254
254
|
spacing150: '12px',
|
|
255
|
+
spacing175: '14px',
|
|
255
256
|
spacing200: '16px',
|
|
256
257
|
spacing250: '20px',
|
|
257
258
|
spacing300: '24px',
|
package/js/origin/common.js
CHANGED
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
},
|
|
7
7
|
"description": "Design tokens for the Sage Design System.",
|
|
8
8
|
"author": "The Sage Group plc",
|
|
9
|
-
"version": "2.
|
|
9
|
+
"version": "2.63.0",
|
|
10
10
|
"license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
|
|
11
11
|
"tags": [
|
|
12
12
|
"design tokens",
|
|
Binary file
|
package/scss/base.scss
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 Tue, 13 Dec 2022 15:12:49 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Base Theme;
|
|
10
10
|
$metaPublic: true;
|
|
@@ -146,10 +146,10 @@ $colorsDisabled600: #ccd6dbff;
|
|
|
146
146
|
$colorsReadOnly400: #f2f5f6ff;
|
|
147
147
|
$colorsReadOnly500: #e6ebedff;
|
|
148
148
|
$colorsReadOnly600: #ccd6dbff;
|
|
149
|
-
$
|
|
150
|
-
$
|
|
151
|
-
$
|
|
152
|
-
$
|
|
149
|
+
$colorsComponentsLeftnavWinterStandardBackground: #262626ff;
|
|
150
|
+
$colorsComponentsLeftnavWinterStandardHover: #007e45ff;
|
|
151
|
+
$colorsComponentsLeftnavWinterStandardSelected: #ffffff4d;
|
|
152
|
+
$colorsComponentsLeftnavWinterStandardContent: #ffffffff;
|
|
153
153
|
$colorsComponentsMenuSpringStandard500: #e6ebedff;
|
|
154
154
|
$colorsComponentsMenuSpringStandard600: #007e45ff;
|
|
155
155
|
$colorsComponentsMenuSpringStandard700: #d9e0e4ff;
|
|
@@ -255,6 +255,7 @@ $spacing100: 8px;
|
|
|
255
255
|
$spacing110: 9px;
|
|
256
256
|
$spacing125: 10px;
|
|
257
257
|
$spacing150: 12px;
|
|
258
|
+
$spacing175: 14px;
|
|
258
259
|
$spacing200: 16px;
|
|
259
260
|
$spacing250: 20px;
|
|
260
261
|
$spacing300: 24px;
|
package/scss/origin.scss
CHANGED
|
Binary file
|