@orion-ds/react 5.1.0 → 5.1.11
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/templates/index.cjs +1 -0
- package/dist/blocks/templates/index.mjs +18 -0
- package/dist/components/Calendar/Calendar.d.ts.map +1 -1
- package/dist/components/Chart/Chart.d.ts.map +1 -1
- package/dist/components/Chat/components/ChatMarkdown.d.ts.map +1 -1
- package/dist/components/CodeEditor/CodeEditor.d.ts.map +1 -1
- package/dist/components/CollapsibleFolder/CollapsibleFolder.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/ThemeController/ThemeController.cjs +1 -1
- package/dist/components/ThemeController/ThemeController.d.ts.map +1 -1
- package/dist/components/ThemeController/ThemeController.mjs +14 -19
- package/dist/hooks/useTheme.cjs +1 -1
- package/dist/hooks/useTheme.d.ts +1 -1
- package/dist/hooks/useTheme.d.ts.map +1 -1
- package/dist/hooks/useTheme.mjs +1 -1
- package/dist/sections/index.cjs +1 -0
- package/dist/sections/index.mjs +43 -0
- package/dist/tokens/brands.cjs +1 -1
- package/dist/tokens/brands.d.ts.map +1 -1
- package/dist/tokens/brands.mjs +0 -41
- package/dist/tokens/primitives.cjs +1 -1
- package/dist/tokens/primitives.d.ts.map +1 -1
- package/dist/tokens/primitives.mjs +22 -21
- package/dist/tokens/themes.cjs +1 -1
- package/dist/tokens/themes.d.ts.map +1 -1
- package/dist/tokens/themes.mjs +44 -0
- package/dist/tokens/types.d.ts +84 -106
- package/dist/tokens/types.d.ts.map +1 -1
- package/dist/tokens/utils.d.ts.map +1 -1
- package/dist/tokens/utils.mjs +1 -3
- package/dist/utils/fonts.cjs +1 -1
- package/dist/utils/fonts.d.ts.map +1 -1
- package/dist/utils/fonts.mjs +0 -1
- package/package.json +1 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./app/AgentEditor/AgentEditor.cjs"),t=require("./app/AgentWorkspace/AgentWorkspace.cjs"),a=require("./app/ChatPageTemplate/ChatPageTemplate.cjs"),r=require("./app/DashboardTemplate/DashboardTemplate.cjs"),n=require("./app/KanbanPageTemplate/KanbanPageTemplate.cjs"),o=require("./app/LoginTemplate/LoginTemplate.cjs"),l=require("./app/ProfilePageTemplate/ProfilePageTemplate.cjs"),g=require("./app/SettingsTemplate/SettingsTemplate.cjs");exports.AgentEditor=e.AgentEditor;exports.AgentWorkspace=t.AgentWorkspace;exports.ChatPageTemplate=a.ChatPageTemplate;exports.DashboardTemplate=r.DashboardTemplate;exports.KanbanPageTemplate=n.KanbanPageTemplate;exports.LoginTemplate=o.LoginTemplate;exports.ProfilePageTemplate=l.ProfilePageTemplate;exports.SettingsTemplate=g.SettingsTemplate;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { AgentEditor as r } from "./app/AgentEditor/AgentEditor.mjs";
|
|
2
|
+
import { AgentWorkspace as a } from "./app/AgentWorkspace/AgentWorkspace.mjs";
|
|
3
|
+
import { ChatPageTemplate as m } from "./app/ChatPageTemplate/ChatPageTemplate.mjs";
|
|
4
|
+
import { DashboardTemplate as x } from "./app/DashboardTemplate/DashboardTemplate.mjs";
|
|
5
|
+
import { KanbanPageTemplate as l } from "./app/KanbanPageTemplate/KanbanPageTemplate.mjs";
|
|
6
|
+
import { LoginTemplate as T } from "./app/LoginTemplate/LoginTemplate.mjs";
|
|
7
|
+
import { ProfilePageTemplate as P } from "./app/ProfilePageTemplate/ProfilePageTemplate.mjs";
|
|
8
|
+
import { SettingsTemplate as b } from "./app/SettingsTemplate/SettingsTemplate.mjs";
|
|
9
|
+
export {
|
|
10
|
+
r as AgentEditor,
|
|
11
|
+
a as AgentWorkspace,
|
|
12
|
+
m as ChatPageTemplate,
|
|
13
|
+
x as DashboardTemplate,
|
|
14
|
+
l as KanbanPageTemplate,
|
|
15
|
+
T as LoginTemplate,
|
|
16
|
+
P as ProfilePageTemplate,
|
|
17
|
+
b as SettingsTemplate
|
|
18
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAgD,MAAM,OAAO,CAAC;AAIrE,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAgD,MAAM,OAAO,CAAC;AAIrE,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,kBAAkB,CAAC;AA+CjE,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0Q5C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/Chart.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAoC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/Chart.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAoC,MAAM,OAAO,CAAC;AAiBzD,OAAO,KAAK,EAEV,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,eAAe,CAAC;AAQvB;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0CxD,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAsElE,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA4ChE,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0BtD,CAAC;AAMF,eAAO,MAAM,YAAY,KAAkB,CAAC;AAC5C,eAAO,MAAM,WAAW,KAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatMarkdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/components/ChatMarkdown.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatMarkdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/components/ChatMarkdown.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAoBvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuEpD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA8C1D;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,UAAU,6FA8UtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleFolder.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleFolder/CollapsibleFolder.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"CollapsibleFolder.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleFolder/CollapsibleFolder.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAqBxE,wBAAgB,iBAAiB,CAC/B,KAAK,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,EACjD,KAAK,EAAE,sBAAsB,CAAC,KAAK,CAAC,2CAoRrC;yBAtRe,iBAAiB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,eAAe,EAAoB,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,eAAe,EAAoB,MAAM,oBAAoB,CAAC;AAe5E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsKhD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"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"),
|
|
1
|
+
"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"),c=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"},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:g,style:u,onThemeChange:j,onBrandChange:f})=>{const C=S.useTheme();let x=null;try{x=b.useThemeContext()}catch{}const{theme:t,brand:a,setTheme:k,setBrand:B}=x??C,s=r=>{k(r),j?.(r)},l=r=>{B(r),f?.(r)};return m?e.jsxs("div",{className:g,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(c.Button,{variant:a===r?"primary":"secondary",size:"sm",onClick:()=>l(r),children:r.charAt(0).toUpperCase()+r.slice(1)},r))})]}):e.jsxs(d.Card,{variant:"elevated",className:g,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(c.Button,{variant:t==="light"?"primary":"ghost",size:"sm",onClick:()=>s("light"),children:"Light"}),e.jsx(c.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:()=>l(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:()=>l(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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeController.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeController/ThemeController.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemeController.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeController/ThemeController.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AA8CpE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuU1D,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { jsxs as a, jsx as r } from "react/jsx-runtime";
|
|
|
2
2
|
import { useThemeContext as B } from "../../contexts/ThemeContext.mjs";
|
|
3
3
|
import { useTheme as S } from "../../hooks/useTheme.mjs";
|
|
4
4
|
import { Switch as v } from "../Switch/Switch.mjs";
|
|
5
|
-
import { Button as
|
|
5
|
+
import { Button as s } from "../Button/Button.mjs";
|
|
6
6
|
import { Card as o } from "../Card/Card.mjs";
|
|
7
7
|
import { Badge as n } from "../Badge/Badge.mjs";
|
|
8
8
|
import { Radio as F } from "../Radio/Radio.mjs";
|
|
@@ -28,11 +28,6 @@ const l = {
|
|
|
28
28
|
radius: "9999px",
|
|
29
29
|
description: "Red-Orange accent • Pill buttons"
|
|
30
30
|
},
|
|
31
|
-
ember: {
|
|
32
|
-
accent: "#F15D22",
|
|
33
|
-
radius: "12px",
|
|
34
|
-
description: "Orange accent • Black buttons • 12px radius"
|
|
35
|
-
},
|
|
36
31
|
lemon: {
|
|
37
32
|
accent: "#72FF43",
|
|
38
33
|
radius: "9999px",
|
|
@@ -40,10 +35,10 @@ const l = {
|
|
|
40
35
|
}
|
|
41
36
|
}, T = ({
|
|
42
37
|
showBrandSelector: p = !0,
|
|
43
|
-
showThemeToggle:
|
|
38
|
+
showThemeToggle: h = !0,
|
|
44
39
|
showSummary: y = !0,
|
|
45
40
|
compact: u = !1,
|
|
46
|
-
className:
|
|
41
|
+
className: g,
|
|
47
42
|
style: x,
|
|
48
43
|
onThemeChange: f,
|
|
49
44
|
onBrandChange: k
|
|
@@ -56,13 +51,13 @@ const l = {
|
|
|
56
51
|
}
|
|
57
52
|
const { theme: t, brand: i, setTheme: b, setBrand: z } = m ?? C, c = (e) => {
|
|
58
53
|
b(e), f?.(e);
|
|
59
|
-
},
|
|
54
|
+
}, d = (e) => {
|
|
60
55
|
z(e), k?.(e);
|
|
61
56
|
};
|
|
62
57
|
return u ? /* @__PURE__ */ a(
|
|
63
58
|
"div",
|
|
64
59
|
{
|
|
65
|
-
className:
|
|
60
|
+
className: g,
|
|
66
61
|
style: {
|
|
67
62
|
display: "flex",
|
|
68
63
|
gap: "var(--spacing-3)",
|
|
@@ -70,7 +65,7 @@ const l = {
|
|
|
70
65
|
flexWrap: "wrap"
|
|
71
66
|
},
|
|
72
67
|
children: [
|
|
73
|
-
|
|
68
|
+
h && /* @__PURE__ */ a(
|
|
74
69
|
"div",
|
|
75
70
|
{
|
|
76
71
|
style: {
|
|
@@ -92,11 +87,11 @@ const l = {
|
|
|
92
87
|
}
|
|
93
88
|
),
|
|
94
89
|
p && /* @__PURE__ */ r("div", { style: { display: "flex", gap: "var(--spacing-2)" }, children: Object.keys(l).map((e) => /* @__PURE__ */ r(
|
|
95
|
-
|
|
90
|
+
s,
|
|
96
91
|
{
|
|
97
92
|
variant: i === e ? "primary" : "secondary",
|
|
98
93
|
size: "sm",
|
|
99
|
-
onClick: () =>
|
|
94
|
+
onClick: () => d(e),
|
|
100
95
|
children: e.charAt(0).toUpperCase() + e.slice(1)
|
|
101
96
|
},
|
|
102
97
|
e
|
|
@@ -107,7 +102,7 @@ const l = {
|
|
|
107
102
|
o,
|
|
108
103
|
{
|
|
109
104
|
variant: "elevated",
|
|
110
|
-
className:
|
|
105
|
+
className: g,
|
|
111
106
|
style: {
|
|
112
107
|
background: "var(--interactive-primary)",
|
|
113
108
|
color: "var(--interactive-primary-text)",
|
|
@@ -150,7 +145,7 @@ const l = {
|
|
|
150
145
|
color: "var(--text-primary)"
|
|
151
146
|
},
|
|
152
147
|
children: /* @__PURE__ */ a("div", { style: { display: "grid", gap: "var(--spacing-6)" }, children: [
|
|
153
|
-
|
|
148
|
+
h && /* @__PURE__ */ a("div", { children: [
|
|
154
149
|
/* @__PURE__ */ a(
|
|
155
150
|
"div",
|
|
156
151
|
{
|
|
@@ -231,7 +226,7 @@ const l = {
|
|
|
231
226
|
},
|
|
232
227
|
children: [
|
|
233
228
|
/* @__PURE__ */ r(
|
|
234
|
-
|
|
229
|
+
s,
|
|
235
230
|
{
|
|
236
231
|
variant: t === "light" ? "primary" : "ghost",
|
|
237
232
|
size: "sm",
|
|
@@ -240,7 +235,7 @@ const l = {
|
|
|
240
235
|
}
|
|
241
236
|
),
|
|
242
237
|
/* @__PURE__ */ r(
|
|
243
|
-
|
|
238
|
+
s,
|
|
244
239
|
{
|
|
245
240
|
variant: t === "dark" ? "primary" : "ghost",
|
|
246
241
|
size: "sm",
|
|
@@ -293,7 +288,7 @@ const l = {
|
|
|
293
288
|
children: Object.keys(l).map((e) => /* @__PURE__ */ a(
|
|
294
289
|
"div",
|
|
295
290
|
{
|
|
296
|
-
onClick: () =>
|
|
291
|
+
onClick: () => d(e),
|
|
297
292
|
style: {
|
|
298
293
|
padding: "var(--spacing-4)",
|
|
299
294
|
background: i === e ? "var(--interactive-primary)" : "var(--surface-subtle)",
|
|
@@ -320,7 +315,7 @@ const l = {
|
|
|
320
315
|
name: "brand",
|
|
321
316
|
value: e,
|
|
322
317
|
checked: i === e,
|
|
323
|
-
onChange: () =>
|
|
318
|
+
onChange: () => d(e),
|
|
324
319
|
label: e.charAt(0).toUpperCase() + e.slice(1),
|
|
325
320
|
size: "lg"
|
|
326
321
|
}
|
package/dist/hooks/useTheme.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),E=a=>a==="light"||a==="dark",S=a=>["orion","red","deepblue","orange","
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),E=a=>a==="light"||a==="dark",S=a=>["orion","red","deepblue","orange","lemon"].includes(a);function k(a={}){const{defaultTheme:m="light",defaultBrand:f="orion",storageEnabled:o=!0,storageKey:d="orion-theme",brandStorageKey:i="orion-brand"}=a,[r,c]=n.useState(m),[u,l]=n.useState(f),s=n.useCallback(e=>{c(e),typeof window<"u"&&(document.documentElement.setAttribute("data-theme",e),o&&localStorage.setItem(d,e))},[o,d]),g=n.useCallback(e=>{l(e),typeof window<"u"&&(document.documentElement.setAttribute("data-brand",e),o&&localStorage.setItem(i,e))},[o,i]),h=n.useCallback(()=>{s(r==="light"?"dark":"light")},[r,s]);return n.useEffect(()=>{typeof window<"u"&&(document.documentElement.setAttribute("data-theme",r),document.documentElement.setAttribute("data-brand",u))},[r,u]),n.useEffect(()=>{if(!o)return;const e=localStorage.getItem(d);e&&E(e)&&(c(e),document.documentElement.setAttribute("data-theme",e));const t=localStorage.getItem(i);t&&S(t)&&(l(t),document.documentElement.setAttribute("data-brand",t))},[]),n.useEffect(()=>{if(typeof window>"u"||!o)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),t=b=>{localStorage.getItem(d)||s(b.matches?"dark":"light")};if(e.addEventListener)return e.addEventListener("change",t),()=>e.removeEventListener("change",t);if(e.addListener)return e.addListener(t),()=>e.removeListener(t)},[o,d,s]),{theme:r,brand:u,setTheme:s,setBrand:g,toggleTheme:h,isDark:r==="dark",isLight:r==="light"}}exports.useTheme=k;
|
package/dist/hooks/useTheme.d.ts
CHANGED
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
* ```
|
|
23
23
|
*/
|
|
24
24
|
export type Theme = "light" | "dark";
|
|
25
|
-
export type Brand = "orion" | "red" | "deepblue" | "orange" | "
|
|
25
|
+
export type Brand = "orion" | "red" | "deepblue" | "orange" | "lemon";
|
|
26
26
|
export interface UseThemeOptions {
|
|
27
27
|
/**
|
|
28
28
|
* Default theme to use
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAKH,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AACrC,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAKH,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AACrC,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAatE,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IAErB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,KAAK,EAAE,KAAK,CAAC;IAEb,oBAAoB;IACpB,KAAK,EAAE,KAAK,CAAC;IAEb,gBAAgB;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEjC,gBAAgB;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEjC,2CAA2C;IAC3C,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,qCAAqC;IACrC,MAAM,EAAE,OAAO,CAAC;IAEhB,sCAAsC;IACtC,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,OAAO,GAAE,eAAoB,GAAG,cAAc,CAuHtE"}
|
package/dist/hooks/useTheme.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useState as f, useCallback as m, useEffect as c } from "react";
|
|
2
|
-
const p = (r) => r === "light" || r === "dark", k = (r) => ["orion", "red", "deepblue", "orange", "
|
|
2
|
+
const p = (r) => r === "light" || r === "dark", k = (r) => ["orion", "red", "deepblue", "orange", "lemon"].includes(
|
|
3
3
|
r
|
|
4
4
|
);
|
|
5
5
|
function w(r = {}) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../components/ActivityFeed/ActivityFeed.cjs"),i=require("../components/Banner/Banner.cjs"),a=require("../components/CollapsibleFolder/CollapsibleFolder.cjs"),t=require("../components/CommandBar/CommandBar.cjs"),n=require("./Container/Container.cjs"),o=require("../components/DataTable/DataTable.cjs"),c=require("../components/DetailPanel/DetailPanel.cjs"),s=require("../components/FileUploader/FileUploader.cjs"),l=require("../components/FilterBar/FilterBar.cjs"),u=require("../components/FormSection/FormSection.cjs"),d=require("../components/KanbanBoard/KanbanBoard.cjs"),e=require("../components/MetricCards/MetricCards.cjs"),q=require("../components/NavTree/NavTree.cjs"),C=require("../components/NotificationCenter/NotificationCenter.cjs"),F=require("../components/PageHeader/PageHeader.cjs"),b=require("../components/QuickActions/QuickActions.cjs"),S=require("./Section/Section.cjs"),B=require("../components/Sidebar/Sidebar.cjs"),m=require("../components/UserMenu/UserMenu.cjs"),p=require("../components/WorkspaceSwitcher/WorkspaceSwitcher.cjs");exports.ActivityFeed=r.ActivityFeed;exports.Banner=i.Banner;exports.CollapsibleFolder=a.CollapsibleFolder;exports.CommandBar=t.CommandBar;exports.Container=n.Container;exports.DataTable=o.DataTable;exports.DetailPanel=c.DetailPanel;exports.FileUploader=s.FileUploader;exports.FilterBar=l.FilterBar;exports.FormSection=u.FormSection;exports.KanbanBoard=d.KanbanBoard;exports.MetricCard=e.MetricCard;exports.MetricCards=e.MetricCards;exports.NavTree=q.NavTree;exports.NotificationCenter=C.NotificationCenter;exports.PageHeader=F.PageHeader;exports.QuickActions=b.QuickActions;exports.Section=S.Section;exports.Sidebar=B.Sidebar;exports.UserMenu=m.UserMenu;exports.WorkspaceSwitcher=p.WorkspaceSwitcher;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { ActivityFeed as e } from "../components/ActivityFeed/ActivityFeed.mjs";
|
|
2
|
+
import { Banner as a } from "../components/Banner/Banner.mjs";
|
|
3
|
+
import { CollapsibleFolder as p } from "../components/CollapsibleFolder/CollapsibleFolder.mjs";
|
|
4
|
+
import { CommandBar as x } from "../components/CommandBar/CommandBar.mjs";
|
|
5
|
+
import { Container as n } from "./Container/Container.mjs";
|
|
6
|
+
import { DataTable as l } from "../components/DataTable/DataTable.mjs";
|
|
7
|
+
import { DetailPanel as C } from "../components/DetailPanel/DetailPanel.mjs";
|
|
8
|
+
import { FileUploader as F } from "../components/FileUploader/FileUploader.mjs";
|
|
9
|
+
import { FilterBar as B } from "../components/FilterBar/FilterBar.mjs";
|
|
10
|
+
import { FormSection as M } from "../components/FormSection/FormSection.mjs";
|
|
11
|
+
import { KanbanBoard as u } from "../components/KanbanBoard/KanbanBoard.mjs";
|
|
12
|
+
import { MetricCard as A, MetricCards as D } from "../components/MetricCards/MetricCards.mjs";
|
|
13
|
+
import { NavTree as P } from "../components/NavTree/NavTree.mjs";
|
|
14
|
+
import { NotificationCenter as U } from "../components/NotificationCenter/NotificationCenter.mjs";
|
|
15
|
+
import { PageHeader as h } from "../components/PageHeader/PageHeader.mjs";
|
|
16
|
+
import { QuickActions as y } from "../components/QuickActions/QuickActions.mjs";
|
|
17
|
+
import { Section as K } from "./Section/Section.mjs";
|
|
18
|
+
import { Sidebar as W } from "../components/Sidebar/Sidebar.mjs";
|
|
19
|
+
import { UserMenu as q } from "../components/UserMenu/UserMenu.mjs";
|
|
20
|
+
import { WorkspaceSwitcher as E } from "../components/WorkspaceSwitcher/WorkspaceSwitcher.mjs";
|
|
21
|
+
export {
|
|
22
|
+
e as ActivityFeed,
|
|
23
|
+
a as Banner,
|
|
24
|
+
p as CollapsibleFolder,
|
|
25
|
+
x as CommandBar,
|
|
26
|
+
n as Container,
|
|
27
|
+
l as DataTable,
|
|
28
|
+
C as DetailPanel,
|
|
29
|
+
F as FileUploader,
|
|
30
|
+
B as FilterBar,
|
|
31
|
+
M as FormSection,
|
|
32
|
+
u as KanbanBoard,
|
|
33
|
+
A as MetricCard,
|
|
34
|
+
D as MetricCards,
|
|
35
|
+
P as NavTree,
|
|
36
|
+
U as NotificationCenter,
|
|
37
|
+
h as PageHeader,
|
|
38
|
+
y as QuickActions,
|
|
39
|
+
K as Section,
|
|
40
|
+
W as Sidebar,
|
|
41
|
+
q as UserMenu,
|
|
42
|
+
E as WorkspaceSwitcher
|
|
43
|
+
};
|
package/dist/tokens/brands.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={orion:{name:"Orion",description:"Default brand - Orion Blue, professional rounded corners",accent:{primary:"{color.brand.orion.500}",light:"{color.brand.orion.100}",dark:"{color.brand.orion.900}"},typography:{primary:"Libre Baskerville",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={orion:{name:"Orion",description:"Default brand - Orion Blue, professional rounded corners",accent:{primary:"{color.brand.orion.500}",light:"{color.brand.orion.100}",dark:"{color.brand.orion.900}"},typography:{primary:"Libre Baskerville",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.orion.500}",interactivePrimaryHover:"{color.brand.orion.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.orion.500}",interactivePrimaryHover:"{color.brand.orion.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark">',css:"/* No additional CSS needed - default */",attribute:null}},deepblue:{name:"Deepblue",description:"Deepblue brand - Deep Blue with Work Sans typography",accent:{primary:"{color.brand.deepblue.500}",light:"{color.brand.deepblue.100}",dark:"{color.brand.deepblue.800}"},typography:{primary:"Work Sans",secondary:"Work Sans",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",buttonStyle:"rounded"},semantic:{light:{interactivePrimary:"{color.brand.deepblue.500}",interactivePrimaryHover:"{color.brand.deepblue.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.deepblue.500}",interactivePrimaryHover:"{color.brand.deepblue.400}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="dark" data-brand="deepblue">',css:'/* Included in theme.css via [data-brand="deepblue"] */',attribute:"deepblue"}},red:{name:"Red",description:"Red brand - Red with Poppins typography and pill buttons",accent:{primary:"{color.brand.red.500}",light:"{color.brand.red.100}",dark:"{color.brand.red.900}"},typography:{primary:"Poppins",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"var(--radius-lg)",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.red.500}",interactivePrimaryHover:"{color.brand.red.600}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.red.500}",interactivePrimaryHover:"{color.brand.red.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark" data-brand="red">',css:'/* Included in theme.css via [data-brand="red"] */',attribute:"red"}},orange:{name:"Orange",description:"Orange brand - Red-Orange with pill buttons",accent:{primary:"{color.brand.orange.500}",light:"{color.brand.orange.100}",dark:"{color.brand.orange.900}"},typography:{primary:"DM Sans",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.full}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.orange.500}",interactivePrimaryHover:"{color.brand.orange.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.orange.500}",interactivePrimaryHover:"{color.brand.orange.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark" data-brand="orange">',css:'/* Included in theme.css via [data-brand="orange"] */',attribute:"orange"}},lemon:{name:"Lemon",description:"Lemon brand - Bright lime green with Anton typography and highly rounded design",accent:{primary:"{color.brand.lemon.600}",light:"{color.brand.lemon.100}",dark:"{color.brand.lemon.900}"},typography:{primary:"Anton",secondary:"Work Sans",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.lemon.700}",interactivePrimaryHover:"{color.brand.lemon.800}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.lemon.500}",interactivePrimaryHover:"{color.brand.lemon.600}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="dark" data-brand="lemon">',css:'/* Included in theme.css via [data-brand="lemon"] */',attribute:"lemon"}}},e="orion";exports.brands=r;exports.defaultBrand=e;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"brands.d.ts","sourceRoot":"","sources":["../../src/tokens/brands.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"brands.d.ts","sourceRoot":"","sources":["../../src/tokens/brands.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,CAgLpC,CAAC;AAEX,eAAO,MAAM,YAAY,EAAE,KAAe,CAAC"}
|
package/dist/tokens/brands.mjs
CHANGED
|
@@ -14,7 +14,6 @@ const r = {
|
|
|
14
14
|
},
|
|
15
15
|
geometry: {
|
|
16
16
|
radiusControl: "{radius.md}",
|
|
17
|
-
radiusContainer: "{radius.lg}",
|
|
18
17
|
buttonStyle: "pill"
|
|
19
18
|
},
|
|
20
19
|
semantic: {
|
|
@@ -50,7 +49,6 @@ const r = {
|
|
|
50
49
|
},
|
|
51
50
|
geometry: {
|
|
52
51
|
radiusControl: "{radius.md}",
|
|
53
|
-
radiusContainer: "{radius.lg}",
|
|
54
52
|
buttonStyle: "rounded"
|
|
55
53
|
},
|
|
56
54
|
semantic: {
|
|
@@ -86,7 +84,6 @@ const r = {
|
|
|
86
84
|
},
|
|
87
85
|
geometry: {
|
|
88
86
|
radiusControl: "var(--radius-lg)",
|
|
89
|
-
radiusContainer: "{radius.lg}",
|
|
90
87
|
buttonStyle: "pill"
|
|
91
88
|
},
|
|
92
89
|
semantic: {
|
|
@@ -122,7 +119,6 @@ const r = {
|
|
|
122
119
|
},
|
|
123
120
|
geometry: {
|
|
124
121
|
radiusControl: "{radius.full}",
|
|
125
|
-
radiusContainer: "{radius.lg}",
|
|
126
122
|
buttonStyle: "pill"
|
|
127
123
|
},
|
|
128
124
|
semantic: {
|
|
@@ -143,42 +139,6 @@ const r = {
|
|
|
143
139
|
attribute: "orange"
|
|
144
140
|
}
|
|
145
141
|
},
|
|
146
|
-
ember: {
|
|
147
|
-
name: "Ember",
|
|
148
|
-
description: "Ember brand — Orange accent with dark neutral buttons and rectangular geometry",
|
|
149
|
-
accent: {
|
|
150
|
-
primary: "{color.brand.orange.500}",
|
|
151
|
-
light: "{color.brand.orange.100}",
|
|
152
|
-
dark: "{color.brand.orange.900}"
|
|
153
|
-
},
|
|
154
|
-
typography: {
|
|
155
|
-
primary: "DM Sans",
|
|
156
|
-
secondary: "Inter",
|
|
157
|
-
mono: "JetBrains Mono"
|
|
158
|
-
},
|
|
159
|
-
geometry: {
|
|
160
|
-
radiusControl: "{radius.md}",
|
|
161
|
-
radiusContainer: "{radius.xl}",
|
|
162
|
-
buttonStyle: "rounded"
|
|
163
|
-
},
|
|
164
|
-
semantic: {
|
|
165
|
-
light: {
|
|
166
|
-
interactivePrimary: "{color.neutral.900}",
|
|
167
|
-
interactivePrimaryHover: "{color.neutral.700}",
|
|
168
|
-
interactivePrimaryText: "{color.neutral.0}"
|
|
169
|
-
},
|
|
170
|
-
dark: {
|
|
171
|
-
interactivePrimary: "{color.neutral.100}",
|
|
172
|
-
interactivePrimaryHover: "{color.neutral.0}",
|
|
173
|
-
interactivePrimaryText: "{color.neutral.900}"
|
|
174
|
-
}
|
|
175
|
-
},
|
|
176
|
-
usage: {
|
|
177
|
-
html: '<html data-theme="light|dark" data-brand="ember">',
|
|
178
|
-
css: '/* Included in theme.css via [data-brand="ember"] */',
|
|
179
|
-
attribute: "ember"
|
|
180
|
-
}
|
|
181
|
-
},
|
|
182
142
|
lemon: {
|
|
183
143
|
name: "Lemon",
|
|
184
144
|
description: "Lemon brand - Bright lime green with Anton typography and highly rounded design",
|
|
@@ -194,7 +154,6 @@ const r = {
|
|
|
194
154
|
},
|
|
195
155
|
geometry: {
|
|
196
156
|
radiusControl: "{radius.lg}",
|
|
197
|
-
radiusContainer: "{radius.lg}",
|
|
198
157
|
buttonStyle: "pill"
|
|
199
158
|
},
|
|
200
159
|
semantic: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={project:{name:"Orion",description:"AI-First Design System Primitives"},color:{brand:{orion:{50:"#e8f0ff",100:"#c7daff",200:"#a3c2ff",300:"#7ea9ff",400:"#5990ff",500:"#1B5BFF",600:"#1850e6",700:"#1544cc",800:"#1139b3",900:"#0d2d99",950:"#071a5c"},deepblue:{50:"#e6f2ff",100:"#b3d9ff",200:"#80bfff",300:"#4da6ff",400:"#1a8cff",500:"#006FBA",600:"#0062a6",700:"#005592",800:"#00487d",900:"#003b69",950:"#002540"},red:{50:"#fdf2f2",100:"#fde8e8",200:"#fbd5d5",300:"#f8b4b4",400:"#f08282",500:"#D7282F",600:"#b91c22",700:"#93151b",800:"#7a151b",900:"#661619",950:"#3b090b"},orange:{50:"#fef0eb",100:"#fdd5c9",200:"#fcb9a5",300:"#fa9d80",400:"#f87d52",500:"#F15D22",600:"#d9531f",700:"#c0491b",800:"#a63f17",900:"#8c3513",950:"#59220c"},
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={project:{name:"Orion",description:"AI-First Design System Primitives"},color:{brand:{orion:{50:"#e8f0ff",100:"#c7daff",200:"#a3c2ff",300:"#7ea9ff",400:"#5990ff",500:"#1B5BFF",600:"#1850e6",700:"#1544cc",800:"#1139b3",900:"#0d2d99",950:"#071a5c"},deepblue:{50:"#e6f2ff",100:"#b3d9ff",200:"#80bfff",300:"#4da6ff",400:"#1a8cff",500:"#006FBA",600:"#0062a6",700:"#005592",800:"#00487d",900:"#003b69",950:"#002540"},red:{50:"#fdf2f2",100:"#fde8e8",200:"#fbd5d5",300:"#f8b4b4",400:"#f08282",500:"#D7282F",600:"#b91c22",700:"#93151b",800:"#7a151b",900:"#661619",950:"#3b090b"},orange:{50:"#fef0eb",100:"#fdd5c9",200:"#fcb9a5",300:"#fa9d80",400:"#f87d52",500:"#F15D22",600:"#d9531f",700:"#c0491b",800:"#a63f17",900:"#8c3513",950:"#59220c"},lemon:{50:"#F4FFE6",100:"#E5FFCC",200:"#CCFFAA",300:"#A8FF77",400:"#8DFF5C",500:"#72FF43",600:"#5CE629",700:"#47B31A",800:"#358C14",900:"#266B0F",950:"#1A4A0A"}},neutral:{0:"#ffffff",50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a",950:"#020617",1e3:"#000000"},neutralPure:{0:"#ffffff",50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717",950:"#0a0a0a",1e3:"#000000"},error:{100:"#fee2e2",300:"#fca5a5",500:"#ef4444",700:"#b91c1c"},success:{100:"#dcfce7",300:"#86efac",500:"#22c55e",700:"#15803d"},warning:{100:"#fef9c3",300:"#fde047",500:"#eab308",700:"#a16207"},info:{100:"#dbeafe",300:"#93c5fd",500:"#3b82f6",700:"#1d4ed8"}},typography:{family:{primary:"Libre Baskerville, system-ui, sans-serif",secondary:"Inter, system-ui, sans-serif",mono:"JetBrains Mono, monospace"},weight:{regular:"400",medium:"500",bold:"700"},size:{10:"10px",11:"11px",12:"12px",13:"13px",14:"14px",16:"16px",18:"18px",20:"20px",24:"24px",32:"32px",48:"48px",64:"64px",80:"80px",96:"96px"},lineHeight:{none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"}},spacing:{0:"0px",1:"4px",2:"8px",3:"12px",4:"16px",5:"20px",6:"24px",7:"28px",8:"32px",9:"36px",10:"40px",11:"44px",12:"48px",16:"64px",20:"80px",24:"96px",32:"128px",px:"1px","05":"2px"},radius:{0:"0px",xs:"4px",sm:"8px",md:"12px",lg:"16px","lg-2":"20px",xl:"24px","2xl":"32px","3xl":"36px",full:"9999px"},radiusScale:{0:"0",xs:"sm",sm:"lg",md:"xl",lg:"2xl","lg-2":"3xl",xl:"3xl","2xl":"3xl",full:"3xl"},blur:{sm:"4px",md:"8px",lg:"12px",xl:"24px"},zIndex:{base:"0",dropdown:"50",sticky:"100",overlay:"200",modal:"300",popover:"400",tooltip:"500",toast:"600"},transition:{fast:"150ms ease",normal:"300ms ease",slow:"500ms ease"},icon:{library:"lucide",cdn:"https://unpkg.com/lucide@latest",size:{sm:"16px",md:"20px",lg:"24px",xl:"32px"},stroke:"2"}},{color:f,typography:p,spacing:a,radius:x,blur:s,icon:l}=e;exports.blur=s;exports.color=f;exports.icon=l;exports.primitives=e;exports.radius=x;exports.spacing=a;exports.typography=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../src/tokens/primitives.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../src/tokens/primitives.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,UAAU,EAAE,UAgPf,CAAC;AAGX,eAAO,MAAQ,KAAK,qCAAE,UAAU,0CAAE,OAAO,uCAAE,MAAM,sCAAE,IAAI,oCAAE,IAAI,kCAAe,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const
|
|
1
|
+
const e = {
|
|
2
2
|
project: {
|
|
3
3
|
name: "Orion",
|
|
4
4
|
description: "AI-First Design System Primitives"
|
|
@@ -57,19 +57,6 @@ const f = {
|
|
|
57
57
|
900: "#8c3513",
|
|
58
58
|
950: "#59220c"
|
|
59
59
|
},
|
|
60
|
-
ember: {
|
|
61
|
-
50: "#fef0eb",
|
|
62
|
-
100: "#fdd5c9",
|
|
63
|
-
200: "#fcb9a5",
|
|
64
|
-
300: "#fa9d80",
|
|
65
|
-
400: "#f87d52",
|
|
66
|
-
500: "#F15D22",
|
|
67
|
-
600: "#d9531f",
|
|
68
|
-
700: "#c0491b",
|
|
69
|
-
800: "#a63f17",
|
|
70
|
-
900: "#8c3513",
|
|
71
|
-
950: "#59220c"
|
|
72
|
-
},
|
|
73
60
|
lemon: {
|
|
74
61
|
50: "#F4FFE6",
|
|
75
62
|
100: "#E5FFCC",
|
|
@@ -115,16 +102,28 @@ const f = {
|
|
|
115
102
|
1e3: "#000000"
|
|
116
103
|
},
|
|
117
104
|
error: {
|
|
118
|
-
|
|
105
|
+
100: "#fee2e2",
|
|
106
|
+
300: "#fca5a5",
|
|
107
|
+
500: "#ef4444",
|
|
108
|
+
700: "#b91c1c"
|
|
119
109
|
},
|
|
120
110
|
success: {
|
|
121
|
-
|
|
111
|
+
100: "#dcfce7",
|
|
112
|
+
300: "#86efac",
|
|
113
|
+
500: "#22c55e",
|
|
114
|
+
700: "#15803d"
|
|
122
115
|
},
|
|
123
116
|
warning: {
|
|
124
|
-
|
|
117
|
+
100: "#fef9c3",
|
|
118
|
+
300: "#fde047",
|
|
119
|
+
500: "#eab308",
|
|
120
|
+
700: "#a16207"
|
|
125
121
|
},
|
|
126
122
|
info: {
|
|
127
|
-
|
|
123
|
+
100: "#dbeafe",
|
|
124
|
+
300: "#93c5fd",
|
|
125
|
+
500: "#3b82f6",
|
|
126
|
+
700: "#1d4ed8"
|
|
128
127
|
}
|
|
129
128
|
},
|
|
130
129
|
typography: {
|
|
@@ -186,12 +185,14 @@ const f = {
|
|
|
186
185
|
},
|
|
187
186
|
radius: {
|
|
188
187
|
0: "0px",
|
|
188
|
+
xs: "4px",
|
|
189
189
|
sm: "8px",
|
|
190
190
|
md: "12px",
|
|
191
191
|
lg: "16px",
|
|
192
192
|
"lg-2": "20px",
|
|
193
193
|
xl: "24px",
|
|
194
194
|
"2xl": "32px",
|
|
195
|
+
"3xl": "36px",
|
|
195
196
|
full: "9999px"
|
|
196
197
|
},
|
|
197
198
|
radiusScale: {
|
|
@@ -237,12 +238,12 @@ const f = {
|
|
|
237
238
|
},
|
|
238
239
|
stroke: "2"
|
|
239
240
|
}
|
|
240
|
-
}, { color:
|
|
241
|
+
}, { color: f, typography: p, spacing: x, radius: a, blur: s, icon: l } = e;
|
|
241
242
|
export {
|
|
242
243
|
s as blur,
|
|
243
|
-
|
|
244
|
+
f as color,
|
|
244
245
|
l as icon,
|
|
245
|
-
|
|
246
|
+
e as primitives,
|
|
246
247
|
a as radius,
|
|
247
248
|
x as spacing,
|
|
248
249
|
p as typography
|
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)"},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)"},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}"}}},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 +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,WAgGf,CAAC;AAEX,eAAO,MAAM,SAAS,EAAE,WAgGd,CAAC;AAEX,eAAO,MAAM,MAAM;;;CAGT,CAAC"}
|
package/dist/tokens/themes.mjs
CHANGED
|
@@ -57,6 +57,28 @@ const r = {
|
|
|
57
57
|
warning: "color-mix(in srgb, {color.warning.500} 10%, transparent)",
|
|
58
58
|
info: "color-mix(in srgb, {color.info.500} 10%, transparent)"
|
|
59
59
|
},
|
|
60
|
+
alert: {
|
|
61
|
+
success: {
|
|
62
|
+
bg: "{color.success.100}",
|
|
63
|
+
text: "{color.success.700}",
|
|
64
|
+
border: "{color.success.500}"
|
|
65
|
+
},
|
|
66
|
+
error: {
|
|
67
|
+
bg: "{color.error.100}",
|
|
68
|
+
text: "{color.error.700}",
|
|
69
|
+
border: "{color.error.500}"
|
|
70
|
+
},
|
|
71
|
+
warning: {
|
|
72
|
+
bg: "{color.warning.100}",
|
|
73
|
+
text: "{color.warning.700}",
|
|
74
|
+
border: "{color.warning.500}"
|
|
75
|
+
},
|
|
76
|
+
info: {
|
|
77
|
+
bg: "{color.info.100}",
|
|
78
|
+
text: "{color.info.700}",
|
|
79
|
+
border: "{color.info.500}"
|
|
80
|
+
}
|
|
81
|
+
},
|
|
60
82
|
focus: {
|
|
61
83
|
ring: "0 0 0 3px color-mix(in srgb, {color.brand.500} 40%, transparent)"
|
|
62
84
|
},
|
|
@@ -131,6 +153,28 @@ const r = {
|
|
|
131
153
|
warning: "color-mix(in srgb, {color.warning.500} 15%, transparent)",
|
|
132
154
|
info: "color-mix(in srgb, {color.info.500} 15%, transparent)"
|
|
133
155
|
},
|
|
156
|
+
alert: {
|
|
157
|
+
success: {
|
|
158
|
+
bg: "color-mix(in srgb, {color.success.500} 20%, transparent)",
|
|
159
|
+
text: "{color.success.300}",
|
|
160
|
+
border: "{color.success.500}"
|
|
161
|
+
},
|
|
162
|
+
error: {
|
|
163
|
+
bg: "color-mix(in srgb, {color.error.500} 20%, transparent)",
|
|
164
|
+
text: "{color.error.300}",
|
|
165
|
+
border: "{color.error.500}"
|
|
166
|
+
},
|
|
167
|
+
warning: {
|
|
168
|
+
bg: "color-mix(in srgb, {color.warning.500} 20%, transparent)",
|
|
169
|
+
text: "{color.warning.300}",
|
|
170
|
+
border: "{color.warning.500}"
|
|
171
|
+
},
|
|
172
|
+
info: {
|
|
173
|
+
bg: "color-mix(in srgb, {color.info.500} 20%, transparent)",
|
|
174
|
+
text: "{color.info.300}",
|
|
175
|
+
border: "{color.info.500}"
|
|
176
|
+
}
|
|
177
|
+
},
|
|
134
178
|
focus: {
|
|
135
179
|
ring: "0 0 0 3px color-mix(in srgb, {color.brand.500} 50%, transparent)"
|
|
136
180
|
},
|
package/dist/tokens/types.d.ts
CHANGED
|
@@ -5,24 +5,23 @@
|
|
|
5
5
|
* DO NOT EDIT MANUALLY - Run 'npm run build:tokens' to regenerate.
|
|
6
6
|
*/
|
|
7
7
|
export type ColorShades = {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
8
|
+
'50': string;
|
|
9
|
+
'100': string;
|
|
10
|
+
'200': string;
|
|
11
|
+
'300': string;
|
|
12
|
+
'400': string;
|
|
13
|
+
'500': string;
|
|
14
|
+
'600': string;
|
|
15
|
+
'700': string;
|
|
16
|
+
'800': string;
|
|
17
|
+
'900': string;
|
|
18
|
+
'950': string;
|
|
19
19
|
};
|
|
20
20
|
export interface BrandColors {
|
|
21
21
|
orion: ColorShades;
|
|
22
22
|
deepblue: ColorShades;
|
|
23
23
|
red: ColorShades;
|
|
24
24
|
orange: ColorShades;
|
|
25
|
-
ember: ColorShades;
|
|
26
25
|
lemon: ColorShades;
|
|
27
26
|
}
|
|
28
27
|
export interface NeutralColors {
|
|
@@ -41,7 +40,10 @@ export interface NeutralColors {
|
|
|
41
40
|
1000: string;
|
|
42
41
|
}
|
|
43
42
|
export interface StatusColors {
|
|
43
|
+
100?: string;
|
|
44
|
+
300?: string;
|
|
44
45
|
500: string;
|
|
46
|
+
700?: string;
|
|
45
47
|
}
|
|
46
48
|
export interface ColorPrimitives {
|
|
47
49
|
brand: BrandColors;
|
|
@@ -64,7 +66,7 @@ export interface TypographyWeight {
|
|
|
64
66
|
}
|
|
65
67
|
export interface TypographySize {
|
|
66
68
|
10: string;
|
|
67
|
-
11
|
|
69
|
+
11?: string;
|
|
68
70
|
12: string;
|
|
69
71
|
13: string;
|
|
70
72
|
14: string;
|
|
@@ -95,7 +97,7 @@ export interface TypographyPrimitives {
|
|
|
95
97
|
export interface SpacingPrimitives {
|
|
96
98
|
0: string;
|
|
97
99
|
px: string;
|
|
98
|
-
|
|
100
|
+
'05': string;
|
|
99
101
|
1: string;
|
|
100
102
|
2: string;
|
|
101
103
|
3: string;
|
|
@@ -115,23 +117,14 @@ export interface SpacingPrimitives {
|
|
|
115
117
|
}
|
|
116
118
|
export interface RadiusPrimitives {
|
|
117
119
|
0: string;
|
|
120
|
+
xs?: string;
|
|
118
121
|
sm: string;
|
|
119
122
|
md: string;
|
|
120
123
|
lg: string;
|
|
121
|
-
|
|
124
|
+
'lg-2': string;
|
|
122
125
|
xl: string;
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
}
|
|
126
|
-
export interface RadiusScalePrimitives {
|
|
127
|
-
0: string;
|
|
128
|
-
xs: string;
|
|
129
|
-
sm: string;
|
|
130
|
-
md: string;
|
|
131
|
-
lg: string;
|
|
132
|
-
"lg-2": string;
|
|
133
|
-
xl: string;
|
|
134
|
-
"2xl": string;
|
|
126
|
+
'2xl': string;
|
|
127
|
+
'3xl'?: string;
|
|
135
128
|
full: string;
|
|
136
129
|
}
|
|
137
130
|
export interface BlurPrimitives {
|
|
@@ -151,21 +144,6 @@ export interface IconPrimitives {
|
|
|
151
144
|
};
|
|
152
145
|
stroke: string;
|
|
153
146
|
}
|
|
154
|
-
export interface ZIndexPrimitives {
|
|
155
|
-
base: string;
|
|
156
|
-
dropdown: string;
|
|
157
|
-
sticky: string;
|
|
158
|
-
overlay: string;
|
|
159
|
-
modal: string;
|
|
160
|
-
popover: string;
|
|
161
|
-
tooltip: string;
|
|
162
|
-
toast: string;
|
|
163
|
-
}
|
|
164
|
-
export interface TransitionPrimitives {
|
|
165
|
-
fast: string;
|
|
166
|
-
normal: string;
|
|
167
|
-
slow: string;
|
|
168
|
-
}
|
|
169
147
|
export interface Primitives {
|
|
170
148
|
project?: {
|
|
171
149
|
name: string;
|
|
@@ -175,11 +153,10 @@ export interface Primitives {
|
|
|
175
153
|
typography: TypographyPrimitives;
|
|
176
154
|
spacing: SpacingPrimitives;
|
|
177
155
|
radius: RadiusPrimitives;
|
|
178
|
-
radiusScale
|
|
156
|
+
radiusScale?: Record<string, any>;
|
|
179
157
|
blur: BlurPrimitives;
|
|
180
|
-
zIndex: ZIndexPrimitives;
|
|
181
|
-
transition: TransitionPrimitives;
|
|
182
158
|
icon: IconPrimitives;
|
|
159
|
+
[key: string]: any;
|
|
183
160
|
}
|
|
184
161
|
export interface SurfaceSemantics {
|
|
185
162
|
base: string;
|
|
@@ -191,17 +168,18 @@ export interface SurfaceSemantics {
|
|
|
191
168
|
sunken: string;
|
|
192
169
|
overlay: string;
|
|
193
170
|
}
|
|
171
|
+
export interface TextOnBrandSemantics {
|
|
172
|
+
primary: string;
|
|
173
|
+
secondary: string;
|
|
174
|
+
tertiary: string;
|
|
175
|
+
}
|
|
194
176
|
export interface TextSemantics {
|
|
195
177
|
primary: string;
|
|
196
178
|
secondary: string;
|
|
197
179
|
tertiary: string;
|
|
198
180
|
inverse: string;
|
|
199
181
|
brand: string;
|
|
200
|
-
|
|
201
|
-
primary: string;
|
|
202
|
-
secondary: string;
|
|
203
|
-
tertiary: string;
|
|
204
|
-
};
|
|
182
|
+
'on-brand'?: TextOnBrandSemantics;
|
|
205
183
|
}
|
|
206
184
|
export interface BorderSemantics {
|
|
207
185
|
subtle: string;
|
|
@@ -234,15 +212,15 @@ export interface StatusSemantics {
|
|
|
234
212
|
}
|
|
235
213
|
export interface SoftSemantics {
|
|
236
214
|
brand: string;
|
|
237
|
-
|
|
215
|
+
'brand-hover': string;
|
|
238
216
|
success: string;
|
|
239
|
-
|
|
217
|
+
'success-hover'?: string;
|
|
240
218
|
error: string;
|
|
241
|
-
|
|
219
|
+
'error-hover'?: string;
|
|
242
220
|
warning?: string;
|
|
243
|
-
|
|
221
|
+
'warning-hover'?: string;
|
|
244
222
|
info?: string;
|
|
245
|
-
|
|
223
|
+
'info-hover'?: string;
|
|
246
224
|
}
|
|
247
225
|
export interface SemanticTokens {
|
|
248
226
|
surface: SurfaceSemantics;
|
|
@@ -251,6 +229,8 @@ export interface SemanticTokens {
|
|
|
251
229
|
interactive: InteractiveSemantics;
|
|
252
230
|
status: StatusSemantics;
|
|
253
231
|
soft: SoftSemantics;
|
|
232
|
+
alert?: Record<string, any>;
|
|
233
|
+
chart?: Record<string, any>;
|
|
254
234
|
focus?: {
|
|
255
235
|
ring: string;
|
|
256
236
|
};
|
|
@@ -258,12 +238,10 @@ export interface SemanticTokens {
|
|
|
258
238
|
start: string;
|
|
259
239
|
end: string;
|
|
260
240
|
};
|
|
261
|
-
|
|
262
|
-
[key: string]: string;
|
|
263
|
-
};
|
|
241
|
+
[key: string]: any;
|
|
264
242
|
}
|
|
265
|
-
export type Theme =
|
|
266
|
-
export type Brand =
|
|
243
|
+
export type Theme = 'light' | 'dark';
|
|
244
|
+
export type Brand = 'orion' | 'deepblue' | 'red' | 'orange' | 'lemon';
|
|
267
245
|
export interface ThemeConfig {
|
|
268
246
|
theme: Theme;
|
|
269
247
|
semantic: SemanticTokens;
|
|
@@ -283,7 +261,7 @@ export interface BrandConfig {
|
|
|
283
261
|
};
|
|
284
262
|
geometry: {
|
|
285
263
|
radiusControl: string;
|
|
286
|
-
radiusContainer
|
|
264
|
+
radiusContainer?: string;
|
|
287
265
|
buttonStyle: string;
|
|
288
266
|
};
|
|
289
267
|
semantic: {
|
|
@@ -304,7 +282,7 @@ export interface BrandConfig {
|
|
|
304
282
|
attribute: string | null;
|
|
305
283
|
};
|
|
306
284
|
}
|
|
307
|
-
export type ColorTokenPath = `color.brand.${Brand}.${keyof ColorShades}` | `color.neutral.${keyof NeutralColors}` | `color.neutralPure.${keyof NeutralColors}` |
|
|
285
|
+
export type ColorTokenPath = `color.brand.${Brand}.${keyof ColorShades}` | `color.neutral.${keyof NeutralColors}` | `color.neutralPure.${keyof NeutralColors}` | 'color.error.500' | 'color.success.500' | 'color.warning.500' | 'color.info.500';
|
|
308
286
|
export type TypographyTokenPath = `typography.family.${keyof TypographyFamily}` | `typography.weight.${keyof TypographyWeight}` | `typography.size.${keyof TypographySize}` | `typography.lineHeight.${keyof TypographyLineHeight}`;
|
|
309
287
|
export type SpacingTokenPath = `spacing.${keyof SpacingPrimitives}`;
|
|
310
288
|
export type RadiusTokenPath = `radius.${keyof RadiusPrimitives}`;
|
|
@@ -313,50 +291,50 @@ export type TokenPath = ColorTokenPath | TypographyTokenPath | SpacingTokenPath
|
|
|
313
291
|
export type SemanticTokenPath = `surface.${keyof SurfaceSemantics}` | `text.${keyof TextSemantics}` | `border.${keyof BorderSemantics}` | `interactive.primary.${keyof InteractivePrimarySemantics}` | `interactive.secondary.${keyof InteractiveSecondarySemantics}` | `interactive.ghost.${keyof InteractiveGhostSemantics}` | `status.${keyof StatusSemantics}` | `soft.${keyof SoftSemantics}`;
|
|
314
292
|
export type CSSVariableName = `--${string}`;
|
|
315
293
|
export interface CSSVariableMap {
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
294
|
+
'--surface-base': string;
|
|
295
|
+
'--surface-subtle': string;
|
|
296
|
+
'--surface-layer': string;
|
|
297
|
+
'--surface-primary': string;
|
|
298
|
+
'--surface-secondary': string;
|
|
299
|
+
'--surface-glass': string;
|
|
300
|
+
'--surface-sunken': string;
|
|
301
|
+
'--surface-overlay': string;
|
|
302
|
+
'--text-primary': string;
|
|
303
|
+
'--text-secondary': string;
|
|
304
|
+
'--text-tertiary': string;
|
|
305
|
+
'--text-inverse': string;
|
|
306
|
+
'--text-brand': string;
|
|
307
|
+
'--interactive-primary': string;
|
|
308
|
+
'--interactive-primary-hover': string;
|
|
309
|
+
'--interactive-primary-text': string;
|
|
310
|
+
'--interactive-secondary': string;
|
|
311
|
+
'--interactive-secondary-hover': string;
|
|
312
|
+
'--interactive-secondary-text': string;
|
|
313
|
+
'--interactive-ghost-hover': string;
|
|
314
|
+
'--status-error': string;
|
|
315
|
+
'--status-success': string;
|
|
316
|
+
'--status-warning': string;
|
|
317
|
+
'--status-info': string;
|
|
318
|
+
'--border-subtle': string;
|
|
319
|
+
'--border-strong': string;
|
|
320
|
+
'--border-interactive': string;
|
|
321
|
+
'--spacing-0': string;
|
|
322
|
+
'--spacing-px': string;
|
|
323
|
+
'--spacing-1': string;
|
|
324
|
+
'--spacing-2': string;
|
|
325
|
+
'--spacing-3': string;
|
|
326
|
+
'--spacing-4': string;
|
|
327
|
+
'--spacing-6': string;
|
|
328
|
+
'--spacing-8': string;
|
|
329
|
+
'--spacing-16': string;
|
|
330
|
+
'--spacing-32': string;
|
|
331
|
+
'--radius-sm': string;
|
|
332
|
+
'--radius-md': string;
|
|
333
|
+
'--radius-lg': string;
|
|
334
|
+
'--radius-xl': string;
|
|
335
|
+
'--radius-2xl': string;
|
|
336
|
+
'--radius-full': string;
|
|
337
|
+
'--radius-control': string;
|
|
360
338
|
}
|
|
361
339
|
/** Get nested property type from dot notation path */
|
|
362
340
|
export type GetTokenValue<T, Path extends string> = Path extends `${infer Key}.${infer Rest}` ? Key extends keyof T ? GetTokenValue<T[Key], Rest> : never : Path extends keyof T ? T[Path] : never;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tokens/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,WAAW,CAAC;IACtB,GAAG,EAAE,WAAW,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tokens/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/tokens/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAK1E;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAYhD;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/tokens/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAK1E;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAYhD;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAkB9E;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,iCAEpC;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAE7D;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,IAAI,KAAK,CAE1D;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,IAAI,KAAK,CAE1D"}
|
package/dist/tokens/utils.mjs
CHANGED
|
@@ -14,9 +14,7 @@ function d(t, e) {
|
|
|
14
14
|
let n = s[t].semantic;
|
|
15
15
|
for (const o of r)
|
|
16
16
|
if (n = n[o], n === void 0)
|
|
17
|
-
throw new Error(
|
|
18
|
-
`Semantic token path "${e}" not found in ${t} theme`
|
|
19
|
-
);
|
|
17
|
+
throw new Error(`Semantic token path "${e}" not found in ${t} theme`);
|
|
20
18
|
if (typeof n == "string" && n.startsWith("{") && n.endsWith("}")) {
|
|
21
19
|
const o = n.slice(1, -1);
|
|
22
20
|
return c(o);
|
package/dist/utils/fonts.cjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o={orion:["Libre Baskerville","Inter","JetBrains Mono"],deepblue:["Work Sans","JetBrains Mono"],red:["Poppins","Inter","JetBrains Mono"],orange:["DM Sans","Inter","JetBrains Mono"],
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o={orion:["Libre Baskerville","Inter","JetBrains Mono"],deepblue:["Work Sans","JetBrains Mono"],red:["Poppins","Inter","JetBrains Mono"],orange:["DM Sans","Inter","JetBrains Mono"],lemon:["Anton","Work Sans","JetBrains Mono"]},i=["Libre Baskerville","DM Sans","Inter","JetBrains Mono","Work Sans","Poppins","Anton"],s="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@400;500;700&family=Inter:wght@400;500;700&family=JetBrains+Mono:wght@400;500&family=Work+Sans:wght@400;500;700&family=Poppins:wght@400;500;700&family=Anton&display=swap",a=["https://fonts.googleapis.com","https://fonts.gstatic.com"];function e(n){if(typeof document>"u")return!0;try{return document.fonts.check(`16px "${n}"`)}catch{return!0}}function c(n){return o[n].every(e)}function f(n){return o[n].filter(r=>!e(r))}async function l(n){if(typeof document>"u")return!0;try{return await Promise.all(n.map(t=>document.fonts.load(`16px "${t}"`))),!0}catch{return!1}}function u(){return`<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
2
2
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
3
3
|
<link href="${s}" rel="stylesheet">`}exports.ALL_FONTS=i;exports.BRAND_FONTS=o;exports.FONT_PRECONNECT_URLS=a;exports.GOOGLE_FONTS_URL=s;exports.areBrandFontsLoaded=c;exports.getFontLinkTags=u;exports.getMissingFonts=f;exports.isFontLoaded=e;exports.waitForFonts=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../src/utils/fonts.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../src/utils/fonts.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,CAM/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,uGAQZ,CAAC;AAEX;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,QASb,CAAC;AAEjB;;GAEG;AACH,eAAO,MAAM,oBAAoB,wEAGvB,CAAC;AAEX;;GAEG;AACH,wBAAgB,YAAY,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CASxD;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAGzD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,EAAE,CAGtD;AAED;;GAEG;AACH,wBAAsB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,CAWpE;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,MAAM,CAIxC"}
|
package/dist/utils/fonts.mjs
CHANGED
|
@@ -3,7 +3,6 @@ const o = {
|
|
|
3
3
|
deepblue: ["Work Sans", "JetBrains Mono"],
|
|
4
4
|
red: ["Poppins", "Inter", "JetBrains Mono"],
|
|
5
5
|
orange: ["DM Sans", "Inter", "JetBrains Mono"],
|
|
6
|
-
ember: ["DM Sans", "Inter", "JetBrains Mono"],
|
|
7
6
|
lemon: ["Anton", "Work Sans", "JetBrains Mono"]
|
|
8
7
|
}, i = [
|
|
9
8
|
"Libre Baskerville",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@orion-ds/react",
|
|
3
|
-
"version": "5.1.
|
|
3
|
+
"version": "5.1.11",
|
|
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",
|
|
@@ -80,7 +80,6 @@
|
|
|
80
80
|
"BUNDLE_OPTIMIZATION.md"
|
|
81
81
|
],
|
|
82
82
|
"scripts": {
|
|
83
|
-
"postinstall": "node scripts/validate-install.js",
|
|
84
83
|
"copy:assets": "mkdir -p assets/tokens && cp ../../theme.css assets/theme.css && cp ../../tokens/generated.css assets/tokens/generated.css",
|
|
85
84
|
"build": "npm run copy:assets && vite build && npm run build:styles",
|
|
86
85
|
"build:styles": "node scripts/bundle-styles.js",
|