@transferwise/neptune-tokens 8.0.0-next.2 → 8.0.0-next.21

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 (17) hide show
  1. package/README.md +1 -1
  2. package/colors-base.css +1 -1
  3. package/colors-base.less +1 -1
  4. package/colors.json +2626 -0
  5. package/package.json +5 -5
  6. package/themes/dark/tokens.css +47 -26
  7. package/themes/dark/tokens.less +47 -26
  8. package/themes/light/tokens.css +47 -26
  9. package/themes/light/tokens.less +47 -26
  10. package/themes/navy/tokens.css +47 -26
  11. package/themes/navy/tokens.less +47 -26
  12. package/themes/personal/tokens.css +135 -0
  13. package/themes/personal/tokens.less +132 -0
  14. package/themes/personal--dark/tokens.css +159 -0
  15. package/themes/personal--dark/tokens.less +156 -0
  16. package/tokens.css +48 -27
  17. package/tokens.less +48 -27
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-tokens",
3
- "version": "8.0.0-next.2",
3
+ "version": "8.0.0-next.21",
4
4
  "description": "Design tokens for the Neptune Design System",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
@@ -22,14 +22,14 @@
22
22
  "postpublish": "git clean -fd"
23
23
  },
24
24
  "devDependencies": {
25
- "@semantic-release/changelog": "^5.0.1",
26
- "@semantic-release/git": "^9.0.1",
27
- "@semantic-release/npm": "^7.1.3",
25
+ "@semantic-release/changelog": "^6.0.1",
26
+ "@semantic-release/git": "^10.0.1",
27
+ "@semantic-release/npm": "^9.0.1",
28
28
  "chroma-js": "^2.1.2",
29
29
  "cz-conventional-changelog": "3.3.0",
30
30
  "prettier": "^2.3.2",
31
31
  "release-to-github-with-changelog": "^1.2.4",
32
- "semantic-release": "^17.4.7",
32
+ "semantic-release": "^19.0.3",
33
33
  "style-dictionary": "^3.0.1"
34
34
  },
35
35
  "config": {
package/themes/dark/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 13 Jul 2022 14:37:44 GMT
3
+ * Generated on Wed, 30 Nov 2022 15:37:15 GMT
4
4
  */
5
5
 
6
6
  .np-theme-dark {
@@ -45,10 +45,17 @@
45
45
  --color-border-neutral: #ffffff1a;
46
46
  --color-border-overlay: #ffffff1a;
47
47
  --color-core-contrast: #ffffff;
48
- --radius-small: 3px;
49
- --radius-medium: 10px;
48
+ --padding-x-small: 8px;
49
+ --padding-small: 16px;
50
+ --padding-medium: 24px;
51
+ --padding-large: 32px;
52
+ --radius-full: 50%;
53
+ --radius-small: 10px;
54
+ --radius-medium: 16px;
55
+ --radius-large: 24px;
50
56
  --size-4: 4px;
51
57
  --size-8: 8px;
58
+ --size-10: 10px;
52
59
  --size-12: 12px;
53
60
  --size-16: 16px;
54
61
  --size-24: 24px;
@@ -65,37 +72,51 @@
65
72
  --size-112: 112px;
66
73
  --size-120: 120px;
67
74
  --size-128: 128px;
75
+ --size-x-small: 24px;
76
+ --size-small: 32px;
77
+ --size-medium: 40px;
78
+ --size-large: 48px;
79
+ --size-x-large: 56px;
80
+ --size-2x-large: 72px;
68
81
  --space-content-horizontal: 16px;
82
+ --space-small: 16px;
83
+ --space-medium: 32px;
84
+ --space-large: 40px;
85
+ --space-x-large: 56px;
69
86
  --font-size-12: 0.75rem;
70
87
  --font-size-14: 0.875rem;
71
88
  --font-size-16: 1rem;
89
+ --font-size-18: 1.125rem;
72
90
  --font-size-20: 1.25rem;
73
91
  --font-size-22: 1.375rem;
92
+ --font-size-24: 1.5rem;
74
93
  --font-size-26: 1.625rem;
75
- --font-size-30: 1.75rem;
94
+ --font-size-28: 1.75rem;
95
+ --font-size-30: 1.875rem;
76
96
  --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;
89
- --line-height-18: 1.125;
90
- --line-height-22: 1.25;
91
- --line-height-24: 1.5;
92
- --line-height-28: 1.75;
93
- --line-height-30: 1.375;
94
- --line-height-32: 2;
95
- --line-height-34: 2.125;
96
- --line-height-36: 1.5;
97
- --line-height-42: 1.625;
98
- --line-height-48: 1.75;
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;
103
+ --letter-spacing-negative-xxs: -0.005em;
104
+ --letter-spacing-negative-xs: -0.01em;
105
+ --letter-spacing-negative-sm: -0.0125em;
106
+ --letter-spacing-negative-md: -0.015em;
107
+ --letter-spacing-negative-lg: -0.02em;
108
+ --letter-spacing-negative-xl: -0.025em;
109
+ --line-height-18: 1.125rem;
110
+ --line-height-20: 1.25rem;
111
+ --line-height-22: 1.375rem;
112
+ --line-height-24: 1.5rem;
113
+ --line-height-28: 1.75rem;
114
+ --line-height-30: 1.875rem;
115
+ --line-height-32: 2rem;
116
+ --line-height-34: 2.125rem;
117
+ --line-height-36: 2.25rem;
118
+ --line-height-42: 2.625rem;
119
+ --line-height-48: 3rem;
99
120
  --line-height-title: 1.2;
100
121
  --line-height-body: 1.5;
101
122
  --line-height-control: 1.2;
package/themes/dark/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 13 Jul 2022 14:37:44 GMT
3
+ // Generated on Wed, 30 Nov 2022 15:37:15 GMT
4
4
 
5
5
  @color-content-primary: #e2e6e8;
6
6
  @color-content-secondary: #c9cbce;
@@ -43,10 +43,17 @@
43
43
  @color-border-neutral: #ffffff1a;
44
44
  @color-border-overlay: #ffffff1a;
45
45
  @color-core-contrast: #ffffff;
46
- @radius-small: 3px;
47
- @radius-medium: 10px;
46
+ @padding-x-small: 8px;
47
+ @padding-small: 16px;
48
+ @padding-medium: 24px;
49
+ @padding-large: 32px;
50
+ @radius-full: 50%;
51
+ @radius-small: 10px;
52
+ @radius-medium: 16px;
53
+ @radius-large: 24px;
48
54
  @size-4: 4px;
49
55
  @size-8: 8px;
56
+ @size-10: 10px;
50
57
  @size-12: 12px;
51
58
  @size-16: 16px;
52
59
  @size-24: 24px;
@@ -63,37 +70,51 @@
63
70
  @size-112: 112px;
64
71
  @size-120: 120px;
65
72
  @size-128: 128px;
73
+ @size-x-small: 24px;
74
+ @size-small: 32px;
75
+ @size-medium: 40px;
76
+ @size-large: 48px;
77
+ @size-x-large: 56px;
78
+ @size-2x-large: 72px;
66
79
  @space-content-horizontal: 16px;
80
+ @space-small: 16px;
81
+ @space-medium: 32px;
82
+ @space-large: 40px;
83
+ @space-x-large: 56px;
67
84
  @font-size-12: 0.75rem;
68
85
  @font-size-14: 0.875rem;
69
86
  @font-size-16: 1rem;
87
+ @font-size-18: 1.125rem;
70
88
  @font-size-20: 1.25rem;
71
89
  @font-size-22: 1.375rem;
90
+ @font-size-24: 1.5rem;
72
91
  @font-size-26: 1.625rem;
73
- @font-size-30: 1.75rem;
92
+ @font-size-28: 1.75rem;
93
+ @font-size-30: 1.875rem;
74
94
  @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;
87
- @line-height-18: 1.125;
88
- @line-height-22: 1.25;
89
- @line-height-24: 1.5;
90
- @line-height-28: 1.75;
91
- @line-height-30: 1.375;
92
- @line-height-32: 2;
93
- @line-height-34: 2.125;
94
- @line-height-36: 1.5;
95
- @line-height-42: 1.625;
96
- @line-height-48: 1.75;
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;
101
+ @letter-spacing-negative-xxs: -0.005em;
102
+ @letter-spacing-negative-xs: -0.01em;
103
+ @letter-spacing-negative-sm: -0.0125em;
104
+ @letter-spacing-negative-md: -0.015em;
105
+ @letter-spacing-negative-lg: -0.02em;
106
+ @letter-spacing-negative-xl: -0.025em;
107
+ @line-height-18: 1.125rem;
108
+ @line-height-20: 1.25rem;
109
+ @line-height-22: 1.375rem;
110
+ @line-height-24: 1.5rem;
111
+ @line-height-28: 1.75rem;
112
+ @line-height-30: 1.875rem;
113
+ @line-height-32: 2rem;
114
+ @line-height-34: 2.125rem;
115
+ @line-height-36: 2.25rem;
116
+ @line-height-42: 2.625rem;
117
+ @line-height-48: 3rem;
97
118
  @line-height-title: 1.2;
98
119
  @line-height-body: 1.5;
99
120
  @line-height-control: 1.2;
package/themes/light/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 13 Jul 2022 14:37:44 GMT
3
+ * Generated on Wed, 30 Nov 2022 15:37:15 GMT
4
4
  */
5
5
 
6
6
  .np-theme-light {
@@ -45,10 +45,17 @@
45
45
  --color-border-neutral: #0000001a;
46
46
  --color-border-overlay: #0000001a;
47
47
  --color-core-contrast: #000000;
48
- --radius-small: 3px;
49
- --radius-medium: 10px;
48
+ --padding-x-small: 8px;
49
+ --padding-small: 16px;
50
+ --padding-medium: 24px;
51
+ --padding-large: 32px;
52
+ --radius-full: 50%;
53
+ --radius-small: 10px;
54
+ --radius-medium: 16px;
55
+ --radius-large: 24px;
50
56
  --size-4: 4px;
51
57
  --size-8: 8px;
58
+ --size-10: 10px;
52
59
  --size-12: 12px;
53
60
  --size-16: 16px;
54
61
  --size-24: 24px;
@@ -65,37 +72,51 @@
65
72
  --size-112: 112px;
66
73
  --size-120: 120px;
67
74
  --size-128: 128px;
75
+ --size-x-small: 24px;
76
+ --size-small: 32px;
77
+ --size-medium: 40px;
78
+ --size-large: 48px;
79
+ --size-x-large: 56px;
80
+ --size-2x-large: 72px;
68
81
  --space-content-horizontal: 16px;
82
+ --space-small: 16px;
83
+ --space-medium: 32px;
84
+ --space-large: 40px;
85
+ --space-x-large: 56px;
69
86
  --font-size-12: 0.75rem;
70
87
  --font-size-14: 0.875rem;
71
88
  --font-size-16: 1rem;
89
+ --font-size-18: 1.125rem;
72
90
  --font-size-20: 1.25rem;
73
91
  --font-size-22: 1.375rem;
92
+ --font-size-24: 1.5rem;
74
93
  --font-size-26: 1.625rem;
75
- --font-size-30: 1.75rem;
94
+ --font-size-28: 1.75rem;
95
+ --font-size-30: 1.875rem;
76
96
  --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;
89
- --line-height-18: 1.125;
90
- --line-height-22: 1.25;
91
- --line-height-24: 1.5;
92
- --line-height-28: 1.75;
93
- --line-height-30: 1.375;
94
- --line-height-32: 2;
95
- --line-height-34: 2.125;
96
- --line-height-36: 1.5;
97
- --line-height-42: 1.625;
98
- --line-height-48: 1.75;
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;
103
+ --letter-spacing-negative-xxs: -0.005em;
104
+ --letter-spacing-negative-xs: -0.01em;
105
+ --letter-spacing-negative-sm: -0.0125em;
106
+ --letter-spacing-negative-md: -0.015em;
107
+ --letter-spacing-negative-lg: -0.02em;
108
+ --letter-spacing-negative-xl: -0.025em;
109
+ --line-height-18: 1.125rem;
110
+ --line-height-20: 1.25rem;
111
+ --line-height-22: 1.375rem;
112
+ --line-height-24: 1.5rem;
113
+ --line-height-28: 1.75rem;
114
+ --line-height-30: 1.875rem;
115
+ --line-height-32: 2rem;
116
+ --line-height-34: 2.125rem;
117
+ --line-height-36: 2.25rem;
118
+ --line-height-42: 2.625rem;
119
+ --line-height-48: 3rem;
99
120
  --line-height-title: 1.2;
100
121
  --line-height-body: 1.5;
101
122
  --line-height-control: 1.2;
package/themes/light/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 13 Jul 2022 14:37:44 GMT
3
+ // Generated on Wed, 30 Nov 2022 15:37:15 GMT
4
4
 
5
5
  @color-content-primary: #37517e;
6
6
  @color-content-secondary: #5d7079;
@@ -43,10 +43,17 @@
43
43
  @color-border-neutral: #0000001a;
44
44
  @color-border-overlay: #0000001a;
45
45
  @color-core-contrast: #000000;
46
- @radius-small: 3px;
47
- @radius-medium: 10px;
46
+ @padding-x-small: 8px;
47
+ @padding-small: 16px;
48
+ @padding-medium: 24px;
49
+ @padding-large: 32px;
50
+ @radius-full: 50%;
51
+ @radius-small: 10px;
52
+ @radius-medium: 16px;
53
+ @radius-large: 24px;
48
54
  @size-4: 4px;
49
55
  @size-8: 8px;
56
+ @size-10: 10px;
50
57
  @size-12: 12px;
51
58
  @size-16: 16px;
52
59
  @size-24: 24px;
@@ -63,37 +70,51 @@
63
70
  @size-112: 112px;
64
71
  @size-120: 120px;
65
72
  @size-128: 128px;
73
+ @size-x-small: 24px;
74
+ @size-small: 32px;
75
+ @size-medium: 40px;
76
+ @size-large: 48px;
77
+ @size-x-large: 56px;
78
+ @size-2x-large: 72px;
66
79
  @space-content-horizontal: 16px;
80
+ @space-small: 16px;
81
+ @space-medium: 32px;
82
+ @space-large: 40px;
83
+ @space-x-large: 56px;
67
84
  @font-size-12: 0.75rem;
68
85
  @font-size-14: 0.875rem;
69
86
  @font-size-16: 1rem;
87
+ @font-size-18: 1.125rem;
70
88
  @font-size-20: 1.25rem;
71
89
  @font-size-22: 1.375rem;
90
+ @font-size-24: 1.5rem;
72
91
  @font-size-26: 1.625rem;
73
- @font-size-30: 1.75rem;
92
+ @font-size-28: 1.75rem;
93
+ @font-size-30: 1.875rem;
74
94
  @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;
87
- @line-height-18: 1.125;
88
- @line-height-22: 1.25;
89
- @line-height-24: 1.5;
90
- @line-height-28: 1.75;
91
- @line-height-30: 1.375;
92
- @line-height-32: 2;
93
- @line-height-34: 2.125;
94
- @line-height-36: 1.5;
95
- @line-height-42: 1.625;
96
- @line-height-48: 1.75;
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;
101
+ @letter-spacing-negative-xxs: -0.005em;
102
+ @letter-spacing-negative-xs: -0.01em;
103
+ @letter-spacing-negative-sm: -0.0125em;
104
+ @letter-spacing-negative-md: -0.015em;
105
+ @letter-spacing-negative-lg: -0.02em;
106
+ @letter-spacing-negative-xl: -0.025em;
107
+ @line-height-18: 1.125rem;
108
+ @line-height-20: 1.25rem;
109
+ @line-height-22: 1.375rem;
110
+ @line-height-24: 1.5rem;
111
+ @line-height-28: 1.75rem;
112
+ @line-height-30: 1.875rem;
113
+ @line-height-32: 2rem;
114
+ @line-height-34: 2.125rem;
115
+ @line-height-36: 2.25rem;
116
+ @line-height-42: 2.625rem;
117
+ @line-height-48: 3rem;
97
118
  @line-height-title: 1.2;
98
119
  @line-height-body: 1.5;
99
120
  @line-height-control: 1.2;
package/themes/navy/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 13 Jul 2022 14:37:44 GMT
3
+ * Generated on Wed, 30 Nov 2022 15:37:15 GMT
4
4
  */
5
5
 
6
6
  .np-theme-navy {
@@ -45,10 +45,17 @@
45
45
  --color-border-neutral: #ffffff1a;
46
46
  --color-border-overlay: #ffffff1a;
47
47
  --color-core-contrast: #ffffff;
48
- --radius-small: 3px;
49
- --radius-medium: 10px;
48
+ --padding-x-small: 8px;
49
+ --padding-small: 16px;
50
+ --padding-medium: 24px;
51
+ --padding-large: 32px;
52
+ --radius-full: 50%;
53
+ --radius-small: 10px;
54
+ --radius-medium: 16px;
55
+ --radius-large: 24px;
50
56
  --size-4: 4px;
51
57
  --size-8: 8px;
58
+ --size-10: 10px;
52
59
  --size-12: 12px;
53
60
  --size-16: 16px;
54
61
  --size-24: 24px;
@@ -65,37 +72,51 @@
65
72
  --size-112: 112px;
66
73
  --size-120: 120px;
67
74
  --size-128: 128px;
75
+ --size-x-small: 24px;
76
+ --size-small: 32px;
77
+ --size-medium: 40px;
78
+ --size-large: 48px;
79
+ --size-x-large: 56px;
80
+ --size-2x-large: 72px;
68
81
  --space-content-horizontal: 16px;
82
+ --space-small: 16px;
83
+ --space-medium: 32px;
84
+ --space-large: 40px;
85
+ --space-x-large: 56px;
69
86
  --font-size-12: 0.75rem;
70
87
  --font-size-14: 0.875rem;
71
88
  --font-size-16: 1rem;
89
+ --font-size-18: 1.125rem;
72
90
  --font-size-20: 1.25rem;
73
91
  --font-size-22: 1.375rem;
92
+ --font-size-24: 1.5rem;
74
93
  --font-size-26: 1.625rem;
75
- --font-size-30: 1.75rem;
94
+ --font-size-28: 1.75rem;
95
+ --font-size-30: 1.875rem;
76
96
  --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;
89
- --line-height-18: 1.125;
90
- --line-height-22: 1.25;
91
- --line-height-24: 1.5;
92
- --line-height-28: 1.75;
93
- --line-height-30: 1.375;
94
- --line-height-32: 2;
95
- --line-height-34: 2.125;
96
- --line-height-36: 1.5;
97
- --line-height-42: 1.625;
98
- --line-height-48: 1.75;
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;
103
+ --letter-spacing-negative-xxs: -0.005em;
104
+ --letter-spacing-negative-xs: -0.01em;
105
+ --letter-spacing-negative-sm: -0.0125em;
106
+ --letter-spacing-negative-md: -0.015em;
107
+ --letter-spacing-negative-lg: -0.02em;
108
+ --letter-spacing-negative-xl: -0.025em;
109
+ --line-height-18: 1.125rem;
110
+ --line-height-20: 1.25rem;
111
+ --line-height-22: 1.375rem;
112
+ --line-height-24: 1.5rem;
113
+ --line-height-28: 1.75rem;
114
+ --line-height-30: 1.875rem;
115
+ --line-height-32: 2rem;
116
+ --line-height-34: 2.125rem;
117
+ --line-height-36: 2.25rem;
118
+ --line-height-42: 2.625rem;
119
+ --line-height-48: 3rem;
99
120
  --line-height-title: 1.2;
100
121
  --line-height-body: 1.5;
101
122
  --line-height-control: 1.2;
package/themes/navy/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 13 Jul 2022 14:37:44 GMT
3
+ // Generated on Wed, 30 Nov 2022 15:37:15 GMT
4
4
 
5
5
  @color-content-primary: #ffffff;
6
6
  @color-content-secondary: #c9cbce;
@@ -43,10 +43,17 @@
43
43
  @color-border-neutral: #ffffff1a;
44
44
  @color-border-overlay: #ffffff1a;
45
45
  @color-core-contrast: #ffffff;
46
- @radius-small: 3px;
47
- @radius-medium: 10px;
46
+ @padding-x-small: 8px;
47
+ @padding-small: 16px;
48
+ @padding-medium: 24px;
49
+ @padding-large: 32px;
50
+ @radius-full: 50%;
51
+ @radius-small: 10px;
52
+ @radius-medium: 16px;
53
+ @radius-large: 24px;
48
54
  @size-4: 4px;
49
55
  @size-8: 8px;
56
+ @size-10: 10px;
50
57
  @size-12: 12px;
51
58
  @size-16: 16px;
52
59
  @size-24: 24px;
@@ -63,37 +70,51 @@
63
70
  @size-112: 112px;
64
71
  @size-120: 120px;
65
72
  @size-128: 128px;
73
+ @size-x-small: 24px;
74
+ @size-small: 32px;
75
+ @size-medium: 40px;
76
+ @size-large: 48px;
77
+ @size-x-large: 56px;
78
+ @size-2x-large: 72px;
66
79
  @space-content-horizontal: 16px;
80
+ @space-small: 16px;
81
+ @space-medium: 32px;
82
+ @space-large: 40px;
83
+ @space-x-large: 56px;
67
84
  @font-size-12: 0.75rem;
68
85
  @font-size-14: 0.875rem;
69
86
  @font-size-16: 1rem;
87
+ @font-size-18: 1.125rem;
70
88
  @font-size-20: 1.25rem;
71
89
  @font-size-22: 1.375rem;
90
+ @font-size-24: 1.5rem;
72
91
  @font-size-26: 1.625rem;
73
- @font-size-30: 1.75rem;
92
+ @font-size-28: 1.75rem;
93
+ @font-size-30: 1.875rem;
74
94
  @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;
87
- @line-height-18: 1.125;
88
- @line-height-22: 1.25;
89
- @line-height-24: 1.5;
90
- @line-height-28: 1.75;
91
- @line-height-30: 1.375;
92
- @line-height-32: 2;
93
- @line-height-34: 2.125;
94
- @line-height-36: 1.5;
95
- @line-height-42: 1.625;
96
- @line-height-48: 1.75;
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;
101
+ @letter-spacing-negative-xxs: -0.005em;
102
+ @letter-spacing-negative-xs: -0.01em;
103
+ @letter-spacing-negative-sm: -0.0125em;
104
+ @letter-spacing-negative-md: -0.015em;
105
+ @letter-spacing-negative-lg: -0.02em;
106
+ @letter-spacing-negative-xl: -0.025em;
107
+ @line-height-18: 1.125rem;
108
+ @line-height-20: 1.25rem;
109
+ @line-height-22: 1.375rem;
110
+ @line-height-24: 1.5rem;
111
+ @line-height-28: 1.75rem;
112
+ @line-height-30: 1.875rem;
113
+ @line-height-32: 2rem;
114
+ @line-height-34: 2.125rem;
115
+ @line-height-36: 2.25rem;
116
+ @line-height-42: 2.625rem;
117
+ @line-height-48: 3rem;
97
118
  @line-height-title: 1.2;
98
119
  @line-height-body: 1.5;
99
120
  @line-height-control: 1.2;