@cere/cere-design-system 0.0.45 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +76 -0
- package/dist/buttons.d.mts +119 -0
- package/dist/buttons.d.ts +119 -0
- package/dist/buttons.js +19 -0
- package/dist/buttons.js.map +1 -0
- package/dist/buttons.mjs +19 -0
- package/dist/buttons.mjs.map +1 -0
- package/dist/carousel.d.mts +51 -0
- package/dist/carousel.d.ts +51 -0
- package/dist/carousel.js +185 -0
- package/dist/carousel.js.map +1 -0
- package/dist/carousel.mjs +185 -0
- package/dist/carousel.mjs.map +1 -0
- package/dist/charts.d.mts +187 -0
- package/dist/charts.d.ts +187 -0
- package/dist/charts.js +13 -0
- package/dist/charts.js.map +1 -0
- package/dist/charts.mjs +13 -0
- package/dist/charts.mjs.map +1 -0
- package/dist/chunk-2EBCST6X.js +25 -0
- package/dist/chunk-2EBCST6X.js.map +1 -0
- package/dist/chunk-2KDN37PQ.js +486 -0
- package/dist/chunk-2KDN37PQ.js.map +1 -0
- package/dist/chunk-34LFXT6C.mjs +486 -0
- package/dist/chunk-34LFXT6C.mjs.map +1 -0
- package/dist/chunk-3KCXCVOX.mjs +411 -0
- package/dist/chunk-3KCXCVOX.mjs.map +1 -0
- package/dist/chunk-4OKTICU5.js +374 -0
- package/dist/chunk-4OKTICU5.js.map +1 -0
- package/dist/chunk-5ASG6G6U.mjs +40 -0
- package/dist/chunk-5ASG6G6U.mjs.map +1 -0
- package/dist/chunk-72TQ56EP.js +280 -0
- package/dist/chunk-72TQ56EP.js.map +1 -0
- package/dist/chunk-7KXKK2RE.js +43 -0
- package/dist/chunk-7KXKK2RE.js.map +1 -0
- package/dist/chunk-ARSCL4ZZ.js +111 -0
- package/dist/chunk-ARSCL4ZZ.js.map +1 -0
- package/dist/chunk-AWVNEU6R.mjs +1478 -0
- package/dist/chunk-AWVNEU6R.mjs.map +1 -0
- package/dist/chunk-BH4FNZKK.mjs +1472 -0
- package/dist/chunk-BH4FNZKK.mjs.map +1 -0
- package/dist/chunk-BIZK6FUD.js +37 -0
- package/dist/chunk-BIZK6FUD.js.map +1 -0
- package/dist/chunk-BOQPWZIB.mjs +147 -0
- package/dist/chunk-BOQPWZIB.mjs.map +1 -0
- package/dist/chunk-BT7XUTT5.mjs +392 -0
- package/dist/chunk-BT7XUTT5.mjs.map +1 -0
- package/dist/chunk-D7D25O6E.mjs +280 -0
- package/dist/chunk-D7D25O6E.mjs.map +1 -0
- package/dist/chunk-DRGMEIPT.mjs +162 -0
- package/dist/chunk-DRGMEIPT.mjs.map +1 -0
- package/dist/chunk-DZXNYLVG.js +392 -0
- package/dist/chunk-DZXNYLVG.js.map +1 -0
- package/dist/chunk-GR52ENYI.mjs +527 -0
- package/dist/chunk-GR52ENYI.mjs.map +1 -0
- package/dist/chunk-GTBKQXXI.js +1472 -0
- package/dist/chunk-GTBKQXXI.js.map +1 -0
- package/dist/chunk-HJ24WKU4.js +120 -0
- package/dist/chunk-HJ24WKU4.js.map +1 -0
- package/dist/chunk-JBHRAAN3.js +31 -0
- package/dist/chunk-JBHRAAN3.js.map +1 -0
- package/dist/chunk-KKIKOIMP.js +1478 -0
- package/dist/chunk-KKIKOIMP.js.map +1 -0
- package/dist/chunk-LVJSKRX3.js +147 -0
- package/dist/chunk-LVJSKRX3.js.map +1 -0
- package/dist/chunk-OWWDNDF4.js +40 -0
- package/dist/chunk-OWWDNDF4.js.map +1 -0
- package/dist/chunk-PFZZJZ64.js +162 -0
- package/dist/chunk-PFZZJZ64.js.map +1 -0
- package/dist/chunk-PHMNZK2R.mjs +18 -0
- package/dist/chunk-PHMNZK2R.mjs.map +1 -0
- package/dist/chunk-POCAW2G4.mjs +111 -0
- package/dist/chunk-POCAW2G4.mjs.map +1 -0
- package/dist/chunk-QBCRH7YF.mjs +37 -0
- package/dist/chunk-QBCRH7YF.mjs.map +1 -0
- package/dist/chunk-QCFLZ7X3.js +527 -0
- package/dist/chunk-QCFLZ7X3.js.map +1 -0
- package/dist/chunk-SG2TD7FQ.mjs +374 -0
- package/dist/chunk-SG2TD7FQ.mjs.map +1 -0
- package/dist/chunk-SSFALO6S.mjs +120 -0
- package/dist/chunk-SSFALO6S.mjs.map +1 -0
- package/dist/chunk-U2QHFISG.js +18 -0
- package/dist/chunk-U2QHFISG.js.map +1 -0
- package/dist/chunk-UPGFBPFX.mjs +25 -0
- package/dist/chunk-UPGFBPFX.mjs.map +1 -0
- package/dist/chunk-WC2TCWXK.mjs +445 -0
- package/dist/chunk-WC2TCWXK.mjs.map +1 -0
- package/dist/chunk-XZZZ4MZV.js +445 -0
- package/dist/chunk-XZZZ4MZV.js.map +1 -0
- package/dist/chunk-YCDCQSYH.js +411 -0
- package/dist/chunk-YCDCQSYH.js.map +1 -0
- package/dist/chunk-ZDAZYIXB.mjs +43 -0
- package/dist/chunk-ZDAZYIXB.mjs.map +1 -0
- package/dist/chunk-ZP26PGMS.mjs +31 -0
- package/dist/chunk-ZP26PGMS.mjs.map +1 -0
- package/dist/feedback.d.mts +368 -0
- package/dist/feedback.d.ts +368 -0
- package/dist/feedback.js +43 -0
- package/dist/feedback.js.map +1 -0
- package/dist/feedback.mjs +43 -0
- package/dist/feedback.mjs.map +1 -0
- package/dist/fonts/HumanSans-BlackOblique.otf +0 -0
- package/dist/fonts/HumanSans-Thin.otf +0 -0
- package/dist/fonts/HumanSans-ThinOblique.otf +0 -0
- package/dist/fonts/human-sans-font.css +88 -0
- package/dist/fonts/human-sans.css +3 -0
- package/dist/fonts/inter.css +3 -0
- package/dist/icons.d.mts +21 -0
- package/dist/icons.d.ts +21 -0
- package/dist/icons.js +23 -0
- package/dist/icons.js.map +1 -0
- package/dist/icons.mjs +23 -0
- package/dist/icons.mjs.map +1 -0
- package/dist/index.d.mts +196 -3082
- package/dist/index.d.ts +196 -3082
- package/dist/index.js +253 -10082
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +229 -10017
- package/dist/index.mjs.map +1 -1
- package/dist/inputs.d.mts +129 -0
- package/dist/inputs.d.ts +129 -0
- package/dist/inputs.js +43 -0
- package/dist/inputs.js.map +1 -0
- package/dist/inputs.mjs +43 -0
- package/dist/inputs.mjs.map +1 -0
- package/dist/layout.d.mts +681 -0
- package/dist/layout.d.ts +681 -0
- package/dist/layout.js +98 -0
- package/dist/layout.js.map +1 -0
- package/dist/layout.mjs +98 -0
- package/dist/layout.mjs.map +1 -0
- package/dist/navigation.d.mts +611 -0
- package/dist/navigation.d.ts +611 -0
- package/dist/navigation.js +54 -0
- package/dist/navigation.js.map +1 -0
- package/dist/navigation.mjs +54 -0
- package/dist/navigation.mjs.map +1 -0
- package/dist/third-party.d.mts +113 -0
- package/dist/third-party.d.ts +113 -0
- package/dist/third-party.js +7 -0
- package/dist/third-party.js.map +1 -0
- package/dist/third-party.mjs +7 -0
- package/dist/third-party.mjs.map +1 -0
- package/dist/tokens.css +45 -71
- package/dist/utilities.d.mts +39 -0
- package/dist/utilities.d.ts +39 -0
- package/dist/utilities.js +17 -0
- package/dist/utilities.js.map +1 -0
- package/dist/utilities.mjs +17 -0
- package/dist/utilities.mjs.map +1 -0
- package/package.json +76 -8
- package/dist/index.css +0 -79
- package/dist/index.css.map +0 -1
- /package/dist/{HumanSans-Black-C4YJONK7.otf → fonts/HumanSans-Black.otf} +0 -0
- /package/dist/{HumanSans-Bold-4EAJ3L3T.otf → fonts/HumanSans-Bold.otf} +0 -0
- /package/dist/{HumanSans-BoldOblique-4D325T4F.otf → fonts/HumanSans-BoldOblique.otf} +0 -0
- /package/dist/{HumanSans-ExtraLight-VL7DEKQ4.otf → fonts/HumanSans-ExtraLight.otf} +0 -0
- /package/dist/{HumanSans-ExtraLightOblique-VK2JTUXF.otf → fonts/HumanSans-ExtraLightOblique.otf} +0 -0
- /package/dist/{HumanSans-Light-YV7AFKRB.otf → fonts/HumanSans-Light.otf} +0 -0
- /package/dist/{HumanSans-LightOblique-VIXV7QA6.otf → fonts/HumanSans-LightOblique.otf} +0 -0
- /package/dist/{HumanSans-Medium-UULJ3PIR.otf → fonts/HumanSans-Medium.otf} +0 -0
- /package/dist/{HumanSans-MediumOblique-M7FHDZRS.otf → fonts/HumanSans-MediumOblique.otf} +0 -0
- /package/dist/{HumanSans-Regular-QMFEP3F6.otf → fonts/HumanSans-Regular.otf} +0 -0
- /package/dist/{HumanSans-RegularOblique-YPKQJAAM.otf → fonts/HumanSans-RegularOblique.otf} +0 -0
|
@@ -0,0 +1,445 @@
|
|
|
1
|
+
// src/theme/tokens.generated.ts
|
|
2
|
+
var tokens = {
|
|
3
|
+
"font-sans": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'HumanSans', sans-serif",
|
|
4
|
+
"font-display": "'Inter', sans-serif",
|
|
5
|
+
"font-mono": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
|
|
6
|
+
"c-violet-light": "#f0e0fb",
|
|
7
|
+
"c-violet": "#aa44f2",
|
|
8
|
+
"c-violet-dark": "#7c59ac",
|
|
9
|
+
"c-violet-tint": "#a54aff",
|
|
10
|
+
"c-pink": "#f941e6",
|
|
11
|
+
"c-pink-light": "#fcdff9",
|
|
12
|
+
"c-red": "#ff4f59",
|
|
13
|
+
"c-green": "#49bf63",
|
|
14
|
+
"c-blue-light": "#e7f4fe",
|
|
15
|
+
"c-blue-dark": "#598ab8",
|
|
16
|
+
"surface-low": "#f5f1f7",
|
|
17
|
+
"surface-mid": "#f5f1f7",
|
|
18
|
+
"surface-high": "#fefcff",
|
|
19
|
+
"surface-contrast": "#ffffff",
|
|
20
|
+
"bg-default": "#f5f5f5",
|
|
21
|
+
"bg-dim": "#e6e0e9",
|
|
22
|
+
"bg-success": "#eef5f0",
|
|
23
|
+
"bg-warning": "#fef8e8",
|
|
24
|
+
"bg-danger": "#f9dedc",
|
|
25
|
+
"text-on-danger": "#8c1d18",
|
|
26
|
+
"text-primary": "#1d1b20",
|
|
27
|
+
"text-secondary": "#5f5c64",
|
|
28
|
+
"text-muted": "#938f99",
|
|
29
|
+
"stroke-on-low": "#e6e0e9",
|
|
30
|
+
"stroke-on-med": "#dad1e0",
|
|
31
|
+
"rob-fandango": "#BD32A7",
|
|
32
|
+
"rob-electric-violet": "#8B00EC",
|
|
33
|
+
"rob-ultra-violet": "#6750A4",
|
|
34
|
+
"rob-periwinkle": "#D0BCFF",
|
|
35
|
+
"rob-bright-1": "#5311e3",
|
|
36
|
+
"rob-near-black-2": "#0d0627",
|
|
37
|
+
"rob-near-black-4": "#23194b",
|
|
38
|
+
"shadow-sm": "0px 2px 8px rgba(0,0,0,0.04)",
|
|
39
|
+
"shadow-md": "0px 4px 20px rgba(0,0,0,0.05)",
|
|
40
|
+
"shadow-focus": "0 0 0 4px rgba(170,68,242,0.25)",
|
|
41
|
+
"radius-sm": "8px",
|
|
42
|
+
"radius-md": "12px",
|
|
43
|
+
"radius-lg": "16px",
|
|
44
|
+
"radius-xl": "20px",
|
|
45
|
+
"radius-pill": "999px",
|
|
46
|
+
"dur-fast": "120ms",
|
|
47
|
+
"ease-standard": "cubic-bezier(0.2, 0, 0, 1)",
|
|
48
|
+
"text-link": "#aa44f2"
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
// src/theme/tokens.ts
|
|
52
|
+
var brandViolet = tokens["c-violet"];
|
|
53
|
+
var violetTint = tokens["c-violet-tint"];
|
|
54
|
+
var violetLight = tokens["c-violet-light"];
|
|
55
|
+
var violetDark = tokens["c-violet-dark"];
|
|
56
|
+
var focusRing = tokens["shadow-focus"];
|
|
57
|
+
|
|
58
|
+
// src/theme/primitives.ts
|
|
59
|
+
var primitives = {
|
|
60
|
+
/**
|
|
61
|
+
* Cere brand violet — the company's primary action color across web
|
|
62
|
+
* surfaces. Use via `semantic.action.primary` rather than reaching for
|
|
63
|
+
* raw hex.
|
|
64
|
+
*/
|
|
65
|
+
violet: {
|
|
66
|
+
100: violetLight,
|
|
67
|
+
// #f0e0fb
|
|
68
|
+
300: "#d0bcff",
|
|
69
|
+
// not in DTCG (product tint); unchanged
|
|
70
|
+
500: brandViolet,
|
|
71
|
+
// single source -> #aa44f2
|
|
72
|
+
600: violetDark
|
|
73
|
+
// #7c59ac
|
|
74
|
+
},
|
|
75
|
+
/** Legacy MUI blue. Retained for code paths that still reach for blue tokens by name (e.g. ROB highlights). Not the brand primary. */
|
|
76
|
+
blue: {
|
|
77
|
+
500: "#1976d2",
|
|
78
|
+
600: "#1565c0"
|
|
79
|
+
},
|
|
80
|
+
/** Material Design grey scale */
|
|
81
|
+
grey: {
|
|
82
|
+
50: "#FAFAFA",
|
|
83
|
+
100: "#F5F5F5",
|
|
84
|
+
200: "#EEEEEE",
|
|
85
|
+
300: "#E0E0E0",
|
|
86
|
+
400: "#BDBDBD",
|
|
87
|
+
500: "#9E9E9E",
|
|
88
|
+
600: "#757575",
|
|
89
|
+
700: "#616161",
|
|
90
|
+
800: "#424242",
|
|
91
|
+
900: "#212121"
|
|
92
|
+
},
|
|
93
|
+
/** Neutral greys used for text and secondary UI (non-standard scale) */
|
|
94
|
+
neutral: {
|
|
95
|
+
300: "#333333",
|
|
96
|
+
600: "#666666",
|
|
97
|
+
900: "#999999"
|
|
98
|
+
},
|
|
99
|
+
green: {
|
|
100
|
+
400: "#34D399",
|
|
101
|
+
500: "#10B981",
|
|
102
|
+
600: "#059669"
|
|
103
|
+
},
|
|
104
|
+
red: {
|
|
105
|
+
400: "#F87171",
|
|
106
|
+
500: "#EF4444",
|
|
107
|
+
600: "#DC2626"
|
|
108
|
+
},
|
|
109
|
+
amber: {
|
|
110
|
+
400: "#FBBF24",
|
|
111
|
+
500: "#F59E0B",
|
|
112
|
+
600: "#D97706"
|
|
113
|
+
},
|
|
114
|
+
white: "#FFFFFF",
|
|
115
|
+
black: "#000000",
|
|
116
|
+
nearBlack: "#1A1A1A"
|
|
117
|
+
};
|
|
118
|
+
var robPrimaryPalette = {
|
|
119
|
+
fandango: "#BD32A7",
|
|
120
|
+
electricViolet: "#8B00EC",
|
|
121
|
+
ultraViolet: "#6750A4",
|
|
122
|
+
periwinkle: "#D0BCFF"
|
|
123
|
+
};
|
|
124
|
+
var robPaletteExtended = {
|
|
125
|
+
dark1: "#280e61",
|
|
126
|
+
dark2: "#531584",
|
|
127
|
+
dark3: "#710c7a",
|
|
128
|
+
dark4: "#920269",
|
|
129
|
+
dark5: "#c71454",
|
|
130
|
+
dark6: "#ff6341",
|
|
131
|
+
bright1: "#5311e3",
|
|
132
|
+
bright2: "#eb03ff",
|
|
133
|
+
bright3: "#ff17ab",
|
|
134
|
+
bright4: "#ff6a85",
|
|
135
|
+
light1: "#baa0f4",
|
|
136
|
+
light2: "#d399fc",
|
|
137
|
+
light3: "#f79aff",
|
|
138
|
+
light4: "#faabde",
|
|
139
|
+
light5: "#ffc4ce",
|
|
140
|
+
nearBlack1: "#0b0f18",
|
|
141
|
+
nearBlack2: "#0d0627",
|
|
142
|
+
nearBlack3: "#161d30",
|
|
143
|
+
nearBlack4: "#23194b"
|
|
144
|
+
};
|
|
145
|
+
var deploymentEntityColors = {
|
|
146
|
+
workspace: brandViolet,
|
|
147
|
+
// was '#aa44f2'; collapsed to the single brand source
|
|
148
|
+
stream: "#53b96a",
|
|
149
|
+
deployment: "#eeb510",
|
|
150
|
+
engagement: "#f941e6",
|
|
151
|
+
agent: "#77c3ff"
|
|
152
|
+
};
|
|
153
|
+
var deploymentStatusColors = {
|
|
154
|
+
normal: "#53b96a",
|
|
155
|
+
warning: "#eeb510",
|
|
156
|
+
error: "#ef5059",
|
|
157
|
+
disabled: "#ffffff",
|
|
158
|
+
disabledDim: "#ded8e1"
|
|
159
|
+
};
|
|
160
|
+
var workflowNodeColors = {
|
|
161
|
+
start: { accent: "#00C950", cardBorder: "#7BF1A8", badgeBg: "#F0FDF4", badgeBorder: "#B9F8CF", badgeText: "#008236" },
|
|
162
|
+
input: { accent: "#00A6F4", cardBorder: "#74D4FF", badgeBg: "#F0F9FF", badgeBorder: "#B8E6FE", badgeText: "#0069A8" },
|
|
163
|
+
stream: { accent: "#00B8DB", cardBorder: "#53EAFD", badgeBg: "#ECFEFF", badgeBorder: "#A2F4FD", badgeText: "#007595" },
|
|
164
|
+
rafts: { accent: "#FF6900", cardBorder: "#FFB86A", badgeBg: "#FFF7ED", badgeBorder: "#FFD6A8", badgeText: "#CA3500" },
|
|
165
|
+
cubbies: { accent: "#D0C900", cardBorder: "#D0C900", badgeBg: "#FCFFED", badgeBorder: "#D0C900", badgeText: "#747500" },
|
|
166
|
+
events: { accent: "#F6339A", cardBorder: "#FDA5D5", badgeBg: "#FDF2F8", badgeBorder: "#FCCEE8", badgeText: "#C6005C" },
|
|
167
|
+
trigger: { accent: "#AD46FF", cardBorder: "#DAB2FF", badgeBg: "#FAF5FF", badgeBorder: "#E9D4FF", badgeText: "#8200DB" },
|
|
168
|
+
action: { accent: "#2B7FFF", cardBorder: "#8EC5FF", badgeBg: "#EFF6FF", badgeBorder: "#BEDBFF", badgeText: "#1447E6" },
|
|
169
|
+
aiModel: { accent: "#615FFF", cardBorder: "#A3B3FF", badgeBg: "#EEF2FF", badgeBorder: "#C6D2FF", badgeText: "#432DD7" },
|
|
170
|
+
aiAgent: { accent: "#D0A2FB", cardBorder: "#D0A2FB", badgeBg: "#F8EEFF", badgeBorder: "#D9BCF3", badgeText: "#9F40F8" },
|
|
171
|
+
condition: { accent: "#FE9A00", cardBorder: "#FFD230", badgeBg: "#FFFBEB", badgeBorder: "#FEE685", badgeText: "#BB4D00" },
|
|
172
|
+
output: { accent: "#00BC7D", cardBorder: "#5EE9B5", badgeBg: "#ECFDF5", badgeBorder: "#A4F4CF", badgeText: "#007A55" },
|
|
173
|
+
end: { accent: "#FB2C36", cardBorder: "#FFA2A2", badgeBg: "#FEF2F2", badgeBorder: "#FFC9C9", badgeText: "#C10007" },
|
|
174
|
+
parallel: { accent: "#14B8A6", cardBorder: "#5EEAD4", badgeBg: "#F0FDFA", badgeBorder: "#99F6E4", badgeText: "#0F766E" },
|
|
175
|
+
merge: { accent: "#6366F1", cardBorder: "#A5B4FC", badgeBg: "#EEF2FF", badgeBorder: "#C7D2FE", badgeText: "#4338CA" }
|
|
176
|
+
};
|
|
177
|
+
var workflowChromeColors = {
|
|
178
|
+
inputBg: "#D8D4DD",
|
|
179
|
+
inputBorder: "#A855F7",
|
|
180
|
+
labelText: "#6A7282",
|
|
181
|
+
iconColor: "#4A4458",
|
|
182
|
+
buttonPrimary: "#B65FF4",
|
|
183
|
+
buttonHover: "#A855F7",
|
|
184
|
+
buttonActive: "#9333EA",
|
|
185
|
+
closeBtnBg: "#9E9EAE",
|
|
186
|
+
progressBg: "#CEC6D8",
|
|
187
|
+
stepBtnBg: "#F5F1F7",
|
|
188
|
+
stepBtnBgHover: "#E7E0EC",
|
|
189
|
+
divider: "#D6CEDD",
|
|
190
|
+
mutedText: "#938F99",
|
|
191
|
+
titleText: "#1E2939",
|
|
192
|
+
descriptionText: "#6A7282"
|
|
193
|
+
};
|
|
194
|
+
var deploymentSurface = {
|
|
195
|
+
surfaceHigh: "#fefcff",
|
|
196
|
+
strokeOutside: "#e6e6e6",
|
|
197
|
+
borderDefault: "#cdcccd",
|
|
198
|
+
textPrimary: "#1d1b20",
|
|
199
|
+
textSecondary: "#818083",
|
|
200
|
+
accentBlue: "#5865f2",
|
|
201
|
+
hoverLight: "#F0F1FF",
|
|
202
|
+
highlightBg: "#f5f6ff",
|
|
203
|
+
highlightBgHover: "#eceeff",
|
|
204
|
+
highlightBorder: "#cbcffb",
|
|
205
|
+
switchGreen: "#53b96a",
|
|
206
|
+
switchTrackOff: "#e0e0e0"
|
|
207
|
+
};
|
|
208
|
+
var workflowConnectionColors = {
|
|
209
|
+
success: "#22C55E",
|
|
210
|
+
process: "#3B82F6",
|
|
211
|
+
stream: "#06B6D4",
|
|
212
|
+
error: "#EF4444"
|
|
213
|
+
};
|
|
214
|
+
|
|
215
|
+
// src/theme/webSurfaceTokens.ts
|
|
216
|
+
var webSurfaceTokens = {
|
|
217
|
+
// Brand violet (web product primary)
|
|
218
|
+
cViolet: brandViolet,
|
|
219
|
+
// #aa44f2 (single source)
|
|
220
|
+
cVioletTint: violetTint,
|
|
221
|
+
// #a54aff (divergent; NOT brandViolet — Track C)
|
|
222
|
+
cVioletLight: violetLight,
|
|
223
|
+
// #f0e0fb
|
|
224
|
+
cVioletDark: violetDark,
|
|
225
|
+
// #7c59ac
|
|
226
|
+
// Brand accents
|
|
227
|
+
cPink: "#f941e6",
|
|
228
|
+
cPinkLight: "#fcdff9",
|
|
229
|
+
cRed: "#ff4f59",
|
|
230
|
+
cGreen: "#49bf63",
|
|
231
|
+
cBlueLight: "#e7f4fe",
|
|
232
|
+
cBlueDark: "#598ab8",
|
|
233
|
+
// ROB extended palette (re-exported with stable web-token names)
|
|
234
|
+
robFandango: robPrimaryPalette.fandango,
|
|
235
|
+
robElectricViolet: robPrimaryPalette.electricViolet,
|
|
236
|
+
robUltraViolet: robPrimaryPalette.ultraViolet,
|
|
237
|
+
robPeriwinkle: robPrimaryPalette.periwinkle,
|
|
238
|
+
robBright1: robPaletteExtended.bright1,
|
|
239
|
+
robNearBlack2: robPaletteExtended.nearBlack2,
|
|
240
|
+
robNearBlack4: robPaletteExtended.nearBlack4,
|
|
241
|
+
// Surfaces
|
|
242
|
+
surfaceLow: "#f5f1f7",
|
|
243
|
+
surfaceMid: "#f5f1f7",
|
|
244
|
+
surfaceHigh: "#fefcff",
|
|
245
|
+
surfaceContrast: "#ffffff",
|
|
246
|
+
// Backgrounds (semantic state surfaces)
|
|
247
|
+
bgDefault: "#f5f5f5",
|
|
248
|
+
bgDim: "#e6e0e9",
|
|
249
|
+
bgSuccess: "#eef5f0",
|
|
250
|
+
bgWarning: "#fef8e8",
|
|
251
|
+
bgDanger: "#f9dedc",
|
|
252
|
+
/**
|
|
253
|
+
* Foreground text/icon color for content sitting ON a `bgDanger` surface.
|
|
254
|
+
* NOT a surface color itself — do not use as backgroundColor. Pair with
|
|
255
|
+
* `bgDanger` for the canonical danger alert look.
|
|
256
|
+
*/
|
|
257
|
+
textOnDanger: "#8c1d18",
|
|
258
|
+
// Text
|
|
259
|
+
textPrimary: "#1d1b20",
|
|
260
|
+
textSecondary: "#5f5c64",
|
|
261
|
+
textMuted: "#938f99",
|
|
262
|
+
textLink: brandViolet,
|
|
263
|
+
// #aa44f2 (collapsed from literal)
|
|
264
|
+
// Strokes
|
|
265
|
+
strokeOnLow: "#e6e0e9",
|
|
266
|
+
strokeOnMed: "#dad1e0",
|
|
267
|
+
// Shadows
|
|
268
|
+
shadowSm: "0px 2px 8px rgba(0,0,0,0.04)",
|
|
269
|
+
shadowMd: "0px 4px 20px rgba(0,0,0,0.05)",
|
|
270
|
+
shadowFocus: focusRing
|
|
271
|
+
// single-sourced from generated token; propagates on rebrand
|
|
272
|
+
};
|
|
273
|
+
|
|
274
|
+
// src/theme/motion.ts
|
|
275
|
+
var motion = {
|
|
276
|
+
dur: {
|
|
277
|
+
/** Fast: ~120ms. Hover transitions, micro-interactions. */
|
|
278
|
+
fast: "120ms"
|
|
279
|
+
},
|
|
280
|
+
ease: {
|
|
281
|
+
/** Material-style standard easing. */
|
|
282
|
+
standard: "cubic-bezier(0.2, 0, 0, 1)"
|
|
283
|
+
}
|
|
284
|
+
};
|
|
285
|
+
|
|
286
|
+
// src/theme/typography.ts
|
|
287
|
+
var fontFamily = tokens["font-sans"];
|
|
288
|
+
var fontFamilyDisplay = tokens["font-display"];
|
|
289
|
+
var fontFamilyMono = tokens["font-mono"];
|
|
290
|
+
var webTypographyVariants = {
|
|
291
|
+
eyebrow: {
|
|
292
|
+
fontFamily,
|
|
293
|
+
fontSize: "11px",
|
|
294
|
+
fontWeight: 700,
|
|
295
|
+
textTransform: "uppercase",
|
|
296
|
+
letterSpacing: "0.12em",
|
|
297
|
+
color: webSurfaceTokens.cVioletDark
|
|
298
|
+
},
|
|
299
|
+
lede: {
|
|
300
|
+
fontFamily,
|
|
301
|
+
fontSize: "15.5px",
|
|
302
|
+
lineHeight: 1.55,
|
|
303
|
+
color: webSurfaceTokens.textPrimary
|
|
304
|
+
},
|
|
305
|
+
panelTitle: {
|
|
306
|
+
fontFamily: fontFamilyDisplay,
|
|
307
|
+
fontSize: "19px",
|
|
308
|
+
fontWeight: 500,
|
|
309
|
+
letterSpacing: "-0.012em",
|
|
310
|
+
color: webSurfaceTokens.textPrimary
|
|
311
|
+
},
|
|
312
|
+
footnote: {
|
|
313
|
+
fontFamily,
|
|
314
|
+
fontSize: "12px",
|
|
315
|
+
lineHeight: 1.5,
|
|
316
|
+
color: webSurfaceTokens.textSecondary
|
|
317
|
+
},
|
|
318
|
+
mono: {
|
|
319
|
+
fontFamily: fontFamilyMono,
|
|
320
|
+
fontSize: "11.5px",
|
|
321
|
+
color: webSurfaceTokens.textSecondary
|
|
322
|
+
},
|
|
323
|
+
bannerEyebrow: {
|
|
324
|
+
fontFamily,
|
|
325
|
+
fontSize: "11px",
|
|
326
|
+
fontWeight: 800,
|
|
327
|
+
textTransform: "uppercase",
|
|
328
|
+
letterSpacing: "0.18em",
|
|
329
|
+
color: webSurfaceTokens.robPeriwinkle
|
|
330
|
+
},
|
|
331
|
+
bannerTitle: {
|
|
332
|
+
fontFamily: fontFamilyDisplay,
|
|
333
|
+
fontSize: "40px",
|
|
334
|
+
fontWeight: 600,
|
|
335
|
+
lineHeight: 1.05,
|
|
336
|
+
letterSpacing: "-0.025em",
|
|
337
|
+
color: "#fff"
|
|
338
|
+
},
|
|
339
|
+
bannerBy: {
|
|
340
|
+
fontFamily,
|
|
341
|
+
fontSize: "13px",
|
|
342
|
+
color: "rgba(255,255,255,0.65)",
|
|
343
|
+
margin: 0
|
|
344
|
+
},
|
|
345
|
+
bannerDesc: {
|
|
346
|
+
fontFamily,
|
|
347
|
+
fontSize: "15px",
|
|
348
|
+
lineHeight: 1.5,
|
|
349
|
+
color: "rgba(255,255,255,0.78)",
|
|
350
|
+
margin: 0
|
|
351
|
+
},
|
|
352
|
+
bannerMeta: {
|
|
353
|
+
fontFamily: fontFamilyMono,
|
|
354
|
+
fontSize: "12px",
|
|
355
|
+
color: "rgba(255,255,255,0.65)"
|
|
356
|
+
}
|
|
357
|
+
};
|
|
358
|
+
var typography = {
|
|
359
|
+
fontFamily,
|
|
360
|
+
h1: {
|
|
361
|
+
fontWeight: 700,
|
|
362
|
+
fontSize: "96px",
|
|
363
|
+
lineHeight: 1.2
|
|
364
|
+
},
|
|
365
|
+
h2: {
|
|
366
|
+
fontWeight: 700,
|
|
367
|
+
fontSize: "60px",
|
|
368
|
+
lineHeight: 1.2
|
|
369
|
+
},
|
|
370
|
+
h3: {
|
|
371
|
+
fontWeight: 700,
|
|
372
|
+
fontSize: "48px",
|
|
373
|
+
lineHeight: 1.2
|
|
374
|
+
},
|
|
375
|
+
h4: {
|
|
376
|
+
fontWeight: 600,
|
|
377
|
+
fontSize: "34px",
|
|
378
|
+
lineHeight: 1.2
|
|
379
|
+
},
|
|
380
|
+
h5: {
|
|
381
|
+
fontWeight: 600,
|
|
382
|
+
fontSize: "24px",
|
|
383
|
+
lineHeight: 1.2
|
|
384
|
+
},
|
|
385
|
+
h6: {
|
|
386
|
+
fontWeight: 600,
|
|
387
|
+
fontSize: "20px",
|
|
388
|
+
lineHeight: 1.2
|
|
389
|
+
},
|
|
390
|
+
subtitle1: {
|
|
391
|
+
fontWeight: 700,
|
|
392
|
+
fontSize: "16px",
|
|
393
|
+
lineHeight: 1.5
|
|
394
|
+
},
|
|
395
|
+
subtitle2: {
|
|
396
|
+
fontWeight: 700,
|
|
397
|
+
fontSize: "14px",
|
|
398
|
+
lineHeight: 1.5
|
|
399
|
+
},
|
|
400
|
+
body1: {
|
|
401
|
+
fontWeight: 400,
|
|
402
|
+
fontSize: "16px",
|
|
403
|
+
lineHeight: 1.5
|
|
404
|
+
},
|
|
405
|
+
body2: {
|
|
406
|
+
fontWeight: 400,
|
|
407
|
+
fontSize: "14px",
|
|
408
|
+
lineHeight: 1.5
|
|
409
|
+
},
|
|
410
|
+
button: {
|
|
411
|
+
fontWeight: 700,
|
|
412
|
+
fontSize: "14px",
|
|
413
|
+
textTransform: "uppercase",
|
|
414
|
+
letterSpacing: "0.5px"
|
|
415
|
+
},
|
|
416
|
+
caption: {
|
|
417
|
+
fontWeight: 400,
|
|
418
|
+
fontSize: "12px",
|
|
419
|
+
lineHeight: 1.5
|
|
420
|
+
},
|
|
421
|
+
overline: {
|
|
422
|
+
fontWeight: 800,
|
|
423
|
+
fontSize: "10px",
|
|
424
|
+
textTransform: "uppercase",
|
|
425
|
+
letterSpacing: "1px"
|
|
426
|
+
},
|
|
427
|
+
...webTypographyVariants
|
|
428
|
+
};
|
|
429
|
+
|
|
430
|
+
export {
|
|
431
|
+
primitives,
|
|
432
|
+
robPrimaryPalette,
|
|
433
|
+
robPaletteExtended,
|
|
434
|
+
deploymentEntityColors,
|
|
435
|
+
deploymentStatusColors,
|
|
436
|
+
workflowNodeColors,
|
|
437
|
+
workflowChromeColors,
|
|
438
|
+
deploymentSurface,
|
|
439
|
+
workflowConnectionColors,
|
|
440
|
+
webSurfaceTokens,
|
|
441
|
+
fontFamilyMono,
|
|
442
|
+
typography,
|
|
443
|
+
motion
|
|
444
|
+
};
|
|
445
|
+
//# sourceMappingURL=chunk-WC2TCWXK.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/theme/tokens.generated.ts","../src/theme/tokens.ts","../src/theme/primitives.ts","../src/theme/webSurfaceTokens.ts","../src/theme/motion.ts","../src/theme/typography.ts"],"sourcesContent":["// Auto-generated by Style Dictionary. Do not edit.\n// Regenerate with: npm run tokens:build\nexport const tokens = {\n 'font-sans': '\\'Inter\\', -apple-system, BlinkMacSystemFont, \\'Segoe UI\\', Roboto, \\'HumanSans\\', sans-serif',\n 'font-display': '\\'Inter\\', sans-serif',\n 'font-mono': 'ui-monospace, SFMono-Regular, Menlo, Consolas, monospace',\n 'c-violet-light': '#f0e0fb',\n 'c-violet': '#aa44f2',\n 'c-violet-dark': '#7c59ac',\n 'c-violet-tint': '#a54aff',\n 'c-pink': '#f941e6',\n 'c-pink-light': '#fcdff9',\n 'c-red': '#ff4f59',\n 'c-green': '#49bf63',\n 'c-blue-light': '#e7f4fe',\n 'c-blue-dark': '#598ab8',\n 'surface-low': '#f5f1f7',\n 'surface-mid': '#f5f1f7',\n 'surface-high': '#fefcff',\n 'surface-contrast': '#ffffff',\n 'bg-default': '#f5f5f5',\n 'bg-dim': '#e6e0e9',\n 'bg-success': '#eef5f0',\n 'bg-warning': '#fef8e8',\n 'bg-danger': '#f9dedc',\n 'text-on-danger': '#8c1d18',\n 'text-primary': '#1d1b20',\n 'text-secondary': '#5f5c64',\n 'text-muted': '#938f99',\n 'stroke-on-low': '#e6e0e9',\n 'stroke-on-med': '#dad1e0',\n 'rob-fandango': '#BD32A7',\n 'rob-electric-violet': '#8B00EC',\n 'rob-ultra-violet': '#6750A4',\n 'rob-periwinkle': '#D0BCFF',\n 'rob-bright-1': '#5311e3',\n 'rob-near-black-2': '#0d0627',\n 'rob-near-black-4': '#23194b',\n 'shadow-sm': '0px 2px 8px rgba(0,0,0,0.04)',\n 'shadow-md': '0px 4px 20px rgba(0,0,0,0.05)',\n 'shadow-focus': '0 0 0 4px rgba(170,68,242,0.25)',\n 'radius-sm': '8px',\n 'radius-md': '12px',\n 'radius-lg': '16px',\n 'radius-xl': '20px',\n 'radius-pill': '999px',\n 'dur-fast': '120ms',\n 'ease-standard': 'cubic-bezier(0.2, 0, 0, 1)',\n 'text-link': '#aa44f2'\n} as const;\n","// Hand-written ergonomic view over the generated single source.\n// tokens.generated.ts is produced by `npm run tokens:build` (do not edit).\nimport { tokens as g } from './tokens.generated';\n\n// Adjust these accessors to match the generated shape confirmed in Task 3.\nexport const brandViolet = g['c-violet']; // '#aa44f2'\nexport const violetTint = g['c-violet-tint']; // '#a54aff' (divergent, do not merge)\nexport const violetLight = g['c-violet-light']; // '#f0e0fb'\nexport const violetDark = g['c-violet-dark']; // '#7c59ac'\nexport const focusRing = g['shadow-focus']; // '0 0 0 4px rgba(170,68,242,0.25)' — derived from brand violet by the generator\n","/**\n * Tier 1: Primitive color tokens.\n *\n * Raw color values organized by hue and shade. These form the palette\n * from which semantic tokens are composed.\n *\n * Components should NOT import primitives directly; use semantic tokens\n * or theme.palette instead.\n */\n\nimport { brandViolet, violetLight, violetDark } from './tokens';\n\nexport const primitives = {\n /**\n * Cere brand violet — the company's primary action color across web\n * surfaces. Use via `semantic.action.primary` rather than reaching for\n * raw hex.\n */\n violet: {\n 100: violetLight, // #f0e0fb\n 300: '#d0bcff', // not in DTCG (product tint); unchanged\n 500: brandViolet, // single source -> #aa44f2\n 600: violetDark, // #7c59ac\n },\n /** Legacy MUI blue. Retained for code paths that still reach for blue tokens by name (e.g. ROB highlights). Not the brand primary. */\n blue: {\n 500: '#1976d2',\n 600: '#1565c0',\n },\n /** Material Design grey scale */\n grey: {\n 50: '#FAFAFA',\n 100: '#F5F5F5',\n 200: '#EEEEEE',\n 300: '#E0E0E0',\n 400: '#BDBDBD',\n 500: '#9E9E9E',\n 600: '#757575',\n 700: '#616161',\n 800: '#424242',\n 900: '#212121',\n },\n /** Neutral greys used for text and secondary UI (non-standard scale) */\n neutral: {\n 300: '#333333',\n 600: '#666666',\n 900: '#999999',\n },\n green: {\n 400: '#34D399',\n 500: '#10B981',\n 600: '#059669',\n },\n red: {\n 400: '#F87171',\n 500: '#EF4444',\n 600: '#DC2626',\n },\n amber: {\n 400: '#FBBF24',\n 500: '#F59E0B',\n 600: '#D97706',\n },\n white: '#FFFFFF',\n black: '#000000',\n nearBlack: '#1A1A1A',\n} as const;\n\n/**\n * ROB primary brand colors (Figma node 11-1393).\n */\nexport const robPrimaryPalette = {\n fandango: '#BD32A7',\n electricViolet: '#8B00EC',\n ultraViolet: '#6750A4',\n periwinkle: '#D0BCFF',\n} as const;\n\n/**\n * ROB extended palette with gradient shades and secondary accents\n * (Figma node 11-1447).\n */\nexport const robPaletteExtended = {\n dark1: '#280e61',\n dark2: '#531584',\n dark3: '#710c7a',\n dark4: '#920269',\n dark5: '#c71454',\n dark6: '#ff6341',\n bright1: '#5311e3',\n bright2: '#eb03ff',\n bright3: '#ff17ab',\n bright4: '#ff6a85',\n light1: '#baa0f4',\n light2: '#d399fc',\n light3: '#f79aff',\n light4: '#faabde',\n light5: '#ffc4ce',\n nearBlack1: '#0b0f18',\n nearBlack2: '#0d0627',\n nearBlack3: '#161d30',\n nearBlack4: '#23194b',\n} as const;\n\n/**\n * Deployment dashboard entity colors (Figma 11-2105).\n */\nexport const deploymentEntityColors = {\n workspace: brandViolet, // was '#aa44f2'; collapsed to the single brand source\n stream: '#53b96a',\n deployment: '#eeb510',\n engagement: '#f941e6',\n agent: '#77c3ff',\n} as const;\n\n/**\n * Deployment dashboard status colors (Figma 11-2105).\n */\nexport const deploymentStatusColors = {\n normal: '#53b96a',\n warning: '#eeb510',\n error: '#ef5059',\n disabled: '#ffffff',\n disabledDim: '#ded8e1',\n} as const;\n\n/**\n * Workflow node color families (Figma 277-8244).\n *\n * Each node type has an accent color plus tints/shades for card borders,\n * badge backgrounds, badge borders, and badge text. These are hand-picked\n * Figma values, not algorithmically derived.\n */\nexport const workflowNodeColors = {\n start: { accent: '#00C950', cardBorder: '#7BF1A8', badgeBg: '#F0FDF4', badgeBorder: '#B9F8CF', badgeText: '#008236' },\n input: { accent: '#00A6F4', cardBorder: '#74D4FF', badgeBg: '#F0F9FF', badgeBorder: '#B8E6FE', badgeText: '#0069A8' },\n stream: { accent: '#00B8DB', cardBorder: '#53EAFD', badgeBg: '#ECFEFF', badgeBorder: '#A2F4FD', badgeText: '#007595' },\n rafts: { accent: '#FF6900', cardBorder: '#FFB86A', badgeBg: '#FFF7ED', badgeBorder: '#FFD6A8', badgeText: '#CA3500' },\n cubbies: { accent: '#D0C900', cardBorder: '#D0C900', badgeBg: '#FCFFED', badgeBorder: '#D0C900', badgeText: '#747500' },\n events: { accent: '#F6339A', cardBorder: '#FDA5D5', badgeBg: '#FDF2F8', badgeBorder: '#FCCEE8', badgeText: '#C6005C' },\n trigger: { accent: '#AD46FF', cardBorder: '#DAB2FF', badgeBg: '#FAF5FF', badgeBorder: '#E9D4FF', badgeText: '#8200DB' },\n action: { accent: '#2B7FFF', cardBorder: '#8EC5FF', badgeBg: '#EFF6FF', badgeBorder: '#BEDBFF', badgeText: '#1447E6' },\n aiModel: { accent: '#615FFF', cardBorder: '#A3B3FF', badgeBg: '#EEF2FF', badgeBorder: '#C6D2FF', badgeText: '#432DD7' },\n aiAgent: { accent: '#D0A2FB', cardBorder: '#D0A2FB', badgeBg: '#F8EEFF', badgeBorder: '#D9BCF3', badgeText: '#9F40F8' },\n condition: { accent: '#FE9A00', cardBorder: '#FFD230', badgeBg: '#FFFBEB', badgeBorder: '#FEE685', badgeText: '#BB4D00' },\n output: { accent: '#00BC7D', cardBorder: '#5EE9B5', badgeBg: '#ECFDF5', badgeBorder: '#A4F4CF', badgeText: '#007A55' },\n end: { accent: '#FB2C36', cardBorder: '#FFA2A2', badgeBg: '#FEF2F2', badgeBorder: '#FFC9C9', badgeText: '#C10007' },\n parallel: { accent: '#14B8A6', cardBorder: '#5EEAD4', badgeBg: '#F0FDFA', badgeBorder: '#99F6E4', badgeText: '#0F766E' },\n merge: { accent: '#6366F1', cardBorder: '#A5B4FC', badgeBg: '#EEF2FF', badgeBorder: '#C7D2FE', badgeText: '#4338CA' },\n} as const;\n\n/**\n * Shared workflow chrome UI colors (Figma 277-8244).\n *\n * Colors used across workflow top bar, time bar, side inspector, and node\n * title/description text. Extracted here so component files stay hex-free.\n */\nexport const workflowChromeColors = {\n inputBg: '#D8D4DD',\n inputBorder: '#A855F7',\n labelText: '#6A7282',\n iconColor: '#4A4458',\n buttonPrimary: '#B65FF4',\n buttonHover: '#A855F7',\n buttonActive: '#9333EA',\n closeBtnBg: '#9E9EAE',\n progressBg: '#CEC6D8',\n stepBtnBg: '#F5F1F7',\n stepBtnBgHover: '#E7E0EC',\n divider: '#D6CEDD',\n mutedText: '#938F99',\n titleText: '#1E2939',\n descriptionText: '#6A7282',\n} as const;\n\n/**\n * Deployment surface primitives (Figma deployment dashboard).\n *\n * Raw hex values for the deployment surface tokens. semantic.ts maps\n * these to named surface/stroke tokens.\n */\nexport const deploymentSurface = {\n surfaceHigh: '#fefcff',\n strokeOutside: '#e6e6e6',\n borderDefault: '#cdcccd',\n textPrimary: '#1d1b20',\n textSecondary: '#818083',\n accentBlue: '#5865f2',\n hoverLight: '#F0F1FF',\n highlightBg: '#f5f6ff',\n highlightBgHover: '#eceeff',\n highlightBorder: '#cbcffb',\n switchGreen: '#53b96a',\n switchTrackOff: '#e0e0e0',\n} as const;\n\n/**\n * Workflow connection/edge colors (Figma 277-8244).\n */\nexport const workflowConnectionColors = {\n success: '#22C55E',\n process: '#3B82F6',\n stream: '#06B6D4',\n error: '#EF4444',\n} as const;\n","/**\n * Web surface tokens (marketplace-aligned v2 product palette).\n *\n * Source of truth for the colors/surfaces/strokes/shadows used by the\n * marketplace UI and any other web product surface that shares this look.\n * Emitted as `:root` CSS custom properties via `tokens.css` so consumers\n * stop hand-declaring them in their own `globals.css`.\n *\n * Distinct from `deploymentSurfaceTokens` (deployment dashboard), which has\n * its own design language and predates this surface.\n */\n\nimport { robPrimaryPalette, robPaletteExtended } from './primitives';\nimport { brandViolet, violetTint, violetLight, violetDark, focusRing } from './tokens';\n\nexport const webSurfaceTokens = {\n // Brand violet (web product primary)\n cViolet: brandViolet, // #aa44f2 (single source)\n cVioletTint: violetTint, // #a54aff (divergent; NOT brandViolet — Track C)\n cVioletLight: violetLight, // #f0e0fb\n cVioletDark: violetDark, // #7c59ac\n\n // Brand accents\n cPink: '#f941e6',\n cPinkLight: '#fcdff9',\n cRed: '#ff4f59',\n cGreen: '#49bf63',\n cBlueLight: '#e7f4fe',\n cBlueDark: '#598ab8',\n\n // ROB extended palette (re-exported with stable web-token names)\n robFandango: robPrimaryPalette.fandango,\n robElectricViolet: robPrimaryPalette.electricViolet,\n robUltraViolet: robPrimaryPalette.ultraViolet,\n robPeriwinkle: robPrimaryPalette.periwinkle,\n robBright1: robPaletteExtended.bright1,\n robNearBlack2: robPaletteExtended.nearBlack2,\n robNearBlack4: robPaletteExtended.nearBlack4,\n\n // Surfaces\n surfaceLow: '#f5f1f7',\n surfaceMid: '#f5f1f7',\n surfaceHigh: '#fefcff',\n surfaceContrast: '#ffffff',\n\n // Backgrounds (semantic state surfaces)\n bgDefault: '#f5f5f5',\n bgDim: '#e6e0e9',\n bgSuccess: '#eef5f0',\n bgWarning: '#fef8e8',\n bgDanger: '#f9dedc',\n /**\n * Foreground text/icon color for content sitting ON a `bgDanger` surface.\n * NOT a surface color itself — do not use as backgroundColor. Pair with\n * `bgDanger` for the canonical danger alert look.\n */\n textOnDanger: '#8c1d18',\n\n // Text\n textPrimary: '#1d1b20',\n textSecondary: '#5f5c64',\n textMuted: '#938f99',\n textLink: brandViolet, // #aa44f2 (collapsed from literal)\n\n // Strokes\n strokeOnLow: '#e6e0e9',\n strokeOnMed: '#dad1e0',\n\n // Shadows\n shadowSm: '0px 2px 8px rgba(0,0,0,0.04)',\n shadowMd: '0px 4px 20px rgba(0,0,0,0.05)',\n shadowFocus: focusRing, // single-sourced from generated token; propagates on rebrand\n} as const;\n\nexport type WebSurfaceTokenKey = keyof typeof webSurfaceTokens;\n","/**\n * Motion tokens: durations and easing curves.\n *\n * Marketplace-aligned. Consumed by component animations and emitted as\n * `--dur-*` / `--ease-*` CSS custom properties in `tokens.css`.\n */\n\nexport const motion = {\n dur: {\n /** Fast: ~120ms. Hover transitions, micro-interactions. */\n fast: '120ms',\n },\n ease: {\n /** Material-style standard easing. */\n standard: 'cubic-bezier(0.2, 0, 0, 1)',\n },\n} as const;\n","/**\n * Typography configuration for the design system.\n *\n * Defines font family, heading scales, body text, and utility variants.\n * Consumed by createTheme() in the theme barrel.\n */\n\nimport type { TypographyOptions } from '@mui/material/styles/createTypography';\nimport { tokens as g } from './tokens.generated';\nimport { webSurfaceTokens } from './webSurfaceTokens';\n\n// Single source: font family stacks come from the generated DTCG token.\n// 'HumanSans' (no space) matches the @font-face declaration in human-sans-font.css.\n// 'Nohemi' and 'Human Sans' have been removed; the token is the only home.\nexport const fontFamily = g['font-sans'];\n\n/** Display font used for hero / banner headings. */\nexport const fontFamilyDisplay = g['font-display'];\n\n/** Monospace stack used for codes, ids, copy fields. */\nexport const fontFamilyMono = g['font-mono'];\n\n/**\n * Custom typography variants needed by the marketplace web surface.\n *\n * Registered with MUI via module augmentation in `typography-augment.ts`\n * so `<Typography variant=\"eyebrow\">` is type-safe and styled out of the box.\n */\nexport const webTypographyVariants = {\n eyebrow: {\n fontFamily,\n fontSize: '11px',\n fontWeight: 700,\n textTransform: 'uppercase' as const,\n letterSpacing: '0.12em',\n color: webSurfaceTokens.cVioletDark,\n },\n lede: {\n fontFamily,\n fontSize: '15.5px',\n lineHeight: 1.55,\n color: webSurfaceTokens.textPrimary,\n },\n panelTitle: {\n fontFamily: fontFamilyDisplay,\n fontSize: '19px',\n fontWeight: 500,\n letterSpacing: '-0.012em',\n color: webSurfaceTokens.textPrimary,\n },\n footnote: {\n fontFamily,\n fontSize: '12px',\n lineHeight: 1.5,\n color: webSurfaceTokens.textSecondary,\n },\n mono: {\n fontFamily: fontFamilyMono,\n fontSize: '11.5px',\n color: webSurfaceTokens.textSecondary,\n },\n bannerEyebrow: {\n fontFamily,\n fontSize: '11px',\n fontWeight: 800,\n textTransform: 'uppercase' as const,\n letterSpacing: '0.18em',\n color: webSurfaceTokens.robPeriwinkle,\n },\n bannerTitle: {\n fontFamily: fontFamilyDisplay,\n fontSize: '40px',\n fontWeight: 600,\n lineHeight: 1.05,\n letterSpacing: '-0.025em',\n color: '#fff',\n },\n bannerBy: {\n fontFamily,\n fontSize: '13px',\n color: 'rgba(255,255,255,0.65)',\n margin: 0,\n },\n bannerDesc: {\n fontFamily,\n fontSize: '15px',\n lineHeight: 1.5,\n color: 'rgba(255,255,255,0.78)',\n margin: 0,\n },\n bannerMeta: {\n fontFamily: fontFamilyMono,\n fontSize: '12px',\n color: 'rgba(255,255,255,0.65)',\n },\n} as const;\n\nexport const typography: TypographyOptions = {\n fontFamily,\n h1: {\n fontWeight: 700,\n fontSize: '96px',\n lineHeight: 1.2,\n },\n h2: {\n fontWeight: 700,\n fontSize: '60px',\n lineHeight: 1.2,\n },\n h3: {\n fontWeight: 700,\n fontSize: '48px',\n lineHeight: 1.2,\n },\n h4: {\n fontWeight: 600,\n fontSize: '34px',\n lineHeight: 1.2,\n },\n h5: {\n fontWeight: 600,\n fontSize: '24px',\n lineHeight: 1.2,\n },\n h6: {\n fontWeight: 600,\n fontSize: '20px',\n lineHeight: 1.2,\n },\n subtitle1: {\n fontWeight: 700,\n fontSize: '16px',\n lineHeight: 1.5,\n },\n subtitle2: {\n fontWeight: 700,\n fontSize: '14px',\n lineHeight: 1.5,\n },\n body1: {\n fontWeight: 400,\n fontSize: '16px',\n lineHeight: 1.5,\n },\n body2: {\n fontWeight: 400,\n fontSize: '14px',\n lineHeight: 1.5,\n },\n button: {\n fontWeight: 700,\n fontSize: '14px',\n textTransform: 'uppercase',\n letterSpacing: '0.5px',\n },\n caption: {\n fontWeight: 400,\n fontSize: '12px',\n lineHeight: 1.5,\n },\n overline: {\n fontWeight: 800,\n fontSize: '10px',\n textTransform: 'uppercase',\n letterSpacing: '1px',\n },\n ...webTypographyVariants,\n};\n"],"mappings":"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","names":[]}
|