@transferwise/neptune-tokens 8.8.1 → 8.9.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 (24) hide show
  1. package/colors-base.css +1 -1
  2. package/colors-base.less +1 -1
  3. package/colors.json +3022 -0
  4. package/package.json +12 -3
  5. package/themes/dark/tokens.css +1 -1
  6. package/themes/dark/tokens.less +1 -1
  7. package/themes/light/tokens.css +1 -1
  8. package/themes/light/tokens.less +1 -1
  9. package/themes/navy/tokens.css +1 -1
  10. package/themes/navy/tokens.less +1 -1
  11. package/themes/personal/tokens.css +1 -1
  12. package/themes/personal/tokens.less +1 -1
  13. package/themes/personal--bright-green/tokens.css +1 -1
  14. package/themes/personal--bright-green/tokens.less +1 -1
  15. package/themes/personal--dark/tokens.css +1 -1
  16. package/themes/personal--dark/tokens.less +1 -1
  17. package/themes/personal--forest-green/tokens.css +1 -1
  18. package/themes/personal--forest-green/tokens.less +1 -1
  19. package/themes/platform/tokens.css +180 -0
  20. package/themes/platform/tokens.less +177 -0
  21. package/themes/platform--forest-green/tokens.css +180 -0
  22. package/themes/platform--forest-green/tokens.less +177 -0
  23. package/tokens.css +1 -1
  24. package/tokens.less +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-tokens",
3
- "version": "8.8.1",
3
+ "version": "8.9.0",
4
4
  "description": "Design tokens for the Neptune Design System",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
@@ -20,7 +20,9 @@
20
20
  "build": "node build && yarn inject-viewport-theme",
21
21
  "inject-viewport-theme": "chmod +x ./build/inject-viewport-theme.sh && ./build/inject-viewport-theme.sh",
22
22
  "prepublishOnly": "yarn build && cp -R dist/* .",
23
- "postpublish": "git clean -fd"
23
+ "postpublish": "git clean -fd",
24
+ "changeset": "changeset",
25
+ "release": "changeset publish"
24
26
  },
25
27
  "devDependencies": {
26
28
  "@semantic-release/changelog": "^6.0.1",
@@ -28,11 +30,13 @@
28
30
  "@semantic-release/npm": "^9.0.1",
29
31
  "chroma-js": "^2.1.2",
30
32
  "cz-conventional-changelog": "3.3.0",
33
+ "less": "^3.12.2",
31
34
  "prettier": "^2.3.2",
32
35
  "release-to-github-with-changelog": "^1.2.4",
33
36
  "semantic-release": "^19.0.3",
34
37
  "style-dictionary": "^3.0.1",
35
- "less": "^3.12.2"
38
+ "@changesets/cli": "^2.27.1",
39
+ "@changesets/changelog-github": "^0.5.0"
36
40
  },
37
41
  "config": {
38
42
  "commitizen": {
@@ -41,5 +45,10 @@
41
45
  },
42
46
  "publishConfig": {
43
47
  "access": "public"
48
+ },
49
+ "resolutions": {
50
+ "json-schema": "^0.4.0",
51
+ "http-cache-semantics": "^4.1.1",
52
+ "minimist": "^1.2.6"
44
53
  }
45
54
  }
package/themes/dark/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Jan 2024 13:14:10 GMT
3
+ * Generated on Thu, 02 May 2024 12:30:21 GMT
4
4
  */
5
5
 
6
6
  .np-theme-dark {
package/themes/dark/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 17 Jan 2024 13:14:10 GMT
3
+ // Generated on Thu, 02 May 2024 12:30:21 GMT
4
4
 
5
5
  @color-content-primary: #e2e6e8;
6
6
  @color-content-secondary: #c9cbce;
package/themes/light/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Jan 2024 13:14:10 GMT
3
+ * Generated on Thu, 02 May 2024 12:30:21 GMT
4
4
  */
5
5
 
6
6
  .np-theme-light {
package/themes/light/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 17 Jan 2024 13:14:10 GMT
3
+ // Generated on Thu, 02 May 2024 12:30:21 GMT
4
4
 
5
5
  @color-content-primary: #37517e;
6
6
  @color-content-secondary: #5d7079;
package/themes/navy/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Jan 2024 13:14:10 GMT
3
+ * Generated on Thu, 02 May 2024 12:30:21 GMT
4
4
  */
5
5
 
6
6
  .np-theme-navy {
package/themes/navy/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 17 Jan 2024 13:14:10 GMT
3
+ // Generated on Thu, 02 May 2024 12:30:21 GMT
4
4
 
5
5
  @color-content-primary: #ffffff;
6
6
  @color-content-secondary: #c9cbce;
package/themes/personal/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Jan 2024 13:14:10 GMT
3
+ * Generated on Thu, 02 May 2024 12:30:21 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal {
package/themes/personal/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 17 Jan 2024 13:14:10 GMT
3
+ // Generated on Thu, 02 May 2024 12:30:21 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
package/themes/personal--bright-green/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Jan 2024 13:14:10 GMT
3
+ * Generated on Thu, 02 May 2024 12:30:21 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal--bright-green {
package/themes/personal--bright-green/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 17 Jan 2024 13:14:10 GMT
3
+ // Generated on Thu, 02 May 2024 12:30:21 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
package/themes/personal--dark/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Jan 2024 13:14:10 GMT
3
+ * Generated on Thu, 02 May 2024 12:30:21 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal--dark {
package/themes/personal--dark/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 17 Jan 2024 13:14:10 GMT
3
+ // Generated on Thu, 02 May 2024 12:30:21 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
package/themes/personal--forest-green/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Jan 2024 13:14:10 GMT
3
+ * Generated on Thu, 02 May 2024 12:30:21 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal--forest-green {
package/themes/personal--forest-green/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 17 Jan 2024 13:14:10 GMT
3
+ // Generated on Thu, 02 May 2024 12:30:21 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
package/themes/platform/tokens.css ADDED
@@ -0,0 +1,180 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Thu, 02 May 2024 12:30:21 GMT
4
+ */
5
+
6
+ .np-theme-platform {
7
+ --color-bright-yellow: #ffeb69;
8
+ --color-bright-orange: #ffc091;
9
+ --color-dark-purple: #260a2f;
10
+ --color-dark-gold: #3a341c;
11
+ --color-bright-blue: #a0e1e1;
12
+ --color-dark-charcoal: #21231d;
13
+ --color-white: #ffffff;
14
+ --color-black: #000000;
15
+ --color-bright-green: #9fe870;
16
+ --color-forest-green: #163300;
17
+ --color-bright-pink: #ffd7ef;
18
+ --color-dark-maroon: #320707;
19
+ --color-content-primary: #163300;
20
+ --color-content-secondary: #163300;
21
+ --color-content-tertiary: #6a6c6a;
22
+ --color-content-link: #163300;
23
+ --color-content-link-hover: #0d1f00;
24
+ --color-content-link-active: #0e0f0c;
25
+ --color-interactive-primary: #163300;
26
+ --color-interactive-primary-hover: #0c2300;
27
+ --color-interactive-primary-active: #001a00;
28
+ --color-interactive-primary-hover: #0d1f00;
29
+ --color-interactive-primary-hover-hover: #001100;
30
+ --color-interactive-primary-hover-active: #000000;
31
+ --color-interactive-primary-active: #0e0f0c;
32
+ --color-interactive-primary-active-hover: #000000;
33
+ --color-interactive-primary-active-active: #000000;
34
+ --color-interactive-secondary: #868685;
35
+ --color-interactive-secondary-hover: #747473;
36
+ --color-interactive-secondary-active: #666665;
37
+ --color-interactive-secondary-hover: #6c6c6b;
38
+ --color-interactive-secondary-hover-hover: #5a5a59;
39
+ --color-interactive-secondary-hover-active: #4e4e4d;
40
+ --color-interactive-secondary-active: #525251;
41
+ --color-interactive-secondary-active-hover: #414140;
42
+ --color-interactive-secondary-active-active: #353534;
43
+ --color-interactive-accent: #163300;
44
+ --color-interactive-accent-hover: #0c2300;
45
+ --color-interactive-accent-active: #001a00;
46
+ --color-interactive-accent-hover: #0f2400;
47
+ --color-interactive-accent-hover-hover: #001700;
48
+ --color-interactive-accent-hover-active: #000800;
49
+ --color-interactive-accent-active: #091400;
50
+ --color-interactive-accent-active-hover: #000000;
51
+ --color-interactive-accent-active-active: #000000;
52
+ --color-interactive-control: #ffffff;
53
+ --color-interactive-control-hover: #eaeaea;
54
+ --color-interactive-control-active: #dbdbdb;
55
+ --color-interactive-control-hover: #ffffff;
56
+ --color-interactive-control-hover-hover: #eaeaea;
57
+ --color-interactive-control-hover-active: #dbdbdb;
58
+ --color-interactive-control-active: #ffffff;
59
+ --color-interactive-control-active-hover: #eaeaea;
60
+ --color-interactive-control-active-active: #dbdbdb;
61
+ --color-interactive-contrast: #ffffff;
62
+ --color-interactive-contrast-hover: #cdffad;
63
+ --color-interactive-contrast-hover-hover: #b9ea9a;
64
+ --color-interactive-contrast-hover-active: #aadb8b;
65
+ --color-interactive-contrast-active: #ecffe0;
66
+ --color-interactive-contrast-active-hover: #d8eacc;
67
+ --color-interactive-contrast-active-active: #c8dbbd;
68
+ --color-border-neutral: #0e0f0c1f;
69
+ --color-border-overlay: #0e0f0c1f;
70
+ --color-background-screen: #ffffff;
71
+ --color-background-screen-hover: #16330014;
72
+ --color-background-screen-active: #16330021;
73
+ --color-background-elevated: #ffffff;
74
+ --color-background-neutral: #16330014;
75
+ --color-background-neutral-hover: #16330021;
76
+ --color-background-neutral-active: #1633002e;
77
+ --color-background-overlay: #16330014;
78
+ --color-sentiment-negative: #a8200d;
79
+ --color-sentiment-negative-hover: #8e1b0b;
80
+ --color-sentiment-negative-active: #761709;
81
+ --color-sentiment-positive: #2f5711;
82
+ --color-sentiment-warning: #edc843;
83
+ --color-contrast: #ffffff;
84
+ --color-light: #ffffff;
85
+ --color-dark: #121511;
86
+ --color-contrast-overlay: #ffffff;
87
+ --color-contrast-theme: #121511;
88
+ --padding-x-small: 8px;
89
+ --padding-small: 16px;
90
+ --padding-medium: 24px;
91
+ --padding-large: 32px;
92
+ --radius-full: 9999px;
93
+ --radius-small: 10px;
94
+ --radius-medium: 16px;
95
+ --radius-large: 24px;
96
+ --size-4: 4px;
97
+ --size-8: 8px;
98
+ --size-10: 10px;
99
+ --size-12: 12px;
100
+ --size-14: 14px;
101
+ --size-16: 16px;
102
+ --size-24: 24px;
103
+ --size-32: 32px;
104
+ --size-40: 40px;
105
+ --size-48: 48px;
106
+ --size-52: 52px;
107
+ --size-56: 56px;
108
+ --size-60: 60px;
109
+ --size-64: 64px;
110
+ --size-72: 72px;
111
+ --size-80: 80px;
112
+ --size-88: 88px;
113
+ --size-96: 96px;
114
+ --size-104: 104px;
115
+ --size-112: 112px;
116
+ --size-120: 120px;
117
+ --size-126: 126px;
118
+ --size-128: 128px;
119
+ --size-146: 146px;
120
+ --size-154: 154px;
121
+ --size-x-small: 24px;
122
+ --size-small: 32px;
123
+ --size-medium: 40px;
124
+ --size-large: 48px;
125
+ --size-x-large: 56px;
126
+ --size-2x-large: 72px;
127
+ --space-content-horizontal: 16px;
128
+ --space-small: 16px;
129
+ --space-medium: 32px;
130
+ --space-large: 40px;
131
+ --space-x-large: 56px;
132
+ --font-size-12: 0.75rem;
133
+ --font-size-14: 0.875rem;
134
+ --font-size-16: 1rem;
135
+ --font-size-18: 1.125rem;
136
+ --font-size-20: 1.25rem;
137
+ --font-size-22: 1.375rem;
138
+ --font-size-24: 1.5rem;
139
+ --font-size-26: 1.625rem;
140
+ --font-size-28: 1.75rem;
141
+ --font-size-30: 1.875rem;
142
+ --font-size-32: 2rem;
143
+ --letter-spacing-xxs: 0.005em;
144
+ --letter-spacing-xs: 0.01em;
145
+ --letter-spacing-sm: 0.0125em;
146
+ --letter-spacing-md: 0.015em;
147
+ --letter-spacing-lg: 0.02em;
148
+ --letter-spacing-xl: 0.025em;
149
+ --letter-spacing-negative-xxs: -0.005em;
150
+ --letter-spacing-negative-xs: -0.01em;
151
+ --letter-spacing-negative-sm: -0.0125em;
152
+ --letter-spacing-negative-md: -0.015em;
153
+ --letter-spacing-negative-lg: -0.02em;
154
+ --letter-spacing-negative-xl: -0.025em;
155
+ --letter-spacing-negative-xxl: -0.03em;
156
+ --letter-spacing-negative-xxxl: -0.04em;
157
+ --letter-spacing-negative-xxxxl: -0.05em;
158
+ --line-height-18: 1.125rem;
159
+ --line-height-20: 1.25rem;
160
+ --line-height-22: 1.375rem;
161
+ --line-height-24: 1.5rem;
162
+ --line-height-28: 1.75rem;
163
+ --line-height-30: 1.875rem;
164
+ --line-height-32: 2rem;
165
+ --line-height-34: 2.125rem;
166
+ --line-height-36: 2.25rem;
167
+ --line-height-42: 2.625rem;
168
+ --line-height-48: 3rem;
169
+ --line-height-title: 1.2;
170
+ --line-height-body: 1.5;
171
+ --line-height-control: 1.2;
172
+ --font-weight-light: 300;
173
+ --font-weight-regular: 400;
174
+ --font-weight-medium: 500;
175
+ --font-weight-semi-bold: 600;
176
+ --font-weight-bold: 700;
177
+ --font-weight-black: 900;
178
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
179
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
180
+ }
package/themes/platform/tokens.less ADDED
@@ -0,0 +1,177 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Thu, 02 May 2024 12:30:21 GMT
4
+
5
+ @color-bright-yellow: #ffeb69;
6
+ @color-bright-orange: #ffc091;
7
+ @color-dark-purple: #260a2f;
8
+ @color-dark-gold: #3a341c;
9
+ @color-bright-blue: #a0e1e1;
10
+ @color-dark-charcoal: #21231d;
11
+ @color-white: #ffffff;
12
+ @color-black: #000000;
13
+ @color-bright-green: #9fe870;
14
+ @color-forest-green: #163300;
15
+ @color-bright-pink: #ffd7ef;
16
+ @color-dark-maroon: #320707;
17
+ @color-content-primary: #163300;
18
+ @color-content-secondary: #163300;
19
+ @color-content-tertiary: #6a6c6a;
20
+ @color-content-link: #163300;
21
+ @color-content-link-hover: #0d1f00;
22
+ @color-content-link-active: #0e0f0c;
23
+ @color-interactive-primary: #163300;
24
+ @color-interactive-primary-hover: #0c2300;
25
+ @color-interactive-primary-active: #001a00;
26
+ @color-interactive-primary-hover: #0d1f00;
27
+ @color-interactive-primary-hover-hover: #001100;
28
+ @color-interactive-primary-hover-active: #000000;
29
+ @color-interactive-primary-active: #0e0f0c;
30
+ @color-interactive-primary-active-hover: #000000;
31
+ @color-interactive-primary-active-active: #000000;
32
+ @color-interactive-secondary: #868685;
33
+ @color-interactive-secondary-hover: #747473;
34
+ @color-interactive-secondary-active: #666665;
35
+ @color-interactive-secondary-hover: #6c6c6b;
36
+ @color-interactive-secondary-hover-hover: #5a5a59;
37
+ @color-interactive-secondary-hover-active: #4e4e4d;
38
+ @color-interactive-secondary-active: #525251;
39
+ @color-interactive-secondary-active-hover: #414140;
40
+ @color-interactive-secondary-active-active: #353534;
41
+ @color-interactive-accent: #163300;
42
+ @color-interactive-accent-hover: #0c2300;
43
+ @color-interactive-accent-active: #001a00;
44
+ @color-interactive-accent-hover: #0f2400;
45
+ @color-interactive-accent-hover-hover: #001700;
46
+ @color-interactive-accent-hover-active: #000800;
47
+ @color-interactive-accent-active: #091400;
48
+ @color-interactive-accent-active-hover: #000000;
49
+ @color-interactive-accent-active-active: #000000;
50
+ @color-interactive-control: #ffffff;
51
+ @color-interactive-control-hover: #eaeaea;
52
+ @color-interactive-control-active: #dbdbdb;
53
+ @color-interactive-control-hover: #ffffff;
54
+ @color-interactive-control-hover-hover: #eaeaea;
55
+ @color-interactive-control-hover-active: #dbdbdb;
56
+ @color-interactive-control-active: #ffffff;
57
+ @color-interactive-control-active-hover: #eaeaea;
58
+ @color-interactive-control-active-active: #dbdbdb;
59
+ @color-interactive-contrast: #ffffff;
60
+ @color-interactive-contrast-hover: #cdffad;
61
+ @color-interactive-contrast-hover-hover: #b9ea9a;
62
+ @color-interactive-contrast-hover-active: #aadb8b;
63
+ @color-interactive-contrast-active: #ecffe0;
64
+ @color-interactive-contrast-active-hover: #d8eacc;
65
+ @color-interactive-contrast-active-active: #c8dbbd;
66
+ @color-border-neutral: #0e0f0c1f;
67
+ @color-border-overlay: #0e0f0c1f;
68
+ @color-background-screen: #ffffff;
69
+ @color-background-screen-hover: #16330014;
70
+ @color-background-screen-active: #16330021;
71
+ @color-background-elevated: #ffffff;
72
+ @color-background-neutral: #16330014;
73
+ @color-background-neutral-hover: #16330021;
74
+ @color-background-neutral-active: #1633002e;
75
+ @color-background-overlay: #16330014;
76
+ @color-sentiment-negative: #a8200d;
77
+ @color-sentiment-negative-hover: #8e1b0b;
78
+ @color-sentiment-negative-active: #761709;
79
+ @color-sentiment-positive: #2f5711;
80
+ @color-sentiment-warning: #edc843;
81
+ @color-contrast: #ffffff;
82
+ @color-light: #ffffff;
83
+ @color-dark: #121511;
84
+ @color-contrast-overlay: #ffffff;
85
+ @color-contrast-theme: #121511;
86
+ @padding-x-small: 8px;
87
+ @padding-small: 16px;
88
+ @padding-medium: 24px;
89
+ @padding-large: 32px;
90
+ @radius-full: 9999px;
91
+ @radius-small: 10px;
92
+ @radius-medium: 16px;
93
+ @radius-large: 24px;
94
+ @size-4: 4px;
95
+ @size-8: 8px;
96
+ @size-10: 10px;
97
+ @size-12: 12px;
98
+ @size-14: 14px;
99
+ @size-16: 16px;
100
+ @size-24: 24px;
101
+ @size-32: 32px;
102
+ @size-40: 40px;
103
+ @size-48: 48px;
104
+ @size-52: 52px;
105
+ @size-56: 56px;
106
+ @size-60: 60px;
107
+ @size-64: 64px;
108
+ @size-72: 72px;
109
+ @size-80: 80px;
110
+ @size-88: 88px;
111
+ @size-96: 96px;
112
+ @size-104: 104px;
113
+ @size-112: 112px;
114
+ @size-120: 120px;
115
+ @size-126: 126px;
116
+ @size-128: 128px;
117
+ @size-146: 146px;
118
+ @size-154: 154px;
119
+ @size-x-small: 24px;
120
+ @size-small: 32px;
121
+ @size-medium: 40px;
122
+ @size-large: 48px;
123
+ @size-x-large: 56px;
124
+ @size-2x-large: 72px;
125
+ @space-content-horizontal: 16px;
126
+ @space-small: 16px;
127
+ @space-medium: 32px;
128
+ @space-large: 40px;
129
+ @space-x-large: 56px;
130
+ @font-size-12: 0.75rem;
131
+ @font-size-14: 0.875rem;
132
+ @font-size-16: 1rem;
133
+ @font-size-18: 1.125rem;
134
+ @font-size-20: 1.25rem;
135
+ @font-size-22: 1.375rem;
136
+ @font-size-24: 1.5rem;
137
+ @font-size-26: 1.625rem;
138
+ @font-size-28: 1.75rem;
139
+ @font-size-30: 1.875rem;
140
+ @font-size-32: 2rem;
141
+ @letter-spacing-xxs: 0.005em;
142
+ @letter-spacing-xs: 0.01em;
143
+ @letter-spacing-sm: 0.0125em;
144
+ @letter-spacing-md: 0.015em;
145
+ @letter-spacing-lg: 0.02em;
146
+ @letter-spacing-xl: 0.025em;
147
+ @letter-spacing-negative-xxs: -0.005em;
148
+ @letter-spacing-negative-xs: -0.01em;
149
+ @letter-spacing-negative-sm: -0.0125em;
150
+ @letter-spacing-negative-md: -0.015em;
151
+ @letter-spacing-negative-lg: -0.02em;
152
+ @letter-spacing-negative-xl: -0.025em;
153
+ @letter-spacing-negative-xxl: -0.03em;
154
+ @letter-spacing-negative-xxxl: -0.04em;
155
+ @letter-spacing-negative-xxxxl: -0.05em;
156
+ @line-height-18: 1.125rem;
157
+ @line-height-20: 1.25rem;
158
+ @line-height-22: 1.375rem;
159
+ @line-height-24: 1.5rem;
160
+ @line-height-28: 1.75rem;
161
+ @line-height-30: 1.875rem;
162
+ @line-height-32: 2rem;
163
+ @line-height-34: 2.125rem;
164
+ @line-height-36: 2.25rem;
165
+ @line-height-42: 2.625rem;
166
+ @line-height-48: 3rem;
167
+ @line-height-title: 1.2;
168
+ @line-height-body: 1.5;
169
+ @line-height-control: 1.2;
170
+ @font-weight-light: 300;
171
+ @font-weight-regular: 400;
172
+ @font-weight-medium: 500;
173
+ @font-weight-semi-bold: 600;
174
+ @font-weight-bold: 700;
175
+ @font-weight-black: 900;
176
+ @font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
177
+ @font-family-display: 'Wise Sans', 'Inter', sans-serif;