@sage/design-tokens 2.43.0 → 2.44.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 Thu, 06 Oct 2022 11:57:31 GMT
5
+ Generated on Thu, 06 Oct 2022 16:08:46 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">Base Theme</string>
@@ -307,7 +307,8 @@
307
307
  <string name="fontFamiliesAndroid">Roboto</string>
308
308
  <string name="fontFamiliesOther">Open Sans</string>
309
309
  <string name="borderRadiusCircle">50%</string>
310
- <string name="typographyAccordionTitleM">Bold 20px/125% Sage UI</string>
310
+ <string name="typographyAccordionTitleM">Medium 20px/125% Sage UI</string>
311
+ <string name="typographyAccordionTitleS">Medium 16px/125% Sage UI</string>
311
312
  <string name="typographyAccordionSubtitleM">Regular 14px/150% Sage UI</string>
312
313
  <string name="typographyAccordionParagraphM">Regular 14px/150% Sage UI</string>
313
314
  <string name="typographyActionPopoverMenuItemM">Medium 14px/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 11:57:31 GMT
7
+ * Generated on Thu, 06 Oct 2022 16:08:46 GMT
8
8
  */
9
9
 
10
10
  :root {
@@ -310,7 +310,8 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
310
310
  --fontFamiliesAndroid: Roboto;
311
311
  --fontFamiliesOther: Open Sans;
312
312
  --borderRadiusCircle: 50%;
313
- --typographyAccordionTitleM: 700 20px/125% Sage UI;
313
+ --typographyAccordionTitleM: 500 20px/125% Sage UI;
314
+ --typographyAccordionTitleS: 500 16px/125% Sage UI;
314
315
  --typographyAccordionSubtitleM: 400 14px/150% Sage UI;
315
316
  --typographyAccordionParagraphM: 400 14px/150% Sage UI;
316
317
  --typographyActionPopoverMenuItemM: 500 14px/150% Sage UI;
package/data/tokens.json CHANGED
@@ -1593,7 +1593,7 @@
1593
1593
  "m": {
1594
1594
  "value": {
1595
1595
  "fontFamily": "Sage UI",
1596
- "fontWeight": "Bold",
1596
+ "fontWeight": "Medium",
1597
1597
  "lineHeight": "125%",
1598
1598
  "fontSize": "20px",
1599
1599
  "letterSpacing": "0%",
@@ -1602,6 +1602,19 @@
1602
1602
  "textCase": "none"
1603
1603
  },
1604
1604
  "type": "typography"
1605
+ },
1606
+ "s": {
1607
+ "value": {
1608
+ "fontFamily": "Sage UI",
1609
+ "fontWeight": "Medium",
1610
+ "lineHeight": "125%",
1611
+ "fontSize": "16px",
1612
+ "letterSpacing": "0%",
1613
+ "paragraphSpacing": "0",
1614
+ "textDecoration": "none",
1615
+ "textCase": "none"
1616
+ },
1617
+ "type": "typography"
1605
1618
  }
1606
1619
  },
1607
1620
  "subtitle": {
@@ -6776,7 +6776,28 @@
6776
6776
  </a>
6777
6777
  </td>
6778
6778
  <td class="is-vcentered">
6779
- <pre>700 20px/125% Sage UI</pre>
6779
+ <pre>500 20px/125% Sage UI</pre>
6780
+ </td>
6781
+ <td class="is-vcentered">
6782
+ <div class="table__typography-preview">
6783
+ n/a
6784
+ </div>
6785
+
6786
+ </td>
6787
+ </tr>
6788
+ <tr>
6789
+ <td class="with-icons is-vcentered"
6790
+ id="base-typographyAccordionTitleS"
6791
+ title="theme: base; category: typography; group: accordion; name: title; variant: s; ">
6792
+ typographyAccordionTitleS
6793
+ <a href="#base-typographyAccordionTitleS"
6794
+ title="permalink"
6795
+ class="permalink">
6796
+ 🔗
6797
+ </a>
6798
+ </td>
6799
+ <td class="is-vcentered">
6800
+ <pre>500 16px/125% Sage UI</pre>
6780
6801
  </td>
6781
6802
  <td class="is-vcentered">
6782
6803
  <div class="table__typography-preview">
@@ -297,7 +297,28 @@
297
297
  </a>
298
298
  </td>
299
299
  <td class="is-vcentered">
300
- <pre>700 20px/125% Sage UI</pre>
300
+ <pre>500 20px/125% Sage UI</pre>
301
+ </td>
302
+ <td class="is-vcentered">
303
+ <div class="table__typography-preview">
304
+ n/a
305
+ </div>
306
+
307
+ </td>
308
+ </tr>
309
+ <tr>
310
+ <td class="with-icons is-vcentered"
311
+ id="base-typographyAccordionTitleS"
312
+ title="theme: base; category: typography; group: accordion; name: title; variant: s; ">
313
+ typographyAccordionTitleS
314
+ <a href="#base-typographyAccordionTitleS"
315
+ title="permalink"
316
+ class="permalink">
317
+ 🔗
318
+ </a>
319
+ </td>
320
+ <td class="is-vcentered">
321
+ <pre>500 16px/125% Sage UI</pre>
301
322
  </td>
302
323
  <td class="is-vcentered">
303
324
  <div class="table__typography-preview">
@@ -6832,7 +6832,28 @@
6832
6832
  </a>
6833
6833
  </td>
6834
6834
  <td class="is-vcentered">
6835
- <pre>700 20px/125% Sage UI</pre>
6835
+ <pre>500 20px/125% Sage UI</pre>
6836
+ </td>
6837
+ <td class="is-vcentered">
6838
+ <div class="table__typography-preview">
6839
+ n/a
6840
+ </div>
6841
+
6842
+ </td>
6843
+ </tr>
6844
+ <tr>
6845
+ <td class="with-icons is-vcentered"
6846
+ id="base-typographyAccordionTitleS"
6847
+ title="theme: base; category: typography; group: accordion; name: title; variant: s; ">
6848
+ typographyAccordionTitleS
6849
+ <a href="#base-typographyAccordionTitleS"
6850
+ title="permalink"
6851
+ class="permalink">
6852
+ 🔗
6853
+ </a>
6854
+ </td>
6855
+ <td class="is-vcentered">
6856
+ <pre>500 16px/125% Sage UI</pre>
6836
6857
  </td>
6837
6858
  <td class="is-vcentered">
6838
6859
  <div class="table__typography-preview">
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 11:57:31 GMT
7
+ // Generated on Thu, 06 Oct 2022 16:08:46 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -312,7 +312,8 @@
312
312
  #define fontFamiliesAndroid Roboto
313
313
  #define fontFamiliesOther Open Sans
314
314
  #define borderRadiusCircle 50%
315
- #define typographyAccordionTitleM Bold 20px/125% Sage UI
315
+ #define typographyAccordionTitleM Medium 20px/125% Sage UI
316
+ #define typographyAccordionTitleS Medium 16px/125% Sage UI
316
317
  #define typographyAccordionSubtitleM Regular 14px/150% Sage UI
317
318
  #define typographyAccordionParagraphM Regular 14px/150% Sage UI
318
319
  #define typographyActionPopoverMenuItemM Medium 14px/150% Sage UI
@@ -301,6 +301,7 @@ export const fontFamiliesAndroid: string;
301
301
  export const fontFamiliesOther: string;
302
302
  export const borderRadiusCircle: string;
303
303
  export const typographyAccordionTitleM: string;
304
+ export const typographyAccordionTitleS: string;
304
305
  export const typographyAccordionSubtitleM: string;
305
306
  export const typographyAccordionParagraphM: string;
306
307
  export const typographyActionPopoverMenuItemM: 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 11:57:31 GMT
7
+ * Generated on Thu, 06 Oct 2022 16:08:46 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -310,7 +310,8 @@ module.exports = {
310
310
  fontFamiliesAndroid: 'Roboto',
311
311
  fontFamiliesOther: 'Open Sans',
312
312
  borderRadiusCircle: '50%',
313
- typographyAccordionTitleM: '700 20px/125% Sage UI',
313
+ typographyAccordionTitleM: '500 20px/125% Sage UI',
314
+ typographyAccordionTitleS: '500 16px/125% Sage UI',
314
315
  typographyAccordionSubtitleM: '400 14px/150% Sage UI',
315
316
  typographyAccordionParagraphM: '400 14px/150% Sage UI',
316
317
  typographyActionPopoverMenuItemM: '500 14px/150% Sage UI',
package/js/base/es6.d.ts CHANGED
@@ -302,6 +302,7 @@ declare namespace _default {
302
302
  const fontFamiliesOther: string;
303
303
  const borderRadiusCircle: string;
304
304
  const typographyAccordionTitleM: string;
305
+ const typographyAccordionTitleS: string;
305
306
  const typographyAccordionSubtitleM: string;
306
307
  const typographyAccordionParagraphM: string;
307
308
  const typographyActionPopoverMenuItemM: string;
package/js/base/es6.js CHANGED
@@ -305,7 +305,8 @@ export default {
305
305
  fontFamiliesAndroid: 'Roboto',
306
306
  fontFamiliesOther: 'Open Sans',
307
307
  borderRadiusCircle: '50%',
308
- typographyAccordionTitleM: '700 20px/125% Sage UI',
308
+ typographyAccordionTitleM: '500 20px/125% Sage UI',
309
+ typographyAccordionTitleS: '500 16px/125% Sage UI',
309
310
  typographyAccordionSubtitleM: '400 14px/150% Sage UI',
310
311
  typographyAccordionParagraphM: '400 14px/150% Sage UI',
311
312
  typographyActionPopoverMenuItemM: '500 14px/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.43.0",
13
+ "version": "2.44.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 Thu, 06 Oct 2022 11:57:31 GMT
7
+ // Generated on Thu, 06 Oct 2022 16:08:46 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -308,7 +308,8 @@ $fontFamiliesIos: San Francisco;
308
308
  $fontFamiliesAndroid: Roboto;
309
309
  $fontFamiliesOther: Open Sans;
310
310
  $borderRadiusCircle: 50%;
311
- $typographyAccordionTitleM: 700 20px/125% Sage UI;
311
+ $typographyAccordionTitleM: 500 20px/125% Sage UI;
312
+ $typographyAccordionTitleS: 500 16px/125% Sage UI;
312
313
  $typographyAccordionSubtitleM: 400 14px/150% Sage UI;
313
314
  $typographyAccordionParagraphM: 400 14px/150% Sage UI;
314
315
  $typographyActionPopoverMenuItemM: 500 14px/150% Sage UI;
Binary file