@sage/design-tokens 4.13.0 → 4.14.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 +2 -1
- package/android/dashboard/darkMode.xml +1 -1
- package/android/dashboard/lightMode.xml +1 -1
- package/android/origin.xml +1 -1
- package/css/base.css +2 -1
- package/css/dashboard/darkMode.css +1 -1
- package/css/dashboard/lightMode.css +1 -1
- package/css/origin.css +1 -1
- package/data/tokens.json +10 -6
- package/docs/tokens/base/border-width/index.html +21 -0
- package/docs/tokens/base/index.html +21 -0
- package/docs/tokens/index.html +21 -0
- package/ios/base.h +2 -1
- package/ios/dashboard/darkMode.h +1 -1
- package/ios/dashboard/lightMode.h +1 -1
- package/ios/origin.h +1 -1
- package/js/base/common.d.ts +1 -0
- package/js/base/common.js +2 -1
- package/js/base/es6.d.ts +1 -0
- package/js/base/es6.js +1 -0
- package/js/dashboard/darkMode/common.js +1 -1
- package/js/dashboard/lightMode/common.js +1 -1
- package/js/origin/common.js +1 -1
- package/package.json +1 -1
- package/sage-design-tokens-4.14.0.tgz +0 -0
- package/scss/base.scss +2 -1
- package/scss/dashboard/darkMode.scss +1 -1
- package/scss/dashboard/lightMode.scss +1 -1
- package/scss/origin.scss +1 -1
- package/sage-design-tokens-4.13.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 Mon, 20 Mar 2023 15:37:44 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="metaName">Base Theme</string>
|
|
@@ -284,6 +284,7 @@
|
|
|
284
284
|
<string name="borderWidth200">2px</string>
|
|
285
285
|
<string name="borderWidth300">3px</string>
|
|
286
286
|
<string name="borderWidth400">4px</string>
|
|
287
|
+
<string name="borderWidth600">6px</string>
|
|
287
288
|
<string name="borderWidth000">0px</string>
|
|
288
289
|
<string name="fontSizes100">14px</string>
|
|
289
290
|
<string name="fontSizes200">16px</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 Mon, 20 Mar 2023 15:37:44 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
@@ -287,6 +287,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
287
287
|
--borderWidth200: 2px;
|
|
288
288
|
--borderWidth300: 3px;
|
|
289
289
|
--borderWidth400: 4px;
|
|
290
|
+
--borderWidth600: 6px;
|
|
290
291
|
--borderWidth000: 0px;
|
|
291
292
|
--fontSizes100: 14px;
|
|
292
293
|
--fontSizes200: 16px;
|
package/css/origin.css
CHANGED
package/data/tokens.json
CHANGED
|
@@ -1995,6 +1995,10 @@
|
|
|
1995
1995
|
"value": "4px",
|
|
1996
1996
|
"type": "borderWidth"
|
|
1997
1997
|
},
|
|
1998
|
+
"600": {
|
|
1999
|
+
"value": "6px",
|
|
2000
|
+
"type": "borderWidth"
|
|
2001
|
+
},
|
|
1998
2002
|
"000": {
|
|
1999
2003
|
"value": "0px",
|
|
2000
2004
|
"type": "borderWidth"
|
|
@@ -2272,27 +2276,27 @@
|
|
|
2272
2276
|
"100": {
|
|
2273
2277
|
"value": "8px",
|
|
2274
2278
|
"type": "borderRadius",
|
|
2275
|
-
"description": "Action popover (menu), Anchor navigation, Button: minor (including button bar), Button: multi-action & split (menu), Button toggle: minor, Card (
|
|
2279
|
+
"description": "Action popover (menu), Anchor navigation, Button: minor (including button bar), Button: multi-action & split (menu), Button toggle: minor, Card (less rounded), Card select (single), Card select group (outer corners), Carousel (slides), Color picker standard (container), Menu (bottom corners), Message, Navigation: top (menu bottom corners), Navigation: left (selected menu), Pagination, Tab, Table, Tile (less rounded), Toast."
|
|
2276
2280
|
},
|
|
2277
2281
|
"200": {
|
|
2278
2282
|
"value": "16px",
|
|
2279
2283
|
"type": "borderRadius",
|
|
2280
|
-
"description": "Carousel
|
|
2284
|
+
"description": "Carousel (outer part), Card (more rounded), Color picker advanced (outer container), Dialog (not full screen), Tile (more rounded)."
|
|
2281
2285
|
},
|
|
2282
2286
|
"400": {
|
|
2283
2287
|
"value": "32px",
|
|
2284
2288
|
"type": "borderRadius",
|
|
2285
|
-
"description": "Action popover (button), Button: major (including button bar), Button: multi-action & split, Button toggle: major."
|
|
2289
|
+
"description": "Action popover (button), Button: major (including button bar), Button: multi-action & split, Button toggle: major, Loader bar, Progress tracker, Switch."
|
|
2286
2290
|
},
|
|
2287
2291
|
"circle": {
|
|
2288
2292
|
"value": "50%",
|
|
2289
2293
|
"type": "borderRadius",
|
|
2290
|
-
"description": "Badge, Radio button."
|
|
2294
|
+
"description": "Badge, Portrait, Radio button."
|
|
2291
2295
|
},
|
|
2292
2296
|
"000": {
|
|
2293
2297
|
"value": "0px",
|
|
2294
2298
|
"type": "borderRadius",
|
|
2295
|
-
"description": "Button groups (internal/adjacent corners), Card select group (internal/adjacent corners), File input (integrated base bar top corners)"
|
|
2299
|
+
"description": "Button groups (internal/adjacent corners), Card select group (internal/adjacent corners), File input (integrated base bar top corners)."
|
|
2296
2300
|
},
|
|
2297
2301
|
"010": {
|
|
2298
2302
|
"value": "1px",
|
|
@@ -2307,7 +2311,7 @@
|
|
|
2307
2311
|
"050": {
|
|
2308
2312
|
"value": "4px",
|
|
2309
2313
|
"type": "borderRadius",
|
|
2310
|
-
"description": "Checkbox (large), Color picker (inner container), Date picker, Date range, Dropdown: select (trigger & menu), File input, Link (focus), Search, Text area, Text input."
|
|
2314
|
+
"description": "Checkbox (large), Color picker advanced (inner container), Date picker, Date range, Dropdown: select (trigger & menu), File input, Link (focus), Search, Text area, Text input, Tooltip."
|
|
2311
2315
|
}
|
|
2312
2316
|
},
|
|
2313
2317
|
"typography": {
|
|
@@ -381,6 +381,27 @@
|
|
|
381
381
|
|
|
382
382
|
</td>
|
|
383
383
|
</tr>
|
|
384
|
+
<tr>
|
|
385
|
+
<td class="with-icons is-vcentered"
|
|
386
|
+
id="base-borderWidth600"
|
|
387
|
+
title="theme: base; category: borderWidth; variant: 600; ">
|
|
388
|
+
borderWidth600
|
|
389
|
+
<a href="#base-borderWidth600"
|
|
390
|
+
title="permalink"
|
|
391
|
+
class="permalink">
|
|
392
|
+
🔗
|
|
393
|
+
</a>
|
|
394
|
+
</td>
|
|
395
|
+
<td class="is-vcentered">
|
|
396
|
+
<pre>6px</pre>
|
|
397
|
+
</td>
|
|
398
|
+
<td class="is-vcentered">
|
|
399
|
+
<div class="table__border-width-preview"
|
|
400
|
+
style="border-width: 6px">
|
|
401
|
+
</div>
|
|
402
|
+
|
|
403
|
+
</td>
|
|
404
|
+
</tr>
|
|
384
405
|
<tr>
|
|
385
406
|
<td class="with-icons is-vcentered"
|
|
386
407
|
id="base-borderWidth000"
|
|
@@ -6161,6 +6161,27 @@
|
|
|
6161
6161
|
|
|
6162
6162
|
</td>
|
|
6163
6163
|
</tr>
|
|
6164
|
+
<tr>
|
|
6165
|
+
<td class="with-icons is-vcentered"
|
|
6166
|
+
id="base-borderWidth600"
|
|
6167
|
+
title="theme: base; category: borderWidth; variant: 600; ">
|
|
6168
|
+
borderWidth600
|
|
6169
|
+
<a href="#base-borderWidth600"
|
|
6170
|
+
title="permalink"
|
|
6171
|
+
class="permalink">
|
|
6172
|
+
🔗
|
|
6173
|
+
</a>
|
|
6174
|
+
</td>
|
|
6175
|
+
<td class="is-vcentered">
|
|
6176
|
+
<pre>6px</pre>
|
|
6177
|
+
</td>
|
|
6178
|
+
<td class="is-vcentered">
|
|
6179
|
+
<div class="table__border-width-preview"
|
|
6180
|
+
style="border-width: 6px">
|
|
6181
|
+
</div>
|
|
6182
|
+
|
|
6183
|
+
</td>
|
|
6184
|
+
</tr>
|
|
6164
6185
|
<tr>
|
|
6165
6186
|
<td class="with-icons is-vcentered"
|
|
6166
6187
|
id="base-borderWidth000"
|
package/docs/tokens/index.html
CHANGED
|
@@ -8644,6 +8644,27 @@
|
|
|
8644
8644
|
|
|
8645
8645
|
</td>
|
|
8646
8646
|
</tr>
|
|
8647
|
+
<tr>
|
|
8648
|
+
<td class="with-icons is-vcentered"
|
|
8649
|
+
id="base-borderWidth600"
|
|
8650
|
+
title="theme: base; category: borderWidth; variant: 600; ">
|
|
8651
|
+
borderWidth600
|
|
8652
|
+
<a href="#base-borderWidth600"
|
|
8653
|
+
title="permalink"
|
|
8654
|
+
class="permalink">
|
|
8655
|
+
🔗
|
|
8656
|
+
</a>
|
|
8657
|
+
</td>
|
|
8658
|
+
<td class="is-vcentered">
|
|
8659
|
+
<pre>6px</pre>
|
|
8660
|
+
</td>
|
|
8661
|
+
<td class="is-vcentered">
|
|
8662
|
+
<div class="table__border-width-preview"
|
|
8663
|
+
style="border-width: 6px">
|
|
8664
|
+
</div>
|
|
8665
|
+
|
|
8666
|
+
</td>
|
|
8667
|
+
</tr>
|
|
8647
8668
|
<tr>
|
|
8648
8669
|
<td class="with-icons is-vcentered"
|
|
8649
8670
|
id="base-borderWidth000"
|
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 Mon, 20 Mar 2023 15:37:44 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
#import <Foundation/Foundation.h>
|
|
@@ -289,6 +289,7 @@
|
|
|
289
289
|
#define borderWidth200 2px
|
|
290
290
|
#define borderWidth300 3px
|
|
291
291
|
#define borderWidth400 4px
|
|
292
|
+
#define borderWidth600 6px
|
|
292
293
|
#define borderWidth000 0px
|
|
293
294
|
#define fontSizes100 14px
|
|
294
295
|
#define fontSizes200 16px
|
package/ios/dashboard/darkMode.h
CHANGED
package/ios/origin.h
CHANGED
package/js/base/common.d.ts
CHANGED
|
@@ -277,6 +277,7 @@ export const borderWidth100: string;
|
|
|
277
277
|
export const borderWidth200: string;
|
|
278
278
|
export const borderWidth300: string;
|
|
279
279
|
export const borderWidth400: string;
|
|
280
|
+
export const borderWidth600: string;
|
|
280
281
|
export const borderWidth000: string;
|
|
281
282
|
export const fontSizes100: string;
|
|
282
283
|
export const fontSizes200: 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 Mon, 20 Mar 2023 15:37:43 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
module.exports = {
|
|
@@ -287,6 +287,7 @@ module.exports = {
|
|
|
287
287
|
borderWidth200: '2px',
|
|
288
288
|
borderWidth300: '3px',
|
|
289
289
|
borderWidth400: '4px',
|
|
290
|
+
borderWidth600: '6px',
|
|
290
291
|
borderWidth000: '0px',
|
|
291
292
|
fontSizes100: '14px',
|
|
292
293
|
fontSizes200: '16px',
|
package/js/base/es6.d.ts
CHANGED
|
@@ -278,6 +278,7 @@ declare namespace _default {
|
|
|
278
278
|
const borderWidth200: string;
|
|
279
279
|
const borderWidth300: string;
|
|
280
280
|
const borderWidth400: string;
|
|
281
|
+
const borderWidth600: string;
|
|
281
282
|
const borderWidth000: string;
|
|
282
283
|
const fontSizes100: string;
|
|
283
284
|
const fontSizes200: string;
|
package/js/base/es6.js
CHANGED
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": "4.
|
|
9
|
+
"version": "4.14.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 Mon, 20 Mar 2023 15:37:44 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Base Theme;
|
|
10
10
|
$metaPublic: true;
|
|
@@ -285,6 +285,7 @@ $borderWidth100: 1px;
|
|
|
285
285
|
$borderWidth200: 2px;
|
|
286
286
|
$borderWidth300: 3px;
|
|
287
287
|
$borderWidth400: 4px;
|
|
288
|
+
$borderWidth600: 6px;
|
|
288
289
|
$borderWidth000: 0px;
|
|
289
290
|
$fontSizes100: 14px;
|
|
290
291
|
$fontSizes200: 16px;
|
|
@@ -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 Mon, 20 Mar 2023 15:37:44 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Dashboard Dark-Mode Token Set;
|
|
10
10
|
$metaPublic: true;
|
|
@@ -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 Mon, 20 Mar 2023 15:37:44 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Dashboard Light-Mode Token Set;
|
|
10
10
|
$metaPublic: true;
|
package/scss/origin.scss
CHANGED
|
Binary file
|