@moderneinc/neo-design 2.8.0 → 3.0.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 (17) hide show
  1. package/dist/index.d.ts +388 -376
  2. package/dist/semantic-colors.css +122 -108
  3. package/dist/semantic-colors.d.ts +194 -182
  4. package/dist/semantic-colors.js +131 -125
  5. package/dist/semantic-typography.css +46 -46
  6. package/dist/semantic-typography.d.ts +58 -58
  7. package/dist/semantic-typography.js +8 -8
  8. package/dist/shadows.css +6 -6
  9. package/dist/shadows.d.ts +62 -62
  10. package/dist/shadows.js +76 -76
  11. package/dist/spacing.css +12 -12
  12. package/dist/spacing.d.ts +24 -24
  13. package/dist/spacing.js +25 -25
  14. package/dist/typography.css +24 -24
  15. package/dist/typography.d.ts +50 -50
  16. package/dist/typography.js +50 -50
  17. package/package.json +2 -2
package/dist/semantic-colors.js CHANGED
@@ -5,110 +5,133 @@
5
5
  */
6
6
 
7
7
  /**
8
- * @typedef {{ recipeRun: string, commitJob: string, visualization: string }} Activity
8
+ * @typedef {{ hoverBorder: string, pressedBackground: string, hover: string, hoverBackground: string, disabled: string, placeholder: string, pressed: string, utility: string, default: string, active: string }} Icons
9
9
  */
10
10
 
11
11
  /**
12
- * @type {Activity}
12
+ * @type {Icons}
13
13
  */
14
- export const activity = {
14
+ export const icons = {
15
+ "hoverBorder": "#dce0ff",
16
+ "pressedBackground": "#dce0ff",
15
17
  /** Scopes: All Fills, Stroke Color */
16
- "recipeRun": "#992fb9",
18
+ "hover": "#1e2ec2",
17
19
  /** Scopes: All Fills, Stroke Color */
18
- "commitJob": "#2f42ff",
20
+ "hoverBackground": "#f2f3ff",
19
21
  /** Scopes: All Fills, Stroke Color */
20
- "visualization": "#27aa88",
21
- };
22
-
23
- /**
24
- * @typedef {{ primary: string, secondary: string, focus: string }} Border
25
- */
26
-
27
- /**
28
- * @type {Border}
29
- */
30
- export const border = {
22
+ "disabled": "#d1d5db",
31
23
  /** Scopes: All Fills, Stroke Color */
32
- "primary": "#d1d5db",
24
+ "placeholder": "#9ca3af",
33
25
  /** Scopes: All Fills, Stroke Color */
34
- "secondary": "#e5e7eb",
35
- "focus": "#3bcca6",
36
- };
37
-
38
- /**
39
- * @typedef {{ destructive: string, navigationActive: string, primary: object, secondary: object, tertiary: object, navigation: object }} Buttons
40
- */
41
-
42
- /**
43
- * @type {Buttons}
44
- */
45
- export const buttons = {
26
+ "pressed": "#131e7a",
46
27
  /** Scopes: All Fills, Stroke Color */
47
- "destructive": "#cb3446",
28
+ "utility": "#9ca3af",
48
29
  /** Scopes: All Fills, Stroke Color */
49
- "navigationActive": "#ffffff",
50
- "primary": {"pressed":"#131e7a","default":"#2f42ff","hover":"#1e2ec2","disabled":"#f3f4f6"},
51
- "secondary": {"defaultBorder":"#b6bfff","hoverBackground":"#f2f3ff","pressedBackground":"#dce0ff","disabledBackground":"#f9fafb","defaultBackground":"#ffffff","default":"#1f2937"},
52
- "tertiary": {"default":"#2f42ff","hover":"#1e2ec2","pressed":"#131e7a","disabled":"#9ca3af"},
53
- "navigation": {"defaultBorder":"#b6bfff","hoverBackground":"#f3f4f6","pressedBackground":"#e5e7eb","activeBorder":"#2f42ff"},
30
+ "default": "#1f2937",
31
+ /** Scopes: All Fills, Stroke Color */
32
+ "active": "#2f42ff",
54
33
  };
55
34
 
56
35
  /**
57
- * @typedef {{ green: string, yellow: string, orange1: string, orange2: string, orange3: string, red1: string, red2: string, red3: string }} Data
36
+ * @typedef {{ highlightBackground: string, activeHighlight: string, page: string, card: string, cardHeader: string, tabActive: string, listHover: string, tableDisabledRow: string, tableBackground: string, shadowNeutral: string, shadowPrimary: string, tooltip: string, scrim: string, tabSecondaryBackground: string, snackbarDarkMode: string, snackbarBrand: string, snackbarLightMode: string, white: string, black: string }} Surfaces
58
37
  */
59
38
 
60
39
  /**
61
- * @type {Data}
40
+ * @type {Surfaces}
62
41
  */
63
- export const data = {
42
+ export const surfaces = {
43
+ "highlightBackground": "rgba(38, 55, 230, 0)",
44
+ "activeHighlight": "rgba(182, 191, 255, 0.4)",
64
45
  /** Scopes: All Fills, Stroke Color */
65
- "green": "#4ca75a",
46
+ "page": "#f4f4f4",
66
47
  /** Scopes: All Fills, Stroke Color */
67
- "yellow": "#fdda04",
48
+ "card": "#ffffff",
68
49
  /** Scopes: All Fills, Stroke Color */
69
- "orange1": "#ffc008",
50
+ "cardHeader": "#f3f4f6",
70
51
  /** Scopes: All Fills, Stroke Color */
71
- "orange2": "#ff9800",
52
+ "tabActive": "#f3f4f6",
72
53
  /** Scopes: All Fills, Stroke Color */
73
- "orange3": "#f9a91b",
54
+ "listHover": "#f9fafb",
74
55
  /** Scopes: All Fills, Stroke Color */
75
- "red1": "#ff5c24",
56
+ "tableDisabledRow": "#f3f4f6",
76
57
  /** Scopes: All Fills, Stroke Color */
77
- "red2": "#ed4134",
58
+ "tableBackground": "#ffffff",
78
59
  /** Scopes: All Fills, Stroke Color */
79
- "red3": "#cb3446",
60
+ "shadowNeutral": "rgba(31, 41, 55, 0.1)",
61
+ /** Scopes: All Fills, Stroke Color */
62
+ "shadowPrimary": "rgba(47, 66, 255, 0.1)",
63
+ /** Scopes: All Fills, Stroke Color */
64
+ "tooltip": "#4b5563",
65
+ /** Scopes: All Fills, Stroke Color */
66
+ "scrim": "rgba(31, 41, 55, 0.2)",
67
+ /** Scopes: All Fills, Stroke Color */
68
+ "tabSecondaryBackground": "#e5e7eb",
69
+ /** Scopes: All Fills, Stroke Color */
70
+ "snackbarDarkMode": "#ffffff",
71
+ /** Scopes: All Fills, Stroke Color */
72
+ "snackbarBrand": "#131e7a",
73
+ /** Scopes: All Fills, Stroke Color */
74
+ "snackbarLightMode": "#4b5563",
75
+ /** Scopes: All Fills, Stroke Color */
76
+ "white": "#ffffff",
77
+ /** Scopes: All Fills, Stroke Color */
78
+ "black": "#000000",
80
79
  };
81
80
 
82
81
  /**
83
- * @typedef {{ default: string, pressed: string, utility: string, active: string, hover: string, hoverBackground: string, disabled: string, placeholder: string, hoverBorder: string, pressedBackground: string }} Icons
82
+ * @typedef {{ searchInputBackground: string, linkDefault: string, linkHover: string, navigation: object, linkVisited: string, linkWhite: string, linkWhiteHover: string, input: object, code: object, button: object, tab: object, link: object, error: string, success: string, warning: string, tooltip: string, legal: string, bodySecondary: string, body: string }} Typography
84
83
  */
85
84
 
86
85
  /**
87
- * @type {Icons}
86
+ * @type {Typography}
88
87
  */
89
- export const icons = {
88
+ export const typography = {
89
+ "searchInputBackground": "#ffffff",
90
+ "linkDefault": "#ffffff",
91
+ "linkHover": "#ffffff",
92
+ "navigation": {"search":{"highlightText":"#1e2ec2","highlightBackground":"rgba(47, 66, 255, 0)","inputBackground":"#f2f3ff","highlightBackgroundActive":"#b6bfff"},"default":"#1f2937"},
93
+ "linkVisited": "#ffffff",
94
+ "linkWhite": "#ffffff",
95
+ "linkWhiteHover": "#ffffff",
96
+ "input": {"placeholder":"#9ca3af","default":"#1f2937","label":"#1f2937","helper":"#4b5563"},
97
+ "code": {"primary":"#1f2937","secondary":"#9ca3af"},
98
+ "button": {"disabled":"#9ca3af"},
99
+ "tab": {"inactive":"#4b5563","active":"#2f42ff"},
100
+ "link": {"primary":"#2f42ff","disabled":"#b6bfff","default":"#1f2937","white":"#ffffff"},
90
101
  /** Scopes: All Fills, Stroke Color */
91
- "default": "#1f2937",
102
+ "error": "#cb3446",
92
103
  /** Scopes: All Fills, Stroke Color */
93
- "pressed": "#131e7a",
104
+ "success": "#4ca75a",
94
105
  /** Scopes: All Fills, Stroke Color */
95
- "utility": "#9ca3af",
106
+ "warning": "#1f2937",
96
107
  /** Scopes: All Fills, Stroke Color */
97
- "active": "#2f42ff",
108
+ "tooltip": "#ffffff",
98
109
  /** Scopes: All Fills, Stroke Color */
99
- "hover": "#1e2ec2",
110
+ "legal": "#9ca3af",
100
111
  /** Scopes: All Fills, Stroke Color */
101
- "hoverBackground": "#f2f3ff",
112
+ "bodySecondary": "#6b7280",
102
113
  /** Scopes: All Fills, Stroke Color */
103
- "disabled": "#d1d5db",
114
+ "body": "#1f2937",
115
+ };
116
+
117
+ /**
118
+ * @typedef {{ overlay: string, primary: string, secondary: string, focus: string }} Border
119
+ */
120
+
121
+ /**
122
+ * @type {Border}
123
+ */
124
+ export const border = {
125
+ "overlay": "rgba(255, 255, 255, 0)",
104
126
  /** Scopes: All Fills, Stroke Color */
105
- "placeholder": "#9ca3af",
106
- "hoverBorder": "#dce0ff",
107
- "pressedBackground": "#dce0ff",
127
+ "primary": "#d1d5db",
128
+ /** Scopes: All Fills, Stroke Color */
129
+ "secondary": "#e5e7eb",
130
+ "focus": "#3bcca6",
108
131
  };
109
132
 
110
133
  /**
111
- * @typedef {{ checkbox: string, background: string, disabledBackground: string, hoverBackground: string }} Input
134
+ * @typedef {{ checkbox: string, hoverBackground: string, background: string, disabledBackground: string }} Input
112
135
  */
113
136
 
114
137
  /**
@@ -118,104 +141,87 @@ export const input = {
118
141
  /** Scopes: All Fills, Stroke Color */
119
142
  "checkbox": "#d1d5db",
120
143
  /** Scopes: All Fills, Stroke Color */
144
+ "hoverBackground": "#f3f4f6",
145
+ /** Scopes: All Fills, Stroke Color */
121
146
  "background": "#ffffff",
122
147
  /** Scopes: All Fills, Stroke Color */
123
148
  "disabledBackground": "#f9fafb",
124
- /** Scopes: All Fills, Stroke Color */
125
- "hoverBackground": "#f3f4f6",
126
149
  };
127
150
 
128
151
  /**
129
- * @typedef {{ success: object, warning: object, error: object, info: object, neutral: object, avatar: object }} Status
152
+ * @typedef {{ success: object, error: object, warning: object, info: object, neutral: object, avatar: object }} Status
130
153
  */
131
154
 
132
155
  /**
133
156
  * @type {Status}
134
157
  */
135
158
  export const status = {
136
- "success": {"dark":"#2c6c36","default":"#4ca75a","light":"#f3fff5","transparent":"#4ca75a"},
137
- "warning": {"dark":"#856000","default":"#ffb800","light":"#fff8e5","transparent":"#ffb800"},
138
- "error": {"dark":"#a92232","light":"#ffedef","default":"#ed4a5d","transparent":"#ed4a5d"},
139
- "info": {"dark":"#1e2ec2","default":"#2f42ff","light":"#f2f3ff","transparent":"#2f42ff"},
140
- "neutral": {"dark":"#374151","default":"#6b7280","light":"#f3f4f6","transparent":"#6b7280"},
159
+ "success": {"light":"#f3fff5","default":"#4ca75a","transparent":"rgba(76, 167, 90, 0.5)","dark":"#2c6c36"},
160
+ "error": {"light":"#ffedef","default":"#ed4a5d","transparent":"rgba(237, 74, 93, 0.5)","dark":"#a92232"},
161
+ "warning": {"light":"#fff8e5","default":"#ffb800","transparent":"rgba(255, 184, 0, 0.5)","dark":"#856000"},
162
+ "info": {"dark":"#1e2ec2","default":"#2f42ff","light":"#f2f3ff","transparent":"rgba(47, 66, 255, 0.5)"},
163
+ "neutral": {"dark":"#374151","default":"#6b7280","light":"#f3f4f6","transparent":"rgba(107, 114, 128, 0.5)"},
141
164
  "avatar": {"initials":{"background1":"#dce0ff","background2":"#cfffd7","background3":"#fbf1d2","background4":"#ffc6cd","background5":"#ebd5f1","background6":"#c9fff1","background7":"#ffebb7"}},
142
165
  };
143
166
 
144
167
  /**
145
- * @typedef {{ black: string, white: string, page: string, card: string, cardHeader: string, tabActive: string, listHover: string, tableDisabledRow: string, tableBackground: string, tabSecondaryBackground: string, shadowNeutral: string, scrim: string, shadowPrimary: string, tooltip: string, snackbarDarkMode: string, snackbarLightMode: string, snackbarBrand: string, highlightBackground: string, activeHighlight: string }} Surfaces
168
+ * @typedef {{ primary: object, secondary: object, tertiary: object, destructive: string, navigationActive: string, navigation: object }} Buttons
146
169
  */
147
170
 
148
171
  /**
149
- * @type {Surfaces}
172
+ * @type {Buttons}
150
173
  */
151
- export const surfaces = {
152
- /** Scopes: All Fills, Stroke Color */
153
- "black": "#000000",
154
- /** Scopes: All Fills, Stroke Color */
155
- "white": "#ffffff",
156
- /** Scopes: All Fills, Stroke Color */
157
- "page": "#f4f4f4",
158
- /** Scopes: All Fills, Stroke Color */
159
- "card": "#ffffff",
160
- /** Scopes: All Fills, Stroke Color */
161
- "cardHeader": "#f3f4f6",
162
- /** Scopes: All Fills, Stroke Color */
163
- "tabActive": "#f3f4f6",
164
- /** Scopes: All Fills, Stroke Color */
165
- "listHover": "#f9fafb",
166
- /** Scopes: All Fills, Stroke Color */
167
- "tableDisabledRow": "#f3f4f6",
168
- /** Scopes: All Fills, Stroke Color */
169
- "tableBackground": "#ffffff",
170
- /** Scopes: All Fills, Stroke Color */
171
- "tabSecondaryBackground": "#e5e7eb",
172
- /** Scopes: All Fills, Stroke Color */
173
- "shadowNeutral": "#1f2937",
174
- /** Scopes: All Fills, Stroke Color */
175
- "scrim": "#1f2937",
174
+ export const buttons = {
175
+ "primary": {"hover":"#1e2ec2","disabled":"#f3f4f6","pressed":"#131e7a","default":"#2f42ff"},
176
+ "secondary": {"defaultBorder":"#b6bfff","hoverBackground":"#f2f3ff","pressedBackground":"#dce0ff","disabledBackground":"#f9fafb","defaultBackground":"#ffffff","default":"#1f2937"},
177
+ "tertiary": {"default":"#2f42ff","hover":"#1e2ec2","pressed":"#131e7a","disabled":"#9ca3af"},
176
178
  /** Scopes: All Fills, Stroke Color */
177
- "shadowPrimary": "#2f42ff",
179
+ "destructive": "#cb3446",
178
180
  /** Scopes: All Fills, Stroke Color */
179
- "tooltip": "#4b5563",
181
+ "navigationActive": "#ffffff",
182
+ "navigation": {"defaultBorder":"#b6bfff","hoverBackground":"#f3f4f6","pressedBackground":"#e5e7eb","activeBorder":"#2f42ff"},
183
+ };
184
+
185
+ /**
186
+ * @typedef {{ recipeRun: string, commitJob: string, visualization: string }} Activity
187
+ */
188
+
189
+ /**
190
+ * @type {Activity}
191
+ */
192
+ export const activity = {
180
193
  /** Scopes: All Fills, Stroke Color */
181
- "snackbarDarkMode": "#ffffff",
194
+ "recipeRun": "#992fb9",
182
195
  /** Scopes: All Fills, Stroke Color */
183
- "snackbarLightMode": "#4b5563",
196
+ "commitJob": "#2f42ff",
184
197
  /** Scopes: All Fills, Stroke Color */
185
- "snackbarBrand": "#131e7a",
186
- "highlightBackground": "#2637e6",
187
- "activeHighlight": "#b6bfff",
198
+ "visualization": "#27aa88",
188
199
  };
189
200
 
190
201
  /**
191
- * @typedef {{ body: string, button: object, input: object, code: object, tab: object, link: object, error: string, success: string, warning: string, tooltip: string, legal: string, bodySecondary: string, searchInput: string, navigation: object }} Typography
202
+ * @typedef {{ green: string, yellow: string, orange1: string, orange2: string, orange3: string, red1: string, red2: string, red3: string }} Data
192
203
  */
193
204
 
194
205
  /**
195
- * @type {Typography}
206
+ * @type {Data}
196
207
  */
197
- export const typography = {
208
+ export const data = {
198
209
  /** Scopes: All Fills, Stroke Color */
199
- "body": "#1f2937",
200
- "button": {"disabled":"#9ca3af"},
201
- "input": {"placeholder":"#9ca3af","default":"#1f2937","label":"#1f2937","helper":"#4b5563"},
202
- "code": {"primary":"#1f2937","secondary":"#9ca3af"},
203
- "tab": {"inactive":"#4b5563","active":"#2f42ff"},
204
- "link": {"primary":"#2f42ff","disabled":"#b6bfff","default":"#1f2937","white":"#ffffff"},
210
+ "green": "#4ca75a",
205
211
  /** Scopes: All Fills, Stroke Color */
206
- "error": "#cb3446",
212
+ "yellow": "#fdda04",
207
213
  /** Scopes: All Fills, Stroke Color */
208
- "success": "#4ca75a",
214
+ "orange1": "#ffc008",
209
215
  /** Scopes: All Fills, Stroke Color */
210
- "warning": "#1f2937",
216
+ "orange2": "#ff9800",
211
217
  /** Scopes: All Fills, Stroke Color */
212
- "tooltip": "#ffffff",
218
+ "orange3": "#f9a91b",
213
219
  /** Scopes: All Fills, Stroke Color */
214
- "legal": "#9ca3af",
220
+ "red1": "#ff5c24",
215
221
  /** Scopes: All Fills, Stroke Color */
216
- "bodySecondary": "#6b7280",
217
- "searchInput": "#ffffff",
218
- "navigation": {"default":"#1f2937"},
222
+ "red2": "#ed4134",
223
+ /** Scopes: All Fills, Stroke Color */
224
+ "red3": "#cb3446",
219
225
  };
220
226
 
221
227
  /**
@@ -250,15 +256,15 @@ export const brand = "#2f42ff";
250
256
 
251
257
  // Default export with all color groups
252
258
  export default {
253
- activity,
254
- border,
255
- buttons,
256
- data,
257
259
  icons,
258
- input,
259
- status,
260
260
  surfaces,
261
261
  typography,
262
+ border,
263
+ input,
264
+ status,
265
+ buttons,
266
+ activity,
267
+ data,
262
268
  tab,
263
269
  code,
264
270
  brand,
package/dist/semantic-typography.css CHANGED
@@ -1,23 +1,11 @@
1
- :root { --neo-titles-moddy-header-font-family: Inter;
2
- --neo-titles-moddy-header-font-size: 28px;
3
- --neo-titles-moddy-header-font-weight: 500;
4
- --neo-titles-moddy-header-line-height: 120%;
5
- --neo-titles-page-header-font-family: Inter;
6
- --neo-titles-page-header-font-size: 21px;
7
- --neo-titles-page-header-font-weight: 400;
8
- --neo-titles-page-header-line-height: 140%;
9
- --neo-titles-code-header-font-family: JetBrains Mono NL;
10
- --neo-titles-code-header-font-size: 21px;
11
- --neo-titles-code-header-font-weight: 400;
12
- --neo-titles-code-header-line-height: 2rem;
1
+ :root { --neo-titles-page-subheader-line-height: 1.5rem;
13
2
  --neo-titles-page-subheader-font-family: Inter;
14
3
  --neo-titles-page-subheader-font-size: 18px;
15
4
  --neo-titles-page-subheader-font-weight: 500;
16
- --neo-titles-page-subheader-line-height: 1.5rem;
5
+ --neo-titles-section-header-default-line-height: 1.5rem;
17
6
  --neo-titles-section-header-default-font-family: Inter;
18
7
  --neo-titles-section-header-default-font-size: 16px;
19
8
  --neo-titles-section-header-default-font-weight: 400;
20
- --neo-titles-section-header-default-line-height: 1.5rem;
21
9
  --neo-titles-section-header-medium-font-family: Inter;
22
10
  --neo-titles-section-header-medium-font-size: 16px;
23
11
  --neo-titles-section-header-medium-font-weight: 500;
@@ -26,46 +14,46 @@
26
14
  --neo-titles-section-header-semi-bold-font-size: 16px;
27
15
  --neo-titles-section-header-semi-bold-font-weight: 600;
28
16
  --neo-titles-section-header-semi-bold-line-height: 1.5rem;
17
+ --neo-titles-code-header-line-height: 2rem;
18
+ --neo-titles-code-header-font-family: JetBrains Mono NL;
19
+ --neo-titles-code-header-font-size: 21px;
20
+ --neo-titles-code-header-font-weight: 400;
21
+ --neo-titles-moddy-header-line-height: 120%;
22
+ --neo-titles-moddy-header-font-family: Inter;
23
+ --neo-titles-moddy-header-font-size: 28px;
24
+ --neo-titles-moddy-header-font-weight: 500;
25
+ --neo-titles-page-header-line-height: 140%;
26
+ --neo-titles-page-header-font-family: Inter;
27
+ --neo-titles-page-header-font-size: 21px;
28
+ --neo-titles-page-header-font-weight: 400;
29
29
  --neo-body-regular-font-family: Inter;
30
30
  --neo-body-regular-font-size: 16px;
31
31
  --neo-body-regular-font-weight: 400;
32
32
  --neo-body-regular-line-height: 1.5rem;
33
- --neo-body-medium-font-family: Inter;
34
- --neo-body-medium-font-size: 16px;
35
- --neo-body-medium-font-weight: 500;
36
- --neo-body-medium-line-height: 1.5rem;
37
- --neo-body-semi-bold-font-family: Inter;
38
- --neo-body-semi-bold-font-size: 16px;
39
- --neo-body-semi-bold-font-weight: 600;
40
- --neo-body-semi-bold-line-height: 1.5rem;
41
33
  --neo-body-small-regular-font-family: Inter;
42
34
  --neo-body-small-regular-font-size: 14px;
43
35
  --neo-body-small-regular-font-weight: 400;
44
36
  --neo-body-small-regular-line-height: 1.5rem;
45
- --neo-body-small-medium-font-family: Inter;
46
- --neo-body-small-medium-font-size: 14px;
47
- --neo-body-small-medium-font-weight: 500;
48
- --neo-body-small-medium-line-height: 1.5rem;
49
37
  --neo-body-small-semi-bold-font-family: Inter;
50
38
  --neo-body-small-semi-bold-font-size: 14px;
51
39
  --neo-body-small-semi-bold-font-weight: 600;
52
40
  --neo-body-small-semi-bold-line-height: 150%;
41
+ --neo-body-small-medium-font-family: Inter;
42
+ --neo-body-small-medium-font-size: 14px;
43
+ --neo-body-small-medium-font-weight: 500;
44
+ --neo-body-small-medium-line-height: 1.5rem;
53
45
  --neo-body-xs-regular-font-family: Inter;
54
46
  --neo-body-xs-regular-font-size: 12px;
55
47
  --neo-body-xs-regular-font-weight: 400;
56
48
  --neo-body-xs-regular-line-height: 1rem;
57
- --neo-body-xs-medium-font-family: Inter;
58
- --neo-body-xs-medium-font-size: 12px;
59
- --neo-body-xs-medium-font-weight: 500;
60
- --neo-body-xs-medium-line-height: 1rem;
61
49
  --neo-body-xs-semi-bold-font-family: Inter;
62
50
  --neo-body-xs-semi-bold-font-size: 12px;
63
51
  --neo-body-xs-semi-bold-font-weight: 600;
64
52
  --neo-body-xs-semi-bold-line-height: 150%;
65
- --neo-body-xxs-font-family: Inter;
66
- --neo-body-xxs-font-size: 10px;
67
- --neo-body-xxs-font-weight: 400;
68
- --neo-body-xxs-line-height: 1rem;
53
+ --neo-body-xs-medium-font-family: Inter;
54
+ --neo-body-xs-medium-font-size: 12px;
55
+ --neo-body-xs-medium-font-weight: 500;
56
+ --neo-body-xs-medium-line-height: 1rem;
69
57
  --neo-body-code-small-font-family: JetBrains Mono NL;
70
58
  --neo-body-code-small-font-size: 14px;
71
59
  --neo-body-code-small-font-weight: 400;
@@ -74,18 +62,30 @@
74
62
  --neo-body-code-xs-font-size: 12px;
75
63
  --neo-body-code-xs-font-weight: 400;
76
64
  --neo-body-code-xs-line-height: 1.5rem;
65
+ --neo-body-xxs-font-family: Inter;
66
+ --neo-body-xxs-font-size: 10px;
67
+ --neo-body-xxs-font-weight: 400;
68
+ --neo-body-xxs-line-height: 1rem;
69
+ --neo-body-semi-bold-font-family: Inter;
70
+ --neo-body-semi-bold-font-size: 16px;
71
+ --neo-body-semi-bold-font-weight: 600;
72
+ --neo-body-semi-bold-line-height: 1.5rem;
73
+ --neo-body-medium-font-family: Inter;
74
+ --neo-body-medium-font-size: 16px;
75
+ --neo-body-medium-font-weight: 500;
76
+ --neo-body-medium-line-height: 1.5rem;
77
77
  --neo-navigation-label-font-family: Inter;
78
78
  --neo-navigation-label-font-size: 10px;
79
79
  --neo-navigation-label-font-weight: 400;
80
80
  --neo-navigation-label-line-height: 1rem;
81
- --neo-navigation-label-default-font-family: Inter;
82
- --neo-navigation-label-default-font-size: 10px;
83
- --neo-navigation-label-default-font-weight: 400;
84
- --neo-navigation-label-default-line-height: 1rem;
85
81
  --neo-navigation-label-selected-font-family: Inter;
86
82
  --neo-navigation-label-selected-font-size: 10px;
87
83
  --neo-navigation-label-selected-font-weight: 600;
88
84
  --neo-navigation-label-selected-line-height: 1rem;
85
+ --neo-navigation-label-default-font-family: Inter;
86
+ --neo-navigation-label-default-font-size: 10px;
87
+ --neo-navigation-label-default-font-weight: 400;
88
+ --neo-navigation-label-default-line-height: 1rem;
89
89
  --neo-tab-active-font-family: Inter;
90
90
  --neo-tab-active-font-size: 14px;
91
91
  --neo-tab-active-font-weight: 600;
@@ -98,24 +98,24 @@
98
98
  --neo-button-font-size: 14px;
99
99
  --neo-button-font-weight: 500;
100
100
  --neo-button-line-height: 1.25rem;
101
- --neo-link-default-font-family: Inter;
102
- --neo-link-default-font-size: 16px;
103
- --neo-link-default-font-weight: 400;
104
- --neo-link-default-line-height: 1.5rem;
105
101
  --neo-link-hover-font-family: Inter;
106
102
  --neo-link-hover-font-size: 16px;
107
103
  --neo-link-hover-font-weight: 400;
108
104
  --neo-link-hover-line-height: 1.5rem;
109
105
  --neo-link-hover-text-decoration: underline;
110
- --neo-link-small-font-family: Inter;
111
- --neo-link-small-font-size: 14px;
112
- --neo-link-small-font-weight: 500;
113
- --neo-link-small-line-height: 1.5rem;
106
+ --neo-link-default-font-family: Inter;
107
+ --neo-link-default-font-size: 16px;
108
+ --neo-link-default-font-weight: 400;
109
+ --neo-link-default-line-height: 1.5rem;
114
110
  --neo-link-small-hover-font-family: Inter;
115
111
  --neo-link-small-hover-font-size: 14px;
116
112
  --neo-link-small-hover-font-weight: 500;
117
113
  --neo-link-small-hover-line-height: 1.5rem;
118
114
  --neo-link-small-hover-text-decoration: underline;
115
+ --neo-link-small-font-family: Inter;
116
+ --neo-link-small-font-size: 14px;
117
+ --neo-link-small-font-weight: 500;
118
+ --neo-link-small-line-height: 1.5rem;
119
119
  --neo-link-large-font-family: Inter;
120
120
  --neo-link-large-font-size: 16px;
121
121
  --neo-link-large-font-weight: 600;