@pixelium/web-vue 0.0.2 → 0.0.3-alpha

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 (284) hide show
  1. package/README.md +42 -0
  2. package/README.zh.md +6 -3
  3. package/dist/font.css +1 -1
  4. package/dist/index.d.ts +1602 -248
  5. package/dist/normalize.css +2 -0
  6. package/dist/pixelium-vue-icon-hn.cjs +1 -1
  7. package/dist/pixelium-vue-icon-hn.css +2 -1
  8. package/dist/pixelium-vue-icon-hn.js +8533 -8154
  9. package/dist/pixelium-vue-icon-hn.umd.cjs +1 -1
  10. package/dist/pixelium-vue-icon-pa.cjs +1 -1
  11. package/dist/pixelium-vue-icon-pa.css +2 -1
  12. package/dist/pixelium-vue-icon-pa.js +10625 -10143
  13. package/dist/pixelium-vue-icon-pa.umd.cjs +1 -1
  14. package/dist/pixelium-vue.cjs +2 -2
  15. package/dist/pixelium-vue.css +2 -1
  16. package/dist/pixelium-vue.js +7407 -5852
  17. package/dist/pixelium-vue.umd.cjs +2 -2
  18. package/es/aside/index.css +1 -0
  19. package/es/aside/index.js +46 -151
  20. package/es/auto-complete/draw.d.ts +1 -1
  21. package/es/auto-complete/draw.js +26 -51
  22. package/es/auto-complete/index.css +92 -32
  23. package/es/auto-complete/index.d.ts +12 -15
  24. package/es/auto-complete/index.js +338 -400
  25. package/es/auto-complete/type.d.ts +25 -13
  26. package/es/avatar/css.js +2 -0
  27. package/es/avatar/draw.d.ts +2 -0
  28. package/es/avatar/draw.js +11 -0
  29. package/es/avatar/index.css +49 -0
  30. package/es/avatar/index.d.ts +15 -0
  31. package/es/avatar/index.js +110 -0
  32. package/es/avatar/type.d.ts +34 -0
  33. package/es/button/draw.d.ts +4 -4
  34. package/es/button/draw.js +213 -297
  35. package/es/button/index.css +40 -30
  36. package/es/button/index.d.ts +0 -4
  37. package/es/button/index.js +230 -256
  38. package/es/button/type.d.ts +3 -3
  39. package/es/button-group/index.css +0 -3
  40. package/es/button-group/index.d.ts +1 -2
  41. package/es/button-group/index.js +59 -31
  42. package/es/button-group/type.d.ts +21 -4
  43. package/es/checkbox/css.js +2 -0
  44. package/es/checkbox/draw.d.ts +4 -0
  45. package/es/checkbox/draw.js +46 -0
  46. package/es/checkbox/index.css +85 -0
  47. package/es/checkbox/index.d.ts +31 -0
  48. package/es/checkbox/index.js +206 -0
  49. package/es/checkbox/type.d.ts +88 -0
  50. package/es/checkbox-group/css.js +2 -0
  51. package/es/checkbox-group/index.css +20 -0
  52. package/es/checkbox-group/index.d.ts +23 -0
  53. package/es/checkbox-group/index.js +84 -0
  54. package/es/checkbox-group/type.d.ts +78 -0
  55. package/es/col/index.d.ts +2 -2
  56. package/es/col/index.js +43 -58
  57. package/es/container/index.css +1 -0
  58. package/es/container/index.js +18 -31
  59. package/es/divider/index.js +39 -53
  60. package/es/empty/index.css +4 -4
  61. package/es/empty/index.js +16 -71
  62. package/es/entry.js +102 -0
  63. package/es/footer/index.css +1 -0
  64. package/es/footer/index.js +31 -40
  65. package/es/form/css.js +1 -0
  66. package/es/form/index.d.ts +27 -0
  67. package/es/form/index.js +125 -0
  68. package/es/form/type.d.ts +238 -0
  69. package/es/form/use-form.d.ts +4 -0
  70. package/es/form/use-form.js +48 -0
  71. package/es/form-item/css.js +2 -0
  72. package/es/form-item/index.css +77 -0
  73. package/es/form-item/index.d.ts +37 -0
  74. package/es/form-item/index.js +318 -0
  75. package/es/form-item/type.d.ts +96 -0
  76. package/es/grid/index.js +56 -75
  77. package/es/grid-item/css.js +0 -1
  78. package/es/grid-item/index.d.ts +1 -1
  79. package/es/grid-item/index.js +85 -121
  80. package/es/header/index.css +1 -0
  81. package/es/header/index.js +31 -40
  82. package/es/icon/index.js +44 -55
  83. package/es/icons/css-hn.js +0 -1
  84. package/es/icons/css-pa.js +0 -1
  85. package/es/icons/icon-hn.js +10337 -15986
  86. package/es/icons/icon-pa.js +12573 -17447
  87. package/es/image/css.js +2 -0
  88. package/es/image/index.css +69 -0
  89. package/es/image/index.d.ts +35 -0
  90. package/es/image/index.js +199 -0
  91. package/es/image/type.d.ts +126 -0
  92. package/es/index.css +1 -515
  93. package/es/index.d.ts +22 -2
  94. package/es/index.js +144 -123
  95. package/es/input/draw.d.ts +1 -1
  96. package/es/input/draw.js +26 -51
  97. package/es/input/index.css +85 -33
  98. package/es/input/index.d.ts +9 -16
  99. package/es/input/index.js +319 -423
  100. package/es/input/type.d.ts +3 -3
  101. package/es/input-group/index.css +0 -1
  102. package/es/input-group/index.d.ts +2 -2
  103. package/es/input-group/index.js +66 -37
  104. package/es/input-group/type.d.ts +16 -4
  105. package/es/input-group-label/draw.d.ts +1 -1
  106. package/es/input-group-label/draw.js +26 -51
  107. package/es/input-group-label/index.css +33 -22
  108. package/es/input-group-label/index.d.ts +1 -4
  109. package/es/input-group-label/index.js +104 -127
  110. package/es/input-group-label/type.d.ts +3 -3
  111. package/es/input-number/draw.d.ts +1 -1
  112. package/es/input-number/draw.js +26 -51
  113. package/es/input-number/index.css +90 -35
  114. package/es/input-number/index.d.ts +9 -16
  115. package/es/input-number/index.js +428 -536
  116. package/es/input-number/type.d.ts +3 -3
  117. package/es/input-tag/draw.d.ts +1 -1
  118. package/es/input-tag/draw.js +26 -48
  119. package/es/input-tag/index.css +100 -33
  120. package/es/input-tag/index.d.ts +7 -13
  121. package/es/input-tag/index.js +442 -467
  122. package/es/input-tag/type.d.ts +24 -13
  123. package/es/link/index.js +75 -106
  124. package/es/main/index.css +4 -0
  125. package/es/main/index.d.ts +4 -1
  126. package/es/main/index.js +15 -15
  127. package/es/main/type.d.ts +7 -0
  128. package/es/mask/index.js +94 -115
  129. package/es/message/index.css +1 -1
  130. package/es/message/index.js +168 -346
  131. package/es/message-box/css.js +1 -1
  132. package/es/message-box/index.js +98 -114
  133. package/es/message-box/message-box-wrapped.js +33 -46
  134. package/es/message-box/message-box.js +79 -111
  135. package/es/option-list/index.css +13 -13
  136. package/es/option-list/index.d.ts +4 -31
  137. package/es/option-list/index.js +99 -167
  138. package/es/option-list/type.d.ts +5 -1
  139. package/es/pixelate/pixel.d.ts +5 -0
  140. package/es/pixelate/pixel.js +70 -0
  141. package/es/pixelate/pixelate.worker.d.ts +1 -0
  142. package/es/popover/index.d.ts +13 -99
  143. package/es/popover/index.js +75 -238
  144. package/es/popover/type.d.ts +7 -2
  145. package/es/popup/css.js +1 -0
  146. package/es/popup/index.d.ts +210 -0
  147. package/es/popup/index.js +203 -0
  148. package/es/popup/type.d.ts +105 -0
  149. package/es/popup-content/draw.d.ts +2 -2
  150. package/es/popup-content/draw.js +98 -143
  151. package/es/popup-content/index.css +11 -11
  152. package/es/popup-content/index.d.ts +1 -0
  153. package/es/popup-content/index.js +253 -1576
  154. package/es/popup-content/type.d.ts +1 -0
  155. package/es/popup-trigger/index.d.ts +8 -2
  156. package/es/popup-trigger/index.js +122 -95
  157. package/es/popup-trigger/type.d.ts +4 -1
  158. package/es/popup-wrapper/css.js +2 -0
  159. package/es/popup-wrapper/index.css +14 -0
  160. package/es/popup-wrapper/index.d.ts +18 -0
  161. package/es/popup-wrapper/index.js +67 -0
  162. package/es/popup-wrapper/type.d.ts +9 -0
  163. package/es/radio/css.js +1 -0
  164. package/es/radio/draw.d.ts +4 -0
  165. package/es/radio/draw.js +47 -0
  166. package/es/radio/index.d.ts +30 -0
  167. package/es/radio/index.js +190 -0
  168. package/es/radio/style.css +73 -0
  169. package/es/radio/type.d.ts +76 -0
  170. package/es/radio-group/css.js +2 -0
  171. package/es/radio-group/index.css +20 -0
  172. package/es/radio-group/index.d.ts +23 -0
  173. package/es/radio-group/index.js +77 -0
  174. package/es/radio-group/type.d.ts +77 -0
  175. package/es/row/index.js +56 -70
  176. package/es/select/draw.d.ts +1 -1
  177. package/es/select/draw.js +26 -51
  178. package/es/select/index.css +118 -36
  179. package/es/select/index.d.ts +14 -16
  180. package/es/select/index.js +625 -672
  181. package/es/select/type.d.ts +60 -25
  182. package/es/share/const/event-bus-key.js +1 -6
  183. package/es/share/const/index.d.ts +4 -0
  184. package/es/share/const/index.js +22 -24
  185. package/es/share/const/provide-key.d.ts +5 -0
  186. package/es/share/const/provide-key.js +6 -5
  187. package/es/share/const/style.d.ts +6 -0
  188. package/es/share/const/style.js +7 -0
  189. package/es/share/hook/use-cancelable-delay.d.ts +1 -0
  190. package/es/share/hook/use-cancelable-delay.js +42 -0
  191. package/es/share/hook/use-click-outside-listener.d.ts +1 -1
  192. package/es/share/hook/use-click-outside-listener.js +28 -41
  193. package/es/share/hook/use-composition.js +17 -15
  194. package/es/share/hook/use-controlled-mode.d.ts +3 -3
  195. package/es/share/hook/use-controlled-mode.js +20 -23
  196. package/es/share/hook/use-dark-mode.js +51 -65
  197. package/es/share/hook/use-index-of-children.d.ts +2 -1
  198. package/es/share/hook/use-index-of-children.js +47 -45
  199. package/es/share/hook/use-lazy-load.d.ts +10 -0
  200. package/es/share/hook/use-lazy-load.js +133 -0
  201. package/es/share/hook/use-props-detect.d.ts +2 -0
  202. package/es/share/hook/use-resize-observer.d.ts +1 -2
  203. package/es/share/hook/use-resize-observer.js +28 -20
  204. package/es/share/hook/use-screen-width.js +27 -36
  205. package/es/share/hook/use-smooth-transition.d.ts +2 -0
  206. package/es/share/hook/use-smooth-transition.js +65 -0
  207. package/es/share/hook/use-textarea-height.js +86 -92
  208. package/es/share/hook/use-theme-mode.js +41 -42
  209. package/es/share/hook/use-transition-end.d.ts +2 -0
  210. package/es/share/hook/use-transition-end.js +12 -0
  211. package/es/share/hook/use-watch-global-css-var.js +12 -16
  212. package/es/share/hook/use-window-resize-listener.d.ts +1 -0
  213. package/es/share/hook/use-window-resize-listener.js +15 -0
  214. package/es/share/hook/use-z-index.js +30 -27
  215. package/es/share/style/index.css +5 -0
  216. package/es/share/type/index.d.ts +18 -3
  217. package/es/share/util/color.d.ts +5 -3
  218. package/es/share/util/color.js +156 -149
  219. package/es/share/util/common.d.ts +7 -2
  220. package/es/share/util/common.js +127 -65
  221. package/es/share/util/console.d.ts +3 -3
  222. package/es/share/util/console.js +10 -7
  223. package/es/share/util/dom.d.ts +19 -0
  224. package/es/share/util/dom.js +88 -0
  225. package/es/share/util/env.d.ts +1 -0
  226. package/es/share/util/env.js +5 -4
  227. package/es/share/util/event-bus.js +3 -20
  228. package/es/share/util/lru-cache.js +29 -33
  229. package/es/share/util/pixel.d.ts +4 -0
  230. package/es/share/util/plot.d.ts +8 -3
  231. package/es/share/util/plot.js +457 -229
  232. package/es/share/util/reactivity.d.ts +8 -0
  233. package/es/share/util/reactivity.js +23 -0
  234. package/es/share/util/render.js +31 -41
  235. package/es/share/util/theme.d.ts +3 -0
  236. package/es/share/util/theme.js +77 -57
  237. package/es/slider/css.js +2 -0
  238. package/es/slider/draw.d.ts +25 -0
  239. package/es/slider/draw.js +113 -0
  240. package/es/slider/index.css +119 -0
  241. package/es/slider/index.d.ts +66 -0
  242. package/es/slider/index.js +503 -0
  243. package/es/slider/type.d.ts +162 -0
  244. package/es/slider/util.d.ts +37 -0
  245. package/es/slider/util.js +130 -0
  246. package/es/space/index.css +24 -29
  247. package/es/space/index.js +73 -97
  248. package/es/spin/index.css +18 -17
  249. package/es/spin/index.js +72 -102
  250. package/es/spin/type.d.ts +11 -5
  251. package/es/switch/css.js +2 -0
  252. package/es/switch/draw.d.ts +2 -0
  253. package/es/switch/draw.js +18 -0
  254. package/es/switch/index.css +121 -0
  255. package/es/switch/index.d.ts +42 -0
  256. package/es/switch/index.js +259 -0
  257. package/es/switch/type.d.ts +133 -0
  258. package/es/tag/draw.d.ts +2 -2
  259. package/es/tag/draw.js +80 -127
  260. package/es/tag/index.css +38 -22
  261. package/es/tag/index.d.ts +2 -2
  262. package/es/tag/index.js +121 -190
  263. package/es/tag/type.d.ts +3 -3
  264. package/es/text-outline/css.js +2 -0
  265. package/es/text-outline/index.css +4 -0
  266. package/es/text-outline/index.d.ts +17 -0
  267. package/es/text-outline/index.js +33 -0
  268. package/es/text-outline/type.d.ts +23 -0
  269. package/es/textarea/draw.js +9 -11
  270. package/es/textarea/index.css +37 -23
  271. package/es/textarea/index.d.ts +8 -14
  272. package/es/textarea/index.js +274 -262
  273. package/es/tooltip/index.d.ts +100 -4
  274. package/es/tooltip/index.js +70 -226
  275. package/es/tooltip/type.d.ts +7 -2
  276. package/es/vendor.js +504 -0
  277. package/es/virtual-list/css.js +2 -0
  278. package/es/virtual-list/index.css +25 -0
  279. package/es/virtual-list/index.d.ts +11 -0
  280. package/es/virtual-list/index.js +313 -0
  281. package/es/virtual-list/type.d.ts +26 -0
  282. package/package.json +10 -16
  283. package/es/grid-item/index.css +0 -0
  284. /package/es/message-box/{message-box.css → index.css} +0 -0
package/es/index.css CHANGED
@@ -1,515 +1 @@
1
- /* lib/share/style/color.css */
2
- :root {
3
- --px-teal-light-1: rgba(221, 250, 242, 1);
4
- --px-teal-light-2: rgba(188, 233, 222, 1);
5
- --px-teal-light-3: rgba(155, 217, 202, 1);
6
- --px-teal-light-4: rgba(119, 201, 183, 1);
7
- --px-teal-light-5: rgba(79, 184, 164, 1);
8
- --px-teal-light-6: rgba(0, 168, 145, 1);
9
- --px-teal-light-7: rgba(11, 128, 110, 1);
10
- --px-teal-light-8: rgba(14, 90, 78, 1);
11
- --px-teal-light-9: rgba(11, 55, 47, 1);
12
- --px-teal-light-10: rgba(6, 23, 19, 1);
13
- --px-green-light-1: rgba(238, 242, 238, 1);
14
- --px-green-light-2: rgba(203, 231, 202, 1);
15
- --px-green-light-3: rgba(167, 219, 166, 1);
16
- --px-green-light-4: rgba(129, 207, 130, 1);
17
- --px-green-light-5: rgba(86, 194, 91, 1);
18
- --px-green-light-6: rgba(0, 180, 42, 1);
19
- --px-green-light-7: rgba(34, 137, 44, 1);
20
- --px-green-light-8: rgba(38, 96, 41, 1);
21
- --px-green-light-9: rgba(34, 57, 34, 1);
22
- --px-green-light-10: rgba(24, 22, 24, 1);
23
- --px-orange-light-1: rgba(245, 234, 228, 1);
24
- --px-orange-light-2: rgba(250, 214, 193, 1);
25
- --px-orange-light-3: rgba(253, 193, 158, 1);
26
- --px-orange-light-4: rgba(255, 172, 121, 1);
27
- --px-orange-light-5: rgba(255, 149, 80, 1);
28
- --px-orange-light-6: rgba(255, 125, 0, 1);
29
- --px-orange-light-7: rgba(196, 103, 35, 1);
30
- --px-orange-light-8: rgba(140, 80, 42, 1);
31
- --px-orange-light-9: rgba(87, 58, 41, 1);
32
- --px-orange-light-10: rgba(37, 36, 35, 1);
33
- --px-red-light-1: rgba(248, 235, 233, 1);
34
- --px-red-light-2: rgba(253, 210, 205, 1);
35
- --px-red-light-3: rgba(255, 186, 178, 1);
36
- --px-red-light-4: rgba(255, 161, 152, 1);
37
- --px-red-light-5: rgba(255, 133, 124, 1);
38
- --px-red-light-6: rgba(253, 104, 96, 1);
39
- --px-red-light-7: rgba(193, 86, 79, 1);
40
- --px-red-light-8: rgba(136, 68, 62, 1);
41
- --px-red-light-9: rgba(82, 49, 46, 1);
42
- --px-red-light-10: rgba(32, 30, 29, 1);
43
- --px-pink-light-1: rgba(250, 223, 228, 1);
44
- --px-pink-light-2: rgba(252, 209, 218, 1);
45
- --px-pink-light-3: rgba(253, 196, 208, 1);
46
- --px-pink-light-4: rgba(255, 182, 198, 1);
47
- --px-pink-light-5: rgba(255, 168, 188, 1);
48
- --px-pink-light-6: rgba(255, 154, 178, 1);
49
- --px-pink-light-7: rgba(204, 126, 144, 1);
50
- --px-pink-light-8: rgba(154, 99, 112, 1);
51
- --px-pink-light-9: rgba(108, 73, 81, 1);
52
- --px-pink-light-10: rgba(65, 48, 52, 1);
53
- --px-neutral-light-1: rgba(255, 255, 255, 1);
54
- --px-neutral-light-2: rgba(250, 250, 250, 1);
55
- --px-neutral-light-3: rgba(245, 245, 245, 1);
56
- --px-neutral-light-4: rgba(240, 240, 240, 1);
57
- --px-neutral-light-5: rgba(235, 235, 235, 1);
58
- --px-neutral-light-6: rgba(230, 230, 230, 1);
59
- --px-neutral-light-7: rgba(200, 200, 200, 1);
60
- --px-neutral-light-8: rgba(150, 150, 150, 1);
61
- --px-neutral-light-9: rgba(100, 100, 100, 1);
62
- --px-neutral-light-10: rgba(50, 50, 50, 1);
63
- --px-teal-dark-1: rgba(7, 31, 26, 1);
64
- --px-teal-dark-2: rgba(11, 55, 47, 1);
65
- --px-teal-dark-3: rgba(13, 81, 70, 1);
66
- --px-teal-dark-4: rgba(13, 109, 94, 1);
67
- --px-teal-dark-5: rgba(9, 138, 119, 1);
68
- --px-teal-dark-6: rgba(0, 168, 145, 1);
69
- --px-teal-dark-7: rgba(88, 184, 165, 1);
70
- --px-teal-dark-8: rgba(132, 201, 185, 1);
71
- --px-teal-dark-9: rgba(172, 217, 206, 1);
72
- --px-teal-dark-10: rgba(210, 233, 227, 1);
73
- --px-green-dark-1: rgba(27, 30, 27, 1);
74
- --px-green-dark-2: rgba(34, 57, 34, 1);
75
- --px-green-dark-3: rgba(38, 86, 40, 1);
76
- --px-green-dark-4: rgba(38, 116, 43, 1);
77
- --px-green-dark-5: rgba(30, 147, 44, 1);
78
- --px-green-dark-6: rgba(0, 180, 42, 1);
79
- --px-green-dark-7: rgba(96, 193, 99, 1);
80
- --px-green-dark-8: rgba(144, 204, 144, 1);
81
- --px-green-dark-9: rgba(187, 215, 186, 1);
82
- --px-green-dark-10: rgba(227, 224, 228, 1);
83
- --px-orange-dark-1: rgba(49, 41, 37, 1);
84
- --px-orange-dark-2: rgba(87, 58, 41, 1);
85
- --px-orange-dark-3: rgba(126, 75, 42, 1);
86
- --px-orange-dark-4: rgba(167, 91, 40, 1);
87
- --px-orange-dark-5: rgba(210, 108, 31, 1);
88
- --px-orange-dark-6: rgba(255, 125, 0, 1);
89
- --px-orange-dark-7: rgba(250, 152, 89, 1);
90
- --px-orange-dark-8: rgba(242, 175, 135, 1);
91
- --px-orange-dark-9: rgba(233, 197, 177, 1);
92
- --px-orange-dark-10: rgba(220, 218, 217, 1);
93
- --px-red-dark-1: rgba(44, 35, 33, 1);
94
- --px-red-dark-2: rgba(82, 49, 46, 1);
95
- --px-red-dark-3: rgba(122, 63, 58, 1);
96
- --px-red-dark-4: rgba(164, 77, 71, 1);
97
- --px-red-dark-5: rgba(208, 90, 83, 1);
98
- --px-red-dark-6: rgba(253, 104, 96, 1);
99
- --px-red-dark-7: rgba(250, 137, 128, 1);
100
- --px-red-dark-8: rgba(245, 167, 158, 1);
101
- --px-red-dark-9: rgba(236, 194, 189, 1);
102
- --px-red-dark-10: rgba(224, 221, 220, 1);
103
- --px-pink-dark-1: rgba(75, 54, 59, 1);
104
- --px-pink-dark-2: rgba(108, 73, 81, 1);
105
- --px-pink-dark-3: rgba(143, 92, 104, 1);
106
- --px-pink-dark-4: rgba(179, 112, 128, 1);
107
- --px-pink-dark-5: rgba(216, 133, 152, 1);
108
- --px-pink-dark-6: rgba(255, 154, 178, 1);
109
- --px-pink-dark-7: rgba(249, 168, 186, 1);
110
- --px-pink-dark-8: rgba(243, 181, 194, 1);
111
- --px-pink-dark-9: rgba(235, 193, 201, 1);
112
- --px-pink-dark-10: rgba(227, 205, 209, 1);
113
- --px-neutral-dark-1: rgba(12, 12, 12, 1);
114
- --px-neutral-dark-2: rgba(32, 32, 32, 1);
115
- --px-neutral-dark-3: rgba(53, 53, 53, 1);
116
- --px-neutral-dark-4: rgba(76, 76, 76, 1);
117
- --px-neutral-dark-5: rgba(101, 101, 101, 1);
118
- --px-neutral-dark-6: rgba(126, 126, 126, 1);
119
- --px-neutral-dark-7: rgba(152, 152, 152, 1);
120
- --px-neutral-dark-8: rgba(178, 178, 178, 1);
121
- --px-neutral-dark-9: rgba(206, 206, 206, 1);
122
- --px-neutral-dark-10: rgba(234, 234, 234, 1);
123
- --px-primary-light-1: var(--px-teal-light-1);
124
- --px-primary-light-2: var(--px-teal-light-2);
125
- --px-primary-light-3: var(--px-teal-light-3);
126
- --px-primary-light-4: var(--px-teal-light-4);
127
- --px-primary-light-5: var(--px-teal-light-5);
128
- --px-primary-light-6: var(--px-teal-light-6);
129
- --px-primary-light-7: var(--px-teal-light-7);
130
- --px-primary-light-8: var(--px-teal-light-8);
131
- --px-primary-light-9: var(--px-teal-light-9);
132
- --px-primary-light-10: var(--px-teal-light-10);
133
- --px-success-light-1: var(--px-green-light-1);
134
- --px-success-light-2: var(--px-green-light-2);
135
- --px-success-light-3: var(--px-green-light-3);
136
- --px-success-light-4: var(--px-green-light-4);
137
- --px-success-light-5: var(--px-green-light-5);
138
- --px-success-light-6: var(--px-green-light-6);
139
- --px-success-light-7: var(--px-green-light-7);
140
- --px-success-light-8: var(--px-green-light-8);
141
- --px-success-light-9: var(--px-green-light-9);
142
- --px-success-light-10: var(--px-green-light-10);
143
- --px-warning-light-1: var(--px-orange-light-1);
144
- --px-warning-light-2: var(--px-orange-light-2);
145
- --px-warning-light-3: var(--px-orange-light-3);
146
- --px-warning-light-4: var(--px-orange-light-4);
147
- --px-warning-light-5: var(--px-orange-light-5);
148
- --px-warning-light-6: var(--px-orange-light-6);
149
- --px-warning-light-7: var(--px-orange-light-7);
150
- --px-warning-light-8: var(--px-orange-light-8);
151
- --px-warning-light-9: var(--px-orange-light-9);
152
- --px-warning-light-10: var(--px-orange-light-10);
153
- --px-danger-light-1: var(--px-red-light-1);
154
- --px-danger-light-2: var(--px-red-light-2);
155
- --px-danger-light-3: var(--px-red-light-3);
156
- --px-danger-light-4: var(--px-red-light-4);
157
- --px-danger-light-5: var(--px-red-light-5);
158
- --px-danger-light-6: var(--px-red-light-6);
159
- --px-danger-light-7: var(--px-red-light-7);
160
- --px-danger-light-8: var(--px-red-light-8);
161
- --px-danger-light-9: var(--px-red-light-9);
162
- --px-danger-light-10: var(--px-red-light-10);
163
- --px-sakura-light-1: var(--px-pink-light-1);
164
- --px-sakura-light-2: var(--px-pink-light-2);
165
- --px-sakura-light-3: var(--px-pink-light-3);
166
- --px-sakura-light-4: var(--px-pink-light-4);
167
- --px-sakura-light-5: var(--px-pink-light-5);
168
- --px-sakura-light-6: var(--px-pink-light-6);
169
- --px-sakura-light-7: var(--px-pink-light-7);
170
- --px-sakura-light-8: var(--px-pink-light-8);
171
- --px-sakura-light-9: var(--px-pink-light-9);
172
- --px-sakura-light-10: var(--px-pink-light-10);
173
- --px-primary-dark-1: var(--px-teal-dark-1);
174
- --px-primary-dark-2: var(--px-teal-dark-2);
175
- --px-primary-dark-3: var(--px-teal-dark-3);
176
- --px-primary-dark-4: var(--px-teal-dark-4);
177
- --px-primary-dark-5: var(--px-teal-dark-5);
178
- --px-primary-dark-6: var(--px-teal-dark-6);
179
- --px-primary-dark-7: var(--px-teal-dark-7);
180
- --px-primary-dark-8: var(--px-teal-dark-8);
181
- --px-primary-dark-9: var(--px-teal-dark-9);
182
- --px-primary-dark-10: var(--px-teal-dark-10);
183
- --px-success-dark-1: var(--px-green-dark-1);
184
- --px-success-dark-2: var(--px-green-dark-2);
185
- --px-success-dark-3: var(--px-green-dark-3);
186
- --px-success-dark-4: var(--px-green-dark-4);
187
- --px-success-dark-5: var(--px-green-dark-5);
188
- --px-success-dark-6: var(--px-green-dark-6);
189
- --px-success-dark-7: var(--px-green-dark-7);
190
- --px-success-dark-8: var(--px-green-dark-8);
191
- --px-success-dark-9: var(--px-green-dark-9);
192
- --px-success-dark-10: var(--px-green-dark-10);
193
- --px-warning-dark-1: var(--px-orange-dark-1);
194
- --px-warning-dark-2: var(--px-orange-dark-2);
195
- --px-warning-dark-3: var(--px-orange-dark-3);
196
- --px-warning-dark-4: var(--px-orange-dark-4);
197
- --px-warning-dark-5: var(--px-orange-dark-5);
198
- --px-warning-dark-6: var(--px-orange-dark-6);
199
- --px-warning-dark-7: var(--px-orange-dark-7);
200
- --px-warning-dark-8: var(--px-orange-dark-8);
201
- --px-warning-dark-9: var(--px-orange-dark-9);
202
- --px-warning-dark-10: var(--px-orange-dark-10);
203
- --px-danger-dark-1: var(--px-red-dark-1);
204
- --px-danger-dark-2: var(--px-red-dark-2);
205
- --px-danger-dark-3: var(--px-red-dark-3);
206
- --px-danger-dark-4: var(--px-red-dark-4);
207
- --px-danger-dark-5: var(--px-red-dark-5);
208
- --px-danger-dark-6: var(--px-red-dark-6);
209
- --px-danger-dark-7: var(--px-red-dark-7);
210
- --px-danger-dark-8: var(--px-red-dark-8);
211
- --px-danger-dark-9: var(--px-red-dark-9);
212
- --px-danger-dark-10: var(--px-red-dark-10);
213
- --px-sakura-dark-1: var(--px-pink-dark-1);
214
- --px-sakura-dark-2: var(--px-pink-dark-2);
215
- --px-sakura-dark-3: var(--px-pink-dark-3);
216
- --px-sakura-dark-4: var(--px-pink-dark-4);
217
- --px-sakura-dark-5: var(--px-pink-dark-5);
218
- --px-sakura-dark-6: var(--px-pink-dark-6);
219
- --px-sakura-dark-7: var(--px-pink-dark-7);
220
- --px-sakura-dark-8: var(--px-pink-dark-8);
221
- --px-sakura-dark-9: var(--px-pink-dark-9);
222
- --px-sakura-dark-10: var(--px-pink-dark-10);
223
- --px-primary-1: var(--px-primary-light-custom-1, var(--px-teal-light-1));
224
- --px-primary-2: var(--px-primary-light-custom-2, var(--px-teal-light-2));
225
- --px-primary-3: var(--px-primary-light-custom-3, var(--px-teal-light-3));
226
- --px-primary-4: var(--px-primary-light-custom-4, var(--px-teal-light-4));
227
- --px-primary-5: var(--px-primary-light-custom-5, var(--px-teal-light-5));
228
- --px-primary-6: var(--px-primary-light-custom-6, var(--px-teal-light-6));
229
- --px-primary-7: var(--px-primary-light-custom-7, var(--px-teal-light-7));
230
- --px-primary-8: var(--px-primary-light-custom-8, var(--px-teal-light-8));
231
- --px-primary-9: var(--px-primary-light-custom-9, var(--px-teal-light-9));
232
- --px-primary-10: var(--px-primary-light-custom-10, var(--px-teal-light-10));
233
- --px-success-1: var(--px-success-light-custom-1, var(--px-green-light-1));
234
- --px-success-2: var(--px-success-light-custom-2, var(--px-green-light-2));
235
- --px-success-3: var(--px-success-light-custom-3, var(--px-green-light-3));
236
- --px-success-4: var(--px-success-light-custom-4, var(--px-green-light-4));
237
- --px-success-5: var(--px-success-light-custom-5, var(--px-green-light-5));
238
- --px-success-6: var(--px-success-light-custom-6, var(--px-green-light-6));
239
- --px-success-7: var(--px-success-light-custom-7, var(--px-green-light-7));
240
- --px-success-8: var(--px-success-light-custom-8, var(--px-green-light-8));
241
- --px-success-9: var(--px-success-light-custom-9, var(--px-green-light-9));
242
- --px-success-10: var(--px-success-light-custom-10, var(--px-green-light-10));
243
- --px-warning-1: var(--px-warning-light-custom-1, var(--px-orange-light-1));
244
- --px-warning-2: var(--px-warning-light-custom-2, var(--px-orange-light-2));
245
- --px-warning-3: var(--px-warning-light-custom-3, var(--px-orange-light-3));
246
- --px-warning-4: var(--px-warning-light-custom-4, var(--px-orange-light-4));
247
- --px-warning-5: var(--px-warning-light-custom-5, var(--px-orange-light-5));
248
- --px-warning-6: var(--px-warning-light-custom-6, var(--px-orange-light-6));
249
- --px-warning-7: var(--px-warning-light-custom-7, var(--px-orange-light-7));
250
- --px-warning-8: var(--px-warning-light-custom-8, var(--px-orange-light-8));
251
- --px-warning-9: var(--px-warning-light-custom-9, var(--px-orange-light-9));
252
- --px-warning-10: var(--px-warning-light-custom-10, var(--px-orange-light-10));
253
- --px-danger-1: var(--px-danger-light-custom-1, var(--px-red-light-1));
254
- --px-danger-2: var(--px-danger-light-custom-2, var(--px-red-light-2));
255
- --px-danger-3: var(--px-danger-light-custom-3, var(--px-red-light-3));
256
- --px-danger-4: var(--px-danger-light-custom-4, var(--px-red-light-4));
257
- --px-danger-5: var(--px-danger-light-custom-5, var(--px-red-light-5));
258
- --px-danger-6: var(--px-danger-light-custom-6, var(--px-red-light-6));
259
- --px-danger-7: var(--px-danger-light-custom-7, var(--px-red-light-7));
260
- --px-danger-8: var(--px-danger-light-custom-8, var(--px-red-light-8));
261
- --px-danger-9: var(--px-danger-light-custom-9, var(--px-red-light-9));
262
- --px-danger-10: var(--px-danger-light-custom-10, var(--px-red-light-10));
263
- --px-sakura-1: var(--px-sakura-light-custom-1, var(--px-pink-light-1));
264
- --px-sakura-2: var(--px-sakura-light-custom-2, var(--px-pink-light-2));
265
- --px-sakura-3: var(--px-sakura-light-custom-3, var(--px-pink-light-3));
266
- --px-sakura-4: var(--px-sakura-light-custom-4, var(--px-pink-light-4));
267
- --px-sakura-5: var(--px-sakura-light-custom-5, var(--px-pink-light-5));
268
- --px-sakura-6: var(--px-sakura-light-custom-6, var(--px-pink-light-6));
269
- --px-sakura-7: var(--px-sakura-light-custom-7, var(--px-pink-light-7));
270
- --px-sakura-8: var(--px-sakura-light-custom-8, var(--px-pink-light-8));
271
- --px-sakura-9: var(--px-sakura-light-custom-9, var(--px-pink-light-9));
272
- --px-sakura-10: var(--px-sakura-light-custom-10, var(--px-pink-light-10));
273
- --px-neutral-1: var(--px-neutral-light-custom-1, var(--px-neutral-light-1));
274
- --px-neutral-2: var(--px-neutral-light-custom-2, var(--px-neutral-light-2));
275
- --px-neutral-3: var(--px-neutral-light-custom-3, var(--px-neutral-light-3));
276
- --px-neutral-4: var(--px-neutral-light-custom-4, var(--px-neutral-light-4));
277
- --px-neutral-5: var(--px-neutral-light-custom-5, var(--px-neutral-light-5));
278
- --px-neutral-6: var(--px-neutral-light-custom-6, var(--px-neutral-light-6));
279
- --px-neutral-7: var(--px-neutral-light-custom-7, var(--px-neutral-light-7));
280
- --px-neutral-8: var(--px-neutral-light-custom-8, var(--px-neutral-light-8));
281
- --px-neutral-9: var(--px-neutral-light-custom-9, var(--px-neutral-light-9));
282
- --px-neutral-10: var(--px-neutral-light-custom-10, var(--px-neutral-light-10));
283
- @media (prefers-color-scheme: dark) {
284
- --px-primary-1: var(--px-primary-dark-custom-1, var(--px-teal-dark-1));
285
- --px-primary-2: var(--px-primary-dark-custom-2, var(--px-teal-dark-2));
286
- --px-primary-3: var(--px-primary-dark-custom-3, var(--px-teal-dark-3));
287
- --px-primary-4: var(--px-primary-dark-custom-4, var(--px-teal-dark-4));
288
- --px-primary-5: var(--px-primary-dark-custom-5, var(--px-teal-dark-5));
289
- --px-primary-6: var(--px-primary-dark-custom-6, var(--px-teal-dark-6));
290
- --px-primary-7: var(--px-primary-dark-custom-7, var(--px-teal-dark-7));
291
- --px-primary-8: var(--px-primary-dark-custom-8, var(--px-teal-dark-8));
292
- --px-primary-9: var(--px-primary-dark-custom-9, var(--px-teal-dark-9));
293
- --px-primary-10: var(--px-primary-dark-custom-10, var(--px-teal-dark-10));
294
- --px-success-1: var(--px-success-dark-custom-1, var(--px-green-dark-1));
295
- --px-success-2: var(--px-success-dark-custom-2, var(--px-green-dark-2));
296
- --px-success-3: var(--px-success-dark-custom-3, var(--px-green-dark-3));
297
- --px-success-4: var(--px-success-dark-custom-4, var(--px-green-dark-4));
298
- --px-success-5: var(--px-success-dark-custom-5, var(--px-green-dark-5));
299
- --px-success-6: var(--px-success-dark-custom-6, var(--px-green-dark-6));
300
- --px-success-7: var(--px-success-dark-custom-7, var(--px-green-dark-7));
301
- --px-success-8: var(--px-success-dark-custom-8, var(--px-green-dark-8));
302
- --px-success-9: var(--px-success-dark-custom-9, var(--px-green-dark-9));
303
- --px-success-10: var(--px-success-dark-custom-10, var(--px-green-dark-10));
304
- --px-warning-1: var(--px-warning-dark-custom-1, var(--px-orange-dark-1));
305
- --px-warning-2: var(--px-warning-dark-custom-2, var(--px-orange-dark-2));
306
- --px-warning-3: var(--px-warning-dark-custom-3, var(--px-orange-dark-3));
307
- --px-warning-4: var(--px-warning-dark-custom-4, var(--px-orange-dark-4));
308
- --px-warning-5: var(--px-warning-dark-custom-5, var(--px-orange-dark-5));
309
- --px-warning-6: var(--px-warning-dark-custom-6, var(--px-orange-dark-6));
310
- --px-warning-7: var(--px-warning-dark-custom-7, var(--px-orange-dark-7));
311
- --px-warning-8: var(--px-warning-dark-custom-8, var(--px-orange-dark-8));
312
- --px-warning-9: var(--px-warning-dark-custom-9, var(--px-orange-dark-9));
313
- --px-warning-10: var(--px-warning-dark-custom-10, var(--px-orange-dark-10));
314
- --px-danger-1: var(--px-danger-dark-custom-1, var(--px-red-dark-1));
315
- --px-danger-2: var(--px-danger-dark-custom-2, var(--px-red-dark-2));
316
- --px-danger-3: var(--px-danger-dark-custom-3, var(--px-red-dark-3));
317
- --px-danger-4: var(--px-danger-dark-custom-4, var(--px-red-dark-4));
318
- --px-danger-5: var(--px-danger-dark-custom-5, var(--px-red-dark-5));
319
- --px-danger-6: var(--px-danger-dark-custom-6, var(--px-red-dark-6));
320
- --px-danger-7: var(--px-danger-dark-custom-7, var(--px-red-dark-7));
321
- --px-danger-8: var(--px-danger-dark-custom-8, var(--px-red-dark-8));
322
- --px-danger-9: var(--px-danger-dark-custom-9, var(--px-red-dark-9));
323
- --px-danger-10: var(--px-danger-dark-custom-10, var(--px-red-dark-10));
324
- --px-sakura-1: var(--px-sakura-dark-custom-1, var(--px-pink-dark-1));
325
- --px-sakura-2: var(--px-sakura-dark-custom-2, var(--px-pink-dark-2));
326
- --px-sakura-3: var(--px-sakura-dark-custom-3, var(--px-pink-dark-3));
327
- --px-sakura-4: var(--px-sakura-dark-custom-4, var(--px-pink-dark-4));
328
- --px-sakura-5: var(--px-sakura-dark-custom-5, var(--px-pink-dark-5));
329
- --px-sakura-6: var(--px-sakura-dark-custom-6, var(--px-pink-dark-6));
330
- --px-sakura-7: var(--px-sakura-dark-custom-7, var(--px-pink-dark-7));
331
- --px-sakura-8: var(--px-sakura-dark-custom-8, var(--px-pink-dark-8));
332
- --px-sakura-9: var(--px-sakura-dark-custom-9, var(--px-pink-dark-9));
333
- --px-sakura-10: var(--px-sakura-dark-custom-10, var(--px-pink-dark-10));
334
- --px-neutral-1: var(--px-neutral-dark-custom-1, var(--px-neutral-dark-1));
335
- --px-neutral-2: var(--px-neutral-dark-custom-2, var(--px-neutral-dark-2));
336
- --px-neutral-3: var(--px-neutral-dark-custom-3, var(--px-neutral-dark-3));
337
- --px-neutral-4: var(--px-neutral-dark-custom-4, var(--px-neutral-dark-4));
338
- --px-neutral-5: var(--px-neutral-dark-custom-5, var(--px-neutral-dark-5));
339
- --px-neutral-6: var(--px-neutral-dark-custom-6, var(--px-neutral-dark-6));
340
- --px-neutral-7: var(--px-neutral-dark-custom-7, var(--px-neutral-dark-7));
341
- --px-neutral-8: var(--px-neutral-dark-custom-8, var(--px-neutral-dark-8));
342
- --px-neutral-9: var(--px-neutral-dark-custom-9, var(--px-neutral-dark-9));
343
- --px-neutral-10: var(--px-neutral-dark-custom-10, var(--px-neutral-dark-10));
344
- }
345
- &.dark {
346
- --px-primary-1: var(--px-primary-dark-custom-1, var(--px-teal-dark-1));
347
- --px-primary-2: var(--px-primary-dark-custom-2, var(--px-teal-dark-2));
348
- --px-primary-3: var(--px-primary-dark-custom-3, var(--px-teal-dark-3));
349
- --px-primary-4: var(--px-primary-dark-custom-4, var(--px-teal-dark-4));
350
- --px-primary-5: var(--px-primary-dark-custom-5, var(--px-teal-dark-5));
351
- --px-primary-6: var(--px-primary-dark-custom-6, var(--px-teal-dark-6));
352
- --px-primary-7: var(--px-primary-dark-custom-7, var(--px-teal-dark-7));
353
- --px-primary-8: var(--px-primary-dark-custom-8, var(--px-teal-dark-8));
354
- --px-primary-9: var(--px-primary-dark-custom-9, var(--px-teal-dark-9));
355
- --px-primary-10: var(--px-primary-dark-custom-10, var(--px-teal-dark-10));
356
- --px-success-1: var(--px-success-dark-custom-1, var(--px-green-dark-1));
357
- --px-success-2: var(--px-success-dark-custom-2, var(--px-green-dark-2));
358
- --px-success-3: var(--px-success-dark-custom-3, var(--px-green-dark-3));
359
- --px-success-4: var(--px-success-dark-custom-4, var(--px-green-dark-4));
360
- --px-success-5: var(--px-success-dark-custom-5, var(--px-green-dark-5));
361
- --px-success-6: var(--px-success-dark-custom-6, var(--px-green-dark-6));
362
- --px-success-7: var(--px-success-dark-custom-7, var(--px-green-dark-7));
363
- --px-success-8: var(--px-success-dark-custom-8, var(--px-green-dark-8));
364
- --px-success-9: var(--px-success-dark-custom-9, var(--px-green-dark-9));
365
- --px-success-10: var(--px-success-dark-custom-10, var(--px-green-dark-10));
366
- --px-warning-1: var(--px-warning-dark-custom-1, var(--px-orange-dark-1));
367
- --px-warning-2: var(--px-warning-dark-custom-2, var(--px-orange-dark-2));
368
- --px-warning-3: var(--px-warning-dark-custom-3, var(--px-orange-dark-3));
369
- --px-warning-4: var(--px-warning-dark-custom-4, var(--px-orange-dark-4));
370
- --px-warning-5: var(--px-warning-dark-custom-5, var(--px-orange-dark-5));
371
- --px-warning-6: var(--px-warning-dark-custom-6, var(--px-orange-dark-6));
372
- --px-warning-7: var(--px-warning-dark-custom-7, var(--px-orange-dark-7));
373
- --px-warning-8: var(--px-warning-dark-custom-8, var(--px-orange-dark-8));
374
- --px-warning-9: var(--px-warning-dark-custom-9, var(--px-orange-dark-9));
375
- --px-warning-10: var(--px-warning-dark-custom-10, var(--px-orange-dark-10));
376
- --px-danger-1: var(--px-danger-dark-custom-1, var(--px-red-dark-1));
377
- --px-danger-2: var(--px-danger-dark-custom-2, var(--px-red-dark-2));
378
- --px-danger-3: var(--px-danger-dark-custom-3, var(--px-red-dark-3));
379
- --px-danger-4: var(--px-danger-dark-custom-4, var(--px-red-dark-4));
380
- --px-danger-5: var(--px-danger-dark-custom-5, var(--px-red-dark-5));
381
- --px-danger-6: var(--px-danger-dark-custom-6, var(--px-red-dark-6));
382
- --px-danger-7: var(--px-danger-dark-custom-7, var(--px-red-dark-7));
383
- --px-danger-8: var(--px-danger-dark-custom-8, var(--px-red-dark-8));
384
- --px-danger-9: var(--px-danger-dark-custom-9, var(--px-red-dark-9));
385
- --px-danger-10: var(--px-danger-dark-custom-10, var(--px-red-dark-10));
386
- --px-sakura-1: var(--px-sakura-dark-custom-1, var(--px-pink-dark-1));
387
- --px-sakura-2: var(--px-sakura-dark-custom-2, var(--px-pink-dark-2));
388
- --px-sakura-3: var(--px-sakura-dark-custom-3, var(--px-pink-dark-3));
389
- --px-sakura-4: var(--px-sakura-dark-custom-4, var(--px-pink-dark-4));
390
- --px-sakura-5: var(--px-sakura-dark-custom-5, var(--px-pink-dark-5));
391
- --px-sakura-6: var(--px-sakura-dark-custom-6, var(--px-pink-dark-6));
392
- --px-sakura-7: var(--px-sakura-dark-custom-7, var(--px-pink-dark-7));
393
- --px-sakura-8: var(--px-sakura-dark-custom-8, var(--px-pink-dark-8));
394
- --px-sakura-9: var(--px-sakura-dark-custom-9, var(--px-pink-dark-9));
395
- --px-sakura-10: var(--px-sakura-dark-custom-10, var(--px-pink-dark-10));
396
- --px-neutral-1: var(--px-neutral-dark-custom-1, var(--px-neutral-dark-1));
397
- --px-neutral-2: var(--px-neutral-dark-custom-2, var(--px-neutral-dark-2));
398
- --px-neutral-3: var(--px-neutral-dark-custom-3, var(--px-neutral-dark-3));
399
- --px-neutral-4: var(--px-neutral-dark-custom-4, var(--px-neutral-dark-4));
400
- --px-neutral-5: var(--px-neutral-dark-custom-5, var(--px-neutral-dark-5));
401
- --px-neutral-6: var(--px-neutral-dark-custom-6, var(--px-neutral-dark-6));
402
- --px-neutral-7: var(--px-neutral-dark-custom-7, var(--px-neutral-dark-7));
403
- --px-neutral-8: var(--px-neutral-dark-custom-8, var(--px-neutral-dark-8));
404
- --px-neutral-9: var(--px-neutral-dark-custom-9, var(--px-neutral-dark-9));
405
- --px-neutral-10: var(--px-neutral-dark-custom-10, var(--px-neutral-dark-10));
406
- }
407
- &.light {
408
- --px-primary-1: var(--px-primary-light-custom-1, var(--px-teal-light-1));
409
- --px-primary-2: var(--px-primary-light-custom-2, var(--px-teal-light-2));
410
- --px-primary-3: var(--px-primary-light-custom-3, var(--px-teal-light-3));
411
- --px-primary-4: var(--px-primary-light-custom-4, var(--px-teal-light-4));
412
- --px-primary-5: var(--px-primary-light-custom-5, var(--px-teal-light-5));
413
- --px-primary-6: var(--px-primary-light-custom-6, var(--px-teal-light-6));
414
- --px-primary-7: var(--px-primary-light-custom-7, var(--px-teal-light-7));
415
- --px-primary-8: var(--px-primary-light-custom-8, var(--px-teal-light-8));
416
- --px-primary-9: var(--px-primary-light-custom-9, var(--px-teal-light-9));
417
- --px-primary-10: var(--px-primary-light-custom-10, var(--px-teal-light-10));
418
- --px-success-1: var(--px-success-light-custom-1, var(--px-green-light-1));
419
- --px-success-2: var(--px-success-light-custom-2, var(--px-green-light-2));
420
- --px-success-3: var(--px-success-light-custom-3, var(--px-green-light-3));
421
- --px-success-4: var(--px-success-light-custom-4, var(--px-green-light-4));
422
- --px-success-5: var(--px-success-light-custom-5, var(--px-green-light-5));
423
- --px-success-6: var(--px-success-light-custom-6, var(--px-green-light-6));
424
- --px-success-7: var(--px-success-light-custom-7, var(--px-green-light-7));
425
- --px-success-8: var(--px-success-light-custom-8, var(--px-green-light-8));
426
- --px-success-9: var(--px-success-light-custom-9, var(--px-green-light-9));
427
- --px-success-10: var(--px-success-light-custom-10, var(--px-green-light-10));
428
- --px-warning-1: var(--px-warning-light-custom-1, var(--px-orange-light-1));
429
- --px-warning-2: var(--px-warning-light-custom-2, var(--px-orange-light-2));
430
- --px-warning-3: var(--px-warning-light-custom-3, var(--px-orange-light-3));
431
- --px-warning-4: var(--px-warning-light-custom-4, var(--px-orange-light-4));
432
- --px-warning-5: var(--px-warning-light-custom-5, var(--px-orange-light-5));
433
- --px-warning-6: var(--px-warning-light-custom-6, var(--px-orange-light-6));
434
- --px-warning-7: var(--px-warning-light-custom-7, var(--px-orange-light-7));
435
- --px-warning-8: var(--px-warning-light-custom-8, var(--px-orange-light-8));
436
- --px-warning-9: var(--px-warning-light-custom-9, var(--px-orange-light-9));
437
- --px-warning-10: var(--px-warning-light-custom-10, var(--px-orange-light-10));
438
- --px-danger-1: var(--px-danger-light-custom-1, var(--px-red-light-1));
439
- --px-danger-2: var(--px-danger-light-custom-2, var(--px-red-light-2));
440
- --px-danger-3: var(--px-danger-light-custom-3, var(--px-red-light-3));
441
- --px-danger-4: var(--px-danger-light-custom-4, var(--px-red-light-4));
442
- --px-danger-5: var(--px-danger-light-custom-5, var(--px-red-light-5));
443
- --px-danger-6: var(--px-danger-light-custom-6, var(--px-red-light-6));
444
- --px-danger-7: var(--px-danger-light-custom-7, var(--px-red-light-7));
445
- --px-danger-8: var(--px-danger-light-custom-8, var(--px-red-light-8));
446
- --px-danger-9: var(--px-danger-light-custom-9, var(--px-red-light-9));
447
- --px-danger-10: var(--px-danger-light-custom-10, var(--px-red-light-10));
448
- --px-sakura-1: var(--px-sakura-light-custom-1, var(--px-pink-light-1));
449
- --px-sakura-2: var(--px-sakura-light-custom-2, var(--px-pink-light-2));
450
- --px-sakura-3: var(--px-sakura-light-custom-3, var(--px-pink-light-3));
451
- --px-sakura-4: var(--px-sakura-light-custom-4, var(--px-pink-light-4));
452
- --px-sakura-5: var(--px-sakura-light-custom-5, var(--px-pink-light-5));
453
- --px-sakura-6: var(--px-sakura-light-custom-6, var(--px-pink-light-6));
454
- --px-sakura-7: var(--px-sakura-light-custom-7, var(--px-pink-light-7));
455
- --px-sakura-8: var(--px-sakura-light-custom-8, var(--px-pink-light-8));
456
- --px-sakura-9: var(--px-sakura-light-custom-9, var(--px-pink-light-9));
457
- --px-sakura-10: var(--px-sakura-light-custom-10, var(--px-pink-light-10));
458
- --px-neutral-1: var(--px-neutral-light-custom-1, var(--px-neutral-light-1));
459
- --px-neutral-2: var(--px-neutral-light-custom-2, var(--px-neutral-light-2));
460
- --px-neutral-3: var(--px-neutral-light-custom-3, var(--px-neutral-light-3));
461
- --px-neutral-4: var(--px-neutral-light-custom-4, var(--px-neutral-light-4));
462
- --px-neutral-5: var(--px-neutral-light-custom-5, var(--px-neutral-light-5));
463
- --px-neutral-6: var(--px-neutral-light-custom-6, var(--px-neutral-light-6));
464
- --px-neutral-7: var(--px-neutral-light-custom-7, var(--px-neutral-light-7));
465
- --px-neutral-8: var(--px-neutral-light-custom-8, var(--px-neutral-light-8));
466
- --px-neutral-9: var(--px-neutral-light-custom-9, var(--px-neutral-light-9));
467
- --px-neutral-10: var(--px-neutral-light-custom-10, var(--px-neutral-light-10));
468
- }
469
- }
470
-
471
- /* lib/share/style/layout.css */
472
- :root {
473
- --px-bit: 4px;
474
- --px-large-base-size: 36px;
475
- --px-medium-base-size: 28px;
476
- --px-small-base-size: 20px;
477
- --px-large-size: calc(var(--px-large-base-size) + var(--px-bit) * 2);
478
- --px-medium-size: calc(var(--px-medium-base-size) + var(--px-bit) * 2);
479
- --px-small-size: calc(var(--px-small-base-size) + var(--px-bit) * 2);
480
- --px-line-height: 1.5;
481
- --px-medium-font-size: 14px;
482
- --px-large-font-size: 15px;
483
- --px-small-font-size: 12px;
484
- --px-interval-1: 4px;
485
- --px-interval-2: 8px;
486
- --px-interval-3: 12px;
487
- --px-interval-4: 16px;
488
- --px-interval-5: 20px;
489
- --px-interval-6: 24px;
490
- --px-interval-7: 28px;
491
- --px-interval-8: 32px;
492
- --px-interval-9: 36px;
493
- --px-interval-10: 40px;
494
- --px-font: "Fusion Pixel Zh_hans", sans-serif;
495
- }
496
-
497
- /* lib/share/style/animation.css */
498
- @keyframes px-icon-spin {
499
- from {
500
- transform: rotate(0deg);
501
- }
502
- to {
503
- transform: rotate(-360deg);
504
- }
505
- }
506
- .px-animation__loading {
507
- animation: px-icon-spin 1s linear infinite;
508
- }
509
-
510
- /* lib/share/style/index.css */
511
- .pixelium {
512
- font-family: var(--px-font);
513
- line-height: var(--px-line-height);
514
- font-size: var(--px-medium-font-size);
515
- }
1
+ :root{--px-teal-light-1:#ddfaf2;--px-teal-light-2:#bce9de;--px-teal-light-3:#9bd9ca;--px-teal-light-4:#77c9b7;--px-teal-light-5:#4fb8a4;--px-teal-light-6:#00a891;--px-teal-light-7:#0b806e;--px-teal-light-8:#0e5a4e;--px-teal-light-9:#0b372f;--px-teal-light-10:#061713;--px-green-light-1:#eef2ee;--px-green-light-2:#cbe7ca;--px-green-light-3:#a7dba6;--px-green-light-4:#81cf82;--px-green-light-5:#56c25b;--px-green-light-6:#00b42a;--px-green-light-7:#22892c;--px-green-light-8:#266029;--px-green-light-9:#223922;--px-green-light-10:#181618;--px-orange-light-1:#f5eae4;--px-orange-light-2:#fad6c1;--px-orange-light-3:#fdc19e;--px-orange-light-4:#ffac79;--px-orange-light-5:#ff9550;--px-orange-light-6:#ff7d00;--px-orange-light-7:#c46723;--px-orange-light-8:#8c502a;--px-orange-light-9:#573a29;--px-orange-light-10:#252423;--px-red-light-1:#f8ebe9;--px-red-light-2:#fdd2cd;--px-red-light-3:#ffbab2;--px-red-light-4:#ffa198;--px-red-light-5:#ff857c;--px-red-light-6:#fd6860;--px-red-light-7:#c1564f;--px-red-light-8:#88443e;--px-red-light-9:#52312e;--px-red-light-10:#201e1d;--px-pink-light-1:#fadfe4;--px-pink-light-2:#fcd1da;--px-pink-light-3:#fdc4d0;--px-pink-light-4:#ffb6c6;--px-pink-light-5:#ffa8bc;--px-pink-light-6:#ff9ab2;--px-pink-light-7:#cc7e90;--px-pink-light-8:#9a6370;--px-pink-light-9:#6c4951;--px-pink-light-10:#413034;--px-neutral-light-1:#fff;--px-neutral-light-2:#fafafa;--px-neutral-light-3:#f5f5f5;--px-neutral-light-4:#f0f0f0;--px-neutral-light-5:#ebebeb;--px-neutral-light-6:#e6e6e6;--px-neutral-light-7:#c8c8c8;--px-neutral-light-8:#969696;--px-neutral-light-9:#646464;--px-neutral-light-10:#323232;--px-teal-dark-1:#071f1a;--px-teal-dark-2:#0b372f;--px-teal-dark-3:#0d5146;--px-teal-dark-4:#0d6d5e;--px-teal-dark-5:#098a77;--px-teal-dark-6:#00a891;--px-teal-dark-7:#58b8a5;--px-teal-dark-8:#84c9b9;--px-teal-dark-9:#acd9ce;--px-teal-dark-10:#d2e9e3;--px-green-dark-1:#1b1e1b;--px-green-dark-2:#223922;--px-green-dark-3:#265628;--px-green-dark-4:#26742b;--px-green-dark-5:#1e932c;--px-green-dark-6:#00b42a;--px-green-dark-7:#60c163;--px-green-dark-8:#90cc90;--px-green-dark-9:#bbd7ba;--px-green-dark-10:#e3e0e4;--px-orange-dark-1:#312925;--px-orange-dark-2:#573a29;--px-orange-dark-3:#7e4b2a;--px-orange-dark-4:#a75b28;--px-orange-dark-5:#d26c1f;--px-orange-dark-6:#ff7d00;--px-orange-dark-7:#fa9859;--px-orange-dark-8:#f2af87;--px-orange-dark-9:#e9c5b1;--px-orange-dark-10:#dcdad9;--px-red-dark-1:#2c2321;--px-red-dark-2:#52312e;--px-red-dark-3:#7a3f3a;--px-red-dark-4:#a44d47;--px-red-dark-5:#d05a53;--px-red-dark-6:#fd6860;--px-red-dark-7:#fa8980;--px-red-dark-8:#f5a79e;--px-red-dark-9:#ecc2bd;--px-red-dark-10:#e0dddc;--px-pink-dark-1:#4b363b;--px-pink-dark-2:#6c4951;--px-pink-dark-3:#8f5c68;--px-pink-dark-4:#b37080;--px-pink-dark-5:#d88598;--px-pink-dark-6:#ff9ab2;--px-pink-dark-7:#f9a8ba;--px-pink-dark-8:#f3b5c2;--px-pink-dark-9:#ebc1c9;--px-pink-dark-10:#e3cdd1;--px-neutral-dark-1:#0c0c0c;--px-neutral-dark-2:#202020;--px-neutral-dark-3:#353535;--px-neutral-dark-4:#4c4c4c;--px-neutral-dark-5:#656565;--px-neutral-dark-6:#7e7e7e;--px-neutral-dark-7:#989898;--px-neutral-dark-8:#b2b2b2;--px-neutral-dark-9:#cecece;--px-neutral-dark-10:#eaeaea;--px-primary-light-1:var(--px-teal-light-1);--px-primary-light-2:var(--px-teal-light-2);--px-primary-light-3:var(--px-teal-light-3);--px-primary-light-4:var(--px-teal-light-4);--px-primary-light-5:var(--px-teal-light-5);--px-primary-light-6:var(--px-teal-light-6);--px-primary-light-7:var(--px-teal-light-7);--px-primary-light-8:var(--px-teal-light-8);--px-primary-light-9:var(--px-teal-light-9);--px-primary-light-10:var(--px-teal-light-10);--px-success-light-1:var(--px-green-light-1);--px-success-light-2:var(--px-green-light-2);--px-success-light-3:var(--px-green-light-3);--px-success-light-4:var(--px-green-light-4);--px-success-light-5:var(--px-green-light-5);--px-success-light-6:var(--px-green-light-6);--px-success-light-7:var(--px-green-light-7);--px-success-light-8:var(--px-green-light-8);--px-success-light-9:var(--px-green-light-9);--px-success-light-10:var(--px-green-light-10);--px-warning-light-1:var(--px-orange-light-1);--px-warning-light-2:var(--px-orange-light-2);--px-warning-light-3:var(--px-orange-light-3);--px-warning-light-4:var(--px-orange-light-4);--px-warning-light-5:var(--px-orange-light-5);--px-warning-light-6:var(--px-orange-light-6);--px-warning-light-7:var(--px-orange-light-7);--px-warning-light-8:var(--px-orange-light-8);--px-warning-light-9:var(--px-orange-light-9);--px-warning-light-10:var(--px-orange-light-10);--px-danger-light-1:var(--px-red-light-1);--px-danger-light-2:var(--px-red-light-2);--px-danger-light-3:var(--px-red-light-3);--px-danger-light-4:var(--px-red-light-4);--px-danger-light-5:var(--px-red-light-5);--px-danger-light-6:var(--px-red-light-6);--px-danger-light-7:var(--px-red-light-7);--px-danger-light-8:var(--px-red-light-8);--px-danger-light-9:var(--px-red-light-9);--px-danger-light-10:var(--px-red-light-10);--px-sakura-light-1:var(--px-pink-light-1);--px-sakura-light-2:var(--px-pink-light-2);--px-sakura-light-3:var(--px-pink-light-3);--px-sakura-light-4:var(--px-pink-light-4);--px-sakura-light-5:var(--px-pink-light-5);--px-sakura-light-6:var(--px-pink-light-6);--px-sakura-light-7:var(--px-pink-light-7);--px-sakura-light-8:var(--px-pink-light-8);--px-sakura-light-9:var(--px-pink-light-9);--px-sakura-light-10:var(--px-pink-light-10);--px-primary-dark-1:var(--px-teal-dark-1);--px-primary-dark-2:var(--px-teal-dark-2);--px-primary-dark-3:var(--px-teal-dark-3);--px-primary-dark-4:var(--px-teal-dark-4);--px-primary-dark-5:var(--px-teal-dark-5);--px-primary-dark-6:var(--px-teal-dark-6);--px-primary-dark-7:var(--px-teal-dark-7);--px-primary-dark-8:var(--px-teal-dark-8);--px-primary-dark-9:var(--px-teal-dark-9);--px-primary-dark-10:var(--px-teal-dark-10);--px-success-dark-1:var(--px-green-dark-1);--px-success-dark-2:var(--px-green-dark-2);--px-success-dark-3:var(--px-green-dark-3);--px-success-dark-4:var(--px-green-dark-4);--px-success-dark-5:var(--px-green-dark-5);--px-success-dark-6:var(--px-green-dark-6);--px-success-dark-7:var(--px-green-dark-7);--px-success-dark-8:var(--px-green-dark-8);--px-success-dark-9:var(--px-green-dark-9);--px-success-dark-10:var(--px-green-dark-10);--px-warning-dark-1:var(--px-orange-dark-1);--px-warning-dark-2:var(--px-orange-dark-2);--px-warning-dark-3:var(--px-orange-dark-3);--px-warning-dark-4:var(--px-orange-dark-4);--px-warning-dark-5:var(--px-orange-dark-5);--px-warning-dark-6:var(--px-orange-dark-6);--px-warning-dark-7:var(--px-orange-dark-7);--px-warning-dark-8:var(--px-orange-dark-8);--px-warning-dark-9:var(--px-orange-dark-9);--px-warning-dark-10:var(--px-orange-dark-10);--px-danger-dark-1:var(--px-red-dark-1);--px-danger-dark-2:var(--px-red-dark-2);--px-danger-dark-3:var(--px-red-dark-3);--px-danger-dark-4:var(--px-red-dark-4);--px-danger-dark-5:var(--px-red-dark-5);--px-danger-dark-6:var(--px-red-dark-6);--px-danger-dark-7:var(--px-red-dark-7);--px-danger-dark-8:var(--px-red-dark-8);--px-danger-dark-9:var(--px-red-dark-9);--px-danger-dark-10:var(--px-red-dark-10);--px-sakura-dark-1:var(--px-pink-dark-1);--px-sakura-dark-2:var(--px-pink-dark-2);--px-sakura-dark-3:var(--px-pink-dark-3);--px-sakura-dark-4:var(--px-pink-dark-4);--px-sakura-dark-5:var(--px-pink-dark-5);--px-sakura-dark-6:var(--px-pink-dark-6);--px-sakura-dark-7:var(--px-pink-dark-7);--px-sakura-dark-8:var(--px-pink-dark-8);--px-sakura-dark-9:var(--px-pink-dark-9);--px-sakura-dark-10:var(--px-pink-dark-10);--px-primary-1:var(--px-primary-light-custom-1,var(--px-teal-light-1));--px-primary-2:var(--px-primary-light-custom-2,var(--px-teal-light-2));--px-primary-3:var(--px-primary-light-custom-3,var(--px-teal-light-3));--px-primary-4:var(--px-primary-light-custom-4,var(--px-teal-light-4));--px-primary-5:var(--px-primary-light-custom-5,var(--px-teal-light-5));--px-primary-6:var(--px-primary-light-custom-6,var(--px-teal-light-6));--px-primary-7:var(--px-primary-light-custom-7,var(--px-teal-light-7));--px-primary-8:var(--px-primary-light-custom-8,var(--px-teal-light-8));--px-primary-9:var(--px-primary-light-custom-9,var(--px-teal-light-9));--px-primary-10:var(--px-primary-light-custom-10,var(--px-teal-light-10));--px-success-1:var(--px-success-light-custom-1,var(--px-green-light-1));--px-success-2:var(--px-success-light-custom-2,var(--px-green-light-2));--px-success-3:var(--px-success-light-custom-3,var(--px-green-light-3));--px-success-4:var(--px-success-light-custom-4,var(--px-green-light-4));--px-success-5:var(--px-success-light-custom-5,var(--px-green-light-5));--px-success-6:var(--px-success-light-custom-6,var(--px-green-light-6));--px-success-7:var(--px-success-light-custom-7,var(--px-green-light-7));--px-success-8:var(--px-success-light-custom-8,var(--px-green-light-8));--px-success-9:var(--px-success-light-custom-9,var(--px-green-light-9));--px-success-10:var(--px-success-light-custom-10,var(--px-green-light-10));--px-warning-1:var(--px-warning-light-custom-1,var(--px-orange-light-1));--px-warning-2:var(--px-warning-light-custom-2,var(--px-orange-light-2));--px-warning-3:var(--px-warning-light-custom-3,var(--px-orange-light-3));--px-warning-4:var(--px-warning-light-custom-4,var(--px-orange-light-4));--px-warning-5:var(--px-warning-light-custom-5,var(--px-orange-light-5));--px-warning-6:var(--px-warning-light-custom-6,var(--px-orange-light-6));--px-warning-7:var(--px-warning-light-custom-7,var(--px-orange-light-7));--px-warning-8:var(--px-warning-light-custom-8,var(--px-orange-light-8));--px-warning-9:var(--px-warning-light-custom-9,var(--px-orange-light-9));--px-warning-10:var(--px-warning-light-custom-10,var(--px-orange-light-10));--px-danger-1:var(--px-danger-light-custom-1,var(--px-red-light-1));--px-danger-2:var(--px-danger-light-custom-2,var(--px-red-light-2));--px-danger-3:var(--px-danger-light-custom-3,var(--px-red-light-3));--px-danger-4:var(--px-danger-light-custom-4,var(--px-red-light-4));--px-danger-5:var(--px-danger-light-custom-5,var(--px-red-light-5));--px-danger-6:var(--px-danger-light-custom-6,var(--px-red-light-6));--px-danger-7:var(--px-danger-light-custom-7,var(--px-red-light-7));--px-danger-8:var(--px-danger-light-custom-8,var(--px-red-light-8));--px-danger-9:var(--px-danger-light-custom-9,var(--px-red-light-9));--px-danger-10:var(--px-danger-light-custom-10,var(--px-red-light-10));--px-sakura-1:var(--px-sakura-light-custom-1,var(--px-pink-light-1));--px-sakura-2:var(--px-sakura-light-custom-2,var(--px-pink-light-2));--px-sakura-3:var(--px-sakura-light-custom-3,var(--px-pink-light-3));--px-sakura-4:var(--px-sakura-light-custom-4,var(--px-pink-light-4));--px-sakura-5:var(--px-sakura-light-custom-5,var(--px-pink-light-5));--px-sakura-6:var(--px-sakura-light-custom-6,var(--px-pink-light-6));--px-sakura-7:var(--px-sakura-light-custom-7,var(--px-pink-light-7));--px-sakura-8:var(--px-sakura-light-custom-8,var(--px-pink-light-8));--px-sakura-9:var(--px-sakura-light-custom-9,var(--px-pink-light-9));--px-sakura-10:var(--px-sakura-light-custom-10,var(--px-pink-light-10));--px-neutral-1:var(--px-neutral-light-custom-1,var(--px-neutral-light-1));--px-neutral-2:var(--px-neutral-light-custom-2,var(--px-neutral-light-2));--px-neutral-3:var(--px-neutral-light-custom-3,var(--px-neutral-light-3));--px-neutral-4:var(--px-neutral-light-custom-4,var(--px-neutral-light-4));--px-neutral-5:var(--px-neutral-light-custom-5,var(--px-neutral-light-5));--px-neutral-6:var(--px-neutral-light-custom-6,var(--px-neutral-light-6));--px-neutral-7:var(--px-neutral-light-custom-7,var(--px-neutral-light-7));--px-neutral-8:var(--px-neutral-light-custom-8,var(--px-neutral-light-8));--px-neutral-9:var(--px-neutral-light-custom-9,var(--px-neutral-light-9));--px-neutral-10:var(--px-neutral-light-custom-10,var(--px-neutral-light-10))}@media (prefers-color-scheme:dark){:root{--px-primary-1:var(--px-primary-dark-custom-1,var(--px-teal-dark-1));--px-primary-2:var(--px-primary-dark-custom-2,var(--px-teal-dark-2));--px-primary-3:var(--px-primary-dark-custom-3,var(--px-teal-dark-3));--px-primary-4:var(--px-primary-dark-custom-4,var(--px-teal-dark-4));--px-primary-5:var(--px-primary-dark-custom-5,var(--px-teal-dark-5));--px-primary-6:var(--px-primary-dark-custom-6,var(--px-teal-dark-6));--px-primary-7:var(--px-primary-dark-custom-7,var(--px-teal-dark-7));--px-primary-8:var(--px-primary-dark-custom-8,var(--px-teal-dark-8));--px-primary-9:var(--px-primary-dark-custom-9,var(--px-teal-dark-9));--px-primary-10:var(--px-primary-dark-custom-10,var(--px-teal-dark-10));--px-success-1:var(--px-success-dark-custom-1,var(--px-green-dark-1));--px-success-2:var(--px-success-dark-custom-2,var(--px-green-dark-2));--px-success-3:var(--px-success-dark-custom-3,var(--px-green-dark-3));--px-success-4:var(--px-success-dark-custom-4,var(--px-green-dark-4));--px-success-5:var(--px-success-dark-custom-5,var(--px-green-dark-5));--px-success-6:var(--px-success-dark-custom-6,var(--px-green-dark-6));--px-success-7:var(--px-success-dark-custom-7,var(--px-green-dark-7));--px-success-8:var(--px-success-dark-custom-8,var(--px-green-dark-8));--px-success-9:var(--px-success-dark-custom-9,var(--px-green-dark-9));--px-success-10:var(--px-success-dark-custom-10,var(--px-green-dark-10));--px-warning-1:var(--px-warning-dark-custom-1,var(--px-orange-dark-1));--px-warning-2:var(--px-warning-dark-custom-2,var(--px-orange-dark-2));--px-warning-3:var(--px-warning-dark-custom-3,var(--px-orange-dark-3));--px-warning-4:var(--px-warning-dark-custom-4,var(--px-orange-dark-4));--px-warning-5:var(--px-warning-dark-custom-5,var(--px-orange-dark-5));--px-warning-6:var(--px-warning-dark-custom-6,var(--px-orange-dark-6));--px-warning-7:var(--px-warning-dark-custom-7,var(--px-orange-dark-7));--px-warning-8:var(--px-warning-dark-custom-8,var(--px-orange-dark-8));--px-warning-9:var(--px-warning-dark-custom-9,var(--px-orange-dark-9));--px-warning-10:var(--px-warning-dark-custom-10,var(--px-orange-dark-10));--px-danger-1:var(--px-danger-dark-custom-1,var(--px-red-dark-1));--px-danger-2:var(--px-danger-dark-custom-2,var(--px-red-dark-2));--px-danger-3:var(--px-danger-dark-custom-3,var(--px-red-dark-3));--px-danger-4:var(--px-danger-dark-custom-4,var(--px-red-dark-4));--px-danger-5:var(--px-danger-dark-custom-5,var(--px-red-dark-5));--px-danger-6:var(--px-danger-dark-custom-6,var(--px-red-dark-6));--px-danger-7:var(--px-danger-dark-custom-7,var(--px-red-dark-7));--px-danger-8:var(--px-danger-dark-custom-8,var(--px-red-dark-8));--px-danger-9:var(--px-danger-dark-custom-9,var(--px-red-dark-9));--px-danger-10:var(--px-danger-dark-custom-10,var(--px-red-dark-10));--px-sakura-1:var(--px-sakura-dark-custom-1,var(--px-pink-dark-1));--px-sakura-2:var(--px-sakura-dark-custom-2,var(--px-pink-dark-2));--px-sakura-3:var(--px-sakura-dark-custom-3,var(--px-pink-dark-3));--px-sakura-4:var(--px-sakura-dark-custom-4,var(--px-pink-dark-4));--px-sakura-5:var(--px-sakura-dark-custom-5,var(--px-pink-dark-5));--px-sakura-6:var(--px-sakura-dark-custom-6,var(--px-pink-dark-6));--px-sakura-7:var(--px-sakura-dark-custom-7,var(--px-pink-dark-7));--px-sakura-8:var(--px-sakura-dark-custom-8,var(--px-pink-dark-8));--px-sakura-9:var(--px-sakura-dark-custom-9,var(--px-pink-dark-9));--px-sakura-10:var(--px-sakura-dark-custom-10,var(--px-pink-dark-10));--px-neutral-1:var(--px-neutral-dark-custom-1,var(--px-neutral-dark-1));--px-neutral-2:var(--px-neutral-dark-custom-2,var(--px-neutral-dark-2));--px-neutral-3:var(--px-neutral-dark-custom-3,var(--px-neutral-dark-3));--px-neutral-4:var(--px-neutral-dark-custom-4,var(--px-neutral-dark-4));--px-neutral-5:var(--px-neutral-dark-custom-5,var(--px-neutral-dark-5));--px-neutral-6:var(--px-neutral-dark-custom-6,var(--px-neutral-dark-6));--px-neutral-7:var(--px-neutral-dark-custom-7,var(--px-neutral-dark-7));--px-neutral-8:var(--px-neutral-dark-custom-8,var(--px-neutral-dark-8));--px-neutral-9:var(--px-neutral-dark-custom-9,var(--px-neutral-dark-9));--px-neutral-10:var(--px-neutral-dark-custom-10,var(--px-neutral-dark-10))}}:root.dark{--px-primary-1:var(--px-primary-dark-custom-1,var(--px-teal-dark-1));--px-primary-2:var(--px-primary-dark-custom-2,var(--px-teal-dark-2));--px-primary-3:var(--px-primary-dark-custom-3,var(--px-teal-dark-3));--px-primary-4:var(--px-primary-dark-custom-4,var(--px-teal-dark-4));--px-primary-5:var(--px-primary-dark-custom-5,var(--px-teal-dark-5));--px-primary-6:var(--px-primary-dark-custom-6,var(--px-teal-dark-6));--px-primary-7:var(--px-primary-dark-custom-7,var(--px-teal-dark-7));--px-primary-8:var(--px-primary-dark-custom-8,var(--px-teal-dark-8));--px-primary-9:var(--px-primary-dark-custom-9,var(--px-teal-dark-9));--px-primary-10:var(--px-primary-dark-custom-10,var(--px-teal-dark-10));--px-success-1:var(--px-success-dark-custom-1,var(--px-green-dark-1));--px-success-2:var(--px-success-dark-custom-2,var(--px-green-dark-2));--px-success-3:var(--px-success-dark-custom-3,var(--px-green-dark-3));--px-success-4:var(--px-success-dark-custom-4,var(--px-green-dark-4));--px-success-5:var(--px-success-dark-custom-5,var(--px-green-dark-5));--px-success-6:var(--px-success-dark-custom-6,var(--px-green-dark-6));--px-success-7:var(--px-success-dark-custom-7,var(--px-green-dark-7));--px-success-8:var(--px-success-dark-custom-8,var(--px-green-dark-8));--px-success-9:var(--px-success-dark-custom-9,var(--px-green-dark-9));--px-success-10:var(--px-success-dark-custom-10,var(--px-green-dark-10));--px-warning-1:var(--px-warning-dark-custom-1,var(--px-orange-dark-1));--px-warning-2:var(--px-warning-dark-custom-2,var(--px-orange-dark-2));--px-warning-3:var(--px-warning-dark-custom-3,var(--px-orange-dark-3));--px-warning-4:var(--px-warning-dark-custom-4,var(--px-orange-dark-4));--px-warning-5:var(--px-warning-dark-custom-5,var(--px-orange-dark-5));--px-warning-6:var(--px-warning-dark-custom-6,var(--px-orange-dark-6));--px-warning-7:var(--px-warning-dark-custom-7,var(--px-orange-dark-7));--px-warning-8:var(--px-warning-dark-custom-8,var(--px-orange-dark-8));--px-warning-9:var(--px-warning-dark-custom-9,var(--px-orange-dark-9));--px-warning-10:var(--px-warning-dark-custom-10,var(--px-orange-dark-10));--px-danger-1:var(--px-danger-dark-custom-1,var(--px-red-dark-1));--px-danger-2:var(--px-danger-dark-custom-2,var(--px-red-dark-2));--px-danger-3:var(--px-danger-dark-custom-3,var(--px-red-dark-3));--px-danger-4:var(--px-danger-dark-custom-4,var(--px-red-dark-4));--px-danger-5:var(--px-danger-dark-custom-5,var(--px-red-dark-5));--px-danger-6:var(--px-danger-dark-custom-6,var(--px-red-dark-6));--px-danger-7:var(--px-danger-dark-custom-7,var(--px-red-dark-7));--px-danger-8:var(--px-danger-dark-custom-8,var(--px-red-dark-8));--px-danger-9:var(--px-danger-dark-custom-9,var(--px-red-dark-9));--px-danger-10:var(--px-danger-dark-custom-10,var(--px-red-dark-10));--px-sakura-1:var(--px-sakura-dark-custom-1,var(--px-pink-dark-1));--px-sakura-2:var(--px-sakura-dark-custom-2,var(--px-pink-dark-2));--px-sakura-3:var(--px-sakura-dark-custom-3,var(--px-pink-dark-3));--px-sakura-4:var(--px-sakura-dark-custom-4,var(--px-pink-dark-4));--px-sakura-5:var(--px-sakura-dark-custom-5,var(--px-pink-dark-5));--px-sakura-6:var(--px-sakura-dark-custom-6,var(--px-pink-dark-6));--px-sakura-7:var(--px-sakura-dark-custom-7,var(--px-pink-dark-7));--px-sakura-8:var(--px-sakura-dark-custom-8,var(--px-pink-dark-8));--px-sakura-9:var(--px-sakura-dark-custom-9,var(--px-pink-dark-9));--px-sakura-10:var(--px-sakura-dark-custom-10,var(--px-pink-dark-10));--px-neutral-1:var(--px-neutral-dark-custom-1,var(--px-neutral-dark-1));--px-neutral-2:var(--px-neutral-dark-custom-2,var(--px-neutral-dark-2));--px-neutral-3:var(--px-neutral-dark-custom-3,var(--px-neutral-dark-3));--px-neutral-4:var(--px-neutral-dark-custom-4,var(--px-neutral-dark-4));--px-neutral-5:var(--px-neutral-dark-custom-5,var(--px-neutral-dark-5));--px-neutral-6:var(--px-neutral-dark-custom-6,var(--px-neutral-dark-6));--px-neutral-7:var(--px-neutral-dark-custom-7,var(--px-neutral-dark-7));--px-neutral-8:var(--px-neutral-dark-custom-8,var(--px-neutral-dark-8));--px-neutral-9:var(--px-neutral-dark-custom-9,var(--px-neutral-dark-9));--px-neutral-10:var(--px-neutral-dark-custom-10,var(--px-neutral-dark-10))}:root.light{--px-primary-1:var(--px-primary-light-custom-1,var(--px-teal-light-1));--px-primary-2:var(--px-primary-light-custom-2,var(--px-teal-light-2));--px-primary-3:var(--px-primary-light-custom-3,var(--px-teal-light-3));--px-primary-4:var(--px-primary-light-custom-4,var(--px-teal-light-4));--px-primary-5:var(--px-primary-light-custom-5,var(--px-teal-light-5));--px-primary-6:var(--px-primary-light-custom-6,var(--px-teal-light-6));--px-primary-7:var(--px-primary-light-custom-7,var(--px-teal-light-7));--px-primary-8:var(--px-primary-light-custom-8,var(--px-teal-light-8));--px-primary-9:var(--px-primary-light-custom-9,var(--px-teal-light-9));--px-primary-10:var(--px-primary-light-custom-10,var(--px-teal-light-10));--px-success-1:var(--px-success-light-custom-1,var(--px-green-light-1));--px-success-2:var(--px-success-light-custom-2,var(--px-green-light-2));--px-success-3:var(--px-success-light-custom-3,var(--px-green-light-3));--px-success-4:var(--px-success-light-custom-4,var(--px-green-light-4));--px-success-5:var(--px-success-light-custom-5,var(--px-green-light-5));--px-success-6:var(--px-success-light-custom-6,var(--px-green-light-6));--px-success-7:var(--px-success-light-custom-7,var(--px-green-light-7));--px-success-8:var(--px-success-light-custom-8,var(--px-green-light-8));--px-success-9:var(--px-success-light-custom-9,var(--px-green-light-9));--px-success-10:var(--px-success-light-custom-10,var(--px-green-light-10));--px-warning-1:var(--px-warning-light-custom-1,var(--px-orange-light-1));--px-warning-2:var(--px-warning-light-custom-2,var(--px-orange-light-2));--px-warning-3:var(--px-warning-light-custom-3,var(--px-orange-light-3));--px-warning-4:var(--px-warning-light-custom-4,var(--px-orange-light-4));--px-warning-5:var(--px-warning-light-custom-5,var(--px-orange-light-5));--px-warning-6:var(--px-warning-light-custom-6,var(--px-orange-light-6));--px-warning-7:var(--px-warning-light-custom-7,var(--px-orange-light-7));--px-warning-8:var(--px-warning-light-custom-8,var(--px-orange-light-8));--px-warning-9:var(--px-warning-light-custom-9,var(--px-orange-light-9));--px-warning-10:var(--px-warning-light-custom-10,var(--px-orange-light-10));--px-danger-1:var(--px-danger-light-custom-1,var(--px-red-light-1));--px-danger-2:var(--px-danger-light-custom-2,var(--px-red-light-2));--px-danger-3:var(--px-danger-light-custom-3,var(--px-red-light-3));--px-danger-4:var(--px-danger-light-custom-4,var(--px-red-light-4));--px-danger-5:var(--px-danger-light-custom-5,var(--px-red-light-5));--px-danger-6:var(--px-danger-light-custom-6,var(--px-red-light-6));--px-danger-7:var(--px-danger-light-custom-7,var(--px-red-light-7));--px-danger-8:var(--px-danger-light-custom-8,var(--px-red-light-8));--px-danger-9:var(--px-danger-light-custom-9,var(--px-red-light-9));--px-danger-10:var(--px-danger-light-custom-10,var(--px-red-light-10));--px-sakura-1:var(--px-sakura-light-custom-1,var(--px-pink-light-1));--px-sakura-2:var(--px-sakura-light-custom-2,var(--px-pink-light-2));--px-sakura-3:var(--px-sakura-light-custom-3,var(--px-pink-light-3));--px-sakura-4:var(--px-sakura-light-custom-4,var(--px-pink-light-4));--px-sakura-5:var(--px-sakura-light-custom-5,var(--px-pink-light-5));--px-sakura-6:var(--px-sakura-light-custom-6,var(--px-pink-light-6));--px-sakura-7:var(--px-sakura-light-custom-7,var(--px-pink-light-7));--px-sakura-8:var(--px-sakura-light-custom-8,var(--px-pink-light-8));--px-sakura-9:var(--px-sakura-light-custom-9,var(--px-pink-light-9));--px-sakura-10:var(--px-sakura-light-custom-10,var(--px-pink-light-10));--px-neutral-1:var(--px-neutral-light-custom-1,var(--px-neutral-light-1));--px-neutral-2:var(--px-neutral-light-custom-2,var(--px-neutral-light-2));--px-neutral-3:var(--px-neutral-light-custom-3,var(--px-neutral-light-3));--px-neutral-4:var(--px-neutral-light-custom-4,var(--px-neutral-light-4));--px-neutral-5:var(--px-neutral-light-custom-5,var(--px-neutral-light-5));--px-neutral-6:var(--px-neutral-light-custom-6,var(--px-neutral-light-6));--px-neutral-7:var(--px-neutral-light-custom-7,var(--px-neutral-light-7));--px-neutral-8:var(--px-neutral-light-custom-8,var(--px-neutral-light-8));--px-neutral-9:var(--px-neutral-light-custom-9,var(--px-neutral-light-9));--px-neutral-10:var(--px-neutral-light-custom-10,var(--px-neutral-light-10))}:root{--px-bit:4px;--px-large-base-size:36px;--px-medium-base-size:28px;--px-small-base-size:20px;--px-large-size:44px;--px-medium-size:36px;--px-small-size:28px;--px-large-sub-size:36px;--px-medium-sub-size:26px;--px-small-sub-size:20px;--px-large-sub-base-size:28px;--px-medium-sub-base-size:18px;--px-small-sub-base-size:12px;--px-large-compat-size:32px;--px-medium-compat-size:28px;--px-small-compat-size:24px;--px-line-height:1.5;--px-medium-font-size:14px;--px-large-font-size:15px;--px-small-font-size:12px;--px-font:"Fusion Pixel Zh_hans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",SimSun,sans-serif}@keyframes px-icon-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.px-animation__loading{animation:1s linear infinite px-icon-spin}@keyframes px-blink{50%{opacity:0}}.px-animation__blink{animation:1s step-end infinite px-blink}.pixelium{font-family:var(--px-font);line-height:var(--px-line-height)}
package/es/index.d.ts CHANGED
@@ -15,7 +15,7 @@ import Main from './main/index.ts';
15
15
  import Aside from './aside/index.ts';
16
16
  import Header from './header/index.ts';
17
17
  import Footer from './footer/index.ts';
18
- import { setThemeColor } from './share/util/theme.ts';
18
+ import { setThemeColor, resetThemeColor, setPixelSize, resetPixelSize } from './share/util/theme.ts';
19
19
  import { useThemeMode } from './share/hook/use-theme-mode.ts';
20
20
  import Icon from './icon/index.ts';
21
21
  import Input from './input/index.ts';
@@ -32,13 +32,28 @@ import AutoComplete from './auto-complete/index.ts';
32
32
  import Mask from './mask/index.ts';
33
33
  import Spin from './spin/index.ts';
34
34
  import Select from './select/index.ts';
35
+ import VirtualList from './virtual-list/index.ts';
36
+ import Image from './image/index.ts';
37
+ import Avatar from './avatar/index.ts';
38
+ import Form from './form/index.ts';
39
+ import FormItem from './form-item/index.ts';
40
+ import { pixelateImage } from './pixelate/pixel.ts';
41
+ import { imageDataToDataURL } from './share/util/dom.ts';
42
+ import Switch from './switch/index.ts';
43
+ import Slider from './slider/index.ts';
44
+ import Radio from './radio/index.ts';
45
+ import RadioGroup from './radio-group/index.ts';
46
+ import Checkbox from './checkbox/index.ts';
47
+ import CheckboxGroup from './checkbox-group/index.ts';
48
+ import TextOutline from './text-outline/index.ts';
49
+ import { useForm } from './form/use-form.ts';
35
50
  declare const install: (app: App, options?: {
36
51
  prefix: string;
37
52
  attachToApp?: boolean;
38
53
  attachToWindow?: boolean;
39
54
  }) => void;
40
55
  export { install };
41
- export { Button, ButtonGroup, Link, MessageBox, Message, Row, Col, Divider, setThemeColor, Space, Grid, GridItem, Container, Main, Aside, Header, Footer, useThemeMode, Icon, Input, InputNumber, Textarea, InputGroup, InputGroupLabel, Tag, InputTag, Tooltip, Popover, Empty, AutoComplete, Mask, Spin, Select };
56
+ export { Button, ButtonGroup, Link, MessageBox, Message, Row, Col, Divider, setThemeColor, Space, Grid, GridItem, Container, Main, Aside, Header, Footer, useThemeMode, Icon, Input, InputNumber, Textarea, InputGroup, InputGroupLabel, Tag, InputTag, Tooltip, Popover, Empty, AutoComplete, Mask, Spin, Select, resetThemeColor, setPixelSize, resetPixelSize, VirtualList, Image, Avatar, pixelateImage, Form, FormItem, Switch, Slider, Radio, RadioGroup, Checkbox, CheckboxGroup, imageDataToDataURL, TextOutline, useForm };
42
57
  declare const _default: {
43
58
  install: (app: App, options?: {
44
59
  prefix: string;
@@ -48,5 +63,10 @@ declare const _default: {
48
63
  };
49
64
  export default _default;
50
65
  export type { Option, GroupOption, NumberOrPercentage, ValidContent, ValidVNodeContent, ValueWithDeviceWidth } from './share/type/index.ts';
66
+ export type { MessageOptions, MessageReturn } from './message-box/type.ts';
51
67
  export type { AutoCompleteOption, AutoCompleteGroupOption } from './auto-complete/type.ts';
52
68
  export type { SelectOption, SelectGroupOption } from './select/type.ts';
69
+ export type { OptionListOption, OptionListGroupOption } from './option-list/type.ts';
70
+ export type { CheckboxGroupOption } from './checkbox-group/type.ts';
71
+ export type { RadioGroupOption } from './radio-group/type.ts';
72
+ export type { RuleItem, RuleTrigger, FieldType, RuleLevel, FormValidateResult, UseFormReturn } from './form/type.ts';