@sage/design-tokens 2.39.0 → 2.40.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 CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Wed, 13 Jul 2022 11:19:31 GMT
5
+ Generated on Wed, 13 Jul 2022 11:25:18 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">Base Theme</string>
@@ -316,6 +316,7 @@
316
316
  <string name="typographyCardSelectTitleM">Bold 16px/150% Sage UI</string>
317
317
  <string name="typographyCardSelectSubtitleM">Medium 14px/150% Sage UI</string>
318
318
  <string name="typographyCardSelectParagraphM">Regular 14px/150% Sage UI</string>
319
+ <string name="typographyCardSelectFooterM">Regular 14px/150% Sage UI</string>
319
320
  <string name="typographyDatePickerCalendarDateM">Medium 14px/150% Sage UI</string>
320
321
  <string name="typographyDatePickerCalendarDayM">Bold 14px/150% Sage UI</string>
321
322
  <string name="typographyDatePickerCalendarMonthM">Bold 16px/125% 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 Wed, 13 Jul 2022 11:19:31 GMT
7
+ * Generated on Wed, 13 Jul 2022 11:25:18 GMT
8
8
  */
9
9
 
10
10
  :root {
@@ -319,6 +319,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
319
319
  --typographyCardSelectTitleM: 700 16px/150% Sage UI;
320
320
  --typographyCardSelectSubtitleM: 500 14px/150% Sage UI;
321
321
  --typographyCardSelectParagraphM: 400 14px/150% Sage UI;
322
+ --typographyCardSelectFooterM: 400 14px/150% Sage UI;
322
323
  --typographyDatePickerCalendarDateM: 500 14px/150% Sage UI;
323
324
  --typographyDatePickerCalendarDayM: 700 14px/150% Sage UI;
324
325
  --typographyDatePickerCalendarMonthM: 700 16px/125% Sage UI;
package/data/tokens.json CHANGED
@@ -1775,6 +1775,21 @@
1775
1775
  },
1776
1776
  "type": "typography"
1777
1777
  }
1778
+ },
1779
+ "footer": {
1780
+ "m": {
1781
+ "value": {
1782
+ "fontFamily": "Sage UI",
1783
+ "fontWeight": "Regular",
1784
+ "lineHeight": "150%",
1785
+ "fontSize": "14px",
1786
+ "letterSpacing": "0%",
1787
+ "paragraphSpacing": "0",
1788
+ "textDecoration": "none",
1789
+ "textCase": "none"
1790
+ },
1791
+ "type": "typography"
1792
+ }
1778
1793
  }
1779
1794
  },
1780
1795
  "datePicker": {
@@ -6953,6 +6953,27 @@
6953
6953
 
6954
6954
  </td>
6955
6955
  </tr>
6956
+ <tr>
6957
+ <td class="with-icons is-vcentered"
6958
+ id="base-typographyCardSelectFooterM"
6959
+ title="theme: base; category: typography; group: cardSelect; name: footer; variant: m; ">
6960
+ typographyCardSelectFooterM
6961
+ <a href="#base-typographyCardSelectFooterM"
6962
+ title="permalink"
6963
+ class="permalink">
6964
+ 🔗
6965
+ </a>
6966
+ </td>
6967
+ <td class="is-vcentered">
6968
+ <pre>400 14px/150% Sage UI</pre>
6969
+ </td>
6970
+ <td class="is-vcentered">
6971
+ <div class="table__typography-preview">
6972
+ n/a
6973
+ </div>
6974
+
6975
+ </td>
6976
+ </tr>
6956
6977
  <tr>
6957
6978
  <td class="with-icons is-vcentered"
6958
6979
  id="base-typographyDatePickerCalendarDateM"
@@ -558,6 +558,27 @@
558
558
 
559
559
  </td>
560
560
  </tr>
561
+ <tr>
562
+ <td class="with-icons is-vcentered"
563
+ id="base-typographyCardSelectFooterM"
564
+ title="theme: base; category: typography; group: cardSelect; name: footer; variant: m; ">
565
+ typographyCardSelectFooterM
566
+ <a href="#base-typographyCardSelectFooterM"
567
+ title="permalink"
568
+ class="permalink">
569
+ 🔗
570
+ </a>
571
+ </td>
572
+ <td class="is-vcentered">
573
+ <pre>400 14px/150% Sage UI</pre>
574
+ </td>
575
+ <td class="is-vcentered">
576
+ <div class="table__typography-preview">
577
+ n/a
578
+ </div>
579
+
580
+ </td>
581
+ </tr>
561
582
  <tr>
562
583
  <td class="with-icons is-vcentered"
563
584
  id="base-typographyDatePickerCalendarDateM"
@@ -7009,6 +7009,27 @@
7009
7009
 
7010
7010
  </td>
7011
7011
  </tr>
7012
+ <tr>
7013
+ <td class="with-icons is-vcentered"
7014
+ id="base-typographyCardSelectFooterM"
7015
+ title="theme: base; category: typography; group: cardSelect; name: footer; variant: m; ">
7016
+ typographyCardSelectFooterM
7017
+ <a href="#base-typographyCardSelectFooterM"
7018
+ title="permalink"
7019
+ class="permalink">
7020
+ 🔗
7021
+ </a>
7022
+ </td>
7023
+ <td class="is-vcentered">
7024
+ <pre>400 14px/150% Sage UI</pre>
7025
+ </td>
7026
+ <td class="is-vcentered">
7027
+ <div class="table__typography-preview">
7028
+ n/a
7029
+ </div>
7030
+
7031
+ </td>
7032
+ </tr>
7012
7033
  <tr>
7013
7034
  <td class="with-icons is-vcentered"
7014
7035
  id="base-typographyDatePickerCalendarDateM"
package/ios/base.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Wed, 13 Jul 2022 11:19:31 GMT
7
+ // Generated on Wed, 13 Jul 2022 11:25:18 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -321,6 +321,7 @@
321
321
  #define typographyCardSelectTitleM Bold 16px/150% Sage UI
322
322
  #define typographyCardSelectSubtitleM Medium 14px/150% Sage UI
323
323
  #define typographyCardSelectParagraphM Regular 14px/150% Sage UI
324
+ #define typographyCardSelectFooterM Regular 14px/150% Sage UI
324
325
  #define typographyDatePickerCalendarDateM Medium 14px/150% Sage UI
325
326
  #define typographyDatePickerCalendarDayM Bold 14px/150% Sage UI
326
327
  #define typographyDatePickerCalendarMonthM Bold 16px/125% Sage UI
@@ -309,6 +309,7 @@ export const typographyCardParagraphM: string;
309
309
  export const typographyCardSelectTitleM: string;
310
310
  export const typographyCardSelectSubtitleM: string;
311
311
  export const typographyCardSelectParagraphM: string;
312
+ export const typographyCardSelectFooterM: string;
312
313
  export const typographyDatePickerCalendarDateM: string;
313
314
  export const typographyDatePickerCalendarDayM: string;
314
315
  export const typographyDatePickerCalendarMonthM: 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, 13 Jul 2022 11:19:30 GMT
7
+ * Generated on Wed, 13 Jul 2022 11:25:18 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -319,6 +319,7 @@ module.exports = {
319
319
  typographyCardSelectTitleM: '700 16px/150% Sage UI',
320
320
  typographyCardSelectSubtitleM: '500 14px/150% Sage UI',
321
321
  typographyCardSelectParagraphM: '400 14px/150% Sage UI',
322
+ typographyCardSelectFooterM: '400 14px/150% Sage UI',
322
323
  typographyDatePickerCalendarDateM: '500 14px/150% Sage UI',
323
324
  typographyDatePickerCalendarDayM: '700 14px/150% Sage UI',
324
325
  typographyDatePickerCalendarMonthM: '700 16px/125% Sage UI',
package/js/base/es6.d.ts CHANGED
@@ -310,6 +310,7 @@ declare namespace _default {
310
310
  const typographyCardSelectTitleM: string;
311
311
  const typographyCardSelectSubtitleM: string;
312
312
  const typographyCardSelectParagraphM: string;
313
+ const typographyCardSelectFooterM: string;
313
314
  const typographyDatePickerCalendarDateM: string;
314
315
  const typographyDatePickerCalendarDayM: string;
315
316
  const typographyDatePickerCalendarMonthM: string;
package/js/base/es6.js CHANGED
@@ -314,6 +314,7 @@ export default {
314
314
  typographyCardSelectTitleM: '700 16px/150% Sage UI',
315
315
  typographyCardSelectSubtitleM: '500 14px/150% Sage UI',
316
316
  typographyCardSelectParagraphM: '400 14px/150% Sage UI',
317
+ typographyCardSelectFooterM: '400 14px/150% Sage UI',
317
318
  typographyDatePickerCalendarDateM: '500 14px/150% Sage UI',
318
319
  typographyDatePickerCalendarDayM: '700 14px/150% Sage UI',
319
320
  typographyDatePickerCalendarMonthM: '700 16px/125% 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.39.0",
13
+ "version": "2.40.0",
14
14
  "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
15
15
  "tags": [
16
16
  "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 Wed, 13 Jul 2022 11:19:31 GMT
7
+ // Generated on Wed, 13 Jul 2022 11:25:18 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -317,6 +317,7 @@ $typographyCardParagraphM: 400 14px/150% Sage UI;
317
317
  $typographyCardSelectTitleM: 700 16px/150% Sage UI;
318
318
  $typographyCardSelectSubtitleM: 500 14px/150% Sage UI;
319
319
  $typographyCardSelectParagraphM: 400 14px/150% Sage UI;
320
+ $typographyCardSelectFooterM: 400 14px/150% Sage UI;
320
321
  $typographyDatePickerCalendarDateM: 500 14px/150% Sage UI;
321
322
  $typographyDatePickerCalendarDayM: 700 14px/150% Sage UI;
322
323
  $typographyDatePickerCalendarMonthM: 700 16px/125% Sage UI;
Binary file