@astryxdesign/theme-y2k 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.
package/dist/y2k.js ADDED
@@ -0,0 +1,209 @@
1
+ /**
2
+ * @generated by `astryx theme build` — do not edit manually.
3
+ * Source: src/y2kTheme.ts
4
+ * Command: astryx theme build src/y2kTheme.ts --out dist/theme.css
5
+ * Generated: 2026-06-24T18:16:21.621Z
6
+ */
7
+
8
+ import { y2kIconRegistry } from './icons';
9
+ /**
10
+ * y2k theme — built by `pnpm exec astryx theme build`
11
+ * Import the CSS file alongside this module:
12
+ *
13
+ * import { y2kTheme } from './y2k';
14
+ * import './y2k.css';
15
+ */
16
+ export const y2kTheme = {
17
+ name: 'y2k',
18
+ __built: true,
19
+ tokens: {
20
+ "--font-size-4xs": "0.3125rem",
21
+ "--font-size-3xs": "0.4375rem",
22
+ "--font-size-2xs": "0.5rem",
23
+ "--font-size-xs": "0.625rem",
24
+ "--font-size-sm": "0.8125rem",
25
+ "--font-size-base": "1rem",
26
+ "--font-size-lg": "1.25rem",
27
+ "--font-size-xl": "1.5625rem",
28
+ "--font-size-2xl": "1.9375rem",
29
+ "--font-size-3xl": "2.4375rem",
30
+ "--font-size-4xl": "3.0625rem",
31
+ "--font-size-5xl": "3.8125rem",
32
+ "--text-heading-1-size": "var(--font-size-2xl)",
33
+ "--text-heading-1-weight": "var(--font-weight-semibold)",
34
+ "--text-heading-1-leading": "1.4194",
35
+ "--text-heading-2-size": "var(--font-size-xl)",
36
+ "--text-heading-2-weight": "var(--font-weight-semibold)",
37
+ "--text-heading-2-leading": "1.44",
38
+ "--text-heading-3-size": "var(--font-size-lg)",
39
+ "--text-heading-3-weight": "var(--font-weight-semibold)",
40
+ "--text-heading-3-leading": "1.4",
41
+ "--text-heading-4-size": "var(--font-size-base)",
42
+ "--text-heading-4-weight": "var(--font-weight-semibold)",
43
+ "--text-heading-4-leading": "1.5",
44
+ "--text-heading-5-size": "var(--font-size-sm)",
45
+ "--text-heading-5-weight": "var(--font-weight-semibold)",
46
+ "--text-heading-5-leading": "1.5385",
47
+ "--text-heading-6-size": "var(--font-size-xs)",
48
+ "--text-heading-6-weight": "var(--font-weight-semibold)",
49
+ "--text-heading-6-leading": "1.6",
50
+ "--text-body-size": "var(--font-size-base)",
51
+ "--text-body-weight": "var(--font-weight-normal)",
52
+ "--text-body-leading": "1.5",
53
+ "--text-large-size": "var(--font-size-lg)",
54
+ "--text-large-weight": "var(--font-weight-semibold)",
55
+ "--text-large-leading": "1.4",
56
+ "--text-label-size": "var(--font-size-base)",
57
+ "--text-label-weight": "var(--font-weight-medium)",
58
+ "--text-label-leading": "1.5",
59
+ "--text-code-size": "var(--font-size-base)",
60
+ "--text-code-weight": "var(--font-weight-normal)",
61
+ "--text-code-leading": "1.5",
62
+ "--text-supporting-size": "12px",
63
+ "--text-supporting-weight": "var(--font-weight-normal)",
64
+ "--text-supporting-leading": "1.5385",
65
+ "--text-display-1-size": "var(--font-size-5xl)",
66
+ "--text-display-1-weight": "var(--font-weight-normal)",
67
+ "--text-display-1-leading": "1.2459",
68
+ "--text-display-2-size": "var(--font-size-4xl)",
69
+ "--text-display-2-weight": "var(--font-weight-normal)",
70
+ "--text-display-2-leading": "1.2245",
71
+ "--text-display-3-size": "var(--font-size-3xl)",
72
+ "--text-display-3-weight": "var(--font-weight-normal)",
73
+ "--text-display-3-leading": "1.2308",
74
+ "--radius-none": "0px",
75
+ "--radius-inner": "0px",
76
+ "--radius-element": "0px",
77
+ "--radius-container": "0px",
78
+ "--radius-page": "0px",
79
+ "--radius-chat": "0px",
80
+ "--radius-full": "0px",
81
+ "--duration-fast-min": "80ms",
82
+ "--duration-fast": "100ms",
83
+ "--duration-fast-max": "125ms",
84
+ "--duration-medium-min": "200ms",
85
+ "--duration-medium": "250ms",
86
+ "--duration-medium-max": "315ms",
87
+ "--duration-slow-min": "480ms",
88
+ "--duration-slow": "600ms",
89
+ "--duration-slow-max": "750ms",
90
+ "--font-family-body": "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
91
+ "--font-family-heading": "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
92
+ "--font-family-code": "\"JetBrains Mono\", \"SF Mono\", Monaco, Consolas, monospace",
93
+ "--color-syntax-keyword": "light-dark(#615a7a, #aea6ca)",
94
+ "--color-syntax-string": "light-dark(#586242, #a5af8b)",
95
+ "--color-syntax-comment": "light-dark(#5e5e5e, #ababab)",
96
+ "--color-syntax-number": "light-dark(#775843, #c8a48c)",
97
+ "--color-syntax-function": "light-dark(#39637d, #87b0cd)",
98
+ "--color-syntax-type": "light-dark(#615a7a, #aea6ca)",
99
+ "--color-syntax-variable": "light-dark(#5e5e5e, #ababab)",
100
+ "--color-syntax-operator": "light-dark(#5e5e5e, #ababab)",
101
+ "--color-syntax-constant": "light-dark(#775843, #c8a48c)",
102
+ "--color-syntax-tag": "light-dark(#7f5351, #d19f9d)",
103
+ "--color-syntax-attribute": "light-dark(#6c5c3e, #bca987)",
104
+ "--color-syntax-property": "light-dark(#3c6755, #87b5a1)",
105
+ "--color-syntax-punctuation": "light-dark(#5e5e5e, #ababab)",
106
+ "--color-syntax-background": "light-dark(#FFF6ED, #190f00)",
107
+ "--spacing-0-5": "3px",
108
+ "--spacing-1": "6px",
109
+ "--spacing-1-5": "9px",
110
+ "--spacing-2": "12px",
111
+ "--spacing-3": "18px",
112
+ "--spacing-4": "24px",
113
+ "--spacing-5": "30px",
114
+ "--spacing-6": "36px",
115
+ "--spacing-7": "42px",
116
+ "--spacing-8": "48px",
117
+ "--size-element-sm": "32px",
118
+ "--size-element-md": "40px",
119
+ "--size-element-lg": "48px",
120
+ "--color-accent": "light-dark(#2d241b, #EDEFFC)",
121
+ "--color-accent-muted": "light-dark(#2d241b14, #EDEFFC20)",
122
+ "--color-neutral": "light-dark(#2d241b10, #EDEFFC1A)",
123
+ "--color-background-surface": "light-dark(#FFFFFF, #16182b)",
124
+ "--color-background-body": "light-dark(#CCCFFA, #0e0f1a)",
125
+ "--color-overlay": "light-dark(#2d241b80, #0a0b14CC)",
126
+ "--color-overlay-hover": "light-dark(#2d241b0D, #EDEFFC0D)",
127
+ "--color-overlay-pressed": "light-dark(#2d241b1A, #EDEFFC1A)",
128
+ "--color-background-muted": "light-dark(#ede0d4, #1f2238)",
129
+ "--color-text-primary": "light-dark(#2d241b, #EDEFFC)",
130
+ "--color-text-secondary": "light-dark(#675d52, #a6acd6)",
131
+ "--color-text-disabled": "light-dark(#d1c5b8, #4a4f6b)",
132
+ "--color-text-accent": "light-dark(#2d241b, #EDEFFC)",
133
+ "--color-on-dark": "#FFFFFF",
134
+ "--color-on-light": "#2d241b",
135
+ "--color-on-accent": "light-dark(#FFFFFF, #16182b)",
136
+ "--color-on-success": "light-dark(#3a5500, #1e3200)",
137
+ "--color-on-error": "light-dark(#8b1d24, #5c0008)",
138
+ "--color-on-warning": "light-dark(#614400, #3f2600)",
139
+ "--color-icon-accent": "light-dark(#2d241b, #EDEFFC)",
140
+ "--color-icon-primary": "light-dark(#2d241b, #EDEFFC)",
141
+ "--color-icon-secondary": "light-dark(#675d52, #a6acd6)",
142
+ "--color-icon-disabled": "light-dark(#d1c5b8, #4a4f6b)",
143
+ "--color-background-card": "light-dark(#FFFFFF, #16182b)",
144
+ "--color-background-popover": "light-dark(#FFFFFF, #1f2238)",
145
+ "--color-background-inverted": "light-dark(#2d241b, #EDEFFC)",
146
+ "--color-success": "light-dark(#C5E17A, #C5E17A)",
147
+ "--color-success-muted": "light-dark(#C5E17A, #C5E17A)",
148
+ "--color-error": "light-dark(#FFC5C3, #FFC5C3)",
149
+ "--color-error-muted": "light-dark(#FFC5C3, #FFC5C3)",
150
+ "--color-warning": "light-dark(#FFE08A, #FFE08A)",
151
+ "--color-warning-muted": "light-dark(#FFE08A, #FFE08A)",
152
+ "--color-border": "light-dark(#2F292E, #EDEFFC1A)",
153
+ "--color-border-emphasized": "light-dark(#2F292E, #3a3f5e)",
154
+ "--color-skeleton": "light-dark(#d1c5b8, #2a2e47)",
155
+ "--color-shadow": "light-dark(#2d241b1A, #0000004D)",
156
+ "--color-tint-hover": "light-dark(#2d241b, #EDEFFC)",
157
+ "--color-background-green": "light-dark(#C5E17A, #C5E17A)",
158
+ "--color-border-green": "light-dark(#B5D16A, #B5D16A)",
159
+ "--color-icon-green": "light-dark(#3a5500, #1e3200)",
160
+ "--color-text-green": "light-dark(#3a5500, #1e3200)",
161
+ "--color-background-red": "light-dark(#FFC5C3, #FFC5C3)",
162
+ "--color-border-red": "light-dark(#FF9E9A, #FF9E9A)",
163
+ "--color-icon-red": "light-dark(#8b1d24, #5c0008)",
164
+ "--color-text-red": "light-dark(#8b1d24, #5c0008)",
165
+ "--color-background-yellow": "light-dark(#FFE08A, #FFE08A)",
166
+ "--color-border-yellow": "light-dark(#FFCC55, #FFCC55)",
167
+ "--color-icon-yellow": "light-dark(#614400, #3f2600)",
168
+ "--color-text-yellow": "light-dark(#614400, #3f2600)",
169
+ "--color-background-blue": "light-dark(#B8E0FF, #B8E0FF)",
170
+ "--color-border-blue": "light-dark(#8ECFFF, #8ECFFF)",
171
+ "--color-icon-blue": "light-dark(#004e74, #002c4d)",
172
+ "--color-text-blue": "light-dark(#004e74, #002c4d)",
173
+ "--color-background-pink": "light-dark(#FFC8E0, #FFC8E0)",
174
+ "--color-border-pink": "light-dark(#FFA0C8, #FFA0C8)",
175
+ "--color-icon-pink": "light-dark(#822050, #580030)",
176
+ "--color-text-pink": "light-dark(#822050, #580030)",
177
+ "--color-background-purple": "light-dark(#DDD0FF, #DDD0FF)",
178
+ "--color-border-purple": "light-dark(#C0AAFF, #C0AAFF)",
179
+ "--color-icon-purple": "light-dark(#453080, #201058)",
180
+ "--color-text-purple": "light-dark(#453080, #201058)",
181
+ "--color-background-cyan": "light-dark(#A8F0E2, #A8F0E2)",
182
+ "--color-border-cyan": "light-dark(#70E8D0, #70E8D0)",
183
+ "--color-icon-cyan": "light-dark(#005548, #003028)",
184
+ "--color-text-cyan": "light-dark(#005548, #003028)",
185
+ "--color-background-orange": "light-dark(#FFCCA0, #FFCCA0)",
186
+ "--color-border-orange": "light-dark(#FFAA66, #FFAA66)",
187
+ "--color-icon-orange": "light-dark(#703500, #4a1800)",
188
+ "--color-text-orange": "light-dark(#703500, #4a1800)",
189
+ "--color-background-teal": "light-dark(#A8EED0, #A8EED0)",
190
+ "--color-border-teal": "light-dark(#78E0B0, #78E0B0)",
191
+ "--color-icon-teal": "light-dark(#005530, #003018)",
192
+ "--color-text-teal": "light-dark(#005530, #003018)",
193
+ "--color-background-gray": "light-dark(#ede0d4, #ede0d4)",
194
+ "--color-border-gray": "light-dark(#dfd2c6, #dfd2c6)",
195
+ "--color-icon-gray": "light-dark(#4f453b, #2d241b)",
196
+ "--color-text-gray": "light-dark(#4f453b, #2d241b)",
197
+ "--shadow-low": "0 2px 4px #2d241b0D, 0 4px 8px #2d241b1A",
198
+ "--shadow-med": "0 2px 4px #2d241b0D, 0 4px 12px #2d241b1A",
199
+ "--shadow-high": "0 4px 6px #2d241b1A, 0 12px 24px #2d241b26",
200
+ "--shadow-inset-hover": "inset 0px 0px 0px 2px #2d241b30",
201
+ "--shadow-inset-selected": "inset 0px 0px 0px 2px #2d241b50",
202
+ "--shadow-inset-success": "inset 0px 0px 0px 2px #3a550050",
203
+ "--shadow-inset-warning": "inset 0px 0px 0px 2px #61440050",
204
+ "--shadow-inset-error": "inset 0px 0px 0px 2px #8b1d2450"
205
+ },
206
+ icons: y2kIconRegistry,
207
+ };
208
+
209
+ export { y2kIconRegistry };
@@ -0,0 +1,20 @@
1
+ /**
2
+ * @generated by `astryx theme build` — do not edit manually.
3
+ * Source: src/y2kTheme.ts
4
+ * Command: astryx theme build src/y2kTheme.ts --out dist/theme.css
5
+ * Generated: 2026-06-24T18:16:21.628Z
6
+ */
7
+
8
+ // Generated by astryx theme build
9
+ export {};
10
+
11
+ declare module '@astryxdesign/core/Heading' {
12
+ interface XDSHeadingLevelMap {
13
+ '1': true;
14
+ '2': true;
15
+ '3': true;
16
+ '4': true;
17
+ '5': true;
18
+ '6': true;
19
+ }
20
+ }
@@ -0,0 +1,257 @@
1
+ export declare const y2kTheme: import("@astryxdesign/core/theme").DefinedTheme;
2
+ /**
3
+ * Raw tonal palettes — every color at every tone step (0-100 in 5s).
4
+ */
5
+ export declare const y2kPalettes: {
6
+ readonly neutral: {
7
+ readonly hue: 75;
8
+ readonly chroma: 8;
9
+ readonly 0: "#000000";
10
+ readonly 5: "#190f00";
11
+ readonly 10: "#221a10";
12
+ readonly 15: "#2d241b";
13
+ readonly 20: "#382f25";
14
+ readonly 25: "#433a30";
15
+ readonly 30: "#4f453b";
16
+ readonly 35: "#5b5146";
17
+ readonly 40: "#675d52";
18
+ readonly 45: "#73695e";
19
+ readonly 50: "#80756a";
20
+ readonly 55: "#8d8276";
21
+ readonly 60: "#9a8f83";
22
+ readonly 65: "#a79c90";
23
+ readonly 70: "#b5a99d";
24
+ readonly 75: "#c3b7ab";
25
+ readonly 80: "#d1c5b8";
26
+ readonly 85: "#dfd2c6";
27
+ readonly 90: "#ede0d4";
28
+ readonly 95: "#fbefe2";
29
+ readonly 100: "#ffffff";
30
+ };
31
+ readonly green: {
32
+ readonly hue: 120;
33
+ readonly chroma: 60;
34
+ readonly 0: "#000000";
35
+ readonly 5: "#061800";
36
+ readonly 10: "#132200";
37
+ readonly 15: "#152d00";
38
+ readonly 20: "#173900";
39
+ readonly 25: "#1e4500";
40
+ readonly 30: "#285100";
41
+ readonly 35: "#355d00";
42
+ readonly 40: "#426900";
43
+ readonly 45: "#4f7600";
44
+ readonly 50: "#5c830b";
45
+ readonly 55: "#69901d";
46
+ readonly 60: "#779d2c";
47
+ readonly 65: "#84aa39";
48
+ readonly 70: "#92b847";
49
+ readonly 75: "#a0c654";
50
+ readonly 80: "#aed461";
51
+ readonly 85: "#bce26e";
52
+ readonly 90: "#caf07b";
53
+ readonly 95: "#d9fe89";
54
+ readonly 100: "#ffffff";
55
+ };
56
+ readonly red: {
57
+ readonly hue: 25;
58
+ readonly chroma: 55;
59
+ readonly 0: "#000000";
60
+ readonly 5: "#480000";
61
+ readonly 10: "#540000";
62
+ readonly 15: "#620002";
63
+ readonly 20: "#700012";
64
+ readonly 25: "#7f001b";
65
+ readonly 30: "#8e1126";
66
+ readonly 35: "#9c2330";
67
+ readonly 40: "#ab313b";
68
+ readonly 45: "#ba3f47";
69
+ readonly 50: "#c94d52";
70
+ readonly 55: "#d95b5e";
71
+ readonly 60: "#e8686b";
72
+ readonly 65: "#f87677";
73
+ readonly 70: "#ff8787";
74
+ readonly 75: "#ff9d9b";
75
+ readonly 80: "#ffb2af";
76
+ readonly 85: "#ffc6c3";
77
+ readonly 90: "#ffd9d7";
78
+ readonly 95: "#ffeceb";
79
+ readonly 100: "#ffffff";
80
+ };
81
+ readonly yellow: {
82
+ readonly hue: 85;
83
+ readonly chroma: 65;
84
+ readonly 0: "#000000";
85
+ readonly 5: "#270c00";
86
+ readonly 10: "#301800";
87
+ readonly 15: "#3b2200";
88
+ readonly 20: "#472c00";
89
+ readonly 25: "#533700";
90
+ readonly 30: "#604200";
91
+ readonly 35: "#6d4d00";
92
+ readonly 40: "#7b5900";
93
+ readonly 45: "#896500";
94
+ readonly 50: "#977100";
95
+ readonly 55: "#a67e00";
96
+ readonly 60: "#b58b01";
97
+ readonly 65: "#c39819";
98
+ readonly 70: "#d2a52a";
99
+ readonly 75: "#e2b239";
100
+ readonly 80: "#f1c047";
101
+ readonly 85: "#ffcd55";
102
+ readonly 90: "#ffde9b";
103
+ readonly 95: "#ffeecf";
104
+ readonly 100: "#ffffff";
105
+ };
106
+ readonly blue: {
107
+ readonly hue: 250;
108
+ readonly chroma: 40;
109
+ readonly 0: "#000000";
110
+ readonly 5: "#001939";
111
+ readonly 10: "#002244";
112
+ readonly 15: "#002c4d";
113
+ readonly 20: "#003759";
114
+ readonly 25: "#004266";
115
+ readonly 30: "#004e74";
116
+ readonly 35: "#005a83";
117
+ readonly 40: "#006693";
118
+ readonly 45: "#0073a3";
119
+ readonly 50: "#0080b4";
120
+ readonly 55: "#008ec4";
121
+ readonly 60: "#0e9bd2";
122
+ readonly 65: "#2fa8e0";
123
+ readonly 70: "#45b6ef";
124
+ readonly 75: "#57c3fd";
125
+ readonly 80: "#7ed0ff";
126
+ readonly 85: "#a3dbff";
127
+ readonly 90: "#c4e7ff";
128
+ readonly 95: "#e1f3ff";
129
+ readonly 100: "#ffffff";
130
+ };
131
+ readonly pink: {
132
+ readonly hue: 350;
133
+ readonly chroma: 45;
134
+ readonly 0: "#000000";
135
+ readonly 5: "#3d001d";
136
+ readonly 10: "#490027";
137
+ readonly 15: "#560032";
138
+ readonly 20: "#64003d";
139
+ readonly 25: "#711248";
140
+ readonly 30: "#7f2154";
141
+ readonly 35: "#8c2f60";
142
+ readonly 40: "#9a3c6c";
143
+ readonly 45: "#a84979";
144
+ readonly 50: "#b75685";
145
+ readonly 55: "#c56392";
146
+ readonly 60: "#d371a0";
147
+ readonly 65: "#e27ead";
148
+ readonly 70: "#f18bbb";
149
+ readonly 75: "#ff99c8";
150
+ readonly 80: "#ffaed3";
151
+ readonly 85: "#ffc3de";
152
+ readonly 90: "#ffd7e9";
153
+ readonly 95: "#ffebf4";
154
+ readonly 100: "#ffffff";
155
+ };
156
+ readonly purple: {
157
+ readonly hue: 300;
158
+ readonly chroma: 40;
159
+ readonly 0: "#000000";
160
+ readonly 5: "#020840";
161
+ readonly 10: "#11144b";
162
+ readonly 15: "#1f1e57";
163
+ readonly 20: "#2c2864";
164
+ readonly 25: "#393370";
165
+ readonly 30: "#453e7d";
166
+ readonly 35: "#524a8a";
167
+ readonly 40: "#5f5697";
168
+ readonly 45: "#6c62a4";
169
+ readonly 50: "#796eb2";
170
+ readonly 55: "#867bc0";
171
+ readonly 60: "#9387ce";
172
+ readonly 65: "#a194dc";
173
+ readonly 70: "#afa2ea";
174
+ readonly 75: "#bdaff8";
175
+ readonly 80: "#cbbeff";
176
+ readonly 85: "#d9ceff";
177
+ readonly 90: "#e6deff";
178
+ readonly 95: "#f3eeff";
179
+ readonly 100: "#ffffff";
180
+ };
181
+ readonly cyan: {
182
+ readonly hue: 185;
183
+ readonly chroma: 35;
184
+ readonly 0: "#000000";
185
+ readonly 5: "#001e14";
186
+ readonly 10: "#00261f";
187
+ readonly 15: "#003029";
188
+ readonly 20: "#003b34";
189
+ readonly 25: "#00473f";
190
+ readonly 30: "#00534a";
191
+ readonly 35: "#005f56";
192
+ readonly 40: "#006c62";
193
+ readonly 45: "#00796f";
194
+ readonly 50: "#00867b";
195
+ readonly 55: "#0f9488";
196
+ readonly 60: "#29a195";
197
+ readonly 65: "#3bafa2";
198
+ readonly 70: "#4cbcb0";
199
+ readonly 75: "#5bcabd";
200
+ readonly 80: "#6ad8cb";
201
+ readonly 85: "#79e7d9";
202
+ readonly 90: "#87f5e7";
203
+ readonly 95: "#a6fff5";
204
+ readonly 100: "#ffffff";
205
+ };
206
+ readonly orange: {
207
+ readonly hue: 60;
208
+ readonly chroma: 60;
209
+ readonly 0: "#000000";
210
+ readonly 5: "#340000";
211
+ readonly 10: "#420500";
212
+ readonly 15: "#520b00";
213
+ readonly 20: "#601700";
214
+ readonly 25: "#6d2400";
215
+ readonly 30: "#7b3000";
216
+ readonly 35: "#893c00";
217
+ readonly 40: "#984800";
218
+ readonly 45: "#a75409";
219
+ readonly 50: "#b66019";
220
+ readonly 55: "#c56d26";
221
+ readonly 60: "#d47a33";
222
+ readonly 65: "#e48740";
223
+ readonly 70: "#f3944c";
224
+ readonly 75: "#ffa25c";
225
+ readonly 80: "#ffb682";
226
+ readonly 85: "#ffc9a3";
227
+ readonly 90: "#ffdbc3";
228
+ readonly 95: "#ffede1";
229
+ readonly 100: "#ffffff";
230
+ };
231
+ readonly teal: {
232
+ readonly hue: 165;
233
+ readonly chroma: 30;
234
+ readonly 0: "#000000";
235
+ readonly 5: "#001d00";
236
+ readonly 10: "#00240f";
237
+ readonly 15: "#002f1a";
238
+ readonly 20: "#003a24";
239
+ readonly 25: "#00462f";
240
+ readonly 30: "#00513a";
241
+ readonly 35: "#115e45";
242
+ readonly 40: "#226a51";
243
+ readonly 45: "#30775d";
244
+ readonly 50: "#3d8469";
245
+ readonly 55: "#4a9175";
246
+ readonly 60: "#589e82";
247
+ readonly 65: "#65ab8f";
248
+ readonly 70: "#72b99c";
249
+ readonly 75: "#7fc7a9";
250
+ readonly 80: "#8dd5b7";
251
+ readonly 85: "#9be3c5";
252
+ readonly 90: "#a9f2d3";
253
+ readonly 95: "#b6ffe1";
254
+ readonly 100: "#ffffff";
255
+ };
256
+ };
257
+ //# sourceMappingURL=y2kTheme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"y2kTheme.d.ts","sourceRoot":"","sources":["../src/y2kTheme.ts"],"names":[],"mappings":"AAkCA,eAAO,MAAM,QAAQ,iDAsUnB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Pd,CAAC"}
package/package.json CHANGED
@@ -1,11 +1,62 @@
1
1
  {
2
2
  "name": "@astryxdesign/theme-y2k",
3
- "version": "0.0.0-bootstrap.0",
4
- "description": "Placeholder published to claim the npm name during trusted publishing setup. Do not install.",
5
- "homepage": "https://github.com/facebook/astryx",
3
+ "version": "0.0.15",
4
+ "displayName": "Y2K Theme",
5
+ "private": false,
6
+ "description": "Hot pinks, lime greens, and Poppins. Bubbly, playful, and unmistakably retro.",
7
+ "author": "Meta Open Source",
6
8
  "license": "MIT",
9
+ "homepage": "https://github.com/facebook/astryx#readme",
7
10
  "repository": {
8
11
  "type": "git",
9
- "url": "git+https://github.com/facebook/astryx.git"
12
+ "url": "git+https://github.com/facebook/astryx.git",
13
+ "directory": "packages/themes/y2k"
14
+ },
15
+ "bugs": {
16
+ "url": "https://github.com/facebook/astryx/issues"
17
+ },
18
+ "keywords": [
19
+ "xds",
20
+ "theme",
21
+ "design-system",
22
+ "lucide",
23
+ "design-tokens"
24
+ ],
25
+ "sideEffects": false,
26
+ "main": "./dist/source.js",
27
+ "types": "./dist/source.d.ts",
28
+ "exports": {
29
+ ".": {
30
+ "types": "./dist/source.d.ts",
31
+ "import": "./dist/source.mjs",
32
+ "require": "./dist/source.js"
33
+ },
34
+ "./built": {
35
+ "types": "./dist/y2k.d.ts",
36
+ "import": "./dist/y2k.js",
37
+ "require": "./dist/y2k.js"
38
+ },
39
+ "./theme.css": {
40
+ "types": "./theme.css.d.ts",
41
+ "default": "./dist/theme.css"
42
+ }
43
+ },
44
+ "files": [
45
+ "dist",
46
+ "src"
47
+ ],
48
+ "dependencies": {
49
+ "lucide-react": "^1.18.0"
50
+ },
51
+ "peerDependencies": {
52
+ "@astryxdesign/core": "0.0.15",
53
+ "react": ">=19"
54
+ },
55
+ "devDependencies": {
56
+ "@astryxdesign/cli": "0.0.15"
57
+ },
58
+ "module": "./dist/source.mjs",
59
+ "scripts": {
60
+ "build": "astryx theme build src/y2kTheme.ts -o dist/theme.css && tsup && tsc --project tsconfig.build.json"
10
61
  }
11
- }
62
+ }
package/src/icons.tsx ADDED
@@ -0,0 +1,67 @@
1
+ // Copyright (c) Meta Platforms, Inc. and affiliates.
2
+
3
+ import React from 'react';
4
+ import type {IconRegistry} from '@astryxdesign/core/Icon';
5
+
6
+ import {
7
+ X,
8
+ ChevronDown,
9
+ ChevronLeft,
10
+ ChevronRight,
11
+ Check,
12
+ CheckCircle,
13
+ XCircle,
14
+ AlertTriangle,
15
+ Info,
16
+ Calendar,
17
+ Clock,
18
+ ExternalLink,
19
+ Menu,
20
+ MoreHorizontal,
21
+ Search,
22
+ ArrowUp,
23
+ ArrowDown,
24
+ ArrowUpDown,
25
+ Filter,
26
+ EyeOff,
27
+ Columns,
28
+ Copy,
29
+ CheckCheck,
30
+ Wrench,
31
+ Square,
32
+ Mic,
33
+ } from 'lucide-react';
34
+
35
+ const iconProps = {
36
+ size: '1em',
37
+ 'aria-hidden': true as const,
38
+ };
39
+
40
+ export const y2kIconRegistry: IconRegistry = {
41
+ close: <X {...iconProps} />,
42
+ chevronDown: <ChevronDown {...iconProps} />,
43
+ chevronLeft: <ChevronLeft {...iconProps} />,
44
+ chevronRight: <ChevronRight {...iconProps} />,
45
+ check: <Check {...iconProps} />,
46
+ success: <CheckCircle {...iconProps} />,
47
+ error: <XCircle {...iconProps} />,
48
+ warning: <AlertTriangle {...iconProps} />,
49
+ info: <Info {...iconProps} />,
50
+ calendar: <Calendar {...iconProps} />,
51
+ clock: <Clock {...iconProps} />,
52
+ externalLink: <ExternalLink {...iconProps} />,
53
+ menu: <Menu {...iconProps} />,
54
+ moreHorizontal: <MoreHorizontal {...iconProps} />,
55
+ search: <Search {...iconProps} />,
56
+ arrowUp: <ArrowUp {...iconProps} />,
57
+ arrowDown: <ArrowDown {...iconProps} />,
58
+ arrowsUpDown: <ArrowUpDown {...iconProps} />,
59
+ funnel: <Filter {...iconProps} />,
60
+ eyeSlash: <EyeOff {...iconProps} />,
61
+ viewColumns: <Columns {...iconProps} />,
62
+ copy: <Copy {...iconProps} />,
63
+ checkDouble: <CheckCheck {...iconProps} />,
64
+ wrench: <Wrench {...iconProps} />,
65
+ stop: <Square {...iconProps} />,
66
+ microphone: <Mic {...iconProps} />,
67
+ };
package/src/source.ts ADDED
@@ -0,0 +1,4 @@
1
+ // Copyright (c) Meta Platforms, Inc. and affiliates.
2
+
3
+ export {y2kTheme, y2kPalettes} from './y2kTheme';
4
+ export {y2kIconRegistry} from './icons';