@astryxdesign/theme-chocolate 0.0.0-bootstrap.0 → 0.0.15

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.
Files changed (21) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +62 -1
  3. package/dist/chocolate.d.ts +11 -0
  4. package/dist/chocolate.js +195 -0
  5. package/dist/chocolate.variants.d.ts +20 -0
  6. package/dist/chocolateTheme.d.ts +2 -0
  7. package/dist/chocolateTheme.d.ts.map +1 -0
  8. package/dist/chunk-YEMS5K6F.mjs +66 -0
  9. package/dist/icons.d.ts +3 -0
  10. package/dist/icons.d.ts.map +1 -0
  11. package/dist/icons.js +63 -0
  12. package/dist/icons.mjs +6 -0
  13. package/dist/source.d.ts +3 -0
  14. package/dist/source.d.ts.map +1 -0
  15. package/dist/source.js +255 -0
  16. package/dist/source.mjs +193 -0
  17. package/dist/theme.css +404 -0
  18. package/package.json +56 -5
  19. package/src/chocolateTheme.ts +230 -0
  20. package/src/icons.tsx +77 -0
  21. package/src/source.ts +4 -0
package/dist/source.js ADDED
@@ -0,0 +1,255 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+
20
+ // src/source.ts
21
+ var source_exports = {};
22
+ __export(source_exports, {
23
+ chocolateIconRegistry: () => chocolateIconRegistry,
24
+ chocolateTheme: () => chocolateTheme
25
+ });
26
+ module.exports = __toCommonJS(source_exports);
27
+
28
+ // src/chocolateTheme.ts
29
+ var import_theme = require("@astryxdesign/core/theme");
30
+
31
+ // src/icons.tsx
32
+ var import_lucide_react = require("lucide-react");
33
+ var import_jsx_runtime = require("react/jsx-runtime");
34
+ var iconProps = {
35
+ size: "1em",
36
+ "aria-hidden": true
37
+ };
38
+ var chocolateIconRegistry = {
39
+ close: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { ...iconProps }),
40
+ chevronDown: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { ...iconProps }),
41
+ chevronLeft: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronLeft, { ...iconProps }),
42
+ chevronRight: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { ...iconProps }),
43
+ check: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { ...iconProps }),
44
+ success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCircle, { ...iconProps }),
45
+ error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.XCircle, { ...iconProps }),
46
+ warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.AlertTriangle, { ...iconProps }),
47
+ info: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Info, { ...iconProps }),
48
+ calendar: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Calendar, { ...iconProps }),
49
+ clock: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Clock, { ...iconProps }),
50
+ externalLink: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { ...iconProps }),
51
+ menu: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Menu, { ...iconProps }),
52
+ moreHorizontal: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.MoreHorizontal, { ...iconProps }),
53
+ search: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Search, { ...iconProps }),
54
+ arrowUp: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowUp, { ...iconProps }),
55
+ arrowDown: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowDown, { ...iconProps }),
56
+ arrowsUpDown: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowUpDown, { ...iconProps }),
57
+ funnel: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Filter, { ...iconProps }),
58
+ eyeSlash: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.EyeOff, { ...iconProps }),
59
+ viewColumns: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Columns, { ...iconProps }),
60
+ copy: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Copy, { ...iconProps }),
61
+ checkDouble: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCheck, { ...iconProps }),
62
+ wrench: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Wrench, { ...iconProps }),
63
+ stop: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Square, { ...iconProps }),
64
+ microphone: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Mic, { ...iconProps })
65
+ };
66
+
67
+ // src/chocolateTheme.ts
68
+ var chocolateSyntax = (0, import_theme.defineSyntaxTheme)({
69
+ name: "xds-chocolate",
70
+ tokens: {
71
+ keyword: ["#8C5927", "#d4a06a"],
72
+ string: ["#2e6b4a", "#7bc49e"],
73
+ comment: ["#B88859", "#B88859"],
74
+ number: ["#a06018", "#d4b870"],
75
+ function: ["#3a5e8c", "#7ba8d4"],
76
+ type: ["#6b4a8c", "#b08ed4"],
77
+ variable: ["#4a3520", "#EDE4D4"],
78
+ operator: ["#B88859", "#c4a882"],
79
+ constant: ["#a06018", "#d4b870"],
80
+ tag: ["#8c3a3a", "#d47a7a"],
81
+ attribute: ["#8C5927", "#d4a06a"],
82
+ property: ["#3a7c6b", "#70c4b0"],
83
+ punctuation: ["#B88859", "#6b5540"],
84
+ background: ["#FFFCF7", "#1c1610"]
85
+ }
86
+ });
87
+ var chocolateTheme = (0, import_theme.defineTheme)({
88
+ name: "chocolate",
89
+ typography: {
90
+ scale: { base: 14, ratio: 1.2 },
91
+ body: {
92
+ family: "Albert Sans",
93
+ fallbacks: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif'
94
+ },
95
+ heading: {
96
+ family: "Fraunces",
97
+ fallbacks: 'Georgia, "Times New Roman", Times, serif',
98
+ weights: { 3: "bold", 4: "bold" }
99
+ },
100
+ code: {
101
+ family: "JetBrains Mono",
102
+ fallbacks: '"SF Mono", Monaco, Consolas, monospace'
103
+ }
104
+ },
105
+ motion: { fast: 125, medium: 300, slow: 700, ratio: 0.75 },
106
+ syntax: chocolateSyntax,
107
+ tokens: {
108
+ // =========================================================================
109
+ // Colors — warm chocolate palette
110
+ // Core: #8C5927, #B88859, #C4AC95, #EDE4D4, #FFFCF7
111
+ // =========================================================================
112
+ // Core semantic
113
+ "--color-accent": ["#8C5927", "#d4a06a"],
114
+ "--color-accent-muted": ["#8C592714", "#d4a06a20"],
115
+ "--color-neutral": ["#8C59270F", "#EDE4D41A"],
116
+ "--color-background-surface": ["#FFFCF7", "#1c1610"],
117
+ "--color-background-body": ["#FFFCF7", "#141010"],
118
+ "--color-overlay": ["#4a352080", "#140e0aCC"],
119
+ "--color-overlay-hover": ["#4a35200D", "#EDE4D40D"],
120
+ "--color-overlay-pressed": ["#4a35201A", "#EDE4D41A"],
121
+ "--color-background-muted": ["#EDE4D4", "#2a2018"],
122
+ // Text
123
+ "--color-text-primary": ["#4a3520", "#EDE4D4"],
124
+ "--color-text-secondary": ["#B88859", "#c4a882"],
125
+ "--color-text-disabled": ["#C4AC95", "#6b5540"],
126
+ "--color-text-accent": ["#8C5927", "#d4a06a"],
127
+ "--color-on-dark": "#FFFCF7",
128
+ "--color-on-light": "#4a3520",
129
+ "--color-on-accent": ["#FFFFFF", "#4a3520"],
130
+ "--color-on-success": ["#FFFFFF", "#4a3520"],
131
+ "--color-on-error": ["#FFFFFF", "#4a3520"],
132
+ "--color-on-warning": ["#4a3520", "#4a3520"],
133
+ // Icon
134
+ "--color-icon-accent": ["#8C5927", "#d4a06a"],
135
+ "--color-icon-primary": ["#4a3520", "#EDE4D4"],
136
+ "--color-icon-secondary": ["#B88859", "#c4a882"],
137
+ "--color-icon-disabled": ["#C4AC95", "#6b5540"],
138
+ // Surface variants
139
+ "--color-background-card": ["#EDE4D4", "#2a2018"],
140
+ "--color-background-popover": ["#FFFCF7", "#2a2018"],
141
+ "--color-background-inverted": ["#4a3520", "#EDE4D4"],
142
+ // Status / Sentiment
143
+ "--color-success": ["#709900", "#96bf2a"],
144
+ "--color-success-muted": ["#70990020", "#96bf2a20"],
145
+ "--color-error": ["#FD0000", "#ff5c5c"],
146
+ "--color-error-muted": ["#FD000020", "#ff5c5c20"],
147
+ "--color-warning": ["#FFB600", "#ffc940"],
148
+ "--color-warning-muted": ["#FFB60020", "#ffc94020"],
149
+ // Border
150
+ "--color-border": ["#C4AC95", "#EDE4D41A"],
151
+ "--color-border-emphasized": ["#B88859", "#6b5540"],
152
+ // Effects
153
+ "--color-skeleton": ["#C4AC95", "#6b5540"],
154
+ "--color-shadow": ["#4a35201A", "#0000004D"],
155
+ "--color-tint-hover": ["black", "white"],
156
+ // Categorical — Blue
157
+ "--color-background-blue": ["#3a5e8c33", "#3a5e8c33"],
158
+ "--color-border-blue": ["#3a5e8c", "#7ba8d4"],
159
+ "--color-icon-blue": ["#3a5e8c", "#7ba8d4"],
160
+ "--color-text-blue": ["#2e4a6e", "#8dbce0"],
161
+ // Categorical — Cyan
162
+ "--color-background-cyan": ["#3a7c7c33", "#3a7c7c33"],
163
+ "--color-border-cyan": ["#3a7c7c", "#70c4c4"],
164
+ "--color-icon-cyan": ["#3a7c7c", "#70c4c4"],
165
+ "--color-text-cyan": ["#2e6060", "#82d4d4"],
166
+ // Categorical — Gray
167
+ "--color-background-gray": ["#B8885933", "#6b554033"],
168
+ "--color-border-gray": ["#B88859", "#B88859"],
169
+ "--color-icon-gray": ["#B88859", "#c4a882"],
170
+ "--color-text-gray": ["#4a3520", "#EDE4D4"],
171
+ // Categorical — Green
172
+ "--color-background-green": ["#70990033", "#96bf2a33"],
173
+ "--color-border-green": ["#709900", "#96bf2a"],
174
+ "--color-icon-green": ["#709900", "#96bf2a"],
175
+ "--color-text-green": ["#5a7a00", "#a8d43a"],
176
+ // Categorical — Orange
177
+ "--color-background-orange": ["#c4762033", "#d4903a33"],
178
+ "--color-border-orange": ["#c47620", "#d4903a"],
179
+ "--color-icon-orange": ["#c47620", "#d4903a"],
180
+ "--color-text-orange": ["#a06018", "#e0a04a"],
181
+ // Categorical — Pink
182
+ "--color-background-pink": ["#c44a7033", "#e07a9a33"],
183
+ "--color-border-pink": ["#c44a70", "#e07a9a"],
184
+ "--color-icon-pink": ["#c44a70", "#e07a9a"],
185
+ "--color-text-pink": ["#a03a5a", "#f08aaa"],
186
+ // Categorical — Purple
187
+ "--color-background-purple": ["#6b4a8c33", "#b08ed433"],
188
+ "--color-border-purple": ["#6b4a8c", "#b08ed4"],
189
+ "--color-icon-purple": ["#6b4a8c", "#b08ed4"],
190
+ "--color-text-purple": ["#553a70", "#c0a0e0"],
191
+ // Categorical — Red
192
+ "--color-background-red": ["#FD000033", "#ff5c5c33"],
193
+ "--color-border-red": ["#FD0000", "#ff5c5c"],
194
+ "--color-icon-red": ["#FD0000", "#ff5c5c"],
195
+ "--color-text-red": ["#cc0000", "#ff7a7a"],
196
+ // Categorical — Teal
197
+ "--color-background-teal": ["#2e6b5a33", "#5ab89833"],
198
+ "--color-border-teal": ["#2e6b5a", "#5ab898"],
199
+ "--color-icon-teal": ["#2e6b5a", "#5ab898"],
200
+ "--color-text-teal": ["#245546", "#6ccaaa"],
201
+ // Categorical — Yellow
202
+ "--color-background-yellow": ["#FFB60033", "#ffc94033"],
203
+ "--color-border-yellow": ["#FFB600", "#ffc940"],
204
+ "--color-icon-yellow": ["#FFB600", "#ffc940"],
205
+ "--color-text-yellow": ["#cc9200", "#ffd960"],
206
+ // =========================================================================
207
+ // Radius — soft and rounded
208
+ // =========================================================================
209
+ "--radius-none": "0.125rem",
210
+ "--radius-inner": "0.375rem",
211
+ "--radius-element": "0.625rem",
212
+ "--radius-container": "0.75rem",
213
+ "--radius-page": "1.5rem",
214
+ "--radius-full": "9999px",
215
+ // =========================================================================
216
+ // Shadows — warm-toned
217
+ // =========================================================================
218
+ "--shadow-low": "0 2px 4px #4a35200D, 0 4px 8px #4a35201A",
219
+ "--shadow-med": "0 2px 4px #4a35200D, 0 4px 12px #4a35201A",
220
+ "--shadow-high": "0 4px 6px #4a35201A, 0 12px 24px #4a352026",
221
+ "--shadow-inset-hover": "inset 0px 0px 0px 2px #8C592730",
222
+ "--shadow-inset-selected": "inset 0px 0px 0px 2px #8C592750",
223
+ "--shadow-inset-success": "inset 0px 0px 0px 2px #70990050",
224
+ "--shadow-inset-warning": "inset 0px 0px 0px 2px #FFB60050",
225
+ "--shadow-inset-error": "inset 0px 0px 0px 2px #FD000050"
226
+ },
227
+ components: {
228
+ button: {
229
+ base: {
230
+ borderRadius: "var(--radius-full)"
231
+ },
232
+ "variant:secondary": {
233
+ borderWidth: "1px",
234
+ borderStyle: "solid",
235
+ borderColor: "var(--color-border-emphasized)"
236
+ }
237
+ },
238
+ card: {
239
+ base: {
240
+ padding: "var(--spacing-3)"
241
+ }
242
+ },
243
+ section: {
244
+ base: {
245
+ padding: "var(--spacing-3)"
246
+ }
247
+ }
248
+ },
249
+ icons: chocolateIconRegistry
250
+ });
251
+ // Annotate the CommonJS export names for ESM import in node:
252
+ 0 && (module.exports = {
253
+ chocolateIconRegistry,
254
+ chocolateTheme
255
+ });
package/dist/source.mjs ADDED
@@ -0,0 +1,193 @@
1
+ import {
2
+ chocolateIconRegistry
3
+ } from "./chunk-YEMS5K6F.mjs";
4
+
5
+ // src/chocolateTheme.ts
6
+ import { defineTheme, defineSyntaxTheme } from "@astryxdesign/core/theme";
7
+ var chocolateSyntax = defineSyntaxTheme({
8
+ name: "xds-chocolate",
9
+ tokens: {
10
+ keyword: ["#8C5927", "#d4a06a"],
11
+ string: ["#2e6b4a", "#7bc49e"],
12
+ comment: ["#B88859", "#B88859"],
13
+ number: ["#a06018", "#d4b870"],
14
+ function: ["#3a5e8c", "#7ba8d4"],
15
+ type: ["#6b4a8c", "#b08ed4"],
16
+ variable: ["#4a3520", "#EDE4D4"],
17
+ operator: ["#B88859", "#c4a882"],
18
+ constant: ["#a06018", "#d4b870"],
19
+ tag: ["#8c3a3a", "#d47a7a"],
20
+ attribute: ["#8C5927", "#d4a06a"],
21
+ property: ["#3a7c6b", "#70c4b0"],
22
+ punctuation: ["#B88859", "#6b5540"],
23
+ background: ["#FFFCF7", "#1c1610"]
24
+ }
25
+ });
26
+ var chocolateTheme = defineTheme({
27
+ name: "chocolate",
28
+ typography: {
29
+ scale: { base: 14, ratio: 1.2 },
30
+ body: {
31
+ family: "Albert Sans",
32
+ fallbacks: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif'
33
+ },
34
+ heading: {
35
+ family: "Fraunces",
36
+ fallbacks: 'Georgia, "Times New Roman", Times, serif',
37
+ weights: { 3: "bold", 4: "bold" }
38
+ },
39
+ code: {
40
+ family: "JetBrains Mono",
41
+ fallbacks: '"SF Mono", Monaco, Consolas, monospace'
42
+ }
43
+ },
44
+ motion: { fast: 125, medium: 300, slow: 700, ratio: 0.75 },
45
+ syntax: chocolateSyntax,
46
+ tokens: {
47
+ // =========================================================================
48
+ // Colors — warm chocolate palette
49
+ // Core: #8C5927, #B88859, #C4AC95, #EDE4D4, #FFFCF7
50
+ // =========================================================================
51
+ // Core semantic
52
+ "--color-accent": ["#8C5927", "#d4a06a"],
53
+ "--color-accent-muted": ["#8C592714", "#d4a06a20"],
54
+ "--color-neutral": ["#8C59270F", "#EDE4D41A"],
55
+ "--color-background-surface": ["#FFFCF7", "#1c1610"],
56
+ "--color-background-body": ["#FFFCF7", "#141010"],
57
+ "--color-overlay": ["#4a352080", "#140e0aCC"],
58
+ "--color-overlay-hover": ["#4a35200D", "#EDE4D40D"],
59
+ "--color-overlay-pressed": ["#4a35201A", "#EDE4D41A"],
60
+ "--color-background-muted": ["#EDE4D4", "#2a2018"],
61
+ // Text
62
+ "--color-text-primary": ["#4a3520", "#EDE4D4"],
63
+ "--color-text-secondary": ["#B88859", "#c4a882"],
64
+ "--color-text-disabled": ["#C4AC95", "#6b5540"],
65
+ "--color-text-accent": ["#8C5927", "#d4a06a"],
66
+ "--color-on-dark": "#FFFCF7",
67
+ "--color-on-light": "#4a3520",
68
+ "--color-on-accent": ["#FFFFFF", "#4a3520"],
69
+ "--color-on-success": ["#FFFFFF", "#4a3520"],
70
+ "--color-on-error": ["#FFFFFF", "#4a3520"],
71
+ "--color-on-warning": ["#4a3520", "#4a3520"],
72
+ // Icon
73
+ "--color-icon-accent": ["#8C5927", "#d4a06a"],
74
+ "--color-icon-primary": ["#4a3520", "#EDE4D4"],
75
+ "--color-icon-secondary": ["#B88859", "#c4a882"],
76
+ "--color-icon-disabled": ["#C4AC95", "#6b5540"],
77
+ // Surface variants
78
+ "--color-background-card": ["#EDE4D4", "#2a2018"],
79
+ "--color-background-popover": ["#FFFCF7", "#2a2018"],
80
+ "--color-background-inverted": ["#4a3520", "#EDE4D4"],
81
+ // Status / Sentiment
82
+ "--color-success": ["#709900", "#96bf2a"],
83
+ "--color-success-muted": ["#70990020", "#96bf2a20"],
84
+ "--color-error": ["#FD0000", "#ff5c5c"],
85
+ "--color-error-muted": ["#FD000020", "#ff5c5c20"],
86
+ "--color-warning": ["#FFB600", "#ffc940"],
87
+ "--color-warning-muted": ["#FFB60020", "#ffc94020"],
88
+ // Border
89
+ "--color-border": ["#C4AC95", "#EDE4D41A"],
90
+ "--color-border-emphasized": ["#B88859", "#6b5540"],
91
+ // Effects
92
+ "--color-skeleton": ["#C4AC95", "#6b5540"],
93
+ "--color-shadow": ["#4a35201A", "#0000004D"],
94
+ "--color-tint-hover": ["black", "white"],
95
+ // Categorical — Blue
96
+ "--color-background-blue": ["#3a5e8c33", "#3a5e8c33"],
97
+ "--color-border-blue": ["#3a5e8c", "#7ba8d4"],
98
+ "--color-icon-blue": ["#3a5e8c", "#7ba8d4"],
99
+ "--color-text-blue": ["#2e4a6e", "#8dbce0"],
100
+ // Categorical — Cyan
101
+ "--color-background-cyan": ["#3a7c7c33", "#3a7c7c33"],
102
+ "--color-border-cyan": ["#3a7c7c", "#70c4c4"],
103
+ "--color-icon-cyan": ["#3a7c7c", "#70c4c4"],
104
+ "--color-text-cyan": ["#2e6060", "#82d4d4"],
105
+ // Categorical — Gray
106
+ "--color-background-gray": ["#B8885933", "#6b554033"],
107
+ "--color-border-gray": ["#B88859", "#B88859"],
108
+ "--color-icon-gray": ["#B88859", "#c4a882"],
109
+ "--color-text-gray": ["#4a3520", "#EDE4D4"],
110
+ // Categorical — Green
111
+ "--color-background-green": ["#70990033", "#96bf2a33"],
112
+ "--color-border-green": ["#709900", "#96bf2a"],
113
+ "--color-icon-green": ["#709900", "#96bf2a"],
114
+ "--color-text-green": ["#5a7a00", "#a8d43a"],
115
+ // Categorical — Orange
116
+ "--color-background-orange": ["#c4762033", "#d4903a33"],
117
+ "--color-border-orange": ["#c47620", "#d4903a"],
118
+ "--color-icon-orange": ["#c47620", "#d4903a"],
119
+ "--color-text-orange": ["#a06018", "#e0a04a"],
120
+ // Categorical — Pink
121
+ "--color-background-pink": ["#c44a7033", "#e07a9a33"],
122
+ "--color-border-pink": ["#c44a70", "#e07a9a"],
123
+ "--color-icon-pink": ["#c44a70", "#e07a9a"],
124
+ "--color-text-pink": ["#a03a5a", "#f08aaa"],
125
+ // Categorical — Purple
126
+ "--color-background-purple": ["#6b4a8c33", "#b08ed433"],
127
+ "--color-border-purple": ["#6b4a8c", "#b08ed4"],
128
+ "--color-icon-purple": ["#6b4a8c", "#b08ed4"],
129
+ "--color-text-purple": ["#553a70", "#c0a0e0"],
130
+ // Categorical — Red
131
+ "--color-background-red": ["#FD000033", "#ff5c5c33"],
132
+ "--color-border-red": ["#FD0000", "#ff5c5c"],
133
+ "--color-icon-red": ["#FD0000", "#ff5c5c"],
134
+ "--color-text-red": ["#cc0000", "#ff7a7a"],
135
+ // Categorical — Teal
136
+ "--color-background-teal": ["#2e6b5a33", "#5ab89833"],
137
+ "--color-border-teal": ["#2e6b5a", "#5ab898"],
138
+ "--color-icon-teal": ["#2e6b5a", "#5ab898"],
139
+ "--color-text-teal": ["#245546", "#6ccaaa"],
140
+ // Categorical — Yellow
141
+ "--color-background-yellow": ["#FFB60033", "#ffc94033"],
142
+ "--color-border-yellow": ["#FFB600", "#ffc940"],
143
+ "--color-icon-yellow": ["#FFB600", "#ffc940"],
144
+ "--color-text-yellow": ["#cc9200", "#ffd960"],
145
+ // =========================================================================
146
+ // Radius — soft and rounded
147
+ // =========================================================================
148
+ "--radius-none": "0.125rem",
149
+ "--radius-inner": "0.375rem",
150
+ "--radius-element": "0.625rem",
151
+ "--radius-container": "0.75rem",
152
+ "--radius-page": "1.5rem",
153
+ "--radius-full": "9999px",
154
+ // =========================================================================
155
+ // Shadows — warm-toned
156
+ // =========================================================================
157
+ "--shadow-low": "0 2px 4px #4a35200D, 0 4px 8px #4a35201A",
158
+ "--shadow-med": "0 2px 4px #4a35200D, 0 4px 12px #4a35201A",
159
+ "--shadow-high": "0 4px 6px #4a35201A, 0 12px 24px #4a352026",
160
+ "--shadow-inset-hover": "inset 0px 0px 0px 2px #8C592730",
161
+ "--shadow-inset-selected": "inset 0px 0px 0px 2px #8C592750",
162
+ "--shadow-inset-success": "inset 0px 0px 0px 2px #70990050",
163
+ "--shadow-inset-warning": "inset 0px 0px 0px 2px #FFB60050",
164
+ "--shadow-inset-error": "inset 0px 0px 0px 2px #FD000050"
165
+ },
166
+ components: {
167
+ button: {
168
+ base: {
169
+ borderRadius: "var(--radius-full)"
170
+ },
171
+ "variant:secondary": {
172
+ borderWidth: "1px",
173
+ borderStyle: "solid",
174
+ borderColor: "var(--color-border-emphasized)"
175
+ }
176
+ },
177
+ card: {
178
+ base: {
179
+ padding: "var(--spacing-3)"
180
+ }
181
+ },
182
+ section: {
183
+ base: {
184
+ padding: "var(--spacing-3)"
185
+ }
186
+ }
187
+ },
188
+ icons: chocolateIconRegistry
189
+ });
190
+ export {
191
+ chocolateIconRegistry,
192
+ chocolateTheme
193
+ };