@sage/design-tokens 2.44.0 → 2.45.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 (15) hide show
  1. package/android/base.xml +3 -1
  2. package/css/base.css +3 -1
  3. package/data/tokens.json +26 -0
  4. package/docs/tokens/base/index.html +42 -0
  5. package/docs/tokens/base/typography/index.html +42 -0
  6. package/docs/tokens/index.html +42 -0
  7. package/ios/base.h +3 -1
  8. package/js/base/common.d.ts +2 -0
  9. package/js/base/common.js +3 -1
  10. package/js/base/es6.d.ts +2 -0
  11. package/js/base/es6.js +2 -0
  12. package/package.json +1 -1
  13. package/sage-design-tokens-2.45.0.tgz +0 -0
  14. package/scss/base.scss +3 -1
  15. package/sage-design-tokens-2.44.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 Thu, 06 Oct 2022 16:08:46 GMT
5
+ Generated on Fri, 07 Oct 2022 10:08:14 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">Base Theme</string>
@@ -314,6 +314,8 @@
314
314
  <string name="typographyActionPopoverMenuItemM">Medium 14px/150% Sage UI</string>
315
315
  <string name="typographyAnchorNavLabelM">Medium 14px/150% Sage UI</string>
316
316
  <string name="typographyBadgeLabelM">Medium 12px/150% Sage UI</string>
317
+ <string name="typographyBreadcrumbSeparatorM">Regular 14px/150% Sage UI</string>
318
+ <string name="typographyBreadcrumbCurrentPageM">Regular 14px/150% Sage UI</string>
317
319
  <string name="typographyButtonLabelS">Medium 14px/150% Sage UI</string>
318
320
  <string name="typographyButtonLabelM">Medium 14px/150% Sage UI</string>
319
321
  <string name="typographyButtonLabelL">Medium 16px/150% Sage UI</string>
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 Thu, 06 Oct 2022 16:08:46 GMT
7
+ * Generated on Fri, 07 Oct 2022 10:08:14 GMT
8
8
  */
9
9
 
10
10
  :root {
@@ -317,6 +317,8 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
317
317
  --typographyActionPopoverMenuItemM: 500 14px/150% Sage UI;
318
318
  --typographyAnchorNavLabelM: 500 14px/150% Sage UI;
319
319
  --typographyBadgeLabelM: 500 12px/150% Sage UI;
320
+ --typographyBreadcrumbSeparatorM: 400 14px/150% Sage UI;
321
+ --typographyBreadcrumbCurrentPageM: 400 14px/150% Sage UI;
320
322
  --typographyButtonLabelS: 500 14px/150% Sage UI;
321
323
  --typographyButtonLabelM: 500 14px/150% Sage UI;
322
324
  --typographyButtonLabelL: 500 16px/150% Sage UI;
package/data/tokens.json CHANGED
@@ -1699,6 +1699,32 @@
1699
1699
  }
1700
1700
  }
1701
1701
  },
1702
+ "breadcrumb": {
1703
+ "separator": {
1704
+ "m": {
1705
+ "value": {
1706
+ "fontFamily": "Sage UI",
1707
+ "fontWeight": "Regular",
1708
+ "lineHeight": "150%",
1709
+ "fontSize": "14px"
1710
+ },
1711
+ "type": "typography",
1712
+ "description": "Style for the slash forward character that separates the breadcrumbs"
1713
+ }
1714
+ },
1715
+ "currentPage": {
1716
+ "m": {
1717
+ "value": {
1718
+ "fontFamily": "Sage UI",
1719
+ "fontWeight": "Regular",
1720
+ "lineHeight": "150%",
1721
+ "fontSize": "14px"
1722
+ },
1723
+ "type": "typography",
1724
+ "description": "Style for the current page text"
1725
+ }
1726
+ }
1727
+ },
1702
1728
  "button": {
1703
1729
  "label": {
1704
1730
  "s": {
package/docs/tokens/base/index.html CHANGED
@@ -6911,6 +6911,48 @@
6911
6911
 
6912
6912
  </td>
6913
6913
  </tr>
6914
+ <tr>
6915
+ <td class="with-icons is-vcentered"
6916
+ id="base-typographyBreadcrumbSeparatorM"
6917
+ title="theme: base; category: typography; group: breadcrumb; name: separator; variant: m; ">
6918
+ typographyBreadcrumbSeparatorM
6919
+ <a href="#base-typographyBreadcrumbSeparatorM"
6920
+ title="permalink"
6921
+ class="permalink">
6922
+ 🔗
6923
+ </a>
6924
+ </td>
6925
+ <td class="is-vcentered">
6926
+ <pre>400 14px/150% Sage UI</pre>
6927
+ </td>
6928
+ <td class="is-vcentered">
6929
+ <div class="table__typography-preview">
6930
+ n/a
6931
+ </div>
6932
+
6933
+ </td>
6934
+ </tr>
6935
+ <tr>
6936
+ <td class="with-icons is-vcentered"
6937
+ id="base-typographyBreadcrumbCurrentPageM"
6938
+ title="theme: base; category: typography; group: breadcrumb; name: currentPage; variant: m; ">
6939
+ typographyBreadcrumbCurrentPageM
6940
+ <a href="#base-typographyBreadcrumbCurrentPageM"
6941
+ title="permalink"
6942
+ class="permalink">
6943
+ 🔗
6944
+ </a>
6945
+ </td>
6946
+ <td class="is-vcentered">
6947
+ <pre>400 14px/150% Sage UI</pre>
6948
+ </td>
6949
+ <td class="is-vcentered">
6950
+ <div class="table__typography-preview">
6951
+ n/a
6952
+ </div>
6953
+
6954
+ </td>
6955
+ </tr>
6914
6956
  <tr>
6915
6957
  <td class="with-icons is-vcentered"
6916
6958
  id="base-typographyButtonLabelS"
package/docs/tokens/base/typography/index.html CHANGED
@@ -432,6 +432,48 @@
432
432
 
433
433
  </td>
434
434
  </tr>
435
+ <tr>
436
+ <td class="with-icons is-vcentered"
437
+ id="base-typographyBreadcrumbSeparatorM"
438
+ title="theme: base; category: typography; group: breadcrumb; name: separator; variant: m; ">
439
+ typographyBreadcrumbSeparatorM
440
+ <a href="#base-typographyBreadcrumbSeparatorM"
441
+ title="permalink"
442
+ class="permalink">
443
+ 🔗
444
+ </a>
445
+ </td>
446
+ <td class="is-vcentered">
447
+ <pre>400 14px/150% Sage UI</pre>
448
+ </td>
449
+ <td class="is-vcentered">
450
+ <div class="table__typography-preview">
451
+ n/a
452
+ </div>
453
+
454
+ </td>
455
+ </tr>
456
+ <tr>
457
+ <td class="with-icons is-vcentered"
458
+ id="base-typographyBreadcrumbCurrentPageM"
459
+ title="theme: base; category: typography; group: breadcrumb; name: currentPage; variant: m; ">
460
+ typographyBreadcrumbCurrentPageM
461
+ <a href="#base-typographyBreadcrumbCurrentPageM"
462
+ title="permalink"
463
+ class="permalink">
464
+ 🔗
465
+ </a>
466
+ </td>
467
+ <td class="is-vcentered">
468
+ <pre>400 14px/150% Sage UI</pre>
469
+ </td>
470
+ <td class="is-vcentered">
471
+ <div class="table__typography-preview">
472
+ n/a
473
+ </div>
474
+
475
+ </td>
476
+ </tr>
435
477
  <tr>
436
478
  <td class="with-icons is-vcentered"
437
479
  id="base-typographyButtonLabelS"
package/docs/tokens/index.html CHANGED
@@ -6967,6 +6967,48 @@
6967
6967
 
6968
6968
  </td>
6969
6969
  </tr>
6970
+ <tr>
6971
+ <td class="with-icons is-vcentered"
6972
+ id="base-typographyBreadcrumbSeparatorM"
6973
+ title="theme: base; category: typography; group: breadcrumb; name: separator; variant: m; ">
6974
+ typographyBreadcrumbSeparatorM
6975
+ <a href="#base-typographyBreadcrumbSeparatorM"
6976
+ title="permalink"
6977
+ class="permalink">
6978
+ 🔗
6979
+ </a>
6980
+ </td>
6981
+ <td class="is-vcentered">
6982
+ <pre>400 14px/150% Sage UI</pre>
6983
+ </td>
6984
+ <td class="is-vcentered">
6985
+ <div class="table__typography-preview">
6986
+ n/a
6987
+ </div>
6988
+
6989
+ </td>
6990
+ </tr>
6991
+ <tr>
6992
+ <td class="with-icons is-vcentered"
6993
+ id="base-typographyBreadcrumbCurrentPageM"
6994
+ title="theme: base; category: typography; group: breadcrumb; name: currentPage; variant: m; ">
6995
+ typographyBreadcrumbCurrentPageM
6996
+ <a href="#base-typographyBreadcrumbCurrentPageM"
6997
+ title="permalink"
6998
+ class="permalink">
6999
+ 🔗
7000
+ </a>
7001
+ </td>
7002
+ <td class="is-vcentered">
7003
+ <pre>400 14px/150% Sage UI</pre>
7004
+ </td>
7005
+ <td class="is-vcentered">
7006
+ <div class="table__typography-preview">
7007
+ n/a
7008
+ </div>
7009
+
7010
+ </td>
7011
+ </tr>
6970
7012
  <tr>
6971
7013
  <td class="with-icons is-vcentered"
6972
7014
  id="base-typographyButtonLabelS"
package/ios/base.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Thu, 06 Oct 2022 16:08:46 GMT
7
+ // Generated on Fri, 07 Oct 2022 10:08:14 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -319,6 +319,8 @@
319
319
  #define typographyActionPopoverMenuItemM Medium 14px/150% Sage UI
320
320
  #define typographyAnchorNavLabelM Medium 14px/150% Sage UI
321
321
  #define typographyBadgeLabelM Medium 12px/150% Sage UI
322
+ #define typographyBreadcrumbSeparatorM Regular 14px/150% Sage UI
323
+ #define typographyBreadcrumbCurrentPageM Regular 14px/150% Sage UI
322
324
  #define typographyButtonLabelS Medium 14px/150% Sage UI
323
325
  #define typographyButtonLabelM Medium 14px/150% Sage UI
324
326
  #define typographyButtonLabelL Medium 16px/150% Sage UI
package/js/base/common.d.ts CHANGED
@@ -307,6 +307,8 @@ export const typographyAccordionParagraphM: string;
307
307
  export const typographyActionPopoverMenuItemM: string;
308
308
  export const typographyAnchorNavLabelM: string;
309
309
  export const typographyBadgeLabelM: string;
310
+ export const typographyBreadcrumbSeparatorM: string;
311
+ export const typographyBreadcrumbCurrentPageM: string;
310
312
  export const typographyButtonLabelS: string;
311
313
  export const typographyButtonLabelM: string;
312
314
  export const typographyButtonLabelL: 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 Thu, 06 Oct 2022 16:08:46 GMT
7
+ * Generated on Fri, 07 Oct 2022 10:08:14 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -317,6 +317,8 @@ module.exports = {
317
317
  typographyActionPopoverMenuItemM: '500 14px/150% Sage UI',
318
318
  typographyAnchorNavLabelM: '500 14px/150% Sage UI',
319
319
  typographyBadgeLabelM: '500 12px/150% Sage UI',
320
+ typographyBreadcrumbSeparatorM: '400 14px/150% Sage UI',
321
+ typographyBreadcrumbCurrentPageM: '400 14px/150% Sage UI',
320
322
  typographyButtonLabelS: '500 14px/150% Sage UI',
321
323
  typographyButtonLabelM: '500 14px/150% Sage UI',
322
324
  typographyButtonLabelL: '500 16px/150% Sage UI',
package/js/base/es6.d.ts CHANGED
@@ -308,6 +308,8 @@ declare namespace _default {
308
308
  const typographyActionPopoverMenuItemM: string;
309
309
  const typographyAnchorNavLabelM: string;
310
310
  const typographyBadgeLabelM: string;
311
+ const typographyBreadcrumbSeparatorM: string;
312
+ const typographyBreadcrumbCurrentPageM: string;
311
313
  const typographyButtonLabelS: string;
312
314
  const typographyButtonLabelM: string;
313
315
  const typographyButtonLabelL: string;
package/js/base/es6.js CHANGED
@@ -312,6 +312,8 @@ export default {
312
312
  typographyActionPopoverMenuItemM: '500 14px/150% Sage UI',
313
313
  typographyAnchorNavLabelM: '500 14px/150% Sage UI',
314
314
  typographyBadgeLabelM: '500 12px/150% Sage UI',
315
+ typographyBreadcrumbSeparatorM: '400 14px/150% Sage UI',
316
+ typographyBreadcrumbCurrentPageM: '400 14px/150% Sage UI',
315
317
  typographyButtonLabelS: '500 14px/150% Sage UI',
316
318
  typographyButtonLabelM: '500 14px/150% Sage UI',
317
319
  typographyButtonLabelL: '500 16px/150% Sage UI',
package/package.json CHANGED
@@ -10,7 +10,7 @@
10
10
  },
11
11
  "description": "Design tokens for the Sage Design System.",
12
12
  "author": "The Sage Group plc",
13
- "version": "2.44.0",
13
+ "version": "2.45.0",
14
14
  "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
15
15
  "tags": [
16
16
  "design tokens",
package/sage-design-tokens-2.45.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 Thu, 06 Oct 2022 16:08:46 GMT
7
+ // Generated on Fri, 07 Oct 2022 10:08:14 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -315,6 +315,8 @@ $typographyAccordionParagraphM: 400 14px/150% Sage UI;
315
315
  $typographyActionPopoverMenuItemM: 500 14px/150% Sage UI;
316
316
  $typographyAnchorNavLabelM: 500 14px/150% Sage UI;
317
317
  $typographyBadgeLabelM: 500 12px/150% Sage UI;
318
+ $typographyBreadcrumbSeparatorM: 400 14px/150% Sage UI;
319
+ $typographyBreadcrumbCurrentPageM: 400 14px/150% Sage UI;
318
320
  $typographyButtonLabelS: 500 14px/150% Sage UI;
319
321
  $typographyButtonLabelM: 500 14px/150% Sage UI;
320
322
  $typographyButtonLabelL: 500 16px/150% Sage UI;
package/sage-design-tokens-2.44.0.tgz DELETED
Binary file