@nova-design-system/nova-base 3.16.0 → 3.18.0-beta.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 (10) hide show
  1. package/assets/icons/icon-sprite.svg +1 -1
  2. package/dist/cjs/plugin/nova-plugin.js +111 -239
  3. package/dist/cjs/plugin/nova-safelist.js +6 -6
  4. package/dist/css/ocean.css +1 -0
  5. package/dist/css/spark.css +1 -0
  6. package/dist/js/primitives.d.ts +1 -0
  7. package/dist/js/primitives.js +1 -0
  8. package/dist/plugin/nova-plugin.js +105 -260
  9. package/dist/plugin/nova-safelist.js +6 -6
  10. package/package.json +1 -1
package/dist/cjs/plugin/nova-plugin.js CHANGED
@@ -23,72 +23,132 @@ var nova_tailwind_tokens_js_1 = require("../generated/nova-tailwind-tokens.js");
23
23
  var nova_tailwind_components_js_1 = require("../generated/nova-tailwind-components.js");
24
24
  exports.novaTailwindPlugin = (0, plugin_js_1.default)(function (_a) {
25
25
  var addUtilities = _a.addUtilities, addComponents = _a.addComponents, addBase = _a.addBase, theme = _a.theme;
26
- addBase({
27
- 'body, html': {
26
+ addBase(__assign({ 'body, html': {
28
27
  'background-color': theme('colors.background'),
29
28
  color: theme('colors.text'),
30
- },
31
- '*:disabled': {
29
+ }, '*:disabled': {
32
30
  cursor: 'not-allowed',
33
- },
34
- '*:focus, *:focus-within': {
31
+ }, '*:focus, *:focus-within': {
35
32
  outline: 'none',
36
- },
37
- 'button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible': {
33
+ }, 'button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible': {
38
34
  outline: 'var(--focus-outline-stroke) solid var(--color-focus-brand)',
39
35
  'outline-offset': 'var(--focus-outline-offset)',
40
36
  'border-radius': 'var(--radius-rounded)',
41
- },
42
- a: {
37
+ }, a: {
43
38
  color: 'var(--color-interaction-link-high-text)',
44
39
  'text-decoration': 'underline',
45
40
  fontWeight: 'var(--font-weight-high-emphasis)',
46
- },
47
- 'a:hover': {
41
+ }, 'a:hover': {
48
42
  color: 'var(--color-interaction-link-high-text-hover)',
49
- },
50
- 'no-underline': {
43
+ }, 'no-underline': {
51
44
  'text-decoration': 'none',
45
+ } }, (function () {
46
+ var headingConfig = {
47
+ h1: { level: 'h1', color: 'high' },
48
+ h2: { level: 'h2', color: 'high' },
49
+ h3: { level: 'h3', color: 'high' },
50
+ h4: { level: 'h4', color: 'high' },
51
+ h5: {
52
+ level: 'h4',
53
+ fontWeight: 'var(--font-weight-medium-emphasis)',
54
+ color: 'medium',
55
+ },
56
+ h6: {
57
+ level: 'h4',
58
+ fontWeight: 'var(--font-weight-low-emphasis)',
59
+ color: 'low',
60
+ },
61
+ };
62
+ return Object.entries(headingConfig).reduce(function (acc, _a) {
63
+ var tag = _a[0], config = _a[1];
64
+ acc[tag] = {
65
+ fontSize: "var(--global-typography-".concat(config.level, "-font-size)"),
66
+ lineHeight: "var(--global-typography-".concat(config.level, "-line-height)"),
67
+ fontWeight: 'fontWeight' in config
68
+ ? config.fontWeight
69
+ : "var(--global-typography-".concat(config.level, "-font-weight)"),
70
+ color: "var(--color-content-".concat(config.color, "-text)"),
71
+ };
72
+ return acc;
73
+ }, {});
74
+ })()));
75
+ addComponents(__assign({}, nova_tailwind_components_js_1.NOVA_TAILWIND_COMPONENTS));
76
+ // Typography configuration for programmatic utility generation
77
+ var typographyConfig = {
78
+ heading: {
79
+ xl: {
80
+ size: '4xl',
81
+ lineHeight: 'leading-px-10',
82
+ letterSpacing: 'heading-xl',
83
+ },
84
+ lg: {
85
+ size: '3xl',
86
+ lineHeight: 'leading-px-8',
87
+ letterSpacing: 'heading-lg',
88
+ },
89
+ md: {
90
+ size: '2xl',
91
+ lineHeight: 'leading-px-7',
92
+ letterSpacing: 'heading-md',
93
+ },
94
+ sm: {
95
+ size: 'xl',
96
+ lineHeight: 'leading-px-6',
97
+ letterSpacing: 'heading-sm',
98
+ },
99
+ xs: {
100
+ size: 'lg',
101
+ lineHeight: 'leading-px-6',
102
+ letterSpacing: 'heading-xs',
103
+ },
52
104
  },
53
- h1: {
54
- fontSize: 'var(--global-typography-h1-font-size)',
55
- lineHeight: 'var(--global-typography-h1-line-height)',
56
- fontWeight: 'var(--global-typography-h1-font-weight)',
57
- color: 'var(--color-content-high-text)',
58
- },
59
- h2: {
60
- fontSize: 'var(--global-typography-h2-font-size)',
61
- lineHeight: 'var(--global-typography-h2-line-height)',
62
- fontWeight: 'var(--global-typography-h2-font-weight)',
63
- color: 'var(--color-content-high-text)',
64
- },
65
- h3: {
66
- fontSize: 'var(--global-typography-h3-font-size)',
67
- lineHeight: 'var(--global-typography-h3-line-height)',
68
- fontWeight: 'var(--global-typography-h3-font-weight)',
69
- color: 'var(--color-content-high-text)',
70
- },
71
- h4: {
72
- fontSize: 'var(--global-typography-h4-font-size)',
73
- lineHeight: 'var(--global-typography-h4-line-height)',
74
- fontWeight: 'var(--global-typography-h4-font-weight)',
75
- color: 'var(--color-content-high-text)',
76
- },
77
- h5: {
78
- fontSize: 'var(--global-typography-h4-font-size)',
79
- lineHeight: 'var(--global-typography-h4-line-height)',
80
- fontWeight: 'var(--font-weight-medium-emphasis)',
81
- color: 'var(--color-content-medium-text)',
105
+ text: {
106
+ xl: { size: 'xl', lineHeight: 'xl' },
107
+ lg: { size: 'lg', lineHeight: 'lg' },
108
+ md: { size: 'md', lineHeight: 'base' },
109
+ sm: { size: 'sm', lineHeight: 'sm' },
110
+ xs: { size: 'xs', lineHeight: 'xs' },
82
111
  },
83
- h6: {
84
- fontSize: 'var(--global-typography-h4-font-size)',
85
- lineHeight: 'var(--global-typography-h4-line-height)',
86
- fontWeight: 'var(--font-weight-low-emphasis)',
87
- color: 'var(--color-content-low-text)',
112
+ mono: {
113
+ md: { size: 'md', lineHeight: 'base' },
114
+ sm: { size: 'sm', lineHeight: 'sm' },
115
+ xs: { size: 'xs', lineHeight: 'xs' },
88
116
  },
117
+ };
118
+ var weights = ['regular', 'medium', 'bold'];
119
+ var weightMap = {
120
+ regular: 'low-emphasis',
121
+ medium: 'medium-emphasis',
122
+ bold: 'high-emphasis',
123
+ };
124
+ // Generate typography utilities programmatically
125
+ var typographyUtilities = {};
126
+ Object.entries(typographyConfig).forEach(function (_a) {
127
+ var type = _a[0], sizes = _a[1];
128
+ Object.entries(sizes).forEach(function (_a) {
129
+ var size = _a[0], config = _a[1];
130
+ weights.forEach(function (weight) {
131
+ var className = ".typo-".concat(type, "-").concat(size, "-").concat(weight);
132
+ var baseStyles = {
133
+ 'font-size': "var(--font-size-".concat(config.size, ")"),
134
+ 'font-weight': "var(--font-weight-".concat(weightMap[weight], ")"),
135
+ 'line-height': "var(--".concat(config.lineHeight.startsWith('leading-')
136
+ ? config.lineHeight
137
+ : "line-height-".concat(config.lineHeight), ")"),
138
+ };
139
+ // Add letter-spacing for headings
140
+ if (type === 'heading' && 'letterSpacing' in config) {
141
+ baseStyles['letter-spacing'] = "var(--letter-spacing-".concat(config.letterSpacing, ")");
142
+ }
143
+ // Add font-family for mono
144
+ if (type === 'mono') {
145
+ baseStyles['font-family'] = 'var(--font-family-mono), monospace';
146
+ }
147
+ typographyUtilities[className] = baseStyles;
148
+ });
149
+ });
89
150
  });
90
- addComponents(__assign({}, nova_tailwind_components_js_1.NOVA_TAILWIND_COMPONENTS));
91
- addUtilities(__assign(__assign({}, nova_tailwind_tokens_js_1.NOVA_TAILWIND_TOKENS), { '.w-inherit': {
151
+ addUtilities(__assign(__assign(__assign({}, nova_tailwind_tokens_js_1.NOVA_TAILWIND_TOKENS), { '.w-inherit': {
92
152
  width: 'inherit',
93
153
  }, '.w-initial': {
94
154
  width: 'initial',
@@ -100,194 +160,6 @@ exports.novaTailwindPlugin = (0, plugin_js_1.default)(function (_a) {
100
160
  width: 'revert',
101
161
  }, '.w-unset': {
102
162
  width: 'unset',
103
- },
104
- // Typography utilities
105
- // .typo-{type}-{size}-{weight}
106
- // Headings
107
- '.typo-heading-xl-regular': {
108
- 'font-size': 'var(--font-size-4xl)',
109
- 'font-weight': 'var(--font-weight-low-emphasis)',
110
- 'line-height': 'var(--leading-px-10)',
111
- 'letter-spacing': 'var(--letter-spacing-heading-xl)',
112
- }, '.typo-heading-xl-medium': {
113
- 'font-size': 'var(--font-size-4xl)',
114
- 'font-weight': 'var(--font-weight-medium-emphasis)',
115
- 'line-height': 'var(--leading-px-10)',
116
- 'letter-spacing': 'var(--letter-spacing-heading-xl)',
117
- }, '.typo-heading-xl-bold': {
118
- 'font-size': 'var(--font-size-4xl)',
119
- 'font-weight': 'var(--font-weight-high-emphasis)',
120
- 'line-height': 'var(--leading-px-10)',
121
- 'letter-spacing': 'var(--letter-spacing-heading-xl)',
122
- }, '.typo-heading-lg-regular': {
123
- 'font-size': 'var(--font-size-3xl)',
124
- 'font-weight': 'var(--font-weight-low-emphasis)',
125
- 'line-height': 'var(--leading-px-8)',
126
- 'letter-spacing': 'var(--letter-spacing-heading-lg)',
127
- }, '.typo-heading-lg-medium': {
128
- 'font-size': 'var(--font-size-3xl)',
129
- 'font-weight': 'var(--font-weight-medium-emphasis)',
130
- 'line-height': 'var(--leading-px-8)',
131
- 'letter-spacing': 'var(--letter-spacing-heading-lg)',
132
- }, '.typo-heading-lg-bold': {
133
- 'font-size': 'var(--font-size-3xl)',
134
- 'font-weight': 'var(--font-weight-high-emphasis)',
135
- 'line-height': 'var(--leading-px-8)',
136
- 'letter-spacing': 'var(--letter-spacing-heading-lg)',
137
- }, '.typo-heading-md-regular': {
138
- 'font-size': 'var(--font-size-2xl)',
139
- 'font-weight': 'var(--font-weight-low-emphasis)',
140
- 'line-height': 'var(--leading-px-7)',
141
- 'letter-spacing': 'var(--letter-spacing-heading-md)',
142
- }, '.typo-heading-md-medium': {
143
- 'font-size': 'var(--font-size-2xl)',
144
- 'font-weight': 'var(--font-weight-medium-emphasis)',
145
- 'line-height': 'var(--leading-px-7)',
146
- 'letter-spacing': 'var(--letter-spacing-heading-md)',
147
- }, '.typo-heading-md-bold': {
148
- 'font-size': 'var(--font-size-2xl)',
149
- 'font-weight': 'var(--font-weight-high-emphasis)',
150
- 'line-height': 'var(--leading-px-7)',
151
- 'letter-spacing': 'var(--letter-spacing-heading-md)',
152
- }, '.typo-heading-sm-regular': {
153
- 'font-size': 'var(--font-size-xl)',
154
- 'font-weight': 'var(--font-weight-low-emphasis)',
155
- 'line-height': 'var(--leading-px-6)',
156
- 'letter-spacing': 'var(--letter-spacing-heading-sm)',
157
- }, '.typo-heading-sm-medium': {
158
- 'font-size': 'var(--font-size-xl)',
159
- 'font-weight': 'var(--font-weight-medium-emphasis)',
160
- 'line-height': 'var(--leading-px-6)',
161
- 'letter-spacing': 'var(--letter-spacing-heading-sm)',
162
- }, '.typo-heading-sm-bold': {
163
- 'font-size': 'var(--font-size-xl)',
164
- 'font-weight': 'var(--font-weight-high-emphasis)',
165
- 'line-height': 'var(--leading-px-6)',
166
- 'letter-spacing': 'var(--letter-spacing-heading-sm)',
167
- }, '.typo-heading-xs-regular': {
168
- 'font-size': 'var(--font-size-lg)',
169
- 'font-weight': 'var(--font-weight-low-emphasis)',
170
- 'line-height': 'var(--leading-px-6)',
171
- 'letter-spacing': 'var(--letter-spacing-heading-xs)',
172
- }, '.typo-heading-xs-medium': {
173
- 'font-size': 'var(--font-size-lg)',
174
- 'font-weight': 'var(--font-weight-medium-emphasis)',
175
- 'line-height': 'var(--leading-px-6)',
176
- 'letter-spacing': 'var(--letter-spacing-heading-xs)',
177
- }, '.typo-heading-xs-bold': {
178
- 'font-size': 'var(--font-size-lg)',
179
- 'font-weight': 'var(--font-weight-high-emphasis)',
180
- 'line-height': 'var(--leading-px-6)',
181
- 'letter-spacing': 'var(--letter-spacing-heading-xs)',
182
- },
183
- // Text
184
- '.typo-text-xl-regular': {
185
- 'font-size': 'var(--font-size-xl)',
186
- 'font-weight': 'var(--font-weight-low-emphasis)',
187
- 'line-height': 'var(--line-height-xl)',
188
- }, '.typo-text-xl-medium': {
189
- 'font-size': 'var(--font-size-xl)',
190
- 'font-weight': 'var(--font-weight-medium-emphasis)',
191
- 'line-height': 'var(--line-height-xl)',
192
- }, '.typo-text-xl-bold': {
193
- 'font-size': 'var(--font-size-xl)',
194
- 'font-weight': 'var(--font-weight-high-emphasis)',
195
- 'line-height': 'var(--line-height-xl)',
196
- }, '.typo-text-lg-regular': {
197
- 'font-size': 'var(--font-size-lg)',
198
- 'font-weight': 'var(--font-weight-low-emphasis)',
199
- 'line-height': 'var(--line-height-lg)',
200
- }, '.typo-text-lg-medium': {
201
- 'font-size': 'var(--font-size-lg)',
202
- 'font-weight': 'var(--font-weight-medium-emphasis)',
203
- 'line-height': 'var(--line-height-lg)',
204
- }, '.typo-text-lg-bold': {
205
- 'font-size': 'var(--font-size-lg)',
206
- 'font-weight': 'var(--font-weight-high-emphasis)',
207
- 'line-height': 'var(--line-height-lg)',
208
- }, '.typo-text-md-regular': {
209
- 'font-size': 'var(--font-size-md)',
210
- 'font-weight': 'var(--font-weight-low-emphasis)',
211
- 'line-height': 'var(--line-height-base)',
212
- }, '.typo-text-md-medium': {
213
- 'font-size': 'var(--font-size-md)',
214
- 'font-weight': 'var(--font-weight-medium-emphasis)',
215
- 'line-height': 'var(--line-height-base)',
216
- }, '.typo-text-md-bold': {
217
- 'font-size': 'var(--font-size-md)',
218
- 'font-weight': 'var(--font-weight-high-emphasis)',
219
- 'line-height': 'var(--line-height-base)',
220
- }, '.typo-text-sm-regular': {
221
- 'font-size': 'var(--font-size-sm)',
222
- 'font-weight': 'var(--font-weight-low-emphasis)',
223
- 'line-height': 'var(--line-height-sm)',
224
- }, '.typo-text-sm-medium': {
225
- 'font-size': 'var(--font-size-sm)',
226
- 'font-weight': 'var(--font-weight-medium-emphasis)',
227
- 'line-height': 'var(--line-height-sm)',
228
- }, '.typo-text-sm-bold': {
229
- 'font-size': 'var(--font-size-sm)',
230
- 'font-weight': 'var(--font-weight-high-emphasis)',
231
- 'line-height': 'var(--line-height-sm)',
232
- }, '.typo-text-xs-regular': {
233
- 'font-size': 'var(--font-size-xs)',
234
- 'font-weight': 'var(--font-weight-low-emphasis)',
235
- 'line-height': 'var(--line-height-xs)',
236
- }, '.typo-text-xs-medium': {
237
- 'font-size': 'var(--font-size-xs)',
238
- 'font-weight': 'var(--font-weight-medium-emphasis)',
239
- 'line-height': 'var(--line-height-xs)',
240
- }, '.typo-text-xs-bold': {
241
- 'font-size': 'var(--font-size-xs)',
242
- 'font-weight': 'var(--font-weight-high-emphasis)',
243
- 'line-height': 'var(--line-height-xs)',
244
- },
245
- // Mono
246
- '.typo-mono-md-regular': {
247
- 'font-family': 'var(--font-family-default), var(--font-family-fallback), sans-serif',
248
- 'font-size': 'var(--font-size-md)',
249
- 'font-weight': 'var(--font-weight-low-emphasis)',
250
- 'line-height': 'var(--line-height-base)',
251
- }, '.typo-mono-md-medium': {
252
- 'font-family': 'var(--font-family-default), var(--font-family-fallback), sans-serif',
253
- 'font-size': 'var(--font-size-md)',
254
- 'font-weight': 'var(--font-weight-medium-emphasis)',
255
- 'line-height': 'var(--line-height-base)',
256
- }, '.typo-mono-md-bold': {
257
- 'font-family': 'var(--font-family-default), var(--font-family-fallback), sans-serif',
258
- 'font-size': 'var(--font-size-md)',
259
- 'font-weight': 'var(--font-weight-high-emphasis)',
260
- 'line-height': 'var(--line-height-base)',
261
- }, '.typo-mono-sm-regular': {
262
- 'font-family': 'var(--font-family-default), var(--font-family-fallback), sans-serif',
263
- 'font-size': 'var(--font-size-sm)',
264
- 'font-weight': 'var(--font-weight-low-emphasis)',
265
- 'line-height': 'var(--line-height-sm)',
266
- }, '.typo-mono-sm-medium': {
267
- 'font-family': 'var(--font-family-default), var(--font-family-fallback), sans-serif',
268
- 'font-size': 'var(--font-size-sm)',
269
- 'font-weight': 'var(--font-weight-medium-emphasis)',
270
- 'line-height': 'var(--line-height-sm)',
271
- }, '.typo-mono-sm-bold': {
272
- 'font-family': 'var(--font-family-default), var(--font-family-fallback), sans-serif',
273
- 'font-size': 'var(--font-size-sm)',
274
- 'font-weight': 'var(--font-weight-high-emphasis)',
275
- 'line-height': 'var(--line-height-sm)',
276
- }, '.typo-mono-xs-regular': {
277
- 'font-family': 'var(--font-family-default), var(--font-family-fallback), sans-serif',
278
- 'font-size': 'var(--font-size-xs)',
279
- 'font-weight': 'var(--font-weight-low-emphasis)',
280
- 'line-height': 'var(--line-height-xs)',
281
- }, '.typo-mono-xs-medium': {
282
- 'font-family': 'var(--font-family-default), var(--font-family-fallback), sans-serif',
283
- 'font-size': 'var(--font-size-xs)',
284
- 'font-weight': 'var(--font-weight-medium-emphasis)',
285
- 'line-height': 'var(--line-height-xs)',
286
- }, '.typo-mono-xs-bold': {
287
- 'font-family': 'var(--font-family-default), var(--font-family-fallback), sans-serif',
288
- 'font-size': 'var(--font-size-xs)',
289
- 'font-weight': 'var(--font-weight-high-emphasis)',
290
- 'line-height': 'var(--line-height-xs)',
291
- } }));
163
+ } }), typographyUtilities));
292
164
  });
293
165
  exports.default = exports.novaTailwindPlugin;
package/dist/cjs/plugin/nova-safelist.js CHANGED
@@ -325,11 +325,11 @@ var resize = [
325
325
  },
326
326
  ];
327
327
  // From the nova tailwind plugin (nova-plugin.ts)
328
- var utils = [
329
- { pattern: /^text-(high|medium|low)$/ },
330
- { pattern: /^bg-level-(00|10|20|30|40)(-hover)?$/ },
331
- { pattern: /^border-(high|medium|low)$/ },
332
- ];
328
+ /*const utils = [
329
+ { pattern: /^text-(high|medium|low)$/ },
330
+ { pattern: /^bg-level-(00|10|20|30|40)(-hover)?$/ },
331
+ { pattern: /^border-(high|medium|low)$/ },
332
+ ];*/
333
333
  // From the nova tailwind components (nova-tailwind-components.ts)
334
334
  var components = __spreadArray([], Object.keys(nova_tailwind_components_js_1.NOVA_TAILWIND_COMPONENTS).filter(function (key) {
335
335
  return /^\.[a-zA-Z0-9-]+$/.test(key);
@@ -338,4 +338,4 @@ var components = __spreadArray([], Object.keys(nova_tailwind_components_js_1.NOV
338
338
  var tokens = __spreadArray(__spreadArray([], Object.keys(nova_tailwind_tokens_js_1.NOVA_TAILWIND_TOKENS), true), [
339
339
  { pattern: /-hover$/, variants: ['hover'] },
340
340
  ], false);
341
- exports.novaThemeSafelist = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], exports.padding, true), exports.margin, true), exports.gap, true), flexBox, true), grid, true), spaceBetween, true), overflow, true), position, true), display, true), textAlign, true), textSize, true), whitespace, true), verticalAlign, true), fontWeight, true), fontFamily, true), borders, true), width, true), height, true), colors, true), cursors, true), resize, true), utils, true), components, true), tokens, true);
341
+ exports.novaThemeSafelist = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], exports.padding, true), exports.margin, true), exports.gap, true), flexBox, true), grid, true), spaceBetween, true), overflow, true), position, true), display, true), textAlign, true), textSize, true), whitespace, true), verticalAlign, true), fontWeight, true), fontFamily, true), borders, true), width, true), height, true), colors, true), cursors, true), resize, true), components, true), tokens, true);
package/dist/css/ocean.css CHANGED
@@ -1344,6 +1344,7 @@
1344
1344
  --font-size-sm: 14.0000px;
1345
1345
  --font-size-xs: 12.0000px;
1346
1346
  --font-family-fallback: Arial;
1347
+ --font-family-mono: TT Norms Pro Mono;
1347
1348
  --font-family-default: TT Norms Pro;
1348
1349
  --color-yellow-900: #4d3a00;
1349
1350
  --color-yellow-800: #795c00;
package/dist/css/spark.css CHANGED
@@ -1344,6 +1344,7 @@
1344
1344
  --font-size-sm: 14.0000px;
1345
1345
  --font-size-xs: 12.0000px;
1346
1346
  --font-family-fallback: Arial;
1347
+ --font-family-mono: TT Norms Pro Mono;
1347
1348
  --font-family-default: TT Norms Pro;
1348
1349
  --color-yellow-900: #4d3a00;
1349
1350
  --color-yellow-800: #795c00;
package/dist/js/primitives.d.ts CHANGED
@@ -181,6 +181,7 @@ export const ColorYellow700 : string;
181
181
  export const ColorYellow800 : string;
182
182
  export const ColorYellow900 : string;
183
183
  export const FontFamilyDefault : string;
184
+ export const FontFamilyMono : string;
184
185
  export const FontFamilyFallback : string;
185
186
  export const FontSizeXs : string;
186
187
  export const FontSizeSm : string;
package/dist/js/primitives.js CHANGED
@@ -181,6 +181,7 @@ export const ColorYellow700 = "#a67d00";
181
181
  export const ColorYellow800 = "#795c00";
182
182
  export const ColorYellow900 = "#4d3a00";
183
183
  export const FontFamilyDefault = "TT Norms Pro";
184
+ export const FontFamilyMono = "TT Norms Pro Mono";
184
185
  export const FontFamilyFallback = "Arial";
185
186
  export const FontSizeXs = "12.0000px";
186
187
  export const FontSizeSm = "14.0000px";