@sage/design-tokens 3.1.0 → 4.0.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.
Files changed (35) hide show
  1. package/android/base.xml +2 -1
  2. package/android/dashboard/darkMode.xml +1 -1
  3. package/android/dashboard/lightMode.xml +1 -1
  4. package/android/origin.xml +2 -1
  5. package/css/base.css +2 -1
  6. package/css/dashboard/darkMode.css +1 -1
  7. package/css/dashboard/lightMode.css +1 -1
  8. package/css/origin.css +2 -1
  9. package/data/tokens.json +609 -605
  10. package/docs/tokens/base/index.html +21 -0
  11. package/docs/tokens/base/sizing/index.html +21 -0
  12. package/docs/tokens/index.html +42 -0
  13. package/docs/tokens/origin/index.html +21 -0
  14. package/docs/tokens/origin/origin-colors-reference-only/index.html +21 -0
  15. package/ios/base.h +2 -1
  16. package/ios/dashboard/darkMode.h +1 -1
  17. package/ios/dashboard/lightMode.h +1 -1
  18. package/ios/origin.h +2 -1
  19. package/js/base/common.d.ts +1 -0
  20. package/js/base/common.js +2 -1
  21. package/js/base/es6.d.ts +1 -0
  22. package/js/base/es6.js +1 -0
  23. package/js/dashboard/darkMode/common.js +1 -1
  24. package/js/dashboard/lightMode/common.js +1 -1
  25. package/js/origin/common.d.ts +1 -0
  26. package/js/origin/common.js +2 -1
  27. package/js/origin/es6.d.ts +1 -0
  28. package/js/origin/es6.js +1 -0
  29. package/package.json +1 -1
  30. package/sage-design-tokens-4.0.0.tgz +0 -0
  31. package/scss/base.scss +2 -1
  32. package/scss/dashboard/darkMode.scss +1 -1
  33. package/scss/dashboard/lightMode.scss +1 -1
  34. package/scss/origin.scss +2 -1
  35. package/sage-design-tokens-3.1.0.tgz +0 -0
package/docs/tokens/base/index.html CHANGED
@@ -4972,6 +4972,27 @@
4972
4972
 
4973
4973
  </td>
4974
4974
  </tr>
4975
+ <tr>
4976
+ <td class="with-icons is-vcentered"
4977
+ id="base-sizing225"
4978
+ title="theme: base; category: sizing; variant: 225; ">
4979
+ sizing225
4980
+ <a href="#base-sizing225"
4981
+ title="permalink"
4982
+ class="permalink">
4983
+ 🔗
4984
+ </a>
4985
+ </td>
4986
+ <td class="is-vcentered">
4987
+ <pre>18px</pre>
4988
+ </td>
4989
+ <td class="is-vcentered">
4990
+ <div class="table__sizing-preview"
4991
+ style="width: 18px; height: 18px">
4992
+ </div>
4993
+
4994
+ </td>
4995
+ </tr>
4975
4996
  <tr>
4976
4997
  <td class="with-icons is-vcentered"
4977
4998
  id="base-sizing250"
package/docs/tokens/base/sizing/index.html CHANGED
@@ -402,6 +402,27 @@
402
402
 
403
403
  </td>
404
404
  </tr>
405
+ <tr>
406
+ <td class="with-icons is-vcentered"
407
+ id="base-sizing225"
408
+ title="theme: base; category: sizing; variant: 225; ">
409
+ sizing225
410
+ <a href="#base-sizing225"
411
+ title="permalink"
412
+ class="permalink">
413
+ 🔗
414
+ </a>
415
+ </td>
416
+ <td class="is-vcentered">
417
+ <pre>18px</pre>
418
+ </td>
419
+ <td class="is-vcentered">
420
+ <div class="table__sizing-preview"
421
+ style="width: 18px; height: 18px">
422
+ </div>
423
+
424
+ </td>
425
+ </tr>
405
426
  <tr>
406
427
  <td class="with-icons is-vcentered"
407
428
  id="base-sizing250"
package/docs/tokens/index.html CHANGED
@@ -4983,6 +4983,27 @@
4983
4983
 
4984
4984
  </td>
4985
4985
  </tr>
4986
+ <tr>
4987
+ <td class="with-icons is-vcentered"
4988
+ id="base-sizing225"
4989
+ title="theme: base; category: sizing; variant: 225; ">
4990
+ sizing225
4991
+ <a href="#base-sizing225"
4992
+ title="permalink"
4993
+ class="permalink">
4994
+ 🔗
4995
+ </a>
4996
+ </td>
4997
+ <td class="is-vcentered">
4998
+ <pre>18px</pre>
4999
+ </td>
5000
+ <td class="is-vcentered">
5001
+ <div class="table__sizing-preview"
5002
+ style="width: 18px; height: 18px">
5003
+ </div>
5004
+
5005
+ </td>
5006
+ </tr>
4986
5007
  <tr>
4987
5008
  <td class="with-icons is-vcentered"
4988
5009
  id="base-sizing250"
@@ -10681,6 +10702,27 @@
10681
10702
 
10682
10703
  </td>
10683
10704
  </tr>
10705
+ <tr>
10706
+ <td class="with-icons is-vcentered"
10707
+ id="origin-originColorsReferenceOnlyYang010"
10708
+ title="theme: origin; category: origin-colors (reference only); name: yang; variant: 010; ">
10709
+ originColorsReferenceOnlyYang010
10710
+ <a href="#origin-originColorsReferenceOnlyYang010"
10711
+ title="permalink"
10712
+ class="permalink">
10713
+ 🔗
10714
+ </a>
10715
+ </td>
10716
+ <td class="is-vcentered">
10717
+ <pre>#ffffff1a</pre>
10718
+ </td>
10719
+ <td class="is-vcentered">
10720
+ <div class="table__color-preview"
10721
+ style="background-color: #ffffff1a;">
10722
+ </div>
10723
+
10724
+ </td>
10725
+ </tr>
10684
10726
  <tr>
10685
10727
  <td class="with-icons is-vcentered"
10686
10728
  id="origin-originColorsReferenceOnlyMalachite100"
package/docs/tokens/origin/index.html CHANGED
@@ -524,6 +524,27 @@
524
524
 
525
525
  </td>
526
526
  </tr>
527
+ <tr>
528
+ <td class="with-icons is-vcentered"
529
+ id="origin-originColorsReferenceOnlyYang010"
530
+ title="theme: origin; category: origin-colors (reference only); name: yang; variant: 010; ">
531
+ originColorsReferenceOnlyYang010
532
+ <a href="#origin-originColorsReferenceOnlyYang010"
533
+ title="permalink"
534
+ class="permalink">
535
+ 🔗
536
+ </a>
537
+ </td>
538
+ <td class="is-vcentered">
539
+ <pre>#ffffff1a</pre>
540
+ </td>
541
+ <td class="is-vcentered">
542
+ <div class="table__color-preview"
543
+ style="background-color: #ffffff1a;">
544
+ </div>
545
+
546
+ </td>
547
+ </tr>
527
548
  <tr>
528
549
  <td class="with-icons is-vcentered"
529
550
  id="origin-originColorsReferenceOnlyMalachite100"
package/docs/tokens/origin/origin-colors-reference-only/index.html CHANGED
@@ -528,6 +528,27 @@
528
528
 
529
529
  </td>
530
530
  </tr>
531
+ <tr>
532
+ <td class="with-icons is-vcentered"
533
+ id="origin-originColorsReferenceOnlyYang010"
534
+ title="theme: origin; category: origin-colors (reference only); name: yang; variant: 010; ">
535
+ originColorsReferenceOnlyYang010
536
+ <a href="#origin-originColorsReferenceOnlyYang010"
537
+ title="permalink"
538
+ class="permalink">
539
+ 🔗
540
+ </a>
541
+ </td>
542
+ <td class="is-vcentered">
543
+ <pre>#ffffff1a</pre>
544
+ </td>
545
+ <td class="is-vcentered">
546
+ <div class="table__color-preview"
547
+ style="background-color: #ffffff1a;">
548
+ </div>
549
+
550
+ </td>
551
+ </tr>
531
552
  <tr>
532
553
  <td class="with-icons is-vcentered"
533
554
  id="origin-originColorsReferenceOnlyMalachite100"
package/ios/base.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Wed, 11 Jan 2023 14:52:55 GMT
7
+ // Generated on Wed, 18 Jan 2023 14:29:28 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -234,6 +234,7 @@
234
234
  #define sizing150 12px
235
235
  #define sizing175 14px
236
236
  #define sizing200 16px
237
+ #define sizing225 18px
237
238
  #define sizing250 20px
238
239
  #define sizing275 22px
239
240
  #define sizing300 24px
package/ios/dashboard/darkMode.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Wed, 11 Jan 2023 14:52:56 GMT
7
+ // Generated on Wed, 18 Jan 2023 14:29:29 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
package/ios/dashboard/lightMode.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Wed, 11 Jan 2023 14:52:55 GMT
7
+ // Generated on Wed, 18 Jan 2023 14:29:29 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
package/ios/origin.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Wed, 11 Jan 2023 14:52:55 GMT
7
+ // Generated on Wed, 18 Jan 2023 14:29:28 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -23,6 +23,7 @@
23
23
  #define originColorsReferenceOnlyYang100 #ffffffff
24
24
  #define originColorsReferenceOnlyYang030 #ffffff4d
25
25
  #define originColorsReferenceOnlyYang080 #ffffffcc
26
+ #define originColorsReferenceOnlyYang010 #ffffff1a
26
27
  #define originColorsReferenceOnlyMalachite100 #8df79fff
27
28
  #define originColorsReferenceOnlyMalachite200 #42eb64ff
28
29
  #define originColorsReferenceOnlyMalachite300 #00d639ff
package/js/base/common.d.ts CHANGED
@@ -222,6 +222,7 @@ export const sizing125: string;
222
222
  export const sizing150: string;
223
223
  export const sizing175: string;
224
224
  export const sizing200: string;
225
+ export const sizing225: string;
225
226
  export const sizing250: string;
226
227
  export const sizing275: string;
227
228
  export const sizing300: 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 Wed, 11 Jan 2023 14:52:55 GMT
7
+ * Generated on Wed, 18 Jan 2023 14:29:28 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -232,6 +232,7 @@ module.exports = {
232
232
  sizing150: '12px',
233
233
  sizing175: '14px',
234
234
  sizing200: '16px',
235
+ sizing225: '18px',
235
236
  sizing250: '20px',
236
237
  sizing275: '22px',
237
238
  sizing300: '24px',
package/js/base/es6.d.ts CHANGED
@@ -223,6 +223,7 @@ declare namespace _default {
223
223
  const sizing150: string;
224
224
  const sizing175: string;
225
225
  const sizing200: string;
226
+ const sizing225: string;
226
227
  const sizing250: string;
227
228
  const sizing275: string;
228
229
  const sizing300: string;
package/js/base/es6.js CHANGED
@@ -227,6 +227,7 @@ export default {
227
227
  sizing150: '12px',
228
228
  sizing175: '14px',
229
229
  sizing200: '16px',
230
+ sizing225: '18px',
230
231
  sizing250: '20px',
231
232
  sizing275: '22px',
232
233
  sizing300: '24px',
package/js/dashboard/darkMode/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 Wed, 11 Jan 2023 14:52:55 GMT
7
+ * Generated on Wed, 18 Jan 2023 14:29:29 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
package/js/dashboard/lightMode/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 Wed, 11 Jan 2023 14:52:55 GMT
7
+ * Generated on Wed, 18 Jan 2023 14:29:28 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
package/js/origin/common.d.ts CHANGED
@@ -11,6 +11,7 @@ export const originColorsReferenceOnlyYin090: string;
11
11
  export const originColorsReferenceOnlyYang100: string;
12
12
  export const originColorsReferenceOnlyYang030: string;
13
13
  export const originColorsReferenceOnlyYang080: string;
14
+ export const originColorsReferenceOnlyYang010: string;
14
15
  export const originColorsReferenceOnlyMalachite100: string;
15
16
  export const originColorsReferenceOnlyMalachite200: string;
16
17
  export const originColorsReferenceOnlyMalachite300: string;
package/js/origin/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 Wed, 11 Jan 2023 14:52:55 GMT
7
+ * Generated on Wed, 18 Jan 2023 14:29:28 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -21,6 +21,7 @@ module.exports = {
21
21
  originColorsReferenceOnlyYang100: '#ffffffff',
22
22
  originColorsReferenceOnlyYang030: '#ffffff4d',
23
23
  originColorsReferenceOnlyYang080: '#ffffffcc',
24
+ originColorsReferenceOnlyYang010: '#ffffff1a',
24
25
  originColorsReferenceOnlyMalachite100: '#8df79fff',
25
26
  originColorsReferenceOnlyMalachite200: '#42eb64ff',
26
27
  originColorsReferenceOnlyMalachite300: '#00d639ff',
package/js/origin/es6.d.ts CHANGED
@@ -12,6 +12,7 @@ declare namespace _default {
12
12
  const originColorsReferenceOnlyYang100: string;
13
13
  const originColorsReferenceOnlyYang030: string;
14
14
  const originColorsReferenceOnlyYang080: string;
15
+ const originColorsReferenceOnlyYang010: string;
15
16
  const originColorsReferenceOnlyMalachite100: string;
16
17
  const originColorsReferenceOnlyMalachite200: string;
17
18
  const originColorsReferenceOnlyMalachite300: string;
package/js/origin/es6.js CHANGED
@@ -16,6 +16,7 @@ export default {
16
16
  originColorsReferenceOnlyYang100: '#ffffffff',
17
17
  originColorsReferenceOnlyYang030: '#ffffff4d',
18
18
  originColorsReferenceOnlyYang080: '#ffffffcc',
19
+ originColorsReferenceOnlyYang010: '#ffffff1a',
19
20
  originColorsReferenceOnlyMalachite100: '#8df79fff',
20
21
  originColorsReferenceOnlyMalachite200: '#42eb64ff',
21
22
  originColorsReferenceOnlyMalachite300: '#00d639ff',
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": "3.1.0",
9
+ "version": "4.0.0",
10
10
  "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
11
11
  "tags": [
12
12
  "design tokens",
package/sage-design-tokens-4.0.0.tgz ADDED
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 Wed, 11 Jan 2023 14:52:55 GMT
7
+ // Generated on Wed, 18 Jan 2023 14:29:28 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -230,6 +230,7 @@ $sizing125: 10px;
230
230
  $sizing150: 12px;
231
231
  $sizing175: 14px;
232
232
  $sizing200: 16px;
233
+ $sizing225: 18px;
233
234
  $sizing250: 20px;
234
235
  $sizing275: 22px;
235
236
  $sizing300: 24px;
package/scss/dashboard/darkMode.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 Wed, 11 Jan 2023 14:52:55 GMT
7
+ // Generated on Wed, 18 Jan 2023 14:29:29 GMT
8
8
 
9
9
  $metaName: Dashboard Dark-Mode Token Set;
10
10
  $metaPublic: true;
package/scss/dashboard/lightMode.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 Wed, 11 Jan 2023 14:52:55 GMT
7
+ // Generated on Wed, 18 Jan 2023 14:29:29 GMT
8
8
 
9
9
  $metaName: Dashboard Light-Mode Token Set;
10
10
  $metaPublic: true;
package/scss/origin.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 Wed, 11 Jan 2023 14:52:55 GMT
7
+ // Generated on Wed, 18 Jan 2023 14:29:28 GMT
8
8
 
9
9
  $metaName: Origin Token Set;
10
10
  $metaPublic: true;
@@ -19,6 +19,7 @@ $originColorsReferenceOnlyYin090: #000000e6;
19
19
  $originColorsReferenceOnlyYang100: #ffffffff;
20
20
  $originColorsReferenceOnlyYang030: #ffffff4d;
21
21
  $originColorsReferenceOnlyYang080: #ffffffcc;
22
+ $originColorsReferenceOnlyYang010: #ffffff1a;
22
23
  $originColorsReferenceOnlyMalachite100: #8df79fff;
23
24
  $originColorsReferenceOnlyMalachite200: #42eb64ff;
24
25
  $originColorsReferenceOnlyMalachite300: #00d639ff;
package/sage-design-tokens-3.1.0.tgz DELETED
Binary file