@work-rjkashyap/unified-ui 0.3.2 → 0.3.4
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.
- package/CHANGELOG.md +7 -0
- package/bin/cli.mjs +248 -3
- package/dist/{chunk-ZBGR7MUW.cjs → chunk-6ZZZBOCH.cjs} +136 -1
- package/dist/{chunk-IVZAB7BV.mjs → chunk-AAEWG5VR.mjs} +128 -2
- package/dist/{chunk-EQWESXRH.mjs → chunk-BJ55D5IK.mjs} +800 -102
- package/dist/{chunk-5TP7J7T4.cjs → chunk-RUG3BW2B.cjs} +862 -157
- package/dist/index.cjs +74 -50
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.mjs +2 -2
- package/dist/theme.cjs +60 -32
- package/dist/theme.d.cts +28 -2
- package/dist/theme.d.ts +28 -2
- package/dist/theme.mjs +2 -2
- package/dist/tokens.cjs +19 -19
- package/dist/tokens.d.cts +1 -1
- package/dist/tokens.d.ts +1 -1
- package/dist/tokens.mjs +1 -1
- package/dist/{z-index-Dd8IllRx.d.cts → z-index-DmLl6FUD.d.cts} +117 -0
- package/dist/{z-index-Dd8IllRx.d.ts → z-index-DmLl6FUD.d.ts} +117 -0
- package/package.json +1 -1
package/dist/theme.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { S as SemanticColorKey, r as radius, o as shadow, z as zIndex } from './z-index-
|
|
1
|
+
import { S as SemanticColorKey, r as radius, o as shadow, z as zIndex } from './z-index-DmLl6FUD.js';
|
|
2
2
|
import { b as durationCSS, f as easingCSS } from './motion-D9wQbcKL.js';
|
|
3
3
|
import { f as fontFamily } from './typography-DlvVjEdE.js';
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
|
+
import * as react from 'react';
|
|
5
6
|
import { ReactNode } from 'react';
|
|
6
7
|
|
|
7
8
|
declare const colorVarNames: Record<SemanticColorKey, string>;
|
|
@@ -228,6 +229,22 @@ interface SurfaceStylePreset {
|
|
|
228
229
|
}
|
|
229
230
|
declare const SURFACE_STYLE_PRESETS: readonly SurfaceStylePreset[];
|
|
230
231
|
declare const DEFAULT_SURFACE_STYLE_KEY = "bordered";
|
|
232
|
+
interface MenuColorPreset {
|
|
233
|
+
readonly name: string;
|
|
234
|
+
readonly key: string;
|
|
235
|
+
readonly description: string;
|
|
236
|
+
}
|
|
237
|
+
declare const MENU_COLOR_PRESETS: readonly MenuColorPreset[];
|
|
238
|
+
declare const DEFAULT_MENU_COLOR_KEY = "default";
|
|
239
|
+
declare function getMenuColorPreset(key: string): MenuColorPreset;
|
|
240
|
+
interface MenuAccentPreset {
|
|
241
|
+
readonly name: string;
|
|
242
|
+
readonly key: string;
|
|
243
|
+
readonly description: string;
|
|
244
|
+
}
|
|
245
|
+
declare const MENU_ACCENT_PRESETS: readonly MenuAccentPreset[];
|
|
246
|
+
declare const DEFAULT_MENU_ACCENT_KEY = "subtle";
|
|
247
|
+
declare function getMenuAccentPreset(key: string): MenuAccentPreset;
|
|
231
248
|
interface StylePreset {
|
|
232
249
|
readonly name: string;
|
|
233
250
|
readonly key: string;
|
|
@@ -275,6 +292,10 @@ interface ThemeConfig {
|
|
|
275
292
|
shadow: string;
|
|
276
293
|
/** Surface style key (e.g. "bordered", "elevated", "mixed") */
|
|
277
294
|
surfaceStyle: string;
|
|
295
|
+
/** Menu color key (e.g. "default", "muted", "inverted", "primary") */
|
|
296
|
+
menuColor: string;
|
|
297
|
+
/** Menu accent key (e.g. "none", "subtle", "bold") */
|
|
298
|
+
menuAccent: string;
|
|
278
299
|
}
|
|
279
300
|
/** The default theme configuration — matches the design system's built-in styles */
|
|
280
301
|
declare const DEFAULT_THEME_CONFIG: ThemeConfig;
|
|
@@ -310,6 +331,10 @@ interface ThemeCustomizerContextValue {
|
|
|
310
331
|
setShadow: (key: string) => void;
|
|
311
332
|
/** Set just the surface style (e.g. "bordered", "elevated", "mixed") */
|
|
312
333
|
setSurfaceStyle: (key: string) => void;
|
|
334
|
+
/** Set just the menu color (e.g. "default", "muted", "inverted", "primary") */
|
|
335
|
+
setMenuColor: (key: string) => void;
|
|
336
|
+
/** Set just the menu accent (e.g. "none", "subtle", "bold") */
|
|
337
|
+
setMenuAccent: (key: string) => void;
|
|
313
338
|
/** Reset to the default theme configuration */
|
|
314
339
|
resetConfig: () => void;
|
|
315
340
|
/** Whether the current config matches the default config */
|
|
@@ -317,6 +342,7 @@ interface ThemeCustomizerContextValue {
|
|
|
317
342
|
/** Generate a copyable CSS string for the current config */
|
|
318
343
|
generateCSS: () => string;
|
|
319
344
|
}
|
|
345
|
+
declare const ThemeCustomizerContext: react.Context<ThemeCustomizerContextValue | null>;
|
|
320
346
|
/**
|
|
321
347
|
* Access the theme customizer store.
|
|
322
348
|
*
|
|
@@ -411,4 +437,4 @@ interface DSThemeProviderProps {
|
|
|
411
437
|
*/
|
|
412
438
|
declare function DSThemeProvider({ children, defaultTheme, manageHtmlClass, }: DSThemeProviderProps): react_jsx_runtime.JSX.Element;
|
|
413
439
|
|
|
414
|
-
export { COLOR_PRESETS, COLOR_PRESET_KEYS, type ColorPreset, type ColorPresetKey, type ColorVarName, DEFAULT_FONT_KEY, DEFAULT_RADIUS_KEY, DEFAULT_SHADOW_KEY, DEFAULT_STYLE_KEY, DEFAULT_SURFACE_STYLE_KEY, DEFAULT_THEME_CONFIG, type DSThemeContextValue, DSThemeProvider, type DSThemeProviderProps, type DurationVarName, type EasingVarName, FONT_PRESETS, type FontFamilyVarName, type FontPreset, type PresetSemanticColors, RADIUS_PRESETS, type RadiusPreset, type RadiusVarName, type ResolvedTheme, SHADOW_PRESETS, STYLE_PRESETS, SURFACE_STYLE_PRESETS, type ShadowPreset, type ShadowVarName, type StylePreset, type SurfaceStylePreset, type ThemeConfig, ThemeCustomizer, type ThemeCustomizerContextValue, type ThemeCustomizerProps, ThemeCustomizerProvider, type ThemeCustomizerProviderProps, type ThemeMode, type ThemeVars, type ZIndexVarName, buildDarkThemeVars, buildLightThemeVars, buildThemeCSS, buildThemeOverrides, contract, cssVar, generateThemeCSS, getColorPreset, getFontPreset, getRadiusPreset, getShadowPreset, getStylePreset, useDSTheme, useThemeCustomizer };
|
|
440
|
+
export { COLOR_PRESETS, COLOR_PRESET_KEYS, type ColorPreset, type ColorPresetKey, type ColorVarName, DEFAULT_FONT_KEY, DEFAULT_MENU_ACCENT_KEY, DEFAULT_MENU_COLOR_KEY, DEFAULT_RADIUS_KEY, DEFAULT_SHADOW_KEY, DEFAULT_STYLE_KEY, DEFAULT_SURFACE_STYLE_KEY, DEFAULT_THEME_CONFIG, type DSThemeContextValue, DSThemeProvider, type DSThemeProviderProps, type DurationVarName, type EasingVarName, FONT_PRESETS, type FontFamilyVarName, type FontPreset, MENU_ACCENT_PRESETS, MENU_COLOR_PRESETS, type MenuAccentPreset, type MenuColorPreset, type PresetSemanticColors, RADIUS_PRESETS, type RadiusPreset, type RadiusVarName, type ResolvedTheme, SHADOW_PRESETS, STYLE_PRESETS, SURFACE_STYLE_PRESETS, type ShadowPreset, type ShadowVarName, type StylePreset, type SurfaceStylePreset, type ThemeConfig, ThemeCustomizer, ThemeCustomizerContext, type ThemeCustomizerContextValue, type ThemeCustomizerProps, ThemeCustomizerProvider, type ThemeCustomizerProviderProps, type ThemeMode, type ThemeVars, type ZIndexVarName, buildDarkThemeVars, buildLightThemeVars, buildThemeCSS, buildThemeOverrides, contract, cssVar, generateThemeCSS, getColorPreset, getFontPreset, getMenuAccentPreset, getMenuColorPreset, getRadiusPreset, getShadowPreset, getStylePreset, useDSTheme, useThemeCustomizer };
|
package/dist/theme.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
export { COLOR_PRESETS, COLOR_PRESET_KEYS, DEFAULT_FONT_KEY, DEFAULT_RADIUS_KEY, DEFAULT_SHADOW_KEY, DEFAULT_STYLE_KEY, DEFAULT_SURFACE_STYLE_KEY, DEFAULT_THEME_CONFIG, DSThemeProvider, FONT_PRESETS, RADIUS_PRESETS, SHADOW_PRESETS, STYLE_PRESETS, SURFACE_STYLE_PRESETS, ThemeCustomizer, ThemeCustomizerProvider, buildDarkThemeVars, buildLightThemeVars, buildThemeCSS, buildThemeOverrides, contract, cssVar, generateThemeCSS, getColorPreset, getFontPreset, getRadiusPreset, getShadowPreset, getStylePreset, useDSTheme, useThemeCustomizer } from './chunk-
|
|
3
|
-
import './chunk-
|
|
2
|
+
export { COLOR_PRESETS, COLOR_PRESET_KEYS, DEFAULT_FONT_KEY, DEFAULT_MENU_ACCENT_KEY, DEFAULT_MENU_COLOR_KEY, DEFAULT_RADIUS_KEY, DEFAULT_SHADOW_KEY, DEFAULT_STYLE_KEY, DEFAULT_SURFACE_STYLE_KEY, DEFAULT_THEME_CONFIG, DSThemeProvider, FONT_PRESETS, MENU_ACCENT_PRESETS, MENU_COLOR_PRESETS, RADIUS_PRESETS, SHADOW_PRESETS, STYLE_PRESETS, SURFACE_STYLE_PRESETS, ThemeCustomizer, ThemeCustomizerContext, ThemeCustomizerProvider, buildDarkThemeVars, buildLightThemeVars, buildThemeCSS, buildThemeOverrides, contract, cssVar, generateThemeCSS, getColorPreset, getFontPreset, getMenuAccentPreset, getMenuColorPreset, getRadiusPreset, getShadowPreset, getStylePreset, useDSTheme, useThemeCustomizer } from './chunk-BJ55D5IK.mjs';
|
|
3
|
+
import './chunk-AAEWG5VR.mjs';
|
|
4
4
|
import './chunk-ITBG42M5.mjs';
|
|
5
5
|
import './chunk-EZ2L3XPS.mjs';
|
|
6
6
|
import './chunk-ZT3PCXDF.mjs';
|
package/dist/tokens.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var chunk2JFREULQ_cjs = require('./chunk-2JFREULQ.cjs');
|
|
4
|
-
var
|
|
4
|
+
var chunk6ZZZBOCH_cjs = require('./chunk-6ZZZBOCH.cjs');
|
|
5
5
|
var chunkECIGDEAH_cjs = require('./chunk-ECIGDEAH.cjs');
|
|
6
6
|
var chunkXCKK6P46_cjs = require('./chunk-XCKK6P46.cjs');
|
|
7
7
|
|
|
@@ -13,75 +13,75 @@ Object.defineProperty(exports, "spacing", {
|
|
|
13
13
|
});
|
|
14
14
|
Object.defineProperty(exports, "amber", {
|
|
15
15
|
enumerable: true,
|
|
16
|
-
get: function () { return
|
|
16
|
+
get: function () { return chunk6ZZZBOCH_cjs.amber; }
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "blue", {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: function () { return
|
|
20
|
+
get: function () { return chunk6ZZZBOCH_cjs.blue; }
|
|
21
21
|
});
|
|
22
22
|
Object.defineProperty(exports, "brand", {
|
|
23
23
|
enumerable: true,
|
|
24
|
-
get: function () { return
|
|
24
|
+
get: function () { return chunk6ZZZBOCH_cjs.brand; }
|
|
25
25
|
});
|
|
26
26
|
Object.defineProperty(exports, "gray", {
|
|
27
27
|
enumerable: true,
|
|
28
|
-
get: function () { return
|
|
28
|
+
get: function () { return chunk6ZZZBOCH_cjs.gray; }
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "green", {
|
|
31
31
|
enumerable: true,
|
|
32
|
-
get: function () { return
|
|
32
|
+
get: function () { return chunk6ZZZBOCH_cjs.green; }
|
|
33
33
|
});
|
|
34
34
|
Object.defineProperty(exports, "neutral", {
|
|
35
35
|
enumerable: true,
|
|
36
|
-
get: function () { return
|
|
36
|
+
get: function () { return chunk6ZZZBOCH_cjs.neutral; }
|
|
37
37
|
});
|
|
38
38
|
Object.defineProperty(exports, "palettes", {
|
|
39
39
|
enumerable: true,
|
|
40
|
-
get: function () { return
|
|
40
|
+
get: function () { return chunk6ZZZBOCH_cjs.palettes; }
|
|
41
41
|
});
|
|
42
42
|
Object.defineProperty(exports, "pure", {
|
|
43
43
|
enumerable: true,
|
|
44
|
-
get: function () { return
|
|
44
|
+
get: function () { return chunk6ZZZBOCH_cjs.pure; }
|
|
45
45
|
});
|
|
46
46
|
Object.defineProperty(exports, "radius", {
|
|
47
47
|
enumerable: true,
|
|
48
|
-
get: function () { return
|
|
48
|
+
get: function () { return chunk6ZZZBOCH_cjs.radius; }
|
|
49
49
|
});
|
|
50
50
|
Object.defineProperty(exports, "red", {
|
|
51
51
|
enumerable: true,
|
|
52
|
-
get: function () { return
|
|
52
|
+
get: function () { return chunk6ZZZBOCH_cjs.red; }
|
|
53
53
|
});
|
|
54
54
|
Object.defineProperty(exports, "semanticDark", {
|
|
55
55
|
enumerable: true,
|
|
56
|
-
get: function () { return
|
|
56
|
+
get: function () { return chunk6ZZZBOCH_cjs.semanticDark; }
|
|
57
57
|
});
|
|
58
58
|
Object.defineProperty(exports, "semanticLight", {
|
|
59
59
|
enumerable: true,
|
|
60
|
-
get: function () { return
|
|
60
|
+
get: function () { return chunk6ZZZBOCH_cjs.semanticLight; }
|
|
61
61
|
});
|
|
62
62
|
Object.defineProperty(exports, "shadow", {
|
|
63
63
|
enumerable: true,
|
|
64
|
-
get: function () { return
|
|
64
|
+
get: function () { return chunk6ZZZBOCH_cjs.shadow; }
|
|
65
65
|
});
|
|
66
66
|
Object.defineProperty(exports, "shadowDark", {
|
|
67
67
|
enumerable: true,
|
|
68
|
-
get: function () { return
|
|
68
|
+
get: function () { return chunk6ZZZBOCH_cjs.shadowDark; }
|
|
69
69
|
});
|
|
70
70
|
Object.defineProperty(exports, "slate", {
|
|
71
71
|
enumerable: true,
|
|
72
|
-
get: function () { return
|
|
72
|
+
get: function () { return chunk6ZZZBOCH_cjs.slate; }
|
|
73
73
|
});
|
|
74
74
|
Object.defineProperty(exports, "teal", {
|
|
75
75
|
enumerable: true,
|
|
76
|
-
get: function () { return
|
|
76
|
+
get: function () { return chunk6ZZZBOCH_cjs.teal; }
|
|
77
77
|
});
|
|
78
78
|
Object.defineProperty(exports, "zIndex", {
|
|
79
79
|
enumerable: true,
|
|
80
|
-
get: function () { return
|
|
80
|
+
get: function () { return chunk6ZZZBOCH_cjs.zIndex; }
|
|
81
81
|
});
|
|
82
82
|
Object.defineProperty(exports, "zinc", {
|
|
83
83
|
enumerable: true,
|
|
84
|
-
get: function () { return
|
|
84
|
+
get: function () { return chunk6ZZZBOCH_cjs.zinc; }
|
|
85
85
|
});
|
|
86
86
|
Object.defineProperty(exports, "fontFamily", {
|
|
87
87
|
enumerable: true,
|
package/dist/tokens.d.cts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { C as ColorScale, R as Radius, a as RadiusValue, S as SemanticColorKey, b as SemanticColors, c as Shadow, d as ShadowValue, Z as ZIndex, e as ZIndexValue, f as amber, g as blue, h as brand, i as gray, j as green, n as neutral, p as palettes, k as pure, r as radius, l as red, s as semanticDark, m as semanticLight, o as shadow, q as shadowDark, t as slate, u as teal, z as zIndex, v as zinc } from './z-index-
|
|
1
|
+
export { C as ColorScale, R as Radius, a as RadiusValue, S as SemanticColorKey, b as SemanticColors, c as Shadow, d as ShadowValue, Z as ZIndex, e as ZIndexValue, f as amber, g as blue, h as brand, i as gray, j as green, n as neutral, p as palettes, k as pure, r as radius, l as red, s as semanticDark, m as semanticLight, o as shadow, q as shadowDark, t as slate, u as teal, z as zIndex, v as zinc } from './z-index-DmLl6FUD.cjs';
|
|
2
2
|
export { D as Duration, E as Easing, S as Spring, a as Stagger, d as duration, b as durationCSS, c as durationSeconds, e as easing, f as easingCSS, s as spring, g as stagger } from './motion-D9wQbcKL.cjs';
|
|
3
3
|
export { F as FontFamily, a as FontFamilyKey, b as FontSize, c as FontWeight, L as LetterSpacing, d as LineHeight, T as TypographyPreset, e as TypographyVariant, f as fontFamily, g as fontSize, h as fontWeight, l as letterSpacing, i as lineHeight, t as typographyVariants } from './typography-DlvVjEdE.cjs';
|
|
4
4
|
|
package/dist/tokens.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { C as ColorScale, R as Radius, a as RadiusValue, S as SemanticColorKey, b as SemanticColors, c as Shadow, d as ShadowValue, Z as ZIndex, e as ZIndexValue, f as amber, g as blue, h as brand, i as gray, j as green, n as neutral, p as palettes, k as pure, r as radius, l as red, s as semanticDark, m as semanticLight, o as shadow, q as shadowDark, t as slate, u as teal, z as zIndex, v as zinc } from './z-index-
|
|
1
|
+
export { C as ColorScale, R as Radius, a as RadiusValue, S as SemanticColorKey, b as SemanticColors, c as Shadow, d as ShadowValue, Z as ZIndex, e as ZIndexValue, f as amber, g as blue, h as brand, i as gray, j as green, n as neutral, p as palettes, k as pure, r as radius, l as red, s as semanticDark, m as semanticLight, o as shadow, q as shadowDark, t as slate, u as teal, z as zIndex, v as zinc } from './z-index-DmLl6FUD.js';
|
|
2
2
|
export { D as Duration, E as Easing, S as Spring, a as Stagger, d as duration, b as durationCSS, c as durationSeconds, e as easing, f as easingCSS, s as spring, g as stagger } from './motion-D9wQbcKL.js';
|
|
3
3
|
export { F as FontFamily, a as FontFamilyKey, b as FontSize, c as FontWeight, L as LetterSpacing, d as LineHeight, T as TypographyPreset, e as TypographyVariant, f as fontFamily, g as fontSize, h as fontWeight, l as letterSpacing, i as lineHeight, t as typographyVariants } from './typography-DlvVjEdE.js';
|
|
4
4
|
|
package/dist/tokens.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { spacing } from './chunk-NMPHV6ZD.mjs';
|
|
2
|
-
export { amber, blue, brand, gray, green, neutral, palettes, pure, radius, red, semanticDark, semanticLight, shadow, shadowDark, slate, teal, zIndex, zinc } from './chunk-
|
|
2
|
+
export { amber, blue, brand, gray, green, neutral, palettes, pure, radius, red, semanticDark, semanticLight, shadow, shadowDark, slate, teal, zIndex, zinc } from './chunk-AAEWG5VR.mjs';
|
|
3
3
|
export { fontFamily, fontSize, fontWeight, letterSpacing, lineHeight, typographyVariants } from './chunk-ITBG42M5.mjs';
|
|
4
4
|
export { duration, durationCSS, durationSeconds, easing, easingCSS, spring, stagger } from './chunk-EZ2L3XPS.mjs';
|
|
@@ -390,6 +390,123 @@ declare const palettes: {
|
|
|
390
390
|
readonly 900: "oklch(0.326 0.064 175.066)";
|
|
391
391
|
readonly 950: "oklch(0.232 0.051 175.066)";
|
|
392
392
|
};
|
|
393
|
+
readonly indigo: {
|
|
394
|
+
readonly 50: "oklch(0.962 0.018 272.314)";
|
|
395
|
+
readonly 100: "oklch(0.93 0.034 272.788)";
|
|
396
|
+
readonly 200: "oklch(0.87 0.065 274.039)";
|
|
397
|
+
readonly 300: "oklch(0.785 0.115 274.713)";
|
|
398
|
+
readonly 400: "oklch(0.673 0.182 276.935)";
|
|
399
|
+
readonly 500: "oklch(0.585 0.233 277.117)";
|
|
400
|
+
readonly 600: "oklch(0.511 0.262 276.966)";
|
|
401
|
+
readonly 700: "oklch(0.457 0.24 277.023)";
|
|
402
|
+
readonly 800: "oklch(0.398 0.195 277.366)";
|
|
403
|
+
readonly 900: "oklch(0.359 0.144 278.697)";
|
|
404
|
+
readonly 950: "oklch(0.257 0.09 281.288)";
|
|
405
|
+
};
|
|
406
|
+
readonly purple: {
|
|
407
|
+
readonly 50: "oklch(0.977 0.014 308.299)";
|
|
408
|
+
readonly 100: "oklch(0.946 0.033 307.174)";
|
|
409
|
+
readonly 200: "oklch(0.902 0.063 306.703)";
|
|
410
|
+
readonly 300: "oklch(0.827 0.119 306.383)";
|
|
411
|
+
readonly 400: "oklch(0.714 0.203 305.504)";
|
|
412
|
+
readonly 500: "oklch(0.627 0.265 303.9)";
|
|
413
|
+
readonly 600: "oklch(0.558 0.288 302.321)";
|
|
414
|
+
readonly 700: "oklch(0.496 0.265 301.924)";
|
|
415
|
+
readonly 800: "oklch(0.438 0.218 303.724)";
|
|
416
|
+
readonly 900: "oklch(0.381 0.176 304.987)";
|
|
417
|
+
readonly 950: "oklch(0.291 0.149 302.717)";
|
|
418
|
+
};
|
|
419
|
+
readonly pink: {
|
|
420
|
+
readonly 50: "oklch(0.971 0.014 343.198)";
|
|
421
|
+
readonly 100: "oklch(0.948 0.028 342.258)";
|
|
422
|
+
readonly 200: "oklch(0.899 0.061 343.231)";
|
|
423
|
+
readonly 300: "oklch(0.823 0.12 346.018)";
|
|
424
|
+
readonly 400: "oklch(0.718 0.202 349.761)";
|
|
425
|
+
readonly 500: "oklch(0.656 0.241 354.308)";
|
|
426
|
+
readonly 600: "oklch(0.592 0.249 0.584)";
|
|
427
|
+
readonly 700: "oklch(0.525 0.223 3.958)";
|
|
428
|
+
readonly 800: "oklch(0.459 0.187 3.815)";
|
|
429
|
+
readonly 900: "oklch(0.408 0.153 2.432)";
|
|
430
|
+
readonly 950: "oklch(0.284 0.109 3.907)";
|
|
431
|
+
};
|
|
432
|
+
readonly cyan: {
|
|
433
|
+
readonly 50: "oklch(0.967 0.019 200.873)";
|
|
434
|
+
readonly 100: "oklch(0.936 0.044 200.873)";
|
|
435
|
+
readonly 200: "oklch(0.886 0.085 207.693)";
|
|
436
|
+
readonly 300: "oklch(0.816 0.12 207.693)";
|
|
437
|
+
readonly 400: "oklch(0.718 0.144 213.806)";
|
|
438
|
+
readonly 500: "oklch(0.627 0.14 213.806)";
|
|
439
|
+
readonly 600: "oklch(0.532 0.128 216.632)";
|
|
440
|
+
readonly 700: "oklch(0.457 0.107 218.318)";
|
|
441
|
+
readonly 800: "oklch(0.393 0.089 218.318)";
|
|
442
|
+
readonly 900: "oklch(0.342 0.07 218.318)";
|
|
443
|
+
readonly 950: "oklch(0.254 0.058 218.318)";
|
|
444
|
+
};
|
|
445
|
+
readonly emerald: {
|
|
446
|
+
readonly 50: "oklch(0.979 0.021 166.113)";
|
|
447
|
+
readonly 100: "oklch(0.95 0.052 163.051)";
|
|
448
|
+
readonly 200: "oklch(0.905 0.093 164.15)";
|
|
449
|
+
readonly 300: "oklch(0.845 0.143 164.978)";
|
|
450
|
+
readonly 400: "oklch(0.765 0.177 163.223)";
|
|
451
|
+
readonly 500: "oklch(0.696 0.17 162.48)";
|
|
452
|
+
readonly 600: "oklch(0.596 0.145 163.225)";
|
|
453
|
+
readonly 700: "oklch(0.508 0.118 165.612)";
|
|
454
|
+
readonly 800: "oklch(0.432 0.095 166.913)";
|
|
455
|
+
readonly 900: "oklch(0.378 0.077 168.94)";
|
|
456
|
+
readonly 950: "oklch(0.262 0.051 172.552)";
|
|
457
|
+
};
|
|
458
|
+
readonly yellow: {
|
|
459
|
+
readonly 50: "oklch(0.987 0.026 102.212)";
|
|
460
|
+
readonly 100: "oklch(0.973 0.071 103.193)";
|
|
461
|
+
readonly 200: "oklch(0.945 0.129 101.726)";
|
|
462
|
+
readonly 300: "oklch(0.905 0.182 98.111)";
|
|
463
|
+
readonly 400: "oklch(0.852 0.199 91.936)";
|
|
464
|
+
readonly 500: "oklch(0.795 0.184 86.047)";
|
|
465
|
+
readonly 600: "oklch(0.681 0.162 75.834)";
|
|
466
|
+
readonly 700: "oklch(0.554 0.135 66.442)";
|
|
467
|
+
readonly 800: "oklch(0.476 0.114 61.907)";
|
|
468
|
+
readonly 900: "oklch(0.421 0.095 57.708)";
|
|
469
|
+
readonly 950: "oklch(0.286 0.066 53.813)";
|
|
470
|
+
};
|
|
471
|
+
readonly fuchsia: {
|
|
472
|
+
readonly 50: "oklch(0.977 0.017 320.058)";
|
|
473
|
+
readonly 100: "oklch(0.952 0.037 318.852)";
|
|
474
|
+
readonly 200: "oklch(0.903 0.076 319.62)";
|
|
475
|
+
readonly 300: "oklch(0.833 0.145 321.434)";
|
|
476
|
+
readonly 400: "oklch(0.74 0.238 322.16)";
|
|
477
|
+
readonly 500: "oklch(0.667 0.295 322.15)";
|
|
478
|
+
readonly 600: "oklch(0.591 0.293 322.896)";
|
|
479
|
+
readonly 700: "oklch(0.518 0.253 323.949)";
|
|
480
|
+
readonly 800: "oklch(0.452 0.211 324.591)";
|
|
481
|
+
readonly 900: "oklch(0.401 0.17 325.612)";
|
|
482
|
+
readonly 950: "oklch(0.293 0.136 325.661)";
|
|
483
|
+
};
|
|
484
|
+
readonly sky: {
|
|
485
|
+
readonly 50: "oklch(0.977 0.013 236.62)";
|
|
486
|
+
readonly 100: "oklch(0.951 0.026 236.824)";
|
|
487
|
+
readonly 200: "oklch(0.901 0.058 230.902)";
|
|
488
|
+
readonly 300: "oklch(0.828 0.111 230.318)";
|
|
489
|
+
readonly 400: "oklch(0.746 0.16 232.661)";
|
|
490
|
+
readonly 500: "oklch(0.685 0.169 237.323)";
|
|
491
|
+
readonly 600: "oklch(0.588 0.158 241.966)";
|
|
492
|
+
readonly 700: "oklch(0.5 0.134 242.749)";
|
|
493
|
+
readonly 800: "oklch(0.443 0.11 240.79)";
|
|
494
|
+
readonly 900: "oklch(0.391 0.09 240.876)";
|
|
495
|
+
readonly 950: "oklch(0.293 0.066 243.157)";
|
|
496
|
+
};
|
|
497
|
+
readonly lime: {
|
|
498
|
+
readonly 50: "oklch(0.986 0.031 120.757)";
|
|
499
|
+
readonly 100: "oklch(0.967 0.067 122.328)";
|
|
500
|
+
readonly 200: "oklch(0.938 0.127 124.321)";
|
|
501
|
+
readonly 300: "oklch(0.897 0.196 126.665)";
|
|
502
|
+
readonly 400: "oklch(0.841 0.238 128.85)";
|
|
503
|
+
readonly 500: "oklch(0.768 0.233 130.85)";
|
|
504
|
+
readonly 600: "oklch(0.648 0.2 131.684)";
|
|
505
|
+
readonly 700: "oklch(0.532 0.157 131.589)";
|
|
506
|
+
readonly 800: "oklch(0.453 0.124 130.933)";
|
|
507
|
+
readonly 900: "oklch(0.405 0.101 131.063)";
|
|
508
|
+
readonly 950: "oklch(0.274 0.072 132.109)";
|
|
509
|
+
};
|
|
393
510
|
};
|
|
394
511
|
|
|
395
512
|
declare const radius: {
|
|
@@ -390,6 +390,123 @@ declare const palettes: {
|
|
|
390
390
|
readonly 900: "oklch(0.326 0.064 175.066)";
|
|
391
391
|
readonly 950: "oklch(0.232 0.051 175.066)";
|
|
392
392
|
};
|
|
393
|
+
readonly indigo: {
|
|
394
|
+
readonly 50: "oklch(0.962 0.018 272.314)";
|
|
395
|
+
readonly 100: "oklch(0.93 0.034 272.788)";
|
|
396
|
+
readonly 200: "oklch(0.87 0.065 274.039)";
|
|
397
|
+
readonly 300: "oklch(0.785 0.115 274.713)";
|
|
398
|
+
readonly 400: "oklch(0.673 0.182 276.935)";
|
|
399
|
+
readonly 500: "oklch(0.585 0.233 277.117)";
|
|
400
|
+
readonly 600: "oklch(0.511 0.262 276.966)";
|
|
401
|
+
readonly 700: "oklch(0.457 0.24 277.023)";
|
|
402
|
+
readonly 800: "oklch(0.398 0.195 277.366)";
|
|
403
|
+
readonly 900: "oklch(0.359 0.144 278.697)";
|
|
404
|
+
readonly 950: "oklch(0.257 0.09 281.288)";
|
|
405
|
+
};
|
|
406
|
+
readonly purple: {
|
|
407
|
+
readonly 50: "oklch(0.977 0.014 308.299)";
|
|
408
|
+
readonly 100: "oklch(0.946 0.033 307.174)";
|
|
409
|
+
readonly 200: "oklch(0.902 0.063 306.703)";
|
|
410
|
+
readonly 300: "oklch(0.827 0.119 306.383)";
|
|
411
|
+
readonly 400: "oklch(0.714 0.203 305.504)";
|
|
412
|
+
readonly 500: "oklch(0.627 0.265 303.9)";
|
|
413
|
+
readonly 600: "oklch(0.558 0.288 302.321)";
|
|
414
|
+
readonly 700: "oklch(0.496 0.265 301.924)";
|
|
415
|
+
readonly 800: "oklch(0.438 0.218 303.724)";
|
|
416
|
+
readonly 900: "oklch(0.381 0.176 304.987)";
|
|
417
|
+
readonly 950: "oklch(0.291 0.149 302.717)";
|
|
418
|
+
};
|
|
419
|
+
readonly pink: {
|
|
420
|
+
readonly 50: "oklch(0.971 0.014 343.198)";
|
|
421
|
+
readonly 100: "oklch(0.948 0.028 342.258)";
|
|
422
|
+
readonly 200: "oklch(0.899 0.061 343.231)";
|
|
423
|
+
readonly 300: "oklch(0.823 0.12 346.018)";
|
|
424
|
+
readonly 400: "oklch(0.718 0.202 349.761)";
|
|
425
|
+
readonly 500: "oklch(0.656 0.241 354.308)";
|
|
426
|
+
readonly 600: "oklch(0.592 0.249 0.584)";
|
|
427
|
+
readonly 700: "oklch(0.525 0.223 3.958)";
|
|
428
|
+
readonly 800: "oklch(0.459 0.187 3.815)";
|
|
429
|
+
readonly 900: "oklch(0.408 0.153 2.432)";
|
|
430
|
+
readonly 950: "oklch(0.284 0.109 3.907)";
|
|
431
|
+
};
|
|
432
|
+
readonly cyan: {
|
|
433
|
+
readonly 50: "oklch(0.967 0.019 200.873)";
|
|
434
|
+
readonly 100: "oklch(0.936 0.044 200.873)";
|
|
435
|
+
readonly 200: "oklch(0.886 0.085 207.693)";
|
|
436
|
+
readonly 300: "oklch(0.816 0.12 207.693)";
|
|
437
|
+
readonly 400: "oklch(0.718 0.144 213.806)";
|
|
438
|
+
readonly 500: "oklch(0.627 0.14 213.806)";
|
|
439
|
+
readonly 600: "oklch(0.532 0.128 216.632)";
|
|
440
|
+
readonly 700: "oklch(0.457 0.107 218.318)";
|
|
441
|
+
readonly 800: "oklch(0.393 0.089 218.318)";
|
|
442
|
+
readonly 900: "oklch(0.342 0.07 218.318)";
|
|
443
|
+
readonly 950: "oklch(0.254 0.058 218.318)";
|
|
444
|
+
};
|
|
445
|
+
readonly emerald: {
|
|
446
|
+
readonly 50: "oklch(0.979 0.021 166.113)";
|
|
447
|
+
readonly 100: "oklch(0.95 0.052 163.051)";
|
|
448
|
+
readonly 200: "oklch(0.905 0.093 164.15)";
|
|
449
|
+
readonly 300: "oklch(0.845 0.143 164.978)";
|
|
450
|
+
readonly 400: "oklch(0.765 0.177 163.223)";
|
|
451
|
+
readonly 500: "oklch(0.696 0.17 162.48)";
|
|
452
|
+
readonly 600: "oklch(0.596 0.145 163.225)";
|
|
453
|
+
readonly 700: "oklch(0.508 0.118 165.612)";
|
|
454
|
+
readonly 800: "oklch(0.432 0.095 166.913)";
|
|
455
|
+
readonly 900: "oklch(0.378 0.077 168.94)";
|
|
456
|
+
readonly 950: "oklch(0.262 0.051 172.552)";
|
|
457
|
+
};
|
|
458
|
+
readonly yellow: {
|
|
459
|
+
readonly 50: "oklch(0.987 0.026 102.212)";
|
|
460
|
+
readonly 100: "oklch(0.973 0.071 103.193)";
|
|
461
|
+
readonly 200: "oklch(0.945 0.129 101.726)";
|
|
462
|
+
readonly 300: "oklch(0.905 0.182 98.111)";
|
|
463
|
+
readonly 400: "oklch(0.852 0.199 91.936)";
|
|
464
|
+
readonly 500: "oklch(0.795 0.184 86.047)";
|
|
465
|
+
readonly 600: "oklch(0.681 0.162 75.834)";
|
|
466
|
+
readonly 700: "oklch(0.554 0.135 66.442)";
|
|
467
|
+
readonly 800: "oklch(0.476 0.114 61.907)";
|
|
468
|
+
readonly 900: "oklch(0.421 0.095 57.708)";
|
|
469
|
+
readonly 950: "oklch(0.286 0.066 53.813)";
|
|
470
|
+
};
|
|
471
|
+
readonly fuchsia: {
|
|
472
|
+
readonly 50: "oklch(0.977 0.017 320.058)";
|
|
473
|
+
readonly 100: "oklch(0.952 0.037 318.852)";
|
|
474
|
+
readonly 200: "oklch(0.903 0.076 319.62)";
|
|
475
|
+
readonly 300: "oklch(0.833 0.145 321.434)";
|
|
476
|
+
readonly 400: "oklch(0.74 0.238 322.16)";
|
|
477
|
+
readonly 500: "oklch(0.667 0.295 322.15)";
|
|
478
|
+
readonly 600: "oklch(0.591 0.293 322.896)";
|
|
479
|
+
readonly 700: "oklch(0.518 0.253 323.949)";
|
|
480
|
+
readonly 800: "oklch(0.452 0.211 324.591)";
|
|
481
|
+
readonly 900: "oklch(0.401 0.17 325.612)";
|
|
482
|
+
readonly 950: "oklch(0.293 0.136 325.661)";
|
|
483
|
+
};
|
|
484
|
+
readonly sky: {
|
|
485
|
+
readonly 50: "oklch(0.977 0.013 236.62)";
|
|
486
|
+
readonly 100: "oklch(0.951 0.026 236.824)";
|
|
487
|
+
readonly 200: "oklch(0.901 0.058 230.902)";
|
|
488
|
+
readonly 300: "oklch(0.828 0.111 230.318)";
|
|
489
|
+
readonly 400: "oklch(0.746 0.16 232.661)";
|
|
490
|
+
readonly 500: "oklch(0.685 0.169 237.323)";
|
|
491
|
+
readonly 600: "oklch(0.588 0.158 241.966)";
|
|
492
|
+
readonly 700: "oklch(0.5 0.134 242.749)";
|
|
493
|
+
readonly 800: "oklch(0.443 0.11 240.79)";
|
|
494
|
+
readonly 900: "oklch(0.391 0.09 240.876)";
|
|
495
|
+
readonly 950: "oklch(0.293 0.066 243.157)";
|
|
496
|
+
};
|
|
497
|
+
readonly lime: {
|
|
498
|
+
readonly 50: "oklch(0.986 0.031 120.757)";
|
|
499
|
+
readonly 100: "oklch(0.967 0.067 122.328)";
|
|
500
|
+
readonly 200: "oklch(0.938 0.127 124.321)";
|
|
501
|
+
readonly 300: "oklch(0.897 0.196 126.665)";
|
|
502
|
+
readonly 400: "oklch(0.841 0.238 128.85)";
|
|
503
|
+
readonly 500: "oklch(0.768 0.233 130.85)";
|
|
504
|
+
readonly 600: "oklch(0.648 0.2 131.684)";
|
|
505
|
+
readonly 700: "oklch(0.532 0.157 131.589)";
|
|
506
|
+
readonly 800: "oklch(0.453 0.124 130.933)";
|
|
507
|
+
readonly 900: "oklch(0.405 0.101 131.063)";
|
|
508
|
+
readonly 950: "oklch(0.274 0.072 132.109)";
|
|
509
|
+
};
|
|
393
510
|
};
|
|
394
511
|
|
|
395
512
|
declare const radius: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@work-rjkashyap/unified-ui",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.4",
|
|
4
4
|
"description": "A scalable, token-driven React design system with 75+ components, built with Tailwind CSS v4, Radix UI, and Framer Motion.",
|
|
5
5
|
"author": "Rajeshwar Kashyap",
|
|
6
6
|
"license": "MIT",
|