@sage/design-tokens 2.51.0 → 2.53.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 +7 -1
  2. package/css/base.css +7 -1
  3. package/data/tokens.json +32 -1
  4. package/docs/tokens/base/border-radius/index.html +126 -0
  5. package/docs/tokens/base/index.html +126 -0
  6. package/docs/tokens/index.html +126 -0
  7. package/ios/base.h +7 -1
  8. package/js/base/common.d.ts +6 -0
  9. package/js/base/common.js +7 -1
  10. package/js/base/es6.d.ts +6 -0
  11. package/js/base/es6.js +6 -0
  12. package/package.json +1 -1
  13. package/sage-design-tokens-2.53.0.tgz +0 -0
  14. package/scss/base.scss +7 -1
  15. package/sage-design-tokens-2.51.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, 21 Nov 2022 16:19:14 GMT
5
+ Generated on Wed, 23 Nov 2022 11:53:30 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">Base Theme</string>
@@ -308,7 +308,13 @@
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="borderRadius400">32px</string>
311
314
  <string name="borderRadiusCircle">50%</string>
315
+ <string name="borderRadius025">2px</string>
316
+ <string name="borderRadius050">4px</string>
317
+ <string name="borderRadius000">0px</string>
312
318
  <string name="typographyAccordionTitleM">Medium 20px/125% Sage UI</string>
313
319
  <string name="typographyAccordionTitleS">Medium 16px/125% Sage UI</string>
314
320
  <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, 21 Nov 2022 16:19:14 GMT
7
+ * Generated on Wed, 23 Nov 2022 11:53:29 GMT
8
8
  */
9
9
 
10
10
  :root {
@@ -311,7 +311,13 @@ 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
+ --borderRadius400: 32px;
314
317
  --borderRadiusCircle: 50%;
318
+ --borderRadius025: 2px;
319
+ --borderRadius050: 4px;
320
+ --borderRadius000: 0px;
315
321
  --typographyAccordionTitleM: 500 20px/125% Sage UI;
316
322
  --typographyAccordionTitleS: 500 16px/125% Sage UI;
317
323
  --typographyAccordionSubtitleM: 400 14px/150% Sage UI;
package/data/tokens.json CHANGED
@@ -1592,9 +1592,40 @@
1592
1592
  }
1593
1593
  },
1594
1594
  "borderRadius": {
1595
+ "100": {
1596
+ "value": "8px",
1597
+ "type": "borderRadius",
1598
+ "description": "Anchor nav (right corners), Card (tightly stacked), Message, Navigation top (menu bottom corners), Navigation left (menu selected state, TBC hover state), Pagination, Tab, Table, Toast"
1599
+ },
1600
+ "200": {
1601
+ "value": "16px",
1602
+ "type": "borderRadius",
1603
+ "description": "Carousel: What's New, Dialog (not full screen), Action popover (menu), Button: Multi-action (menu), Button: Split (menu), Card (larger spaced), Tile, Tile select, Color picker, Tooltip"
1604
+ },
1605
+ "400": {
1606
+ "value": "32px",
1607
+ "type": "borderRadius",
1608
+ "description": "Action popover (button), Button bars (outer corners only), Button: Major, Button: Minor, Button: Multi-action, Button: Split, Button: Toggle, File upload (integrated moving bar), Loader bar (moving bar), Progress bar (expanding bar)"
1609
+ },
1595
1610
  "circle": {
1596
1611
  "value": "50%",
1597
- "type": "borderRadius"
1612
+ "type": "borderRadius",
1613
+ "description": "Badge, Radio button."
1614
+ },
1615
+ "025": {
1616
+ "value": "2px",
1617
+ "type": "borderRadius",
1618
+ "description": "Checkbox S"
1619
+ },
1620
+ "050": {
1621
+ "value": "4px",
1622
+ "type": "borderRadius",
1623
+ "description": "Checkbox L, Date picker, Dropdown select (trigger), Dropdown select (menu), Link focus (tbc), Pill, Search, Text area, Text input"
1624
+ },
1625
+ "000": {
1626
+ "value": "0px",
1627
+ "type": "borderRadius",
1628
+ "description": "Grouped button internal/adjacent corners, File upload (integrated bar extreme left and right corners)"
1598
1629
  }
1599
1630
  },
1600
1631
  "typography": {
package/docs/tokens/base/border-radius/index.html CHANGED
@@ -285,6 +285,69 @@
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-borderRadius400"
333
+ title="theme: base; category: borderRadius; variant: 400; ">
334
+ borderRadius400
335
+ <a href="#base-borderRadius400"
336
+ title="permalink"
337
+ class="permalink">
338
+ 🔗
339
+ </a>
340
+ </td>
341
+ <td class="is-vcentered">
342
+ <pre>32px</pre>
343
+ </td>
344
+ <td class="is-vcentered">
345
+ <div class="table__border-radius-preview"
346
+ style="border-top-right-radius: 32px">
347
+ </div>
348
+
349
+ </td>
350
+ </tr>
288
351
  <tr>
289
352
  <td class="with-icons is-vcentered"
290
353
  id="base-borderRadiusCircle"
@@ -304,6 +367,69 @@
304
367
  style="border-top-right-radius: 50%">
305
368
  </div>
306
369
 
370
+ </td>
371
+ </tr>
372
+ <tr>
373
+ <td class="with-icons is-vcentered"
374
+ id="base-borderRadius025"
375
+ title="theme: base; category: borderRadius; variant: 025; ">
376
+ borderRadius025
377
+ <a href="#base-borderRadius025"
378
+ title="permalink"
379
+ class="permalink">
380
+ 🔗
381
+ </a>
382
+ </td>
383
+ <td class="is-vcentered">
384
+ <pre>2px</pre>
385
+ </td>
386
+ <td class="is-vcentered">
387
+ <div class="table__border-radius-preview"
388
+ style="border-top-right-radius: 2px">
389
+ </div>
390
+
391
+ </td>
392
+ </tr>
393
+ <tr>
394
+ <td class="with-icons is-vcentered"
395
+ id="base-borderRadius050"
396
+ title="theme: base; category: borderRadius; variant: 050; ">
397
+ borderRadius050
398
+ <a href="#base-borderRadius050"
399
+ title="permalink"
400
+ class="permalink">
401
+ 🔗
402
+ </a>
403
+ </td>
404
+ <td class="is-vcentered">
405
+ <pre>4px</pre>
406
+ </td>
407
+ <td class="is-vcentered">
408
+ <div class="table__border-radius-preview"
409
+ style="border-top-right-radius: 4px">
410
+ </div>
411
+
412
+ </td>
413
+ </tr>
414
+ <tr>
415
+ <td class="with-icons is-vcentered"
416
+ id="base-borderRadius000"
417
+ title="theme: base; category: borderRadius; variant: 000; ">
418
+ borderRadius000
419
+ <a href="#base-borderRadius000"
420
+ title="permalink"
421
+ class="permalink">
422
+ 🔗
423
+ </a>
424
+ </td>
425
+ <td class="is-vcentered">
426
+ <pre>0px</pre>
427
+ </td>
428
+ <td class="is-vcentered">
429
+ <div class="table__border-radius-preview"
430
+ style="border-top-right-radius: 0px">
431
+ </div>
432
+
307
433
  </td>
308
434
  </tr>
309
435
  </table>
package/docs/tokens/base/index.html CHANGED
@@ -6768,6 +6768,69 @@
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-borderRadius400"
6816
+ title="theme: base; category: borderRadius; variant: 400; ">
6817
+ borderRadius400
6818
+ <a href="#base-borderRadius400"
6819
+ title="permalink"
6820
+ class="permalink">
6821
+ 🔗
6822
+ </a>
6823
+ </td>
6824
+ <td class="is-vcentered">
6825
+ <pre>32px</pre>
6826
+ </td>
6827
+ <td class="is-vcentered">
6828
+ <div class="table__border-radius-preview"
6829
+ style="border-top-right-radius: 32px">
6830
+ </div>
6831
+
6832
+ </td>
6833
+ </tr>
6771
6834
  <tr>
6772
6835
  <td class="with-icons is-vcentered"
6773
6836
  id="base-borderRadiusCircle"
@@ -6787,6 +6850,69 @@
6787
6850
  style="border-top-right-radius: 50%">
6788
6851
  </div>
6789
6852
 
6853
+ </td>
6854
+ </tr>
6855
+ <tr>
6856
+ <td class="with-icons is-vcentered"
6857
+ id="base-borderRadius025"
6858
+ title="theme: base; category: borderRadius; variant: 025; ">
6859
+ borderRadius025
6860
+ <a href="#base-borderRadius025"
6861
+ title="permalink"
6862
+ class="permalink">
6863
+ 🔗
6864
+ </a>
6865
+ </td>
6866
+ <td class="is-vcentered">
6867
+ <pre>2px</pre>
6868
+ </td>
6869
+ <td class="is-vcentered">
6870
+ <div class="table__border-radius-preview"
6871
+ style="border-top-right-radius: 2px">
6872
+ </div>
6873
+
6874
+ </td>
6875
+ </tr>
6876
+ <tr>
6877
+ <td class="with-icons is-vcentered"
6878
+ id="base-borderRadius050"
6879
+ title="theme: base; category: borderRadius; variant: 050; ">
6880
+ borderRadius050
6881
+ <a href="#base-borderRadius050"
6882
+ title="permalink"
6883
+ class="permalink">
6884
+ 🔗
6885
+ </a>
6886
+ </td>
6887
+ <td class="is-vcentered">
6888
+ <pre>4px</pre>
6889
+ </td>
6890
+ <td class="is-vcentered">
6891
+ <div class="table__border-radius-preview"
6892
+ style="border-top-right-radius: 4px">
6893
+ </div>
6894
+
6895
+ </td>
6896
+ </tr>
6897
+ <tr>
6898
+ <td class="with-icons is-vcentered"
6899
+ id="base-borderRadius000"
6900
+ title="theme: base; category: borderRadius; variant: 000; ">
6901
+ borderRadius000
6902
+ <a href="#base-borderRadius000"
6903
+ title="permalink"
6904
+ class="permalink">
6905
+ 🔗
6906
+ </a>
6907
+ </td>
6908
+ <td class="is-vcentered">
6909
+ <pre>0px</pre>
6910
+ </td>
6911
+ <td class="is-vcentered">
6912
+ <div class="table__border-radius-preview"
6913
+ style="border-top-right-radius: 0px">
6914
+ </div>
6915
+
6790
6916
  </td>
6791
6917
  </tr>
6792
6918
  </table>
package/docs/tokens/index.html CHANGED
@@ -6819,6 +6819,69 @@
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-borderRadius400"
6867
+ title="theme: base; category: borderRadius; variant: 400; ">
6868
+ borderRadius400
6869
+ <a href="#base-borderRadius400"
6870
+ title="permalink"
6871
+ class="permalink">
6872
+ 🔗
6873
+ </a>
6874
+ </td>
6875
+ <td class="is-vcentered">
6876
+ <pre>32px</pre>
6877
+ </td>
6878
+ <td class="is-vcentered">
6879
+ <div class="table__border-radius-preview"
6880
+ style="border-top-right-radius: 32px">
6881
+ </div>
6882
+
6883
+ </td>
6884
+ </tr>
6822
6885
  <tr>
6823
6886
  <td class="with-icons is-vcentered"
6824
6887
  id="base-borderRadiusCircle"
@@ -6838,6 +6901,69 @@
6838
6901
  style="border-top-right-radius: 50%">
6839
6902
  </div>
6840
6903
 
6904
+ </td>
6905
+ </tr>
6906
+ <tr>
6907
+ <td class="with-icons is-vcentered"
6908
+ id="base-borderRadius025"
6909
+ title="theme: base; category: borderRadius; variant: 025; ">
6910
+ borderRadius025
6911
+ <a href="#base-borderRadius025"
6912
+ title="permalink"
6913
+ class="permalink">
6914
+ 🔗
6915
+ </a>
6916
+ </td>
6917
+ <td class="is-vcentered">
6918
+ <pre>2px</pre>
6919
+ </td>
6920
+ <td class="is-vcentered">
6921
+ <div class="table__border-radius-preview"
6922
+ style="border-top-right-radius: 2px">
6923
+ </div>
6924
+
6925
+ </td>
6926
+ </tr>
6927
+ <tr>
6928
+ <td class="with-icons is-vcentered"
6929
+ id="base-borderRadius050"
6930
+ title="theme: base; category: borderRadius; variant: 050; ">
6931
+ borderRadius050
6932
+ <a href="#base-borderRadius050"
6933
+ title="permalink"
6934
+ class="permalink">
6935
+ 🔗
6936
+ </a>
6937
+ </td>
6938
+ <td class="is-vcentered">
6939
+ <pre>4px</pre>
6940
+ </td>
6941
+ <td class="is-vcentered">
6942
+ <div class="table__border-radius-preview"
6943
+ style="border-top-right-radius: 4px">
6944
+ </div>
6945
+
6946
+ </td>
6947
+ </tr>
6948
+ <tr>
6949
+ <td class="with-icons is-vcentered"
6950
+ id="base-borderRadius000"
6951
+ title="theme: base; category: borderRadius; variant: 000; ">
6952
+ borderRadius000
6953
+ <a href="#base-borderRadius000"
6954
+ title="permalink"
6955
+ class="permalink">
6956
+ 🔗
6957
+ </a>
6958
+ </td>
6959
+ <td class="is-vcentered">
6960
+ <pre>0px</pre>
6961
+ </td>
6962
+ <td class="is-vcentered">
6963
+ <div class="table__border-radius-preview"
6964
+ style="border-top-right-radius: 0px">
6965
+ </div>
6966
+
6841
6967
  </td>
6842
6968
  </tr>
6843
6969
  </table>
package/ios/base.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Mon, 21 Nov 2022 16:19:14 GMT
7
+ // Generated on Wed, 23 Nov 2022 11:53:30 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -313,7 +313,13 @@
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 borderRadius400 32px
316
319
  #define borderRadiusCircle 50%
320
+ #define borderRadius025 2px
321
+ #define borderRadius050 4px
322
+ #define borderRadius000 0px
317
323
  #define typographyAccordionTitleM Medium 20px/125% Sage UI
318
324
  #define typographyAccordionTitleS Medium 16px/125% Sage UI
319
325
  #define typographyAccordionSubtitleM Regular 14px/150% Sage UI
package/js/base/common.d.ts CHANGED
@@ -301,7 +301,13 @@ 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 borderRadius400: string;
304
307
  export const borderRadiusCircle: string;
308
+ export const borderRadius025: string;
309
+ export const borderRadius050: string;
310
+ export const borderRadius000: string;
305
311
  export const typographyAccordionTitleM: string;
306
312
  export const typographyAccordionTitleS: string;
307
313
  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, 21 Nov 2022 16:19:14 GMT
7
+ * Generated on Wed, 23 Nov 2022 11:53:29 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -311,7 +311,13 @@ module.exports = {
311
311
  fontFamiliesIos: 'San Francisco',
312
312
  fontFamiliesAndroid: 'Roboto',
313
313
  fontFamiliesOther: 'Open Sans',
314
+ borderRadius100: '8px',
315
+ borderRadius200: '16px',
316
+ borderRadius400: '32px',
314
317
  borderRadiusCircle: '50%',
318
+ borderRadius025: '2px',
319
+ borderRadius050: '4px',
320
+ borderRadius000: '0px',
315
321
  typographyAccordionTitleM: '500 20px/125% Sage UI',
316
322
  typographyAccordionTitleS: '500 16px/125% Sage UI',
317
323
  typographyAccordionSubtitleM: '400 14px/150% Sage UI',
package/js/base/es6.d.ts CHANGED
@@ -302,7 +302,13 @@ 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 borderRadius400: string;
305
308
  const borderRadiusCircle: string;
309
+ const borderRadius025: string;
310
+ const borderRadius050: string;
311
+ const borderRadius000: string;
306
312
  const typographyAccordionTitleM: string;
307
313
  const typographyAccordionTitleS: string;
308
314
  const typographyAccordionSubtitleM: string;
package/js/base/es6.js CHANGED
@@ -306,7 +306,13 @@ export default {
306
306
  fontFamiliesIos: 'San Francisco',
307
307
  fontFamiliesAndroid: 'Roboto',
308
308
  fontFamiliesOther: 'Open Sans',
309
+ borderRadius100: '8px',
310
+ borderRadius200: '16px',
311
+ borderRadius400: '32px',
309
312
  borderRadiusCircle: '50%',
313
+ borderRadius025: '2px',
314
+ borderRadius050: '4px',
315
+ borderRadius000: '0px',
310
316
  typographyAccordionTitleM: '500 20px/125% Sage UI',
311
317
  typographyAccordionTitleS: '500 16px/125% Sage UI',
312
318
  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.51.0",
13
+ "version": "2.53.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.53.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, 21 Nov 2022 16:19:14 GMT
7
+ // Generated on Wed, 23 Nov 2022 11:53:30 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -309,7 +309,13 @@ $fontFamiliesDefault: Sage UI;
309
309
  $fontFamiliesIos: San Francisco;
310
310
  $fontFamiliesAndroid: Roboto;
311
311
  $fontFamiliesOther: Open Sans;
312
+ $borderRadius100: 8px;
313
+ $borderRadius200: 16px;
314
+ $borderRadius400: 32px;
312
315
  $borderRadiusCircle: 50%;
316
+ $borderRadius025: 2px;
317
+ $borderRadius050: 4px;
318
+ $borderRadius000: 0px;
313
319
  $typographyAccordionTitleM: 500 20px/125% Sage UI;
314
320
  $typographyAccordionTitleS: 500 16px/125% Sage UI;
315
321
  $typographyAccordionSubtitleM: 400 14px/150% Sage UI;
package/sage-design-tokens-2.51.0.tgz DELETED
Binary file