@sage/design-tokens 2.52.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.
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:44:03 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>
@@ -310,7 +310,6 @@
310
310
  <string name="fontFamiliesOther">Open Sans</string>
311
311
  <string name="borderRadius100">8px</string>
312
312
  <string name="borderRadius200">16px</string>
313
- <string name="borderRadius300">24px</string>
314
313
  <string name="borderRadius400">32px</string>
315
314
  <string name="borderRadiusCircle">50%</string>
316
315
  <string name="borderRadius025">2px</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:44:03 GMT
7
+ * Generated on Wed, 23 Nov 2022 11:53:29 GMT
8
8
  */
9
9
 
10
10
  :root {
@@ -313,7 +313,6 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
313
313
  --fontFamiliesOther: Open Sans;
314
314
  --borderRadius100: 8px;
315
315
  --borderRadius200: 16px;
316
- --borderRadius300: 24px;
317
316
  --borderRadius400: 32px;
318
317
  --borderRadiusCircle: 50%;
319
318
  --borderRadius025: 2px;
package/data/tokens.json CHANGED
@@ -1594,35 +1594,38 @@
1594
1594
  "borderRadius": {
1595
1595
  "100": {
1596
1596
  "value": "8px",
1597
- "type": "borderRadius"
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"
1598
1599
  },
1599
1600
  "200": {
1600
1601
  "value": "16px",
1601
- "type": "borderRadius"
1602
- },
1603
- "300": {
1604
- "value": "24px",
1605
- "type": "borderRadius"
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"
1606
1604
  },
1607
1605
  "400": {
1608
1606
  "value": "32px",
1609
- "type": "borderRadius"
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)"
1610
1609
  },
1611
1610
  "circle": {
1612
1611
  "value": "50%",
1613
- "type": "borderRadius"
1612
+ "type": "borderRadius",
1613
+ "description": "Badge, Radio button."
1614
1614
  },
1615
1615
  "025": {
1616
1616
  "value": "2px",
1617
- "type": "borderRadius"
1617
+ "type": "borderRadius",
1618
+ "description": "Checkbox S"
1618
1619
  },
1619
1620
  "050": {
1620
1621
  "value": "4px",
1621
- "type": "borderRadius"
1622
+ "type": "borderRadius",
1623
+ "description": "Checkbox L, Date picker, Dropdown select (trigger), Dropdown select (menu), Link focus (tbc), Pill, Search, Text area, Text input"
1622
1624
  },
1623
1625
  "000": {
1624
1626
  "value": "0px",
1625
- "type": "borderRadius"
1627
+ "type": "borderRadius",
1628
+ "description": "Grouped button internal/adjacent corners, File upload (integrated bar extreme left and right corners)"
1626
1629
  }
1627
1630
  },
1628
1631
  "typography": {
@@ -327,27 +327,6 @@
327
327
 
328
328
  </td>
329
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
330
  <tr>
352
331
  <td class="with-icons is-vcentered"
353
332
  id="base-borderRadius400"
@@ -6810,27 +6810,6 @@
6810
6810
 
6811
6811
  </td>
6812
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
6813
  <tr>
6835
6814
  <td class="with-icons is-vcentered"
6836
6815
  id="base-borderRadius400"
@@ -6861,27 +6861,6 @@
6861
6861
 
6862
6862
  </td>
6863
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
6864
  <tr>
6886
6865
  <td class="with-icons is-vcentered"
6887
6866
  id="base-borderRadius400"
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:44:03 GMT
7
+ // Generated on Wed, 23 Nov 2022 11:53:30 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -315,7 +315,6 @@
315
315
  #define fontFamiliesOther Open Sans
316
316
  #define borderRadius100 8px
317
317
  #define borderRadius200 16px
318
- #define borderRadius300 24px
319
318
  #define borderRadius400 32px
320
319
  #define borderRadiusCircle 50%
321
320
  #define borderRadius025 2px
@@ -303,7 +303,6 @@ export const fontFamiliesAndroid: string;
303
303
  export const fontFamiliesOther: string;
304
304
  export const borderRadius100: string;
305
305
  export const borderRadius200: string;
306
- export const borderRadius300: string;
307
306
  export const borderRadius400: string;
308
307
  export const borderRadiusCircle: string;
309
308
  export const borderRadius025: 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:44:03 GMT
7
+ * Generated on Wed, 23 Nov 2022 11:53:29 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -313,7 +313,6 @@ module.exports = {
313
313
  fontFamiliesOther: 'Open Sans',
314
314
  borderRadius100: '8px',
315
315
  borderRadius200: '16px',
316
- borderRadius300: '24px',
317
316
  borderRadius400: '32px',
318
317
  borderRadiusCircle: '50%',
319
318
  borderRadius025: '2px',
package/js/base/es6.d.ts CHANGED
@@ -304,7 +304,6 @@ declare namespace _default {
304
304
  const fontFamiliesOther: string;
305
305
  const borderRadius100: string;
306
306
  const borderRadius200: string;
307
- const borderRadius300: string;
308
307
  const borderRadius400: string;
309
308
  const borderRadiusCircle: string;
310
309
  const borderRadius025: string;
package/js/base/es6.js CHANGED
@@ -308,7 +308,6 @@ export default {
308
308
  fontFamiliesOther: 'Open Sans',
309
309
  borderRadius100: '8px',
310
310
  borderRadius200: '16px',
311
- borderRadius300: '24px',
312
311
  borderRadius400: '32px',
313
312
  borderRadiusCircle: '50%',
314
313
  borderRadius025: '2px',
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.52.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",
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:44:03 GMT
7
+ // Generated on Wed, 23 Nov 2022 11:53:30 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -311,7 +311,6 @@ $fontFamiliesAndroid: Roboto;
311
311
  $fontFamiliesOther: Open Sans;
312
312
  $borderRadius100: 8px;
313
313
  $borderRadius200: 16px;
314
- $borderRadius300: 24px;
315
314
  $borderRadius400: 32px;
316
315
  $borderRadiusCircle: 50%;
317
316
  $borderRadius025: 2px;
Binary file