@orion-ds/react 5.5.4 → 5.7.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.
- package/README.md +90 -19
- package/dist/blocks.css +1 -0
- package/dist/components/Box/Box.cjs +1 -0
- package/dist/components/Box/Box.d.ts +5 -0
- package/dist/components/Box/Box.d.ts.map +1 -0
- package/dist/components/Box/Box.mjs +87 -0
- package/dist/components/Box/Box.module.css +1 -0
- package/dist/components/Box/Box.module.css.cjs +1 -0
- package/dist/components/Box/Box.module.css.mjs +16 -0
- package/dist/components/Box/Box.types.d.ts +99 -0
- package/dist/components/Box/Box.types.d.ts.map +1 -0
- package/dist/components/Box/index.d.ts +9 -0
- package/dist/components/Box/index.d.ts.map +1 -0
- package/dist/components/Button/Button.module.css +1 -1
- package/dist/components/Button/Button.module.css.cjs +1 -1
- package/dist/components/Button/Button.module.css.mjs +18 -18
- package/dist/components/ThemeController/ThemeController.d.ts.map +1 -1
- package/dist/components/ThemeController/ThemeController.mjs +6 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +186 -184
- package/dist/integrations/tailwind/index.cjs +1 -0
- package/dist/integrations/tailwind/index.d.ts +13 -0
- package/dist/integrations/tailwind/index.d.ts.map +1 -0
- package/dist/integrations/tailwind/index.mjs +111 -0
- package/dist/integrations/tailwind/v4.css +118 -0
- package/dist/integrations/tailwind.cjs +1 -0
- package/dist/integrations/tailwind.d.ts +3 -0
- package/dist/integrations/tailwind.mjs +111 -0
- package/dist/styles.css +11 -1
- package/dist/tokens/themes.cjs +1 -1
- package/dist/tokens/themes.d.ts.map +1 -1
- package/dist/tokens/themes.mjs +40 -0
- package/package.json +11 -2
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Orion Design System — Tailwind v4 Theme Integration
|
|
3
|
+
*
|
|
4
|
+
* Use this in your Tailwind v4 CSS setup:
|
|
5
|
+
*
|
|
6
|
+
* @import 'tailwindcss';
|
|
7
|
+
* @import '@orion-ds/react/integrations/tailwind/v4.css';
|
|
8
|
+
*
|
|
9
|
+
* All Orion semantic tokens automatically map to Tailwind utilities
|
|
10
|
+
* with dark mode and brand switching support via CSS variables.
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
/* stylelint-disable-next-line at-rule-no-unknown */
|
|
14
|
+
@theme {
|
|
15
|
+
/* Surfaces */
|
|
16
|
+
--color-surface-base: var(--surface-base);
|
|
17
|
+
--color-surface-subtle: var(--surface-subtle);
|
|
18
|
+
--color-surface-layer: var(--surface-layer);
|
|
19
|
+
--color-surface-sunken: var(--surface-sunken);
|
|
20
|
+
--color-surface-glass: var(--surface-glass);
|
|
21
|
+
--color-surface-overlay: var(--surface-overlay);
|
|
22
|
+
|
|
23
|
+
/* Text */
|
|
24
|
+
--color-text-primary: var(--text-primary);
|
|
25
|
+
--color-text-secondary: var(--text-secondary);
|
|
26
|
+
--color-text-tertiary: var(--text-tertiary);
|
|
27
|
+
--color-text-brand: var(--text-brand);
|
|
28
|
+
--color-text-inverse: var(--text-inverse);
|
|
29
|
+
--color-text-on-brand-primary: var(--text-on-brand-primary);
|
|
30
|
+
|
|
31
|
+
/* Interactive */
|
|
32
|
+
--color-interactive-primary: var(--interactive-primary);
|
|
33
|
+
--color-interactive-primary-hover: var(--interactive-primary-hover);
|
|
34
|
+
--color-interactive-primary-text: var(--interactive-primary-text);
|
|
35
|
+
--color-interactive-secondary: var(--interactive-secondary);
|
|
36
|
+
--color-interactive-secondary-hover: var(--interactive-secondary-hover);
|
|
37
|
+
|
|
38
|
+
/* Borders */
|
|
39
|
+
--color-border-subtle: var(--border-subtle);
|
|
40
|
+
--color-border-strong: var(--border-strong);
|
|
41
|
+
--color-border-interactive: var(--border-interactive);
|
|
42
|
+
|
|
43
|
+
/* Status */
|
|
44
|
+
--color-status-success: var(--status-success);
|
|
45
|
+
--color-status-error: var(--status-error);
|
|
46
|
+
--color-status-warning: var(--status-warning);
|
|
47
|
+
--color-status-info: var(--status-info);
|
|
48
|
+
|
|
49
|
+
/* Soft variants */
|
|
50
|
+
--color-soft-brand: var(--soft-brand);
|
|
51
|
+
--color-soft-success: var(--soft-success);
|
|
52
|
+
--color-soft-error: var(--soft-error);
|
|
53
|
+
--color-soft-warning: var(--soft-warning);
|
|
54
|
+
--color-soft-info: var(--soft-info);
|
|
55
|
+
|
|
56
|
+
/* Alert variants */
|
|
57
|
+
--color-alert-success-bg: var(--alert-success-bg);
|
|
58
|
+
--color-alert-success-text: var(--alert-success-text);
|
|
59
|
+
--color-alert-success-border: var(--alert-success-border);
|
|
60
|
+
--color-alert-error-bg: var(--alert-error-bg);
|
|
61
|
+
--color-alert-error-text: var(--alert-error-text);
|
|
62
|
+
--color-alert-error-border: var(--alert-error-border);
|
|
63
|
+
--color-alert-warning-bg: var(--alert-warning-bg);
|
|
64
|
+
--color-alert-warning-text: var(--alert-warning-text);
|
|
65
|
+
--color-alert-warning-border: var(--alert-warning-border);
|
|
66
|
+
--color-alert-info-bg: var(--alert-info-bg);
|
|
67
|
+
--color-alert-info-text: var(--alert-info-text);
|
|
68
|
+
--color-alert-info-border: var(--alert-info-border);
|
|
69
|
+
|
|
70
|
+
/* Brand primitives */
|
|
71
|
+
--color-brand: var(--color-brand-500);
|
|
72
|
+
--color-brand-400: var(--color-brand-400);
|
|
73
|
+
--color-brand-600: var(--color-brand-600);
|
|
74
|
+
|
|
75
|
+
/* Gradients */
|
|
76
|
+
--color-gradient-start: var(--gradient-start);
|
|
77
|
+
--color-gradient-end: var(--gradient-end);
|
|
78
|
+
|
|
79
|
+
/* Spacing (19 values) */
|
|
80
|
+
--spacing-orion-0: var(--spacing-0);
|
|
81
|
+
--spacing-orion-px: var(--spacing-px);
|
|
82
|
+
--spacing-orion-05: var(--spacing-05);
|
|
83
|
+
--spacing-orion-1: var(--spacing-1);
|
|
84
|
+
--spacing-orion-2: var(--spacing-2);
|
|
85
|
+
--spacing-orion-3: var(--spacing-3);
|
|
86
|
+
--spacing-orion-4: var(--spacing-4);
|
|
87
|
+
--spacing-orion-5: var(--spacing-5);
|
|
88
|
+
--spacing-orion-6: var(--spacing-6);
|
|
89
|
+
--spacing-orion-7: var(--spacing-7);
|
|
90
|
+
--spacing-orion-8: var(--spacing-8);
|
|
91
|
+
--spacing-orion-9: var(--spacing-9);
|
|
92
|
+
--spacing-orion-10: var(--spacing-10);
|
|
93
|
+
--spacing-orion-11: var(--spacing-11);
|
|
94
|
+
--spacing-orion-12: var(--spacing-12);
|
|
95
|
+
--spacing-orion-16: var(--spacing-16);
|
|
96
|
+
--spacing-orion-20: var(--spacing-20);
|
|
97
|
+
--spacing-orion-24: var(--spacing-24);
|
|
98
|
+
--spacing-orion-32: var(--spacing-32);
|
|
99
|
+
|
|
100
|
+
/* Border Radius */
|
|
101
|
+
--radius-button: var(--radius-button);
|
|
102
|
+
--radius-container: var(--radius-container);
|
|
103
|
+
--radius-sm: var(--radius-sm);
|
|
104
|
+
--radius-md: var(--radius-md);
|
|
105
|
+
--radius-lg: var(--radius-lg);
|
|
106
|
+
--radius-xl: var(--radius-xl);
|
|
107
|
+
|
|
108
|
+
/* Font Family */
|
|
109
|
+
--font-primary: var(--font-primary);
|
|
110
|
+
--font-secondary: var(--font-secondary);
|
|
111
|
+
--font-mono: var(--font-mono);
|
|
112
|
+
|
|
113
|
+
/* Backdrop Blur */
|
|
114
|
+
--blur-orion-sm: var(--blur-sm);
|
|
115
|
+
--blur-orion-md: var(--blur-md);
|
|
116
|
+
--blur-orion-lg: var(--blur-lg);
|
|
117
|
+
--blur-orion-xl: var(--blur-xl);
|
|
118
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r={theme:{extend:{colors:{"surface-base":"var(--surface-base)","surface-subtle":"var(--surface-subtle)","surface-layer":"var(--surface-layer)","surface-sunken":"var(--surface-sunken)","surface-glass":"var(--surface-glass)","surface-overlay":"var(--surface-overlay)","text-primary":"var(--text-primary)","text-secondary":"var(--text-secondary)","text-tertiary":"var(--text-tertiary)","text-brand":"var(--text-brand)","text-inverse":"var(--text-inverse)","text-on-brand-primary":"var(--text-on-brand-primary)","interactive-primary":"var(--interactive-primary)","interactive-primary-hover":"var(--interactive-primary-hover)","interactive-primary-text":"var(--interactive-primary-text)","interactive-secondary":"var(--interactive-secondary)","interactive-secondary-hover":"var(--interactive-secondary-hover)","border-subtle":"var(--border-subtle)","border-strong":"var(--border-strong)","border-interactive":"var(--border-interactive)","status-success":"var(--status-success)","status-error":"var(--status-error)","status-warning":"var(--status-warning)","status-info":"var(--status-info)","soft-brand":"var(--soft-brand)","soft-success":"var(--soft-success)","soft-error":"var(--soft-error)","soft-warning":"var(--soft-warning)","soft-info":"var(--soft-info)","alert-success-bg":"var(--alert-success-bg)","alert-success-text":"var(--alert-success-text)","alert-success-border":"var(--alert-success-border)","alert-error-bg":"var(--alert-error-bg)","alert-error-text":"var(--alert-error-text)","alert-error-border":"var(--alert-error-border)","alert-warning-bg":"var(--alert-warning-bg)","alert-warning-text":"var(--alert-warning-text)","alert-warning-border":"var(--alert-warning-border)","alert-info-bg":"var(--alert-info-bg)","alert-info-text":"var(--alert-info-text)","alert-info-border":"var(--alert-info-border)","color-brand":"var(--color-brand-500)","color-brand-400":"var(--color-brand-400)","color-brand-600":"var(--color-brand-600)","gradient-start":"var(--gradient-start)","gradient-end":"var(--gradient-end)"},spacing:{"orion-0":"var(--spacing-0)","orion-px":"var(--spacing-px)","orion-05":"var(--spacing-05)","orion-1":"var(--spacing-1)","orion-2":"var(--spacing-2)","orion-3":"var(--spacing-3)","orion-4":"var(--spacing-4)","orion-5":"var(--spacing-5)","orion-6":"var(--spacing-6)","orion-7":"var(--spacing-7)","orion-8":"var(--spacing-8)","orion-9":"var(--spacing-9)","orion-10":"var(--spacing-10)","orion-11":"var(--spacing-11)","orion-12":"var(--spacing-12)","orion-16":"var(--spacing-16)","orion-20":"var(--spacing-20)","orion-24":"var(--spacing-24)","orion-32":"var(--spacing-32)"},borderRadius:{button:"var(--radius-button)",container:"var(--radius-container)",sm:"var(--radius-sm)",md:"var(--radius-md)",lg:"var(--radius-lg)",xl:"var(--radius-xl)"},fontFamily:{primary:["var(--font-primary)"],secondary:["var(--font-secondary)"],mono:["var(--font-mono)"]},backdropBlur:{"orion-sm":"var(--blur-sm)","orion-md":"var(--blur-md)","orion-lg":"var(--blur-lg)","orion-xl":"var(--blur-xl)"}}}};exports.default=r;exports.orionPreset=r;
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
const r = {
|
|
2
|
+
theme: {
|
|
3
|
+
extend: {
|
|
4
|
+
colors: {
|
|
5
|
+
// Surfaces
|
|
6
|
+
"surface-base": "var(--surface-base)",
|
|
7
|
+
"surface-subtle": "var(--surface-subtle)",
|
|
8
|
+
"surface-layer": "var(--surface-layer)",
|
|
9
|
+
"surface-sunken": "var(--surface-sunken)",
|
|
10
|
+
"surface-glass": "var(--surface-glass)",
|
|
11
|
+
"surface-overlay": "var(--surface-overlay)",
|
|
12
|
+
// Text
|
|
13
|
+
"text-primary": "var(--text-primary)",
|
|
14
|
+
"text-secondary": "var(--text-secondary)",
|
|
15
|
+
"text-tertiary": "var(--text-tertiary)",
|
|
16
|
+
"text-brand": "var(--text-brand)",
|
|
17
|
+
"text-inverse": "var(--text-inverse)",
|
|
18
|
+
"text-on-brand-primary": "var(--text-on-brand-primary)",
|
|
19
|
+
// Interactive
|
|
20
|
+
"interactive-primary": "var(--interactive-primary)",
|
|
21
|
+
"interactive-primary-hover": "var(--interactive-primary-hover)",
|
|
22
|
+
"interactive-primary-text": "var(--interactive-primary-text)",
|
|
23
|
+
"interactive-secondary": "var(--interactive-secondary)",
|
|
24
|
+
"interactive-secondary-hover": "var(--interactive-secondary-hover)",
|
|
25
|
+
// Borders
|
|
26
|
+
"border-subtle": "var(--border-subtle)",
|
|
27
|
+
"border-strong": "var(--border-strong)",
|
|
28
|
+
"border-interactive": "var(--border-interactive)",
|
|
29
|
+
// Status
|
|
30
|
+
"status-success": "var(--status-success)",
|
|
31
|
+
"status-error": "var(--status-error)",
|
|
32
|
+
"status-warning": "var(--status-warning)",
|
|
33
|
+
"status-info": "var(--status-info)",
|
|
34
|
+
// Soft variants
|
|
35
|
+
"soft-brand": "var(--soft-brand)",
|
|
36
|
+
"soft-success": "var(--soft-success)",
|
|
37
|
+
"soft-error": "var(--soft-error)",
|
|
38
|
+
"soft-warning": "var(--soft-warning)",
|
|
39
|
+
"soft-info": "var(--soft-info)",
|
|
40
|
+
// Alert variants (12 values: 4 statuses × 3 properties: bg, text, border)
|
|
41
|
+
"alert-success-bg": "var(--alert-success-bg)",
|
|
42
|
+
"alert-success-text": "var(--alert-success-text)",
|
|
43
|
+
"alert-success-border": "var(--alert-success-border)",
|
|
44
|
+
"alert-error-bg": "var(--alert-error-bg)",
|
|
45
|
+
"alert-error-text": "var(--alert-error-text)",
|
|
46
|
+
"alert-error-border": "var(--alert-error-border)",
|
|
47
|
+
"alert-warning-bg": "var(--alert-warning-bg)",
|
|
48
|
+
"alert-warning-text": "var(--alert-warning-text)",
|
|
49
|
+
"alert-warning-border": "var(--alert-warning-border)",
|
|
50
|
+
"alert-info-bg": "var(--alert-info-bg)",
|
|
51
|
+
"alert-info-text": "var(--alert-info-text)",
|
|
52
|
+
"alert-info-border": "var(--alert-info-border)",
|
|
53
|
+
// Brand primitives (useful for gradients)
|
|
54
|
+
"color-brand": "var(--color-brand-500)",
|
|
55
|
+
"color-brand-400": "var(--color-brand-400)",
|
|
56
|
+
"color-brand-600": "var(--color-brand-600)",
|
|
57
|
+
// Gradients
|
|
58
|
+
"gradient-start": "var(--gradient-start)",
|
|
59
|
+
"gradient-end": "var(--gradient-end)"
|
|
60
|
+
},
|
|
61
|
+
spacing: {
|
|
62
|
+
"orion-0": "var(--spacing-0)",
|
|
63
|
+
"orion-px": "var(--spacing-px)",
|
|
64
|
+
"orion-05": "var(--spacing-05)",
|
|
65
|
+
"orion-1": "var(--spacing-1)",
|
|
66
|
+
"orion-2": "var(--spacing-2)",
|
|
67
|
+
"orion-3": "var(--spacing-3)",
|
|
68
|
+
"orion-4": "var(--spacing-4)",
|
|
69
|
+
"orion-5": "var(--spacing-5)",
|
|
70
|
+
"orion-6": "var(--spacing-6)",
|
|
71
|
+
"orion-7": "var(--spacing-7)",
|
|
72
|
+
"orion-8": "var(--spacing-8)",
|
|
73
|
+
"orion-9": "var(--spacing-9)",
|
|
74
|
+
"orion-10": "var(--spacing-10)",
|
|
75
|
+
"orion-11": "var(--spacing-11)",
|
|
76
|
+
"orion-12": "var(--spacing-12)",
|
|
77
|
+
"orion-16": "var(--spacing-16)",
|
|
78
|
+
"orion-20": "var(--spacing-20)",
|
|
79
|
+
"orion-24": "var(--spacing-24)",
|
|
80
|
+
"orion-32": "var(--spacing-32)"
|
|
81
|
+
},
|
|
82
|
+
borderRadius: {
|
|
83
|
+
// Semantic (brand-aware)
|
|
84
|
+
button: "var(--radius-button)",
|
|
85
|
+
// brand-controlled
|
|
86
|
+
container: "var(--radius-container)",
|
|
87
|
+
// brand-controlled
|
|
88
|
+
// Primitives
|
|
89
|
+
sm: "var(--radius-sm)",
|
|
90
|
+
md: "var(--radius-md)",
|
|
91
|
+
lg: "var(--radius-lg)",
|
|
92
|
+
xl: "var(--radius-xl)"
|
|
93
|
+
},
|
|
94
|
+
fontFamily: {
|
|
95
|
+
primary: ["var(--font-primary)"],
|
|
96
|
+
secondary: ["var(--font-secondary)"],
|
|
97
|
+
mono: ["var(--font-mono)"]
|
|
98
|
+
},
|
|
99
|
+
backdropBlur: {
|
|
100
|
+
"orion-sm": "var(--blur-sm)",
|
|
101
|
+
"orion-md": "var(--blur-md)",
|
|
102
|
+
"orion-lg": "var(--blur-lg)",
|
|
103
|
+
"orion-xl": "var(--blur-xl)"
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
};
|
|
108
|
+
export {
|
|
109
|
+
r as default,
|
|
110
|
+
r as orionPreset
|
|
111
|
+
};
|
package/dist/styles.css
CHANGED
|
@@ -5,12 +5,18 @@
|
|
|
5
5
|
* - Design tokens from @orion-ds/core (CSS variables)
|
|
6
6
|
* - Component styles from @orion-ds/react
|
|
7
7
|
*
|
|
8
|
+
* IMPORTANT: All styles are wrapped in @layer orion to ensure Tailwind CSS utilities
|
|
9
|
+
* automatically win over Orion component styles due to CSS cascade layer semantics.
|
|
10
|
+
*
|
|
11
|
+
* See: packages/react/TAILWIND_INTEGRATION.md for Tailwind + Orion setup guide
|
|
12
|
+
*
|
|
8
13
|
* Usage:
|
|
9
14
|
* import '@orion-ds/react/styles.css';
|
|
10
15
|
*
|
|
11
16
|
* Generated automatically during build.
|
|
12
17
|
*/
|
|
13
18
|
|
|
19
|
+
@layer orion {
|
|
14
20
|
/* ═══════════════════════════════════════════════════════════════════════════
|
|
15
21
|
@orion-ds/core - Design Tokens (theme.css)
|
|
16
22
|
═══════════════════════════════════════════════════════════════════════════ */
|
|
@@ -470,9 +476,11 @@
|
|
|
470
476
|
|
|
471
477
|
._banner_1v4qv_5{position:relative;padding:var(--spacing-16) var(--spacing-4);overflow:hidden}._banner_1v4qv_5[data-compact=true]{padding:var(--spacing-8) var(--spacing-4)}._banner_1v4qv_5[data-variant=default]{background:var(--interactive-primary);color:var(--interactive-primary-text)}._banner_1v4qv_5[data-variant=gradient]{background:linear-gradient(135deg,var(--interactive-primary),var(--interactive-primary-hover));color:var(--interactive-primary-text)}._banner_1v4qv_5[data-variant=image]{background-size:cover;background-position:center;color:var(--text-on-dark)}._banner_1v4qv_5[data-variant=image]:before{content:"";position:absolute;inset:0;background:var(--overlay-dark)}._banner_1v4qv_5[data-variant=split]{background:var(--surface-subtle);color:var(--text-primary)}._container_1v4qv_49{position:relative;max-width:var(--container-width, 1200px);margin:0 auto;z-index:var(--z-dropdown)}._banner_1v4qv_5[data-full-width=true] ._container_1v4qv_49{max-width:none}._content_1v4qv_61{max-width:var(--size-modal-lg)}._banner_1v4qv_5[data-centered=true] ._content_1v4qv_61{margin:0 auto;text-align:center}._splitLayout_1v4qv_71{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center}._splitLayout_1v4qv_71[data-image-position=left]{direction:rtl}._splitLayout_1v4qv_71[data-image-position=left]>*{direction:ltr}._splitContent_1v4qv_86{max-width:none}._splitImage_1v4qv_90{width:100%;height:auto;border-radius:var(--radius-container);object-fit:cover}._eyebrow_1v4qv_98{display:inline-block;font-size:var(--font-size-12);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-3);padding:var(--spacing-1) var(--spacing-3);background:color-mix(in srgb,var(--color-neutral-0) 20%,transparent);border-radius:var(--radius-full)}._banner_1v4qv_5[data-variant=split] ._eyebrow_1v4qv_98{background:var(--interactive-primary);color:var(--interactive-primary-text)}._title_1v4qv_116{font-family:var(--font-primary);font-size:var(--font-size-48);font-weight:600;margin:0 0 var(--spacing-4) 0;line-height:var(--line-height-tight);color:inherit}._banner_1v4qv_5[data-compact=true] ._title_1v4qv_116{font-size:var(--font-size-32)}._description_1v4qv_130{font-size:var(--font-size-20);color:currentColor;margin:0 0 var(--spacing-8) 0;line-height:var(--line-height-relaxed)}._banner_1v4qv_5[data-compact=true] ._description_1v4qv_130{font-size:var(--font-size-16);margin-bottom:var(--spacing-6)}._actions_1v4qv_143{display:flex;gap:var(--spacing-4);flex-wrap:wrap}._banner_1v4qv_5[data-centered=true] ._actions_1v4qv_143{justify-content:center}._dismissButton_1v4qv_154{position:absolute;top:var(--spacing-4);right:var(--spacing-4);z-index:var(--z-modal)}._dismissButton_1v4qv_154 button{background:color-mix(in srgb,var(--color-neutral-0) 20%,transparent);color:inherit}._dismissButton_1v4qv_154 button:hover{background:color-mix(in srgb,var(--color-neutral-0) 30%,transparent)}._banner_1v4qv_5[data-variant=split] ._dismissButton_1v4qv_154 button{background:var(--surface-subtle)}._banner_1v4qv_5[data-variant=split] ._dismissButton_1v4qv_154 button:hover{background:var(--surface-layer)}@media(max-width:768px){._banner_1v4qv_5{padding:var(--spacing-12) var(--spacing-4)}._title_1v4qv_116{font-size:var(--font-size-32)}._splitLayout_1v4qv_71{grid-template-columns:1fr;gap:var(--spacing-8)}._splitLayout_1v4qv_71[data-image-position=left]{direction:ltr}._actions_1v4qv_143{width:100%}}
|
|
472
478
|
|
|
479
|
+
._box_1a34w_10{box-sizing:border-box}._bg-surface-base_1a34w_18{background:var(--surface-base)}._bg-surface-subtle_1a34w_22{background:var(--surface-subtle)}._bg-surface-layer_1a34w_26{background:var(--surface-layer)}._bg-surface-sunken_1a34w_30{background:var(--surface-sunken)}._bg-surface-glass_1a34w_34{background:var(--surface-glass)}._radius-sm_1a34w_42{border-radius:var(--radius-sm)}._radius-control_1a34w_46{border-radius:var(--radius-control)}._radius-container_1a34w_50{border-radius:var(--radius-container)}._radius-full_1a34w_54{border-radius:var(--radius-full)}
|
|
480
|
+
|
|
473
481
|
._breadcrumb_12bqk_8{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);list-style:none;margin:0;padding:0;font-family:var(--font-secondary)}._item_12bqk_20{display:flex;align-items:center}._link_12bqk_26{display:inline-flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-weight-regular);color:var(--text-secondary);text-decoration:none;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);transition:all var(--transition-fast)}._link_12bqk_26:hover{color:var(--text-primary);background:var(--surface-subtle)}._link_12bqk_26:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._current_12bqk_49{display:inline-flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-weight-medium);color:var(--text-primary);padding:var(--spacing-1) var(--spacing-2)}._separator_12bqk_59{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);-webkit-user-select:none;user-select:none;flex-shrink:0}._chevron_12bqk_69{width:16px;height:16px}._chevron_12bqk_69:after{content:"";display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin-left:2px}._slash_12bqk_86:after{content:"/";font-weight:var(--font-weight-regular);font-size:.875em;opacity:.5}._icon_12bqk_94{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:currentColor;opacity:.7}._link_12bqk_26:hover ._icon_12bqk_94,._current_12bqk_49 ._icon_12bqk_94{opacity:1}._homeIcon_12bqk_112{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}._ellipsis_12bqk_120{display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none;padding:var(--spacing-1) var(--spacing-2);letter-spacing:2px}._sm_12bqk_135 ._link_12bqk_26,._sm_12bqk_135 ._current_12bqk_49,._sm_12bqk_135 ._ellipsis_12bqk_120{font-size:var(--font-size-12);padding:2px var(--spacing-1)}._sm_12bqk_135 ._icon_12bqk_94,._sm_12bqk_135 ._homeIcon_12bqk_112,._sm_12bqk_135 ._separator_12bqk_59{width:14px;height:14px}._sm_12bqk_135 ._chevron_12bqk_69:after{width:5px;height:5px}._md_12bqk_158 ._link_12bqk_26,._md_12bqk_158 ._current_12bqk_49,._md_12bqk_158 ._ellipsis_12bqk_120{font-size:var(--font-size-14)}._md_12bqk_158 ._icon_12bqk_94,._md_12bqk_158 ._homeIcon_12bqk_112,._md_12bqk_158 ._separator_12bqk_59{width:16px;height:16px}._lg_12bqk_175 ._link_12bqk_26,._lg_12bqk_175 ._current_12bqk_49,._lg_12bqk_175 ._ellipsis_12bqk_120{font-size:var(--font-size-16);padding:var(--spacing-1) var(--spacing-2)}._lg_12bqk_175 ._icon_12bqk_94,._lg_12bqk_175 ._homeIcon_12bqk_112,._lg_12bqk_175 ._separator_12bqk_59{width:18px;height:18px}._lg_12bqk_175 ._chevron_12bqk_69:after{width:7px;height:7px}
|
|
474
482
|
|
|
475
|
-
.
|
|
483
|
+
._button_1t5ah_9{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-secondary);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);border:1px solid transparent;outline:none}._button_1t5ah_9:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._button_1t5ah_9:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}._primary_1t5ah_49{background:var(--interactive-primary);color:var(--interactive-primary-text)}._primary_1t5ah_49:hover:not(:disabled){background:var(--interactive-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px -2px #0000001a}._primary_1t5ah_49:active:not(:disabled){transform:translateY(1px)}._secondary_1t5ah_65{background:var(--interactive-secondary);color:var(--interactive-secondary-text);border:1px solid var(--border-subtle)}._secondary_1t5ah_65:hover:not(:disabled){background:var(--interactive-secondary-hover);border-color:var(--border-subtle);transform:translateY(-2px);box-shadow:0 4px 12px -2px #0000001a}._secondary_1t5ah_65:active:not(:disabled){background:var(--surface-layer);transform:translateY(1px)}[data-theme=dark] ._secondary_1t5ah_65{background:color-mix(in srgb,var(--color-neutral-0) 15%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 15%,transparent);color:var(--text-primary);backdrop-filter:blur(var(--mode-blur-amount, var(--blur-md)));-webkit-backdrop-filter:blur(var(--mode-blur-amount, var(--blur-md)))}[data-theme=dark] ._secondary_1t5ah_65:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 22%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 15%,transparent)}[data-theme=dark] ._secondary_1t5ah_65:active:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 30%,transparent)}._secondaryInverse_1t5ah_104{background:color-mix(in srgb,var(--color-neutral-0) 20%,transparent);color:var(--color-neutral-0);border:1px solid color-mix(in srgb,var(--color-neutral-0) 20%,transparent)}._secondaryInverse_1t5ah_104:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 30%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 30%,transparent);transform:translateY(-2px);box-shadow:0 4px 12px -2px #0000001a}._secondaryInverse_1t5ah_104:active:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 40%,transparent);transform:translateY(1px)}._ghost_1t5ah_124{background:transparent;color:var(--text-primary)}._ghost_1t5ah_124:hover:not(:disabled){background:var(--interactive-ghost-hover);transform:translateY(var(--mode-hover-lift));box-shadow:0 0 0 4px color-mix(in srgb,var(--text-primary) 5%,transparent)}._ghost_1t5ah_124:active:not(:disabled){transform:scale(.98)}._ghostInverse_1t5ah_142{background:transparent;color:var(--color-neutral-0)}._ghostInverse_1t5ah_142:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 15%,transparent);transform:translateY(var(--mode-hover-lift));box-shadow:0 0 0 4px color-mix(in srgb,var(--color-neutral-0) 8%,transparent)}._ghostInverse_1t5ah_142:active:not(:disabled){transform:scale(.98)}._danger_1t5ah_159{background:var(--status-error);color:var(--color-neutral-0)}._danger_1t5ah_159:hover:not(:disabled){background:color-mix(in srgb,var(--status-error) 85%,var(--color-neutral-1000));transform:translateY(-2px);box-shadow:0 4px 12px -2px #0000001a}._danger_1t5ah_159:active:not(:disabled){transform:translateY(1px)}._inverse_1t5ah_180{background:var(--color-neutral-0);color:var(--interactive-primary);border-color:transparent}._inverse_1t5ah_180:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 92%,var(--color-neutral-900));transform:translateY(-2px);box-shadow:0 4px 12px -2px #0000001a}._inverse_1t5ah_180:active:not(:disabled){transform:translateY(1px)}[data-brand=lemon] ._inverse_1t5ah_180{color:var(--color-neutral-1000)}._sm_1t5ah_209{height:32px;padding:0 var(--spacing-3);font-size:var(--font-size-12);border-radius:var(--radius-button)}._md_1t5ah_216{height:40px;padding:0 var(--spacing-4);font-size:var(--font-size-16);border-radius:var(--radius-button)}._lg_1t5ah_223{height:48px;padding:0 var(--spacing-6);font-size:var(--font-size-18);border-radius:var(--radius-button)}._fullWidth_1t5ah_235{width:100%}._iconOnly_1t5ah_240._sm_1t5ah_209{width:32px;padding:0}._iconOnly_1t5ah_240._md_1t5ah_216{width:40px;padding:0}._iconOnly_1t5ah_240._lg_1t5ah_223{width:48px;padding:0}._loading_1t5ah_258{position:relative;pointer-events:none}._spinner_1t5ah_263{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;animation:_spin_1t5ah_263 .6s linear infinite}._primary_1t5ah_49 ._spinner_1t5ah_263{border:2px solid var(--interactive-primary-text);border-top-color:transparent}._secondary_1t5ah_65 ._spinner_1t5ah_263{border:2px solid var(--text-primary);border-top-color:transparent}._secondaryInverse_1t5ah_104 ._spinner_1t5ah_263{border:2px solid var(--color-neutral-0);border-top-color:transparent}._ghost_1t5ah_124 ._spinner_1t5ah_263{border:2px solid var(--text-primary);border-top-color:transparent}._ghostInverse_1t5ah_142 ._spinner_1t5ah_263,._danger_1t5ah_159 ._spinner_1t5ah_263{border:2px solid var(--color-neutral-0);border-top-color:transparent}._inverse_1t5ah_180 ._spinner_1t5ah_263{border:2px solid var(--interactive-primary);border-top-color:transparent}[data-brand=lemon] ._inverse_1t5ah_180 ._spinner_1t5ah_263{border:2px solid var(--color-neutral-1000);border-top-color:transparent}[data-theme=light][data-brand=ember] ._primary_1t5ah_49{background:var(--color-neutral-900);color:var(--color-neutral-0)}[data-theme=light][data-brand=ember] ._primary_1t5ah_49:hover:not(:disabled){background:var(--color-neutral-700)}[data-theme=dark][data-brand=ember] ._primary_1t5ah_49{background:var(--color-neutral-100);color:var(--color-neutral-900)}[data-theme=dark][data-brand=ember] ._primary_1t5ah_49:hover:not(:disabled){background:var(--color-neutral-0)}._loadingContent_1t5ah_341{visibility:hidden}[data-dark-bg=true] ._primary_1t5ah_49{background:var(--color-neutral-0);color:var(--interactive-primary);border-color:transparent}[data-dark-bg=true] ._primary_1t5ah_49:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 92%,var(--color-neutral-900))}[data-dark-bg=true] ._primary_1t5ah_49:active:not(:disabled){transform:translateY(1px)}[data-dark-bg=true] ._secondary_1t5ah_65{background:color-mix(in srgb,var(--color-neutral-0) 20%,transparent);color:var(--color-neutral-0);border:1px solid color-mix(in srgb,var(--color-neutral-0) 20%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}[data-dark-bg=true] ._secondary_1t5ah_65:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 30%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 30%,transparent)}[data-dark-bg=true] ._secondary_1t5ah_65:active:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 40%,transparent);transform:translateY(1px)}[data-dark-bg=true] ._ghost_1t5ah_124{background:transparent;color:var(--color-neutral-0)}[data-dark-bg=true] ._ghost_1t5ah_124:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 15%,transparent)}[data-dark-bg=true] ._ghost_1t5ah_124:active:not(:disabled){transform:scale(.98)}[data-dark-bg=true] ._primary_1t5ah_49 ._spinner_1t5ah_263{border:2px solid var(--interactive-primary);border-top-color:transparent}[data-dark-bg=true] ._secondary_1t5ah_65 ._spinner_1t5ah_263,[data-dark-bg=true] ._ghost_1t5ah_124 ._spinner_1t5ah_263{border:2px solid var(--color-neutral-0);border-top-color:transparent}[data-brand=lemon][data-dark-bg=true] ._primary_1t5ah_49{color:var(--color-neutral-1000)}@keyframes _spin_1t5ah_263{to{transform:translate(-50%,-50%) rotate(360deg)}}._icon_1t5ah_240{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}._iconRight_1t5ah_439{order:1}
|
|
476
484
|
|
|
477
485
|
._calendar_1wpk4_7{display:inline-flex;flex-direction:column;padding:var(--spacing-3);font-family:var(--font-secondary);-webkit-user-select:none;user-select:none}._header_1wpk4_19{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-1);margin-bottom:var(--spacing-2)}._monthLabel_1wpk4_27{font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);color:var(--text-primary)}._grid_1wpk4_37{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-1)}._weekday_1wpk4_44{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-tertiary)}._day_1wpk4_59{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;font-size:var(--font-size-14);font-family:var(--font-secondary);color:var(--text-primary);background:transparent;border:none;border-radius:var(--radius-button);cursor:pointer;transition:all var(--transition-fast);position:relative}._day_1wpk4_59:hover:not(._disabled_1wpk4_77):not(._selected_1wpk4_77):not(._rangeStart_1wpk4_77):not(._rangeMiddle_1wpk4_77):not(._rangeEnd_1wpk4_78){background:var(--interactive-ghost-hover)}._day_1wpk4_59:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px;z-index:var(--z-dropdown)}._day_1wpk4_59:active:not(._disabled_1wpk4_77){transform:scale(.95)}._today_1wpk4_94:not(._selected_1wpk4_77):not(._rangeStart_1wpk4_77):not(._rangeEnd_1wpk4_78){font-weight:600;color:var(--interactive-primary)}._selected_1wpk4_77{background:var(--interactive-primary);color:var(--interactive-primary-text);font-weight:var(--font-weight-semibold)}._selected_1wpk4_77:hover{background:var(--interactive-primary-hover)}._rangeStart_1wpk4_77:before,._rangeMiddle_1wpk4_77:before,._rangeEnd_1wpk4_78:before{content:"";position:absolute;top:0;bottom:0;background:var(--soft-brand);z-index:-1}._rangeStart_1wpk4_77:before{left:50%;right:calc(var(--spacing-1) * -.5)}._rangeMiddle_1wpk4_77:before{left:calc(var(--spacing-1) * -.5);right:calc(var(--spacing-1) * -.5)}._rangeEnd_1wpk4_78:before{left:calc(var(--spacing-1) * -.5);right:50%}._rangeStart_1wpk4_77:hover,._rangeEnd_1wpk4_78:hover{background:var(--interactive-primary-hover)}._rangeStart_1wpk4_77{background:var(--interactive-primary);color:var(--interactive-primary-text);border-radius:var(--radius-button);font-weight:var(--font-weight-semibold)}._rangeMiddle_1wpk4_77{background:transparent;color:var(--text-primary);border-radius:0}._rangeEnd_1wpk4_78{background:var(--interactive-primary);color:var(--interactive-primary-text);border-radius:var(--radius-button);font-weight:var(--font-weight-semibold)}._rangeStart_1wpk4_77._rangeEnd_1wpk4_78:before{display:none}._outside_1wpk4_183{color:var(--text-tertiary);opacity:.5}._disabled_1wpk4_77{color:var(--text-tertiary);opacity:.35;cursor:not-allowed;pointer-events:none}@media(prefers-reduced-motion:reduce){._day_1wpk4_59{transition:none}}
|
|
478
486
|
|
|
@@ -596,3 +604,5 @@
|
|
|
596
604
|
|
|
597
605
|
._section_f5l02_8{width:100%;position:relative}._spacing-none_f5l02_17{padding-top:0;padding-bottom:0}._spacing-sm_f5l02_22{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}._spacing-md_f5l02_27{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}._spacing-lg_f5l02_32{padding-top:var(--spacing-24);padding-bottom:var(--spacing-24)}._spacing-xl_f5l02_37{padding-top:var(--spacing-32);padding-bottom:var(--spacing-32)}._bg-none_f5l02_46{background:transparent}._bg-base_f5l02_50{background:var(--surface-base)}._bg-subtle_f5l02_54{background:var(--surface-subtle)}._bg-sunken_f5l02_58{background:var(--surface-sunken)}._bg-brand_f5l02_62{background:var(--interactive-primary);color:var(--interactive-primary-text)}._borderTop_f5l02_71{border-top:1px solid var(--border-subtle)}._borderBottom_f5l02_75{border-bottom:1px solid var(--border-subtle)}@media(max-width:768px){._spacing-lg_f5l02_32{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}._spacing-xl_f5l02_37{padding-top:var(--spacing-24);padding-bottom:var(--spacing-24)}}
|
|
598
606
|
|
|
607
|
+
|
|
608
|
+
} /* end @layer orion */
|
package/dist/tokens/themes.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={theme:"light",semantic:{surface:{base:"{color.neutral.0}",subtle:"{color.neutral.50}",layer:"{color.neutral.100}",primary:"{color.neutral.100}",secondary:"{color.neutral.50}",glass:"color-mix(in srgb, {color.neutral.0} 70%, transparent)",sunken:"color-mix(in srgb, {color.neutral.0} 40%, transparent)",overlay:"color-mix(in srgb, {color.neutral.1000} 50%, transparent)"},text:{primary:"{color.neutral.900}",secondary:"{color.neutral.500}",tertiary:"{color.neutral.400}",inverse:"{color.neutral.0}",brand:"{color.brand.500}","on-brand":{primary:"{color.neutral.0}",secondary:"color-mix(in srgb, {color.neutral.0} 90%, transparent)",tertiary:"color-mix(in srgb, {color.neutral.0} 70%, transparent)"}},border:{subtle:"{color.neutral.200}",strong:"{color.neutral.300}",interactive:"{color.brand.500}"},interactive:{primary:{default:"{color.brand.500}",hover:"{color.brand.700}",text:"{color.neutral.0}"},secondary:{default:"{color.neutral.100}",hover:"{color.neutral.200}",text:"{color.neutral.900}"},ghost:{hover:"color-mix(in srgb, {color.neutral.1000} 5%, transparent)"}},status:{error:"{color.error.500}",success:"{color.success.500}",warning:"{color.warning.500}",info:"{color.info.500}"},soft:{brand:"color-mix(in srgb, {color.brand.500} 10%, transparent)","brand-hover":"color-mix(in srgb, {color.brand.500} 20%, transparent)",success:"color-mix(in srgb, {color.success.500} 10%, transparent)",error:"color-mix(in srgb, {color.error.500} 10%, transparent)",warning:"color-mix(in srgb, {color.warning.500} 10%, transparent)",info:"color-mix(in srgb, {color.info.500} 10%, transparent)"},alert:{success:{bg:"{color.success.100}",text:"{color.success.700}",border:"{color.success.500}"},error:{bg:"{color.error.100}",text:"{color.error.700}",border:"{color.error.500}"},warning:{bg:"{color.warning.100}",text:"{color.warning.700}",border:"{color.warning.500}"},info:{bg:"{color.info.100}",text:"{color.info.700}",border:"{color.info.500}"}},focus:{ring:"0 0 0 3px color-mix(in srgb, {color.brand.500} 40%, transparent)"},gradient:{start:"{color.brand.400}",end:"{color.brand.600}"},chart:{1:"{color.brand.500}",2:"{color.brand.300}",3:"{color.brand.700}",4:"{color.success.500}",5:"{color.warning.500}"}}},o={theme:"dark",semantic:{surface:{base:"{color.neutral.900}",subtle:"{color.neutral.950}",layer:"{color.neutral.900}",primary:"{color.neutral.900}",secondary:"{color.neutral.900}",glass:"color-mix(in srgb, {color.neutral.950} 60%, transparent)",sunken:"color-mix(in srgb, {color.neutral.950} 40%, transparent)",overlay:"color-mix(in srgb, {color.neutral.1000} 70%, transparent)"},text:{primary:"{color.neutral.50}",secondary:"{color.neutral.400}",tertiary:"{color.neutral.600}",inverse:"{color.neutral.950}",brand:"{color.brand.400}","on-brand":{primary:"{color.neutral.0}",secondary:"color-mix(in srgb, {color.neutral.0} 90%, transparent)",tertiary:"color-mix(in srgb, {color.neutral.0} 70%, transparent)"}},border:{subtle:"{color.neutral.800}",strong:"{color.neutral.700}",interactive:"{color.brand.500}"},interactive:{primary:{default:"{color.brand.500}",hover:"{color.brand.400}",text:"{color.neutral.900}"},secondary:{default:"{color.neutral.800}",hover:"{color.neutral.700}",text:"{color.neutral.50}"},ghost:{hover:"color-mix(in srgb, {color.neutral.0} 10%, transparent)"}},status:{error:"{color.error.500}",success:"{color.success.500}",warning:"{color.warning.500}",info:"{color.info.500}"},soft:{brand:"color-mix(in srgb, {color.brand.500} 15%, transparent)","brand-hover":"color-mix(in srgb, {color.brand.500} 25%, transparent)",success:"color-mix(in srgb, {color.success.500} 15%, transparent)",error:"color-mix(in srgb, {color.error.500} 15%, transparent)",warning:"color-mix(in srgb, {color.warning.500} 15%, transparent)",info:"color-mix(in srgb, {color.info.500} 15%, transparent)"},alert:{success:{bg:"color-mix(in srgb, {color.success.500} 20%, transparent)",text:"{color.success.300}",border:"{color.success.500}"},error:{bg:"color-mix(in srgb, {color.error.500} 20%, transparent)",text:"{color.error.300}",border:"{color.error.500}"},warning:{bg:"color-mix(in srgb, {color.warning.500} 20%, transparent)",text:"{color.warning.300}",border:"{color.warning.500}"},info:{bg:"color-mix(in srgb, {color.info.500} 20%, transparent)",text:"{color.info.300}",border:"{color.info.500}"}},focus:{ring:"0 0 0 3px color-mix(in srgb, {color.brand.500} 50%, transparent)"},gradient:{start:"{color.brand.400}",end:"{color.brand.600}"},chart:{1:"{color.brand.400}",2:"{color.brand.200}",3:"{color.brand.600}",4:"{color.success.500}",5:"{color.warning.500}"}}},n={light:r,dark:o};exports.darkTheme=o;exports.lightTheme=r;exports.themes=n;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={theme:"light",semantic:{surface:{base:"{color.neutral.0}",subtle:"{color.neutral.50}",layer:"{color.neutral.100}",primary:"{color.neutral.100}",secondary:"{color.neutral.50}",glass:"color-mix(in srgb, {color.neutral.0} 70%, transparent)",sunken:"color-mix(in srgb, {color.neutral.0} 40%, transparent)",overlay:"color-mix(in srgb, {color.neutral.1000} 50%, transparent)"},text:{primary:"{color.neutral.900}",secondary:"{color.neutral.500}",tertiary:"{color.neutral.400}",inverse:"{color.neutral.0}",brand:"{color.brand.500}","on-brand":{primary:"{color.neutral.0}",secondary:"color-mix(in srgb, {color.neutral.0} 90%, transparent)",tertiary:"color-mix(in srgb, {color.neutral.0} 70%, transparent)"}},border:{subtle:"{color.neutral.200}",strong:"{color.neutral.300}",interactive:"{color.brand.500}"},interactive:{primary:{default:"{color.brand.500}",hover:"{color.brand.700}",text:"{color.neutral.0}"},secondary:{default:"{color.neutral.100}",hover:"{color.neutral.200}",text:"{color.neutral.900}"},ghost:{hover:"color-mix(in srgb, {color.neutral.1000} 5%, transparent)"}},status:{error:"{color.error.500}",success:"{color.success.500}",warning:"{color.warning.500}",info:"{color.info.500}"},soft:{brand:"color-mix(in srgb, {color.brand.500} 10%, transparent)","brand-hover":"color-mix(in srgb, {color.brand.500} 20%, transparent)",success:"color-mix(in srgb, {color.success.500} 10%, transparent)",error:"color-mix(in srgb, {color.error.500} 10%, transparent)",warning:"color-mix(in srgb, {color.warning.500} 10%, transparent)",info:"color-mix(in srgb, {color.info.500} 10%, transparent)"},alert:{success:{bg:"{color.success.100}",text:"{color.success.700}",border:"{color.success.500}"},error:{bg:"{color.error.100}",text:"{color.error.700}",border:"{color.error.500}"},warning:{bg:"{color.warning.100}",text:"{color.warning.700}",border:"{color.warning.500}"},info:{bg:"{color.info.100}",text:"{color.info.700}",border:"{color.info.500}"}},focus:{ring:"0 0 0 3px color-mix(in srgb, {color.brand.500} 40%, transparent)"},gradient:{start:"{color.brand.400}",end:"{color.brand.600}"},chart:{1:"{color.brand.500}",2:"{color.brand.300}",3:"{color.brand.700}",4:"{color.success.500}",5:"{color.warning.500}"},zIndex:{base:"{zIndex.base}",dropdown:"{zIndex.dropdown}",sticky:"{zIndex.sticky}",overlay:"{zIndex.overlay}",modal:"{zIndex.modal}",popover:"{zIndex.popover}",tooltip:"{zIndex.tooltip}",toast:"{zIndex.toast}"},fontSize:{xs:"{typography.size.12}",sm:"{typography.size.13}",base:"{typography.size.14}",md:"{typography.size.16}",lg:"{typography.size.18}",xl:"{typography.size.20}","2xl":"{typography.size.24}","3xl":"{typography.size.32}"}}},o={theme:"dark",semantic:{surface:{base:"{color.neutral.900}",subtle:"{color.neutral.950}",layer:"{color.neutral.900}",primary:"{color.neutral.900}",secondary:"{color.neutral.900}",glass:"color-mix(in srgb, {color.neutral.950} 60%, transparent)",sunken:"color-mix(in srgb, {color.neutral.950} 40%, transparent)",overlay:"color-mix(in srgb, {color.neutral.1000} 70%, transparent)"},text:{primary:"{color.neutral.50}",secondary:"{color.neutral.400}",tertiary:"{color.neutral.600}",inverse:"{color.neutral.950}",brand:"{color.brand.400}","on-brand":{primary:"{color.neutral.0}",secondary:"color-mix(in srgb, {color.neutral.0} 90%, transparent)",tertiary:"color-mix(in srgb, {color.neutral.0} 70%, transparent)"}},border:{subtle:"{color.neutral.800}",strong:"{color.neutral.700}",interactive:"{color.brand.500}"},interactive:{primary:{default:"{color.brand.500}",hover:"{color.brand.400}",text:"{color.neutral.900}"},secondary:{default:"{color.neutral.800}",hover:"{color.neutral.700}",text:"{color.neutral.50}"},ghost:{hover:"color-mix(in srgb, {color.neutral.0} 10%, transparent)"}},status:{error:"{color.error.500}",success:"{color.success.500}",warning:"{color.warning.500}",info:"{color.info.500}"},soft:{brand:"color-mix(in srgb, {color.brand.500} 15%, transparent)","brand-hover":"color-mix(in srgb, {color.brand.500} 25%, transparent)",success:"color-mix(in srgb, {color.success.500} 15%, transparent)",error:"color-mix(in srgb, {color.error.500} 15%, transparent)",warning:"color-mix(in srgb, {color.warning.500} 15%, transparent)",info:"color-mix(in srgb, {color.info.500} 15%, transparent)"},alert:{success:{bg:"color-mix(in srgb, {color.success.500} 20%, transparent)",text:"{color.success.300}",border:"{color.success.500}"},error:{bg:"color-mix(in srgb, {color.error.500} 20%, transparent)",text:"{color.error.300}",border:"{color.error.500}"},warning:{bg:"color-mix(in srgb, {color.warning.500} 20%, transparent)",text:"{color.warning.300}",border:"{color.warning.500}"},info:{bg:"color-mix(in srgb, {color.info.500} 20%, transparent)",text:"{color.info.300}",border:"{color.info.500}"}},focus:{ring:"0 0 0 3px color-mix(in srgb, {color.brand.500} 50%, transparent)"},gradient:{start:"{color.brand.400}",end:"{color.brand.600}"},chart:{1:"{color.brand.400}",2:"{color.brand.200}",3:"{color.brand.600}",4:"{color.success.500}",5:"{color.warning.500}"},zIndex:{base:"{zIndex.base}",dropdown:"{zIndex.dropdown}",sticky:"{zIndex.sticky}",overlay:"{zIndex.overlay}",modal:"{zIndex.modal}",popover:"{zIndex.popover}",tooltip:"{zIndex.tooltip}",toast:"{zIndex.toast}"},fontSize:{xs:"{typography.size.12}",sm:"{typography.size.13}",base:"{typography.size.14}",md:"{typography.size.16}",lg:"{typography.size.18}",xl:"{typography.size.20}","2xl":"{typography.size.24}","3xl":"{typography.size.32}"}}},n={light:r,dark:o};exports.darkTheme=o;exports.lightTheme=r;exports.themes=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/tokens/themes.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/tokens/themes.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,WAoHf,CAAC;AAEX,eAAO,MAAM,SAAS,EAAE,WAoHd,CAAC;AAEX,eAAO,MAAM,MAAM;;;CAGT,CAAC"}
|
package/dist/tokens/themes.mjs
CHANGED
|
@@ -92,6 +92,26 @@ const r = {
|
|
|
92
92
|
3: "{color.brand.700}",
|
|
93
93
|
4: "{color.success.500}",
|
|
94
94
|
5: "{color.warning.500}"
|
|
95
|
+
},
|
|
96
|
+
zIndex: {
|
|
97
|
+
base: "{zIndex.base}",
|
|
98
|
+
dropdown: "{zIndex.dropdown}",
|
|
99
|
+
sticky: "{zIndex.sticky}",
|
|
100
|
+
overlay: "{zIndex.overlay}",
|
|
101
|
+
modal: "{zIndex.modal}",
|
|
102
|
+
popover: "{zIndex.popover}",
|
|
103
|
+
tooltip: "{zIndex.tooltip}",
|
|
104
|
+
toast: "{zIndex.toast}"
|
|
105
|
+
},
|
|
106
|
+
fontSize: {
|
|
107
|
+
xs: "{typography.size.12}",
|
|
108
|
+
sm: "{typography.size.13}",
|
|
109
|
+
base: "{typography.size.14}",
|
|
110
|
+
md: "{typography.size.16}",
|
|
111
|
+
lg: "{typography.size.18}",
|
|
112
|
+
xl: "{typography.size.20}",
|
|
113
|
+
"2xl": "{typography.size.24}",
|
|
114
|
+
"3xl": "{typography.size.32}"
|
|
95
115
|
}
|
|
96
116
|
}
|
|
97
117
|
}, o = {
|
|
@@ -188,6 +208,26 @@ const r = {
|
|
|
188
208
|
3: "{color.brand.600}",
|
|
189
209
|
4: "{color.success.500}",
|
|
190
210
|
5: "{color.warning.500}"
|
|
211
|
+
},
|
|
212
|
+
zIndex: {
|
|
213
|
+
base: "{zIndex.base}",
|
|
214
|
+
dropdown: "{zIndex.dropdown}",
|
|
215
|
+
sticky: "{zIndex.sticky}",
|
|
216
|
+
overlay: "{zIndex.overlay}",
|
|
217
|
+
modal: "{zIndex.modal}",
|
|
218
|
+
popover: "{zIndex.popover}",
|
|
219
|
+
tooltip: "{zIndex.tooltip}",
|
|
220
|
+
toast: "{zIndex.toast}"
|
|
221
|
+
},
|
|
222
|
+
fontSize: {
|
|
223
|
+
xs: "{typography.size.12}",
|
|
224
|
+
sm: "{typography.size.13}",
|
|
225
|
+
base: "{typography.size.14}",
|
|
226
|
+
md: "{typography.size.16}",
|
|
227
|
+
lg: "{typography.size.18}",
|
|
228
|
+
xl: "{typography.size.20}",
|
|
229
|
+
"2xl": "{typography.size.24}",
|
|
230
|
+
"3xl": "{typography.size.32}"
|
|
191
231
|
}
|
|
192
232
|
}
|
|
193
233
|
}, n = {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@orion-ds/react",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.7.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Orion Design System - React component library with 40+ AI-ready components and 9 templates",
|
|
6
6
|
"author": "Orion Design System Team",
|
|
@@ -63,7 +63,13 @@
|
|
|
63
63
|
"import": "./dist/dnd.mjs",
|
|
64
64
|
"require": "./dist/dnd.cjs"
|
|
65
65
|
},
|
|
66
|
-
"./blocks.css": "./dist/blocks.css"
|
|
66
|
+
"./blocks.css": "./dist/blocks.css",
|
|
67
|
+
"./integrations/tailwind": {
|
|
68
|
+
"types": "./dist/integrations/tailwind/index.d.ts",
|
|
69
|
+
"import": "./dist/integrations/tailwind/index.mjs",
|
|
70
|
+
"require": "./dist/integrations/tailwind/index.cjs"
|
|
71
|
+
},
|
|
72
|
+
"./integrations/tailwind/v4.css": "./dist/integrations/tailwind/v4.css"
|
|
67
73
|
},
|
|
68
74
|
"files": [
|
|
69
75
|
"dist",
|
|
@@ -211,11 +217,14 @@
|
|
|
211
217
|
"@vitejs/plugin-react": "^5.1.2",
|
|
212
218
|
"@vitest/coverage-v8": "^4.0.18",
|
|
213
219
|
"@vitest/ui": "^4.0.18",
|
|
220
|
+
"date-fns": "^4.0.0",
|
|
214
221
|
"jsdom": "^27.4.0",
|
|
215
222
|
"react": "^19.2.4",
|
|
216
223
|
"react-dom": "^19.2.4",
|
|
224
|
+
"recharts": "^3.0.0",
|
|
217
225
|
"rollup-plugin-preserve-directives": "^0.4.0",
|
|
218
226
|
"storybook": "^8.6.17",
|
|
227
|
+
"tailwindcss": "^3.0.0",
|
|
219
228
|
"typescript": "^5.9.3",
|
|
220
229
|
"vite": "^7.3.1",
|
|
221
230
|
"vite-plugin-dts": "^3.7.0",
|