@sage/design-tokens 2.1.0 → 2.4.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 (51) hide show
  1. package/android/base.xml +9 -3
  2. package/assets/fonts/sageui.css +18 -18
  3. package/css/base.css +9 -3
  4. package/data/tokens.json +60 -1677
  5. package/docs/tokens/base/border-radius/index.html +0 -74
  6. package/docs/tokens/base/border-width/index.html +0 -74
  7. package/docs/tokens/base/box-shadow/index.html +0 -74
  8. package/docs/tokens/base/colors/index.html +0 -74
  9. package/docs/tokens/base/font-families/index.html +0 -74
  10. package/docs/tokens/base/font-sizes/index.html +0 -74
  11. package/docs/tokens/base/font-weights/index.html +0 -74
  12. package/docs/tokens/base/index.html +148 -96
  13. package/docs/tokens/base/line-heights/index.html +0 -74
  14. package/docs/tokens/base/opacity/index.html +0 -74
  15. package/docs/tokens/base/sizing/index.html +21 -95
  16. package/docs/tokens/base/spacing/index.html +63 -74
  17. package/docs/tokens/base/typography/index.html +64 -75
  18. package/docs/tokens/index.html +148 -5736
  19. package/index.d.ts +0 -2
  20. package/index.js +0 -2
  21. package/ios/base.h +9 -3
  22. package/js/base/common.d.ts +7 -1
  23. package/js/base/common.js +9 -3
  24. package/js/base/es6.d.ts +7 -1
  25. package/js/base/es6.js +8 -2
  26. package/package.json +1 -1
  27. package/sage-design-tokens-2.4.0.tgz +0 -0
  28. package/scss/base.scss +9 -3
  29. package/android/no-theme.xml +0 -265
  30. package/css/no-theme.css +0 -267
  31. package/docs/tokens/figma-only/index.html +0 -394
  32. package/docs/tokens/figma-only/sizing/index.html +0 -399
  33. package/docs/tokens/no-theme/border-radius/index.html +0 -399
  34. package/docs/tokens/no-theme/border-width/index.html +0 -483
  35. package/docs/tokens/no-theme/box-shadow/index.html +0 -462
  36. package/docs/tokens/no-theme/colors/index.html +0 -2982
  37. package/docs/tokens/no-theme/font-families/index.html +0 -462
  38. package/docs/tokens/no-theme/font-sizes/index.html +0 -664
  39. package/docs/tokens/no-theme/font-weights/index.html +0 -441
  40. package/docs/tokens/no-theme/index.html +0 -5890
  41. package/docs/tokens/no-theme/line-heights/index.html +0 -420
  42. package/docs/tokens/no-theme/sizing/index.html +0 -819
  43. package/docs/tokens/no-theme/spacing/index.html +0 -735
  44. package/docs/tokens/no-theme/typography/index.html +0 -1638
  45. package/ios/no-theme.h +0 -269
  46. package/js/no-theme/common.d.ts +0 -256
  47. package/js/no-theme/common.js +0 -267
  48. package/js/no-theme/es6.d.ts +0 -259
  49. package/js/no-theme/es6.js +0 -262
  50. package/sage-design-tokens-2.1.0.tgz +0 -0
  51. package/scss/no-theme.scss +0 -264
package/android/base.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Mon, 14 Mar 2022 10:20:22 GMT
5
+ Generated on Tue, 22 Mar 2022 17:24:01 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">Base Theme</string>
@@ -206,12 +206,13 @@
206
206
  <string name="sizing1000">80px</string>
207
207
  <string name="sizing1300">104px</string>
208
208
  <string name="sizing1600">128px</string>
209
+ <string name="sizing010">1px</string>
209
210
  <string name="sizing025">2px</string>
210
211
  <string name="sizing050">4px</string>
211
212
  <string name="sizing075">6px</string>
212
213
  <string name="sizingLogowidth">40px</string>
213
- <string name="sizing010">1px</string>
214
214
  <string name="spacing100">8px</string>
215
+ <string name="spacing110">9px</string>
215
216
  <string name="spacing125">10px</string>
216
217
  <string name="spacing150">12px</string>
217
218
  <string name="spacing200">16px</string>
@@ -225,8 +226,10 @@
225
226
  <string name="spacing900">72px</string>
226
227
  <string name="spacing1000">80px</string>
227
228
  <string name="spacing000">0</string>
229
+ <string name="spacing010">1px</string>
228
230
  <string name="spacing025">2px</string>
229
231
  <string name="spacing050">4px</string>
232
+ <string name="spacing060">5px</string>
230
233
  <string name="spacing075">6px</string>
231
234
  <string name="borderWidth100">1px</string>
232
235
  <string name="borderWidth200">2px</string>
@@ -317,9 +320,12 @@
317
320
  <string name="typographyFormFieldCharacterCountS">Regular 14px/150% Sage UI</string>
318
321
  <string name="typographyFormFieldCharacterCountM">Regular 14px/150% Sage UI</string>
319
322
  <string name="typographyFormFieldCharacterCountL">Regular 16px/150% Sage UI</string>
323
+ <string name="typographyLinkOlDtextS">Regular 12px/150% Sage UI</string>
324
+ <string name="typographyLinkOlDtextM">Regular 14px/150% Sage UI</string>
325
+ <string name="typographyLinkOlDtextL">Regular 16px/150% Sage UI</string>
320
326
  <string name="typographyLinkTextS">Regular 12px/150% Sage UI</string>
321
327
  <string name="typographyLinkTextM">Regular 14px/150% Sage UI</string>
322
- <string name="typographyLinkTextL">Regular 16px/150% Sage UI</string>
328
+ <string name="typographyLinkTextL">undefined 16px/150% Sage UI</string>
323
329
  <string name="typographyMenuLabelM">Medium 14px/150% Sage UI</string>
324
330
  <string name="typographyMenuSegmentTitleM">Medium 12px/150% Sage UI</string>
325
331
  <string name="typographyMessageHeadingM">Bold 14px/150% Sage UI</string>
package/assets/fonts/sageui.css CHANGED
@@ -3,34 +3,34 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  @font-face {
6
- font-family: "SageUI";
6
+ font-family: "Sage UI";
7
7
  font-style: normal;
8
8
  font-weight: 400;
9
- src:local("SageUI Regular") local("SageUI-Regular");
10
- src:url("./sageui-regular.woff2") format("woff2"),
11
- url("./sageui-regular.woff") format("woff"),
12
- url("./sageui-regular.ttf") format("truetype"),
13
- url("./sageui-regular.otf") format("opentype");
9
+ src: local("Sage UI Regular"), local("SageUI-Regular");
10
+ src: url("./sageui-regular.woff2") format("woff2"),
11
+ url("./sageui-regular.woff") format("woff"),
12
+ url("./sageui-regular.ttf") format("truetype"),
13
+ url("./sageui-regular.otf") format("opentype");
14
14
  }
15
15
 
16
16
  @font-face {
17
- font-family: "SageUI";
17
+ font-family: "Sage UI";
18
18
  font-style: normal;
19
19
  font-weight: 500;
20
- src:local("SageUI Medium") local("SageUI-Medium");
21
- src:url("./sageui-medium.woff2") format("woff2"),
22
- url("./sageui-medium.woff") format("woff"),
23
- url("./sageui-medium.ttf") format("truetype"),
24
- url("./sageui-medium.otf") format("opentype");
20
+ src: local("Sage UI Medium"), local("SageUI-Medium");
21
+ src: url("./sageui-medium.woff2") format("woff2"),
22
+ url("./sageui-medium.woff") format("woff"),
23
+ url("./sageui-medium.ttf") format("truetype"),
24
+ url("./sageui-medium.otf") format("opentype");
25
25
  }
26
26
 
27
27
  @font-face {
28
- font-family: "SageUI";
28
+ font-family: "Sage UI";
29
29
  font-style: normal;
30
30
  font-weight: 700;
31
- src:local("SageUI Bold") local("SageUI-Bold");
32
- src:url("./sageui-bold.woff2") format("woff2"),
33
- url("./sageui-bold.woff") format("woff"),
34
- url("./sageui-bold.ttf") format("truetype"),
35
- url("./sageui-bold.otf") format("opentype");
31
+ src: local("Sage UI Bold"), local("SageUI-Bold");
32
+ src: url("./sageui-bold.woff2") format("woff2"),
33
+ url("./sageui-bold.woff") format("woff"),
34
+ url("./sageui-bold.ttf") format("truetype"),
35
+ url("./sageui-bold.otf") format("opentype");
36
36
  }
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 Mar 2022 10:20:22 GMT
7
+ * Generated on Tue, 22 Mar 2022 17:24:01 GMT
8
8
  */
9
9
 
10
10
  :root {
@@ -209,12 +209,13 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
209
209
  --sizing1000: 80px;
210
210
  --sizing1300: 104px;
211
211
  --sizing1600: 128px;
212
+ --sizing010: 1px;
212
213
  --sizing025: 2px;
213
214
  --sizing050: 4px;
214
215
  --sizing075: 6px;
215
216
  --sizingLogowidth: 40px;
216
- --sizing010: 1px;
217
217
  --spacing100: 8px;
218
+ --spacing110: 9px;
218
219
  --spacing125: 10px;
219
220
  --spacing150: 12px;
220
221
  --spacing200: 16px;
@@ -228,8 +229,10 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
228
229
  --spacing900: 72px;
229
230
  --spacing1000: 80px;
230
231
  --spacing000: 0;
232
+ --spacing010: 1px;
231
233
  --spacing025: 2px;
232
234
  --spacing050: 4px;
235
+ --spacing060: 5px;
233
236
  --spacing075: 6px;
234
237
  --borderWidth100: 1px;
235
238
  --borderWidth200: 2px;
@@ -320,9 +323,12 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
320
323
  --typographyFormFieldCharacterCountS: 400 14px/150% Sage UI;
321
324
  --typographyFormFieldCharacterCountM: 400 14px/150% Sage UI;
322
325
  --typographyFormFieldCharacterCountL: 400 16px/150% Sage UI;
326
+ --typographyLinkOlDtextS: 400 12px/150% Sage UI;
327
+ --typographyLinkOlDtextM: 400 14px/150% Sage UI;
328
+ --typographyLinkOlDtextL: 400 16px/150% Sage UI;
323
329
  --typographyLinkTextS: 400 12px/150% Sage UI;
324
330
  --typographyLinkTextM: 400 14px/150% Sage UI;
325
- --typographyLinkTextL: 400 16px/150% Sage UI;
331
+ --typographyLinkTextL: undefined 16px/150% Sage UI;
326
332
  --typographyMenuLabelM: 500 14px/150% Sage UI;
327
333
  --typographyMenuSegmentTitleM: 500 12px/150% Sage UI;
328
334
  --typographyMessageHeadingM: 700 14px/150% Sage UI;