@sage/design-tokens 2.12.0 → 2.13.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 (16) hide show
  1. package/android/base.xml +3 -2
  2. package/css/base.css +3 -2
  3. package/data/tokens.json +36 -27
  4. package/docs/tokens/base/index.html +42 -21
  5. package/docs/tokens/base/sizing/index.html +21 -0
  6. package/docs/tokens/base/typography/index.html +21 -21
  7. package/docs/tokens/index.html +42 -21
  8. package/ios/base.h +3 -2
  9. package/js/base/common.d.ts +2 -1
  10. package/js/base/common.js +3 -2
  11. package/js/base/es6.d.ts +2 -1
  12. package/js/base/es6.js +2 -1
  13. package/package.json +1 -1
  14. package/sage-design-tokens-2.13.0.tgz +0 -0
  15. package/scss/base.scss +3 -2
  16. package/sage-design-tokens-2.12.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 Fri, 01 Apr 2022 11:37:42 GMT
5
+ Generated on Mon, 04 Apr 2022 12:43:17 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">Base Theme</string>
@@ -213,6 +213,7 @@
213
213
  <string name="sizing400">32px</string>
214
214
  <string name="sizing450">36px</string>
215
215
  <string name="sizing500">40px</string>
216
+ <string name="sizing525">42px</string>
216
217
  <string name="sizing600">48px</string>
217
218
  <string name="sizing700">56px</string>
218
219
  <string name="sizing800">64px</string>
@@ -347,7 +348,6 @@
347
348
  <string name="typographyMessageTextM">Regular 14px/150% Sage UI</string>
348
349
  <string name="typographyMessageTextL">Regular 16px/150% Sage UI</string>
349
350
  <string name="typographyPaginationLabelM">Regular 13px/150% Sage UI</string>
350
- <string name="typographyTileParagraphM">Regular 14px/150% Sage UI</string>
351
351
  <string name="typographyPillLabelS">Medium 10px/150% Sage UI</string>
352
352
  <string name="typographyPillLabelM">Medium 12px/150% Sage UI</string>
353
353
  <string name="typographyPillLabelL">Medium 14px/150% Sage UI</string>
@@ -403,6 +403,7 @@
403
403
  <string name="typographyTableCellTextM">Regular 14px/150% Sage UI</string>
404
404
  <string name="typographyTableCellTextL">Regular 16px/150% Sage UI</string>
405
405
  <string name="typographyTableCellTextXl">Regular 16px/150% Sage UI</string>
406
+ <string name="typographyTileParagraphM">Regular 14px/150% Sage UI</string>
406
407
  <string name="typographyTooltipTextM">Regular 14px/150% Sage UI</string>
407
408
  <string name="typographyTooltipTextL">Regular 16px/150% Sage UI</string>
408
409
  <string name="opacity300">0.3</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 Fri, 01 Apr 2022 11:37:42 GMT
7
+ * Generated on Mon, 04 Apr 2022 12:43:17 GMT
8
8
  */
9
9
 
10
10
  :root {
@@ -216,6 +216,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
216
216
  --sizing400: 32px;
217
217
  --sizing450: 36px;
218
218
  --sizing500: 40px;
219
+ --sizing525: 42px;
219
220
  --sizing600: 48px;
220
221
  --sizing700: 56px;
221
222
  --sizing800: 64px;
@@ -350,7 +351,6 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
350
351
  --typographyMessageTextM: 400 14px/150% Sage UI;
351
352
  --typographyMessageTextL: 400 16px/150% Sage UI;
352
353
  --typographyPaginationLabelM: 400 13px/150% Sage UI;
353
- --typographyTileParagraphM: 400 14px/150% Sage UI;
354
354
  --typographyPillLabelS: 500 10px/150% Sage UI;
355
355
  --typographyPillLabelM: 500 12px/150% Sage UI;
356
356
  --typographyPillLabelL: 500 14px/150% Sage UI;
@@ -406,6 +406,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
406
406
  --typographyTableCellTextM: 400 14px/150% Sage UI;
407
407
  --typographyTableCellTextL: 400 16px/150% Sage UI;
408
408
  --typographyTableCellTextXl: 400 16px/150% Sage UI;
409
+ --typographyTileParagraphM: 400 14px/150% Sage UI;
409
410
  --typographyTooltipTextM: 400 14px/150% Sage UI;
410
411
  --typographyTooltipTextL: 400 16px/150% Sage UI;
411
412
  --opacity300: 0.3;
package/data/tokens.json CHANGED
@@ -1047,6 +1047,10 @@
1047
1047
  "value": "40px",
1048
1048
  "type": "sizing"
1049
1049
  },
1050
+ "525": {
1051
+ "value": "42px",
1052
+ "type": "sizing"
1053
+ },
1050
1054
  "600": {
1051
1055
  "value": "48px",
1052
1056
  "type": "sizing"
@@ -2305,23 +2309,6 @@
2305
2309
  }
2306
2310
  }
2307
2311
  },
2308
- "tile": {
2309
- "paragraph": {
2310
- "m": {
2311
- "value": {
2312
- "fontFamily": "Sage UI",
2313
- "fontWeight": "Regular",
2314
- "lineHeight": "150%",
2315
- "fontSize": "14px",
2316
- "letterSpacing": "0%",
2317
- "paragraphSpacing": "0",
2318
- "textDecoration": "none",
2319
- "textCase": "none"
2320
- },
2321
- "type": "typography"
2322
- }
2323
- }
2324
- },
2325
2312
  "pill": {
2326
2313
  "label": {
2327
2314
  "s": {
@@ -2567,7 +2554,7 @@
2567
2554
  "letterSpacing": "0%",
2568
2555
  "paragraphSpacing": "0",
2569
2556
  "textDecoration": "none",
2570
- "textCase": "none"
2557
+ "textCase": "uppercase"
2571
2558
  },
2572
2559
  "type": "typography"
2573
2560
  },
@@ -2580,7 +2567,7 @@
2580
2567
  "letterSpacing": "0%",
2581
2568
  "paragraphSpacing": "0",
2582
2569
  "textDecoration": "none",
2583
- "textCase": "none"
2570
+ "textCase": "uppercase"
2584
2571
  },
2585
2572
  "type": "typography"
2586
2573
  },
@@ -2593,7 +2580,7 @@
2593
2580
  "letterSpacing": "0%",
2594
2581
  "paragraphSpacing": "0",
2595
2582
  "textDecoration": "none",
2596
- "textCase": "none"
2583
+ "textCase": "uppercase"
2597
2584
  },
2598
2585
  "type": "typography"
2599
2586
  },
@@ -2606,7 +2593,7 @@
2606
2593
  "letterSpacing": "0%",
2607
2594
  "paragraphSpacing": "0",
2608
2595
  "textDecoration": "none",
2609
- "textCase": "none"
2596
+ "textCase": "uppercase"
2610
2597
  },
2611
2598
  "type": "typography"
2612
2599
  },
@@ -2619,7 +2606,7 @@
2619
2606
  "letterSpacing": "0%",
2620
2607
  "paragraphSpacing": "0",
2621
2608
  "textDecoration": "none",
2622
- "textCase": "none"
2609
+ "textCase": "uppercase"
2623
2610
  },
2624
2611
  "type": "typography"
2625
2612
  },
@@ -2632,7 +2619,7 @@
2632
2619
  "letterSpacing": "0%",
2633
2620
  "paragraphSpacing": "0",
2634
2621
  "textDecoration": "none",
2635
- "textCase": "none"
2622
+ "textCase": "uppercase"
2636
2623
  },
2637
2624
  "type": "typography"
2638
2625
  },
@@ -2645,9 +2632,10 @@
2645
2632
  "letterSpacing": "0%",
2646
2633
  "paragraphSpacing": "0",
2647
2634
  "textDecoration": "none",
2648
- "textCase": "none"
2635
+ "textCase": "uppercase"
2649
2636
  },
2650
- "type": "typography"
2637
+ "type": "typography",
2638
+ "description": " "
2651
2639
  }
2652
2640
  },
2653
2641
  "name": {
@@ -2905,7 +2893,9 @@
2905
2893
  "lineHeight": "150%",
2906
2894
  "fontSize": "12px",
2907
2895
  "letterSpacing": "0%",
2908
- "paragraphSpacing": "0px"
2896
+ "paragraphSpacing": "0px",
2897
+ "textCase": "uppercase",
2898
+ "textDecoration": "none"
2909
2899
  },
2910
2900
  "type": "typography"
2911
2901
  },
@@ -2916,7 +2906,9 @@
2916
2906
  "lineHeight": "150%",
2917
2907
  "fontSize": "14px",
2918
2908
  "letterSpacing": "0%",
2919
- "paragraphSpacing": "0px"
2909
+ "paragraphSpacing": "0px",
2910
+ "textDecoration": "none",
2911
+ "textCase": "uppercase"
2920
2912
  },
2921
2913
  "type": "typography"
2922
2914
  }
@@ -3058,6 +3050,23 @@
3058
3050
  }
3059
3051
  }
3060
3052
  },
3053
+ "tile": {
3054
+ "paragraph": {
3055
+ "m": {
3056
+ "value": {
3057
+ "fontFamily": "Sage UI",
3058
+ "fontWeight": "Regular",
3059
+ "lineHeight": "150%",
3060
+ "fontSize": "14px",
3061
+ "letterSpacing": "0%",
3062
+ "paragraphSpacing": "0",
3063
+ "textDecoration": "none",
3064
+ "textCase": "none"
3065
+ },
3066
+ "type": "typography"
3067
+ }
3068
+ }
3069
+ },
3061
3070
  "tooltip": {
3062
3071
  "text": {
3063
3072
  "m": {
package/docs/tokens/base/index.html CHANGED
@@ -4624,6 +4624,27 @@
4624
4624
 
4625
4625
  </td>
4626
4626
  </tr>
4627
+ <tr>
4628
+ <td class="with-icons is-vcentered"
4629
+ id="base-sizing525"
4630
+ title="theme: base; category: sizing; variant: 525; ">
4631
+ sizing525
4632
+ <a href="#base-sizing525"
4633
+ title="permalink"
4634
+ class="permalink">
4635
+ 🔗
4636
+ </a>
4637
+ </td>
4638
+ <td class="is-vcentered">
4639
+ <pre>42px</pre>
4640
+ </td>
4641
+ <td class="is-vcentered">
4642
+ <div class="table__sizing-preview"
4643
+ style="width: 42px; height: 42px">
4644
+ </div>
4645
+
4646
+ </td>
4647
+ </tr>
4627
4648
  <tr>
4628
4649
  <td class="with-icons is-vcentered"
4629
4650
  id="base-sizing600"
@@ -7604,27 +7625,6 @@
7604
7625
 
7605
7626
  </td>
7606
7627
  </tr>
7607
- <tr>
7608
- <td class="with-icons is-vcentered"
7609
- id="base-typographyTileParagraphM"
7610
- title="theme: base; category: typography; group: tile; name: paragraph; variant: m; ">
7611
- typographyTileParagraphM
7612
- <a href="#base-typographyTileParagraphM"
7613
- title="permalink"
7614
- class="permalink">
7615
- 🔗
7616
- </a>
7617
- </td>
7618
- <td class="is-vcentered">
7619
- <pre>400 14px/150% Sage UI</pre>
7620
- </td>
7621
- <td class="is-vcentered">
7622
- <div class="table__typography-preview">
7623
- n/a
7624
- </div>
7625
-
7626
- </td>
7627
- </tr>
7628
7628
  <tr>
7629
7629
  <td class="with-icons is-vcentered"
7630
7630
  id="base-typographyPillLabelS"
@@ -8780,6 +8780,27 @@
8780
8780
 
8781
8781
  </td>
8782
8782
  </tr>
8783
+ <tr>
8784
+ <td class="with-icons is-vcentered"
8785
+ id="base-typographyTileParagraphM"
8786
+ title="theme: base; category: typography; group: tile; name: paragraph; variant: m; ">
8787
+ typographyTileParagraphM
8788
+ <a href="#base-typographyTileParagraphM"
8789
+ title="permalink"
8790
+ class="permalink">
8791
+ 🔗
8792
+ </a>
8793
+ </td>
8794
+ <td class="is-vcentered">
8795
+ <pre>400 14px/150% Sage UI</pre>
8796
+ </td>
8797
+ <td class="is-vcentered">
8798
+ <div class="table__typography-preview">
8799
+ n/a
8800
+ </div>
8801
+
8802
+ </td>
8803
+ </tr>
8783
8804
  <tr>
8784
8805
  <td class="with-icons is-vcentered"
8785
8806
  id="base-typographyTooltipTextM"
package/docs/tokens/base/sizing/index.html CHANGED
@@ -558,6 +558,27 @@
558
558
 
559
559
  </td>
560
560
  </tr>
561
+ <tr>
562
+ <td class="with-icons is-vcentered"
563
+ id="base-sizing525"
564
+ title="theme: base; category: sizing; variant: 525; ">
565
+ sizing525
566
+ <a href="#base-sizing525"
567
+ title="permalink"
568
+ class="permalink">
569
+ 🔗
570
+ </a>
571
+ </td>
572
+ <td class="is-vcentered">
573
+ <pre>42px</pre>
574
+ </td>
575
+ <td class="is-vcentered">
576
+ <div class="table__sizing-preview"
577
+ style="width: 42px; height: 42px">
578
+ </div>
579
+
580
+ </td>
581
+ </tr>
561
582
  <tr>
562
583
  <td class="with-icons is-vcentered"
563
584
  id="base-sizing600"
package/docs/tokens/base/typography/index.html CHANGED
@@ -1629,27 +1629,6 @@
1629
1629
 
1630
1630
  </td>
1631
1631
  </tr>
1632
- <tr>
1633
- <td class="with-icons is-vcentered"
1634
- id="base-typographyTileParagraphM"
1635
- title="theme: base; category: typography; group: tile; name: paragraph; variant: m; ">
1636
- typographyTileParagraphM
1637
- <a href="#base-typographyTileParagraphM"
1638
- title="permalink"
1639
- class="permalink">
1640
- 🔗
1641
- </a>
1642
- </td>
1643
- <td class="is-vcentered">
1644
- <pre>400 14px/150% Sage UI</pre>
1645
- </td>
1646
- <td class="is-vcentered">
1647
- <div class="table__typography-preview">
1648
- n/a
1649
- </div>
1650
-
1651
- </td>
1652
- </tr>
1653
1632
  <tr>
1654
1633
  <td class="with-icons is-vcentered"
1655
1634
  id="base-typographyPillLabelS"
@@ -2805,6 +2784,27 @@
2805
2784
 
2806
2785
  </td>
2807
2786
  </tr>
2787
+ <tr>
2788
+ <td class="with-icons is-vcentered"
2789
+ id="base-typographyTileParagraphM"
2790
+ title="theme: base; category: typography; group: tile; name: paragraph; variant: m; ">
2791
+ typographyTileParagraphM
2792
+ <a href="#base-typographyTileParagraphM"
2793
+ title="permalink"
2794
+ class="permalink">
2795
+ 🔗
2796
+ </a>
2797
+ </td>
2798
+ <td class="is-vcentered">
2799
+ <pre>400 14px/150% Sage UI</pre>
2800
+ </td>
2801
+ <td class="is-vcentered">
2802
+ <div class="table__typography-preview">
2803
+ n/a
2804
+ </div>
2805
+
2806
+ </td>
2807
+ </tr>
2808
2808
  <tr>
2809
2809
  <td class="with-icons is-vcentered"
2810
2810
  id="base-typographyTooltipTextM"
package/docs/tokens/index.html CHANGED
@@ -4635,6 +4635,27 @@
4635
4635
 
4636
4636
  </td>
4637
4637
  </tr>
4638
+ <tr>
4639
+ <td class="with-icons is-vcentered"
4640
+ id="base-sizing525"
4641
+ title="theme: base; category: sizing; variant: 525; ">
4642
+ sizing525
4643
+ <a href="#base-sizing525"
4644
+ title="permalink"
4645
+ class="permalink">
4646
+ 🔗
4647
+ </a>
4648
+ </td>
4649
+ <td class="is-vcentered">
4650
+ <pre>42px</pre>
4651
+ </td>
4652
+ <td class="is-vcentered">
4653
+ <div class="table__sizing-preview"
4654
+ style="width: 42px; height: 42px">
4655
+ </div>
4656
+
4657
+ </td>
4658
+ </tr>
4638
4659
  <tr>
4639
4660
  <td class="with-icons is-vcentered"
4640
4661
  id="base-sizing600"
@@ -7660,27 +7681,6 @@
7660
7681
 
7661
7682
  </td>
7662
7683
  </tr>
7663
- <tr>
7664
- <td class="with-icons is-vcentered"
7665
- id="base-typographyTileParagraphM"
7666
- title="theme: base; category: typography; group: tile; name: paragraph; variant: m; ">
7667
- typographyTileParagraphM
7668
- <a href="#base-typographyTileParagraphM"
7669
- title="permalink"
7670
- class="permalink">
7671
- 🔗
7672
- </a>
7673
- </td>
7674
- <td class="is-vcentered">
7675
- <pre>400 14px/150% Sage UI</pre>
7676
- </td>
7677
- <td class="is-vcentered">
7678
- <div class="table__typography-preview">
7679
- n/a
7680
- </div>
7681
-
7682
- </td>
7683
- </tr>
7684
7684
  <tr>
7685
7685
  <td class="with-icons is-vcentered"
7686
7686
  id="base-typographyPillLabelS"
@@ -8836,6 +8836,27 @@
8836
8836
 
8837
8837
  </td>
8838
8838
  </tr>
8839
+ <tr>
8840
+ <td class="with-icons is-vcentered"
8841
+ id="base-typographyTileParagraphM"
8842
+ title="theme: base; category: typography; group: tile; name: paragraph; variant: m; ">
8843
+ typographyTileParagraphM
8844
+ <a href="#base-typographyTileParagraphM"
8845
+ title="permalink"
8846
+ class="permalink">
8847
+ 🔗
8848
+ </a>
8849
+ </td>
8850
+ <td class="is-vcentered">
8851
+ <pre>400 14px/150% Sage UI</pre>
8852
+ </td>
8853
+ <td class="is-vcentered">
8854
+ <div class="table__typography-preview">
8855
+ n/a
8856
+ </div>
8857
+
8858
+ </td>
8859
+ </tr>
8839
8860
  <tr>
8840
8861
  <td class="with-icons is-vcentered"
8841
8862
  id="base-typographyTooltipTextM"
package/ios/base.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Fri, 01 Apr 2022 11:37:42 GMT
7
+ // Generated on Mon, 04 Apr 2022 12:43:17 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -218,6 +218,7 @@
218
218
  #define sizing400 32px
219
219
  #define sizing450 36px
220
220
  #define sizing500 40px
221
+ #define sizing525 42px
221
222
  #define sizing600 48px
222
223
  #define sizing700 56px
223
224
  #define sizing800 64px
@@ -352,7 +353,6 @@
352
353
  #define typographyMessageTextM Regular 14px/150% Sage UI
353
354
  #define typographyMessageTextL Regular 16px/150% Sage UI
354
355
  #define typographyPaginationLabelM Regular 13px/150% Sage UI
355
- #define typographyTileParagraphM Regular 14px/150% Sage UI
356
356
  #define typographyPillLabelS Medium 10px/150% Sage UI
357
357
  #define typographyPillLabelM Medium 12px/150% Sage UI
358
358
  #define typographyPillLabelL Medium 14px/150% Sage UI
@@ -408,6 +408,7 @@
408
408
  #define typographyTableCellTextM Regular 14px/150% Sage UI
409
409
  #define typographyTableCellTextL Regular 16px/150% Sage UI
410
410
  #define typographyTableCellTextXl Regular 16px/150% Sage UI
411
+ #define typographyTileParagraphM Regular 14px/150% Sage UI
411
412
  #define typographyTooltipTextM Regular 14px/150% Sage UI
412
413
  #define typographyTooltipTextL Regular 16px/150% Sage UI
413
414
  #define opacity300 0.3
package/js/base/common.d.ts CHANGED
@@ -206,6 +206,7 @@ export const sizing375: string;
206
206
  export const sizing400: string;
207
207
  export const sizing450: string;
208
208
  export const sizing500: string;
209
+ export const sizing525: string;
209
210
  export const sizing600: string;
210
211
  export const sizing700: string;
211
212
  export const sizing800: string;
@@ -340,7 +341,6 @@ export const typographyMessageHeadingL: string;
340
341
  export const typographyMessageTextM: string;
341
342
  export const typographyMessageTextL: string;
342
343
  export const typographyPaginationLabelM: string;
343
- export const typographyTileParagraphM: string;
344
344
  export const typographyPillLabelS: string;
345
345
  export const typographyPillLabelM: string;
346
346
  export const typographyPillLabelL: string;
@@ -396,6 +396,7 @@ export const typographyTableCellTextS: string;
396
396
  export const typographyTableCellTextM: string;
397
397
  export const typographyTableCellTextL: string;
398
398
  export const typographyTableCellTextXl: string;
399
+ export const typographyTileParagraphM: string;
399
400
  export const typographyTooltipTextM: string;
400
401
  export const typographyTooltipTextL: string;
401
402
  export const opacity300: 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 Fri, 01 Apr 2022 11:37:42 GMT
7
+ * Generated on Mon, 04 Apr 2022 12:43:17 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -216,6 +216,7 @@ module.exports = {
216
216
  sizing400: '32px',
217
217
  sizing450: '36px',
218
218
  sizing500: '40px',
219
+ sizing525: '42px',
219
220
  sizing600: '48px',
220
221
  sizing700: '56px',
221
222
  sizing800: '64px',
@@ -350,7 +351,6 @@ module.exports = {
350
351
  typographyMessageTextM: '400 14px/150% Sage UI',
351
352
  typographyMessageTextL: '400 16px/150% Sage UI',
352
353
  typographyPaginationLabelM: '400 13px/150% Sage UI',
353
- typographyTileParagraphM: '400 14px/150% Sage UI',
354
354
  typographyPillLabelS: '500 10px/150% Sage UI',
355
355
  typographyPillLabelM: '500 12px/150% Sage UI',
356
356
  typographyPillLabelL: '500 14px/150% Sage UI',
@@ -406,6 +406,7 @@ module.exports = {
406
406
  typographyTableCellTextM: '400 14px/150% Sage UI',
407
407
  typographyTableCellTextL: '400 16px/150% Sage UI',
408
408
  typographyTableCellTextXl: '400 16px/150% Sage UI',
409
+ typographyTileParagraphM: '400 14px/150% Sage UI',
409
410
  typographyTooltipTextM: '400 14px/150% Sage UI',
410
411
  typographyTooltipTextL: '400 16px/150% Sage UI',
411
412
  opacity300: '0.3',
package/js/base/es6.d.ts CHANGED
@@ -207,6 +207,7 @@ declare namespace _default {
207
207
  const sizing400: string;
208
208
  const sizing450: string;
209
209
  const sizing500: string;
210
+ const sizing525: string;
210
211
  const sizing600: string;
211
212
  const sizing700: string;
212
213
  const sizing800: string;
@@ -341,7 +342,6 @@ declare namespace _default {
341
342
  const typographyMessageTextM: string;
342
343
  const typographyMessageTextL: string;
343
344
  const typographyPaginationLabelM: string;
344
- const typographyTileParagraphM: string;
345
345
  const typographyPillLabelS: string;
346
346
  const typographyPillLabelM: string;
347
347
  const typographyPillLabelL: string;
@@ -397,6 +397,7 @@ declare namespace _default {
397
397
  const typographyTableCellTextM: string;
398
398
  const typographyTableCellTextL: string;
399
399
  const typographyTableCellTextXl: string;
400
+ const typographyTileParagraphM: string;
400
401
  const typographyTooltipTextM: string;
401
402
  const typographyTooltipTextL: string;
402
403
  const opacity300: string;
package/js/base/es6.js CHANGED
@@ -211,6 +211,7 @@ export default {
211
211
  sizing400: '32px',
212
212
  sizing450: '36px',
213
213
  sizing500: '40px',
214
+ sizing525: '42px',
214
215
  sizing600: '48px',
215
216
  sizing700: '56px',
216
217
  sizing800: '64px',
@@ -345,7 +346,6 @@ export default {
345
346
  typographyMessageTextM: '400 14px/150% Sage UI',
346
347
  typographyMessageTextL: '400 16px/150% Sage UI',
347
348
  typographyPaginationLabelM: '400 13px/150% Sage UI',
348
- typographyTileParagraphM: '400 14px/150% Sage UI',
349
349
  typographyPillLabelS: '500 10px/150% Sage UI',
350
350
  typographyPillLabelM: '500 12px/150% Sage UI',
351
351
  typographyPillLabelL: '500 14px/150% Sage UI',
@@ -401,6 +401,7 @@ export default {
401
401
  typographyTableCellTextM: '400 14px/150% Sage UI',
402
402
  typographyTableCellTextL: '400 16px/150% Sage UI',
403
403
  typographyTableCellTextXl: '400 16px/150% Sage UI',
404
+ typographyTileParagraphM: '400 14px/150% Sage UI',
404
405
  typographyTooltipTextM: '400 14px/150% Sage UI',
405
406
  typographyTooltipTextL: '400 16px/150% Sage UI',
406
407
  opacity300: '0.3',
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.12.0",
13
+ "version": "2.13.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.13.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 Fri, 01 Apr 2022 11:37:42 GMT
7
+ // Generated on Mon, 04 Apr 2022 12:43:17 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -214,6 +214,7 @@ $sizing375: 30px;
214
214
  $sizing400: 32px;
215
215
  $sizing450: 36px;
216
216
  $sizing500: 40px;
217
+ $sizing525: 42px;
217
218
  $sizing600: 48px;
218
219
  $sizing700: 56px;
219
220
  $sizing800: 64px;
@@ -348,7 +349,6 @@ $typographyMessageHeadingL: 700 16px/150% Sage UI;
348
349
  $typographyMessageTextM: 400 14px/150% Sage UI;
349
350
  $typographyMessageTextL: 400 16px/150% Sage UI;
350
351
  $typographyPaginationLabelM: 400 13px/150% Sage UI;
351
- $typographyTileParagraphM: 400 14px/150% Sage UI;
352
352
  $typographyPillLabelS: 500 10px/150% Sage UI;
353
353
  $typographyPillLabelM: 500 12px/150% Sage UI;
354
354
  $typographyPillLabelL: 500 14px/150% Sage UI;
@@ -404,6 +404,7 @@ $typographyTableCellTextS: 400 14px/150% Sage UI;
404
404
  $typographyTableCellTextM: 400 14px/150% Sage UI;
405
405
  $typographyTableCellTextL: 400 16px/150% Sage UI;
406
406
  $typographyTableCellTextXl: 400 16px/150% Sage UI;
407
+ $typographyTileParagraphM: 400 14px/150% Sage UI;
407
408
  $typographyTooltipTextM: 400 14px/150% Sage UI;
408
409
  $typographyTooltipTextL: 400 16px/150% Sage UI;
409
410
  $opacity300: 0.3;
package/sage-design-tokens-2.12.0.tgz DELETED
Binary file