@orion-ds/react 4.6.1 → 4.6.2
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/dist/blocks/sections/Gallery/Gallery.module.css +1 -1
- package/dist/blocks/sections/Gallery/Gallery.module.css.cjs +1 -1
- package/dist/blocks/sections/Gallery/Gallery.module.css.mjs +20 -20
- package/dist/blocks.css +1 -1
- package/dist/components/EmptyState/EmptyState.cjs +1 -0
- package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.mjs +1 -0
- package/dist/components/Icon/Icon.cjs +1 -0
- package/dist/components/Icon/Icon.d.ts.map +1 -1
- package/dist/components/Icon/Icon.mjs +1 -0
- package/dist/components/Select/Select.cjs +1 -0
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.mjs +1 -0
- package/dist/components/Stack/Stack.cjs +1 -0
- package/dist/components/Stack/Stack.d.ts.map +1 -1
- package/dist/components/Stack/Stack.mjs +1 -0
- package/dist/components/Stack/Stack.stories.d.ts +52 -0
- package/dist/components/Stack/Stack.stories.d.ts.map +1 -0
- package/dist/components/ThemeController/ThemeController.cjs +1 -1
- package/dist/components/ThemeController/ThemeController.mjs +20 -20
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._section_1m2sg_1{padding:var(--spacing-16) var(--spacing-8);background:var(--surface-base);color:var(--text-primary)}._container_1m2sg_7{max-width:1200px;margin:0 auto}._title_1m2sg_12{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-8) 0;text-align:center}._grid_1m2sg_21{display:grid;gap:var(--spacing-4)}._cols2_1m2sg_26{grid-template-columns:repeat(2,1fr)}._cols3_1m2sg_30{grid-template-columns:repeat(3,1fr)}._cols4_1m2sg_34{grid-template-columns:repeat(4,1fr)}._item_1m2sg_38{position:relative;border-radius:var(--radius-container);overflow:hidden}._image_1m2sg_44{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;transition:transform .25s ease}._item_1m2sg_38:hover ._image_1m2sg_44{transform:scale(1.03)}._caption_1m2sg_56{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(transparent,var(--surface-overlay));font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-on-brand-primary);margin:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_section_1m2sg_1",s="_container_1m2sg_7",o="_title_1m2sg_12",c="_grid_1m2sg_21",e="_cols2_1m2sg_26",i="_cols3_1m2sg_30",_="_cols4_1m2sg_34",n="_item_1m2sg_38",l="_image_1m2sg_44",g="_caption_1m2sg_56",m={section:t,container:s,title:o,grid:c,cols2:e,cols3:i,cols4:_,item:n,image:l,caption:g};exports.caption=g;exports.cols2=e;exports.cols3=i;exports.cols4=_;exports.container=s;exports.default=m;exports.grid=c;exports.image=l;exports.item=n;exports.section=t;exports.title=o;
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
const
|
|
2
|
-
section:
|
|
3
|
-
container:
|
|
4
|
-
title:
|
|
5
|
-
grid:
|
|
6
|
-
cols2:
|
|
7
|
-
cols3:
|
|
8
|
-
cols4:
|
|
9
|
-
item:
|
|
10
|
-
image:
|
|
1
|
+
const s = "_section_1m2sg_1", t = "_container_1m2sg_7", o = "_title_1m2sg_12", _ = "_grid_1m2sg_21", c = "_cols2_1m2sg_26", n = "_cols3_1m2sg_30", i = "_cols4_1m2sg_34", e = "_item_1m2sg_38", g = "_image_1m2sg_44", m = "_caption_1m2sg_56", l = {
|
|
2
|
+
section: s,
|
|
3
|
+
container: t,
|
|
4
|
+
title: o,
|
|
5
|
+
grid: _,
|
|
6
|
+
cols2: c,
|
|
7
|
+
cols3: n,
|
|
8
|
+
cols4: i,
|
|
9
|
+
item: e,
|
|
10
|
+
image: g,
|
|
11
11
|
caption: m
|
|
12
12
|
};
|
|
13
13
|
export {
|
|
14
14
|
m as caption,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
15
|
+
c as cols2,
|
|
16
|
+
n as cols3,
|
|
17
|
+
i as cols4,
|
|
18
|
+
t as container,
|
|
19
|
+
l as default,
|
|
20
|
+
_ as grid,
|
|
21
|
+
g as image,
|
|
22
|
+
e as item,
|
|
23
|
+
s as section,
|
|
24
|
+
o as title
|
|
25
25
|
};
|
package/dist/blocks.css
CHANGED
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
|
|
36
36
|
._footer_1fj4o_1{padding:var(--spacing-12) var(--spacing-6) var(--spacing-6);background:var(--surface-subtle);border-top:1px solid var(--border-subtle)}._container_1fj4o_7{max-width:1200px;margin:0 auto}._defaultLayout_1fj4o_13{display:grid;grid-template-columns:1.5fr repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-8)}._centeredLayout_1fj4o_20{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-6)}._minimalLayout_1fj4o_29{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-4)}._brandBlock_1fj4o_37{display:flex;flex-direction:column;gap:var(--spacing-2)}._brandName_1fj4o_43{font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0}._brandDescription_1fj4o_51{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;max-width:280px}._linkGroup_1fj4o_59{display:flex;flex-direction:column;gap:var(--spacing-2)}._linkGroupTitle_1fj4o_65{font-family:var(--font-secondary);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-1) 0;text-transform:uppercase;letter-spacing:.05em}._link_1fj4o_59{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;transition:color .15s ease}._link_1fj4o_59:hover{color:var(--text-primary)}._socialLinks_1fj4o_87{display:flex;gap:var(--spacing-3);align-items:center}._socialLink_1fj4o_87{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .15s ease}._socialLink_1fj4o_87:hover{color:var(--text-primary)}._bottom_1fj4o_105{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-8);padding-top:var(--spacing-4);border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:var(--spacing-3)}._copyright_1fj4o_116{font-family:var(--font-secondary);font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0}._centeredLayout_1fj4o_20 ._linkGroupsRow_1fj4o_124{display:flex;gap:var(--spacing-8);flex-wrap:wrap;justify-content:center}._linkGroupsRow_1fj4o_124{display:flex;gap:var(--spacing-8);flex-wrap:wrap}@media(max-width:768px){._defaultLayout_1fj4o_13{grid-template-columns:1fr}._minimalLayout_1fj4o_29,._bottom_1fj4o_105{flex-direction:column;align-items:flex-start}}
|
|
37
37
|
|
|
38
|
-
.
|
|
38
|
+
._section_1m2sg_1{padding:var(--spacing-16) var(--spacing-8);background:var(--surface-base);color:var(--text-primary)}._container_1m2sg_7{max-width:1200px;margin:0 auto}._title_1m2sg_12{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-8) 0;text-align:center}._grid_1m2sg_21{display:grid;gap:var(--spacing-4)}._cols2_1m2sg_26{grid-template-columns:repeat(2,1fr)}._cols3_1m2sg_30{grid-template-columns:repeat(3,1fr)}._cols4_1m2sg_34{grid-template-columns:repeat(4,1fr)}._item_1m2sg_38{position:relative;border-radius:var(--radius-container);overflow:hidden}._image_1m2sg_44{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;transition:transform .25s ease}._item_1m2sg_38:hover ._image_1m2sg_44{transform:scale(1.03)}._caption_1m2sg_56{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(transparent,var(--surface-overlay));font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-on-brand-primary);margin:0}
|
|
39
39
|
|
|
40
40
|
._section_1nowi_1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-6);background:var(--surface-base);text-align:center;min-height:400px}._left_1nowi_12{align-items:flex-start;text-align:left}._sm_1nowi_17{padding:var(--spacing-8) var(--spacing-6);min-height:auto}._lg_1nowi_22{padding:var(--spacing-32) var(--spacing-6);min-height:560px}._container_1nowi_27{max-width:800px;width:100%}._title_1nowi_32{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-4) 0;line-height:1.15}._lg_1nowi_22 ._title_1nowi_32{font-size:48px}._sm_1nowi_17 ._title_1nowi_32{font-size:var(--font-size-2xl)}._description_1nowi_49{font-family:var(--font-secondary);font-size:var(--font-size-lg);color:var(--text-secondary);margin:0 0 var(--spacing-8) 0;line-height:1.6;max-width:600px}._left_1nowi_12 ._description_1nowi_49{margin-left:0;margin-right:0}._actions_1nowi_63{display:flex;gap:var(--spacing-3);flex-wrap:wrap}._left_1nowi_12 ._actions_1nowi_63{justify-content:flex-start}._section_1nowi_1:not(._left_1nowi_12) ._actions_1nowi_63{justify-content:center}._section_1nowi_1:not(._left_1nowi_12) ._description_1nowi_49{margin-left:auto;margin-right:auto}._highlight_1nowi_83{background:linear-gradient(135deg,var(--color-brand-400),var(--color-brand-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){._title_1nowi_32{font-size:var(--font-size-2xl)}._lg_1nowi_22 ._title_1nowi_32{font-size:var(--font-size-3xl)}._actions_1nowi_63{flex-direction:column;align-items:stretch}}
|
|
41
41
|
|
|
@@ -1 +1,2 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),f=require("react"),e=require("./EmptyState.module.css.cjs"),r=f.forwardRef(({icon:a,title:i,description:s,action:l,secondaryAction:d,size:c="md",className:m,...u},n)=>{const o=[e.default.emptyState,e.default[c],m].filter(Boolean).join(" ");return t.jsxs("div",{ref:n,className:o,...u,children:[a&&t.jsx("div",{className:e.default.icon,"aria-hidden":"true",children:a}),t.jsx("h3",{className:e.default.title,children:i}),s&&t.jsx("p",{className:e.default.description,children:s}),(l||d)&&t.jsxs("div",{className:e.default.actions,children:[l,d]})]})});r.displayName="EmptyState";exports.EmptyState=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,4GAuCtB,CAAC"}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react/jsx-runtime"),t=require("react"),n=require("./Icon.module.css.cjs"),S={xs:12,sm:16,md:20,lg:24,xl:32},l=t.forwardRef(({icon:i,size:e="md",color:s="current",strokeWidth:d=2,label:a,decorative:c=!1,disabled:f=!1,className:o,style:u,...m},p)=>{const h=t.useMemo(()=>typeof e=="number"?e:S[e],[e]),g=t.useMemo(()=>{const r=[n.default.icon];return typeof e=="string"&&r.push(n.default[e]),r.push(n.default[s]),f&&r.push(n.default.disabled),o&&r.push(o),r.filter(Boolean).join(" ")},[e,s,f,o]),y=t.useMemo(()=>c?{"aria-hidden":!0,role:"presentation"}:{"aria-label":a,role:"img"},[c,a]),M=t.useMemo(()=>typeof e=="number"?{width:e,height:e,...u}:u,[e,u]);return I.jsx(i,{ref:p,className:g,size:h,strokeWidth:d,style:M,...y,...m})});l.displayName="Icon";exports.Icon=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,cAAc,CAAC;AAexD,eAAO,MAAM,IAAI,qGA0FhB,CAAC"}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),e=require("./Select.module.css.cjs"),u=o.forwardRef(({value:d,disabled:a,children:t,...c},i)=>l.jsx("option",{ref:i,value:d,disabled:a,...c,children:t}));u.displayName="Select.Option";const f=o.forwardRef(({label:d,error:a,helperText:t,options:c,placeholder:i="Select an option...",fullWidth:p=!1,size:h="md",optional:j=!1,className:x,id:b,disabled:N,required:r,children:S,...v},y)=>{const s=b||`select-${Math.random().toString(36).substr(2,9)}`,$=[e.default.selectContainer,p&&e.default.fullWidth,a&&e.default.error,x].filter(Boolean).join(" "),g=[e.default.select,e.default[h]].filter(Boolean).join(" ");return l.jsxs("div",{className:$,children:[d&&l.jsxs("label",{htmlFor:s,className:e.default.label,children:[d,j&&l.jsx("span",{className:e.default.optional,children:"(optional)"}),r&&l.jsx("span",{"aria-label":"required",children:"*"})]}),l.jsx("div",{className:e.default.selectWrapper,children:l.jsxs("select",{ref:y,id:s,className:g,disabled:N,required:r,"aria-invalid":a?"true":"false","aria-describedby":a?`${s}-error`:t?`${s}-helper`:void 0,...v,children:[i&&l.jsx("option",{value:"",disabled:!0,className:e.default.placeholder,children:i}),c?.map(n=>l.jsx("option",{value:n.value,disabled:n.disabled,children:n.label},n.value)),S]})}),t&&!a&&l.jsx("span",{id:`${s}-helper`,className:e.default.helperText,children:t}),a&&l.jsxs("span",{id:`${s}-error`,className:e.default.errorMessage,role:"alert",children:[l.jsx("span",{className:e.default.errorIcon,"aria-hidden":"true",children:"⚠"}),a]})]})});f.displayName="Select";const m=f;m.Option=u;exports.Select=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGrE;;;;;;;;;;GAUG;AACH,QAAA,MAAM,YAAY,iHAMjB,CAAC;AAIF,QAAA,MAAM,eAAe,2GAgHpB,CAAC;AAKF,eAAO,MAAM,MAAM,EAAsB,OAAO,eAAe,GAAG;IAChE,MAAM,EAAE,OAAO,YAAY,CAAC;CAC7B,CAAC"}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),S=require("react"),e=require("./Stack.module.css.cjs"),t=S.forwardRef(({direction:a="vertical",gap:r="md",align:s="stretch",justify:l="flex-start",wrap:c="nowrap",as:u="div",className:o,children:i,...d},n)=>{const f=[e.default.stack,e.default[a],e.default[`gap-${r}`],e.default[`align-${s}`],e.default[`justify-${l}`],e.default[`wrap-${c}`],o].filter(Boolean).join(" ");return m.jsx(u,{ref:n,className:f,...d,children:i})});t.displayName="Stack";exports.Stack=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,KAAK,gFAiCjB,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import('react').ForwardRefExoticComponent<import('./Stack.types').StackProps & import('react').RefAttributes<HTMLElement>>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
argTypes: {
|
|
11
|
+
direction: {
|
|
12
|
+
control: "select";
|
|
13
|
+
options: string[];
|
|
14
|
+
};
|
|
15
|
+
gap: {
|
|
16
|
+
control: "select";
|
|
17
|
+
options: string[];
|
|
18
|
+
};
|
|
19
|
+
align: {
|
|
20
|
+
control: "select";
|
|
21
|
+
options: string[];
|
|
22
|
+
};
|
|
23
|
+
justify: {
|
|
24
|
+
control: "select";
|
|
25
|
+
options: string[];
|
|
26
|
+
};
|
|
27
|
+
wrap: {
|
|
28
|
+
control: "select";
|
|
29
|
+
options: string[];
|
|
30
|
+
};
|
|
31
|
+
as: {
|
|
32
|
+
control: "select";
|
|
33
|
+
options: string[];
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
export default meta;
|
|
38
|
+
type Story = StoryObj<typeof meta>;
|
|
39
|
+
export declare const Vertical: Story;
|
|
40
|
+
export declare const Horizontal: Story;
|
|
41
|
+
export declare const GapXs: Story;
|
|
42
|
+
export declare const GapSm: Story;
|
|
43
|
+
export declare const GapMd: Story;
|
|
44
|
+
export declare const GapLg: Story;
|
|
45
|
+
export declare const GapXl: Story;
|
|
46
|
+
export declare const AllGaps: Story;
|
|
47
|
+
export declare const AlignVariants: Story;
|
|
48
|
+
export declare const JustifyVariants: Story;
|
|
49
|
+
export declare const ButtonGroup: Story;
|
|
50
|
+
export declare const FormLayout: Story;
|
|
51
|
+
export declare const CardGrid: Story;
|
|
52
|
+
//# sourceMappingURL=Stack.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC;AAMF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KA8GrB,CAAC;AAMF,eAAO,MAAM,aAAa,EAAE,KAyG3B,CAAC;AAMF,eAAO,MAAM,eAAe,EAAE,KAkG7B,CAAC;AAMF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgEtB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("../../contexts/ThemeContext.cjs"),S=require("../../hooks/useTheme.cjs"),
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("../../contexts/ThemeContext.cjs"),S=require("../../hooks/useTheme.cjs"),h=require("../Switch/Switch.cjs"),l=require("../Button/Button.cjs"),d=require("../Card/Card.cjs"),i=require("../Badge/Badge.cjs"),z=require("../Radio/Radio.cjs"),T=require("../Alert/Alert.cjs"),n={orion:{accent:"#1B5BFF",radius:"12px",description:"Blue accent • 12px radius"},red:{accent:"#D7282F",radius:"9999px",description:"Red accent • Pill buttons"},deepblue:{accent:"#006FBA",radius:"12px",description:"Deep Blue accent • 12px radius"},orange:{accent:"#F15D22",radius:"9999px",description:"Red-Orange accent • Pill buttons"},ember:{accent:"#F15D22",radius:"12px",description:"Orange accent • Black buttons • 12px radius"},lemon:{accent:"#72FF43",radius:"9999px",description:"Lime green accent • Highly rounded"}},v=({showBrandSelector:o=!0,showThemeToggle:p=!0,showSummary:y=!0,compact:m=!1,className:x,style:u,onThemeChange:j,onBrandChange:f})=>{const k=S.useTheme();let g=null;try{g=b.useThemeContext()}catch{}const{theme:t,brand:a,setTheme:B,setBrand:C}=g??k,s=r=>{B(r),j?.(r)},c=r=>{C(r),f?.(r)};return m?e.jsxs("div",{className:x,style:{display:"flex",gap:"var(--spacing-3)",alignItems:"center",flexWrap:"wrap"},children:[p&&e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"20px"},children:"☀️"}),e.jsx(h.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light")}),e.jsx("span",{style:{fontSize:"20px"},children:"🌙"})]}),o&&e.jsx("div",{style:{display:"flex",gap:"var(--spacing-2)"},children:Object.keys(n).map(r=>e.jsx(l.Button,{variant:a===r?"primary":"secondary",size:"sm",onClick:()=>c(r),children:r.charAt(0).toUpperCase()+r.slice(1)},r))})]}):e.jsxs(d.Card,{variant:"elevated",className:x,style:{background:"var(--interactive-primary)",color:"var(--interactive-primary-text)",...u},children:[e.jsx(d.Card.Header,{children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"24px"},children:"🎨"}),e.jsxs("div",{children:[e.jsx("h3",{style:{margin:0,color:"var(--interactive-primary-text)"},children:"Theme & Brand Settings"}),e.jsx("p",{style:{margin:0,fontSize:"var(--text-sm)",opacity:.9,color:"var(--interactive-primary-text)"},children:"Customize the appearance in real-time"})]})]})}),e.jsx(d.Card.Body,{style:{background:"var(--surface-base)",color:"var(--text-primary)"},children:e.jsxs("div",{style:{display:"grid",gap:"var(--spacing-6)"},children:[p&&e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-3)"},children:[e.jsxs("div",{children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Color Mode"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Switch between light and dark themes"})]}),e.jsx(i.Badge,{variant:t==="light"?"warning":"primary",size:"lg",children:t==="light"?"☀️ Light":"🌙 Dark"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-3)",padding:"var(--spacing-4)",background:"var(--surface-subtle)",borderRadius:"var(--radius-control)",border:"2px solid var(--border-subtle)"},children:[e.jsx("span",{style:{fontSize:"32px"},children:"☀️"}),e.jsx(h.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light"),size:"lg"}),e.jsx("span",{style:{fontSize:"32px"},children:"🌙"}),e.jsxs("div",{style:{marginLeft:"auto",display:"flex",gap:"var(--spacing-2)"},children:[e.jsx(l.Button,{variant:t==="light"?"primary":"ghost",size:"sm",onClick:()=>s("light"),children:"Light"}),e.jsx(l.Button,{variant:t==="dark"?"primary":"ghost",size:"sm",onClick:()=>s("dark"),children:"Dark"})]})]})]}),o&&e.jsxs("div",{children:[e.jsxs("div",{style:{marginBottom:"var(--spacing-3)"},children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Brand Identity"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Select a brand to see different accent colors and styling"})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(250px, 1fr))",gap:"var(--spacing-3)"},children:Object.keys(n).map(r=>e.jsxs("div",{onClick:()=>c(r),style:{padding:"var(--spacing-4)",background:a===r?"var(--interactive-primary)":"var(--surface-subtle)",color:a===r?"white":"var(--text-primary)",borderRadius:"var(--radius-control)",border:`2px solid ${a===r?"var(--interactive-primary)":"var(--border-subtle)"}`,cursor:"pointer",transition:"all 150ms ease"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-2)"},children:[e.jsx(z.Radio,{name:"brand",value:r,checked:a===r,onChange:()=>c(r),label:r.charAt(0).toUpperCase()+r.slice(1),size:"lg"}),a===r&&e.jsx(i.Badge,{variant:"success",children:"Active"})]}),e.jsx("p",{style:{fontSize:"var(--text-sm)",margin:0,opacity:.8},children:n[r].description})]},r))})]}),y&&e.jsx(T.Alert,{variant:"info",title:"Current Settings",children:e.jsxs("div",{style:{display:"flex",gap:"var(--spacing-2)",flexWrap:"wrap"},children:[e.jsxs(i.Badge,{variant:"primary",children:["Theme: ",t]}),e.jsxs(i.Badge,{variant:"secondary",children:["Brand: ",a]}),e.jsxs(i.Badge,{variant:"secondary",children:["Accent: ",n[a].accent]}),e.jsxs(i.Badge,{variant:"secondary",children:["Radius:"," ",n[a].radius==="9999px"?"9999px (pills)":n[a].radius]})]})})]})})]})};v.displayName="ThemeController";exports.ThemeController=v;
|
|
@@ -6,8 +6,8 @@ import { Switch as v } from "../Switch/Switch.mjs";
|
|
|
6
6
|
import { Button as d } from "../Button/Button.mjs";
|
|
7
7
|
import { Card as o } from "../Card/Card.mjs";
|
|
8
8
|
import { Badge as n } from "../Badge/Badge.mjs";
|
|
9
|
-
import { Radio as
|
|
10
|
-
import { Alert as
|
|
9
|
+
import { Radio as F } from "../Radio/Radio.mjs";
|
|
10
|
+
import { Alert as I } from "../Alert/Alert.mjs";
|
|
11
11
|
const l = {
|
|
12
12
|
orion: {
|
|
13
13
|
accent: "#1B5BFF",
|
|
@@ -39,14 +39,14 @@ const l = {
|
|
|
39
39
|
radius: "9999px",
|
|
40
40
|
description: "Lime green accent • Highly rounded"
|
|
41
41
|
}
|
|
42
|
-
},
|
|
42
|
+
}, T = ({
|
|
43
43
|
showBrandSelector: p = !0,
|
|
44
|
-
showThemeToggle:
|
|
44
|
+
showThemeToggle: g = !0,
|
|
45
45
|
showSummary: y = !0,
|
|
46
46
|
compact: u = !1,
|
|
47
|
-
className:
|
|
48
|
-
style:
|
|
49
|
-
onThemeChange:
|
|
47
|
+
className: h,
|
|
48
|
+
style: x,
|
|
49
|
+
onThemeChange: f,
|
|
50
50
|
onBrandChange: k
|
|
51
51
|
}) => {
|
|
52
52
|
const C = S();
|
|
@@ -56,14 +56,14 @@ const l = {
|
|
|
56
56
|
} catch {
|
|
57
57
|
}
|
|
58
58
|
const { theme: t, brand: i, setTheme: b, setBrand: z } = m ?? C, c = (e) => {
|
|
59
|
-
b(e),
|
|
59
|
+
b(e), f?.(e);
|
|
60
60
|
}, s = (e) => {
|
|
61
61
|
z(e), k?.(e);
|
|
62
62
|
};
|
|
63
63
|
return u ? /* @__PURE__ */ a(
|
|
64
64
|
"div",
|
|
65
65
|
{
|
|
66
|
-
className:
|
|
66
|
+
className: h,
|
|
67
67
|
style: {
|
|
68
68
|
display: "flex",
|
|
69
69
|
gap: "var(--spacing-3)",
|
|
@@ -71,7 +71,7 @@ const l = {
|
|
|
71
71
|
flexWrap: "wrap"
|
|
72
72
|
},
|
|
73
73
|
children: [
|
|
74
|
-
|
|
74
|
+
g && /* @__PURE__ */ a(
|
|
75
75
|
"div",
|
|
76
76
|
{
|
|
77
77
|
style: {
|
|
@@ -108,11 +108,11 @@ const l = {
|
|
|
108
108
|
o,
|
|
109
109
|
{
|
|
110
110
|
variant: "elevated",
|
|
111
|
-
className:
|
|
111
|
+
className: h,
|
|
112
112
|
style: {
|
|
113
113
|
background: "var(--interactive-primary)",
|
|
114
|
-
color: "
|
|
115
|
-
...
|
|
114
|
+
color: "var(--interactive-primary-text)",
|
|
115
|
+
...x
|
|
116
116
|
},
|
|
117
117
|
children: [
|
|
118
118
|
/* @__PURE__ */ r(o.Header, { children: /* @__PURE__ */ a(
|
|
@@ -126,7 +126,7 @@ const l = {
|
|
|
126
126
|
children: [
|
|
127
127
|
/* @__PURE__ */ r("span", { style: { fontSize: "24px" }, children: "🎨" }),
|
|
128
128
|
/* @__PURE__ */ a("div", { children: [
|
|
129
|
-
/* @__PURE__ */ r("h3", { style: { margin: 0, color: "
|
|
129
|
+
/* @__PURE__ */ r("h3", { style: { margin: 0, color: "var(--interactive-primary-text)" }, children: "Theme & Brand Settings" }),
|
|
130
130
|
/* @__PURE__ */ r(
|
|
131
131
|
"p",
|
|
132
132
|
{
|
|
@@ -134,7 +134,7 @@ const l = {
|
|
|
134
134
|
margin: 0,
|
|
135
135
|
fontSize: "var(--text-sm)",
|
|
136
136
|
opacity: 0.9,
|
|
137
|
-
color: "
|
|
137
|
+
color: "var(--interactive-primary-text)"
|
|
138
138
|
},
|
|
139
139
|
children: "Customize the appearance in real-time"
|
|
140
140
|
}
|
|
@@ -151,7 +151,7 @@ const l = {
|
|
|
151
151
|
color: "var(--text-primary)"
|
|
152
152
|
},
|
|
153
153
|
children: /* @__PURE__ */ a("div", { style: { display: "grid", gap: "var(--spacing-6)" }, children: [
|
|
154
|
-
|
|
154
|
+
g && /* @__PURE__ */ a("div", { children: [
|
|
155
155
|
/* @__PURE__ */ a(
|
|
156
156
|
"div",
|
|
157
157
|
{
|
|
@@ -316,7 +316,7 @@ const l = {
|
|
|
316
316
|
},
|
|
317
317
|
children: [
|
|
318
318
|
/* @__PURE__ */ r(
|
|
319
|
-
|
|
319
|
+
F,
|
|
320
320
|
{
|
|
321
321
|
name: "brand",
|
|
322
322
|
value: e,
|
|
@@ -348,7 +348,7 @@ const l = {
|
|
|
348
348
|
}
|
|
349
349
|
)
|
|
350
350
|
] }),
|
|
351
|
-
y && /* @__PURE__ */ r(
|
|
351
|
+
y && /* @__PURE__ */ r(I, { variant: "info", title: "Current Settings", children: /* @__PURE__ */ a(
|
|
352
352
|
"div",
|
|
353
353
|
{
|
|
354
354
|
style: {
|
|
@@ -384,7 +384,7 @@ const l = {
|
|
|
384
384
|
}
|
|
385
385
|
);
|
|
386
386
|
};
|
|
387
|
-
|
|
387
|
+
T.displayName = "ThemeController";
|
|
388
388
|
export {
|
|
389
|
-
|
|
389
|
+
T as ThemeController
|
|
390
390
|
};
|
package/package.json
CHANGED