@zentrades-ui/ui 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 (19) hide show
  1. package/dist/components.css +39953 -0
  2. package/dist/components.css.map +1 -0
  3. package/dist/components.d.ts +18 -0
  4. package/dist/components.js +6399 -0
  5. package/dist/components.js.map +1 -0
  6. package/dist/icons.d.ts +47 -0
  7. package/dist/icons.js +442 -0
  8. package/dist/icons.js.map +1 -0
  9. package/dist/index.css +39953 -0
  10. package/dist/index.css.map +1 -0
  11. package/dist/index.d.ts +2330 -0
  12. package/dist/index.js +6399 -0
  13. package/dist/index.js.map +1 -0
  14. package/dist/theme.css +162 -0
  15. package/dist/theme.css.map +1 -0
  16. package/dist/theme.d.ts +1 -0
  17. package/dist/theme.js +105 -0
  18. package/dist/theme.js.map +1 -0
  19. package/package.json +67 -0
package/dist/theme.css ADDED
@@ -0,0 +1,162 @@
1
+ /* vanilla-extract-css-ns:../theme/src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE72YW2_bNhSA3_MrBPhlA9qAFCWKUp7WrcYKdEOGFNhjQfHiuHGkVJbTpsP--0DZs8jDQ9sYisWBYSQfL4fiOeTn6_HePJqPm_XqfvwwffxIq_GJrPqcZ39dZdnr16rvRtONt8P6UQ4vx_-TJluQ1r1ufOzOqL7TPkibbJG3ucp1AH4ww7j2ubzJFiUvRSkD7o-dHM3Q-SRrsoWoRSvCHn8xVu4245_363EOo2iyhZ1-bpBo3nXPZtjOdInTx6Agz5tsYXL3QmODeNVkC1lJIetw4uutbDdGHznRZIu2bKtWBNybQXYzVLuxTVlyjs81pKV7XJUoDAvo9-vu4ci0jtFFAaJ3zK_9sxmOoHKgZFypCLwdzHbrhaIdKvK6DkN-19n-yBh8XMe86TdzXxYf9vd-XKt5kVfTM6wqQhAq6O--yRZ1XUSkWclx_Tz3uHY9SkISXNDnJ9cnj9jbfrsO-nxwsRCpaY1yQZ-bieWChOvz0-je1313BB_d_moJsWUIqmDobuqu0qLYU61UD6uh33Ua5ngP0mEm4zR_arLFslqKpYBsuHc-g5TxRw-3zpAk78zGqNFDt26iSmtDkhON2oxNtlDacFvDNlE-7lz3xFJLIRom2TNIScCFC_HFJbkpijIKb4Lhanx1Rc8yxnQyxHAyLyDjUw3CWX1zrTiXbRRC2ApOj07nQVFYET3_INcpBckecne7dtzMW5W6Q8Eyy2MaZD1lIO0hCXs-HAzCRssf5T8tQQGI2XARqTsXlDjVIFq_ChSOuAmMQOwjyOMIompDa1BuYhb27g4Mm9vWRtsHnmrUnRuUu1cCBaujwI1g5uOSRt0Bsqzf_rxcRnBY1qg7Roy15kS1mrYujNQdK2-XS3EcoR-0GWAtpCtwP9ljyH3nHlxP9mB036HuWFGFKhX3OeS-Qz_BSjiRUZmi7lDRTBe68LmwLNANLFJhHIB-hFVkoqMt0MGTYsKWvdptZ6iHqX_oyy8PTygDk_0zTPY9FSXuABN3_2ij9NjC9Ji43_rOm9kId_nEIDt2B07hAwh26zM4hbe7wUpl3pMZ-QIW9V-EzsjXBJLPyEsCYTPyLYEU8-WcJJByRmgC4TOSA8TVhY18Keegc9Zkw6qVP5BX2eH3uiQ_Ahzuv7w4tMrL8lU2v3ltx0F22yc5mG6cm5VN5v395urvq-u9EGk5PAAfqs770Cl1CHzohDMEPoTIQsKHuOKmCu-c38mHTkke5kMnXA_zIUT5UB8qaJEXobz8Hz7ENK8v8iFuBFzUlA_VpsVcJ_AhZFzUh5BhUR-qc8YQKvIha6UGK4j7UMsY7DHlQ1ZxDvpEfYixVhfVZT5U19rIcPyED9VVCRYI8aG61ojlYD7kp8M5H8IvRbEP4ZchzIf8LDjjQ2dkAfUhwlhZRsGhPoTPOfYhS6tKlCgX-5At61pG4SV9yIq2VYgdJn2IuW0TXYHP-RCXbWnMf_ChWiljI8uOfchP9vM-RBgxLFok3IfmtL_EhxijIu0fwIe8AnCRD_lV4EIfsro-fnF0mQ-xHDMo3If8cnOZDxGSMxLtZdSH8K9N0j6Ef72Q8CHKSRmvPeZDbsYx-d18KNachA_F4oT7UFBVTvpQfBXHfSiomCkfCorUWR8Kqkjah-IZIj4UpH7Ch2IG9yEv2U_5kJ-4J3woSI-ED8XKl_AhoYsKgIgPMdYaaA_Ah_zjN-FD_ronfCgnOc3zkz7k78SEDzHOKiZO-pC_-xI-VLSFLs77UNpszlsR5lKX-dA_xaoyfCAaAAA */
2
+ .theme_lightTheme__17tp0go26 {
3
+ --contentPrimary__17tp0go0: #0b0b0b;
4
+ --contentSecondary__17tp0go1: #2b2c2d;
5
+ --contentTertiary__17tp0go2: #56585a;
6
+ --contentQuaternary__17tp0go3: #898b8d;
7
+ --contentDefaultWhite__17tp0go4: #ffffff;
8
+ --contentPrimaryInverse__17tp0go5: #ffffff;
9
+ --contentSecondaryInverse__17tp0go6: #e2e2e2;
10
+ --contentTertiaryInverse__17tp0go7: #a7a8a9;
11
+ --contentDisabled__17tp0go8: #b5b7b8;
12
+ --contentBrand__17tp0go9: #ee5566;
13
+ --contentSecondaryBrand__17tp0goa: #0784e3;
14
+ --contentLink__17tp0gob: #0d44ff;
15
+ --contentLinkHover__17tp0goc: #0a36cc;
16
+ --contentLinkPressed__17tp0god: #082999;
17
+ --contentInfo__17tp0goe: #0d44ff;
18
+ --contentInfoBold__17tp0gof: #0a36cc;
19
+ --contentNotice__17tp0gog: #ff7700;
20
+ --contentNoticeBold__17tp0goh: #994700;
21
+ --contentNegative__17tp0goi: #fa0000;
22
+ --contentNegativeBold__17tp0goj: #960000;
23
+ --contentPositive__17tp0gok: #00ad19;
24
+ --contentPositiveBold__17tp0gol: #00680f;
25
+ --contentAttention__17tp0gom: #ab00f5;
26
+ --contentActive__17tp0gon: #007d84;
27
+ --backgroundPrimary__17tp0goo: #ffffff;
28
+ --backgroundSecondary__17tp0gop: #F7F8F8;
29
+ --backgroundHover__17tp0goq: #e2e2e2;
30
+ --backgroundPressed__17tp0gor: #e2e2e2;
31
+ --backgroundSelected__17tp0gos: #fcdde0;
32
+ --backgroundSecondarySelected__17tp0got: #cde6f9;
33
+ --backgroundDisabled__17tp0gou: #f0f1f1;
34
+ --backgroundBrand__17tp0gov: #ee5566;
35
+ --backgroundBrandHover__17tp0gow: #be4452;
36
+ --backgroundBrandPressed__17tp0gox: #8f333d;
37
+ --backgroundSecondaryBrand__17tp0goy: #0784e3;
38
+ --backgroundSecondaryBrandHover__17tp0goz: #066ab6;
39
+ --backgroundSecondaryBrandPressed__17tp0go10: #044f88;
40
+ --backgroundInfo__17tp0go11: #0d44ff;
41
+ --backgroundInfoSubtle__17tp0go12: #f3f6ff;
42
+ --backgroundNotice__17tp0go13: #ff7700;
43
+ --backgroundNoticeSubtle__17tp0go14: #fff8f2;
44
+ --backgroundNegative__17tp0go15: #fa0000;
45
+ --backgroundNegativeHover__17tp0go16: #c80000;
46
+ --backgroundNegativePressed__17tp0go17: #960000;
47
+ --backgroundNegativeSubtle__17tp0go18: #fff2f2;
48
+ --backgroundPositive__17tp0go19: #00ad19;
49
+ --backgroundPositiveSubtle__17tp0go1a: #f2fbf3;
50
+ --backgroundInverse__17tp0go1b: #161616;
51
+ --backgroundInverseHover__17tp0go1c: #2b2c2d;
52
+ --backgroundAttention__17tp0go1d: #F9ECFF;
53
+ --backgroundActive__17tp0go1e: #effeff;
54
+ --backgroundSecondaryBrandSubtle__17tp0go1f: #EFF8FF;
55
+ --borderPrimary__17tp0go1g: #56585a;
56
+ --borderSecondary__17tp0go1h: #898b8d;
57
+ --borderTertiary__17tp0go1i: #c4c5c6;
58
+ --borderQuaternary__17tp0go1j: #e2e2e2;
59
+ --borderDisabled__17tp0go1k: #d3d4d4;
60
+ --borderBrand__17tp0go1l: #ee5566;
61
+ --borderSecondaryBrand__17tp0go1m: #0784e3;
62
+ --borderInverse__17tp0go1n: #ffffff;
63
+ --borderFocus__17tp0go1o: #0d44ff;
64
+ --borderInfo__17tp0go1p: #0d44ff;
65
+ --borderNotice__17tp0go1q: #ff7700;
66
+ --borderNegative__17tp0go1r: #fa0000;
67
+ --borderPositive__17tp0go1s: #00ad19;
68
+ --borderMono__17tp0go1t: #161616;
69
+ --borderAttention__17tp0go1u: #ab00f5;
70
+ --borderActive__17tp0go1v: #007d84;
71
+ --surfaceL0__17tp0go1w: #ffffff;
72
+ --surfaceL1__17tp0go1x: #ffffff;
73
+ --surfaceL2__17tp0go1y: #ffffff;
74
+ --surfaceL3__17tp0go1z: #ffffff;
75
+ --surfaceL4__17tp0go20: #ffffff;
76
+ --surfaceL5__17tp0go21: #ffffff;
77
+ --surfaceL6__17tp0go22: #ffffff;
78
+ --overlay50__17tp0go23: rgba(0, 0, 0, 0.50);
79
+ --overlay50Inverse__17tp0go24: rgba(255, 255, 255, 0.50);
80
+ --transparent__17tp0go25: transparent;
81
+ }
82
+ .theme_darkTheme__17tp0go27 {
83
+ --contentPrimary__17tp0go0: #ffffff;
84
+ --contentSecondary__17tp0go1: #e2e2e2;
85
+ --contentTertiary__17tp0go2: #a7a8a9;
86
+ --contentQuaternary__17tp0go3: #6c6e70;
87
+ --contentDefaultWhite__17tp0go4: #ffffff;
88
+ --contentPrimaryInverse__17tp0go5: #0b0b0b;
89
+ --contentSecondaryInverse__17tp0go6: #2b2c2d;
90
+ --contentTertiaryInverse__17tp0go7: #56585a;
91
+ --contentDisabled__17tp0go8: #414243;
92
+ --contentBrand__17tp0go9: #ee5566;
93
+ --contentSecondaryBrand__17tp0goa: #0784e3;
94
+ --contentLink__17tp0gob: #3d69ff;
95
+ --contentLinkHover__17tp0goc: #6e8fff;
96
+ --contentLinkPressed__17tp0god: #9eb4ff;
97
+ --contentInfo__17tp0goe: #3d69ff;
98
+ --contentInfoBold__17tp0gof: #6e8fff;
99
+ --contentNotice__17tp0gog: #ff9233;
100
+ --contentNoticeBold__17tp0goh: #ffad66;
101
+ --contentNegative__17tp0goi: #fb3333;
102
+ --contentNegativeBold__17tp0goj: #fc6666;
103
+ --contentPositive__17tp0gok: #33bd47;
104
+ --contentPositiveBold__17tp0gol: #99dea3;
105
+ --contentAttention__17tp0gom: #a975ff;
106
+ --contentActive__17tp0gon: #99dfff;
107
+ --backgroundPrimary__17tp0goo: #0b0b0b;
108
+ --backgroundSecondary__17tp0gop: #161616;
109
+ --backgroundHover__17tp0goq: #2b2c2d;
110
+ --backgroundPressed__17tp0gor: #414243;
111
+ --backgroundSelected__17tp0gos: #8f333d;
112
+ --backgroundSecondarySelected__17tp0got: #03355b;
113
+ --backgroundDisabled__17tp0gou: #2b2c2d;
114
+ --backgroundBrand__17tp0gov: #f17785;
115
+ --backgroundBrandHover__17tp0gow: #f599a3;
116
+ --backgroundBrandPressed__17tp0gox: #f8bbc2;
117
+ --backgroundSecondaryBrand__17tp0goy: #399de9;
118
+ --backgroundSecondaryBrandHover__17tp0goz: #6ab5ee;
119
+ --backgroundSecondaryBrandPressed__17tp0go10: #9ccef4;
120
+ --backgroundInfo__17tp0go11: #3d69ff;
121
+ --backgroundInfoSubtle__17tp0go12: #030e33;
122
+ --backgroundNotice__17tp0go13: #ff9233;
123
+ --backgroundNoticeSubtle__17tp0go14: #331800;
124
+ --backgroundNegative__17tp0go15: #fb3333;
125
+ --backgroundNegativeHover__17tp0go16: #fc6666;
126
+ --backgroundNegativePressed__17tp0go17: #fd9999;
127
+ --backgroundNegativeSubtle__17tp0go18: #320000;
128
+ --backgroundPositive__17tp0go19: #33bd47;
129
+ --backgroundPositiveSubtle__17tp0go1a: #002305;
130
+ --backgroundInverse__17tp0go1b: #ffffff;
131
+ --backgroundInverseHover__17tp0go1c: #f0f1f1;
132
+ --backgroundAttention__17tp0go1d: #160533;
133
+ --backgroundActive__17tp0go1e: #002333;
134
+ --backgroundSecondaryBrandSubtle__17tp0go1f: #EFF8FF;
135
+ --borderPrimary__17tp0go1g: #898b8d;
136
+ --borderSecondary__17tp0go1h: #56585a;
137
+ --borderTertiary__17tp0go1i: #2b2c2d;
138
+ --borderQuaternary__17tp0go1j: #161616;
139
+ --borderDisabled__17tp0go1k: #414243;
140
+ --borderBrand__17tp0go1l: #f17785;
141
+ --borderSecondaryBrand__17tp0go1m: #399de9;
142
+ --borderInverse__17tp0go1n: #161616;
143
+ --borderFocus__17tp0go1o: #3d69ff;
144
+ --borderInfo__17tp0go1p: #3d69ff;
145
+ --borderNotice__17tp0go1q: #ff9233;
146
+ --borderNegative__17tp0go1r: #fb3333;
147
+ --borderPositive__17tp0go1s: #33bd47;
148
+ --borderMono__17tp0go1t: #ffffff;
149
+ --borderAttention__17tp0go1u: #8d47ff;
150
+ --borderActive__17tp0go1v: #33beff;
151
+ --surfaceL0__17tp0go1w: #0b0b0b;
152
+ --surfaceL1__17tp0go1x: #161616;
153
+ --surfaceL2__17tp0go1y: #202122;
154
+ --surfaceL3__17tp0go1z: #2b2c2d;
155
+ --surfaceL4__17tp0go20: #363738;
156
+ --surfaceL5__17tp0go21: #414243;
157
+ --surfaceL6__17tp0go22: #4b4d4f;
158
+ --overlay50__17tp0go23: rgba(255, 255, 255, 0.50);
159
+ --overlay50Inverse__17tp0go24: rgba(0, 0, 0, 0.50);
160
+ --transparent__17tp0go25: transparent;
161
+ }
162
+ /*# sourceMappingURL=theme.css.map */
package/dist/theme.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["vanilla-extract-css-ns:../theme/src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE72YW2_bNhSA3_MrBPhlA9qAFCWKUp7WrcYKdEOGFNhjQfHiuHGkVJbTpsP--0DZs8jDQ9sYisWBYSQfL4fiOeTn6_HePJqPm_XqfvwwffxIq_GJrPqcZ39dZdnr16rvRtONt8P6UQ4vx_-TJluQ1r1ufOzOqL7TPkibbJG3ucp1AH4ww7j2ubzJFiUvRSkD7o-dHM3Q-SRrsoWoRSvCHn8xVu4245_363EOo2iyhZ1-bpBo3nXPZtjOdInTx6Agz5tsYXL3QmODeNVkC1lJIetw4uutbDdGHznRZIu2bKtWBNybQXYzVLuxTVlyjs81pKV7XJUoDAvo9-vu4ci0jtFFAaJ3zK_9sxmOoHKgZFypCLwdzHbrhaIdKvK6DkN-19n-yBh8XMe86TdzXxYf9vd-XKt5kVfTM6wqQhAq6O--yRZ1XUSkWclx_Tz3uHY9SkISXNDnJ9cnj9jbfrsO-nxwsRCpaY1yQZ-bieWChOvz0-je1313BB_d_moJsWUIqmDobuqu0qLYU61UD6uh33Ua5ngP0mEm4zR_arLFslqKpYBsuHc-g5TxRw-3zpAk78zGqNFDt26iSmtDkhON2oxNtlDacFvDNlE-7lz3xFJLIRom2TNIScCFC_HFJbkpijIKb4Lhanx1Rc8yxnQyxHAyLyDjUw3CWX1zrTiXbRRC2ApOj07nQVFYET3_INcpBckecne7dtzMW5W6Q8Eyy2MaZD1lIO0hCXs-HAzCRssf5T8tQQGI2XARqTsXlDjVIFq_ChSOuAmMQOwjyOMIompDa1BuYhb27g4Mm9vWRtsHnmrUnRuUu1cCBaujwI1g5uOSRt0Bsqzf_rxcRnBY1qg7Roy15kS1mrYujNQdK2-XS3EcoR-0GWAtpCtwP9ljyH3nHlxP9mB036HuWFGFKhX3OeS-Qz_BSjiRUZmi7lDRTBe68LmwLNANLFJhHIB-hFVkoqMt0MGTYsKWvdptZ6iHqX_oyy8PTygDk_0zTPY9FSXuABN3_2ij9NjC9Ji43_rOm9kId_nEIDt2B07hAwh26zM4hbe7wUpl3pMZ-QIW9V-EzsjXBJLPyEsCYTPyLYEU8-WcJJByRmgC4TOSA8TVhY18Keegc9Zkw6qVP5BX2eH3uiQ_Ahzuv7w4tMrL8lU2v3ltx0F22yc5mG6cm5VN5v395urvq-u9EGk5PAAfqs770Cl1CHzohDMEPoTIQsKHuOKmCu-c38mHTkke5kMnXA_zIUT5UB8qaJEXobz8Hz7ENK8v8iFuBFzUlA_VpsVcJ_AhZFzUh5BhUR-qc8YQKvIha6UGK4j7UMsY7DHlQ1ZxDvpEfYixVhfVZT5U19rIcPyED9VVCRYI8aG61ojlYD7kp8M5H8IvRbEP4ZchzIf8LDjjQ2dkAfUhwlhZRsGhPoTPOfYhS6tKlCgX-5At61pG4SV9yIq2VYgdJn2IuW0TXYHP-RCXbWnMf_ChWiljI8uOfchP9vM-RBgxLFok3IfmtL_EhxijIu0fwIe8AnCRD_lV4EIfsro-fnF0mQ-xHDMo3If8cnOZDxGSMxLtZdSH8K9N0j6Ef72Q8CHKSRmvPeZDbsYx-d18KNachA_F4oT7UFBVTvpQfBXHfSiomCkfCorUWR8Kqkjah-IZIj4UpH7Ch2IG9yEv2U_5kJ-4J3woSI-ED8XKl_AhoYsKgIgPMdYaaA_Ah_zjN-FD_ronfCgnOc3zkz7k78SEDzHOKiZO-pC_-xI-VLSFLs77UNpszlsR5lKX-dA_xaoyfCAaAAA"],"sourcesContent":[".theme_lightTheme__17tp0go26 {\n --contentPrimary__17tp0go0: #0b0b0b;\n --contentSecondary__17tp0go1: #2b2c2d;\n --contentTertiary__17tp0go2: #56585a;\n --contentQuaternary__17tp0go3: #898b8d;\n --contentDefaultWhite__17tp0go4: #ffffff;\n --contentPrimaryInverse__17tp0go5: #ffffff;\n --contentSecondaryInverse__17tp0go6: #e2e2e2;\n --contentTertiaryInverse__17tp0go7: #a7a8a9;\n --contentDisabled__17tp0go8: #b5b7b8;\n --contentBrand__17tp0go9: #ee5566;\n --contentSecondaryBrand__17tp0goa: #0784e3;\n --contentLink__17tp0gob: #0d44ff;\n --contentLinkHover__17tp0goc: #0a36cc;\n --contentLinkPressed__17tp0god: #082999;\n --contentInfo__17tp0goe: #0d44ff;\n --contentInfoBold__17tp0gof: #0a36cc;\n --contentNotice__17tp0gog: #ff7700;\n --contentNoticeBold__17tp0goh: #994700;\n --contentNegative__17tp0goi: #fa0000;\n --contentNegativeBold__17tp0goj: #960000;\n --contentPositive__17tp0gok: #00ad19;\n --contentPositiveBold__17tp0gol: #00680f;\n --contentAttention__17tp0gom: #ab00f5;\n --contentActive__17tp0gon: #007d84;\n --backgroundPrimary__17tp0goo: #ffffff;\n --backgroundSecondary__17tp0gop: #F7F8F8;\n --backgroundHover__17tp0goq: #e2e2e2;\n --backgroundPressed__17tp0gor: #e2e2e2;\n --backgroundSelected__17tp0gos: #fcdde0;\n --backgroundSecondarySelected__17tp0got: #cde6f9;\n --backgroundDisabled__17tp0gou: #f0f1f1;\n --backgroundBrand__17tp0gov: #ee5566;\n --backgroundBrandHover__17tp0gow: #be4452;\n --backgroundBrandPressed__17tp0gox: #8f333d;\n --backgroundSecondaryBrand__17tp0goy: #0784e3;\n --backgroundSecondaryBrandHover__17tp0goz: #066ab6;\n --backgroundSecondaryBrandPressed__17tp0go10: #044f88;\n --backgroundInfo__17tp0go11: #0d44ff;\n --backgroundInfoSubtle__17tp0go12: #f3f6ff;\n --backgroundNotice__17tp0go13: #ff7700;\n --backgroundNoticeSubtle__17tp0go14: #fff8f2;\n --backgroundNegative__17tp0go15: #fa0000;\n --backgroundNegativeHover__17tp0go16: #c80000;\n --backgroundNegativePressed__17tp0go17: #960000;\n --backgroundNegativeSubtle__17tp0go18: #fff2f2;\n --backgroundPositive__17tp0go19: #00ad19;\n --backgroundPositiveSubtle__17tp0go1a: #f2fbf3;\n --backgroundInverse__17tp0go1b: #161616;\n --backgroundInverseHover__17tp0go1c: #2b2c2d;\n --backgroundAttention__17tp0go1d: #F9ECFF;\n --backgroundActive__17tp0go1e: #effeff;\n --backgroundSecondaryBrandSubtle__17tp0go1f: #EFF8FF;\n --borderPrimary__17tp0go1g: #56585a;\n --borderSecondary__17tp0go1h: #898b8d;\n --borderTertiary__17tp0go1i: #c4c5c6;\n --borderQuaternary__17tp0go1j: #e2e2e2;\n --borderDisabled__17tp0go1k: #d3d4d4;\n --borderBrand__17tp0go1l: #ee5566;\n --borderSecondaryBrand__17tp0go1m: #0784e3;\n --borderInverse__17tp0go1n: #ffffff;\n --borderFocus__17tp0go1o: #0d44ff;\n --borderInfo__17tp0go1p: #0d44ff;\n --borderNotice__17tp0go1q: #ff7700;\n --borderNegative__17tp0go1r: #fa0000;\n --borderPositive__17tp0go1s: #00ad19;\n --borderMono__17tp0go1t: #161616;\n --borderAttention__17tp0go1u: #ab00f5;\n --borderActive__17tp0go1v: #007d84;\n --surfaceL0__17tp0go1w: #ffffff;\n --surfaceL1__17tp0go1x: #ffffff;\n --surfaceL2__17tp0go1y: #ffffff;\n --surfaceL3__17tp0go1z: #ffffff;\n --surfaceL4__17tp0go20: #ffffff;\n --surfaceL5__17tp0go21: #ffffff;\n --surfaceL6__17tp0go22: #ffffff;\n --overlay50__17tp0go23: rgba(0, 0, 0, 0.50);\n --overlay50Inverse__17tp0go24: rgba(255, 255, 255, 0.50);\n --transparent__17tp0go25: transparent;\n}\n.theme_darkTheme__17tp0go27 {\n --contentPrimary__17tp0go0: #ffffff;\n --contentSecondary__17tp0go1: #e2e2e2;\n --contentTertiary__17tp0go2: #a7a8a9;\n --contentQuaternary__17tp0go3: #6c6e70;\n --contentDefaultWhite__17tp0go4: #ffffff;\n --contentPrimaryInverse__17tp0go5: #0b0b0b;\n --contentSecondaryInverse__17tp0go6: #2b2c2d;\n --contentTertiaryInverse__17tp0go7: #56585a;\n --contentDisabled__17tp0go8: #414243;\n --contentBrand__17tp0go9: #ee5566;\n --contentSecondaryBrand__17tp0goa: #0784e3;\n --contentLink__17tp0gob: #3d69ff;\n --contentLinkHover__17tp0goc: #6e8fff;\n --contentLinkPressed__17tp0god: #9eb4ff;\n --contentInfo__17tp0goe: #3d69ff;\n --contentInfoBold__17tp0gof: #6e8fff;\n --contentNotice__17tp0gog: #ff9233;\n --contentNoticeBold__17tp0goh: #ffad66;\n --contentNegative__17tp0goi: #fb3333;\n --contentNegativeBold__17tp0goj: #fc6666;\n --contentPositive__17tp0gok: #33bd47;\n --contentPositiveBold__17tp0gol: #99dea3;\n --contentAttention__17tp0gom: #a975ff;\n --contentActive__17tp0gon: #99dfff;\n --backgroundPrimary__17tp0goo: #0b0b0b;\n --backgroundSecondary__17tp0gop: #161616;\n --backgroundHover__17tp0goq: #2b2c2d;\n --backgroundPressed__17tp0gor: #414243;\n --backgroundSelected__17tp0gos: #8f333d;\n --backgroundSecondarySelected__17tp0got: #03355b;\n --backgroundDisabled__17tp0gou: #2b2c2d;\n --backgroundBrand__17tp0gov: #f17785;\n --backgroundBrandHover__17tp0gow: #f599a3;\n --backgroundBrandPressed__17tp0gox: #f8bbc2;\n --backgroundSecondaryBrand__17tp0goy: #399de9;\n --backgroundSecondaryBrandHover__17tp0goz: #6ab5ee;\n --backgroundSecondaryBrandPressed__17tp0go10: #9ccef4;\n --backgroundInfo__17tp0go11: #3d69ff;\n --backgroundInfoSubtle__17tp0go12: #030e33;\n --backgroundNotice__17tp0go13: #ff9233;\n --backgroundNoticeSubtle__17tp0go14: #331800;\n --backgroundNegative__17tp0go15: #fb3333;\n --backgroundNegativeHover__17tp0go16: #fc6666;\n --backgroundNegativePressed__17tp0go17: #fd9999;\n --backgroundNegativeSubtle__17tp0go18: #320000;\n --backgroundPositive__17tp0go19: #33bd47;\n --backgroundPositiveSubtle__17tp0go1a: #002305;\n --backgroundInverse__17tp0go1b: #ffffff;\n --backgroundInverseHover__17tp0go1c: #f0f1f1;\n --backgroundAttention__17tp0go1d: #160533;\n --backgroundActive__17tp0go1e: #002333;\n --backgroundSecondaryBrandSubtle__17tp0go1f: #EFF8FF;\n --borderPrimary__17tp0go1g: #898b8d;\n --borderSecondary__17tp0go1h: #56585a;\n --borderTertiary__17tp0go1i: #2b2c2d;\n --borderQuaternary__17tp0go1j: #161616;\n --borderDisabled__17tp0go1k: #414243;\n --borderBrand__17tp0go1l: #f17785;\n --borderSecondaryBrand__17tp0go1m: #399de9;\n --borderInverse__17tp0go1n: #161616;\n --borderFocus__17tp0go1o: #3d69ff;\n --borderInfo__17tp0go1p: #3d69ff;\n --borderNotice__17tp0go1q: #ff9233;\n --borderNegative__17tp0go1r: #fb3333;\n --borderPositive__17tp0go1s: #33bd47;\n --borderMono__17tp0go1t: #ffffff;\n --borderAttention__17tp0go1u: #8d47ff;\n --borderActive__17tp0go1v: #33beff;\n --surfaceL0__17tp0go1w: #0b0b0b;\n --surfaceL1__17tp0go1x: #161616;\n --surfaceL2__17tp0go1y: #202122;\n --surfaceL3__17tp0go1z: #2b2c2d;\n --surfaceL4__17tp0go20: #363738;\n --surfaceL5__17tp0go21: #414243;\n --surfaceL6__17tp0go22: #4b4d4f;\n --overlay50__17tp0go23: rgba(255, 255, 255, 0.50);\n --overlay50Inverse__17tp0go24: rgba(0, 0, 0, 0.50);\n --transparent__17tp0go25: transparent;\n}"],"mappings":"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","names":[]}
package/dist/theme.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '@zentrades-ui/theme';
package/dist/theme.js ADDED
@@ -0,0 +1,105 @@
1
+ // ../theme/src/ThemeProvider.tsx
2
+ import {
3
+ createContext,
4
+ useCallback,
5
+ useContext,
6
+ useEffect,
7
+ useMemo,
8
+ useRef
9
+ } from "react";
10
+
11
+ // ../theme/src/theme.css.ts
12
+ var colorVars = { contentPrimary: "var(--contentPrimary__17tp0go0)", contentSecondary: "var(--contentSecondary__17tp0go1)", contentTertiary: "var(--contentTertiary__17tp0go2)", contentQuaternary: "var(--contentQuaternary__17tp0go3)", contentDefaultWhite: "var(--contentDefaultWhite__17tp0go4)", contentPrimaryInverse: "var(--contentPrimaryInverse__17tp0go5)", contentSecondaryInverse: "var(--contentSecondaryInverse__17tp0go6)", contentTertiaryInverse: "var(--contentTertiaryInverse__17tp0go7)", contentDisabled: "var(--contentDisabled__17tp0go8)", contentBrand: "var(--contentBrand__17tp0go9)", contentSecondaryBrand: "var(--contentSecondaryBrand__17tp0goa)", contentLink: "var(--contentLink__17tp0gob)", contentLinkHover: "var(--contentLinkHover__17tp0goc)", contentLinkPressed: "var(--contentLinkPressed__17tp0god)", contentInfo: "var(--contentInfo__17tp0goe)", contentInfoBold: "var(--contentInfoBold__17tp0gof)", contentNotice: "var(--contentNotice__17tp0gog)", contentNoticeBold: "var(--contentNoticeBold__17tp0goh)", contentNegative: "var(--contentNegative__17tp0goi)", contentNegativeBold: "var(--contentNegativeBold__17tp0goj)", contentPositive: "var(--contentPositive__17tp0gok)", contentPositiveBold: "var(--contentPositiveBold__17tp0gol)", contentAttention: "var(--contentAttention__17tp0gom)", contentActive: "var(--contentActive__17tp0gon)", backgroundPrimary: "var(--backgroundPrimary__17tp0goo)", backgroundSecondary: "var(--backgroundSecondary__17tp0gop)", backgroundHover: "var(--backgroundHover__17tp0goq)", backgroundPressed: "var(--backgroundPressed__17tp0gor)", backgroundSelected: "var(--backgroundSelected__17tp0gos)", backgroundSecondarySelected: "var(--backgroundSecondarySelected__17tp0got)", backgroundDisabled: "var(--backgroundDisabled__17tp0gou)", backgroundBrand: "var(--backgroundBrand__17tp0gov)", backgroundBrandHover: "var(--backgroundBrandHover__17tp0gow)", backgroundBrandPressed: "var(--backgroundBrandPressed__17tp0gox)", backgroundSecondaryBrand: "var(--backgroundSecondaryBrand__17tp0goy)", backgroundSecondaryBrandHover: "var(--backgroundSecondaryBrandHover__17tp0goz)", backgroundSecondaryBrandPressed: "var(--backgroundSecondaryBrandPressed__17tp0go10)", backgroundInfo: "var(--backgroundInfo__17tp0go11)", backgroundInfoSubtle: "var(--backgroundInfoSubtle__17tp0go12)", backgroundNotice: "var(--backgroundNotice__17tp0go13)", backgroundNoticeSubtle: "var(--backgroundNoticeSubtle__17tp0go14)", backgroundNegative: "var(--backgroundNegative__17tp0go15)", backgroundNegativeHover: "var(--backgroundNegativeHover__17tp0go16)", backgroundNegativePressed: "var(--backgroundNegativePressed__17tp0go17)", backgroundNegativeSubtle: "var(--backgroundNegativeSubtle__17tp0go18)", backgroundPositive: "var(--backgroundPositive__17tp0go19)", backgroundPositiveSubtle: "var(--backgroundPositiveSubtle__17tp0go1a)", backgroundInverse: "var(--backgroundInverse__17tp0go1b)", backgroundInverseHover: "var(--backgroundInverseHover__17tp0go1c)", backgroundAttention: "var(--backgroundAttention__17tp0go1d)", backgroundActive: "var(--backgroundActive__17tp0go1e)", backgroundSecondaryBrandSubtle: "var(--backgroundSecondaryBrandSubtle__17tp0go1f)", borderPrimary: "var(--borderPrimary__17tp0go1g)", borderSecondary: "var(--borderSecondary__17tp0go1h)", borderTertiary: "var(--borderTertiary__17tp0go1i)", borderQuaternary: "var(--borderQuaternary__17tp0go1j)", borderDisabled: "var(--borderDisabled__17tp0go1k)", borderBrand: "var(--borderBrand__17tp0go1l)", borderSecondaryBrand: "var(--borderSecondaryBrand__17tp0go1m)", borderInverse: "var(--borderInverse__17tp0go1n)", borderFocus: "var(--borderFocus__17tp0go1o)", borderInfo: "var(--borderInfo__17tp0go1p)", borderNotice: "var(--borderNotice__17tp0go1q)", borderNegative: "var(--borderNegative__17tp0go1r)", borderPositive: "var(--borderPositive__17tp0go1s)", borderMono: "var(--borderMono__17tp0go1t)", borderAttention: "var(--borderAttention__17tp0go1u)", borderActive: "var(--borderActive__17tp0go1v)", surfaceL0: "var(--surfaceL0__17tp0go1w)", surfaceL1: "var(--surfaceL1__17tp0go1x)", surfaceL2: "var(--surfaceL2__17tp0go1y)", surfaceL3: "var(--surfaceL3__17tp0go1z)", surfaceL4: "var(--surfaceL4__17tp0go20)", surfaceL5: "var(--surfaceL5__17tp0go21)", surfaceL6: "var(--surfaceL6__17tp0go22)", overlay50: "var(--overlay50__17tp0go23)", overlay50Inverse: "var(--overlay50Inverse__17tp0go24)", transparent: "var(--transparent__17tp0go25)" };
13
+ var darkTheme = "theme_darkTheme__17tp0go27";
14
+ var lightTheme = "theme_lightTheme__17tp0go26";
15
+
16
+ // ../theme/src/ThemeProvider.tsx
17
+ import { jsx } from "react/jsx-runtime";
18
+ var ThemeContext = createContext(void 0);
19
+ var themeClassMap = {
20
+ light: lightTheme,
21
+ dark: darkTheme
22
+ };
23
+ function getSystemTheme() {
24
+ if (typeof window === "undefined") return "light";
25
+ return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
26
+ }
27
+ function ThemeProvider({
28
+ children,
29
+ theme,
30
+ onThemeChange,
31
+ target
32
+ }) {
33
+ const previousClassRef = useRef(null);
34
+ const effectiveTheme = theme === "system" ? getSystemTheme() : theme;
35
+ useEffect(() => {
36
+ if (typeof document === "undefined") return;
37
+ const host = target ?? document.body;
38
+ if (!host) return;
39
+ const nextClass = themeClassMap[effectiveTheme];
40
+ const prev = previousClassRef.current;
41
+ if (prev && prev !== nextClass) {
42
+ host.classList.remove(prev);
43
+ }
44
+ host.classList.add(nextClass);
45
+ host.setAttribute("data-theme", effectiveTheme);
46
+ previousClassRef.current = nextClass;
47
+ return () => {
48
+ host.classList.remove(nextClass);
49
+ if (host.getAttribute("data-theme") === effectiveTheme) {
50
+ host.removeAttribute("data-theme");
51
+ }
52
+ };
53
+ }, [effectiveTheme, target]);
54
+ useEffect(() => {
55
+ if (theme !== "system") return;
56
+ if (typeof window === "undefined") return;
57
+ const mq = window.matchMedia("(prefers-color-scheme: dark)");
58
+ const handler = () => {
59
+ onThemeChange?.("system", getSystemTheme());
60
+ };
61
+ mq.addEventListener("change", handler);
62
+ return () => mq.removeEventListener("change", handler);
63
+ }, [theme, onThemeChange]);
64
+ const setTheme = useCallback(
65
+ (mode) => {
66
+ if (onThemeChange) {
67
+ onThemeChange(mode, effectiveTheme);
68
+ return;
69
+ }
70
+ console.warn(
71
+ "ThemeProvider: `setTheme` called but no `onThemeChange` handler was provided. The theme remains unchanged."
72
+ );
73
+ },
74
+ [onThemeChange, effectiveTheme]
75
+ );
76
+ const toggleTheme = useCallback(() => {
77
+ setTheme(theme === "light" ? "dark" : "light");
78
+ }, [setTheme, theme]);
79
+ const value = useMemo(
80
+ () => ({
81
+ theme,
82
+ effectiveTheme,
83
+ setTheme,
84
+ toggleTheme,
85
+ themeClassName: themeClassMap[effectiveTheme]
86
+ }),
87
+ [theme, effectiveTheme, setTheme, toggleTheme]
88
+ );
89
+ return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children });
90
+ }
91
+ function useTheme() {
92
+ const context = useContext(ThemeContext);
93
+ if (!context) {
94
+ throw new Error("useTheme must be used within a ThemeProvider");
95
+ }
96
+ return context;
97
+ }
98
+ export {
99
+ ThemeProvider,
100
+ colorVars,
101
+ darkTheme,
102
+ lightTheme,
103
+ useTheme
104
+ };
105
+ //# sourceMappingURL=theme.js.map
package/dist/theme.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../theme/src/ThemeProvider.tsx","../../theme/src/theme.css.ts"],"sourcesContent":["import {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n type ReactNode,\n} from \"react\";\nimport { darkTheme, lightTheme, type ThemeMode } from \"./theme.css\";\n\ntype AllowedThemeOptions = \"light\" | \"dark\" | \"system\";\n\ntype ThemeContextValue = {\n theme: AllowedThemeOptions;\n effectiveTheme: ThemeMode;\n setTheme: (mode: AllowedThemeOptions) => void;\n toggleTheme: () => void;\n themeClassName: string;\n};\n\nconst ThemeContext = createContext<ThemeContextValue | undefined>(undefined);\n\nconst themeClassMap: Record<ThemeMode, string> = {\n light: lightTheme,\n dark: darkTheme,\n};\n\nexport type ThemeProviderProps = {\n children: ReactNode;\n theme: AllowedThemeOptions;\n effectiveTheme?: ThemeMode;\n /**\n * Handler invoked when `useTheme().setTheme` or `useTheme().toggleTheme` is called.\n * Provide this to fully control the theme from the host application.\n */\n onThemeChange?: (mode: AllowedThemeOptions, specific?: ThemeMode) => void;\n /**\n * Optional element that should receive the theme class.\n * Defaults to document.body when available.\n */\n target?: HTMLElement | null;\n};\n\nfunction getSystemTheme(): ThemeMode {\n if (typeof window === \"undefined\") return \"light\";\n return window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n ? \"dark\"\n : \"light\";\n}\n\nexport function ThemeProvider({\n children,\n theme,\n onThemeChange,\n target,\n}: ThemeProviderProps) {\n const previousClassRef = useRef<string | null>(null);\n\n const effectiveTheme: ThemeMode =\n theme === \"system\" ? getSystemTheme() : theme;\n\n useEffect(() => {\n if (typeof document === \"undefined\") return;\n\n const host = target ?? document.body;\n if (!host) return;\n\n const nextClass = themeClassMap[effectiveTheme];\n const prev = previousClassRef.current;\n\n if (prev && prev !== nextClass) {\n host.classList.remove(prev);\n }\n\n host.classList.add(nextClass);\n host.setAttribute(\"data-theme\", effectiveTheme);\n previousClassRef.current = nextClass;\n\n return () => {\n host.classList.remove(nextClass);\n if (host.getAttribute(\"data-theme\") === effectiveTheme) {\n host.removeAttribute(\"data-theme\");\n }\n };\n }, [effectiveTheme, target]);\n\n useEffect(() => {\n if (theme !== \"system\") return;\n if (typeof window === \"undefined\") return;\n\n const mq = window.matchMedia(\"(prefers-color-scheme: dark)\");\n const handler = () => {\n onThemeChange?.(\"system\", getSystemTheme());\n };\n\n mq.addEventListener(\"change\", handler);\n return () => mq.removeEventListener(\"change\", handler);\n }, [theme, onThemeChange]);\n\n const setTheme = useCallback(\n (mode: AllowedThemeOptions) => {\n if (onThemeChange) {\n onThemeChange(mode, effectiveTheme);\n return;\n }\n console.warn(\n \"ThemeProvider: `setTheme` called but no `onThemeChange` handler was provided. The theme remains unchanged.\"\n );\n },\n [onThemeChange, effectiveTheme]\n );\n\n const toggleTheme = useCallback(() => {\n setTheme(theme === \"light\" ? \"dark\" : \"light\");\n }, [setTheme, theme]);\n\n const value = useMemo<ThemeContextValue>(\n () => ({\n theme,\n effectiveTheme,\n setTheme,\n toggleTheme,\n themeClassName: themeClassMap[effectiveTheme],\n }),\n [theme, effectiveTheme, setTheme, toggleTheme]\n );\n\n return (\n <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n );\n}\n\nexport function useTheme(): ThemeContextValue {\n const context = useContext(ThemeContext);\n if (!context) {\n throw new Error(\"useTheme must be used within a ThemeProvider\");\n }\n return context;\n}\n\n// Re-export types\nexport type { ThemeMode, AllowedThemeOptions };\n","import '../theme/src/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE72YW2_bNhSA3_MrBPhlA9qAFCWKUp7WrcYKdEOGFNhjQfHiuHGkVJbTpsP--0DZs8jDQ9sYisWBYSQfL4fiOeTn6_HePJqPm_XqfvwwffxIq_GJrPqcZ39dZdnr16rvRtONt8P6UQ4vx_-TJluQ1r1ufOzOqL7TPkibbJG3ucp1AH4ww7j2ubzJFiUvRSkD7o-dHM3Q-SRrsoWoRSvCHn8xVu4245_363EOo2iyhZ1-bpBo3nXPZtjOdInTx6Agz5tsYXL3QmODeNVkC1lJIetw4uutbDdGHznRZIu2bKtWBNybQXYzVLuxTVlyjs81pKV7XJUoDAvo9-vu4ci0jtFFAaJ3zK_9sxmOoHKgZFypCLwdzHbrhaIdKvK6DkN-19n-yBh8XMe86TdzXxYf9vd-XKt5kVfTM6wqQhAq6O--yRZ1XUSkWclx_Tz3uHY9SkISXNDnJ9cnj9jbfrsO-nxwsRCpaY1yQZ-bieWChOvz0-je1313BB_d_moJsWUIqmDobuqu0qLYU61UD6uh33Ua5ngP0mEm4zR_arLFslqKpYBsuHc-g5TxRw-3zpAk78zGqNFDt26iSmtDkhON2oxNtlDacFvDNlE-7lz3xFJLIRom2TNIScCFC_HFJbkpijIKb4Lhanx1Rc8yxnQyxHAyLyDjUw3CWX1zrTiXbRRC2ApOj07nQVFYET3_INcpBckecne7dtzMW5W6Q8Eyy2MaZD1lIO0hCXs-HAzCRssf5T8tQQGI2XARqTsXlDjVIFq_ChSOuAmMQOwjyOMIompDa1BuYhb27g4Mm9vWRtsHnmrUnRuUu1cCBaujwI1g5uOSRt0Bsqzf_rxcRnBY1qg7Roy15kS1mrYujNQdK2-XS3EcoR-0GWAtpCtwP9ljyH3nHlxP9mB036HuWFGFKhX3OeS-Qz_BSjiRUZmi7lDRTBe68LmwLNANLFJhHIB-hFVkoqMt0MGTYsKWvdptZ6iHqX_oyy8PTygDk_0zTPY9FSXuABN3_2ij9NjC9Ji43_rOm9kId_nEIDt2B07hAwh26zM4hbe7wUpl3pMZ-QIW9V-EzsjXBJLPyEsCYTPyLYEU8-WcJJByRmgC4TOSA8TVhY18Keegc9Zkw6qVP5BX2eH3uiQ_Ahzuv7w4tMrL8lU2v3ltx0F22yc5mG6cm5VN5v395urvq-u9EGk5PAAfqs770Cl1CHzohDMEPoTIQsKHuOKmCu-c38mHTkke5kMnXA_zIUT5UB8qaJEXobz8Hz7ENK8v8iFuBFzUlA_VpsVcJ_AhZFzUh5BhUR-qc8YQKvIha6UGK4j7UMsY7DHlQ1ZxDvpEfYixVhfVZT5U19rIcPyED9VVCRYI8aG61ojlYD7kp8M5H8IvRbEP4ZchzIf8LDjjQ2dkAfUhwlhZRsGhPoTPOfYhS6tKlCgX-5At61pG4SV9yIq2VYgdJn2IuW0TXYHP-RCXbWnMf_ChWiljI8uOfchP9vM-RBgxLFok3IfmtL_EhxijIu0fwIe8AnCRD_lV4EIfsro-fnF0mQ-xHDMo3If8cnOZDxGSMxLtZdSH8K9N0j6Ef72Q8CHKSRmvPeZDbsYx-d18KNachA_F4oT7UFBVTvpQfBXHfSiomCkfCorUWR8Kqkjah-IZIj4UpH7Ch2IG9yEv2U_5kJ-4J3woSI-ED8XKl_AhoYsKgIgPMdYaaA_Ah_zjN-FD_ronfCgnOc3zkz7k78SEDzHOKiZO-pC_-xI-VLSFLs77UNpszlsR5lKX-dA_xaoyfCAaAAA';\nexport var colorVars = {contentPrimary:'var(--contentPrimary__17tp0go0)',contentSecondary:'var(--contentSecondary__17tp0go1)',contentTertiary:'var(--contentTertiary__17tp0go2)',contentQuaternary:'var(--contentQuaternary__17tp0go3)',contentDefaultWhite:'var(--contentDefaultWhite__17tp0go4)',contentPrimaryInverse:'var(--contentPrimaryInverse__17tp0go5)',contentSecondaryInverse:'var(--contentSecondaryInverse__17tp0go6)',contentTertiaryInverse:'var(--contentTertiaryInverse__17tp0go7)',contentDisabled:'var(--contentDisabled__17tp0go8)',contentBrand:'var(--contentBrand__17tp0go9)',contentSecondaryBrand:'var(--contentSecondaryBrand__17tp0goa)',contentLink:'var(--contentLink__17tp0gob)',contentLinkHover:'var(--contentLinkHover__17tp0goc)',contentLinkPressed:'var(--contentLinkPressed__17tp0god)',contentInfo:'var(--contentInfo__17tp0goe)',contentInfoBold:'var(--contentInfoBold__17tp0gof)',contentNotice:'var(--contentNotice__17tp0gog)',contentNoticeBold:'var(--contentNoticeBold__17tp0goh)',contentNegative:'var(--contentNegative__17tp0goi)',contentNegativeBold:'var(--contentNegativeBold__17tp0goj)',contentPositive:'var(--contentPositive__17tp0gok)',contentPositiveBold:'var(--contentPositiveBold__17tp0gol)',contentAttention:'var(--contentAttention__17tp0gom)',contentActive:'var(--contentActive__17tp0gon)',backgroundPrimary:'var(--backgroundPrimary__17tp0goo)',backgroundSecondary:'var(--backgroundSecondary__17tp0gop)',backgroundHover:'var(--backgroundHover__17tp0goq)',backgroundPressed:'var(--backgroundPressed__17tp0gor)',backgroundSelected:'var(--backgroundSelected__17tp0gos)',backgroundSecondarySelected:'var(--backgroundSecondarySelected__17tp0got)',backgroundDisabled:'var(--backgroundDisabled__17tp0gou)',backgroundBrand:'var(--backgroundBrand__17tp0gov)',backgroundBrandHover:'var(--backgroundBrandHover__17tp0gow)',backgroundBrandPressed:'var(--backgroundBrandPressed__17tp0gox)',backgroundSecondaryBrand:'var(--backgroundSecondaryBrand__17tp0goy)',backgroundSecondaryBrandHover:'var(--backgroundSecondaryBrandHover__17tp0goz)',backgroundSecondaryBrandPressed:'var(--backgroundSecondaryBrandPressed__17tp0go10)',backgroundInfo:'var(--backgroundInfo__17tp0go11)',backgroundInfoSubtle:'var(--backgroundInfoSubtle__17tp0go12)',backgroundNotice:'var(--backgroundNotice__17tp0go13)',backgroundNoticeSubtle:'var(--backgroundNoticeSubtle__17tp0go14)',backgroundNegative:'var(--backgroundNegative__17tp0go15)',backgroundNegativeHover:'var(--backgroundNegativeHover__17tp0go16)',backgroundNegativePressed:'var(--backgroundNegativePressed__17tp0go17)',backgroundNegativeSubtle:'var(--backgroundNegativeSubtle__17tp0go18)',backgroundPositive:'var(--backgroundPositive__17tp0go19)',backgroundPositiveSubtle:'var(--backgroundPositiveSubtle__17tp0go1a)',backgroundInverse:'var(--backgroundInverse__17tp0go1b)',backgroundInverseHover:'var(--backgroundInverseHover__17tp0go1c)',backgroundAttention:'var(--backgroundAttention__17tp0go1d)',backgroundActive:'var(--backgroundActive__17tp0go1e)',backgroundSecondaryBrandSubtle:'var(--backgroundSecondaryBrandSubtle__17tp0go1f)',borderPrimary:'var(--borderPrimary__17tp0go1g)',borderSecondary:'var(--borderSecondary__17tp0go1h)',borderTertiary:'var(--borderTertiary__17tp0go1i)',borderQuaternary:'var(--borderQuaternary__17tp0go1j)',borderDisabled:'var(--borderDisabled__17tp0go1k)',borderBrand:'var(--borderBrand__17tp0go1l)',borderSecondaryBrand:'var(--borderSecondaryBrand__17tp0go1m)',borderInverse:'var(--borderInverse__17tp0go1n)',borderFocus:'var(--borderFocus__17tp0go1o)',borderInfo:'var(--borderInfo__17tp0go1p)',borderNotice:'var(--borderNotice__17tp0go1q)',borderNegative:'var(--borderNegative__17tp0go1r)',borderPositive:'var(--borderPositive__17tp0go1s)',borderMono:'var(--borderMono__17tp0go1t)',borderAttention:'var(--borderAttention__17tp0go1u)',borderActive:'var(--borderActive__17tp0go1v)',surfaceL0:'var(--surfaceL0__17tp0go1w)',surfaceL1:'var(--surfaceL1__17tp0go1x)',surfaceL2:'var(--surfaceL2__17tp0go1y)',surfaceL3:'var(--surfaceL3__17tp0go1z)',surfaceL4:'var(--surfaceL4__17tp0go20)',surfaceL5:'var(--surfaceL5__17tp0go21)',surfaceL6:'var(--surfaceL6__17tp0go22)',overlay50:'var(--overlay50__17tp0go23)',overlay50Inverse:'var(--overlay50Inverse__17tp0go24)',transparent:'var(--transparent__17tp0go25)'};\nexport var darkTheme = 'theme_darkTheme__17tp0go27';\nexport var lightTheme = 'theme_lightTheme__17tp0go26';"],"mappings":"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","names":[]}
package/package.json ADDED
@@ -0,0 +1,67 @@
1
+ {
2
+ "name": "@zentrades-ui/ui",
3
+ "version": "0.1.0",
4
+ "type": "module",
5
+ "main": "dist/index.js",
6
+ "types": "dist/index.d.ts",
7
+ "files": [
8
+ "dist"
9
+ ],
10
+ "publishConfig": {
11
+ "access": "public"
12
+ },
13
+ "sideEffects": [
14
+ "*.css"
15
+ ],
16
+ "exports": {
17
+ ".": {
18
+ "types": "./dist/index.d.ts",
19
+ "import": "./dist/index.js"
20
+ },
21
+ "./components": {
22
+ "types": "./dist/components.d.ts",
23
+ "import": "./dist/components.js"
24
+ },
25
+ "./theme": {
26
+ "types": "./dist/theme.d.ts",
27
+ "import": "./dist/theme.js"
28
+ },
29
+ "./icons": {
30
+ "types": "./dist/icons.d.ts",
31
+ "import": "./dist/icons.js"
32
+ }
33
+ },
34
+ "peerDependencies": {
35
+ "react": ">=18"
36
+ },
37
+ "dependencies": {
38
+ "@radix-ui/react-accordion": "^1.2.2",
39
+ "@radix-ui/react-alert-dialog": "^1.1.4",
40
+ "@radix-ui/react-avatar": "^1.1.2",
41
+ "@radix-ui/react-checkbox": "^1.1.4",
42
+ "@radix-ui/react-dialog": "^1.1.4",
43
+ "@radix-ui/react-dropdown-menu": "^2.1.4",
44
+ "@radix-ui/react-popover": "^1.1.4",
45
+ "@radix-ui/react-select": "^2.1.4",
46
+ "@radix-ui/react-switch": "^1.1.3",
47
+ "@radix-ui/react-slot": "^1.1.1",
48
+ "@radix-ui/react-tabs": "^1.1.2",
49
+ "@radix-ui/react-toast": "^1.2.4",
50
+ "@radix-ui/react-tooltip": "^1.1.8",
51
+ "@vanilla-extract/css": "^1.17.1",
52
+ "@vanilla-extract/recipes": "^0.5.7",
53
+ "@vanilla-extract/sprinkles": "^1.6.3",
54
+ "clsx": "^2.1.1"
55
+ },
56
+ "devDependencies": {
57
+ "@vanilla-extract/esbuild-plugin": "^2.3.16",
58
+ "@types/react": "^18.3.12",
59
+ "tsup": "^8.5.0",
60
+ "typescript": "^5.9.3",
61
+ "@zentrades-ui/theme": "0.1.0",
62
+ "@zentrades-ui/tokens": "0.1.0"
63
+ },
64
+ "scripts": {
65
+ "build": "tsup"
66
+ }
67
+ }