@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 +1 -2
- package/css/base.css +1 -2
- package/data/tokens.json +14 -11
- package/docs/tokens/base/border-radius/index.html +0 -21
- package/docs/tokens/base/index.html +0 -21
- package/docs/tokens/index.html +0 -21
- package/ios/base.h +1 -2
- package/js/base/common.d.ts +0 -1
- package/js/base/common.js +1 -2
- package/js/base/es6.d.ts +0 -1
- package/js/base/es6.js +0 -1
- package/package.json +1 -1
- package/sage-design-tokens-2.53.0.tgz +0 -0
- package/scss/base.scss +1 -2
- package/sage-design-tokens-2.52.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
|
|
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
|
|
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"
|
package/docs/tokens/index.html
CHANGED
|
@@ -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
|
|
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
|
package/js/base/common.d.ts
CHANGED
|
@@ -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
|
|
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
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.
|
|
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
|
|
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
|