@transferwise/neptune-tokens 7.1.0-next.1 → 8.0.0-next.11

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 (11) hide show
  1. package/colors-base.css +1 -1
  2. package/colors-base.less +1 -1
  3. package/package.json +7 -1
  4. package/themes/dark/tokens.css +36 -21
  5. package/themes/dark/tokens.less +36 -21
  6. package/themes/light/tokens.css +36 -21
  7. package/themes/light/tokens.less +36 -21
  8. package/themes/navy/tokens.css +36 -21
  9. package/themes/navy/tokens.less +36 -21
  10. package/tokens.css +36 -21
  11. package/tokens.less +36 -21
package/colors-base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 12 Jul 2022 17:27:06 GMT
3
+ * Generated on Fri, 15 Jul 2022 18:21:09 GMT
4
4
  */
5
5
 
6
6
  :root {
package/colors-base.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 12 Jul 2022 17:27:06 GMT
3
+ // Generated on Fri, 15 Jul 2022 18:21:09 GMT
4
4
 
5
5
  @color-base-blue-light: #00b9ff;
6
6
  @color-base-blue-mid: #00a2dd;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-tokens",
3
- "version": "7.1.0-next.1",
3
+ "version": "8.0.0-next.11",
4
4
  "description": "Design tokens for the Neptune Design System",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
@@ -26,9 +26,15 @@
26
26
  "@semantic-release/git": "^9.0.1",
27
27
  "@semantic-release/npm": "^7.1.3",
28
28
  "chroma-js": "^2.1.2",
29
+ "cz-conventional-changelog": "3.3.0",
29
30
  "prettier": "^2.3.2",
30
31
  "release-to-github-with-changelog": "^1.2.4",
31
32
  "semantic-release": "^17.4.7",
32
33
  "style-dictionary": "^3.0.1"
34
+ },
35
+ "config": {
36
+ "commitizen": {
37
+ "path": "./node_modules/cz-conventional-changelog"
38
+ }
33
39
  }
34
40
  }
package/themes/dark/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 12 Jul 2022 17:27:06 GMT
3
+ * Generated on Fri, 15 Jul 2022 18:21:09 GMT
4
4
  */
5
5
 
6
6
  .np-theme-dark {
@@ -66,26 +66,40 @@
66
66
  --size-120: 120px;
67
67
  --size-128: 128px;
68
68
  --space-content-horizontal: 16px;
69
- --font-size-12: 0.75rem;
70
- --font-size-14: 0.875rem;
71
- --font-size-16: 1rem;
72
- --font-size-20: 1.25rem;
73
- --font-size-22: 1.375rem;
74
- --font-size-26: 1.625rem;
75
- --font-size-30: 1.75rem;
76
- --font-size-32: 2rem;
77
- --letter-spacing-size-1: 0.01;
78
- --letter-spacing-size-2: 0.02;
79
- --letter-spacing-size-0.5: 0.005;
80
- --letter-spacing-size-1.25: 0.0125;
81
- --letter-spacing-size-1.5: 0.015;
82
- --letter-spacing-size-2.5: 0.025;
83
- --letter-spacing-size-1: -0.01;
84
- --letter-spacing-size-2: -0.02;
85
- --letter-spacing-size-0.5: -0.005;
86
- --letter-spacing-size-1.25: -0.0125;
87
- --letter-spacing-size-1.5: -0.015;
88
- --letter-spacing-size-2.5: -0.025;
69
+ --font-size-12: 0.8571428571428571rem;
70
+ --font-size-14: 1rem;
71
+ --font-size-16: 1.1428571428571428rem;
72
+ --font-size-18: 1.2857142857142858rem;
73
+ --font-size-20: 1.4285714285714286rem;
74
+ --font-size-22: 1.5714285714285714rem;
75
+ --font-size-24: 1.7142857142857142rem;
76
+ --font-size-26: 1.8571428571428572rem;
77
+ --font-size-28: 2rem;
78
+ --font-size-30: 2.142857142857143rem;
79
+ --font-size-32: 2.2857142857142856rem;
80
+ --font-18: 1.2857142857142858rem;
81
+ --font-20: 1.4285714285714286rem;
82
+ --font-22: 1.5714285714285714rem;
83
+ --font-24: 1.7142857142857142rem;
84
+ --font-28: 2rem;
85
+ --font-30: 2.142857142857143rem;
86
+ --font-32: 2.2857142857142856rem;
87
+ --font-34: 2.4285714285714284rem;
88
+ --font-36: 2.5714285714285716rem;
89
+ --font-42: 3rem;
90
+ --font-48: 3.4285714285714284rem;
91
+ --letter-spacing-xxs: 0.005em;
92
+ --letter-spacing-xs: 0.01em;
93
+ --letter-spacing-sm: 0.0125em;
94
+ --letter-spacing-md: 0.015em;
95
+ --letter-spacing-lg: 0.02em;
96
+ --letter-spacing-xl: 0.025em;
97
+ --letter-spacing-xxs: -0.005em;
98
+ --letter-spacing-xs: -0.01em;
99
+ --letter-spacing-sm: -0.0125em;
100
+ --letter-spacing-md: -0.015em;
101
+ --letter-spacing-lg: -0.02em;
102
+ --letter-spacing-xl: -0.025em;
89
103
  --line-height-title: 1.2;
90
104
  --line-height-body: 1.5;
91
105
  --line-height-control: 1.2;
@@ -94,5 +108,6 @@
94
108
  --font-weight-medium: 500;
95
109
  --font-weight-semi-bold: 600;
96
110
  --font-weight-bold: 800;
111
+ --font-weight-black: 900;
97
112
  --font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
98
113
  }
package/themes/dark/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 12 Jul 2022 17:27:06 GMT
3
+ // Generated on Fri, 15 Jul 2022 18:21:09 GMT
4
4
 
5
5
  @color-content-primary: #e2e6e8;
6
6
  @color-content-secondary: #c9cbce;
@@ -64,26 +64,40 @@
64
64
  @size-120: 120px;
65
65
  @size-128: 128px;
66
66
  @space-content-horizontal: 16px;
67
- @font-size-12: 0.75rem;
68
- @font-size-14: 0.875rem;
69
- @font-size-16: 1rem;
70
- @font-size-20: 1.25rem;
71
- @font-size-22: 1.375rem;
72
- @font-size-26: 1.625rem;
73
- @font-size-30: 1.75rem;
74
- @font-size-32: 2rem;
75
- @letter-spacing-size-1: 0.01;
76
- @letter-spacing-size-2: 0.02;
77
- @letter-spacing-size-0.5: 0.005;
78
- @letter-spacing-size-1.25: 0.0125;
79
- @letter-spacing-size-1.5: 0.015;
80
- @letter-spacing-size-2.5: 0.025;
81
- @letter-spacing-size-1: -0.01;
82
- @letter-spacing-size-2: -0.02;
83
- @letter-spacing-size-0.5: -0.005;
84
- @letter-spacing-size-1.25: -0.0125;
85
- @letter-spacing-size-1.5: -0.015;
86
- @letter-spacing-size-2.5: -0.025;
67
+ @font-size-12: 0.8571428571428571rem;
68
+ @font-size-14: 1rem;
69
+ @font-size-16: 1.1428571428571428rem;
70
+ @font-size-18: 1.2857142857142858rem;
71
+ @font-size-20: 1.4285714285714286rem;
72
+ @font-size-22: 1.5714285714285714rem;
73
+ @font-size-24: 1.7142857142857142rem;
74
+ @font-size-26: 1.8571428571428572rem;
75
+ @font-size-28: 2rem;
76
+ @font-size-30: 2.142857142857143rem;
77
+ @font-size-32: 2.2857142857142856rem;
78
+ @font-18: 1.2857142857142858rem;
79
+ @font-20: 1.4285714285714286rem;
80
+ @font-22: 1.5714285714285714rem;
81
+ @font-24: 1.7142857142857142rem;
82
+ @font-28: 2rem;
83
+ @font-30: 2.142857142857143rem;
84
+ @font-32: 2.2857142857142856rem;
85
+ @font-34: 2.4285714285714284rem;
86
+ @font-36: 2.5714285714285716rem;
87
+ @font-42: 3rem;
88
+ @font-48: 3.4285714285714284rem;
89
+ @letter-spacing-xxs: 0.005em;
90
+ @letter-spacing-xs: 0.01em;
91
+ @letter-spacing-sm: 0.0125em;
92
+ @letter-spacing-md: 0.015em;
93
+ @letter-spacing-lg: 0.02em;
94
+ @letter-spacing-xl: 0.025em;
95
+ @letter-spacing-xxs: -0.005em;
96
+ @letter-spacing-xs: -0.01em;
97
+ @letter-spacing-sm: -0.0125em;
98
+ @letter-spacing-md: -0.015em;
99
+ @letter-spacing-lg: -0.02em;
100
+ @letter-spacing-xl: -0.025em;
87
101
  @line-height-title: 1.2;
88
102
  @line-height-body: 1.5;
89
103
  @line-height-control: 1.2;
@@ -92,4 +106,5 @@
92
106
  @font-weight-medium: 500;
93
107
  @font-weight-semi-bold: 600;
94
108
  @font-weight-bold: 800;
109
+ @font-weight-black: 900;
95
110
  @font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
package/themes/light/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 12 Jul 2022 17:27:06 GMT
3
+ * Generated on Fri, 15 Jul 2022 18:21:09 GMT
4
4
  */
5
5
 
6
6
  .np-theme-light {
@@ -66,26 +66,40 @@
66
66
  --size-120: 120px;
67
67
  --size-128: 128px;
68
68
  --space-content-horizontal: 16px;
69
- --font-size-12: 0.75rem;
70
- --font-size-14: 0.875rem;
71
- --font-size-16: 1rem;
72
- --font-size-20: 1.25rem;
73
- --font-size-22: 1.375rem;
74
- --font-size-26: 1.625rem;
75
- --font-size-30: 1.75rem;
76
- --font-size-32: 2rem;
77
- --letter-spacing-size-1: 0.01;
78
- --letter-spacing-size-2: 0.02;
79
- --letter-spacing-size-0.5: 0.005;
80
- --letter-spacing-size-1.25: 0.0125;
81
- --letter-spacing-size-1.5: 0.015;
82
- --letter-spacing-size-2.5: 0.025;
83
- --letter-spacing-size-1: -0.01;
84
- --letter-spacing-size-2: -0.02;
85
- --letter-spacing-size-0.5: -0.005;
86
- --letter-spacing-size-1.25: -0.0125;
87
- --letter-spacing-size-1.5: -0.015;
88
- --letter-spacing-size-2.5: -0.025;
69
+ --font-size-12: 0.8571428571428571rem;
70
+ --font-size-14: 1rem;
71
+ --font-size-16: 1.1428571428571428rem;
72
+ --font-size-18: 1.2857142857142858rem;
73
+ --font-size-20: 1.4285714285714286rem;
74
+ --font-size-22: 1.5714285714285714rem;
75
+ --font-size-24: 1.7142857142857142rem;
76
+ --font-size-26: 1.8571428571428572rem;
77
+ --font-size-28: 2rem;
78
+ --font-size-30: 2.142857142857143rem;
79
+ --font-size-32: 2.2857142857142856rem;
80
+ --font-18: 1.2857142857142858rem;
81
+ --font-20: 1.4285714285714286rem;
82
+ --font-22: 1.5714285714285714rem;
83
+ --font-24: 1.7142857142857142rem;
84
+ --font-28: 2rem;
85
+ --font-30: 2.142857142857143rem;
86
+ --font-32: 2.2857142857142856rem;
87
+ --font-34: 2.4285714285714284rem;
88
+ --font-36: 2.5714285714285716rem;
89
+ --font-42: 3rem;
90
+ --font-48: 3.4285714285714284rem;
91
+ --letter-spacing-xxs: 0.005em;
92
+ --letter-spacing-xs: 0.01em;
93
+ --letter-spacing-sm: 0.0125em;
94
+ --letter-spacing-md: 0.015em;
95
+ --letter-spacing-lg: 0.02em;
96
+ --letter-spacing-xl: 0.025em;
97
+ --letter-spacing-xxs: -0.005em;
98
+ --letter-spacing-xs: -0.01em;
99
+ --letter-spacing-sm: -0.0125em;
100
+ --letter-spacing-md: -0.015em;
101
+ --letter-spacing-lg: -0.02em;
102
+ --letter-spacing-xl: -0.025em;
89
103
  --line-height-title: 1.2;
90
104
  --line-height-body: 1.5;
91
105
  --line-height-control: 1.2;
@@ -94,5 +108,6 @@
94
108
  --font-weight-medium: 500;
95
109
  --font-weight-semi-bold: 600;
96
110
  --font-weight-bold: 800;
111
+ --font-weight-black: 900;
97
112
  --font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
98
113
  }
package/themes/light/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 12 Jul 2022 17:27:06 GMT
3
+ // Generated on Fri, 15 Jul 2022 18:21:09 GMT
4
4
 
5
5
  @color-content-primary: #37517e;
6
6
  @color-content-secondary: #5d7079;
@@ -64,26 +64,40 @@
64
64
  @size-120: 120px;
65
65
  @size-128: 128px;
66
66
  @space-content-horizontal: 16px;
67
- @font-size-12: 0.75rem;
68
- @font-size-14: 0.875rem;
69
- @font-size-16: 1rem;
70
- @font-size-20: 1.25rem;
71
- @font-size-22: 1.375rem;
72
- @font-size-26: 1.625rem;
73
- @font-size-30: 1.75rem;
74
- @font-size-32: 2rem;
75
- @letter-spacing-size-1: 0.01;
76
- @letter-spacing-size-2: 0.02;
77
- @letter-spacing-size-0.5: 0.005;
78
- @letter-spacing-size-1.25: 0.0125;
79
- @letter-spacing-size-1.5: 0.015;
80
- @letter-spacing-size-2.5: 0.025;
81
- @letter-spacing-size-1: -0.01;
82
- @letter-spacing-size-2: -0.02;
83
- @letter-spacing-size-0.5: -0.005;
84
- @letter-spacing-size-1.25: -0.0125;
85
- @letter-spacing-size-1.5: -0.015;
86
- @letter-spacing-size-2.5: -0.025;
67
+ @font-size-12: 0.8571428571428571rem;
68
+ @font-size-14: 1rem;
69
+ @font-size-16: 1.1428571428571428rem;
70
+ @font-size-18: 1.2857142857142858rem;
71
+ @font-size-20: 1.4285714285714286rem;
72
+ @font-size-22: 1.5714285714285714rem;
73
+ @font-size-24: 1.7142857142857142rem;
74
+ @font-size-26: 1.8571428571428572rem;
75
+ @font-size-28: 2rem;
76
+ @font-size-30: 2.142857142857143rem;
77
+ @font-size-32: 2.2857142857142856rem;
78
+ @font-18: 1.2857142857142858rem;
79
+ @font-20: 1.4285714285714286rem;
80
+ @font-22: 1.5714285714285714rem;
81
+ @font-24: 1.7142857142857142rem;
82
+ @font-28: 2rem;
83
+ @font-30: 2.142857142857143rem;
84
+ @font-32: 2.2857142857142856rem;
85
+ @font-34: 2.4285714285714284rem;
86
+ @font-36: 2.5714285714285716rem;
87
+ @font-42: 3rem;
88
+ @font-48: 3.4285714285714284rem;
89
+ @letter-spacing-xxs: 0.005em;
90
+ @letter-spacing-xs: 0.01em;
91
+ @letter-spacing-sm: 0.0125em;
92
+ @letter-spacing-md: 0.015em;
93
+ @letter-spacing-lg: 0.02em;
94
+ @letter-spacing-xl: 0.025em;
95
+ @letter-spacing-xxs: -0.005em;
96
+ @letter-spacing-xs: -0.01em;
97
+ @letter-spacing-sm: -0.0125em;
98
+ @letter-spacing-md: -0.015em;
99
+ @letter-spacing-lg: -0.02em;
100
+ @letter-spacing-xl: -0.025em;
87
101
  @line-height-title: 1.2;
88
102
  @line-height-body: 1.5;
89
103
  @line-height-control: 1.2;
@@ -92,4 +106,5 @@
92
106
  @font-weight-medium: 500;
93
107
  @font-weight-semi-bold: 600;
94
108
  @font-weight-bold: 800;
109
+ @font-weight-black: 900;
95
110
  @font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
package/themes/navy/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 12 Jul 2022 17:27:06 GMT
3
+ * Generated on Fri, 15 Jul 2022 18:21:09 GMT
4
4
  */
5
5
 
6
6
  .np-theme-navy {
@@ -66,26 +66,40 @@
66
66
  --size-120: 120px;
67
67
  --size-128: 128px;
68
68
  --space-content-horizontal: 16px;
69
- --font-size-12: 0.75rem;
70
- --font-size-14: 0.875rem;
71
- --font-size-16: 1rem;
72
- --font-size-20: 1.25rem;
73
- --font-size-22: 1.375rem;
74
- --font-size-26: 1.625rem;
75
- --font-size-30: 1.75rem;
76
- --font-size-32: 2rem;
77
- --letter-spacing-size-1: 0.01;
78
- --letter-spacing-size-2: 0.02;
79
- --letter-spacing-size-0.5: 0.005;
80
- --letter-spacing-size-1.25: 0.0125;
81
- --letter-spacing-size-1.5: 0.015;
82
- --letter-spacing-size-2.5: 0.025;
83
- --letter-spacing-size-1: -0.01;
84
- --letter-spacing-size-2: -0.02;
85
- --letter-spacing-size-0.5: -0.005;
86
- --letter-spacing-size-1.25: -0.0125;
87
- --letter-spacing-size-1.5: -0.015;
88
- --letter-spacing-size-2.5: -0.025;
69
+ --font-size-12: 0.8571428571428571rem;
70
+ --font-size-14: 1rem;
71
+ --font-size-16: 1.1428571428571428rem;
72
+ --font-size-18: 1.2857142857142858rem;
73
+ --font-size-20: 1.4285714285714286rem;
74
+ --font-size-22: 1.5714285714285714rem;
75
+ --font-size-24: 1.7142857142857142rem;
76
+ --font-size-26: 1.8571428571428572rem;
77
+ --font-size-28: 2rem;
78
+ --font-size-30: 2.142857142857143rem;
79
+ --font-size-32: 2.2857142857142856rem;
80
+ --font-18: 1.2857142857142858rem;
81
+ --font-20: 1.4285714285714286rem;
82
+ --font-22: 1.5714285714285714rem;
83
+ --font-24: 1.7142857142857142rem;
84
+ --font-28: 2rem;
85
+ --font-30: 2.142857142857143rem;
86
+ --font-32: 2.2857142857142856rem;
87
+ --font-34: 2.4285714285714284rem;
88
+ --font-36: 2.5714285714285716rem;
89
+ --font-42: 3rem;
90
+ --font-48: 3.4285714285714284rem;
91
+ --letter-spacing-xxs: 0.005em;
92
+ --letter-spacing-xs: 0.01em;
93
+ --letter-spacing-sm: 0.0125em;
94
+ --letter-spacing-md: 0.015em;
95
+ --letter-spacing-lg: 0.02em;
96
+ --letter-spacing-xl: 0.025em;
97
+ --letter-spacing-xxs: -0.005em;
98
+ --letter-spacing-xs: -0.01em;
99
+ --letter-spacing-sm: -0.0125em;
100
+ --letter-spacing-md: -0.015em;
101
+ --letter-spacing-lg: -0.02em;
102
+ --letter-spacing-xl: -0.025em;
89
103
  --line-height-title: 1.2;
90
104
  --line-height-body: 1.5;
91
105
  --line-height-control: 1.2;
@@ -94,5 +108,6 @@
94
108
  --font-weight-medium: 500;
95
109
  --font-weight-semi-bold: 600;
96
110
  --font-weight-bold: 800;
111
+ --font-weight-black: 900;
97
112
  --font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
98
113
  }
package/themes/navy/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 12 Jul 2022 17:27:06 GMT
3
+ // Generated on Fri, 15 Jul 2022 18:21:09 GMT
4
4
 
5
5
  @color-content-primary: #ffffff;
6
6
  @color-content-secondary: #c9cbce;
@@ -64,26 +64,40 @@
64
64
  @size-120: 120px;
65
65
  @size-128: 128px;
66
66
  @space-content-horizontal: 16px;
67
- @font-size-12: 0.75rem;
68
- @font-size-14: 0.875rem;
69
- @font-size-16: 1rem;
70
- @font-size-20: 1.25rem;
71
- @font-size-22: 1.375rem;
72
- @font-size-26: 1.625rem;
73
- @font-size-30: 1.75rem;
74
- @font-size-32: 2rem;
75
- @letter-spacing-size-1: 0.01;
76
- @letter-spacing-size-2: 0.02;
77
- @letter-spacing-size-0.5: 0.005;
78
- @letter-spacing-size-1.25: 0.0125;
79
- @letter-spacing-size-1.5: 0.015;
80
- @letter-spacing-size-2.5: 0.025;
81
- @letter-spacing-size-1: -0.01;
82
- @letter-spacing-size-2: -0.02;
83
- @letter-spacing-size-0.5: -0.005;
84
- @letter-spacing-size-1.25: -0.0125;
85
- @letter-spacing-size-1.5: -0.015;
86
- @letter-spacing-size-2.5: -0.025;
67
+ @font-size-12: 0.8571428571428571rem;
68
+ @font-size-14: 1rem;
69
+ @font-size-16: 1.1428571428571428rem;
70
+ @font-size-18: 1.2857142857142858rem;
71
+ @font-size-20: 1.4285714285714286rem;
72
+ @font-size-22: 1.5714285714285714rem;
73
+ @font-size-24: 1.7142857142857142rem;
74
+ @font-size-26: 1.8571428571428572rem;
75
+ @font-size-28: 2rem;
76
+ @font-size-30: 2.142857142857143rem;
77
+ @font-size-32: 2.2857142857142856rem;
78
+ @font-18: 1.2857142857142858rem;
79
+ @font-20: 1.4285714285714286rem;
80
+ @font-22: 1.5714285714285714rem;
81
+ @font-24: 1.7142857142857142rem;
82
+ @font-28: 2rem;
83
+ @font-30: 2.142857142857143rem;
84
+ @font-32: 2.2857142857142856rem;
85
+ @font-34: 2.4285714285714284rem;
86
+ @font-36: 2.5714285714285716rem;
87
+ @font-42: 3rem;
88
+ @font-48: 3.4285714285714284rem;
89
+ @letter-spacing-xxs: 0.005em;
90
+ @letter-spacing-xs: 0.01em;
91
+ @letter-spacing-sm: 0.0125em;
92
+ @letter-spacing-md: 0.015em;
93
+ @letter-spacing-lg: 0.02em;
94
+ @letter-spacing-xl: 0.025em;
95
+ @letter-spacing-xxs: -0.005em;
96
+ @letter-spacing-xs: -0.01em;
97
+ @letter-spacing-sm: -0.0125em;
98
+ @letter-spacing-md: -0.015em;
99
+ @letter-spacing-lg: -0.02em;
100
+ @letter-spacing-xl: -0.025em;
87
101
  @line-height-title: 1.2;
88
102
  @line-height-body: 1.5;
89
103
  @line-height-control: 1.2;
@@ -92,4 +106,5 @@
92
106
  @font-weight-medium: 500;
93
107
  @font-weight-semi-bold: 600;
94
108
  @font-weight-bold: 800;
109
+ @font-weight-black: 900;
95
110
  @font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
package/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 12 Jul 2022 17:27:06 GMT
3
+ * Generated on Fri, 15 Jul 2022 18:21:09 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -66,26 +66,40 @@
66
66
  --size-120: 120px;
67
67
  --size-128: 128px;
68
68
  --space-content-horizontal: 16px;
69
- --font-size-12: 0.75rem;
70
- --font-size-14: 0.875rem;
71
- --font-size-16: 1rem;
72
- --font-size-20: 1.25rem;
73
- --font-size-22: 1.375rem;
74
- --font-size-26: 1.625rem;
75
- --font-size-30: 1.75rem;
76
- --font-size-32: 2rem;
77
- --letter-spacing-size-1: 0.01;
78
- --letter-spacing-size-2: 0.02;
79
- --letter-spacing-size-0.5: 0.005;
80
- --letter-spacing-size-1.25: 0.0125;
81
- --letter-spacing-size-1.5: 0.015;
82
- --letter-spacing-size-2.5: 0.025;
83
- --letter-spacing-negative-size-1: -0.01;
84
- --letter-spacing-negative-size-2: -0.02;
85
- --letter-spacing-negative-size-0.5: -0.005;
86
- --letter-spacing-negative-size-1.25: -0.0125;
87
- --letter-spacing-negative-size-1.5: -0.015;
88
- --letter-spacing-negative-size-2.5: -0.025;
69
+ --font-size-12: 0.8571428571428571rem;
70
+ --font-size-14: 1rem;
71
+ --font-size-16: 1.1428571428571428rem;
72
+ --font-size-18: 1.2857142857142858rem;
73
+ --font-size-20: 1.4285714285714286rem;
74
+ --font-size-22: 1.5714285714285714rem;
75
+ --font-size-24: 1.7142857142857142rem;
76
+ --font-size-26: 1.8571428571428572rem;
77
+ --font-size-28: 2rem;
78
+ --font-size-30: 2.142857142857143rem;
79
+ --font-size-32: 2.2857142857142856rem;
80
+ --font-line-height-18: 1.2857142857142858rem;
81
+ --font-line-height-20: 1.4285714285714286rem;
82
+ --font-line-height-22: 1.5714285714285714rem;
83
+ --font-line-height-24: 1.7142857142857142rem;
84
+ --font-line-height-28: 2rem;
85
+ --font-line-height-30: 2.142857142857143rem;
86
+ --font-line-height-32: 2.2857142857142856rem;
87
+ --font-line-height-34: 2.4285714285714284rem;
88
+ --font-line-height-36: 2.5714285714285716rem;
89
+ --font-line-height-42: 3rem;
90
+ --font-line-height-48: 3.4285714285714284rem;
91
+ --letter-spacing-xxs: 0.005em;
92
+ --letter-spacing-xs: 0.01em;
93
+ --letter-spacing-sm: 0.0125em;
94
+ --letter-spacing-md: 0.015em;
95
+ --letter-spacing-lg: 0.02em;
96
+ --letter-spacing-xl: 0.025em;
97
+ --letter-spacing-negative-xxs: -0.005em;
98
+ --letter-spacing-negative-xs: -0.01em;
99
+ --letter-spacing-negative-sm: -0.0125em;
100
+ --letter-spacing-negative-md: -0.015em;
101
+ --letter-spacing-negative-lg: -0.02em;
102
+ --letter-spacing-negative-xl: -0.025em;
89
103
  --line-height-title: 1.2;
90
104
  --line-height-body: 1.5;
91
105
  --line-height-control: 1.2;
@@ -94,5 +108,6 @@
94
108
  --font-weight-medium: 500;
95
109
  --font-weight-semi-bold: 600;
96
110
  --font-weight-bold: 800;
111
+ --font-weight-black: 900;
97
112
  --font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
98
113
  }
package/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 12 Jul 2022 17:27:06 GMT
3
+ // Generated on Fri, 15 Jul 2022 18:21:09 GMT
4
4
 
5
5
  @color-dark-content-primary: #e2e6e8;
6
6
  @color-dark-content-secondary: #c9cbce;
@@ -146,26 +146,40 @@
146
146
  @size-120: 120px;
147
147
  @size-128: 128px;
148
148
  @space-content-horizontal: 16px;
149
- @font-size-12: 0.75rem;
150
- @font-size-14: 0.875rem;
151
- @font-size-16: 1rem;
152
- @font-size-20: 1.25rem;
153
- @font-size-22: 1.375rem;
154
- @font-size-26: 1.625rem;
155
- @font-size-30: 1.75rem;
156
- @font-size-32: 2rem;
157
- @letter-spacing-size-1: 0.01;
158
- @letter-spacing-size-2: 0.02;
159
- @letter-spacing-size-0.5: 0.005;
160
- @letter-spacing-size-1.25: 0.0125;
161
- @letter-spacing-size-1.5: 0.015;
162
- @letter-spacing-size-2.5: 0.025;
163
- @letter-spacing-negative-size-1: -0.01;
164
- @letter-spacing-negative-size-2: -0.02;
165
- @letter-spacing-negative-size-0.5: -0.005;
166
- @letter-spacing-negative-size-1.25: -0.0125;
167
- @letter-spacing-negative-size-1.5: -0.015;
168
- @letter-spacing-negative-size-2.5: -0.025;
149
+ @font-size-12: 0.8571428571428571rem;
150
+ @font-size-14: 1rem;
151
+ @font-size-16: 1.1428571428571428rem;
152
+ @font-size-18: 1.2857142857142858rem;
153
+ @font-size-20: 1.4285714285714286rem;
154
+ @font-size-22: 1.5714285714285714rem;
155
+ @font-size-24: 1.7142857142857142rem;
156
+ @font-size-26: 1.8571428571428572rem;
157
+ @font-size-28: 2rem;
158
+ @font-size-30: 2.142857142857143rem;
159
+ @font-size-32: 2.2857142857142856rem;
160
+ @font-line-height-18: 1.2857142857142858rem;
161
+ @font-line-height-20: 1.4285714285714286rem;
162
+ @font-line-height-22: 1.5714285714285714rem;
163
+ @font-line-height-24: 1.7142857142857142rem;
164
+ @font-line-height-28: 2rem;
165
+ @font-line-height-30: 2.142857142857143rem;
166
+ @font-line-height-32: 2.2857142857142856rem;
167
+ @font-line-height-34: 2.4285714285714284rem;
168
+ @font-line-height-36: 2.5714285714285716rem;
169
+ @font-line-height-42: 3rem;
170
+ @font-line-height-48: 3.4285714285714284rem;
171
+ @letter-spacing-xxs: 0.005em;
172
+ @letter-spacing-xs: 0.01em;
173
+ @letter-spacing-sm: 0.0125em;
174
+ @letter-spacing-md: 0.015em;
175
+ @letter-spacing-lg: 0.02em;
176
+ @letter-spacing-xl: 0.025em;
177
+ @letter-spacing-negative-xxs: -0.005em;
178
+ @letter-spacing-negative-xs: -0.01em;
179
+ @letter-spacing-negative-sm: -0.0125em;
180
+ @letter-spacing-negative-md: -0.015em;
181
+ @letter-spacing-negative-lg: -0.02em;
182
+ @letter-spacing-negative-xl: -0.025em;
169
183
  @line-height-title: 1.2;
170
184
  @line-height-body: 1.5;
171
185
  @line-height-control: 1.2;
@@ -174,4 +188,5 @@
174
188
  @font-weight-medium: 500;
175
189
  @font-weight-semi-bold: 600;
176
190
  @font-weight-bold: 800;
191
+ @font-weight-black: 900;
177
192
  @font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;