@zentrades-ui/components 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_srBPhlA9pAFEWKUp7WrcYKdEOGFNhjQfHiOHGkVJbdpsP--0A5s8jDQ9sYisWBYSQfL4fiOeTnq_HOPJpPm_Xqbvw4ffxEVvv7dt0VPPvrVZa9eaP6bjTdeDOsH-XwfPx_3mSLvHWvax-7NarvtA-SJlsUbaEKHYAfzTCufa5osgXjTDAZcH_s5GiGzidpky1ELVoR9viLsXK3Gf-8W49zGGWTLez0c41E877bm2E70wynj0FBnjfZwhTuhcYG8arJFrKSQtbhxNdb2W6MPnKiyRYta6tWBNzbQXYzVLuxDWOc43MNaekeVyVKQwP6w7p7ODKtY3RZgugd82u_N8MRVA6UlCsVgTeD2W69ULRDRVHXYcjvO9sfGYOP65i3_Wbuy-LD_t6PazUv8mp6hlWV5wgV9HfXZIu6LiPSrOS43s89rl2PMs8TXNDnveuTR-xNv10HfT64WHKpSY1yQZ-bieUiD9fnp9G9r_vuCD66_dXmuWUhqIKhu6m7SovyQLVSPayGftdpmOM9SIeZjNP8qckWy2oplgKy4d75DFLGHz3cOkOSvDUbo0YP3bqJKq1Nnpxo1GZssoXShtsatonycee6zy2xBKJhku1BSgIuXIgvLslNWbIovAmGq_HVFT1LKdXJEMPJPIOMTzUIZ_XNteJctlEIYSs4PTKdB2VpRfT8g1wnBCR7yN3u2nEzb1XiDgVLLY9pkPWEgrSHJOz55WAQNlr-KP8JAwUgZsNFJO5cUOJUg2j9KlA44iYwAnGIoIgjiKoNqUG5iVnYuzswbGFbG20feKoRd24Q7l4JFKyOAjeCmY9LGnEHyLJ-9_NyGcFhWSPuGDHWmhPVatq6MFJ3rLxbLsVxhH7QZoC1kKzA_eSAIfedO3A9OYDRfYe4Y0WViinuc8h9h9zDSjiRUZki7lDRVJe69LmwLJANLFJhHIB-hFVkoqMt0MGTYsKWvdptZ6iHqf_Sl18enlAGJvtnmOwHKkrcASbu4dFG6bGF6TFxv_WdN7MR7vKJQXbsDpzCLyDYrXtwCm93g5XKfMhn5AtY1H8RMiNfE0gxI88JhM7ItwRSzpfzPIGwGSEJhM9IARBXFzbymc1BF7TJhlUrf8hfZy-_Vyz_EeBw_xXlS6uCsdfZ_Oa1HQfZbZ_kYLpxbsaazPv79au_X10dhEjL4QH4UHXeh06pQ-BDJ5wh8CFEFhI-xBU3VXjn_E4-dEryMB864XqYDyHKh_pQScqiDOXl__Ahqnl9kQ9xI-CipnyoNi3mOoEPIeOiPoQMi_pQXVCKUJEPWSs1WEHch1pKYY8pH7KKc9An6kOUtrqsLvOhutZGhuMnfKiuGFggxIfqWiOWg_mQnw7nfAi_FMU-hF-GMB_ys-CMD52RBdSHckoZi4JDfQifc-xDllSVYCgX-5BldS2j8JI-ZEXbKsQOkz5E3baJrsDnfIjLlhnzH3yoVsrYyLJjH_KT_bwP5TQ3NFok3IfmtL_EhyglIu0fwIe8AnCRD_lV4EIfsro-fnF0mQ_RAjMo3If8cnOZD-V5QfNoL6M-hH9tkvYh_OuFhA8RnrN47TEfcjOOye_mQ7HmJHwoFifch4KqctKH4qs47kNBxUz5UFCkzvpQUEXSPhTPEPGhIPUTPhQzuA95yX7Kh_zEPeFDQXokfChWvoQPCV1WAER8iNLWQHsAPuQfvwkf8tc94UNFXpCiOOlD_k5M-BDltKLipA_5uy_hQ2Vb6vK8D6XN5rwVYS51mQ_9A3LH8a8gGgAA */
2
+ .theme_lightTheme__1gvjbin26 {
3
+ --contentPrimary__1gvjbin0: #0b0b0b;
4
+ --contentSecondary__1gvjbin1: #2b2c2d;
5
+ --contentTertiary__1gvjbin2: #56585a;
6
+ --contentQuaternary__1gvjbin3: #898b8d;
7
+ --contentDefaultWhite__1gvjbin4: #ffffff;
8
+ --contentPrimaryInverse__1gvjbin5: #ffffff;
9
+ --contentSecondaryInverse__1gvjbin6: #e2e2e2;
10
+ --contentTertiaryInverse__1gvjbin7: #a7a8a9;
11
+ --contentDisabled__1gvjbin8: #b5b7b8;
12
+ --contentBrand__1gvjbin9: #ee5566;
13
+ --contentSecondaryBrand__1gvjbina: #0784e3;
14
+ --contentLink__1gvjbinb: #0d44ff;
15
+ --contentLinkHover__1gvjbinc: #0a36cc;
16
+ --contentLinkPressed__1gvjbind: #082999;
17
+ --contentInfo__1gvjbine: #0d44ff;
18
+ --contentInfoBold__1gvjbinf: #0a36cc;
19
+ --contentNotice__1gvjbing: #ff7700;
20
+ --contentNoticeBold__1gvjbinh: #994700;
21
+ --contentNegative__1gvjbini: #fa0000;
22
+ --contentNegativeBold__1gvjbinj: #960000;
23
+ --contentPositive__1gvjbink: #00ad19;
24
+ --contentPositiveBold__1gvjbinl: #00680f;
25
+ --contentAttention__1gvjbinm: #ab00f5;
26
+ --contentActive__1gvjbinn: #007d84;
27
+ --backgroundPrimary__1gvjbino: #ffffff;
28
+ --backgroundSecondary__1gvjbinp: #F7F8F8;
29
+ --backgroundHover__1gvjbinq: #e2e2e2;
30
+ --backgroundPressed__1gvjbinr: #e2e2e2;
31
+ --backgroundSelected__1gvjbins: #fcdde0;
32
+ --backgroundSecondarySelected__1gvjbint: #cde6f9;
33
+ --backgroundDisabled__1gvjbinu: #f0f1f1;
34
+ --backgroundBrand__1gvjbinv: #ee5566;
35
+ --backgroundBrandHover__1gvjbinw: #be4452;
36
+ --backgroundBrandPressed__1gvjbinx: #8f333d;
37
+ --backgroundSecondaryBrand__1gvjbiny: #0784e3;
38
+ --backgroundSecondaryBrandHover__1gvjbinz: #066ab6;
39
+ --backgroundSecondaryBrandPressed__1gvjbin10: #044f88;
40
+ --backgroundInfo__1gvjbin11: #0d44ff;
41
+ --backgroundInfoSubtle__1gvjbin12: #f3f6ff;
42
+ --backgroundNotice__1gvjbin13: #ff7700;
43
+ --backgroundNoticeSubtle__1gvjbin14: #fff8f2;
44
+ --backgroundNegative__1gvjbin15: #fa0000;
45
+ --backgroundNegativeHover__1gvjbin16: #c80000;
46
+ --backgroundNegativePressed__1gvjbin17: #960000;
47
+ --backgroundNegativeSubtle__1gvjbin18: #fff2f2;
48
+ --backgroundPositive__1gvjbin19: #00ad19;
49
+ --backgroundPositiveSubtle__1gvjbin1a: #f2fbf3;
50
+ --backgroundInverse__1gvjbin1b: #161616;
51
+ --backgroundInverseHover__1gvjbin1c: #2b2c2d;
52
+ --backgroundAttention__1gvjbin1d: #F9ECFF;
53
+ --backgroundActive__1gvjbin1e: #effeff;
54
+ --backgroundSecondaryBrandSubtle__1gvjbin1f: #EFF8FF;
55
+ --borderPrimary__1gvjbin1g: #56585a;
56
+ --borderSecondary__1gvjbin1h: #898b8d;
57
+ --borderTertiary__1gvjbin1i: #c4c5c6;
58
+ --borderQuaternary__1gvjbin1j: #e2e2e2;
59
+ --borderDisabled__1gvjbin1k: #d3d4d4;
60
+ --borderBrand__1gvjbin1l: #ee5566;
61
+ --borderSecondaryBrand__1gvjbin1m: #0784e3;
62
+ --borderInverse__1gvjbin1n: #ffffff;
63
+ --borderFocus__1gvjbin1o: #0d44ff;
64
+ --borderInfo__1gvjbin1p: #0d44ff;
65
+ --borderNotice__1gvjbin1q: #ff7700;
66
+ --borderNegative__1gvjbin1r: #fa0000;
67
+ --borderPositive__1gvjbin1s: #00ad19;
68
+ --borderMono__1gvjbin1t: #161616;
69
+ --borderAttention__1gvjbin1u: #ab00f5;
70
+ --borderActive__1gvjbin1v: #007d84;
71
+ --surfaceL0__1gvjbin1w: #ffffff;
72
+ --surfaceL1__1gvjbin1x: #ffffff;
73
+ --surfaceL2__1gvjbin1y: #ffffff;
74
+ --surfaceL3__1gvjbin1z: #ffffff;
75
+ --surfaceL4__1gvjbin20: #ffffff;
76
+ --surfaceL5__1gvjbin21: #ffffff;
77
+ --surfaceL6__1gvjbin22: #ffffff;
78
+ --overlay50__1gvjbin23: rgba(0, 0, 0, 0.50);
79
+ --overlay50Inverse__1gvjbin24: rgba(255, 255, 255, 0.50);
80
+ --transparent__1gvjbin25: transparent;
81
+ }
82
+ .theme_darkTheme__1gvjbin27 {
83
+ --contentPrimary__1gvjbin0: #ffffff;
84
+ --contentSecondary__1gvjbin1: #e2e2e2;
85
+ --contentTertiary__1gvjbin2: #a7a8a9;
86
+ --contentQuaternary__1gvjbin3: #6c6e70;
87
+ --contentDefaultWhite__1gvjbin4: #ffffff;
88
+ --contentPrimaryInverse__1gvjbin5: #0b0b0b;
89
+ --contentSecondaryInverse__1gvjbin6: #2b2c2d;
90
+ --contentTertiaryInverse__1gvjbin7: #56585a;
91
+ --contentDisabled__1gvjbin8: #414243;
92
+ --contentBrand__1gvjbin9: #ee5566;
93
+ --contentSecondaryBrand__1gvjbina: #0784e3;
94
+ --contentLink__1gvjbinb: #3d69ff;
95
+ --contentLinkHover__1gvjbinc: #6e8fff;
96
+ --contentLinkPressed__1gvjbind: #9eb4ff;
97
+ --contentInfo__1gvjbine: #3d69ff;
98
+ --contentInfoBold__1gvjbinf: #6e8fff;
99
+ --contentNotice__1gvjbing: #ff9233;
100
+ --contentNoticeBold__1gvjbinh: #ffad66;
101
+ --contentNegative__1gvjbini: #fb3333;
102
+ --contentNegativeBold__1gvjbinj: #fc6666;
103
+ --contentPositive__1gvjbink: #33bd47;
104
+ --contentPositiveBold__1gvjbinl: #99dea3;
105
+ --contentAttention__1gvjbinm: #a975ff;
106
+ --contentActive__1gvjbinn: #99dfff;
107
+ --backgroundPrimary__1gvjbino: #0b0b0b;
108
+ --backgroundSecondary__1gvjbinp: #161616;
109
+ --backgroundHover__1gvjbinq: #2b2c2d;
110
+ --backgroundPressed__1gvjbinr: #414243;
111
+ --backgroundSelected__1gvjbins: #8f333d;
112
+ --backgroundSecondarySelected__1gvjbint: #03355b;
113
+ --backgroundDisabled__1gvjbinu: #2b2c2d;
114
+ --backgroundBrand__1gvjbinv: #f17785;
115
+ --backgroundBrandHover__1gvjbinw: #f599a3;
116
+ --backgroundBrandPressed__1gvjbinx: #f8bbc2;
117
+ --backgroundSecondaryBrand__1gvjbiny: #399de9;
118
+ --backgroundSecondaryBrandHover__1gvjbinz: #6ab5ee;
119
+ --backgroundSecondaryBrandPressed__1gvjbin10: #9ccef4;
120
+ --backgroundInfo__1gvjbin11: #3d69ff;
121
+ --backgroundInfoSubtle__1gvjbin12: #030e33;
122
+ --backgroundNotice__1gvjbin13: #ff9233;
123
+ --backgroundNoticeSubtle__1gvjbin14: #331800;
124
+ --backgroundNegative__1gvjbin15: #fb3333;
125
+ --backgroundNegativeHover__1gvjbin16: #fc6666;
126
+ --backgroundNegativePressed__1gvjbin17: #fd9999;
127
+ --backgroundNegativeSubtle__1gvjbin18: #320000;
128
+ --backgroundPositive__1gvjbin19: #33bd47;
129
+ --backgroundPositiveSubtle__1gvjbin1a: #002305;
130
+ --backgroundInverse__1gvjbin1b: #ffffff;
131
+ --backgroundInverseHover__1gvjbin1c: #f0f1f1;
132
+ --backgroundAttention__1gvjbin1d: #160533;
133
+ --backgroundActive__1gvjbin1e: #002333;
134
+ --backgroundSecondaryBrandSubtle__1gvjbin1f: #EFF8FF;
135
+ --borderPrimary__1gvjbin1g: #898b8d;
136
+ --borderSecondary__1gvjbin1h: #56585a;
137
+ --borderTertiary__1gvjbin1i: #2b2c2d;
138
+ --borderQuaternary__1gvjbin1j: #161616;
139
+ --borderDisabled__1gvjbin1k: #414243;
140
+ --borderBrand__1gvjbin1l: #f17785;
141
+ --borderSecondaryBrand__1gvjbin1m: #399de9;
142
+ --borderInverse__1gvjbin1n: #161616;
143
+ --borderFocus__1gvjbin1o: #3d69ff;
144
+ --borderInfo__1gvjbin1p: #3d69ff;
145
+ --borderNotice__1gvjbin1q: #ff9233;
146
+ --borderNegative__1gvjbin1r: #fb3333;
147
+ --borderPositive__1gvjbin1s: #33bd47;
148
+ --borderMono__1gvjbin1t: #ffffff;
149
+ --borderAttention__1gvjbin1u: #8d47ff;
150
+ --borderActive__1gvjbin1v: #33beff;
151
+ --surfaceL0__1gvjbin1w: #0b0b0b;
152
+ --surfaceL1__1gvjbin1x: #161616;
153
+ --surfaceL2__1gvjbin1y: #202122;
154
+ --surfaceL3__1gvjbin1z: #2b2c2d;
155
+ --surfaceL4__1gvjbin20: #363738;
156
+ --surfaceL5__1gvjbin21: #414243;
157
+ --surfaceL6__1gvjbin22: #4b4d4f;
158
+ --overlay50__1gvjbin23: rgba(255, 255, 255, 0.50);
159
+ --overlay50Inverse__1gvjbin24: rgba(0, 0, 0, 0.50);
160
+ --transparent__1gvjbin25: 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_srBPhlA9pAFEWKUp7WrcYKdEOGFNhjQfHiOHGkVJbdpsP--0A5s8jDQ9sYisWBYSQfL4fiOeTnq_HOPJpPm_Xqbvw4ffxEVvv7dt0VPPvrVZa9eaP6bjTdeDOsH-XwfPx_3mSLvHWvax-7NarvtA-SJlsUbaEKHYAfzTCufa5osgXjTDAZcH_s5GiGzidpky1ELVoR9viLsXK3Gf-8W49zGGWTLez0c41E877bm2E70wynj0FBnjfZwhTuhcYG8arJFrKSQtbhxNdb2W6MPnKiyRYta6tWBNzbQXYzVLuxDWOc43MNaekeVyVKQwP6w7p7ODKtY3RZgugd82u_N8MRVA6UlCsVgTeD2W69ULRDRVHXYcjvO9sfGYOP65i3_Wbuy-LD_t6PazUv8mp6hlWV5wgV9HfXZIu6LiPSrOS43s89rl2PMs8TXNDnveuTR-xNv10HfT64WHKpSY1yQZ-bieUiD9fnp9G9r_vuCD66_dXmuWUhqIKhu6m7SovyQLVSPayGftdpmOM9SIeZjNP8qckWy2oplgKy4d75DFLGHz3cOkOSvDUbo0YP3bqJKq1Nnpxo1GZssoXShtsatonycee6zy2xBKJhku1BSgIuXIgvLslNWbIovAmGq_HVFT1LKdXJEMPJPIOMTzUIZ_XNteJctlEIYSs4PTKdB2VpRfT8g1wnBCR7yN3u2nEzb1XiDgVLLY9pkPWEgrSHJOz55WAQNlr-KP8JAwUgZsNFJO5cUOJUg2j9KlA44iYwAnGIoIgjiKoNqUG5iVnYuzswbGFbG20feKoRd24Q7l4JFKyOAjeCmY9LGnEHyLJ-9_NyGcFhWSPuGDHWmhPVatq6MFJ3rLxbLsVxhH7QZoC1kKzA_eSAIfedO3A9OYDRfYe4Y0WViinuc8h9h9zDSjiRUZki7lDRVJe69LmwLJANLFJhHIB-hFVkoqMt0MGTYsKWvdptZ6iHqf_Sl18enlAGJvtnmOwHKkrcASbu4dFG6bGF6TFxv_WdN7MR7vKJQXbsDpzCLyDYrXtwCm93g5XKfMhn5AtY1H8RMiNfE0gxI88JhM7ItwRSzpfzPIGwGSEJhM9IARBXFzbymc1BF7TJhlUrf8hfZy-_Vyz_EeBw_xXlS6uCsdfZ_Oa1HQfZbZ_kYLpxbsaazPv79au_X10dhEjL4QH4UHXeh06pQ-BDJ5wh8CFEFhI-xBU3VXjn_E4-dEryMB864XqYDyHKh_pQScqiDOXl__Ahqnl9kQ9xI-CipnyoNi3mOoEPIeOiPoQMi_pQXVCKUJEPWSs1WEHch1pKYY8pH7KKc9An6kOUtrqsLvOhutZGhuMnfKiuGFggxIfqWiOWg_mQnw7nfAi_FMU-hF-GMB_ys-CMD52RBdSHckoZi4JDfQifc-xDllSVYCgX-5BldS2j8JI-ZEXbKsQOkz5E3baJrsDnfIjLlhnzH3yoVsrYyLJjH_KT_bwP5TQ3NFok3IfmtL_EhyglIu0fwIe8AnCRD_lV4EIfsro-fnF0mQ_RAjMo3If8cnOZD-V5QfNoL6M-hH9tkvYh_OuFhA8RnrN47TEfcjOOye_mQ7HmJHwoFifch4KqctKH4qs47kNBxUz5UFCkzvpQUEXSPhTPEPGhIPUTPhQzuA95yX7Kh_zEPeFDQXokfChWvoQPCV1WAER8iNLWQHsAPuQfvwkf8tc94UNFXpCiOOlD_k5M-BDltKLipA_5uy_hQ2Vb6vK8D6XN5rwVYS51mQ_9A3LH8a8gGgAA"],"sourcesContent":[".theme_lightTheme__1gvjbin26 {\n --contentPrimary__1gvjbin0: #0b0b0b;\n --contentSecondary__1gvjbin1: #2b2c2d;\n --contentTertiary__1gvjbin2: #56585a;\n --contentQuaternary__1gvjbin3: #898b8d;\n --contentDefaultWhite__1gvjbin4: #ffffff;\n --contentPrimaryInverse__1gvjbin5: #ffffff;\n --contentSecondaryInverse__1gvjbin6: #e2e2e2;\n --contentTertiaryInverse__1gvjbin7: #a7a8a9;\n --contentDisabled__1gvjbin8: #b5b7b8;\n --contentBrand__1gvjbin9: #ee5566;\n --contentSecondaryBrand__1gvjbina: #0784e3;\n --contentLink__1gvjbinb: #0d44ff;\n --contentLinkHover__1gvjbinc: #0a36cc;\n --contentLinkPressed__1gvjbind: #082999;\n --contentInfo__1gvjbine: #0d44ff;\n --contentInfoBold__1gvjbinf: #0a36cc;\n --contentNotice__1gvjbing: #ff7700;\n --contentNoticeBold__1gvjbinh: #994700;\n --contentNegative__1gvjbini: #fa0000;\n --contentNegativeBold__1gvjbinj: #960000;\n --contentPositive__1gvjbink: #00ad19;\n --contentPositiveBold__1gvjbinl: #00680f;\n --contentAttention__1gvjbinm: #ab00f5;\n --contentActive__1gvjbinn: #007d84;\n --backgroundPrimary__1gvjbino: #ffffff;\n --backgroundSecondary__1gvjbinp: #F7F8F8;\n --backgroundHover__1gvjbinq: #e2e2e2;\n --backgroundPressed__1gvjbinr: #e2e2e2;\n --backgroundSelected__1gvjbins: #fcdde0;\n --backgroundSecondarySelected__1gvjbint: #cde6f9;\n --backgroundDisabled__1gvjbinu: #f0f1f1;\n --backgroundBrand__1gvjbinv: #ee5566;\n --backgroundBrandHover__1gvjbinw: #be4452;\n --backgroundBrandPressed__1gvjbinx: #8f333d;\n --backgroundSecondaryBrand__1gvjbiny: #0784e3;\n --backgroundSecondaryBrandHover__1gvjbinz: #066ab6;\n --backgroundSecondaryBrandPressed__1gvjbin10: #044f88;\n --backgroundInfo__1gvjbin11: #0d44ff;\n --backgroundInfoSubtle__1gvjbin12: #f3f6ff;\n --backgroundNotice__1gvjbin13: #ff7700;\n --backgroundNoticeSubtle__1gvjbin14: #fff8f2;\n --backgroundNegative__1gvjbin15: #fa0000;\n --backgroundNegativeHover__1gvjbin16: #c80000;\n --backgroundNegativePressed__1gvjbin17: #960000;\n --backgroundNegativeSubtle__1gvjbin18: #fff2f2;\n --backgroundPositive__1gvjbin19: #00ad19;\n --backgroundPositiveSubtle__1gvjbin1a: #f2fbf3;\n --backgroundInverse__1gvjbin1b: #161616;\n --backgroundInverseHover__1gvjbin1c: #2b2c2d;\n --backgroundAttention__1gvjbin1d: #F9ECFF;\n --backgroundActive__1gvjbin1e: #effeff;\n --backgroundSecondaryBrandSubtle__1gvjbin1f: #EFF8FF;\n --borderPrimary__1gvjbin1g: #56585a;\n --borderSecondary__1gvjbin1h: #898b8d;\n --borderTertiary__1gvjbin1i: #c4c5c6;\n --borderQuaternary__1gvjbin1j: #e2e2e2;\n --borderDisabled__1gvjbin1k: #d3d4d4;\n --borderBrand__1gvjbin1l: #ee5566;\n --borderSecondaryBrand__1gvjbin1m: #0784e3;\n --borderInverse__1gvjbin1n: #ffffff;\n --borderFocus__1gvjbin1o: #0d44ff;\n --borderInfo__1gvjbin1p: #0d44ff;\n --borderNotice__1gvjbin1q: #ff7700;\n --borderNegative__1gvjbin1r: #fa0000;\n --borderPositive__1gvjbin1s: #00ad19;\n --borderMono__1gvjbin1t: #161616;\n --borderAttention__1gvjbin1u: #ab00f5;\n --borderActive__1gvjbin1v: #007d84;\n --surfaceL0__1gvjbin1w: #ffffff;\n --surfaceL1__1gvjbin1x: #ffffff;\n --surfaceL2__1gvjbin1y: #ffffff;\n --surfaceL3__1gvjbin1z: #ffffff;\n --surfaceL4__1gvjbin20: #ffffff;\n --surfaceL5__1gvjbin21: #ffffff;\n --surfaceL6__1gvjbin22: #ffffff;\n --overlay50__1gvjbin23: rgba(0, 0, 0, 0.50);\n --overlay50Inverse__1gvjbin24: rgba(255, 255, 255, 0.50);\n --transparent__1gvjbin25: transparent;\n}\n.theme_darkTheme__1gvjbin27 {\n --contentPrimary__1gvjbin0: #ffffff;\n --contentSecondary__1gvjbin1: #e2e2e2;\n --contentTertiary__1gvjbin2: #a7a8a9;\n --contentQuaternary__1gvjbin3: #6c6e70;\n --contentDefaultWhite__1gvjbin4: #ffffff;\n --contentPrimaryInverse__1gvjbin5: #0b0b0b;\n --contentSecondaryInverse__1gvjbin6: #2b2c2d;\n --contentTertiaryInverse__1gvjbin7: #56585a;\n --contentDisabled__1gvjbin8: #414243;\n --contentBrand__1gvjbin9: #ee5566;\n --contentSecondaryBrand__1gvjbina: #0784e3;\n --contentLink__1gvjbinb: #3d69ff;\n --contentLinkHover__1gvjbinc: #6e8fff;\n --contentLinkPressed__1gvjbind: #9eb4ff;\n --contentInfo__1gvjbine: #3d69ff;\n --contentInfoBold__1gvjbinf: #6e8fff;\n --contentNotice__1gvjbing: #ff9233;\n --contentNoticeBold__1gvjbinh: #ffad66;\n --contentNegative__1gvjbini: #fb3333;\n --contentNegativeBold__1gvjbinj: #fc6666;\n --contentPositive__1gvjbink: #33bd47;\n --contentPositiveBold__1gvjbinl: #99dea3;\n --contentAttention__1gvjbinm: #a975ff;\n --contentActive__1gvjbinn: #99dfff;\n --backgroundPrimary__1gvjbino: #0b0b0b;\n --backgroundSecondary__1gvjbinp: #161616;\n --backgroundHover__1gvjbinq: #2b2c2d;\n --backgroundPressed__1gvjbinr: #414243;\n --backgroundSelected__1gvjbins: #8f333d;\n --backgroundSecondarySelected__1gvjbint: #03355b;\n --backgroundDisabled__1gvjbinu: #2b2c2d;\n --backgroundBrand__1gvjbinv: #f17785;\n --backgroundBrandHover__1gvjbinw: #f599a3;\n --backgroundBrandPressed__1gvjbinx: #f8bbc2;\n --backgroundSecondaryBrand__1gvjbiny: #399de9;\n --backgroundSecondaryBrandHover__1gvjbinz: #6ab5ee;\n --backgroundSecondaryBrandPressed__1gvjbin10: #9ccef4;\n --backgroundInfo__1gvjbin11: #3d69ff;\n --backgroundInfoSubtle__1gvjbin12: #030e33;\n --backgroundNotice__1gvjbin13: #ff9233;\n --backgroundNoticeSubtle__1gvjbin14: #331800;\n --backgroundNegative__1gvjbin15: #fb3333;\n --backgroundNegativeHover__1gvjbin16: #fc6666;\n --backgroundNegativePressed__1gvjbin17: #fd9999;\n --backgroundNegativeSubtle__1gvjbin18: #320000;\n --backgroundPositive__1gvjbin19: #33bd47;\n --backgroundPositiveSubtle__1gvjbin1a: #002305;\n --backgroundInverse__1gvjbin1b: #ffffff;\n --backgroundInverseHover__1gvjbin1c: #f0f1f1;\n --backgroundAttention__1gvjbin1d: #160533;\n --backgroundActive__1gvjbin1e: #002333;\n --backgroundSecondaryBrandSubtle__1gvjbin1f: #EFF8FF;\n --borderPrimary__1gvjbin1g: #898b8d;\n --borderSecondary__1gvjbin1h: #56585a;\n --borderTertiary__1gvjbin1i: #2b2c2d;\n --borderQuaternary__1gvjbin1j: #161616;\n --borderDisabled__1gvjbin1k: #414243;\n --borderBrand__1gvjbin1l: #f17785;\n --borderSecondaryBrand__1gvjbin1m: #399de9;\n --borderInverse__1gvjbin1n: #161616;\n --borderFocus__1gvjbin1o: #3d69ff;\n --borderInfo__1gvjbin1p: #3d69ff;\n --borderNotice__1gvjbin1q: #ff9233;\n --borderNegative__1gvjbin1r: #fb3333;\n --borderPositive__1gvjbin1s: #33bd47;\n --borderMono__1gvjbin1t: #ffffff;\n --borderAttention__1gvjbin1u: #8d47ff;\n --borderActive__1gvjbin1v: #33beff;\n --surfaceL0__1gvjbin1w: #0b0b0b;\n --surfaceL1__1gvjbin1x: #161616;\n --surfaceL2__1gvjbin1y: #202122;\n --surfaceL3__1gvjbin1z: #2b2c2d;\n --surfaceL4__1gvjbin20: #363738;\n --surfaceL5__1gvjbin21: #414243;\n --surfaceL6__1gvjbin22: #4b4d4f;\n --overlay50__1gvjbin23: rgba(255, 255, 255, 0.50);\n --overlay50Inverse__1gvjbin24: rgba(0, 0, 0, 0.50);\n --transparent__1gvjbin25: 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__1gvjbin0)", contentSecondary: "var(--contentSecondary__1gvjbin1)", contentTertiary: "var(--contentTertiary__1gvjbin2)", contentQuaternary: "var(--contentQuaternary__1gvjbin3)", contentDefaultWhite: "var(--contentDefaultWhite__1gvjbin4)", contentPrimaryInverse: "var(--contentPrimaryInverse__1gvjbin5)", contentSecondaryInverse: "var(--contentSecondaryInverse__1gvjbin6)", contentTertiaryInverse: "var(--contentTertiaryInverse__1gvjbin7)", contentDisabled: "var(--contentDisabled__1gvjbin8)", contentBrand: "var(--contentBrand__1gvjbin9)", contentSecondaryBrand: "var(--contentSecondaryBrand__1gvjbina)", contentLink: "var(--contentLink__1gvjbinb)", contentLinkHover: "var(--contentLinkHover__1gvjbinc)", contentLinkPressed: "var(--contentLinkPressed__1gvjbind)", contentInfo: "var(--contentInfo__1gvjbine)", contentInfoBold: "var(--contentInfoBold__1gvjbinf)", contentNotice: "var(--contentNotice__1gvjbing)", contentNoticeBold: "var(--contentNoticeBold__1gvjbinh)", contentNegative: "var(--contentNegative__1gvjbini)", contentNegativeBold: "var(--contentNegativeBold__1gvjbinj)", contentPositive: "var(--contentPositive__1gvjbink)", contentPositiveBold: "var(--contentPositiveBold__1gvjbinl)", contentAttention: "var(--contentAttention__1gvjbinm)", contentActive: "var(--contentActive__1gvjbinn)", backgroundPrimary: "var(--backgroundPrimary__1gvjbino)", backgroundSecondary: "var(--backgroundSecondary__1gvjbinp)", backgroundHover: "var(--backgroundHover__1gvjbinq)", backgroundPressed: "var(--backgroundPressed__1gvjbinr)", backgroundSelected: "var(--backgroundSelected__1gvjbins)", backgroundSecondarySelected: "var(--backgroundSecondarySelected__1gvjbint)", backgroundDisabled: "var(--backgroundDisabled__1gvjbinu)", backgroundBrand: "var(--backgroundBrand__1gvjbinv)", backgroundBrandHover: "var(--backgroundBrandHover__1gvjbinw)", backgroundBrandPressed: "var(--backgroundBrandPressed__1gvjbinx)", backgroundSecondaryBrand: "var(--backgroundSecondaryBrand__1gvjbiny)", backgroundSecondaryBrandHover: "var(--backgroundSecondaryBrandHover__1gvjbinz)", backgroundSecondaryBrandPressed: "var(--backgroundSecondaryBrandPressed__1gvjbin10)", backgroundInfo: "var(--backgroundInfo__1gvjbin11)", backgroundInfoSubtle: "var(--backgroundInfoSubtle__1gvjbin12)", backgroundNotice: "var(--backgroundNotice__1gvjbin13)", backgroundNoticeSubtle: "var(--backgroundNoticeSubtle__1gvjbin14)", backgroundNegative: "var(--backgroundNegative__1gvjbin15)", backgroundNegativeHover: "var(--backgroundNegativeHover__1gvjbin16)", backgroundNegativePressed: "var(--backgroundNegativePressed__1gvjbin17)", backgroundNegativeSubtle: "var(--backgroundNegativeSubtle__1gvjbin18)", backgroundPositive: "var(--backgroundPositive__1gvjbin19)", backgroundPositiveSubtle: "var(--backgroundPositiveSubtle__1gvjbin1a)", backgroundInverse: "var(--backgroundInverse__1gvjbin1b)", backgroundInverseHover: "var(--backgroundInverseHover__1gvjbin1c)", backgroundAttention: "var(--backgroundAttention__1gvjbin1d)", backgroundActive: "var(--backgroundActive__1gvjbin1e)", backgroundSecondaryBrandSubtle: "var(--backgroundSecondaryBrandSubtle__1gvjbin1f)", borderPrimary: "var(--borderPrimary__1gvjbin1g)", borderSecondary: "var(--borderSecondary__1gvjbin1h)", borderTertiary: "var(--borderTertiary__1gvjbin1i)", borderQuaternary: "var(--borderQuaternary__1gvjbin1j)", borderDisabled: "var(--borderDisabled__1gvjbin1k)", borderBrand: "var(--borderBrand__1gvjbin1l)", borderSecondaryBrand: "var(--borderSecondaryBrand__1gvjbin1m)", borderInverse: "var(--borderInverse__1gvjbin1n)", borderFocus: "var(--borderFocus__1gvjbin1o)", borderInfo: "var(--borderInfo__1gvjbin1p)", borderNotice: "var(--borderNotice__1gvjbin1q)", borderNegative: "var(--borderNegative__1gvjbin1r)", borderPositive: "var(--borderPositive__1gvjbin1s)", borderMono: "var(--borderMono__1gvjbin1t)", borderAttention: "var(--borderAttention__1gvjbin1u)", borderActive: "var(--borderActive__1gvjbin1v)", surfaceL0: "var(--surfaceL0__1gvjbin1w)", surfaceL1: "var(--surfaceL1__1gvjbin1x)", surfaceL2: "var(--surfaceL2__1gvjbin1y)", surfaceL3: "var(--surfaceL3__1gvjbin1z)", surfaceL4: "var(--surfaceL4__1gvjbin20)", surfaceL5: "var(--surfaceL5__1gvjbin21)", surfaceL6: "var(--surfaceL6__1gvjbin22)", overlay50: "var(--overlay50__1gvjbin23)", overlay50Inverse: "var(--overlay50Inverse__1gvjbin24)", transparent: "var(--transparent__1gvjbin25)" };
13
+ var darkTheme = "theme_darkTheme__1gvjbin27";
14
+ var lightTheme = "theme_lightTheme__1gvjbin26";
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_srBPhlA9pAFEWKUp7WrcYKdEOGFNhjQfHiOHGkVJbdpsP--0A5s8jDQ9sYisWBYSQfL4fiOeTnq_HOPJpPm_Xqbvw4ffxEVvv7dt0VPPvrVZa9eaP6bjTdeDOsH-XwfPx_3mSLvHWvax-7NarvtA-SJlsUbaEKHYAfzTCufa5osgXjTDAZcH_s5GiGzidpky1ELVoR9viLsXK3Gf-8W49zGGWTLez0c41E877bm2E70wynj0FBnjfZwhTuhcYG8arJFrKSQtbhxNdb2W6MPnKiyRYta6tWBNzbQXYzVLuxDWOc43MNaekeVyVKQwP6w7p7ODKtY3RZgugd82u_N8MRVA6UlCsVgTeD2W69ULRDRVHXYcjvO9sfGYOP65i3_Wbuy-LD_t6PazUv8mp6hlWV5wgV9HfXZIu6LiPSrOS43s89rl2PMs8TXNDnveuTR-xNv10HfT64WHKpSY1yQZ-bieUiD9fnp9G9r_vuCD66_dXmuWUhqIKhu6m7SovyQLVSPayGftdpmOM9SIeZjNP8qckWy2oplgKy4d75DFLGHz3cOkOSvDUbo0YP3bqJKq1Nnpxo1GZssoXShtsatonycee6zy2xBKJhku1BSgIuXIgvLslNWbIovAmGq_HVFT1LKdXJEMPJPIOMTzUIZ_XNteJctlEIYSs4PTKdB2VpRfT8g1wnBCR7yN3u2nEzb1XiDgVLLY9pkPWEgrSHJOz55WAQNlr-KP8JAwUgZsNFJO5cUOJUg2j9KlA44iYwAnGIoIgjiKoNqUG5iVnYuzswbGFbG20feKoRd24Q7l4JFKyOAjeCmY9LGnEHyLJ-9_NyGcFhWSPuGDHWmhPVatq6MFJ3rLxbLsVxhH7QZoC1kKzA_eSAIfedO3A9OYDRfYe4Y0WViinuc8h9h9zDSjiRUZki7lDRVJe69LmwLJANLFJhHIB-hFVkoqMt0MGTYsKWvdptZ6iHqf_Sl18enlAGJvtnmOwHKkrcASbu4dFG6bGF6TFxv_WdN7MR7vKJQXbsDpzCLyDYrXtwCm93g5XKfMhn5AtY1H8RMiNfE0gxI88JhM7ItwRSzpfzPIGwGSEJhM9IARBXFzbymc1BF7TJhlUrf8hfZy-_Vyz_EeBw_xXlS6uCsdfZ_Oa1HQfZbZ_kYLpxbsaazPv79au_X10dhEjL4QH4UHXeh06pQ-BDJ5wh8CFEFhI-xBU3VXjn_E4-dEryMB864XqYDyHKh_pQScqiDOXl__Ahqnl9kQ9xI-CipnyoNi3mOoEPIeOiPoQMi_pQXVCKUJEPWSs1WEHch1pKYY8pH7KKc9An6kOUtrqsLvOhutZGhuMnfKiuGFggxIfqWiOWg_mQnw7nfAi_FMU-hF-GMB_ys-CMD52RBdSHckoZi4JDfQifc-xDllSVYCgX-5BldS2j8JI-ZEXbKsQOkz5E3baJrsDnfIjLlhnzH3yoVsrYyLJjH_KT_bwP5TQ3NFok3IfmtL_EhyglIu0fwIe8AnCRD_lV4EIfsro-fnF0mQ_RAjMo3If8cnOZD-V5QfNoL6M-hH9tkvYh_OuFhA8RnrN47TEfcjOOye_mQ7HmJHwoFifch4KqctKH4qs47kNBxUz5UFCkzvpQUEXSPhTPEPGhIPUTPhQzuA95yX7Kh_zEPeFDQXokfChWvoQPCV1WAER8iNLWQHsAPuQfvwkf8tc94UNFXpCiOOlD_k5M-BDltKLipA_5uy_hQ2Vb6vK8D6XN5rwVYS51mQ_9A3LH8a8gGgAA';\nexport var colorVars = {contentPrimary:'var(--contentPrimary__1gvjbin0)',contentSecondary:'var(--contentSecondary__1gvjbin1)',contentTertiary:'var(--contentTertiary__1gvjbin2)',contentQuaternary:'var(--contentQuaternary__1gvjbin3)',contentDefaultWhite:'var(--contentDefaultWhite__1gvjbin4)',contentPrimaryInverse:'var(--contentPrimaryInverse__1gvjbin5)',contentSecondaryInverse:'var(--contentSecondaryInverse__1gvjbin6)',contentTertiaryInverse:'var(--contentTertiaryInverse__1gvjbin7)',contentDisabled:'var(--contentDisabled__1gvjbin8)',contentBrand:'var(--contentBrand__1gvjbin9)',contentSecondaryBrand:'var(--contentSecondaryBrand__1gvjbina)',contentLink:'var(--contentLink__1gvjbinb)',contentLinkHover:'var(--contentLinkHover__1gvjbinc)',contentLinkPressed:'var(--contentLinkPressed__1gvjbind)',contentInfo:'var(--contentInfo__1gvjbine)',contentInfoBold:'var(--contentInfoBold__1gvjbinf)',contentNotice:'var(--contentNotice__1gvjbing)',contentNoticeBold:'var(--contentNoticeBold__1gvjbinh)',contentNegative:'var(--contentNegative__1gvjbini)',contentNegativeBold:'var(--contentNegativeBold__1gvjbinj)',contentPositive:'var(--contentPositive__1gvjbink)',contentPositiveBold:'var(--contentPositiveBold__1gvjbinl)',contentAttention:'var(--contentAttention__1gvjbinm)',contentActive:'var(--contentActive__1gvjbinn)',backgroundPrimary:'var(--backgroundPrimary__1gvjbino)',backgroundSecondary:'var(--backgroundSecondary__1gvjbinp)',backgroundHover:'var(--backgroundHover__1gvjbinq)',backgroundPressed:'var(--backgroundPressed__1gvjbinr)',backgroundSelected:'var(--backgroundSelected__1gvjbins)',backgroundSecondarySelected:'var(--backgroundSecondarySelected__1gvjbint)',backgroundDisabled:'var(--backgroundDisabled__1gvjbinu)',backgroundBrand:'var(--backgroundBrand__1gvjbinv)',backgroundBrandHover:'var(--backgroundBrandHover__1gvjbinw)',backgroundBrandPressed:'var(--backgroundBrandPressed__1gvjbinx)',backgroundSecondaryBrand:'var(--backgroundSecondaryBrand__1gvjbiny)',backgroundSecondaryBrandHover:'var(--backgroundSecondaryBrandHover__1gvjbinz)',backgroundSecondaryBrandPressed:'var(--backgroundSecondaryBrandPressed__1gvjbin10)',backgroundInfo:'var(--backgroundInfo__1gvjbin11)',backgroundInfoSubtle:'var(--backgroundInfoSubtle__1gvjbin12)',backgroundNotice:'var(--backgroundNotice__1gvjbin13)',backgroundNoticeSubtle:'var(--backgroundNoticeSubtle__1gvjbin14)',backgroundNegative:'var(--backgroundNegative__1gvjbin15)',backgroundNegativeHover:'var(--backgroundNegativeHover__1gvjbin16)',backgroundNegativePressed:'var(--backgroundNegativePressed__1gvjbin17)',backgroundNegativeSubtle:'var(--backgroundNegativeSubtle__1gvjbin18)',backgroundPositive:'var(--backgroundPositive__1gvjbin19)',backgroundPositiveSubtle:'var(--backgroundPositiveSubtle__1gvjbin1a)',backgroundInverse:'var(--backgroundInverse__1gvjbin1b)',backgroundInverseHover:'var(--backgroundInverseHover__1gvjbin1c)',backgroundAttention:'var(--backgroundAttention__1gvjbin1d)',backgroundActive:'var(--backgroundActive__1gvjbin1e)',backgroundSecondaryBrandSubtle:'var(--backgroundSecondaryBrandSubtle__1gvjbin1f)',borderPrimary:'var(--borderPrimary__1gvjbin1g)',borderSecondary:'var(--borderSecondary__1gvjbin1h)',borderTertiary:'var(--borderTertiary__1gvjbin1i)',borderQuaternary:'var(--borderQuaternary__1gvjbin1j)',borderDisabled:'var(--borderDisabled__1gvjbin1k)',borderBrand:'var(--borderBrand__1gvjbin1l)',borderSecondaryBrand:'var(--borderSecondaryBrand__1gvjbin1m)',borderInverse:'var(--borderInverse__1gvjbin1n)',borderFocus:'var(--borderFocus__1gvjbin1o)',borderInfo:'var(--borderInfo__1gvjbin1p)',borderNotice:'var(--borderNotice__1gvjbin1q)',borderNegative:'var(--borderNegative__1gvjbin1r)',borderPositive:'var(--borderPositive__1gvjbin1s)',borderMono:'var(--borderMono__1gvjbin1t)',borderAttention:'var(--borderAttention__1gvjbin1u)',borderActive:'var(--borderActive__1gvjbin1v)',surfaceL0:'var(--surfaceL0__1gvjbin1w)',surfaceL1:'var(--surfaceL1__1gvjbin1x)',surfaceL2:'var(--surfaceL2__1gvjbin1y)',surfaceL3:'var(--surfaceL3__1gvjbin1z)',surfaceL4:'var(--surfaceL4__1gvjbin20)',surfaceL5:'var(--surfaceL5__1gvjbin21)',surfaceL6:'var(--surfaceL6__1gvjbin22)',overlay50:'var(--overlay50__1gvjbin23)',overlay50Inverse:'var(--overlay50Inverse__1gvjbin24)',transparent:'var(--transparent__1gvjbin25)'};\nexport var darkTheme = 'theme_darkTheme__1gvjbin27';\nexport var lightTheme = 'theme_lightTheme__1gvjbin26';"],"mappings":"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","names":[]}
package/package.json ADDED
@@ -0,0 +1,67 @@
1
+ {
2
+ "name": "@zentrades-ui/components",
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
+ }