@sage/design-tokens 2.11.0 → 2.12.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 +3 -1
  2. package/css/base.css +3 -1
  3. package/data/tokens.json +24 -0
  4. package/docs/tokens/base/box-shadow/index.html +42 -0
  5. package/docs/tokens/base/index.html +42 -0
  6. package/docs/tokens/index.html +42 -0
  7. package/ios/base.h +3 -1
  8. package/js/base/common.d.ts +2 -0
  9. package/js/base/common.js +3 -1
  10. package/js/base/es6.d.ts +2 -0
  11. package/js/base/es6.js +2 -0
  12. package/package.json +1 -1
  13. package/sage-design-tokens-2.12.0.tgz +0 -0
  14. package/scss/base.scss +3 -1
  15. package/sage-design-tokens-2.11.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 Thu, 31 Mar 2022 10:59:37 GMT
5
+ Generated on Fri, 01 Apr 2022 11:37:42 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">Base Theme</string>
@@ -270,6 +270,8 @@
270
270
  <string name="boxShadow400">0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a</string>
271
271
  <string name="boxShadow075">inset 0 6px 4px -4px #00141e0d</string>
272
272
  <string name="boxShadow050">0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26</string>
273
+ <string name="boxShadow090">0 4px 8px -4px #00141e1a</string>
274
+ <string name="boxShadow091">4px 0 8px -4px #00141e1a</string>
273
275
  <string name="fontWeights400">Regular</string>
274
276
  <string name="fontWeights500">Medium</string>
275
277
  <string name="fontWeights700">Bold</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 Thu, 31 Mar 2022 10:59:36 GMT
7
+ * Generated on Fri, 01 Apr 2022 11:37:42 GMT
8
8
  */
9
9
 
10
10
  :root {
@@ -273,6 +273,8 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
273
273
  --boxShadow400: 0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a;
274
274
  --boxShadow075: inset 0 6px 4px -4px #00141e0d;
275
275
  --boxShadow050: 0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26;
276
+ --boxShadow090: 0 4px 8px -4px #00141e1a;
277
+ --boxShadow091: 4px 0 8px -4px #00141e1a;
276
278
  --fontWeights400: 400;
277
279
  --fontWeights500: 500;
278
280
  --fontWeights700: 700;
package/data/tokens.json CHANGED
@@ -1384,6 +1384,30 @@
1384
1384
  ],
1385
1385
  "description": "",
1386
1386
  "type": "boxShadow"
1387
+ },
1388
+ "090": {
1389
+ "value": {
1390
+ "x": "0",
1391
+ "y": "4px",
1392
+ "blur": "8px",
1393
+ "spread": "-4px",
1394
+ "color": "#00141e1a",
1395
+ "type": "dropShadow"
1396
+ },
1397
+ "type": "boxShadow",
1398
+ "description": "product nav horizontal"
1399
+ },
1400
+ "091": {
1401
+ "value": {
1402
+ "x": "4px",
1403
+ "y": "0",
1404
+ "blur": "8px",
1405
+ "spread": "-4px",
1406
+ "color": "#00141e1a",
1407
+ "type": "dropShadow"
1408
+ },
1409
+ "type": "boxShadow",
1410
+ "description": "product nav vertical"
1387
1411
  }
1388
1412
  },
1389
1413
  "fontWeights": {
package/docs/tokens/base/box-shadow/index.html CHANGED
@@ -430,6 +430,48 @@
430
430
  style="box-shadow: 0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26">
431
431
  </div>
432
432
 
433
+ </td>
434
+ </tr>
435
+ <tr>
436
+ <td class="with-icons is-vcentered"
437
+ id="base-boxShadow090"
438
+ title="theme: base; category: boxShadow; variant: 090; ">
439
+ boxShadow090
440
+ <a href="#base-boxShadow090"
441
+ title="permalink"
442
+ class="permalink">
443
+ 🔗
444
+ </a>
445
+ </td>
446
+ <td class="is-vcentered">
447
+ <pre>0 4px 8px -4px #00141e1a</pre>
448
+ </td>
449
+ <td class="is-vcentered">
450
+ <div class="table__box-shadow-preview"
451
+ style="box-shadow: 0 4px 8px -4px #00141e1a">
452
+ </div>
453
+
454
+ </td>
455
+ </tr>
456
+ <tr>
457
+ <td class="with-icons is-vcentered"
458
+ id="base-boxShadow091"
459
+ title="theme: base; category: boxShadow; variant: 091; ">
460
+ boxShadow091
461
+ <a href="#base-boxShadow091"
462
+ title="permalink"
463
+ class="permalink">
464
+ 🔗
465
+ </a>
466
+ </td>
467
+ <td class="is-vcentered">
468
+ <pre>4px 0 8px -4px #00141e1a</pre>
469
+ </td>
470
+ <td class="is-vcentered">
471
+ <div class="table__box-shadow-preview"
472
+ style="box-shadow: 4px 0 8px -4px #00141e1a">
473
+ </div>
474
+
433
475
  </td>
434
476
  </tr>
435
477
  </table>
package/docs/tokens/base/index.html CHANGED
@@ -5900,6 +5900,48 @@
5900
5900
  style="box-shadow: 0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26">
5901
5901
  </div>
5902
5902
 
5903
+ </td>
5904
+ </tr>
5905
+ <tr>
5906
+ <td class="with-icons is-vcentered"
5907
+ id="base-boxShadow090"
5908
+ title="theme: base; category: boxShadow; variant: 090; ">
5909
+ boxShadow090
5910
+ <a href="#base-boxShadow090"
5911
+ title="permalink"
5912
+ class="permalink">
5913
+ 🔗
5914
+ </a>
5915
+ </td>
5916
+ <td class="is-vcentered">
5917
+ <pre>0 4px 8px -4px #00141e1a</pre>
5918
+ </td>
5919
+ <td class="is-vcentered">
5920
+ <div class="table__box-shadow-preview"
5921
+ style="box-shadow: 0 4px 8px -4px #00141e1a">
5922
+ </div>
5923
+
5924
+ </td>
5925
+ </tr>
5926
+ <tr>
5927
+ <td class="with-icons is-vcentered"
5928
+ id="base-boxShadow091"
5929
+ title="theme: base; category: boxShadow; variant: 091; ">
5930
+ boxShadow091
5931
+ <a href="#base-boxShadow091"
5932
+ title="permalink"
5933
+ class="permalink">
5934
+ 🔗
5935
+ </a>
5936
+ </td>
5937
+ <td class="is-vcentered">
5938
+ <pre>4px 0 8px -4px #00141e1a</pre>
5939
+ </td>
5940
+ <td class="is-vcentered">
5941
+ <div class="table__box-shadow-preview"
5942
+ style="box-shadow: 4px 0 8px -4px #00141e1a">
5943
+ </div>
5944
+
5903
5945
  </td>
5904
5946
  </tr>
5905
5947
  </table>
package/docs/tokens/index.html CHANGED
@@ -5931,6 +5931,48 @@
5931
5931
  style="box-shadow: 0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26">
5932
5932
  </div>
5933
5933
 
5934
+ </td>
5935
+ </tr>
5936
+ <tr>
5937
+ <td class="with-icons is-vcentered"
5938
+ id="base-boxShadow090"
5939
+ title="theme: base; category: boxShadow; variant: 090; ">
5940
+ boxShadow090
5941
+ <a href="#base-boxShadow090"
5942
+ title="permalink"
5943
+ class="permalink">
5944
+ 🔗
5945
+ </a>
5946
+ </td>
5947
+ <td class="is-vcentered">
5948
+ <pre>0 4px 8px -4px #00141e1a</pre>
5949
+ </td>
5950
+ <td class="is-vcentered">
5951
+ <div class="table__box-shadow-preview"
5952
+ style="box-shadow: 0 4px 8px -4px #00141e1a">
5953
+ </div>
5954
+
5955
+ </td>
5956
+ </tr>
5957
+ <tr>
5958
+ <td class="with-icons is-vcentered"
5959
+ id="base-boxShadow091"
5960
+ title="theme: base; category: boxShadow; variant: 091; ">
5961
+ boxShadow091
5962
+ <a href="#base-boxShadow091"
5963
+ title="permalink"
5964
+ class="permalink">
5965
+ 🔗
5966
+ </a>
5967
+ </td>
5968
+ <td class="is-vcentered">
5969
+ <pre>4px 0 8px -4px #00141e1a</pre>
5970
+ </td>
5971
+ <td class="is-vcentered">
5972
+ <div class="table__box-shadow-preview"
5973
+ style="box-shadow: 4px 0 8px -4px #00141e1a">
5974
+ </div>
5975
+
5934
5976
  </td>
5935
5977
  </tr>
5936
5978
  </table>
package/ios/base.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Thu, 31 Mar 2022 10:59:37 GMT
7
+ // Generated on Fri, 01 Apr 2022 11:37:42 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -275,6 +275,8 @@
275
275
  #define boxShadow400 0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a
276
276
  #define boxShadow075 inset 0 6px 4px -4px #00141e0d
277
277
  #define boxShadow050 0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26
278
+ #define boxShadow090 0 4px 8px -4px #00141e1a
279
+ #define boxShadow091 4px 0 8px -4px #00141e1a
278
280
  #define fontWeights400 Regular
279
281
  #define fontWeights500 Medium
280
282
  #define fontWeights700 Bold
package/js/base/common.d.ts CHANGED
@@ -263,6 +263,8 @@ export const boxShadow300: string;
263
263
  export const boxShadow400: string;
264
264
  export const boxShadow075: string;
265
265
  export const boxShadow050: string;
266
+ export const boxShadow090: string;
267
+ export const boxShadow091: string;
266
268
  export const fontWeights400: string;
267
269
  export const fontWeights500: string;
268
270
  export const fontWeights700: 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 Thu, 31 Mar 2022 10:59:36 GMT
7
+ * Generated on Fri, 01 Apr 2022 11:37:42 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -273,6 +273,8 @@ module.exports = {
273
273
  boxShadow400: '0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a',
274
274
  boxShadow075: 'inset 0 6px 4px -4px #00141e0d',
275
275
  boxShadow050: '0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26',
276
+ boxShadow090: '0 4px 8px -4px #00141e1a',
277
+ boxShadow091: '4px 0 8px -4px #00141e1a',
276
278
  fontWeights400: '400',
277
279
  fontWeights500: '500',
278
280
  fontWeights700: '700',
package/js/base/es6.d.ts CHANGED
@@ -264,6 +264,8 @@ declare namespace _default {
264
264
  const boxShadow400: string;
265
265
  const boxShadow075: string;
266
266
  const boxShadow050: string;
267
+ const boxShadow090: string;
268
+ const boxShadow091: string;
267
269
  const fontWeights400: string;
268
270
  const fontWeights500: string;
269
271
  const fontWeights700: string;
package/js/base/es6.js CHANGED
@@ -268,6 +268,8 @@ export default {
268
268
  boxShadow400: '0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a',
269
269
  boxShadow075: 'inset 0 6px 4px -4px #00141e0d',
270
270
  boxShadow050: '0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26',
271
+ boxShadow090: '0 4px 8px -4px #00141e1a',
272
+ boxShadow091: '4px 0 8px -4px #00141e1a',
271
273
  fontWeights400: '400',
272
274
  fontWeights500: '500',
273
275
  fontWeights700: '700',
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.11.0",
13
+ "version": "2.12.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.12.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 Thu, 31 Mar 2022 10:59:36 GMT
7
+ // Generated on Fri, 01 Apr 2022 11:37:42 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -271,6 +271,8 @@ $boxShadow300: 0 10px 30px 0 #00141e1a, 0 30px 60px 0 #00141e1a;
271
271
  $boxShadow400: 0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a;
272
272
  $boxShadow075: inset 0 6px 4px -4px #00141e0d;
273
273
  $boxShadow050: 0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26;
274
+ $boxShadow090: 0 4px 8px -4px #00141e1a;
275
+ $boxShadow091: 4px 0 8px -4px #00141e1a;
274
276
  $fontWeights400: 400;
275
277
  $fontWeights500: 500;
276
278
  $fontWeights700: 700;
package/sage-design-tokens-2.11.0.tgz DELETED
Binary file