@polyxd/react 0.1.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.
Files changed (63) hide show
  1. package/LICENSE +202 -0
  2. package/NOTICE +177 -0
  3. package/README.md +39 -0
  4. package/dist/components/avatar.d.ts +10 -0
  5. package/dist/components/avatar.js +47 -0
  6. package/dist/components/avatar.js.map +1 -0
  7. package/dist/components/chart.d.ts +5 -0
  8. package/dist/components/chart.js +98 -0
  9. package/dist/components/chart.js.map +1 -0
  10. package/dist/components/content.d.ts +23 -0
  11. package/dist/components/content.js +108 -0
  12. package/dist/components/content.js.map +1 -0
  13. package/dist/components/filter.d.ts +9 -0
  14. package/dist/components/filter.js +97 -0
  15. package/dist/components/filter.js.map +1 -0
  16. package/dist/components/flow.d.ts +22 -0
  17. package/dist/components/flow.js +143 -0
  18. package/dist/components/flow.js.map +1 -0
  19. package/dist/components/index.d.ts +10 -0
  20. package/dist/components/index.js +19 -0
  21. package/dist/components/index.js.map +1 -0
  22. package/dist/components/inputs.d.ts +38 -0
  23. package/dist/components/inputs.js +230 -0
  24. package/dist/components/inputs.js.map +1 -0
  25. package/dist/components/navigation.d.ts +8 -0
  26. package/dist/components/navigation.js +51 -0
  27. package/dist/components/navigation.js.map +1 -0
  28. package/dist/components/structure.d.ts +25 -0
  29. package/dist/components/structure.js +58 -0
  30. package/dist/components/structure.js.map +1 -0
  31. package/dist/components/table.d.ts +9 -0
  32. package/dist/components/table.js +144 -0
  33. package/dist/components/table.js.map +1 -0
  34. package/dist/context.d.ts +93 -0
  35. package/dist/context.js +42 -0
  36. package/dist/context.js.map +1 -0
  37. package/dist/data.d.ts +26 -0
  38. package/dist/data.js +52 -0
  39. package/dist/data.js.map +1 -0
  40. package/dist/format.d.ts +12 -0
  41. package/dist/format.js +51 -0
  42. package/dist/format.js.map +1 -0
  43. package/dist/index.d.ts +5 -0
  44. package/dist/index.js +6 -0
  45. package/dist/index.js.map +1 -0
  46. package/dist/surface.d.ts +37 -0
  47. package/dist/surface.js +80 -0
  48. package/dist/surface.js.map +1 -0
  49. package/package.json +53 -0
  50. package/src/styles.css +2182 -0
  51. package/themes/antd.css +300 -0
  52. package/themes/bootstrap.css +300 -0
  53. package/themes/carbon.css +310 -0
  54. package/themes/chakra.css +300 -0
  55. package/themes/fluent.css +300 -0
  56. package/themes/govuk.css +150 -0
  57. package/themes/mantine.css +300 -0
  58. package/themes/material3.css +300 -0
  59. package/themes/polaris.css +300 -0
  60. package/themes/primer.css +300 -0
  61. package/themes/radix.css +300 -0
  62. package/themes/shadcn.css +300 -0
  63. package/themes/spectrum.css +300 -0
package/themes/radix.css ADDED
@@ -0,0 +1,300 @@
1
+ /* Generated by @polyxd/react scripts/build-themes.ts from the radix pack. Do not edit. */
2
+
3
+ [data-pxd-theme="radix"]:not([data-pxd-mode]),
4
+ [data-pxd-theme="radix"][data-pxd-mode="light"] {
5
+ --pxd-color-surface-default: #fcfcfd;
6
+ --pxd-color-surface-subtle: #f9f9fb;
7
+ --pxd-color-surface-raised: #f9f9fb;
8
+ --pxd-color-surface-overlay: #f9f9fb;
9
+ --pxd-color-surface-inverse: #1c2024;
10
+ --pxd-color-scrim: rgba(0, 0, 0, 0.6);
11
+ --pxd-color-text-default: #1c2024;
12
+ --pxd-color-text-muted: #60646c;
13
+ --pxd-color-text-inverse: #fcfcfd;
14
+ --pxd-color-text-link: #3a5bc7;
15
+ --pxd-color-border-default: #d9d9e0;
16
+ --pxd-color-border-strong: #8b8d98;
17
+ --pxd-color-border-focus: #3e63dd;
18
+ --pxd-color-action-primary-background: #3e63dd;
19
+ --pxd-color-action-primary-foreground: white;
20
+ --pxd-color-action-secondary-background: #f0f0f3;
21
+ --pxd-color-action-secondary-foreground: #1c2024;
22
+ --pxd-color-action-secondary-border: #cdced6;
23
+ --pxd-color-action-danger-background: #ce2c31;
24
+ --pxd-color-action-danger-foreground: #fcfcfd;
25
+ --pxd-color-selection-background: #e1e9ff;
26
+ --pxd-color-selection-foreground: #1f2d5c;
27
+ --pxd-color-status-info-background: #e6f4fe;
28
+ --pxd-color-status-info-foreground: #113264;
29
+ --pxd-color-status-info-emphasis: #0d74ce;
30
+ --pxd-color-status-success-background: #e6f6eb;
31
+ --pxd-color-status-success-foreground: #193b2d;
32
+ --pxd-color-status-success-emphasis: #218358;
33
+ --pxd-color-status-warning-background: #fff7c2;
34
+ --pxd-color-status-warning-foreground: #4f3422;
35
+ --pxd-color-status-warning-emphasis: #ab6400;
36
+ --pxd-color-status-danger-background: #feebec;
37
+ --pxd-color-status-danger-foreground: #641723;
38
+ --pxd-color-status-danger-emphasis: #ce2c31;
39
+ --pxd-color-data-categorical-1: #3a5bc7;
40
+ --pxd-color-data-categorical-2: #218358;
41
+ --pxd-color-data-categorical-3: #8145b5;
42
+ --pxd-color-data-categorical-4: #ab6400;
43
+ --pxd-color-data-categorical-5: #cb1d63;
44
+ --pxd-color-data-categorical-6: #107d98;
45
+ --pxd-color-data-positive: #218358;
46
+ --pxd-color-data-negative: #ce2c31;
47
+ --pxd-color-data-neutral: #60646c;
48
+ --pxd-type-title-page-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
49
+ --pxd-type-title-page-size: 28px;
50
+ --pxd-type-title-page-weight: 700;
51
+ --pxd-type-title-page-line-height: 36px;
52
+ --pxd-type-title-page-letter-spacing: 0px;
53
+ --pxd-type-title-section-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
54
+ --pxd-type-title-section-size: 20px;
55
+ --pxd-type-title-section-weight: 700;
56
+ --pxd-type-title-section-line-height: 28px;
57
+ --pxd-type-title-section-letter-spacing: 0px;
58
+ --pxd-type-title-item-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
59
+ --pxd-type-title-item-size: 16px;
60
+ --pxd-type-title-item-weight: 500;
61
+ --pxd-type-title-item-line-height: 24px;
62
+ --pxd-type-title-item-letter-spacing: 0px;
63
+ --pxd-type-body-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
64
+ --pxd-type-body-default-size: 16px;
65
+ --pxd-type-body-default-weight: 400;
66
+ --pxd-type-body-default-line-height: 24px;
67
+ --pxd-type-body-default-letter-spacing: 0px;
68
+ --pxd-type-body-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
69
+ --pxd-type-body-small-size: 14px;
70
+ --pxd-type-body-small-weight: 400;
71
+ --pxd-type-body-small-line-height: 20px;
72
+ --pxd-type-body-small-letter-spacing: 0px;
73
+ --pxd-type-label-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
74
+ --pxd-type-label-default-size: 14px;
75
+ --pxd-type-label-default-weight: 500;
76
+ --pxd-type-label-default-line-height: 20px;
77
+ --pxd-type-label-default-letter-spacing: 0px;
78
+ --pxd-type-label-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
79
+ --pxd-type-label-small-size: 12px;
80
+ --pxd-type-label-small-weight: 500;
81
+ --pxd-type-label-small-line-height: 16px;
82
+ --pxd-type-label-small-letter-spacing: 0px;
83
+ --pxd-type-numeric-display-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
84
+ --pxd-type-numeric-display-size: 35px;
85
+ --pxd-type-numeric-display-weight: 700;
86
+ --pxd-type-numeric-display-line-height: 40px;
87
+ --pxd-type-numeric-display-letter-spacing: 0px;
88
+ --pxd-space-inset-compact: 8px;
89
+ --pxd-space-inset-default: 12px;
90
+ --pxd-space-inset-comfortable: 24px;
91
+ --pxd-space-stack-tight: 4px;
92
+ --pxd-space-stack-default: 8px;
93
+ --pxd-space-stack-loose: 16px;
94
+ --pxd-space-stack-section: 32px;
95
+ --pxd-space-inline-tight: 4px;
96
+ --pxd-space-inline-default: 8px;
97
+ --pxd-space-inline-loose: 16px;
98
+ --pxd-size-target-min: 44px;
99
+ --pxd-size-icon-small: 14px;
100
+ --pxd-size-icon-default: 20px;
101
+ --pxd-radius-small: 0px;
102
+ --pxd-radius-control: 0px;
103
+ --pxd-radius-default: 0px;
104
+ --pxd-radius-large: 0px;
105
+ --pxd-radius-full: 9999px;
106
+ --pxd-border-width-default: 1px;
107
+ --pxd-border-width-strong: 2px;
108
+ --pxd-focus-ring-width: 2px;
109
+ --pxd-focus-ring-offset: 2px;
110
+ --pxd-measure-max: 65;
111
+ --pxd-opacity-state-hover: 0.06;
112
+ --pxd-opacity-state-pressed: 0.12;
113
+ --pxd-opacity-state-focus: 0.12;
114
+ --pxd-opacity-state-disabled: 0.5;
115
+ --pxd-shadow-raised: 0px 0px 0px 1px #00002f26, 0px 0px 0px 0.5px rgba(0, 0, 0, 0.15), 0px 1px 1px 0px rgba(0, 0, 0, 0.4), 0px 2px 1px -1px rgba(0, 0, 0, 0.4), 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
116
+ --pxd-shadow-overlay: 0px 0px 0px 1px #00002f26, 0px 12px 60px 0px rgba(0, 0, 0, 0.3), 0px 12px 32px -16px rgba(0, 0, 0, 0.5);
117
+ --pxd-motion-duration-instant: 100ms;
118
+ --pxd-motion-duration-short: 150ms;
119
+ --pxd-motion-duration-medium: 200ms;
120
+ --pxd-motion-duration-long: 300ms;
121
+ --pxd-motion-easing-standard: cubic-bezier(0.45, 0, 0.55, 1);
122
+ --pxd-motion-easing-enter: cubic-bezier(0.16, 1, 0.3, 1);
123
+ --pxd-motion-easing-exit: cubic-bezier(0.7, 0, 0.84, 0);
124
+
125
+ /* shadcn/ui variable names, so shadcn components follow this pack too */
126
+ --background: var(--pxd-color-surface-default);
127
+ --foreground: var(--pxd-color-text-default);
128
+ --card: var(--pxd-color-surface-raised);
129
+ --card-foreground: var(--pxd-color-text-default);
130
+ --popover: var(--pxd-color-surface-overlay);
131
+ --popover-foreground: var(--pxd-color-text-default);
132
+ --primary: var(--pxd-color-action-primary-background);
133
+ --primary-foreground: var(--pxd-color-action-primary-foreground);
134
+ --secondary: var(--pxd-color-action-secondary-background);
135
+ --secondary-foreground: var(--pxd-color-action-secondary-foreground);
136
+ --muted: var(--pxd-color-surface-subtle);
137
+ --muted-foreground: var(--pxd-color-text-muted);
138
+ --accent: var(--pxd-color-selection-background);
139
+ --accent-foreground: var(--pxd-color-selection-foreground);
140
+ --destructive: var(--pxd-color-action-danger-background);
141
+ --border: var(--pxd-color-border-default);
142
+ --input: var(--pxd-color-border-strong);
143
+ --ring: var(--pxd-color-border-focus);
144
+ --radius: var(--pxd-radius-default);
145
+ --chart-1: var(--pxd-color-data-categorical-1);
146
+ --chart-2: var(--pxd-color-data-categorical-2);
147
+ --chart-3: var(--pxd-color-data-categorical-3);
148
+ --chart-4: var(--pxd-color-data-categorical-4);
149
+ --chart-5: var(--pxd-color-data-categorical-5);
150
+ color-scheme: light;
151
+ }
152
+
153
+ [data-pxd-theme="radix"][data-pxd-mode="dark"] {
154
+ --pxd-color-surface-default: #111113;
155
+ --pxd-color-surface-subtle: #18191b;
156
+ --pxd-color-surface-raised: #18191b;
157
+ --pxd-color-surface-overlay: #18191b;
158
+ --pxd-color-surface-inverse: #edeef0;
159
+ --pxd-color-scrim: rgba(0, 0, 0, 0.6);
160
+ --pxd-color-text-default: #edeef0;
161
+ --pxd-color-text-muted: #b0b4ba;
162
+ --pxd-color-text-inverse: #111113;
163
+ --pxd-color-text-link: #9eb1ff;
164
+ --pxd-color-border-default: #363a3f;
165
+ --pxd-color-border-strong: #696e77;
166
+ --pxd-color-border-focus: #3e63dd;
167
+ --pxd-color-action-primary-background: #3e63dd;
168
+ --pxd-color-action-primary-foreground: white;
169
+ --pxd-color-action-secondary-background: #212225;
170
+ --pxd-color-action-secondary-foreground: #edeef0;
171
+ --pxd-color-action-secondary-border: #43484e;
172
+ --pxd-color-action-danger-background: #ff9592;
173
+ --pxd-color-action-danger-foreground: #111113;
174
+ --pxd-color-selection-background: #1d2e62;
175
+ --pxd-color-selection-foreground: #d6e1ff;
176
+ --pxd-color-status-info-background: #0d2847;
177
+ --pxd-color-status-info-foreground: #c2e6ff;
178
+ --pxd-color-status-info-emphasis: #70b8ff;
179
+ --pxd-color-status-success-background: #132d21;
180
+ --pxd-color-status-success-foreground: #b1f1cb;
181
+ --pxd-color-status-success-emphasis: #3dd68c;
182
+ --pxd-color-status-warning-background: #302008;
183
+ --pxd-color-status-warning-foreground: #ffe7b3;
184
+ --pxd-color-status-warning-emphasis: #ffca16;
185
+ --pxd-color-status-danger-background: #3b1219;
186
+ --pxd-color-status-danger-foreground: #ffd1d9;
187
+ --pxd-color-status-danger-emphasis: #ff9592;
188
+ --pxd-color-data-categorical-1: #9eb1ff;
189
+ --pxd-color-data-categorical-2: #3dd68c;
190
+ --pxd-color-data-categorical-3: #d19dff;
191
+ --pxd-color-data-categorical-4: #ffca16;
192
+ --pxd-color-data-categorical-5: #ff92ad;
193
+ --pxd-color-data-categorical-6: #4ccce6;
194
+ --pxd-color-data-positive: #3dd68c;
195
+ --pxd-color-data-negative: #ff9592;
196
+ --pxd-color-data-neutral: #b0b4ba;
197
+ --pxd-type-title-page-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
198
+ --pxd-type-title-page-size: 28px;
199
+ --pxd-type-title-page-weight: 700;
200
+ --pxd-type-title-page-line-height: 36px;
201
+ --pxd-type-title-page-letter-spacing: 0px;
202
+ --pxd-type-title-section-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
203
+ --pxd-type-title-section-size: 20px;
204
+ --pxd-type-title-section-weight: 700;
205
+ --pxd-type-title-section-line-height: 28px;
206
+ --pxd-type-title-section-letter-spacing: 0px;
207
+ --pxd-type-title-item-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
208
+ --pxd-type-title-item-size: 16px;
209
+ --pxd-type-title-item-weight: 500;
210
+ --pxd-type-title-item-line-height: 24px;
211
+ --pxd-type-title-item-letter-spacing: 0px;
212
+ --pxd-type-body-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
213
+ --pxd-type-body-default-size: 16px;
214
+ --pxd-type-body-default-weight: 400;
215
+ --pxd-type-body-default-line-height: 24px;
216
+ --pxd-type-body-default-letter-spacing: 0px;
217
+ --pxd-type-body-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
218
+ --pxd-type-body-small-size: 14px;
219
+ --pxd-type-body-small-weight: 400;
220
+ --pxd-type-body-small-line-height: 20px;
221
+ --pxd-type-body-small-letter-spacing: 0px;
222
+ --pxd-type-label-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
223
+ --pxd-type-label-default-size: 14px;
224
+ --pxd-type-label-default-weight: 500;
225
+ --pxd-type-label-default-line-height: 20px;
226
+ --pxd-type-label-default-letter-spacing: 0px;
227
+ --pxd-type-label-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
228
+ --pxd-type-label-small-size: 12px;
229
+ --pxd-type-label-small-weight: 500;
230
+ --pxd-type-label-small-line-height: 16px;
231
+ --pxd-type-label-small-letter-spacing: 0px;
232
+ --pxd-type-numeric-display-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
233
+ --pxd-type-numeric-display-size: 35px;
234
+ --pxd-type-numeric-display-weight: 700;
235
+ --pxd-type-numeric-display-line-height: 40px;
236
+ --pxd-type-numeric-display-letter-spacing: 0px;
237
+ --pxd-space-inset-compact: 8px;
238
+ --pxd-space-inset-default: 12px;
239
+ --pxd-space-inset-comfortable: 24px;
240
+ --pxd-space-stack-tight: 4px;
241
+ --pxd-space-stack-default: 8px;
242
+ --pxd-space-stack-loose: 16px;
243
+ --pxd-space-stack-section: 32px;
244
+ --pxd-space-inline-tight: 4px;
245
+ --pxd-space-inline-default: 8px;
246
+ --pxd-space-inline-loose: 16px;
247
+ --pxd-size-target-min: 44px;
248
+ --pxd-size-icon-small: 14px;
249
+ --pxd-size-icon-default: 20px;
250
+ --pxd-radius-small: 0px;
251
+ --pxd-radius-control: 0px;
252
+ --pxd-radius-default: 0px;
253
+ --pxd-radius-large: 0px;
254
+ --pxd-radius-full: 9999px;
255
+ --pxd-border-width-default: 1px;
256
+ --pxd-border-width-strong: 2px;
257
+ --pxd-focus-ring-width: 2px;
258
+ --pxd-focus-ring-offset: 2px;
259
+ --pxd-measure-max: 65;
260
+ --pxd-opacity-state-hover: 0.06;
261
+ --pxd-opacity-state-pressed: 0.12;
262
+ --pxd-opacity-state-focus: 0.12;
263
+ --pxd-opacity-state-disabled: 0.5;
264
+ --pxd-shadow-raised: 0px 0px 0px 1px #d6ebfd30, 0px 0px 0px 0.5px rgba(0, 0, 0, 0.15), 0px 1px 1px 0px rgba(0, 0, 0, 0.4), 0px 2px 1px -1px rgba(0, 0, 0, 0.4), 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
265
+ --pxd-shadow-overlay: 0px 0px 0px 1px #d6ebfd30, 0px 12px 60px 0px rgba(0, 0, 0, 0.3), 0px 12px 32px -16px rgba(0, 0, 0, 0.5);
266
+ --pxd-motion-duration-instant: 100ms;
267
+ --pxd-motion-duration-short: 150ms;
268
+ --pxd-motion-duration-medium: 200ms;
269
+ --pxd-motion-duration-long: 300ms;
270
+ --pxd-motion-easing-standard: cubic-bezier(0.45, 0, 0.55, 1);
271
+ --pxd-motion-easing-enter: cubic-bezier(0.16, 1, 0.3, 1);
272
+ --pxd-motion-easing-exit: cubic-bezier(0.7, 0, 0.84, 0);
273
+
274
+ /* shadcn/ui variable names, so shadcn components follow this pack too */
275
+ --background: var(--pxd-color-surface-default);
276
+ --foreground: var(--pxd-color-text-default);
277
+ --card: var(--pxd-color-surface-raised);
278
+ --card-foreground: var(--pxd-color-text-default);
279
+ --popover: var(--pxd-color-surface-overlay);
280
+ --popover-foreground: var(--pxd-color-text-default);
281
+ --primary: var(--pxd-color-action-primary-background);
282
+ --primary-foreground: var(--pxd-color-action-primary-foreground);
283
+ --secondary: var(--pxd-color-action-secondary-background);
284
+ --secondary-foreground: var(--pxd-color-action-secondary-foreground);
285
+ --muted: var(--pxd-color-surface-subtle);
286
+ --muted-foreground: var(--pxd-color-text-muted);
287
+ --accent: var(--pxd-color-selection-background);
288
+ --accent-foreground: var(--pxd-color-selection-foreground);
289
+ --destructive: var(--pxd-color-action-danger-background);
290
+ --border: var(--pxd-color-border-default);
291
+ --input: var(--pxd-color-border-strong);
292
+ --ring: var(--pxd-color-border-focus);
293
+ --radius: var(--pxd-radius-default);
294
+ --chart-1: var(--pxd-color-data-categorical-1);
295
+ --chart-2: var(--pxd-color-data-categorical-2);
296
+ --chart-3: var(--pxd-color-data-categorical-3);
297
+ --chart-4: var(--pxd-color-data-categorical-4);
298
+ --chart-5: var(--pxd-color-data-categorical-5);
299
+ color-scheme: dark;
300
+ }
package/themes/shadcn.css ADDED
@@ -0,0 +1,300 @@
1
+ /* Generated by @polyxd/react scripts/build-themes.ts from the shadcn pack. Do not edit. */
2
+
3
+ [data-pxd-theme="shadcn"]:not([data-pxd-mode]),
4
+ [data-pxd-theme="shadcn"][data-pxd-mode="light"] {
5
+ --pxd-color-surface-default: oklch(1 0 0);
6
+ --pxd-color-surface-subtle: oklch(0.97 0 0);
7
+ --pxd-color-surface-raised: oklch(1 0 0);
8
+ --pxd-color-surface-overlay: oklch(1 0 0);
9
+ --pxd-color-surface-inverse: oklch(0% 0 0);
10
+ --pxd-color-scrim: rgba(0, 0, 0, 0.5);
11
+ --pxd-color-text-default: oklch(0% 0 0);
12
+ --pxd-color-text-muted: oklch(44.2% 0.017 285.786);
13
+ --pxd-color-text-inverse: oklch(0.985 0 0);
14
+ --pxd-color-text-link: oklch(0% 0 0);
15
+ --pxd-color-border-default: oklch(0.922 0 0);
16
+ --pxd-color-border-strong: oklch(55.2% 0.016 285.938);
17
+ --pxd-color-border-focus: oklch(44.2% 0.017 285.786);
18
+ --pxd-color-action-primary-background: oklch(0% 0 0);
19
+ --pxd-color-action-primary-foreground: oklch(0.985 0 0);
20
+ --pxd-color-action-secondary-background: oklch(0.97 0 0);
21
+ --pxd-color-action-secondary-foreground: oklch(0.205 0 0);
22
+ --pxd-color-action-secondary-border: oklch(0.922 0 0);
23
+ --pxd-color-action-danger-background: oklch(0.577 0.245 27.325);
24
+ --pxd-color-action-danger-foreground: oklch(1 0 0);
25
+ --pxd-color-selection-background: oklch(0.97 0 0);
26
+ --pxd-color-selection-foreground: oklch(0.205 0 0);
27
+ --pxd-color-status-info-background: oklch(97% 0.014 254.604);
28
+ --pxd-color-status-info-foreground: oklch(48.8% 0.243 264.376);
29
+ --pxd-color-status-info-emphasis: oklch(54.6% 0.245 262.881);
30
+ --pxd-color-status-success-background: oklch(98.2% 0.018 155.826);
31
+ --pxd-color-status-success-foreground: oklch(52.7% 0.154 150.069);
32
+ --pxd-color-status-success-emphasis: oklch(62.7% 0.194 149.214);
33
+ --pxd-color-status-warning-background: oklch(98.7% 0.022 95.277);
34
+ --pxd-color-status-warning-foreground: oklch(47.3% 0.137 46.201);
35
+ --pxd-color-status-warning-emphasis: oklch(66.6% 0.179 58.318);
36
+ --pxd-color-status-danger-background: oklch(97.1% 0.013 17.38);
37
+ --pxd-color-status-danger-foreground: oklch(50.5% 0.213 27.518);
38
+ --pxd-color-status-danger-emphasis: oklch(57.7% 0.245 27.325);
39
+ --pxd-color-data-categorical-1: oklch(54.6% 0.245 262.881);
40
+ --pxd-color-data-categorical-2: oklch(59.6% 0.145 163.225);
41
+ --pxd-color-data-categorical-3: oklch(54.1% 0.281 293.009);
42
+ --pxd-color-data-categorical-4: oklch(66.6% 0.179 58.318);
43
+ --pxd-color-data-categorical-5: oklch(58.6% 0.253 17.585);
44
+ --pxd-color-data-categorical-6: oklch(60% 0.118 184.704);
45
+ --pxd-color-data-positive: oklch(62.7% 0.194 149.214);
46
+ --pxd-color-data-negative: oklch(57.7% 0.245 27.325);
47
+ --pxd-color-data-neutral: oklch(55.2% 0.016 285.938);
48
+ --pxd-type-title-page-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
49
+ --pxd-type-title-page-size: 30px;
50
+ --pxd-type-title-page-weight: 600;
51
+ --pxd-type-title-page-line-height: 1.5;
52
+ --pxd-type-title-page-letter-spacing: 0px;
53
+ --pxd-type-title-section-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
54
+ --pxd-type-title-section-size: 20px;
55
+ --pxd-type-title-section-weight: 600;
56
+ --pxd-type-title-section-line-height: 1.5;
57
+ --pxd-type-title-section-letter-spacing: 0px;
58
+ --pxd-type-title-item-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
59
+ --pxd-type-title-item-size: 16px;
60
+ --pxd-type-title-item-weight: 600;
61
+ --pxd-type-title-item-line-height: 1.5;
62
+ --pxd-type-title-item-letter-spacing: 0px;
63
+ --pxd-type-body-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
64
+ --pxd-type-body-default-size: 16px;
65
+ --pxd-type-body-default-weight: 400;
66
+ --pxd-type-body-default-line-height: 1.5;
67
+ --pxd-type-body-default-letter-spacing: 0px;
68
+ --pxd-type-body-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
69
+ --pxd-type-body-small-size: 14px;
70
+ --pxd-type-body-small-weight: 400;
71
+ --pxd-type-body-small-line-height: 1.5;
72
+ --pxd-type-body-small-letter-spacing: 0px;
73
+ --pxd-type-label-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
74
+ --pxd-type-label-default-size: 14px;
75
+ --pxd-type-label-default-weight: 500;
76
+ --pxd-type-label-default-line-height: 1.5;
77
+ --pxd-type-label-default-letter-spacing: 0px;
78
+ --pxd-type-label-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
79
+ --pxd-type-label-small-size: 12px;
80
+ --pxd-type-label-small-weight: 500;
81
+ --pxd-type-label-small-line-height: 1.5;
82
+ --pxd-type-label-small-letter-spacing: 0px;
83
+ --pxd-type-numeric-display-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
84
+ --pxd-type-numeric-display-size: 24px;
85
+ --pxd-type-numeric-display-weight: 600;
86
+ --pxd-type-numeric-display-line-height: 1.5;
87
+ --pxd-type-numeric-display-letter-spacing: 0px;
88
+ --pxd-space-inset-compact: 8px;
89
+ --pxd-space-inset-default: 16px;
90
+ --pxd-space-inset-comfortable: 24px;
91
+ --pxd-space-stack-tight: 4px;
92
+ --pxd-space-stack-default: 8px;
93
+ --pxd-space-stack-loose: 16px;
94
+ --pxd-space-stack-section: 32px;
95
+ --pxd-space-inline-tight: 4px;
96
+ --pxd-space-inline-default: 8px;
97
+ --pxd-space-inline-loose: 16px;
98
+ --pxd-size-target-min: 44px;
99
+ --pxd-size-icon-small: 14px;
100
+ --pxd-size-icon-default: 18px;
101
+ --pxd-radius-small: 6px;
102
+ --pxd-radius-control: 8px;
103
+ --pxd-radius-default: 8px;
104
+ --pxd-radius-large: 10px;
105
+ --pxd-radius-full: 9999px;
106
+ --pxd-border-width-default: 1px;
107
+ --pxd-border-width-strong: 2px;
108
+ --pxd-focus-ring-width: 3px;
109
+ --pxd-focus-ring-offset: 2px;
110
+ --pxd-measure-max: 65;
111
+ --pxd-opacity-state-hover: 0.05;
112
+ --pxd-opacity-state-pressed: 0.1;
113
+ --pxd-opacity-state-focus: 0.12;
114
+ --pxd-opacity-state-disabled: 0.5;
115
+ --pxd-shadow-raised: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
116
+ --pxd-shadow-overlay: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
117
+ --pxd-motion-duration-instant: 75ms;
118
+ --pxd-motion-duration-short: 150ms;
119
+ --pxd-motion-duration-medium: 200ms;
120
+ --pxd-motion-duration-long: 300ms;
121
+ --pxd-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
122
+ --pxd-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
123
+ --pxd-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
124
+
125
+ /* shadcn/ui variable names, so shadcn components follow this pack too */
126
+ --background: var(--pxd-color-surface-default);
127
+ --foreground: var(--pxd-color-text-default);
128
+ --card: var(--pxd-color-surface-raised);
129
+ --card-foreground: var(--pxd-color-text-default);
130
+ --popover: var(--pxd-color-surface-overlay);
131
+ --popover-foreground: var(--pxd-color-text-default);
132
+ --primary: var(--pxd-color-action-primary-background);
133
+ --primary-foreground: var(--pxd-color-action-primary-foreground);
134
+ --secondary: var(--pxd-color-action-secondary-background);
135
+ --secondary-foreground: var(--pxd-color-action-secondary-foreground);
136
+ --muted: var(--pxd-color-surface-subtle);
137
+ --muted-foreground: var(--pxd-color-text-muted);
138
+ --accent: var(--pxd-color-selection-background);
139
+ --accent-foreground: var(--pxd-color-selection-foreground);
140
+ --destructive: var(--pxd-color-action-danger-background);
141
+ --border: var(--pxd-color-border-default);
142
+ --input: var(--pxd-color-border-strong);
143
+ --ring: var(--pxd-color-border-focus);
144
+ --radius: var(--pxd-radius-default);
145
+ --chart-1: var(--pxd-color-data-categorical-1);
146
+ --chart-2: var(--pxd-color-data-categorical-2);
147
+ --chart-3: var(--pxd-color-data-categorical-3);
148
+ --chart-4: var(--pxd-color-data-categorical-4);
149
+ --chart-5: var(--pxd-color-data-categorical-5);
150
+ color-scheme: light;
151
+ }
152
+
153
+ [data-pxd-theme="shadcn"][data-pxd-mode="dark"] {
154
+ --pxd-color-surface-default: oklch(0.145 0 0);
155
+ --pxd-color-surface-subtle: oklch(0.269 0 0);
156
+ --pxd-color-surface-raised: oklch(0.205 0 0);
157
+ --pxd-color-surface-overlay: oklch(0.205 0 0);
158
+ --pxd-color-surface-inverse: oklch(0.922 0 0);
159
+ --pxd-color-scrim: rgba(0, 0, 0, 0.5);
160
+ --pxd-color-text-default: oklch(0.985 0 0);
161
+ --pxd-color-text-muted: oklch(0.708 0 0);
162
+ --pxd-color-text-inverse: oklch(0.205 0 0);
163
+ --pxd-color-text-link: oklch(0.985 0 0);
164
+ --pxd-color-border-default: oklch(1 0 0 / 10%);
165
+ --pxd-color-border-strong: oklch(0.556 0 0);
166
+ --pxd-color-border-focus: oklch(0.556 0 0);
167
+ --pxd-color-action-primary-background: oklch(0.922 0 0);
168
+ --pxd-color-action-primary-foreground: oklch(0.205 0 0);
169
+ --pxd-color-action-secondary-background: oklch(0.269 0 0);
170
+ --pxd-color-action-secondary-foreground: oklch(0.985 0 0);
171
+ --pxd-color-action-secondary-border: oklch(1 0 0 / 10%);
172
+ --pxd-color-action-danger-background: oklch(0.704 0.191 22.216);
173
+ --pxd-color-action-danger-foreground: oklch(0.145 0 0);
174
+ --pxd-color-selection-background: oklch(0.371 0 0);
175
+ --pxd-color-selection-foreground: oklch(0.985 0 0);
176
+ --pxd-color-status-info-background: oklch(28.2% 0.091 267.935);
177
+ --pxd-color-status-info-foreground: oklch(80.9% 0.105 251.813);
178
+ --pxd-color-status-info-emphasis: oklch(70.7% 0.165 254.624);
179
+ --pxd-color-status-success-background: oklch(26.6% 0.065 152.934);
180
+ --pxd-color-status-success-foreground: oklch(87.1% 0.15 154.449);
181
+ --pxd-color-status-success-emphasis: oklch(79.2% 0.209 151.711);
182
+ --pxd-color-status-warning-background: oklch(27.9% 0.077 45.635);
183
+ --pxd-color-status-warning-foreground: oklch(87.9% 0.169 91.605);
184
+ --pxd-color-status-warning-emphasis: oklch(82.8% 0.189 84.429);
185
+ --pxd-color-status-danger-background: oklch(25.8% 0.092 26.042);
186
+ --pxd-color-status-danger-foreground: oklch(80.8% 0.114 19.571);
187
+ --pxd-color-status-danger-emphasis: oklch(70.4% 0.191 22.216);
188
+ --pxd-color-data-categorical-1: oklch(70.7% 0.165 254.624);
189
+ --pxd-color-data-categorical-2: oklch(76.5% 0.177 163.223);
190
+ --pxd-color-data-categorical-3: oklch(70.2% 0.183 293.541);
191
+ --pxd-color-data-categorical-4: oklch(82.8% 0.189 84.429);
192
+ --pxd-color-data-categorical-5: oklch(71.2% 0.194 13.428);
193
+ --pxd-color-data-categorical-6: oklch(77.7% 0.152 181.912);
194
+ --pxd-color-data-positive: oklch(79.2% 0.209 151.711);
195
+ --pxd-color-data-negative: oklch(70.4% 0.191 22.216);
196
+ --pxd-color-data-neutral: oklch(70.5% 0.015 286.067);
197
+ --pxd-type-title-page-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
198
+ --pxd-type-title-page-size: 30px;
199
+ --pxd-type-title-page-weight: 600;
200
+ --pxd-type-title-page-line-height: 1.5;
201
+ --pxd-type-title-page-letter-spacing: 0px;
202
+ --pxd-type-title-section-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
203
+ --pxd-type-title-section-size: 20px;
204
+ --pxd-type-title-section-weight: 600;
205
+ --pxd-type-title-section-line-height: 1.5;
206
+ --pxd-type-title-section-letter-spacing: 0px;
207
+ --pxd-type-title-item-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
208
+ --pxd-type-title-item-size: 16px;
209
+ --pxd-type-title-item-weight: 600;
210
+ --pxd-type-title-item-line-height: 1.5;
211
+ --pxd-type-title-item-letter-spacing: 0px;
212
+ --pxd-type-body-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
213
+ --pxd-type-body-default-size: 16px;
214
+ --pxd-type-body-default-weight: 400;
215
+ --pxd-type-body-default-line-height: 1.5;
216
+ --pxd-type-body-default-letter-spacing: 0px;
217
+ --pxd-type-body-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
218
+ --pxd-type-body-small-size: 14px;
219
+ --pxd-type-body-small-weight: 400;
220
+ --pxd-type-body-small-line-height: 1.5;
221
+ --pxd-type-body-small-letter-spacing: 0px;
222
+ --pxd-type-label-default-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
223
+ --pxd-type-label-default-size: 14px;
224
+ --pxd-type-label-default-weight: 500;
225
+ --pxd-type-label-default-line-height: 1.5;
226
+ --pxd-type-label-default-letter-spacing: 0px;
227
+ --pxd-type-label-small-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
228
+ --pxd-type-label-small-size: 12px;
229
+ --pxd-type-label-small-weight: 500;
230
+ --pxd-type-label-small-line-height: 1.5;
231
+ --pxd-type-label-small-letter-spacing: 0px;
232
+ --pxd-type-numeric-display-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
233
+ --pxd-type-numeric-display-size: 24px;
234
+ --pxd-type-numeric-display-weight: 600;
235
+ --pxd-type-numeric-display-line-height: 1.5;
236
+ --pxd-type-numeric-display-letter-spacing: 0px;
237
+ --pxd-space-inset-compact: 8px;
238
+ --pxd-space-inset-default: 16px;
239
+ --pxd-space-inset-comfortable: 24px;
240
+ --pxd-space-stack-tight: 4px;
241
+ --pxd-space-stack-default: 8px;
242
+ --pxd-space-stack-loose: 16px;
243
+ --pxd-space-stack-section: 32px;
244
+ --pxd-space-inline-tight: 4px;
245
+ --pxd-space-inline-default: 8px;
246
+ --pxd-space-inline-loose: 16px;
247
+ --pxd-size-target-min: 44px;
248
+ --pxd-size-icon-small: 14px;
249
+ --pxd-size-icon-default: 18px;
250
+ --pxd-radius-small: 6px;
251
+ --pxd-radius-control: 8px;
252
+ --pxd-radius-default: 8px;
253
+ --pxd-radius-large: 10px;
254
+ --pxd-radius-full: 9999px;
255
+ --pxd-border-width-default: 1px;
256
+ --pxd-border-width-strong: 2px;
257
+ --pxd-focus-ring-width: 3px;
258
+ --pxd-focus-ring-offset: 2px;
259
+ --pxd-measure-max: 65;
260
+ --pxd-opacity-state-hover: 0.05;
261
+ --pxd-opacity-state-pressed: 0.1;
262
+ --pxd-opacity-state-focus: 0.12;
263
+ --pxd-opacity-state-disabled: 0.5;
264
+ --pxd-shadow-raised: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
265
+ --pxd-shadow-overlay: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
266
+ --pxd-motion-duration-instant: 75ms;
267
+ --pxd-motion-duration-short: 150ms;
268
+ --pxd-motion-duration-medium: 200ms;
269
+ --pxd-motion-duration-long: 300ms;
270
+ --pxd-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
271
+ --pxd-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
272
+ --pxd-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
273
+
274
+ /* shadcn/ui variable names, so shadcn components follow this pack too */
275
+ --background: var(--pxd-color-surface-default);
276
+ --foreground: var(--pxd-color-text-default);
277
+ --card: var(--pxd-color-surface-raised);
278
+ --card-foreground: var(--pxd-color-text-default);
279
+ --popover: var(--pxd-color-surface-overlay);
280
+ --popover-foreground: var(--pxd-color-text-default);
281
+ --primary: var(--pxd-color-action-primary-background);
282
+ --primary-foreground: var(--pxd-color-action-primary-foreground);
283
+ --secondary: var(--pxd-color-action-secondary-background);
284
+ --secondary-foreground: var(--pxd-color-action-secondary-foreground);
285
+ --muted: var(--pxd-color-surface-subtle);
286
+ --muted-foreground: var(--pxd-color-text-muted);
287
+ --accent: var(--pxd-color-selection-background);
288
+ --accent-foreground: var(--pxd-color-selection-foreground);
289
+ --destructive: var(--pxd-color-action-danger-background);
290
+ --border: var(--pxd-color-border-default);
291
+ --input: var(--pxd-color-border-strong);
292
+ --ring: var(--pxd-color-border-focus);
293
+ --radius: var(--pxd-radius-default);
294
+ --chart-1: var(--pxd-color-data-categorical-1);
295
+ --chart-2: var(--pxd-color-data-categorical-2);
296
+ --chart-3: var(--pxd-color-data-categorical-3);
297
+ --chart-4: var(--pxd-color-data-categorical-4);
298
+ --chart-5: var(--pxd-color-data-categorical-5);
299
+ color-scheme: dark;
300
+ }