@nova-design-system/nova-base 3.0.0-beta.16

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 (44) hide show
  1. package/LICENSE.MD +157 -0
  2. package/README.md +94 -0
  3. package/assets/fonts/TT_Norms_Pro_Bold.woff2 +0 -0
  4. package/assets/fonts/TT_Norms_Pro_Medium.woff2 +0 -0
  5. package/assets/fonts/TT_Norms_Pro_Mono_Bold.woff2 +0 -0
  6. package/assets/fonts/TT_Norms_Pro_Mono_Medium.woff2 +0 -0
  7. package/assets/fonts/TT_Norms_Pro_Mono_Regular.woff2 +0 -0
  8. package/assets/fonts/TT_Norms_Pro_Regular.woff2 +0 -0
  9. package/assets/icons/icon-sprite.svg +1 -0
  10. package/assets/nova-fonts.css +3 -0
  11. package/dist/css/nova-utils.css +27979 -0
  12. package/dist/css/ocean.css +1391 -0
  13. package/dist/css/spark.css +1391 -0
  14. package/dist/js/ocean_dark.d.ts +412 -0
  15. package/dist/js/ocean_dark.js +412 -0
  16. package/dist/js/ocean_light.d.ts +412 -0
  17. package/dist/js/ocean_light.js +412 -0
  18. package/dist/js/primitives.d.ts +282 -0
  19. package/dist/js/primitives.js +282 -0
  20. package/dist/js/spacings.d.ts +250 -0
  21. package/dist/js/spacings.js +250 -0
  22. package/dist/js/spark_dark.d.ts +412 -0
  23. package/dist/js/spark_dark.js +412 -0
  24. package/dist/js/spark_light.d.ts +412 -0
  25. package/dist/js/spark_light.js +412 -0
  26. package/dist/lib/cjs/index.js +19 -0
  27. package/dist/lib/cjs/nova-plugin.js +163 -0
  28. package/dist/lib/cjs/nova-safelist.js +333 -0
  29. package/dist/lib/cjs/nova-theme.js +236 -0
  30. package/dist/lib/index.d.ts +3 -0
  31. package/dist/lib/index.js +3 -0
  32. package/dist/lib/nova-plugin.d.ts +7 -0
  33. package/dist/lib/nova-plugin.js +156 -0
  34. package/dist/lib/nova-safelist.d.ts +26 -0
  35. package/dist/lib/nova-safelist.js +344 -0
  36. package/dist/lib/nova-theme.d.ts +88 -0
  37. package/dist/lib/nova-theme.js +233 -0
  38. package/dist/tokens/ocean_dark.json +1900 -0
  39. package/dist/tokens/ocean_light.json +1900 -0
  40. package/dist/tokens/primitives.json +1358 -0
  41. package/dist/tokens/spacings.json +1110 -0
  42. package/dist/tokens/spark_dark.json +1901 -0
  43. package/dist/tokens/spark_light.json +1900 -0
  44. package/package.json +40 -0
@@ -0,0 +1,333 @@
1
+ "use strict";
2
+ /**
3
+ * @fileoverview Tailwind safelists for Nova
4
+ *
5
+ * This file defines various Tailwind safelists used to compile a CSS file
6
+ * containing utility classes frequently needed in Nova. The output CSS is
7
+ * comprehensive and may be large. If users prefer a more lightweight approach,
8
+ * they can configure Tailwind directly without using the predefined safelists.
9
+ */
10
+ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
11
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
12
+ if (ar || !(i in from)) {
13
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
14
+ ar[i] = from[i];
15
+ }
16
+ }
17
+ return to.concat(ar || Array.prototype.slice.call(from));
18
+ };
19
+ Object.defineProperty(exports, "__esModule", { value: true });
20
+ exports.novaThemeSafelist = exports.gap = exports.margin = exports.padding = exports.pointer = exports.colorSchemes = exports.responsive = void 0;
21
+ var nova_theme_js_1 = require("./nova-theme.js");
22
+ // Enables responsive spacing modifiers for safelist variants
23
+ exports.responsive = ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'];
24
+ // Enables responsive color schemes for safelist variants
25
+ exports.colorSchemes = ['light', 'dark'];
26
+ // Enables pointer states for safelist variants
27
+ exports.pointer = ['hover', 'focus', 'active'];
28
+ exports.padding = [
29
+ {
30
+ pattern: new RegExp("^p-(".concat(Object.keys(nova_theme_js_1.spacing).join('|'), ")$")),
31
+ variants: exports.responsive,
32
+ },
33
+ {
34
+ pattern: new RegExp("^py-(".concat(Object.keys(nova_theme_js_1.spacing).join('|'), ")$")),
35
+ variants: exports.responsive,
36
+ },
37
+ {
38
+ pattern: new RegExp("^px-(".concat(Object.keys(nova_theme_js_1.spacing).join('|'), ")$")),
39
+ variants: exports.responsive,
40
+ },
41
+ {
42
+ pattern: new RegExp("^pt-(".concat(Object.keys(nova_theme_js_1.spacing).join('|'), ")$")),
43
+ variants: exports.responsive,
44
+ },
45
+ {
46
+ pattern: new RegExp("^pr-(".concat(Object.keys(nova_theme_js_1.spacing).join('|'), ")$")),
47
+ variants: exports.responsive,
48
+ },
49
+ {
50
+ pattern: new RegExp("^pb-(".concat(Object.keys(nova_theme_js_1.spacing).join('|'), ")$")),
51
+ variants: exports.responsive,
52
+ },
53
+ {
54
+ pattern: new RegExp("^pl-(".concat(Object.keys(nova_theme_js_1.spacing).join('|'), ")$")),
55
+ variants: exports.responsive,
56
+ },
57
+ ];
58
+ exports.margin = [
59
+ {
60
+ pattern: new RegExp("^m-(".concat(Object.keys(nova_theme_js_1.spacing).join('|'), "|auto)$")),
61
+ variants: exports.responsive,
62
+ },
63
+ {
64
+ pattern: new RegExp("^my-(".concat(Object.keys(nova_theme_js_1.spacing).join('|'), "|auto)$")),
65
+ variants: exports.responsive,
66
+ },
67
+ {
68
+ pattern: new RegExp("^mx-(".concat(Object.keys(nova_theme_js_1.spacing).join('|'), "|auto)$")),
69
+ variants: exports.responsive,
70
+ },
71
+ {
72
+ pattern: new RegExp("^mt-(".concat(Object.keys(nova_theme_js_1.spacing).join('|'), "|auto)$")),
73
+ variants: exports.responsive,
74
+ },
75
+ {
76
+ pattern: new RegExp("^mr-(".concat(Object.keys(nova_theme_js_1.spacing).join('|'), "|auto)$")),
77
+ variants: exports.responsive,
78
+ },
79
+ {
80
+ pattern: new RegExp("^mb-(".concat(Object.keys(nova_theme_js_1.spacing).join('|'), "|auto)$")),
81
+ variants: exports.responsive,
82
+ },
83
+ {
84
+ pattern: new RegExp("^ml-(".concat(Object.keys(nova_theme_js_1.spacing).join('|'), "|auto)$")),
85
+ variants: exports.responsive,
86
+ },
87
+ ];
88
+ exports.gap = [
89
+ {
90
+ pattern: new RegExp("^gap-(".concat(Object.keys(nova_theme_js_1.spacing).join('|'), ")$")),
91
+ variants: exports.responsive,
92
+ },
93
+ {
94
+ pattern: new RegExp("^gap-x-(".concat(Object.keys(nova_theme_js_1.spacing).join('|'), ")$")),
95
+ variants: exports.responsive,
96
+ },
97
+ {
98
+ pattern: new RegExp("^gap-y-(".concat(Object.keys(nova_theme_js_1.spacing).join('|'), ")$")),
99
+ variants: exports.responsive,
100
+ },
101
+ ];
102
+ var flexBox = [
103
+ { pattern: /^flex$/, variants: exports.responsive },
104
+ { pattern: /^inline-flex$/, variants: exports.responsive },
105
+ { pattern: /^flex-row$/, variants: exports.responsive },
106
+ { pattern: /^flex-row-reverse$/, variants: exports.responsive },
107
+ { pattern: /^flex-col$/, variants: exports.responsive },
108
+ { pattern: /^flex-col-reverse$/, variants: exports.responsive },
109
+ { pattern: /^flex-wrap$/, variants: exports.responsive },
110
+ { pattern: /^flex-wrap-reverse$/, variants: exports.responsive },
111
+ { pattern: /^flex-nowrap$/, variants: exports.responsive },
112
+ {
113
+ pattern: /^place-content-(start|end|center|between|around|evenly)$/,
114
+ variants: exports.responsive,
115
+ },
116
+ { pattern: /^place-items-(start|end|center|stretch)$/, variants: exports.responsive },
117
+ {
118
+ pattern: /^place-self-(auto|start|end|center|stretch)$/,
119
+ variants: exports.responsive,
120
+ },
121
+ {
122
+ pattern: /^justify-(start|end|center|between|around|evenly)$/,
123
+ variants: exports.responsive,
124
+ },
125
+ {
126
+ pattern: /^justify-items-(start|end|center|stretch)$/,
127
+ variants: exports.responsive,
128
+ },
129
+ {
130
+ pattern: /^justify-self-(auto|start|end|center|stretch)$/,
131
+ variants: exports.responsive,
132
+ },
133
+ {
134
+ pattern: /^align-(start|end|center|baseline|stretch)$/,
135
+ variants: exports.responsive,
136
+ },
137
+ {
138
+ pattern: /^items-(start|end|center|baseline|stretch)$/,
139
+ variants: exports.responsive,
140
+ },
141
+ {
142
+ pattern: /^self-(auto|start|end|center|baseline|stretch)$/,
143
+ variants: exports.responsive,
144
+ },
145
+ {
146
+ pattern: /^content-(start|end|center|between|around|evenly)$/,
147
+ variants: exports.responsive,
148
+ },
149
+ { pattern: /^order-(\d+|first|last|none)$/, variants: exports.responsive },
150
+ { pattern: /^flex-(\d+|none|auto|initial)$/, variants: exports.responsive },
151
+ { pattern: /^grow-(0|1)$/, variants: exports.responsive },
152
+ { pattern: /^shrink-(0|1)$/, variants: exports.responsive },
153
+ ];
154
+ var grid = [
155
+ { pattern: /^grid$/, variants: exports.responsive },
156
+ { pattern: /^inline-grid$/, variants: exports.responsive },
157
+ { pattern: /^grid-cols-(\d+|none|auto)$/, variants: exports.responsive },
158
+ { pattern: /^grid-rows-(\d+|none|auto)$/, variants: exports.responsive },
159
+ { pattern: /^col-span-(\d+|full)$/, variants: exports.responsive },
160
+ { pattern: /^col-start-(\d+|auto)$/, variants: exports.responsive },
161
+ { pattern: /^col-end-(\d+|auto)$/, variants: exports.responsive },
162
+ { pattern: /^row-span-(\d+|full)$/, variants: exports.responsive },
163
+ { pattern: /^row-start-(\d+|auto)$/, variants: exports.responsive },
164
+ { pattern: /^row-end-(\d+|auto)$/, variants: exports.responsive },
165
+ { pattern: /^gap-(\d+|px)$/, variants: exports.responsive },
166
+ { pattern: /^gap-x-(\d+|px)$/, variants: exports.responsive },
167
+ { pattern: /^gap-y-(\d+|px)$/, variants: exports.responsive },
168
+ {
169
+ pattern: /^auto-cols-(auto|min|max|fr)$/,
170
+ variants: exports.responsive,
171
+ },
172
+ {
173
+ pattern: /^auto-rows-(auto|min|max|fr)$/,
174
+ variants: exports.responsive,
175
+ },
176
+ {
177
+ pattern: /^place-content-(start|end|center|between|around|evenly|stretch)$/,
178
+ variants: exports.responsive,
179
+ },
180
+ {
181
+ pattern: /^place-items-(start|end|center|stretch)$/,
182
+ variants: exports.responsive,
183
+ },
184
+ {
185
+ pattern: /^place-self-(auto|start|end|center|stretch)$/,
186
+ variants: exports.responsive,
187
+ },
188
+ {
189
+ pattern: /^justify-items-(start|end|center|stretch)$/,
190
+ variants: exports.responsive,
191
+ },
192
+ {
193
+ pattern: /^justify-self-(auto|start|end|center|stretch)$/,
194
+ variants: exports.responsive,
195
+ },
196
+ {
197
+ pattern: /^align-(start|end|center|baseline|stretch)$/,
198
+ variants: exports.responsive,
199
+ },
200
+ {
201
+ pattern: /^items-(start|end|center|baseline|stretch)$/,
202
+ variants: exports.responsive,
203
+ },
204
+ {
205
+ pattern: /^self-(auto|start|end|center|baseline|stretch)$/,
206
+ variants: exports.responsive,
207
+ },
208
+ {
209
+ pattern: /^content-(start|end|center|between|around|evenly|stretch)$/,
210
+ variants: exports.responsive,
211
+ },
212
+ ];
213
+ var spaceBetween = [
214
+ {
215
+ pattern: /^space-x-(\d+|px|reverse)$/,
216
+ variants: exports.responsive,
217
+ },
218
+ {
219
+ pattern: /^space-y-(\d+|px|reverse)$/,
220
+ variants: exports.responsive,
221
+ },
222
+ ];
223
+ var overflow = [
224
+ { pattern: /^overflow-(auto|hidden|visible|scroll)$/, variants: exports.responsive },
225
+ {
226
+ pattern: /^overflow-x-(auto|hidden|visible|scroll)$/,
227
+ variants: exports.responsive,
228
+ },
229
+ {
230
+ pattern: /^overflow-y-(auto|hidden|visible|scroll)$/,
231
+ variants: exports.responsive,
232
+ },
233
+ ];
234
+ var position = [
235
+ {
236
+ pattern: /^(static|fixed|absolute|relative|sticky)$/,
237
+ variants: exports.responsive,
238
+ },
239
+ { pattern: /^inset-(0|auto|full)$/ },
240
+ { pattern: /^inset-x-(0|auto|full)$/ },
241
+ { pattern: /^inset-y-(0|auto|full)$/ },
242
+ { pattern: /^top-(0|auto|full)$/, variants: exports.responsive },
243
+ { pattern: /^right-(0|auto|full)$/, variants: exports.responsive },
244
+ { pattern: /^bottom-(0|auto|full)$/, variants: exports.responsive },
245
+ { pattern: /^left-(0|auto|full)$/, variants: exports.responsive },
246
+ { pattern: /^z-(\d+|auto)$/ },
247
+ ];
248
+ var display = [
249
+ {
250
+ pattern: /^(block|inline-block|inline|flex|inline-flex|table|inline-table|table-caption|table-cell|table-column|table-column-group|table-footer-group|table-header-group|table-row-group|table-row|flow-root|grid|inline-grid|contents|hidden)$/,
251
+ },
252
+ ];
253
+ var textAlign = [
254
+ { pattern: /^text-(left|center|right|justify)$/, variants: exports.responsive },
255
+ ];
256
+ var textSize = [
257
+ {
258
+ pattern: /^text-(xs|sm|base|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl|8xl|9xl)$/,
259
+ variants: exports.responsive,
260
+ },
261
+ ];
262
+ var whitespace = [
263
+ {
264
+ pattern: /^whitespace-(normal|nowrap|pre|pre-line|pre-wrap)$/,
265
+ variants: exports.responsive,
266
+ },
267
+ ];
268
+ var verticalAlign = [
269
+ { pattern: /^align-(baseline|top|middle|bottom|text-top|text-bottom)$/ },
270
+ ];
271
+ var fontWeight = [
272
+ {
273
+ pattern: /^font-(thin|extralight|light|normal|medium|semibold|bold|extrabold|black)$/,
274
+ },
275
+ ];
276
+ var borders = [
277
+ { pattern: /^border$/ },
278
+ { pattern: /^border-(\d+|0)$/ },
279
+ { pattern: /^border-(solid|dashed|dotted|double|none)$/ },
280
+ { pattern: /^border-(t|r|b|l|x|y)$/ },
281
+ { pattern: /^border-(t|r|b|l|x|y)-(\d+|0)$/ },
282
+ { pattern: /^rounded$/ },
283
+ { pattern: /^rounded-(t|r|b|l|full|none)$/ },
284
+ { pattern: /^rounded-(tl|tr|bl|br)$/ },
285
+ { pattern: /^rounded-(\d+|sm|md|lg|xl|2xl|3xl)$/ },
286
+ ];
287
+ var width = [
288
+ {
289
+ pattern: /^w-(\d+|auto|full|screen|inherit|initial|max-content|min-content|revert|unset)$/,
290
+ },
291
+ {
292
+ pattern: /^max-w-(\d+|xs|sm|md|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl|full|min|max|prose|screen-(sm|md|lg|xl|2xl))$/,
293
+ },
294
+ ];
295
+ var height = [
296
+ { pattern: /^h-(\d+|auto|full|screen)$/ },
297
+ {
298
+ pattern: /^max-h-(\d+|xs|sm|md|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl|full|min|max|prose|screen-(sm|md|lg|xl|2xl))$/,
299
+ },
300
+ ];
301
+ var colors = [
302
+ { pattern: /^bg-(\w+)$/, variants: exports.colorSchemes },
303
+ { pattern: /^text-(\w+)$/, variants: exports.colorSchemes },
304
+ {
305
+ pattern: /^bg-(green|turquoise|petrol|lime|crimson|red|yellow|gray|amber|orange)-(?!(950))\d{1,3}$/,
306
+ variants: exports.colorSchemes,
307
+ },
308
+ {
309
+ pattern: /^text-(green|turquoise|petrol|lime|crimson|red|yellow|gray|amber|orange)-(?!(950))\d{1,3}$/,
310
+ variants: exports.colorSchemes,
311
+ },
312
+ ];
313
+ var cursors = [
314
+ {
315
+ pattern: /^cursor-(auto|default|pointer|wait|text|move|help|not-allowed|none|progress|crosshair|zoom-in|zoom-out|grab|grabbing|col-resize|row-resize|all-scroll)$/,
316
+ },
317
+ ];
318
+ var resize = [
319
+ {
320
+ pattern: /^resize-(none|y|x)$/,
321
+ variants: exports.responsive,
322
+ },
323
+ ];
324
+ // From the nova tailwind plugin (nova-plugin.ts)
325
+ var utils = [
326
+ { pattern: /^visually-hidden$/, variants: exports.responsive },
327
+ { pattern: /^font-(high|medium|low)-emphasis$/ },
328
+ { pattern: /^bg-level-(00|10|20|30|40)(-hover)?$/ },
329
+ { pattern: /^border-(high|medium|low)-emphasis$/ },
330
+ ];
331
+ // From the nova tailwind plugin (nova-plugin.ts)
332
+ var components = [{ pattern: /^link$/, variants: exports.pointer }];
333
+ exports.novaThemeSafelist = __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), borders, true), width, true), height, true), colors, true), cursors, true), resize, true), utils, true), components, true);
@@ -0,0 +1,236 @@
1
+ "use strict";
2
+ /**
3
+ * @fileoverview This file contains various tailwind extensions for nova
4
+ */
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.novaTailwindTheme = exports.colors = exports.lineHeight = exports.fontSize = exports.borderRadius = exports.fontFamily = exports.spacing = void 0;
7
+ exports.spacing = {
8
+ 0: 'var(--spacing-0)',
9
+ 0.5: 'var(--spacing-0-5)',
10
+ 1: 'var(--spacing-1)',
11
+ 1.5: 'var(--spacing-1-5)',
12
+ 2: 'var(--spacing-2)',
13
+ 2.5: 'var(--spacing-2-5)',
14
+ 3: 'var(--spacing-3)',
15
+ 3.5: 'var(--spacing-3-5)',
16
+ 4: 'var(--spacing-4)',
17
+ 5: 'var(--spacing-5)',
18
+ 6: 'var(--spacing-6)',
19
+ 7: 'var(--spacing-7)',
20
+ 8: 'var(--spacing-8)',
21
+ 9: 'var(--spacing-9)',
22
+ 10: 'var(--spacing-10)',
23
+ 11: 'var(--spacing-11)',
24
+ 12: 'var(--spacing-12)',
25
+ 14: 'var(--spacing-14)',
26
+ 16: 'var(--spacing-16)',
27
+ 20: 'var(--spacing-20)',
28
+ 24: 'var(--spacing-24)',
29
+ 28: 'var(--spacing-28)',
30
+ 32: 'var(--spacing-32)',
31
+ 36: 'var(--spacing-36)',
32
+ 40: 'var(--spacing-40)',
33
+ 44: 'var(--spacing-44)',
34
+ 48: 'var(--spacing-48)',
35
+ 52: 'var(--spacing-52)',
36
+ 56: 'var(--spacing-56)',
37
+ 60: 'var(--spacing-60)',
38
+ 64: 'var(--spacing-64)',
39
+ 72: 'var(--spacing-72)',
40
+ 80: 'var(--spacing-80)',
41
+ 96: 'var(--spacing-96)',
42
+ px: 'var(--spacing-px)',
43
+ };
44
+ exports.fontFamily = {
45
+ sans: 'TT Norms Pro, Montserrat, sans-serif',
46
+ mono: 'TT Norms Pro Mono, monospace',
47
+ };
48
+ exports.borderRadius = {
49
+ none: 'var(--radius-rounded-none)',
50
+ sm: 'var(--radius-rounded-sm)',
51
+ DEFAULT: 'var(--radius-rounded)',
52
+ md: 'var(--radius-rounded-md)',
53
+ lg: 'var(--radius-rounded-lg)',
54
+ xl: 'var(--radius-rounded-xl)',
55
+ '2xl': 'var(--radius-rounded-2xl)',
56
+ '3xl': 'var(--radius-rounded-3xl)',
57
+ full: 'var(--radius-rounded-full)',
58
+ };
59
+ exports.fontSize = {
60
+ xs: ['var(--font-size-xs)', 'var(--line-height-xs)'],
61
+ sm: ['var(--font-size-sm)', 'var(--line-height-sm)'],
62
+ md: ['var(--font-size-md)', 'var(--line-height-md)'],
63
+ lg: ['var(--font-size-lg)', 'var(--line-height-lg)'],
64
+ xl: ['var(--font-size-xl)', 'var(--line-height-xl)'],
65
+ '2xl': ['var(--font-size-2xl)', 'var(--line-height-2xl)'],
66
+ '3xl': ['var(--font-size-3xl)', 'var(--line-height-3xl)'],
67
+ '4xl': ['var(--font-size-4xl)', 'var(--line-height-4xl)'],
68
+ '5xl': ['var(--font-size-5xl)', 'var(--line-height-5xl)'],
69
+ '6xl': ['var(--font-size-6xl)', 'var(--line-height-6xl)'],
70
+ '7xl': ['var(--font-size-7xl)', 'var(--line-height-7xl)'],
71
+ '8xl': ['var(--font-size-8xl)', 'var(--line-height-8xl)'],
72
+ '9xl': ['var(--font-size-9xl)', 'var(--line-height-9xl)'],
73
+ };
74
+ exports.lineHeight = {
75
+ xs: 'var(--line-height-xs)',
76
+ sm: 'var(--line-height-sm)',
77
+ md: 'var(--line-height-md)',
78
+ lg: 'var(--line-height-lg)',
79
+ xl: 'var(--line-height-xl)',
80
+ '2xl': 'var(--line-height-2xl)',
81
+ '3xl': 'var(--line-height-3xl)',
82
+ '4xl': 'var(--line-height-4xl)',
83
+ '5xl': 'var(--line-height-5xl)',
84
+ '6xl': 'var(--line-height-6xl)',
85
+ '7xl': 'var(--line-height-7xl)',
86
+ '8xl': 'var(--line-height-8xl)',
87
+ '9xl': 'var(--line-height-9xl)',
88
+ };
89
+ exports.colors = {
90
+ background: 'var(--color-base-level-00)',
91
+ text: 'var(--color-base-content-medium-emphasis)',
92
+ green: {
93
+ 50: 'var(--color-green-50)',
94
+ 100: 'var(--color-green-100)',
95
+ 200: 'var(--color-green-200)',
96
+ 300: 'var(--color-green-300)',
97
+ 400: 'var(--color-green-400)',
98
+ 500: 'var(--color-green-500)',
99
+ 600: 'var(--color-green-600)',
100
+ 700: 'var(--color-green-700)',
101
+ 800: 'var(--color-green-800)',
102
+ 900: 'var(--color-green-900)',
103
+ },
104
+ turquoise: {
105
+ 50: 'var(--color-turquoise-50)',
106
+ 100: 'var(--color-turquoise-100)',
107
+ 200: 'var(--color-turquoise-200)',
108
+ 300: 'var(--color-turquoise-300)',
109
+ 400: 'var(--color-turquoise-400)',
110
+ 500: 'var(--color-turquoise-500)',
111
+ 600: 'var(--color-turquoise-600)',
112
+ 700: 'var(--color-turquoise-700)',
113
+ 800: 'var(--color-turquoise-800)',
114
+ 900: 'var(--color-turquoise-900)',
115
+ },
116
+ petrol: {
117
+ 50: 'var(--color-petrol-50)',
118
+ 100: 'var(--color-petrol-100)',
119
+ 200: 'var(--color-petrol-200)',
120
+ 300: 'var(--color-petrol-300)',
121
+ 400: 'var(--color-petrol-400)',
122
+ 500: 'var(--color-petrol-500)',
123
+ 600: 'var(--color-petrol-600)',
124
+ 700: 'var(--color-petrol-700)',
125
+ 800: 'var(--color-petrol-800)',
126
+ 900: 'var(--color-petrol-900)',
127
+ },
128
+ lime: {
129
+ 50: 'var(--color-lime-50)',
130
+ 100: 'var(--color-lime-100)',
131
+ 200: 'var(--color-lime-200)',
132
+ 300: 'var(--color-lime-300)',
133
+ 400: 'var(--color-lime-400)',
134
+ 500: 'var(--color-lime-500)',
135
+ 600: 'var(--color-lime-600)',
136
+ 700: 'var(--color-lime-700)',
137
+ 800: 'var(--color-lime-800)',
138
+ 900: 'var(--color-lime-900)',
139
+ },
140
+ crimson: {
141
+ 50: 'var(--color-crimson-50)',
142
+ 100: 'var(--color-crimson-100)',
143
+ 200: 'var(--color-crimson-200)',
144
+ 300: 'var(--color-crimson-300)',
145
+ 400: 'var(--color-crimson-400)',
146
+ 500: 'var(--color-crimson-500)',
147
+ 600: 'var(--color-crimson-600)',
148
+ 700: 'var(--color-crimson-700)',
149
+ 800: 'var(--color-crimson-800)',
150
+ 900: 'var(--color-crimson-900)',
151
+ },
152
+ red: {
153
+ 50: 'var(--color-red-50)',
154
+ 100: 'var(--color-red-100)',
155
+ 200: 'var(--color-red-200)',
156
+ 300: 'var(--color-red-300)',
157
+ 400: 'var(--color-red-400)',
158
+ 500: 'var(--color-red-500)',
159
+ 600: 'var(--color-red-600)',
160
+ 700: 'var(--color-red-700)',
161
+ 800: 'var(--color-red-800)',
162
+ 900: 'var(--color-red-900)',
163
+ },
164
+ yellow: {
165
+ 50: 'var(--color-yellow-50)',
166
+ 100: 'var(--color-yellow-100)',
167
+ 200: 'var(--color-yellow-200)',
168
+ 300: 'var(--color-yellow-300)',
169
+ 400: 'var(--color-yellow-400)',
170
+ 500: 'var(--color-yellow-500)',
171
+ 600: 'var(--color-yellow-600)',
172
+ 700: 'var(--color-yellow-700)',
173
+ 800: 'var(--color-yellow-800)',
174
+ 900: 'var(--color-yellow-900)',
175
+ },
176
+ gray: {
177
+ '00': 'var(--color-gray-00)',
178
+ 25: 'var(--color-gray-25)',
179
+ 50: 'var(--color-gray-50)',
180
+ 100: 'var(--color-gray-100)',
181
+ 150: 'var(--color-gray-150)',
182
+ 200: 'var(--color-gray-200)',
183
+ 250: 'var(--color-gray-250)',
184
+ 300: 'var(--color-gray-300)',
185
+ 350: 'var(--color-gray-350)',
186
+ 400: 'var(--color-gray-400)',
187
+ 450: 'var(--color-gray-450)',
188
+ 500: 'var(--color-gray-500)',
189
+ 550: 'var(--color-gray-550)',
190
+ 600: 'var(--color-gray-600)',
191
+ 650: 'var(--color-gray-650)',
192
+ 700: 'var(--color-gray-700)',
193
+ 750: 'var(--color-gray-750)',
194
+ 800: 'var(--color-gray-800)',
195
+ 850: 'var(--color-gray-850)',
196
+ 900: 'var(--color-gray-900)',
197
+ },
198
+ amber: {
199
+ 50: 'var(--color-amber-50)',
200
+ 100: 'var(--color-amber-100)',
201
+ 200: 'var(--color-amber-200)',
202
+ 300: 'var(--color-amber-300)',
203
+ 400: 'var(--color-amber-400)',
204
+ 500: 'var(--color-amber-500)',
205
+ 600: 'var(--color-amber-600)',
206
+ 700: 'var(--color-amber-700)',
207
+ 800: 'var(--color-amber-800)',
208
+ 900: 'var(--color-amber-900)',
209
+ },
210
+ orange: {
211
+ 50: 'var(--color-orange-50)',
212
+ 100: 'var(--color-orange-100)',
213
+ 200: 'var(--color-orange-200)',
214
+ 300: 'var(--color-orange-300)',
215
+ 400: 'var(--color-orange-400)',
216
+ 500: 'var(--color-orange-500)',
217
+ 600: 'var(--color-orange-600)',
218
+ 700: 'var(--color-orange-700)',
219
+ 800: 'var(--color-orange-800)',
220
+ 900: 'var(--color-orange-900)',
221
+ 950: 'var(--color-orange-950)',
222
+ },
223
+ // Base colors
224
+ black: 'var(--color-base-black)',
225
+ white: 'var(--color-base-white)',
226
+ };
227
+ exports.novaTailwindTheme = {
228
+ extend: {
229
+ colors: exports.colors,
230
+ fontFamily: exports.fontFamily,
231
+ fontSize: exports.fontSize,
232
+ spacing: exports.spacing,
233
+ borderRadius: exports.borderRadius,
234
+ lineHeight: exports.lineHeight,
235
+ },
236
+ };
@@ -0,0 +1,3 @@
1
+ export * from './nova-plugin.js';
2
+ export * from './nova-safelist.js';
3
+ export * from './nova-theme.js';
@@ -0,0 +1,3 @@
1
+ export * from './nova-plugin.js';
2
+ export * from './nova-safelist.js';
3
+ export * from './nova-theme.js';
@@ -0,0 +1,7 @@
1
+ /**
2
+ * @fileoverview This file contains various tailwind utilities for nova
3
+ */
4
+ export declare const novaTailwindPlugin: {
5
+ handler: import("tailwindcss/types/config.js").PluginCreator;
6
+ config?: Partial<import("tailwindcss/types/config.js").Config>;
7
+ };