@sage/design-tokens 2.50.0 → 2.52.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 +8 -1
  2. package/css/base.css +8 -1
  3. package/data/tokens.json +28 -0
  4. package/docs/tokens/base/border-radius/index.html +147 -0
  5. package/docs/tokens/base/index.html +147 -0
  6. package/docs/tokens/index.html +147 -0
  7. package/ios/base.h +8 -1
  8. package/js/base/common.d.ts +7 -0
  9. package/js/base/common.js +8 -1
  10. package/js/base/es6.d.ts +7 -0
  11. package/js/base/es6.js +7 -0
  12. package/package.json +1 -1
  13. package/sage-design-tokens-2.52.0.tgz +0 -0
  14. package/scss/base.scss +8 -1
  15. package/sage-design-tokens-2.50.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 Mon, 14 Nov 2022 15:00:45 GMT
5
+ Generated on Mon, 21 Nov 2022 16:44:03 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">Base Theme</string>
@@ -308,7 +308,14 @@
308
308
  <string name="fontFamiliesIos">San Francisco</string>
309
309
  <string name="fontFamiliesAndroid">Roboto</string>
310
310
  <string name="fontFamiliesOther">Open Sans</string>
311
+ <string name="borderRadius100">8px</string>
312
+ <string name="borderRadius200">16px</string>
313
+ <string name="borderRadius300">24px</string>
314
+ <string name="borderRadius400">32px</string>
311
315
  <string name="borderRadiusCircle">50%</string>
316
+ <string name="borderRadius025">2px</string>
317
+ <string name="borderRadius050">4px</string>
318
+ <string name="borderRadius000">0px</string>
312
319
  <string name="typographyAccordionTitleM">Medium 20px/125% Sage UI</string>
313
320
  <string name="typographyAccordionTitleS">Medium 16px/125% Sage UI</string>
314
321
  <string name="typographyAccordionSubtitleM">Regular 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 Mon, 14 Nov 2022 15:00:45 GMT
7
+ * Generated on Mon, 21 Nov 2022 16:44:03 GMT
8
8
  */
9
9
 
10
10
  :root {
@@ -311,7 +311,14 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
311
311
  --fontFamiliesIos: San Francisco;
312
312
  --fontFamiliesAndroid: Roboto;
313
313
  --fontFamiliesOther: Open Sans;
314
+ --borderRadius100: 8px;
315
+ --borderRadius200: 16px;
316
+ --borderRadius300: 24px;
317
+ --borderRadius400: 32px;
314
318
  --borderRadiusCircle: 50%;
319
+ --borderRadius025: 2px;
320
+ --borderRadius050: 4px;
321
+ --borderRadius000: 0px;
315
322
  --typographyAccordionTitleM: 500 20px/125% Sage UI;
316
323
  --typographyAccordionTitleS: 500 16px/125% Sage UI;
317
324
  --typographyAccordionSubtitleM: 400 14px/150% Sage UI;
package/data/tokens.json CHANGED
@@ -1592,9 +1592,37 @@
1592
1592
  }
1593
1593
  },
1594
1594
  "borderRadius": {
1595
+ "100": {
1596
+ "value": "8px",
1597
+ "type": "borderRadius"
1598
+ },
1599
+ "200": {
1600
+ "value": "16px",
1601
+ "type": "borderRadius"
1602
+ },
1603
+ "300": {
1604
+ "value": "24px",
1605
+ "type": "borderRadius"
1606
+ },
1607
+ "400": {
1608
+ "value": "32px",
1609
+ "type": "borderRadius"
1610
+ },
1595
1611
  "circle": {
1596
1612
  "value": "50%",
1597
1613
  "type": "borderRadius"
1614
+ },
1615
+ "025": {
1616
+ "value": "2px",
1617
+ "type": "borderRadius"
1618
+ },
1619
+ "050": {
1620
+ "value": "4px",
1621
+ "type": "borderRadius"
1622
+ },
1623
+ "000": {
1624
+ "value": "0px",
1625
+ "type": "borderRadius"
1598
1626
  }
1599
1627
  },
1600
1628
  "typography": {
package/docs/tokens/base/border-radius/index.html CHANGED
@@ -285,6 +285,90 @@
285
285
  <th class="has-background-light">Preview</th>
286
286
  </tr>
287
287
  </thead>
288
+ <tr>
289
+ <td class="with-icons is-vcentered"
290
+ id="base-borderRadius100"
291
+ title="theme: base; category: borderRadius; variant: 100; ">
292
+ borderRadius100
293
+ <a href="#base-borderRadius100"
294
+ title="permalink"
295
+ class="permalink">
296
+ 🔗
297
+ </a>
298
+ </td>
299
+ <td class="is-vcentered">
300
+ <pre>8px</pre>
301
+ </td>
302
+ <td class="is-vcentered">
303
+ <div class="table__border-radius-preview"
304
+ style="border-top-right-radius: 8px">
305
+ </div>
306
+
307
+ </td>
308
+ </tr>
309
+ <tr>
310
+ <td class="with-icons is-vcentered"
311
+ id="base-borderRadius200"
312
+ title="theme: base; category: borderRadius; variant: 200; ">
313
+ borderRadius200
314
+ <a href="#base-borderRadius200"
315
+ title="permalink"
316
+ class="permalink">
317
+ 🔗
318
+ </a>
319
+ </td>
320
+ <td class="is-vcentered">
321
+ <pre>16px</pre>
322
+ </td>
323
+ <td class="is-vcentered">
324
+ <div class="table__border-radius-preview"
325
+ style="border-top-right-radius: 16px">
326
+ </div>
327
+
328
+ </td>
329
+ </tr>
330
+ <tr>
331
+ <td class="with-icons is-vcentered"
332
+ id="base-borderRadius300"
333
+ title="theme: base; category: borderRadius; variant: 300; ">
334
+ borderRadius300
335
+ <a href="#base-borderRadius300"
336
+ title="permalink"
337
+ class="permalink">
338
+ 🔗
339
+ </a>
340
+ </td>
341
+ <td class="is-vcentered">
342
+ <pre>24px</pre>
343
+ </td>
344
+ <td class="is-vcentered">
345
+ <div class="table__border-radius-preview"
346
+ style="border-top-right-radius: 24px">
347
+ </div>
348
+
349
+ </td>
350
+ </tr>
351
+ <tr>
352
+ <td class="with-icons is-vcentered"
353
+ id="base-borderRadius400"
354
+ title="theme: base; category: borderRadius; variant: 400; ">
355
+ borderRadius400
356
+ <a href="#base-borderRadius400"
357
+ title="permalink"
358
+ class="permalink">
359
+ 🔗
360
+ </a>
361
+ </td>
362
+ <td class="is-vcentered">
363
+ <pre>32px</pre>
364
+ </td>
365
+ <td class="is-vcentered">
366
+ <div class="table__border-radius-preview"
367
+ style="border-top-right-radius: 32px">
368
+ </div>
369
+
370
+ </td>
371
+ </tr>
288
372
  <tr>
289
373
  <td class="with-icons is-vcentered"
290
374
  id="base-borderRadiusCircle"
@@ -304,6 +388,69 @@
304
388
  style="border-top-right-radius: 50%">
305
389
  </div>
306
390
 
391
+ </td>
392
+ </tr>
393
+ <tr>
394
+ <td class="with-icons is-vcentered"
395
+ id="base-borderRadius025"
396
+ title="theme: base; category: borderRadius; variant: 025; ">
397
+ borderRadius025
398
+ <a href="#base-borderRadius025"
399
+ title="permalink"
400
+ class="permalink">
401
+ 🔗
402
+ </a>
403
+ </td>
404
+ <td class="is-vcentered">
405
+ <pre>2px</pre>
406
+ </td>
407
+ <td class="is-vcentered">
408
+ <div class="table__border-radius-preview"
409
+ style="border-top-right-radius: 2px">
410
+ </div>
411
+
412
+ </td>
413
+ </tr>
414
+ <tr>
415
+ <td class="with-icons is-vcentered"
416
+ id="base-borderRadius050"
417
+ title="theme: base; category: borderRadius; variant: 050; ">
418
+ borderRadius050
419
+ <a href="#base-borderRadius050"
420
+ title="permalink"
421
+ class="permalink">
422
+ 🔗
423
+ </a>
424
+ </td>
425
+ <td class="is-vcentered">
426
+ <pre>4px</pre>
427
+ </td>
428
+ <td class="is-vcentered">
429
+ <div class="table__border-radius-preview"
430
+ style="border-top-right-radius: 4px">
431
+ </div>
432
+
433
+ </td>
434
+ </tr>
435
+ <tr>
436
+ <td class="with-icons is-vcentered"
437
+ id="base-borderRadius000"
438
+ title="theme: base; category: borderRadius; variant: 000; ">
439
+ borderRadius000
440
+ <a href="#base-borderRadius000"
441
+ title="permalink"
442
+ class="permalink">
443
+ 🔗
444
+ </a>
445
+ </td>
446
+ <td class="is-vcentered">
447
+ <pre>0px</pre>
448
+ </td>
449
+ <td class="is-vcentered">
450
+ <div class="table__border-radius-preview"
451
+ style="border-top-right-radius: 0px">
452
+ </div>
453
+
307
454
  </td>
308
455
  </tr>
309
456
  </table>
package/docs/tokens/base/index.html CHANGED
@@ -6768,6 +6768,90 @@
6768
6768
  <th class="has-background-light">Preview</th>
6769
6769
  </tr>
6770
6770
  </thead>
6771
+ <tr>
6772
+ <td class="with-icons is-vcentered"
6773
+ id="base-borderRadius100"
6774
+ title="theme: base; category: borderRadius; variant: 100; ">
6775
+ borderRadius100
6776
+ <a href="#base-borderRadius100"
6777
+ title="permalink"
6778
+ class="permalink">
6779
+ 🔗
6780
+ </a>
6781
+ </td>
6782
+ <td class="is-vcentered">
6783
+ <pre>8px</pre>
6784
+ </td>
6785
+ <td class="is-vcentered">
6786
+ <div class="table__border-radius-preview"
6787
+ style="border-top-right-radius: 8px">
6788
+ </div>
6789
+
6790
+ </td>
6791
+ </tr>
6792
+ <tr>
6793
+ <td class="with-icons is-vcentered"
6794
+ id="base-borderRadius200"
6795
+ title="theme: base; category: borderRadius; variant: 200; ">
6796
+ borderRadius200
6797
+ <a href="#base-borderRadius200"
6798
+ title="permalink"
6799
+ class="permalink">
6800
+ 🔗
6801
+ </a>
6802
+ </td>
6803
+ <td class="is-vcentered">
6804
+ <pre>16px</pre>
6805
+ </td>
6806
+ <td class="is-vcentered">
6807
+ <div class="table__border-radius-preview"
6808
+ style="border-top-right-radius: 16px">
6809
+ </div>
6810
+
6811
+ </td>
6812
+ </tr>
6813
+ <tr>
6814
+ <td class="with-icons is-vcentered"
6815
+ id="base-borderRadius300"
6816
+ title="theme: base; category: borderRadius; variant: 300; ">
6817
+ borderRadius300
6818
+ <a href="#base-borderRadius300"
6819
+ title="permalink"
6820
+ class="permalink">
6821
+ 🔗
6822
+ </a>
6823
+ </td>
6824
+ <td class="is-vcentered">
6825
+ <pre>24px</pre>
6826
+ </td>
6827
+ <td class="is-vcentered">
6828
+ <div class="table__border-radius-preview"
6829
+ style="border-top-right-radius: 24px">
6830
+ </div>
6831
+
6832
+ </td>
6833
+ </tr>
6834
+ <tr>
6835
+ <td class="with-icons is-vcentered"
6836
+ id="base-borderRadius400"
6837
+ title="theme: base; category: borderRadius; variant: 400; ">
6838
+ borderRadius400
6839
+ <a href="#base-borderRadius400"
6840
+ title="permalink"
6841
+ class="permalink">
6842
+ 🔗
6843
+ </a>
6844
+ </td>
6845
+ <td class="is-vcentered">
6846
+ <pre>32px</pre>
6847
+ </td>
6848
+ <td class="is-vcentered">
6849
+ <div class="table__border-radius-preview"
6850
+ style="border-top-right-radius: 32px">
6851
+ </div>
6852
+
6853
+ </td>
6854
+ </tr>
6771
6855
  <tr>
6772
6856
  <td class="with-icons is-vcentered"
6773
6857
  id="base-borderRadiusCircle"
@@ -6787,6 +6871,69 @@
6787
6871
  style="border-top-right-radius: 50%">
6788
6872
  </div>
6789
6873
 
6874
+ </td>
6875
+ </tr>
6876
+ <tr>
6877
+ <td class="with-icons is-vcentered"
6878
+ id="base-borderRadius025"
6879
+ title="theme: base; category: borderRadius; variant: 025; ">
6880
+ borderRadius025
6881
+ <a href="#base-borderRadius025"
6882
+ title="permalink"
6883
+ class="permalink">
6884
+ 🔗
6885
+ </a>
6886
+ </td>
6887
+ <td class="is-vcentered">
6888
+ <pre>2px</pre>
6889
+ </td>
6890
+ <td class="is-vcentered">
6891
+ <div class="table__border-radius-preview"
6892
+ style="border-top-right-radius: 2px">
6893
+ </div>
6894
+
6895
+ </td>
6896
+ </tr>
6897
+ <tr>
6898
+ <td class="with-icons is-vcentered"
6899
+ id="base-borderRadius050"
6900
+ title="theme: base; category: borderRadius; variant: 050; ">
6901
+ borderRadius050
6902
+ <a href="#base-borderRadius050"
6903
+ title="permalink"
6904
+ class="permalink">
6905
+ 🔗
6906
+ </a>
6907
+ </td>
6908
+ <td class="is-vcentered">
6909
+ <pre>4px</pre>
6910
+ </td>
6911
+ <td class="is-vcentered">
6912
+ <div class="table__border-radius-preview"
6913
+ style="border-top-right-radius: 4px">
6914
+ </div>
6915
+
6916
+ </td>
6917
+ </tr>
6918
+ <tr>
6919
+ <td class="with-icons is-vcentered"
6920
+ id="base-borderRadius000"
6921
+ title="theme: base; category: borderRadius; variant: 000; ">
6922
+ borderRadius000
6923
+ <a href="#base-borderRadius000"
6924
+ title="permalink"
6925
+ class="permalink">
6926
+ 🔗
6927
+ </a>
6928
+ </td>
6929
+ <td class="is-vcentered">
6930
+ <pre>0px</pre>
6931
+ </td>
6932
+ <td class="is-vcentered">
6933
+ <div class="table__border-radius-preview"
6934
+ style="border-top-right-radius: 0px">
6935
+ </div>
6936
+
6790
6937
  </td>
6791
6938
  </tr>
6792
6939
  </table>
package/docs/tokens/index.html CHANGED
@@ -6819,6 +6819,90 @@
6819
6819
  <th class="has-background-light">Preview</th>
6820
6820
  </tr>
6821
6821
  </thead>
6822
+ <tr>
6823
+ <td class="with-icons is-vcentered"
6824
+ id="base-borderRadius100"
6825
+ title="theme: base; category: borderRadius; variant: 100; ">
6826
+ borderRadius100
6827
+ <a href="#base-borderRadius100"
6828
+ title="permalink"
6829
+ class="permalink">
6830
+ 🔗
6831
+ </a>
6832
+ </td>
6833
+ <td class="is-vcentered">
6834
+ <pre>8px</pre>
6835
+ </td>
6836
+ <td class="is-vcentered">
6837
+ <div class="table__border-radius-preview"
6838
+ style="border-top-right-radius: 8px">
6839
+ </div>
6840
+
6841
+ </td>
6842
+ </tr>
6843
+ <tr>
6844
+ <td class="with-icons is-vcentered"
6845
+ id="base-borderRadius200"
6846
+ title="theme: base; category: borderRadius; variant: 200; ">
6847
+ borderRadius200
6848
+ <a href="#base-borderRadius200"
6849
+ title="permalink"
6850
+ class="permalink">
6851
+ 🔗
6852
+ </a>
6853
+ </td>
6854
+ <td class="is-vcentered">
6855
+ <pre>16px</pre>
6856
+ </td>
6857
+ <td class="is-vcentered">
6858
+ <div class="table__border-radius-preview"
6859
+ style="border-top-right-radius: 16px">
6860
+ </div>
6861
+
6862
+ </td>
6863
+ </tr>
6864
+ <tr>
6865
+ <td class="with-icons is-vcentered"
6866
+ id="base-borderRadius300"
6867
+ title="theme: base; category: borderRadius; variant: 300; ">
6868
+ borderRadius300
6869
+ <a href="#base-borderRadius300"
6870
+ title="permalink"
6871
+ class="permalink">
6872
+ 🔗
6873
+ </a>
6874
+ </td>
6875
+ <td class="is-vcentered">
6876
+ <pre>24px</pre>
6877
+ </td>
6878
+ <td class="is-vcentered">
6879
+ <div class="table__border-radius-preview"
6880
+ style="border-top-right-radius: 24px">
6881
+ </div>
6882
+
6883
+ </td>
6884
+ </tr>
6885
+ <tr>
6886
+ <td class="with-icons is-vcentered"
6887
+ id="base-borderRadius400"
6888
+ title="theme: base; category: borderRadius; variant: 400; ">
6889
+ borderRadius400
6890
+ <a href="#base-borderRadius400"
6891
+ title="permalink"
6892
+ class="permalink">
6893
+ 🔗
6894
+ </a>
6895
+ </td>
6896
+ <td class="is-vcentered">
6897
+ <pre>32px</pre>
6898
+ </td>
6899
+ <td class="is-vcentered">
6900
+ <div class="table__border-radius-preview"
6901
+ style="border-top-right-radius: 32px">
6902
+ </div>
6903
+
6904
+ </td>
6905
+ </tr>
6822
6906
  <tr>
6823
6907
  <td class="with-icons is-vcentered"
6824
6908
  id="base-borderRadiusCircle"
@@ -6838,6 +6922,69 @@
6838
6922
  style="border-top-right-radius: 50%">
6839
6923
  </div>
6840
6924
 
6925
+ </td>
6926
+ </tr>
6927
+ <tr>
6928
+ <td class="with-icons is-vcentered"
6929
+ id="base-borderRadius025"
6930
+ title="theme: base; category: borderRadius; variant: 025; ">
6931
+ borderRadius025
6932
+ <a href="#base-borderRadius025"
6933
+ title="permalink"
6934
+ class="permalink">
6935
+ 🔗
6936
+ </a>
6937
+ </td>
6938
+ <td class="is-vcentered">
6939
+ <pre>2px</pre>
6940
+ </td>
6941
+ <td class="is-vcentered">
6942
+ <div class="table__border-radius-preview"
6943
+ style="border-top-right-radius: 2px">
6944
+ </div>
6945
+
6946
+ </td>
6947
+ </tr>
6948
+ <tr>
6949
+ <td class="with-icons is-vcentered"
6950
+ id="base-borderRadius050"
6951
+ title="theme: base; category: borderRadius; variant: 050; ">
6952
+ borderRadius050
6953
+ <a href="#base-borderRadius050"
6954
+ title="permalink"
6955
+ class="permalink">
6956
+ 🔗
6957
+ </a>
6958
+ </td>
6959
+ <td class="is-vcentered">
6960
+ <pre>4px</pre>
6961
+ </td>
6962
+ <td class="is-vcentered">
6963
+ <div class="table__border-radius-preview"
6964
+ style="border-top-right-radius: 4px">
6965
+ </div>
6966
+
6967
+ </td>
6968
+ </tr>
6969
+ <tr>
6970
+ <td class="with-icons is-vcentered"
6971
+ id="base-borderRadius000"
6972
+ title="theme: base; category: borderRadius; variant: 000; ">
6973
+ borderRadius000
6974
+ <a href="#base-borderRadius000"
6975
+ title="permalink"
6976
+ class="permalink">
6977
+ 🔗
6978
+ </a>
6979
+ </td>
6980
+ <td class="is-vcentered">
6981
+ <pre>0px</pre>
6982
+ </td>
6983
+ <td class="is-vcentered">
6984
+ <div class="table__border-radius-preview"
6985
+ style="border-top-right-radius: 0px">
6986
+ </div>
6987
+
6841
6988
  </td>
6842
6989
  </tr>
6843
6990
  </table>
package/ios/base.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Mon, 14 Nov 2022 15:00:45 GMT
7
+ // Generated on Mon, 21 Nov 2022 16:44:03 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -313,7 +313,14 @@
313
313
  #define fontFamiliesIos San Francisco
314
314
  #define fontFamiliesAndroid Roboto
315
315
  #define fontFamiliesOther Open Sans
316
+ #define borderRadius100 8px
317
+ #define borderRadius200 16px
318
+ #define borderRadius300 24px
319
+ #define borderRadius400 32px
316
320
  #define borderRadiusCircle 50%
321
+ #define borderRadius025 2px
322
+ #define borderRadius050 4px
323
+ #define borderRadius000 0px
317
324
  #define typographyAccordionTitleM Medium 20px/125% Sage UI
318
325
  #define typographyAccordionTitleS Medium 16px/125% Sage UI
319
326
  #define typographyAccordionSubtitleM Regular 14px/150% Sage UI
package/js/base/common.d.ts CHANGED
@@ -301,7 +301,14 @@ export const fontFamiliesDefault: string;
301
301
  export const fontFamiliesIos: string;
302
302
  export const fontFamiliesAndroid: string;
303
303
  export const fontFamiliesOther: string;
304
+ export const borderRadius100: string;
305
+ export const borderRadius200: string;
306
+ export const borderRadius300: string;
307
+ export const borderRadius400: string;
304
308
  export const borderRadiusCircle: string;
309
+ export const borderRadius025: string;
310
+ export const borderRadius050: string;
311
+ export const borderRadius000: string;
305
312
  export const typographyAccordionTitleM: string;
306
313
  export const typographyAccordionTitleS: string;
307
314
  export const typographyAccordionSubtitleM: 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 Mon, 14 Nov 2022 15:00:44 GMT
7
+ * Generated on Mon, 21 Nov 2022 16:44:03 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -311,7 +311,14 @@ module.exports = {
311
311
  fontFamiliesIos: 'San Francisco',
312
312
  fontFamiliesAndroid: 'Roboto',
313
313
  fontFamiliesOther: 'Open Sans',
314
+ borderRadius100: '8px',
315
+ borderRadius200: '16px',
316
+ borderRadius300: '24px',
317
+ borderRadius400: '32px',
314
318
  borderRadiusCircle: '50%',
319
+ borderRadius025: '2px',
320
+ borderRadius050: '4px',
321
+ borderRadius000: '0px',
315
322
  typographyAccordionTitleM: '500 20px/125% Sage UI',
316
323
  typographyAccordionTitleS: '500 16px/125% Sage UI',
317
324
  typographyAccordionSubtitleM: '400 14px/150% Sage UI',
package/js/base/es6.d.ts CHANGED
@@ -302,7 +302,14 @@ declare namespace _default {
302
302
  const fontFamiliesIos: string;
303
303
  const fontFamiliesAndroid: string;
304
304
  const fontFamiliesOther: string;
305
+ const borderRadius100: string;
306
+ const borderRadius200: string;
307
+ const borderRadius300: string;
308
+ const borderRadius400: string;
305
309
  const borderRadiusCircle: string;
310
+ const borderRadius025: string;
311
+ const borderRadius050: string;
312
+ const borderRadius000: string;
306
313
  const typographyAccordionTitleM: string;
307
314
  const typographyAccordionTitleS: string;
308
315
  const typographyAccordionSubtitleM: string;
package/js/base/es6.js CHANGED
@@ -306,7 +306,14 @@ export default {
306
306
  fontFamiliesIos: 'San Francisco',
307
307
  fontFamiliesAndroid: 'Roboto',
308
308
  fontFamiliesOther: 'Open Sans',
309
+ borderRadius100: '8px',
310
+ borderRadius200: '16px',
311
+ borderRadius300: '24px',
312
+ borderRadius400: '32px',
309
313
  borderRadiusCircle: '50%',
314
+ borderRadius025: '2px',
315
+ borderRadius050: '4px',
316
+ borderRadius000: '0px',
310
317
  typographyAccordionTitleM: '500 20px/125% Sage UI',
311
318
  typographyAccordionTitleS: '500 16px/125% Sage UI',
312
319
  typographyAccordionSubtitleM: '400 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.50.0",
13
+ "version": "2.52.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.52.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 Mon, 14 Nov 2022 15:00:45 GMT
7
+ // Generated on Mon, 21 Nov 2022 16:44:03 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -309,7 +309,14 @@ $fontFamiliesDefault: Sage UI;
309
309
  $fontFamiliesIos: San Francisco;
310
310
  $fontFamiliesAndroid: Roboto;
311
311
  $fontFamiliesOther: Open Sans;
312
+ $borderRadius100: 8px;
313
+ $borderRadius200: 16px;
314
+ $borderRadius300: 24px;
315
+ $borderRadius400: 32px;
312
316
  $borderRadiusCircle: 50%;
317
+ $borderRadius025: 2px;
318
+ $borderRadius050: 4px;
319
+ $borderRadius000: 0px;
313
320
  $typographyAccordionTitleM: 500 20px/125% Sage UI;
314
321
  $typographyAccordionTitleS: 500 16px/125% Sage UI;
315
322
  $typographyAccordionSubtitleM: 400 14px/150% Sage UI;
package/sage-design-tokens-2.50.0.tgz DELETED
Binary file