@hanzogui/themes 8.3.0 → 8.3.2

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 (449) hide show
  1. package/dist/cjs/brands.js +53 -0
  2. package/dist/cjs/brands.js.map +1 -0
  3. package/dist/cjs/componentThemeDefinitions.js +108 -0
  4. package/dist/cjs/componentThemeDefinitions.js.map +1 -0
  5. package/dist/{esm/generated-new.mjs → cjs/generated-new.js} +2570 -2122
  6. package/dist/cjs/generated-new.js.map +1 -0
  7. package/dist/cjs/generated-v3.js +1537 -0
  8. package/dist/cjs/generated-v3.js.map +1 -0
  9. package/dist/cjs/generated-v4-hanzogui.js +1721 -0
  10. package/dist/cjs/generated-v4-hanzogui.js.map +1 -0
  11. package/dist/cjs/generated-v4.js +838 -0
  12. package/dist/cjs/generated-v4.js.map +1 -0
  13. package/dist/{esm/generated-v5-subtle.mjs → cjs/generated-v5-subtle.js} +1695 -401
  14. package/dist/cjs/generated-v5-subtle.js.map +1 -0
  15. package/dist/{esm/generated-v5.mjs → cjs/generated-v5.js} +1713 -401
  16. package/dist/cjs/generated-v5.js.map +1 -0
  17. package/dist/cjs/helpers.js +14 -0
  18. package/dist/cjs/helpers.js.map +1 -0
  19. package/dist/cjs/index.js +13 -0
  20. package/dist/cjs/index.js.map +1 -0
  21. package/dist/cjs/opacify.js +125 -0
  22. package/dist/cjs/opacify.js.map +1 -0
  23. package/dist/cjs/package.json +1 -0
  24. package/dist/cjs/palettes.js +84 -0
  25. package/dist/cjs/palettes.js.map +1 -0
  26. package/dist/cjs/shadows.js +22 -0
  27. package/dist/cjs/shadows.js.map +1 -0
  28. package/dist/cjs/subtleChildrenThemes.js +46 -0
  29. package/dist/cjs/subtleChildrenThemes.js.map +1 -0
  30. package/dist/cjs/templates.js +98 -0
  31. package/dist/cjs/templates.js.map +1 -0
  32. package/dist/cjs/themes-new.js +87 -0
  33. package/dist/cjs/themes-new.js.map +1 -0
  34. package/dist/cjs/themes-old.js +309 -0
  35. package/dist/cjs/themes-old.js.map +1 -0
  36. package/dist/cjs/themes.js +6 -0
  37. package/dist/cjs/themes.js.map +1 -0
  38. package/dist/cjs/tokens.js +151 -0
  39. package/dist/cjs/tokens.js.map +1 -0
  40. package/dist/cjs/utils.js +30 -0
  41. package/dist/cjs/utils.js.map +1 -0
  42. package/dist/cjs/v3-themes.js +558 -0
  43. package/dist/cjs/v3-themes.js.map +1 -0
  44. package/dist/cjs/v3-tokens.js +87 -0
  45. package/dist/cjs/v3-tokens.js.map +1 -0
  46. package/dist/cjs/v3.js +33 -0
  47. package/dist/cjs/v3.js.map +1 -0
  48. package/dist/cjs/v4-default.js +185 -0
  49. package/dist/cjs/v4-default.js.map +1 -0
  50. package/dist/cjs/v4-hanzogui.js +270 -0
  51. package/dist/cjs/v4-hanzogui.js.map +1 -0
  52. package/dist/cjs/v4-tokens.js +88 -0
  53. package/dist/cjs/v4-tokens.js.map +1 -0
  54. package/dist/cjs/v4.js +12 -0
  55. package/dist/cjs/v4.js.map +1 -0
  56. package/dist/cjs/v5-subtle.js +17 -0
  57. package/dist/cjs/v5-subtle.js.map +1 -0
  58. package/dist/cjs/v5-templates.js +103 -0
  59. package/dist/cjs/v5-templates.js.map +1 -0
  60. package/dist/cjs/v5-themes-subtle.js +19 -0
  61. package/dist/cjs/v5-themes-subtle.js.map +1 -0
  62. package/dist/cjs/v5-themes.js +404 -0
  63. package/dist/cjs/v5-themes.js.map +1 -0
  64. package/dist/cjs/v5-tokens.js +88 -0
  65. package/dist/cjs/v5-tokens.js.map +1 -0
  66. package/dist/cjs/v5.js +14 -0
  67. package/dist/cjs/v5.js.map +1 -0
  68. package/dist/esm/brands.js +50 -0
  69. package/dist/esm/brands.js.map +1 -0
  70. package/dist/esm/componentThemeDefinitions.js +105 -0
  71. package/dist/esm/componentThemeDefinitions.js.map +1 -0
  72. package/dist/{cjs/generated-new.cjs → esm/generated-new.js} +2568 -2149
  73. package/dist/esm/generated-new.js.map +1 -0
  74. package/dist/esm/generated-v3.js +1534 -0
  75. package/dist/esm/generated-v3.js.map +1 -0
  76. package/dist/esm/generated-v4-hanzogui.js +1718 -0
  77. package/dist/esm/generated-v4-hanzogui.js.map +1 -0
  78. package/dist/esm/generated-v4.js +835 -0
  79. package/dist/esm/generated-v4.js.map +1 -0
  80. package/dist/{cjs/generated-v5-subtle.cjs → esm/generated-v5-subtle.js} +1693 -428
  81. package/dist/esm/generated-v5-subtle.js.map +1 -0
  82. package/dist/{cjs/generated-v5.cjs → esm/generated-v5.js} +1711 -428
  83. package/dist/esm/generated-v5.js.map +1 -0
  84. package/dist/esm/helpers.js +8 -0
  85. package/dist/esm/helpers.js.map +1 -0
  86. package/dist/esm/index.js +10 -10
  87. package/dist/esm/index.js.map +1 -1
  88. package/dist/esm/opacify.js +121 -0
  89. package/dist/esm/opacify.js.map +1 -0
  90. package/dist/esm/palettes.js +81 -0
  91. package/dist/esm/palettes.js.map +1 -0
  92. package/dist/esm/shadows.js +19 -0
  93. package/dist/esm/shadows.js.map +1 -0
  94. package/dist/esm/subtleChildrenThemes.js +43 -0
  95. package/dist/esm/subtleChildrenThemes.js.map +1 -0
  96. package/dist/esm/templates.js +95 -0
  97. package/dist/esm/templates.js.map +1 -0
  98. package/dist/esm/themes-new.js +84 -0
  99. package/dist/esm/themes-new.js.map +1 -0
  100. package/dist/esm/themes-old.js +306 -0
  101. package/dist/esm/themes-old.js.map +1 -0
  102. package/dist/esm/themes.js +2 -0
  103. package/dist/esm/themes.js.map +1 -0
  104. package/dist/esm/tokens.js +148 -0
  105. package/dist/esm/tokens.js.map +1 -0
  106. package/dist/esm/utils.js +24 -0
  107. package/dist/esm/utils.js.map +1 -0
  108. package/dist/esm/v3-themes.js +555 -0
  109. package/dist/esm/v3-themes.js.map +1 -0
  110. package/dist/esm/v3-tokens.js +84 -0
  111. package/dist/esm/v3-tokens.js.map +1 -0
  112. package/dist/esm/v3.js +12 -0
  113. package/dist/esm/v3.js.map +1 -0
  114. package/dist/esm/v4-default.js +181 -0
  115. package/dist/esm/v4-default.js.map +1 -0
  116. package/dist/esm/v4-hanzogui.js +266 -0
  117. package/dist/esm/v4-hanzogui.js.map +1 -0
  118. package/dist/esm/v4-tokens.js +85 -0
  119. package/dist/esm/v4-tokens.js.map +1 -0
  120. package/dist/esm/v4.js +5 -0
  121. package/dist/esm/v4.js.map +1 -0
  122. package/dist/esm/v5-subtle.js +7 -0
  123. package/dist/esm/v5-subtle.js.map +1 -0
  124. package/dist/esm/v5-templates.js +100 -0
  125. package/dist/esm/v5-templates.js.map +1 -0
  126. package/dist/esm/v5-themes-subtle.js +15 -0
  127. package/dist/esm/v5-themes-subtle.js.map +1 -0
  128. package/dist/esm/v5-themes.js +392 -0
  129. package/dist/esm/v5-themes.js.map +1 -0
  130. package/dist/esm/v5-tokens.js +85 -0
  131. package/dist/esm/v5-tokens.js.map +1 -0
  132. package/dist/esm/v5.js +6 -0
  133. package/dist/esm/v5.js.map +1 -0
  134. package/package.json +50 -65
  135. package/src/componentThemeDefinitions.tsx +1 -1
  136. package/src/helpers.ts +10 -3
  137. package/src/index.tsx +7 -7
  138. package/src/palettes.tsx +3 -3
  139. package/src/subtleChildrenThemes.ts +1 -1
  140. package/src/templates.tsx +1 -1
  141. package/src/themes-new.ts +5 -5
  142. package/src/themes-old.tsx +1 -1
  143. package/src/themes.tsx +1 -1
  144. package/src/utils.ts +3 -1
  145. package/src/v3-themes.ts +2 -2
  146. package/src/v3-tokens.ts +1 -1
  147. package/src/v3.tsx +2 -2
  148. package/src/v4-default.ts +1 -1
  149. package/src/v4-tokens.ts +1 -1
  150. package/src/v4.tsx +3 -3
  151. package/src/v5-subtle.tsx +10 -7
  152. package/src/v5-themes-subtle.ts +3 -3
  153. package/src/v5-themes.ts +3 -3
  154. package/src/v5-tokens.ts +1 -1
  155. package/src/v5.tsx +6 -6
  156. package/types/brands.d.ts +4 -4
  157. package/types/brands.d.ts.map +1 -1
  158. package/types/componentThemeDefinitions.d.ts +163 -163
  159. package/types/helpers.d.ts.map +1 -1
  160. package/types/index.d.ts +7 -7
  161. package/types/index.d.ts.map +1 -1
  162. package/types/palettes.d.ts +10 -10
  163. package/types/subtleChildrenThemes.d.ts +13 -13
  164. package/types/subtleChildrenThemes.d.ts.map +1 -1
  165. package/types/templates.d.ts +43 -43
  166. package/types/themes-old.d.ts +27260 -27260
  167. package/types/themes.d.ts +1 -1
  168. package/types/themes.d.ts.map +1 -1
  169. package/types/tokens.d.ts +769 -769
  170. package/types/tokens.d.ts.map +1 -1
  171. package/types/utils.d.ts.map +1 -1
  172. package/types/v3-themes.d.ts +13952 -13952
  173. package/types/v3-themes.d.ts.map +1 -1
  174. package/types/v3-tokens.d.ts +40 -40
  175. package/types/v3-tokens.d.ts.map +1 -1
  176. package/types/v3.d.ts +2 -2
  177. package/types/v3.d.ts.map +1 -1
  178. package/types/v4-default.d.ts +205 -205
  179. package/types/v4-hanzogui.d.ts +155 -155
  180. package/types/v4-tokens.d.ts +40 -40
  181. package/types/v4-tokens.d.ts.map +1 -1
  182. package/types/v4.d.ts +3 -3
  183. package/types/v4.d.ts.map +1 -1
  184. package/types/v5-subtle.d.ts +7 -7
  185. package/types/v5-subtle.d.ts.map +1 -1
  186. package/types/v5-templates.d.ts +3 -3
  187. package/types/v5-themes-subtle.d.ts +186 -186
  188. package/types/v5-themes-subtle.d.ts.map +1 -1
  189. package/types/v5-themes.d.ts +228 -228
  190. package/types/v5-themes.d.ts.map +1 -1
  191. package/types/v5-tokens.d.ts +40 -40
  192. package/types/v5-tokens.d.ts.map +1 -1
  193. package/types/v5.d.ts +6 -6
  194. package/types/v5.d.ts.map +1 -1
  195. package/dist/cjs/brands.cjs +0 -54
  196. package/dist/cjs/brands.native.js +0 -57
  197. package/dist/cjs/brands.native.js.map +0 -1
  198. package/dist/cjs/componentThemeDefinitions.cjs +0 -126
  199. package/dist/cjs/componentThemeDefinitions.native.js +0 -129
  200. package/dist/cjs/componentThemeDefinitions.native.js.map +0 -1
  201. package/dist/cjs/generated-new.native.js +0 -3039
  202. package/dist/cjs/generated-new.native.js.map +0 -1
  203. package/dist/cjs/generated-v3.cjs +0 -1103
  204. package/dist/cjs/generated-v3.native.js +0 -1125
  205. package/dist/cjs/generated-v3.native.js.map +0 -1
  206. package/dist/cjs/generated-v4-hanzogui.cjs +0 -937
  207. package/dist/cjs/generated-v4-hanzogui.native.js +0 -959
  208. package/dist/cjs/generated-v4-hanzogui.native.js.map +0 -1
  209. package/dist/cjs/generated-v4.cjs +0 -395
  210. package/dist/cjs/generated-v4.native.js +0 -417
  211. package/dist/cjs/generated-v4.native.js.map +0 -1
  212. package/dist/cjs/generated-v5-subtle.native.js +0 -575
  213. package/dist/cjs/generated-v5-subtle.native.js.map +0 -1
  214. package/dist/cjs/generated-v5.native.js +0 -575
  215. package/dist/cjs/generated-v5.native.js.map +0 -1
  216. package/dist/cjs/helpers.cjs +0 -36
  217. package/dist/cjs/helpers.native.js +0 -41
  218. package/dist/cjs/helpers.native.js.map +0 -1
  219. package/dist/cjs/index.cjs +0 -28
  220. package/dist/cjs/index.native.js +0 -31
  221. package/dist/cjs/index.native.js.map +0 -1
  222. package/dist/cjs/opacify.cjs +0 -121
  223. package/dist/cjs/opacify.native.js +0 -129
  224. package/dist/cjs/opacify.native.js.map +0 -1
  225. package/dist/cjs/palettes.cjs +0 -57
  226. package/dist/cjs/palettes.native.js +0 -70
  227. package/dist/cjs/palettes.native.js.map +0 -1
  228. package/dist/cjs/shadows.cjs +0 -45
  229. package/dist/cjs/shadows.native.js +0 -48
  230. package/dist/cjs/shadows.native.js.map +0 -1
  231. package/dist/cjs/subtleChildrenThemes.cjs +0 -68
  232. package/dist/cjs/subtleChildrenThemes.native.js +0 -76
  233. package/dist/cjs/subtleChildrenThemes.native.js.map +0 -1
  234. package/dist/cjs/templates.cjs +0 -120
  235. package/dist/cjs/templates.native.js +0 -123
  236. package/dist/cjs/templates.native.js.map +0 -1
  237. package/dist/cjs/themes-new.cjs +0 -95
  238. package/dist/cjs/themes-new.native.js +0 -97
  239. package/dist/cjs/themes-new.native.js.map +0 -1
  240. package/dist/cjs/themes-old.cjs +0 -292
  241. package/dist/cjs/themes-old.native.js +0 -305
  242. package/dist/cjs/themes-old.native.js.map +0 -1
  243. package/dist/cjs/themes.cjs +0 -28
  244. package/dist/cjs/themes.native.js +0 -31
  245. package/dist/cjs/themes.native.js.map +0 -1
  246. package/dist/cjs/tokens.cjs +0 -164
  247. package/dist/cjs/tokens.native.js +0 -174
  248. package/dist/cjs/tokens.native.js.map +0 -1
  249. package/dist/cjs/utils.cjs +0 -47
  250. package/dist/cjs/utils.native.js +0 -53
  251. package/dist/cjs/utils.native.js.map +0 -1
  252. package/dist/cjs/v3-themes.cjs +0 -475
  253. package/dist/cjs/v3-themes.native.js +0 -489
  254. package/dist/cjs/v3-themes.native.js.map +0 -1
  255. package/dist/cjs/v3-tokens.cjs +0 -103
  256. package/dist/cjs/v3-tokens.native.js +0 -110
  257. package/dist/cjs/v3-tokens.native.js.map +0 -1
  258. package/dist/cjs/v3.cjs +0 -54
  259. package/dist/cjs/v3.native.js +0 -57
  260. package/dist/cjs/v3.native.js.map +0 -1
  261. package/dist/cjs/v4-default.cjs +0 -185
  262. package/dist/cjs/v4-default.native.js +0 -188
  263. package/dist/cjs/v4-default.native.js.map +0 -1
  264. package/dist/cjs/v4-hanzogui.cjs +0 -239
  265. package/dist/cjs/v4-hanzogui.native.js +0 -245
  266. package/dist/cjs/v4-hanzogui.native.js.map +0 -1
  267. package/dist/cjs/v4-tokens.cjs +0 -103
  268. package/dist/cjs/v4-tokens.native.js +0 -110
  269. package/dist/cjs/v4-tokens.native.js.map +0 -1
  270. package/dist/cjs/v4.cjs +0 -34
  271. package/dist/cjs/v4.native.js +0 -37
  272. package/dist/cjs/v4.native.js.map +0 -1
  273. package/dist/cjs/v5-subtle.cjs +0 -39
  274. package/dist/cjs/v5-subtle.native.js +0 -42
  275. package/dist/cjs/v5-subtle.native.js.map +0 -1
  276. package/dist/cjs/v5-templates.cjs +0 -119
  277. package/dist/cjs/v5-templates.native.js +0 -128
  278. package/dist/cjs/v5-templates.native.js.map +0 -1
  279. package/dist/cjs/v5-themes-subtle.cjs +0 -39
  280. package/dist/cjs/v5-themes-subtle.native.js +0 -42
  281. package/dist/cjs/v5-themes-subtle.native.js.map +0 -1
  282. package/dist/cjs/v5-themes.cjs +0 -415
  283. package/dist/cjs/v5-themes.native.js +0 -470
  284. package/dist/cjs/v5-themes.native.js.map +0 -1
  285. package/dist/cjs/v5-tokens.cjs +0 -103
  286. package/dist/cjs/v5-tokens.native.js +0 -110
  287. package/dist/cjs/v5-tokens.native.js.map +0 -1
  288. package/dist/cjs/v5.cjs +0 -36
  289. package/dist/cjs/v5.native.js +0 -39
  290. package/dist/cjs/v5.native.js.map +0 -1
  291. package/dist/esm/brands.mjs +0 -28
  292. package/dist/esm/brands.mjs.map +0 -1
  293. package/dist/esm/brands.native.js +0 -28
  294. package/dist/esm/brands.native.js.map +0 -1
  295. package/dist/esm/componentThemeDefinitions.mjs +0 -100
  296. package/dist/esm/componentThemeDefinitions.mjs.map +0 -1
  297. package/dist/esm/componentThemeDefinitions.native.js +0 -100
  298. package/dist/esm/componentThemeDefinitions.native.js.map +0 -1
  299. package/dist/esm/generated-new.mjs.map +0 -1
  300. package/dist/esm/generated-new.native.js +0 -3010
  301. package/dist/esm/generated-new.native.js.map +0 -1
  302. package/dist/esm/generated-v3.mjs +0 -1077
  303. package/dist/esm/generated-v3.mjs.map +0 -1
  304. package/dist/esm/generated-v3.native.js +0 -1096
  305. package/dist/esm/generated-v3.native.js.map +0 -1
  306. package/dist/esm/generated-v4-hanzogui.mjs +0 -911
  307. package/dist/esm/generated-v4-hanzogui.mjs.map +0 -1
  308. package/dist/esm/generated-v4-hanzogui.native.js +0 -930
  309. package/dist/esm/generated-v4-hanzogui.native.js.map +0 -1
  310. package/dist/esm/generated-v4.mjs +0 -369
  311. package/dist/esm/generated-v4.mjs.map +0 -1
  312. package/dist/esm/generated-v4.native.js +0 -388
  313. package/dist/esm/generated-v4.native.js.map +0 -1
  314. package/dist/esm/generated-v5-subtle.mjs.map +0 -1
  315. package/dist/esm/generated-v5-subtle.native.js +0 -546
  316. package/dist/esm/generated-v5-subtle.native.js.map +0 -1
  317. package/dist/esm/generated-v5.mjs.map +0 -1
  318. package/dist/esm/generated-v5.native.js +0 -546
  319. package/dist/esm/generated-v5.native.js.map +0 -1
  320. package/dist/esm/helpers.mjs +0 -9
  321. package/dist/esm/helpers.mjs.map +0 -1
  322. package/dist/esm/helpers.native.js +0 -11
  323. package/dist/esm/helpers.native.js.map +0 -1
  324. package/dist/esm/index.mjs +0 -10
  325. package/dist/esm/index.mjs.map +0 -1
  326. package/dist/esm/index.native.js +0 -10
  327. package/dist/esm/index.native.js.map +0 -1
  328. package/dist/esm/opacify.mjs +0 -95
  329. package/dist/esm/opacify.mjs.map +0 -1
  330. package/dist/esm/opacify.native.js +0 -100
  331. package/dist/esm/opacify.native.js.map +0 -1
  332. package/dist/esm/palettes.mjs +0 -32
  333. package/dist/esm/palettes.mjs.map +0 -1
  334. package/dist/esm/palettes.native.js +0 -42
  335. package/dist/esm/palettes.native.js.map +0 -1
  336. package/dist/esm/shadows.mjs +0 -20
  337. package/dist/esm/shadows.mjs.map +0 -1
  338. package/dist/esm/shadows.native.js +0 -20
  339. package/dist/esm/shadows.native.js.map +0 -1
  340. package/dist/esm/subtleChildrenThemes.mjs +0 -42
  341. package/dist/esm/subtleChildrenThemes.mjs.map +0 -1
  342. package/dist/esm/subtleChildrenThemes.native.js +0 -47
  343. package/dist/esm/subtleChildrenThemes.native.js.map +0 -1
  344. package/dist/esm/templates.mjs +0 -94
  345. package/dist/esm/templates.mjs.map +0 -1
  346. package/dist/esm/templates.native.js +0 -94
  347. package/dist/esm/templates.native.js.map +0 -1
  348. package/dist/esm/themes-new.mjs +0 -70
  349. package/dist/esm/themes-new.mjs.map +0 -1
  350. package/dist/esm/themes-new.native.js +0 -69
  351. package/dist/esm/themes-new.native.js.map +0 -1
  352. package/dist/esm/themes-old.mjs +0 -267
  353. package/dist/esm/themes-old.mjs.map +0 -1
  354. package/dist/esm/themes-old.native.js +0 -277
  355. package/dist/esm/themes-old.native.js.map +0 -1
  356. package/dist/esm/themes.mjs +0 -3
  357. package/dist/esm/themes.mjs.map +0 -1
  358. package/dist/esm/themes.native.js +0 -3
  359. package/dist/esm/themes.native.js.map +0 -1
  360. package/dist/esm/tokens.mjs +0 -131
  361. package/dist/esm/tokens.mjs.map +0 -1
  362. package/dist/esm/tokens.native.js +0 -138
  363. package/dist/esm/tokens.native.js.map +0 -1
  364. package/dist/esm/utils.mjs +0 -19
  365. package/dist/esm/utils.mjs.map +0 -1
  366. package/dist/esm/utils.native.js +0 -22
  367. package/dist/esm/utils.native.js.map +0 -1
  368. package/dist/esm/v3-themes.mjs +0 -445
  369. package/dist/esm/v3-themes.mjs.map +0 -1
  370. package/dist/esm/v3-themes.native.js +0 -456
  371. package/dist/esm/v3-themes.native.js.map +0 -1
  372. package/dist/esm/v3-tokens.mjs +0 -72
  373. package/dist/esm/v3-tokens.mjs.map +0 -1
  374. package/dist/esm/v3-tokens.native.js +0 -76
  375. package/dist/esm/v3-tokens.native.js.map +0 -1
  376. package/dist/esm/v3.mjs +0 -12
  377. package/dist/esm/v3.mjs.map +0 -1
  378. package/dist/esm/v3.native.js +0 -12
  379. package/dist/esm/v3.native.js.map +0 -1
  380. package/dist/esm/v4-default.mjs +0 -149
  381. package/dist/esm/v4-default.mjs.map +0 -1
  382. package/dist/esm/v4-default.native.js +0 -149
  383. package/dist/esm/v4-default.native.js.map +0 -1
  384. package/dist/esm/v4-hanzogui.mjs +0 -203
  385. package/dist/esm/v4-hanzogui.mjs.map +0 -1
  386. package/dist/esm/v4-hanzogui.native.js +0 -206
  387. package/dist/esm/v4-hanzogui.native.js.map +0 -1
  388. package/dist/esm/v4-tokens.mjs +0 -72
  389. package/dist/esm/v4-tokens.mjs.map +0 -1
  390. package/dist/esm/v4-tokens.native.js +0 -76
  391. package/dist/esm/v4-tokens.native.js.map +0 -1
  392. package/dist/esm/v4.mjs +0 -6
  393. package/dist/esm/v4.mjs.map +0 -1
  394. package/dist/esm/v4.native.js +0 -6
  395. package/dist/esm/v4.native.js.map +0 -1
  396. package/dist/esm/v5-subtle.mjs +0 -8
  397. package/dist/esm/v5-subtle.mjs.map +0 -1
  398. package/dist/esm/v5-subtle.native.js +0 -8
  399. package/dist/esm/v5-subtle.native.js.map +0 -1
  400. package/dist/esm/v5-templates.mjs +0 -94
  401. package/dist/esm/v5-templates.mjs.map +0 -1
  402. package/dist/esm/v5-templates.native.js +0 -100
  403. package/dist/esm/v5-templates.native.js.map +0 -1
  404. package/dist/esm/v5-themes-subtle.mjs +0 -13
  405. package/dist/esm/v5-themes-subtle.mjs.map +0 -1
  406. package/dist/esm/v5-themes-subtle.native.js +0 -13
  407. package/dist/esm/v5-themes-subtle.native.js.map +0 -1
  408. package/dist/esm/v5-themes.mjs +0 -374
  409. package/dist/esm/v5-themes.mjs.map +0 -1
  410. package/dist/esm/v5-themes.native.js +0 -426
  411. package/dist/esm/v5-themes.native.js.map +0 -1
  412. package/dist/esm/v5-tokens.mjs +0 -72
  413. package/dist/esm/v5-tokens.mjs.map +0 -1
  414. package/dist/esm/v5-tokens.native.js +0 -76
  415. package/dist/esm/v5-tokens.native.js.map +0 -1
  416. package/dist/esm/v5.mjs +0 -7
  417. package/dist/esm/v5.mjs.map +0 -1
  418. package/dist/esm/v5.native.js +0 -7
  419. package/dist/esm/v5.native.js.map +0 -1
  420. package/v3/index.cjs +0 -2
  421. package/v3/index.js +0 -2
  422. package/v3/index.native.cjs +0 -2
  423. package/v3/index.native.js +0 -2
  424. package/v3-themes/index.cjs +0 -2
  425. package/v3-themes/index.js +0 -2
  426. package/v3-themes/index.native.cjs +0 -2
  427. package/v3-themes/index.native.js +0 -2
  428. package/v3-themes.cjs +0 -1
  429. package/v3-themes.d.ts +0 -1
  430. package/v3.cjs +0 -1
  431. package/v3.d.ts +0 -1
  432. package/v4/index.cjs +0 -2
  433. package/v4/index.js +0 -2
  434. package/v4/index.native.cjs +0 -2
  435. package/v4/index.native.js +0 -2
  436. package/v4.cjs +0 -1
  437. package/v4.d.ts +0 -1
  438. package/v5/index.cjs +0 -2
  439. package/v5/index.js +0 -2
  440. package/v5/index.native.cjs +0 -2
  441. package/v5/index.native.js +0 -2
  442. package/v5-subtle/index.cjs +0 -2
  443. package/v5-subtle/index.js +0 -2
  444. package/v5-subtle/index.native.cjs +0 -2
  445. package/v5-subtle/index.native.js +0 -2
  446. package/v5-subtle.cjs +0 -1
  447. package/v5-subtle.d.ts +0 -1
  448. package/v5.cjs +0 -1
  449. package/v5.d.ts +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"v5-templates.js","sourceRoot":"","sources":["../../src/v5-templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAuB,MAAM,yBAAyB,CAAA;AAExF,MAAM,iBAAiB,GAAG,CACxB,OAAU,EAC0B,EAAE;IACtC,OAAO,MAAM,CAAC,WAAW,CAAC,OAAO,CAAQ,CAAA;AAC3C,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CAAmB,GAAM,EAAe,EAAE;IAC3D,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAgB,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAChD,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC9C,MAAM,SAAS,GAAG;QAChB,GAAG,iBAAiB,CAClB,UAAU,CAAC,cAAc,CAAC,CAAC,GAAG,CAC5B,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,SAAS,IAAI,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAU,CAC3D,CACF;QACD,GAAG,iBAAiB,CAClB,UAAU,CAAC,aAAa,CAAC,CAAC,GAAG,CAC3B,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,CAAU,CACzD,CACF;KACF,CAAA;IACD,OAAO,SAAuE,CAAA;AAChF,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,MAAwB,EAAE,EAAE;IACpD,MAAM,OAAO,GAAG,MAAM,KAAK,OAAO,CAAA;IAElC,iGAAiG;IACjG,sFAAsF;IACtF,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAChC,MAAM,MAAM,GAAG,CAAC,OAAO,CAAA;IAEvB,OAAO;IACP,MAAM,UAAU,GAAG,yBAAyB,CAAA;IAC5C,MAAM,WAAW,GAAG,UAAU,GAAG,CAAC,CAAA;IAClC,MAAM,KAAK,GAAG,CAAC,UAAU,CAAA;IAEzB,iFAAiF;IACjF,2EAA2E;IAC3E,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,WAAW,GAAG,CAAC,EAAE,EAAE;QACtD,MAAM,GAAG,GAAG,KAAK,GAAG,WAAW,CAAA;QAC/B,MAAM,EAAE,GAAG,UAAU,GAAG,MAAM,CAAA;QAC9B,MAAM,IAAI,GAAG,WAAW,GAAG,MAAM,CAAA;QAEjC,OAAO;YACL,KAAK,EAAE,GAAG;YACV,UAAU,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YACzC,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,GAAG,GAAG,MAAM;YAExB,UAAU,EAAE,EAAE;YACd,wBAAwB;YACxB,eAAe,EAAE,EAAE,GAAG,OAAO;YAC7B,uBAAuB;YACvB,eAAe,EAAE,EAAE,GAAG,MAAM;YAC5B,iDAAiD;YACjD,eAAe,EAAE,EAAE,GAAG,MAAM;YAC5B,gBAAgB,EAAE,EAAE;YAEpB,WAAW,EAAE,IAAI;YACjB,gBAAgB,EAAE,IAAI,GAAG,OAAO;YAChC,gBAAgB,EAAE,IAAI;YACtB,gBAAgB,EAAE,IAAI,GAAG,MAAM;SAChC,CAAA;IACH,CAAC,CAAA;IAED,8CAA8C;IAC9C,0DAA0D;IAC1D,MAAM,IAAI,GAAG;QACX,gBAAgB,EAAE,CAAC;QACnB,WAAW,EAAE,CAAC,CAAC;QACf,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,UAAU,GAAG,CAAC;QACtB,MAAM,EAAE,UAAU,GAAG,CAAC;QACtB,MAAM,EAAE,UAAU,GAAG,CAAC;QACtB,MAAM,EAAE,UAAU,GAAG,CAAC;QACtB,MAAM,EAAE,UAAU,GAAG,CAAC;QACtB,MAAM,EAAE,UAAU,GAAG,CAAC;QACtB,MAAM,EAAE,UAAU,GAAG,CAAC;QACtB,MAAM,EAAE,UAAU,GAAG,CAAC;QACtB,OAAO,EAAE,UAAU,GAAG,CAAC;QACvB,OAAO,EAAE,UAAU,GAAG,EAAE;QACxB,OAAO,EAAE,UAAU,GAAG,EAAE;QACxB,MAAM,EAAE,CAAC,CAAC;QACV,OAAO,EAAE,CAAC,CAAC;QACX,OAAO,EAAE,CAAC,CAAC;QACX,OAAO,EAAE,CAAC,CAAC;QACX,OAAO,EAAE,CAAC,CAAC;QACX,qEAAqE;QACrE,oEAAoE;QACpE,GAAG,WAAW,CAAC,CAAC,CAAC;QACjB,gBAAgB,EAAE,KAAK,GAAG,CAAC;QAC3B,gBAAgB,EAAE,CAAC,CAAC;KACrB,CAAA;IAED,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAClC,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAClC,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAElC,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAC/B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACxC,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAC,CACH,CAAA;IAED,OAAO;QACL,IAAI;QACJ,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,MAAM;KACkB,CAAA;AAC5B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,EAAE,CAAA"}
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Subtle v5 themes - pre-built desaturated color themes
3
+ */
4
+ export * from './v5-themes.js';
5
+ import { subtleChildrenThemes } from './subtleChildrenThemes.js';
6
+ import { createV5Theme } from './v5-themes.js';
7
+ export const themes = createV5Theme({ childrenThemes: subtleChildrenThemes });
8
+ // type checks - don't remove
9
+ themes.dark.background0075;
10
+ themes.dark_yellow.background0075;
11
+ themes.dark.background;
12
+ themes.dark.accent1;
13
+ // @ts-expect-error
14
+ themes.dark.nonValid;
15
+ //# sourceMappingURL=v5-themes-subtle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"v5-themes-subtle.js","sourceRoot":"","sources":["../../src/v5-themes-subtle.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC,EAAE,cAAc,EAAE,oBAAoB,EAAE,CAAC,CAAA;AAE7E,6BAA6B;AAC7B,MAAM,CAAC,IAAI,CAAC,cAAc,CAAA;AAC1B,MAAM,CAAC,WAAW,CAAC,cAAc,CAAA;AACjC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAA;AACtB,MAAM,CAAC,IAAI,CAAC,OAAO,CAAA;AACnB,mBAAmB;AACnB,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAA"}
@@ -0,0 +1,392 @@
1
+ import { blue, blueDark, gray, grayDark, green, greenDark, orange, orangeDark, pink, pinkDark, purple, purpleDark, red, redDark, teal, tealDark, yellow, yellowDark, } from '@hanzogui/colors';
2
+ import { createThemes } from '@hanzogui/theme-builder';
3
+ import { opacify } from './opacify.js';
4
+ import { v5Templates } from './v5-templates.js';
5
+ // base theme uses elevated background (like old surface1)
6
+ // this offset aligns getTheme's palette index with that elevation
7
+ export const V5_BG_OFFSET = 6 + 1;
8
+ // re-export color utilities for users
9
+ export { interpolateColor, opacify } from './opacify.js';
10
+ export const v5ComponentThemes = {
11
+ Button: { template: 'surface2' },
12
+ Input: { template: 'surface1' },
13
+ Progress: { template: 'surface1' },
14
+ ProgressIndicator: { template: 'surface3' },
15
+ Slider: { template: 'surface1' },
16
+ SliderActive: { template: 'surface3' },
17
+ SliderThumb: { template: 'surface2' },
18
+ Switch: { template: 'surface2' },
19
+ TextArea: { template: 'surface1' },
20
+ Tooltip: { template: 'accent' },
21
+ SwitchThumb: { template: 'accent' },
22
+ };
23
+ // inverses are confusing af
24
+ export const v5ComponentThemesWithInverses = {
25
+ ...v5ComponentThemes,
26
+ ProgressIndicator: { template: 'accent' },
27
+ SliderThumb: { template: 'accent' },
28
+ Tooltip: { template: 'accent' },
29
+ };
30
+ /** Default grandchildren themes available in v5 */
31
+ export const v5GrandchildrenThemes = {
32
+ accent: { template: 'accent' },
33
+ surface1: { template: 'surface1' },
34
+ surface2: { template: 'surface2' },
35
+ };
36
+ /** parse hsl string to HSL object */
37
+ export function parseHSL(str) {
38
+ const m = str.match(/hsl\((\d+(?:\.\d+)?),\s*(\d+(?:\.\d+)?)%,\s*(\d+(?:\.\d+)?)%\)/);
39
+ return m ? { h: +m[1], s: +m[2], l: +m[3] } : null;
40
+ }
41
+ /** parse hex color to HSL object */
42
+ export function parseHex(str) {
43
+ if (!str.startsWith('#'))
44
+ return null;
45
+ let hex = str.slice(1);
46
+ if (hex.length === 3) {
47
+ hex = hex
48
+ .split('')
49
+ .map((c) => c + c)
50
+ .join('');
51
+ }
52
+ if (hex.length !== 6)
53
+ return null;
54
+ const r = Number.parseInt(hex.slice(0, 2), 16) / 255;
55
+ const g = Number.parseInt(hex.slice(2, 4), 16) / 255;
56
+ const b = Number.parseInt(hex.slice(4, 6), 16) / 255;
57
+ const max = Math.max(r, g, b);
58
+ const min = Math.min(r, g, b);
59
+ const l = (max + min) / 2;
60
+ if (max === min) {
61
+ return { h: 0, s: 0, l: l * 100 };
62
+ }
63
+ const d = max - min;
64
+ const s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
65
+ let h = 0;
66
+ if (max === r)
67
+ h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
68
+ else if (max === g)
69
+ h = ((b - r) / d + 2) / 6;
70
+ else
71
+ h = ((r - g) / d + 4) / 6;
72
+ return { h: Math.round(h * 360), s: s * 100, l: l * 100 };
73
+ }
74
+ /** parse any color format to HSL */
75
+ export function parseColor(str) {
76
+ return parseHSL(str) ?? parseHex(str);
77
+ }
78
+ export function hslToString(hsl) {
79
+ return `hsl(${hsl.h}, ${Math.round(Math.min(100, Math.max(0, hsl.s)))}%, ${Math.round(Math.min(100, Math.max(0, hsl.l)))}%)`;
80
+ }
81
+ /** adjust a palette of colors (hsl or hex) using a callback */
82
+ export function adjustPalette(palette, fn) {
83
+ const out = {};
84
+ const keys = Object.keys(palette);
85
+ for (let i = 0; i < keys.length; i++) {
86
+ const key = keys[i];
87
+ const parsed = parseColor(palette[key]);
88
+ if (!parsed) {
89
+ out[key] = palette[key];
90
+ continue;
91
+ }
92
+ out[key] = hslToString(fn(parsed, i + 1));
93
+ }
94
+ return out;
95
+ }
96
+ const identity = (hsl) => hsl;
97
+ /**
98
+ * Adjust color palettes using callback functions.
99
+ *
100
+ * @example
101
+ * const adjusted = adjustPalettes(defaultChildrenThemes, {
102
+ * default: {
103
+ * light: (hsl, i) => ({ ...hsl, s: hsl.s * 0.8 }),
104
+ * dark: (hsl, i) => ({ ...hsl, s: hsl.s * 0.5, l: hsl.l * 0.9 }),
105
+ * },
106
+ * yellow: {
107
+ * light: (hsl, i) => ({ ...hsl, s: hsl.s * 0.5 }),
108
+ * },
109
+ * })
110
+ */
111
+ export function adjustPalettes(themes, adjustments) {
112
+ const result = {};
113
+ for (const [name, theme] of Object.entries(themes)) {
114
+ const adj = adjustments[name] ?? adjustments.default;
115
+ if (!adj) {
116
+ ;
117
+ result[name] = theme;
118
+ continue;
119
+ }
120
+ ;
121
+ result[name] = {
122
+ light: adjustPalette(theme.light, adj.light ?? identity),
123
+ dark: adjustPalette(theme.dark, adj.dark ?? identity),
124
+ };
125
+ }
126
+ return result;
127
+ }
128
+ // component themes removed in v5 - use defaultProps in your config instead
129
+ // see: https://hanzogui.dev/docs/core/config-v5#migrating-from-component-themes
130
+ /** Generate named colors from a palette: ['#fff', ...] -> { name1: '#fff', name2: ... } */
131
+ function paletteToNamedColors(name, palette) {
132
+ return Object.fromEntries(palette.map((color, i) => [`${name}${i + 1}`, color]));
133
+ }
134
+ // Base palettes
135
+ const darkPalette = [
136
+ '#090909',
137
+ '#151515',
138
+ '#191919',
139
+ '#232323',
140
+ '#333',
141
+ '#444',
142
+ '#666',
143
+ '#777',
144
+ '#858585',
145
+ '#aaa',
146
+ '#ccc',
147
+ '#ffffff',
148
+ ];
149
+ const lightPalette = [
150
+ '#fff',
151
+ '#f8f8f8',
152
+ 'hsl(0, 0%, 93%)',
153
+ 'hsl(0, 0%, 85%)',
154
+ 'hsl(0, 0%, 80%)',
155
+ 'hsl(0, 0%, 70%)',
156
+ 'hsl(0, 0%, 59%)',
157
+ 'hsl(0, 0%, 45%)',
158
+ 'hsl(0, 0%, 30%)',
159
+ 'hsl(0, 0%, 20%)',
160
+ 'hsl(0, 0%, 14%)',
161
+ 'hsl(0, 0%, 2%)',
162
+ ];
163
+ /** Neutral grey - sufficient contrast on both white and black backgrounds */
164
+ const neutralPalette = [
165
+ 'hsl(0, 0%, 68%)',
166
+ 'hsl(0, 0%, 65%)',
167
+ 'hsl(0, 0%, 62%)',
168
+ 'hsl(0, 0%, 59%)',
169
+ 'hsl(0, 0%, 56%)',
170
+ 'hsl(0, 0%, 53%)',
171
+ 'hsl(0, 0%, 50%)',
172
+ 'hsl(0, 0%, 47%)',
173
+ 'hsl(0, 0%, 44%)',
174
+ 'hsl(0, 0%, 41%)',
175
+ 'hsl(0, 0%, 38%)',
176
+ 'hsl(0, 0%, 32%)',
177
+ ];
178
+ // Generate neutral colors from palette (used in defaultChildrenThemes)
179
+ const neutral = paletteToNamedColors('neutral', neutralPalette);
180
+ // Constants for forcing white/black with opacity variants
181
+ const whiteBlack = {
182
+ white: 'rgba(255,255,255,1)',
183
+ white0: 'rgba(255,255,255,0)',
184
+ white02: 'rgba(255,255,255,0.2)',
185
+ white04: 'rgba(255,255,255,0.4)',
186
+ white06: 'rgba(255,255,255,0.6)',
187
+ white08: 'rgba(255,255,255,0.8)',
188
+ black: 'rgba(0,0,0,1)',
189
+ black0: 'rgba(0,0,0,0)',
190
+ black02: 'rgba(0,0,0,0.2)',
191
+ black04: 'rgba(0,0,0,0.4)',
192
+ black06: 'rgba(0,0,0,0.6)',
193
+ black08: 'rgba(0,0,0,0.8)',
194
+ };
195
+ const darkShadows = {
196
+ shadow1: 'rgba(0,0,0,0.15)',
197
+ shadow2: 'rgba(0,0,0,0.23)',
198
+ shadow3: 'rgba(0,0,0,0.33)',
199
+ shadow4: 'rgba(0,0,0,0.45)',
200
+ shadow5: 'rgba(0,0,0,0.65)',
201
+ shadow6: 'rgba(0,0,0,0.8)',
202
+ shadow7: 'rgba(0,0,0,0.9)',
203
+ shadow8: 'rgba(0,0,0,1)',
204
+ };
205
+ const lightShadows = {
206
+ shadow1: 'rgba(0,0,0,0.04)',
207
+ shadow2: 'rgba(0,0,0,0.08)',
208
+ shadow3: 'rgba(0,0,0,0.12)',
209
+ shadow4: 'rgba(0,0,0,0.22)',
210
+ shadow5: 'rgba(0,0,0,0.33)',
211
+ shadow6: 'rgba(0,0,0,0.44)',
212
+ shadow7: 'rgba(0,0,0,0.6)',
213
+ shadow8: 'rgba(0,0,0,0.75)',
214
+ };
215
+ const darkHighlights = {
216
+ highlight1: 'rgba(255,255,255,0.1)',
217
+ highlight2: 'rgba(255,255,255,0.2)',
218
+ highlight3: 'rgba(255,255,255,0.3)',
219
+ highlight4: 'rgba(255,255,255,0.45)',
220
+ highlight5: 'rgba(255,255,255,0.65)',
221
+ highlight6: 'rgba(255,255,255,0.85)',
222
+ highlight7: 'rgba(255,255,255,0.95)',
223
+ highlight8: 'rgba(255,255,255,1)',
224
+ };
225
+ const lightHighlights = {
226
+ highlight1: 'rgba(255,255,255,0.05)',
227
+ highlight2: 'rgba(255,255,255,0.1)',
228
+ highlight3: 'rgba(255,255,255,0.15)',
229
+ highlight4: 'rgba(255,255,255,0.3)',
230
+ highlight5: 'rgba(255,255,255,0.4)',
231
+ highlight6: 'rgba(255,255,255,0.55)',
232
+ highlight7: 'rgba(255,255,255,0.7)',
233
+ highlight8: 'rgba(255,255,255,0.85)',
234
+ };
235
+ // Export palettes for customization
236
+ export { darkPalette as defaultDarkPalette, lightPalette as defaultLightPalette };
237
+ /** Default children themes - accepts radix colors directly */
238
+ export const defaultChildrenThemes = {
239
+ gray: { light: gray, dark: grayDark },
240
+ blue: { light: blue, dark: blueDark },
241
+ red: { light: red, dark: redDark },
242
+ yellow: { light: yellow, dark: yellowDark },
243
+ green: { light: green, dark: greenDark },
244
+ orange: { light: orange, dark: orangeDark },
245
+ pink: { light: pink, dark: pinkDark },
246
+ purple: { light: purple, dark: purpleDark },
247
+ teal: { light: teal, dark: tealDark },
248
+ neutral: { light: neutral, dark: neutral },
249
+ };
250
+ function getDefaultV5ThemeValues({ palette }) {
251
+ if (!palette || palette.length < 3) {
252
+ throw new Error(`invalid palette: ${JSON.stringify(palette)}`);
253
+ }
254
+ const bgColor = palette[V5_BG_OFFSET];
255
+ const fgColor = palette[palette.length - 2];
256
+ return {
257
+ color01: opacify(fgColor, 0.1),
258
+ color0075: opacify(fgColor, 0.075),
259
+ color005: opacify(fgColor, 0.05),
260
+ color0025: opacify(fgColor, 0.025),
261
+ color002: opacify(fgColor, 0.02),
262
+ color001: opacify(fgColor, 0.01),
263
+ background01: opacify(bgColor, 0.1),
264
+ background0075: opacify(bgColor, 0.075),
265
+ background005: opacify(bgColor, 0.05),
266
+ background0025: opacify(bgColor, 0.025),
267
+ background002: opacify(bgColor, 0.02),
268
+ background001: opacify(bgColor, 0.01),
269
+ background02: opacify(bgColor, 0.2),
270
+ background04: opacify(bgColor, 0.4),
271
+ background06: opacify(bgColor, 0.6),
272
+ background08: opacify(bgColor, 0.8),
273
+ outlineColor: opacify(palette[V5_BG_OFFSET + 4], 0.6),
274
+ };
275
+ }
276
+ /**
277
+ * Creates v5 themes with optional customizations.
278
+ *
279
+ * @example
280
+ * Use default themes
281
+ * const themes = createV5Theme()
282
+ *
283
+ * @example
284
+ * Custom children themes with brand color (accepts radix colors directly)
285
+ * const themes = createV5Theme({
286
+ * childrenThemes: {
287
+ * ...defaultChildrenThemes,
288
+ * brand: { light: brandLight, dark: brandDark },
289
+ * },
290
+ * })
291
+ *
292
+ * @example
293
+ * Minimal - no color themes
294
+ * const themes = createV5Theme({
295
+ * childrenThemes: {},
296
+ * })
297
+ */
298
+ export function createV5Theme(options = {}) {
299
+ const { darkPalette: customDarkPalette = darkPalette, lightPalette: customLightPalette = lightPalette, accent: customAccent, childrenThemes = defaultChildrenThemes, grandChildrenThemes = v5GrandchildrenThemes, componentThemes: customComponentThemes = v5ComponentThemes, getTheme: userGetTheme, } = options;
300
+ // Generate black/white named colors from palettes
301
+ const blackColors = paletteToNamedColors('black', customDarkPalette);
302
+ const whiteColors = paletteToNamedColors('white', customLightPalette);
303
+ // Build extra colors - spread children color objects directly (types flow naturally)
304
+ // Note: opacity/interpolation colors (color01, background01, etc.) are computed by getTheme
305
+ const extraBase = {
306
+ ...blackColors,
307
+ ...whiteColors,
308
+ ...whiteBlack,
309
+ };
310
+ const lightExtraBase = {
311
+ ...extraBase,
312
+ ...lightShadows,
313
+ ...lightHighlights,
314
+ shadowColor: lightShadows.shadow3,
315
+ };
316
+ const darkExtraBase = {
317
+ ...extraBase,
318
+ ...darkShadows,
319
+ ...darkHighlights,
320
+ shadowColor: darkShadows.shadow3,
321
+ };
322
+ const lightExtra = { ...lightExtraBase };
323
+ const darkExtra = { ...darkExtraBase };
324
+ for (const theme of Object.values(childrenThemes)) {
325
+ if (theme.light)
326
+ Object.assign(lightExtra, theme.light);
327
+ if (theme.dark)
328
+ Object.assign(darkExtra, theme.dark);
329
+ }
330
+ // Convert children to palette format for createThemes, adding black/white internally
331
+ const childrenWithPalettes = {
332
+ // Always include black/white for theme generation
333
+ black: {
334
+ palette: { dark: Object.values(blackColors), light: Object.values(blackColors) },
335
+ },
336
+ white: {
337
+ palette: { dark: Object.values(whiteColors), light: Object.values(whiteColors) },
338
+ },
339
+ ...Object.fromEntries(Object.entries(childrenThemes).map(([name, theme]) => [
340
+ name,
341
+ {
342
+ palette: {
343
+ light: Object.values(theme.light),
344
+ dark: Object.values(theme.dark),
345
+ },
346
+ },
347
+ ])),
348
+ };
349
+ return createThemes({
350
+ // componentThemes: false disables them, undefined/truthy values enable them
351
+ componentThemes: customComponentThemes,
352
+ templates: v5Templates,
353
+ base: {
354
+ palette: {
355
+ dark: customDarkPalette,
356
+ light: customLightPalette,
357
+ },
358
+ extra: {
359
+ light: lightExtra,
360
+ dark: darkExtra,
361
+ },
362
+ },
363
+ accent: {
364
+ palette: customAccent
365
+ ? {
366
+ light: Object.values(customAccent.light),
367
+ dark: Object.values(customAccent.dark),
368
+ }
369
+ : {
370
+ dark: customLightPalette,
371
+ light: customDarkPalette,
372
+ },
373
+ },
374
+ childrenThemes: childrenWithPalettes,
375
+ grandChildrenThemes,
376
+ getTheme: (props) => {
377
+ const builtInTheme = getDefaultV5ThemeValues(props);
378
+ const customTheme = userGetTheme?.(props);
379
+ return (customTheme ? { ...builtInTheme, ...customTheme } : builtInTheme);
380
+ },
381
+ });
382
+ }
383
+ // Default themes using the createV5Theme function
384
+ export const themes = createV5Theme();
385
+ // don't remove this - type sanity checks - these should not cause type errors:
386
+ themes.dark.background0075;
387
+ themes.dark_yellow.background0075;
388
+ themes.dark.background;
389
+ themes.dark.accent1;
390
+ // @ts-expect-error
391
+ themes.dark.nonValid;
392
+ //# sourceMappingURL=v5-themes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"v5-themes.js","sourceRoot":"","sources":["../../src/v5-themes.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,85 @@
1
+ import { sizeToSpace } from './utils.js';
2
+ // the same as v3 for now, but duplicated to avoid accidental changes to both
3
+ // --- tokens ---
4
+ // should roughly map to button/input etc height at each level
5
+ // fonts should match that height/lineHeight at each stop
6
+ // so these are really non-linear on purpose
7
+ // why?
8
+ // - at sizes <1, used for fine grained things (borders, smallest paddingY)
9
+ // - so smallest padY should be roughly 1-4px so it can join with lineHeight
10
+ // - at sizes >=1, have to consider "pressability" (jumps up)
11
+ // - after that it should go upwards somewhat naturally
12
+ // - H1 / headings top out at 10 naturally, so after 10 we can go upwards faster
13
+ // but also one more wrinkle...
14
+ // space is used in conjunction with size
15
+ // i'm setting space to generally just a fixed fraction of size (~1/3-2/3 still fine tuning)
16
+ export const size = {
17
+ $0: 0,
18
+ '$0.25': 2,
19
+ '$0.5': 4,
20
+ '$0.75': 8,
21
+ $1: 20,
22
+ '$1.5': 24,
23
+ $2: 28,
24
+ '$2.5': 32,
25
+ $3: 36,
26
+ '$3.5': 40,
27
+ $4: 44,
28
+ $true: 44,
29
+ '$4.5': 48,
30
+ $5: 52,
31
+ $6: 64,
32
+ $7: 74,
33
+ $8: 84,
34
+ $9: 94,
35
+ $10: 104,
36
+ $11: 124,
37
+ $12: 144,
38
+ $13: 164,
39
+ $14: 184,
40
+ $15: 204,
41
+ $16: 224,
42
+ $17: 224,
43
+ $18: 244,
44
+ $19: 264,
45
+ $20: 284,
46
+ };
47
+ export const spaces = Object.entries(size).map(([k, v]) => {
48
+ return [k, sizeToSpace(v)];
49
+ });
50
+ export const spacesNegative = spaces.slice(1).map(([k, v]) => [`-${k.slice(1)}`, -v]);
51
+ export const space = {
52
+ ...Object.fromEntries(spaces),
53
+ ...Object.fromEntries(spacesNegative),
54
+ };
55
+ export const zIndex = {
56
+ 0: 0,
57
+ 1: 100,
58
+ 2: 200,
59
+ 3: 300,
60
+ 4: 400,
61
+ 5: 500,
62
+ };
63
+ export const radius = {
64
+ 0: 0,
65
+ 1: 3,
66
+ 2: 5,
67
+ 3: 7,
68
+ 4: 9,
69
+ true: 9,
70
+ 5: 10,
71
+ 6: 16,
72
+ 7: 19,
73
+ 8: 22,
74
+ 9: 26,
75
+ 10: 34,
76
+ 11: 42,
77
+ 12: 50,
78
+ };
79
+ export const tokens = {
80
+ radius,
81
+ zIndex,
82
+ space,
83
+ size,
84
+ };
85
+ //# sourceMappingURL=v5-tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"v5-tokens.js","sourceRoot":"","sources":["../../src/v5-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAExC,6EAA6E;AAE7E,iBAAiB;AAEjB,8DAA8D;AAC9D,yDAAyD;AACzD,4CAA4C;AAC5C,OAAO;AACP,6EAA6E;AAC7E,gFAAgF;AAChF,+DAA+D;AAC/D,yDAAyD;AACzD,kFAAkF;AAClF,gCAAgC;AAChC,0CAA0C;AAC1C,6FAA6F;AAC7F,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,EAAE,EAAE,CAAC;IACL,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,EAAE,EAAE,EAAE;IACN,MAAM,EAAE,EAAE;IACV,EAAE,EAAE,EAAE;IACN,MAAM,EAAE,EAAE;IACV,EAAE,EAAE,EAAE;IACN,MAAM,EAAE,EAAE;IACV,EAAE,EAAE,EAAE;IACN,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;CACT,CAAA;AAQD,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;IACxD,OAAO,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAU,CAAA;AACrC,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;AAMrF,MAAM,CAAC,MAAM,KAAK,GAEd;IACF,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC;IAC7B,GAAG,MAAM,CAAC,WAAW,CAAC,cAAc,CAAC;CAC/B,CAAA;AAER,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;CACP,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,IAAI,EAAE,CAAC;IACP,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM;IACN,MAAM;IACN,KAAK;IACL,IAAI;CACI,CAAA"}
package/dist/esm/v5.js ADDED
@@ -0,0 +1,6 @@
1
+ export { createThemes } from '@hanzogui/theme-builder';
2
+ export { themes } from './generated-v5.js';
3
+ export { v5Templates } from './v5-templates.js';
4
+ export * from './v5-themes.js';
5
+ export { tokens } from './v5-tokens.js';
6
+ //# sourceMappingURL=v5.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"v5.js","sourceRoot":"","sources":["../../src/v5.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAM1C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA"}