@rarui/styles 2.2.5 → 2.3.0-rc.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 (312) hide show
  1. package/dist/decorators/addSprinkleAttributes.d.ts +3 -0
  2. package/dist/decorators/addSprinkleAttributes.js +1 -0
  3. package/dist/index.css +1 -1
  4. package/dist/index.d.ts +73 -12322
  5. package/dist/index.js +1 -1
  6. package/dist/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.cjs.d.d.ts +168 -0
  7. package/dist/node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js +1 -0
  8. package/dist/node_modules/@vanilla-extract/private/dist/vanilla-extract-private.esm.js +1 -0
  9. package/dist/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js +1 -0
  10. package/dist/node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.d.ts +28 -0
  11. package/dist/node_modules/csstype/index.d.d.ts +11245 -0
  12. package/dist/node_modules/rainbow-sprinkles/dist/createRuntimeFn-891c4670.esm.js +1 -0
  13. package/dist/node_modules/rainbow-sprinkles/dist/declarations/src/createRuntimeFn.d.d.ts +7 -0
  14. package/dist/node_modules/rainbow-sprinkles/dist/declarations/src/css.d.d.ts +6075 -0
  15. package/dist/node_modules/rainbow-sprinkles/dist/declarations/src/types.d.d.ts +137 -0
  16. package/dist/packages/exhibition/avatar/index.d.ts +52 -0
  17. package/dist/packages/exhibition/avatar/index.js +1 -0
  18. package/dist/packages/exhibition/avatar/rarui-avatar.css +61 -0
  19. package/dist/packages/exhibition/avatar/rarui-avatar.css.d.ts +54 -0
  20. package/dist/packages/exhibition/avatar/rarui-avatar.css.js +1 -0
  21. package/dist/packages/exhibition/avatar/rarui-avatar.types.d.ts +6 -0
  22. package/dist/packages/exhibition/badge/index.d.ts +79 -0
  23. package/dist/packages/exhibition/badge/index.js +1 -0
  24. package/dist/packages/exhibition/badge/rarui-badge.css +112 -0
  25. package/dist/packages/exhibition/badge/rarui-badge.css.d.ts +89 -0
  26. package/dist/packages/exhibition/badge/rarui-badge.css.js +1 -0
  27. package/dist/packages/exhibition/badge/rarui-badge.types.d.ts +6 -0
  28. package/dist/packages/exhibition/divider/index.d.ts +167 -0
  29. package/dist/packages/exhibition/divider/index.js +1 -0
  30. package/dist/packages/exhibition/divider/rarui-divider.css +275 -0
  31. package/dist/packages/exhibition/divider/rarui-divider.css.d.ts +6 -0
  32. package/dist/packages/exhibition/divider/rarui-divider.css.js +1 -0
  33. package/dist/packages/exhibition/divider/rarui-divider.types.d.ts +26 -0
  34. package/dist/packages/exhibition/icon/index.d.ts +136 -0
  35. package/dist/packages/exhibition/icon/index.js +1 -0
  36. package/dist/packages/exhibition/icon/rarui-icon.css +252 -0
  37. package/dist/packages/exhibition/icon/rarui-icon.css.js +1 -0
  38. package/dist/packages/exhibition/icon/rarui-icon.types.d.ts +13 -0
  39. package/dist/packages/exhibition/label/index.d.ts +22 -0
  40. package/dist/packages/exhibition/label/index.js +1 -0
  41. package/dist/packages/exhibition/label/rarui-label.css +20 -0
  42. package/dist/packages/exhibition/label/rarui-label.css.d.ts +23 -0
  43. package/dist/packages/exhibition/label/rarui-label.css.js +1 -0
  44. package/dist/packages/exhibition/label/rarui-label.types.d.ts +6 -0
  45. package/dist/packages/exhibition/stepper/index.d.ts +56 -0
  46. package/dist/packages/exhibition/stepper/index.js +1 -0
  47. package/dist/packages/exhibition/stepper/rarui-stepper.css +65 -0
  48. package/dist/packages/exhibition/stepper/rarui-stepper.css.d.ts +68 -0
  49. package/dist/packages/exhibition/stepper/rarui-stepper.css.js +1 -0
  50. package/dist/packages/exhibition/stepper/rarui-stepper.types.d.ts +6 -0
  51. package/dist/packages/exhibition/text/index.d.ts +325 -0
  52. package/dist/packages/exhibition/text/index.js +1 -0
  53. package/dist/packages/exhibition/text/rarui-text.css +535 -0
  54. package/dist/packages/exhibition/text/rarui-text.css.d.ts +18 -0
  55. package/dist/packages/exhibition/text/rarui-text.css.js +1 -0
  56. package/dist/packages/exhibition/text/rarui-text.types.d.ts +27 -0
  57. package/dist/packages/exhibition/title/index.d.ts +289 -0
  58. package/dist/packages/exhibition/title/index.js +1 -0
  59. package/dist/packages/exhibition/title/rarui-title.css +498 -0
  60. package/dist/packages/exhibition/title/rarui-title.css.d.ts +18 -0
  61. package/dist/packages/exhibition/title/rarui-title.css.js +1 -0
  62. package/dist/packages/exhibition/title/rarui-title.types.d.ts +27 -0
  63. package/dist/packages/exhibition/tooltip/index.d.ts +39 -0
  64. package/dist/packages/exhibition/tooltip/index.js +1 -0
  65. package/dist/packages/exhibition/tooltip/rarui-tooltip.css +38 -0
  66. package/dist/packages/exhibition/tooltip/rarui-tooltip.css.d.ts +43 -0
  67. package/dist/packages/exhibition/tooltip/rarui-tooltip.css.js +1 -0
  68. package/dist/packages/exhibition/tooltip/rarui-tooltip.types.d.ts +6 -0
  69. package/dist/packages/feedback/progress/index.d.ts +81 -0
  70. package/dist/packages/feedback/progress/index.js +1 -0
  71. package/dist/packages/feedback/progress/rarui-progress.css +59 -0
  72. package/dist/packages/feedback/progress/rarui-progress.css.d.ts +33 -0
  73. package/dist/packages/feedback/progress/rarui-progress.css.js +1 -0
  74. package/dist/packages/feedback/progress/rarui-progress.types.d.ts +16 -0
  75. package/dist/packages/feedback/skeleton/index.d.ts +115 -0
  76. package/dist/packages/feedback/skeleton/index.js +1 -0
  77. package/dist/packages/feedback/skeleton/rarui-skeleton.css +139 -0
  78. package/dist/packages/feedback/skeleton/rarui-skeleton.css.js +1 -0
  79. package/dist/packages/feedback/skeleton/rarui-skeleton.types.d.ts +13 -0
  80. package/dist/packages/feedback/status/index.d.ts +70 -0
  81. package/dist/packages/feedback/status/index.js +1 -0
  82. package/dist/packages/feedback/status/rarui-status.css +108 -0
  83. package/dist/packages/feedback/status/rarui-status.css.d.ts +85 -0
  84. package/dist/packages/feedback/status/rarui-status.css.js +1 -0
  85. package/dist/packages/feedback/status/rarui-status.types.d.ts +6 -0
  86. package/dist/packages/feedback/toast/index.d.ts +151 -0
  87. package/dist/packages/feedback/toast/index.js +1 -0
  88. package/dist/packages/feedback/toast/rarui-toast.css +229 -0
  89. package/dist/packages/feedback/toast/rarui-toast.css.d.ts +141 -0
  90. package/dist/packages/feedback/toast/rarui-toast.css.js +1 -0
  91. package/dist/packages/feedback/toast/rarui-toast.types.d.ts +8 -0
  92. package/dist/packages/input/button/index.d.ts +91 -0
  93. package/dist/packages/input/button/index.js +1 -0
  94. package/dist/packages/input/button/rarui-button.css +357 -0
  95. package/dist/packages/input/button/rarui-button.css.d.ts +105 -0
  96. package/dist/packages/input/button/rarui-button.css.js +1 -0
  97. package/dist/packages/input/button/rarui-button.types.d.ts +6 -0
  98. package/dist/packages/input/checkbox/index.d.ts +53 -0
  99. package/dist/packages/input/checkbox/index.js +1 -0
  100. package/dist/packages/input/checkbox/rarui-checkbox.css +88 -0
  101. package/dist/packages/input/checkbox/rarui-checkbox.css.d.ts +63 -0
  102. package/dist/packages/input/checkbox/rarui-checkbox.css.js +1 -0
  103. package/dist/packages/input/checkbox/rarui-checkbox.types.d.ts +6 -0
  104. package/dist/packages/input/chip/index.d.ts +93 -0
  105. package/dist/packages/input/chip/index.js +1 -0
  106. package/dist/packages/input/chip/rarui-chip.css +150 -0
  107. package/dist/packages/input/chip/rarui-chip.css.d.ts +75 -0
  108. package/dist/packages/input/chip/rarui-chip.css.js +1 -0
  109. package/dist/packages/input/chip/rarui-chip.types.d.ts +15 -0
  110. package/dist/packages/input/datepicker/index.d.ts +10 -0
  111. package/dist/packages/input/datepicker/index.js +1 -0
  112. package/dist/packages/input/datepicker/rarui-datepicker.css +186 -0
  113. package/dist/packages/input/datepicker/rarui-datepicker.css.js +1 -0
  114. package/dist/packages/input/dropdown/index.d.ts +112 -0
  115. package/dist/packages/input/dropdown/index.js +1 -0
  116. package/dist/packages/input/dropdown/rarui-dropdown.css +196 -0
  117. package/dist/packages/input/dropdown/rarui-dropdown.css.d.ts +30 -0
  118. package/dist/packages/input/dropdown/rarui-dropdown.css.js +1 -0
  119. package/dist/packages/input/dropdown/rarui-dropdown.types.d.ts +16 -0
  120. package/dist/packages/input/iconButton/index.d.ts +90 -0
  121. package/dist/packages/input/iconButton/index.js +1 -0
  122. package/dist/packages/input/iconButton/rarui-iconButton.css +356 -0
  123. package/dist/packages/input/iconButton/rarui-iconButton.css.d.ts +98 -0
  124. package/dist/packages/input/iconButton/rarui-iconButton.css.js +1 -0
  125. package/dist/packages/input/iconButton/rarui-iconButton.types.d.ts +6 -0
  126. package/dist/packages/input/input/index.d.ts +112 -0
  127. package/dist/packages/input/input/index.js +1 -0
  128. package/dist/packages/input/input/rarui-input.css +171 -0
  129. package/dist/packages/input/input/rarui-input.css.d.ts +122 -0
  130. package/dist/packages/input/input/rarui-input.css.js +1 -0
  131. package/dist/packages/input/input/rarui-input.types.d.ts +6 -0
  132. package/dist/packages/input/radioButton/index.d.ts +64 -0
  133. package/dist/packages/input/radioButton/index.js +1 -0
  134. package/dist/packages/input/radioButton/rarui-radioButton.css +113 -0
  135. package/dist/packages/input/radioButton/rarui-radioButton.css.d.ts +68 -0
  136. package/dist/packages/input/radioButton/rarui-radioButton.css.js +1 -0
  137. package/dist/packages/input/radioButton/rarui-radioButton.types.d.ts +6 -0
  138. package/dist/packages/input/select/index.d.ts +67 -0
  139. package/dist/packages/input/select/index.js +1 -0
  140. package/dist/packages/input/select/rarui-select.css +134 -0
  141. package/dist/packages/input/select/rarui-select.css.d.ts +54 -0
  142. package/dist/packages/input/select/rarui-select.css.js +1 -0
  143. package/dist/packages/input/select/rarui-select.types.d.ts +9 -0
  144. package/dist/packages/input/textarea/index.d.ts +36 -0
  145. package/dist/packages/input/textarea/index.js +1 -0
  146. package/dist/packages/input/textarea/rarui-textarea.css +54 -0
  147. package/dist/packages/input/textarea/rarui-textarea.css.d.ts +37 -0
  148. package/dist/packages/input/textarea/rarui-textarea.css.js +1 -0
  149. package/dist/packages/input/textarea/rarui-textarea.types.d.ts +6 -0
  150. package/dist/packages/input/toggle/index.d.ts +106 -0
  151. package/dist/packages/input/toggle/index.js +1 -0
  152. package/dist/packages/input/toggle/rarui-toggle.css +208 -0
  153. package/dist/packages/input/toggle/rarui-toggle.css.d.ts +110 -0
  154. package/dist/packages/input/toggle/rarui-toggle.css.js +1 -0
  155. package/dist/packages/input/toggle/rarui-toggle.types.d.ts +6 -0
  156. package/dist/packages/layout/box/index.d.ts +3122 -0
  157. package/dist/packages/layout/box/index.js +1 -0
  158. package/dist/packages/layout/box/rarui-box.css +13346 -0
  159. package/dist/packages/layout/box/rarui-box.css.d.ts +38 -0
  160. package/dist/packages/layout/box/rarui-box.css.js +1 -0
  161. package/dist/packages/layout/box/rarui-box.types.d.ts +227 -0
  162. package/dist/packages/layout/sidebar/index.d.ts +121 -0
  163. package/dist/packages/layout/sidebar/index.js +1 -0
  164. package/dist/packages/layout/sidebar/rarui-sidebar.css +212 -0
  165. package/dist/packages/layout/sidebar/rarui-sidebar.css.d.ts +37 -0
  166. package/dist/packages/layout/sidebar/rarui-sidebar.css.js +1 -0
  167. package/dist/packages/layout/sidebar/rarui-sidebar.types.d.ts +21 -0
  168. package/dist/packages/navigation/breadcrumb/index.d.ts +16 -0
  169. package/dist/packages/navigation/breadcrumb/index.js +1 -0
  170. package/dist/packages/navigation/breadcrumb/rarui-breadcrumb.css +39 -0
  171. package/dist/packages/navigation/breadcrumb/rarui-breadcrumb.css.d.ts +18 -0
  172. package/dist/packages/navigation/breadcrumb/rarui-breadcrumb.css.js +1 -0
  173. package/dist/packages/navigation/breadcrumb/rarui-breadcrumb.types.d.ts +6 -0
  174. package/dist/packages/navigation/link/index.d.ts +38 -0
  175. package/dist/packages/navigation/link/index.js +1 -0
  176. package/dist/packages/navigation/link/rarui-link.css +45 -0
  177. package/dist/packages/navigation/link/rarui-link.css.d.ts +42 -0
  178. package/dist/packages/navigation/link/rarui-link.css.js +1 -0
  179. package/dist/packages/navigation/link/rarui-link.types.d.ts +6 -0
  180. package/dist/packages/navigation/pagination/index.d.ts +47 -0
  181. package/dist/packages/navigation/pagination/index.js +1 -0
  182. package/dist/packages/navigation/pagination/rarui-pagination.css +73 -0
  183. package/dist/packages/navigation/pagination/rarui-pagination.css.d.ts +49 -0
  184. package/dist/packages/navigation/pagination/rarui-pagination.css.js +1 -0
  185. package/dist/packages/navigation/pagination/rarui-pagination.types.d.ts +6 -0
  186. package/dist/packages/navigation/sideNavigation/index.d.ts +75 -0
  187. package/dist/packages/navigation/sideNavigation/index.js +1 -0
  188. package/dist/packages/navigation/sideNavigation/rarui-sideNavigation.css +103 -0
  189. package/dist/packages/navigation/sideNavigation/rarui-sideNavigation.css.d.ts +76 -0
  190. package/dist/packages/navigation/sideNavigation/rarui-sideNavigation.css.js +1 -0
  191. package/dist/packages/navigation/sideNavigation/rarui-sideNavigation.types.d.ts +6 -0
  192. package/dist/packages/navigation/tabs/index.d.ts +65 -0
  193. package/dist/packages/navigation/tabs/index.js +1 -0
  194. package/dist/packages/navigation/tabs/rarui-tabs.css +104 -0
  195. package/dist/packages/navigation/tabs/rarui-tabs.css.d.ts +79 -0
  196. package/dist/packages/navigation/tabs/rarui-tabs.css.js +1 -0
  197. package/dist/packages/navigation/tabs/rarui-tabs.types.d.ts +6 -0
  198. package/dist/packages/surface/accordion/index.d.ts +47 -0
  199. package/dist/packages/surface/accordion/index.js +1 -0
  200. package/dist/packages/surface/accordion/rarui-accordion.css +63 -0
  201. package/dist/packages/surface/accordion/rarui-accordion.css.d.ts +49 -0
  202. package/dist/packages/surface/accordion/rarui-accordion.css.js +1 -0
  203. package/dist/packages/surface/accordion/rarui-accordion.types.d.ts +6 -0
  204. package/dist/packages/surface/banner/index.d.ts +41 -0
  205. package/dist/packages/surface/banner/index.js +1 -0
  206. package/dist/packages/surface/banner/rarui-banner.css +42 -0
  207. package/dist/packages/surface/banner/rarui-banner.css.d.ts +47 -0
  208. package/dist/packages/surface/banner/rarui-banner.css.js +1 -0
  209. package/dist/packages/surface/banner/rarui-banner.types.d.ts +6 -0
  210. package/dist/packages/surface/card/index.d.ts +195 -0
  211. package/dist/packages/surface/card/index.js +1 -0
  212. package/dist/packages/surface/card/rarui-card.css +422 -0
  213. package/dist/packages/surface/card/rarui-card.css.d.ts +27 -0
  214. package/dist/packages/surface/card/rarui-card.css.js +1 -0
  215. package/dist/packages/surface/card/rarui-card.types.d.ts +16 -0
  216. package/dist/packages/surface/modal/index.d.ts +91 -0
  217. package/dist/packages/surface/modal/index.js +1 -0
  218. package/dist/packages/surface/modal/rarui-modal.css +169 -0
  219. package/dist/packages/surface/modal/rarui-modal.css.d.ts +21 -0
  220. package/dist/packages/surface/modal/rarui-modal.css.js +1 -0
  221. package/dist/packages/surface/modal/rarui-modal.types.d.ts +16 -0
  222. package/dist/properties/css.d.ts +207 -0
  223. package/dist/themes/globals.css +165 -0
  224. package/dist/themes/globals.css.d.ts +219 -0
  225. package/dist/themes/globals.css.js +1 -0
  226. package/dist/themes/rarui-theme-dark.css +165 -0
  227. package/dist/themes/rarui-theme-dark.css.d.ts +3 -0
  228. package/dist/themes/rarui-theme-dark.css.js +1 -0
  229. package/dist/types/css.types.d.ts +3658 -0
  230. package/dist/types/utils.types.d.ts +9 -0
  231. package/dist/utils/index.d.ts +3 -0
  232. package/dist/utils/index.js +1 -0
  233. package/package.json +14 -5
  234. package/dist/accordion/index.css +0 -1
  235. package/dist/accordion/index.js +0 -1
  236. package/dist/avatar/index.css +0 -1
  237. package/dist/avatar/index.js +0 -1
  238. package/dist/badge/index.css +0 -1
  239. package/dist/badge/index.js +0 -1
  240. package/dist/banner/index.css +0 -1
  241. package/dist/banner/index.js +0 -1
  242. package/dist/box/index.css +0 -1
  243. package/dist/box/index.js +0 -1
  244. package/dist/breadcrumb/index.css +0 -1
  245. package/dist/breadcrumb/index.js +0 -1
  246. package/dist/button/index.css +0 -1
  247. package/dist/button/index.js +0 -1
  248. package/dist/card/index.css +0 -1
  249. package/dist/card/index.js +0 -1
  250. package/dist/checkbox/index.css +0 -1
  251. package/dist/checkbox/index.js +0 -1
  252. package/dist/chip/index.css +0 -1
  253. package/dist/chip/index.js +0 -1
  254. package/dist/datepicker/index.css +0 -1
  255. package/dist/datepicker/index.js +0 -1
  256. package/dist/divider/index.css +0 -1
  257. package/dist/divider/index.js +0 -1
  258. package/dist/dropdown/index.css +0 -1
  259. package/dist/dropdown/index.js +0 -1
  260. package/dist/esm/index.css +0 -1
  261. package/dist/esm/index.js +0 -1
  262. package/dist/esm/styles.css +0 -1
  263. package/dist/esm/themes/dark.css +0 -1
  264. package/dist/esm/themes/dark.js +0 -1
  265. package/dist/icon/index.css +0 -1
  266. package/dist/icon/index.js +0 -1
  267. package/dist/iconButton/index.css +0 -1
  268. package/dist/iconButton/index.js +0 -1
  269. package/dist/input/index.css +0 -1
  270. package/dist/input/index.js +0 -1
  271. package/dist/label/index.css +0 -1
  272. package/dist/label/index.js +0 -1
  273. package/dist/link/index.css +0 -1
  274. package/dist/link/index.js +0 -1
  275. package/dist/modal/index.css +0 -1
  276. package/dist/modal/index.js +0 -1
  277. package/dist/pagination/index.css +0 -1
  278. package/dist/pagination/index.js +0 -1
  279. package/dist/progress/index.css +0 -1
  280. package/dist/progress/index.js +0 -1
  281. package/dist/radioButton/index.css +0 -1
  282. package/dist/radioButton/index.js +0 -1
  283. package/dist/select/index.css +0 -1
  284. package/dist/select/index.js +0 -1
  285. package/dist/sideNavigation/index.css +0 -1
  286. package/dist/sideNavigation/index.js +0 -1
  287. package/dist/sidebar/index.css +0 -1
  288. package/dist/sidebar/index.js +0 -1
  289. package/dist/skeleton/index.css +0 -1
  290. package/dist/skeleton/index.js +0 -1
  291. package/dist/status/index.css +0 -1
  292. package/dist/status/index.js +0 -1
  293. package/dist/stepper/index.css +0 -1
  294. package/dist/stepper/index.js +0 -1
  295. package/dist/styles.css +0 -1
  296. package/dist/tabs/index.css +0 -1
  297. package/dist/tabs/index.js +0 -1
  298. package/dist/text/index.css +0 -1
  299. package/dist/text/index.js +0 -1
  300. package/dist/textarea/index.css +0 -1
  301. package/dist/textarea/index.js +0 -1
  302. package/dist/themes/dark.css +0 -1
  303. package/dist/themes/dark.d.ts +0 -9
  304. package/dist/themes/dark.js +0 -1
  305. package/dist/title/index.css +0 -1
  306. package/dist/title/index.js +0 -1
  307. package/dist/toast/index.css +0 -1
  308. package/dist/toast/index.js +0 -1
  309. package/dist/toggle/index.css +0 -1
  310. package/dist/toggle/index.js +0 -1
  311. package/dist/tooltip/index.css +0 -1
  312. package/dist/tooltip/index.js +0 -1
package/dist/themes/globals.css ADDED
@@ -0,0 +1,165 @@
1
+ :root {
2
+ --rarui-colors-surface-background: rgba(247, 247, 248, 1);
3
+ --rarui-colors-surface-brand: rgba(3, 174, 252, 1);
4
+ --rarui-colors-surface-brand-hover: rgba(3, 174, 252, .10);
5
+ --rarui-colors-surface-brand-press: rgba(3, 174, 252, .20);
6
+ --rarui-colors-surface-brand-subdued: rgba(3, 174, 252, .10);
7
+ --rarui-colors-surface-disabled: rgba(234, 235, 236, 1);
8
+ --rarui-colors-surface-error: rgba(220, 42, 35, 1);
9
+ --rarui-colors-surface-error-hover: rgba(220, 42, 35, .10);
10
+ --rarui-colors-surface-error-press: rgba(220, 42, 35, .20);
11
+ --rarui-colors-surface-error-subdued: rgba(255, 246, 245, 1);
12
+ --rarui-colors-surface-hover: rgba(0, 0, 0, 0.1);
13
+ --rarui-colors-surface-info: rgba(3, 174, 252, 1);
14
+ --rarui-colors-surface-info-hover: rgba(3, 174, 252, .10);
15
+ --rarui-colors-surface-info-press: rgba(3, 174, 252, .20);
16
+ --rarui-colors-surface-info-subdued: rgba(245, 252, 255, 1);
17
+ --rarui-colors-surface-invert: rgba(12, 13, 13, 1);
18
+ --rarui-colors-surface-invert-disabled: rgba(61, 65, 67, 1);
19
+ --rarui-colors-surface-invert-hover: rgba(255, 255, 255, 0.1);
20
+ --rarui-colors-surface-invert-press: rgba(255, 255, 255, 0.2);
21
+ --rarui-colors-surface-invert-secondary: rgba(39, 41, 43, 1);
22
+ --rarui-colors-surface-overlay: rgba(0, 0, 0, 0.65);
23
+ --rarui-colors-surface-press: rgba(0, 0, 0, 0.2);
24
+ --rarui-colors-surface-primary: rgba(255, 255, 255, 1);
25
+ --rarui-colors-surface-secondary: rgba(242, 242, 243, 1);
26
+ --rarui-colors-surface-success: rgba(26, 147, 56, 1);
27
+ --rarui-colors-surface-success-hover: rgba(26, 147, 56, .10);
28
+ --rarui-colors-surface-success-press: rgba(26, 147, 56, .20);
29
+ --rarui-colors-surface-success-subdued: rgba(245, 255, 243, 1);
30
+ --rarui-colors-surface-warning: rgba(255, 176, 66, 1);
31
+ --rarui-colors-surface-warning-hover: rgba(231, 157, 19, .10);
32
+ --rarui-colors-surface-warning-press: rgba(231, 157, 19, .20);
33
+ --rarui-colors-surface-warning-subdued: rgba(255, 234, 204, 1);
34
+ --rarui-colors-content-brand: rgba(3, 174, 252, 1);
35
+ --rarui-colors-content-brand-alt: rgba(104, 206, 253, 1);
36
+ --rarui-colors-content-disabled: rgba(0, 0, 0, 0.3);
37
+ --rarui-colors-content-error: rgba(163, 41, 47, 1);
38
+ --rarui-colors-content-info: rgba(2, 138, 202, 1);
39
+ --rarui-colors-content-invert: rgba(255, 255, 255, 1);
40
+ --rarui-colors-content-invert-disabled: rgba(255, 255, 255, 0.4);
41
+ --rarui-colors-content-invert-secondary: rgba(255, 255, 255, 0.75);
42
+ --rarui-colors-content-on-brand: rgba(250, 253, 255, 1);
43
+ --rarui-colors-content-on-error: rgba(255, 233, 229, 1);
44
+ --rarui-colors-content-on-info: rgba(229, 247, 255, 1);
45
+ --rarui-colors-content-on-success: rgba(245, 255, 243, 1);
46
+ --rarui-colors-content-on-warning: rgba(77, 42, 0, 1);
47
+ --rarui-colors-content-primary: rgba(24, 26, 27, 1);
48
+ --rarui-colors-content-secondary: rgba(97, 103, 107, 1);
49
+ --rarui-colors-content-success: rgba(12, 69, 27, 1);
50
+ --rarui-colors-content-warning: rgba(134, 96, 0, 1);
51
+ --rarui-colors-content-warning-alt: rgba(255, 176, 66, 1);
52
+ --rarui-colors-border-brand: rgba(153, 222, 254, 1);
53
+ --rarui-colors-border-brand-alt: rgba(3, 174, 252, 1);
54
+ --rarui-colors-border-disabled: rgba(0, 0, 0, 0.05);
55
+ --rarui-colors-border-divider: rgba(0, 0, 0, 0.1);
56
+ --rarui-colors-border-error: rgba(255, 164, 153, 1);
57
+ --rarui-colors-border-info: rgba(153, 222, 254, 1);
58
+ --rarui-colors-border-invert: rgba(255, 255, 255, 0.3);
59
+ --rarui-colors-border-invert-disabled: rgba(255, 255, 255, 0.1);
60
+ --rarui-colors-border-primary: rgba(0, 0, 0, 0.4);
61
+ --rarui-colors-border-secondary: rgba(0, 0, 0, 0.2);
62
+ --rarui-colors-border-subdued: rgba(0, 0, 0, 0.1);
63
+ --rarui-colors-border-success: rgba(139, 244, 166, 1);
64
+ --rarui-colors-border-warning: rgba(255, 187, 92, 1);
65
+ --rarui-fontFamily-body: Inter, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', arial, sans-serif;
66
+ --rarui-fontFamily-heading: Inter, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', arial, sans-serif;
67
+ --rarui-fontFamily-button: Inter, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', arial, sans-serif;
68
+ --rarui-fontSize-body-xxs: 0.6875rem;
69
+ --rarui-fontSize-body-xs: 0.75rem;
70
+ --rarui-fontSize-body-s: 0.875rem;
71
+ --rarui-fontSize-body-m: 1rem;
72
+ --rarui-fontSize-body-l: 1.125rem;
73
+ --rarui-fontSize-body-xl: 1.5rem;
74
+ --rarui-fontSize-heading-xs: 1.25rem;
75
+ --rarui-fontSize-heading-s: 1.5rem;
76
+ --rarui-fontSize-heading-m: 1.75rem;
77
+ --rarui-fontSize-heading-l: 2.375rem;
78
+ --rarui-fontSize-heading-xl: 2.875rem;
79
+ --rarui-fontSize-heading-hero: 4.25rem;
80
+ --rarui-fontSize-button-xs: 0.75rem;
81
+ --rarui-fontSize-button-s: 0.875rem;
82
+ --rarui-fontSize-button-m: 0.9375rem;
83
+ --rarui-fontSize-button-l: 1rem;
84
+ --rarui-fontSize-label-s: 0.75rem;
85
+ --rarui-fontSize-label-m: 0.875rem;
86
+ --rarui-fontSize-label-l: 1rem;
87
+ --rarui-fontWeight-regular: 400;
88
+ --rarui-fontWeight-medium: 500;
89
+ --rarui-fontWeight-semiBold: 600;
90
+ --rarui-fontWeight-bold: 700;
91
+ --rarui-lineHeight-body-xxs: 0.875rem;
92
+ --rarui-lineHeight-body-xs: 1rem;
93
+ --rarui-lineHeight-body-s: 1.25rem;
94
+ --rarui-lineHeight-body-m: 1.5rem;
95
+ --rarui-lineHeight-body-l: 1.75rem;
96
+ --rarui-lineHeight-body-xl: 2rem;
97
+ --rarui-lineHeight-heading-xs: 1.5rem;
98
+ --rarui-lineHeight-heading-s: 1.75rem;
99
+ --rarui-lineHeight-heading-m: 2rem;
100
+ --rarui-lineHeight-heading-l: 2.75rem;
101
+ --rarui-lineHeight-heading-xl: 3.5rem;
102
+ --rarui-lineHeight-heading-hero: 4.375rem;
103
+ --rarui-lineHeight-button-s: normal;
104
+ --rarui-lineHeight-button-m: normal;
105
+ --rarui-lineHeight-button-l: normal;
106
+ --rarui-lineHeight-label-s: normal;
107
+ --rarui-lineHeight-label-m: normal;
108
+ --rarui-lineHeight-label-l: normal;
109
+ --rarui-elevation-none: none;
110
+ --rarui-elevation-top-1: 0px -1px 2px 0px rgba(78, 81, 83, 0.10);
111
+ --rarui-elevation-top-2: 0px -4px 8px 0px rgba(78, 81, 83, 0.10);
112
+ --rarui-elevation-top-3: 0px -8px 16px 0px rgba(78, 81, 83, 0.08);
113
+ --rarui-elevation-top-4: 0px -16px 32px 0px rgba(78, 81, 83, 0.08);
114
+ --rarui-elevation-top-5: 0px -24px 64px 0px rgba(78, 81, 83, 0.08);
115
+ --rarui-elevation-bottom-1: 0px 1px 2px 0px rgba(78, 81, 83, 0.10);
116
+ --rarui-elevation-bottom-2: 0px 4px 8px 0px rgba(78, 81, 83, 0.10);
117
+ --rarui-elevation-bottom-3: 0px 8px 16px 0px rgba(78, 81, 83, 0.08);
118
+ --rarui-elevation-bottom-4: 0px 16px 32px 0px rgba(78, 81, 83, 0.08);
119
+ --rarui-elevation-bottom-5: 0px 24px 48px 0px rgba(78, 81, 83, 0.08);
120
+ --rarui-elevation-focus-ring: 0px 0px 0px 2px rgba(3, 174, 252, .20);
121
+ --rarui-shape-border-radius-none: 0;
122
+ --rarui-shape-border-radius-2xs: 0.25rem;
123
+ --rarui-shape-border-radius-xs: 0.5rem;
124
+ --rarui-shape-border-radius-sm: 1rem;
125
+ --rarui-shape-border-radius-md: 1.5rem;
126
+ --rarui-shape-border-radius-lg: 2rem;
127
+ --rarui-shape-border-radius-xl: 3rem;
128
+ --rarui-shape-border-radius-2xl: 4rem;
129
+ --rarui-shape-border-radius-pill: 31.25rem;
130
+ --rarui-shape-border-radius-button: 0.25rem;
131
+ --rarui-shape-border-radius-input: 0.25rem;
132
+ --rarui-shape-border-width-1: 0.0625rem;
133
+ --rarui-shape-border-width-2: 0.125rem;
134
+ --rarui-shape-border-width-3: 0.1875rem;
135
+ --rarui-shape-border-width-4: 1rem;
136
+ --rarui-shape-border-width-5: 1.25rem;
137
+ --rarui-spacing-4xs: 0.25rem;
138
+ --rarui-spacing-3xs: 0.5rem;
139
+ --rarui-spacing-2xs: 0.75rem;
140
+ --rarui-spacing-xs: 1rem;
141
+ --rarui-spacing-s: 1.5rem;
142
+ --rarui-spacing-md: 2rem;
143
+ --rarui-spacing-lg: 2.5rem;
144
+ --rarui-spacing-xl: 3rem;
145
+ --rarui-spacing-2xl: 3.5rem;
146
+ --rarui-spacing-3xl: 4rem;
147
+ --rarui-spacing-4xl: 5rem;
148
+ --rarui-spacing-5xl: 6rem;
149
+ --rarui-spacing-6xl: 7rem;
150
+ --rarui-spacing-7xl: 7.75rem;
151
+ --rarui-spacing-8xl: 9rem;
152
+ --rarui-zIndex-100: 100;
153
+ --rarui-zIndex-200: 200;
154
+ --rarui-zIndex-300: 300;
155
+ --rarui-zIndex-400: 400;
156
+ --rarui-zIndex-500: 500;
157
+ --rarui-zIndex-600: 600;
158
+ --rarui-zIndex-700: 700;
159
+ --rarui-zIndex-800: 800;
160
+ --rarui-zIndex-900: 900;
161
+ --rarui-breakpoint-xs: 0px;
162
+ --rarui-breakpoint-md: 768px;
163
+ --rarui-breakpoint-lg: 1200px;
164
+ --rarui-breakpoint-xl: 1400px;
165
+ }
package/dist/themes/globals.css.d.ts ADDED
@@ -0,0 +1,219 @@
1
+ declare const varsThemeBase: {
2
+ colors: {
3
+ surface: {
4
+ background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
+ "brand-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
+ "brand-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ "brand-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
+ "error-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
+ "error-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ "error-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ "info-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ "info-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ "info-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ "invert-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
+ "invert-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
+ overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
+ press: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ "success-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ "success-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ "success-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ "warning-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ "warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ "warning-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ };
37
+ content: {
38
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
+ "on-brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
+ "on-error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
+ "on-info": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
+ "on-success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ "on-warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ "warning-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
+ };
57
+ border: {
58
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ divider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
66
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
+ subdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
+ };
72
+ };
73
+ fontFamily: {
74
+ body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
75
+ heading: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
+ button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
77
+ };
78
+ fontSize: {
79
+ body: {
80
+ xxs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
81
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
85
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
+ };
87
+ heading: {
88
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
89
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
92
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
93
+ hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
94
+ };
95
+ button: {
96
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
97
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
98
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
99
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
100
+ };
101
+ label: {
102
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
103
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
104
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
105
+ };
106
+ };
107
+ fontWeight: {
108
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
+ semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
111
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
+ };
113
+ lineHeight: {
114
+ body: {
115
+ xxs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
118
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
119
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
+ };
122
+ heading: {
123
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
124
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
126
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
+ hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
129
+ };
130
+ button: {
131
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
132
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
133
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
+ };
135
+ label: {
136
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
137
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
138
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
139
+ };
140
+ };
141
+ elevation: {
142
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
143
+ top: {
144
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
145
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
146
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
+ };
150
+ bottom: {
151
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
+ };
157
+ "focus-ring": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
158
+ };
159
+ shape: {
160
+ border: {
161
+ radius: {
162
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
165
+ sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
166
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
167
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
168
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
+ pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
171
+ button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
+ input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
173
+ };
174
+ width: {
175
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
176
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
177
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
178
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
179
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
180
+ };
181
+ };
182
+ };
183
+ spacing: {
184
+ "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
185
+ "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
186
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
192
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
193
+ "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
194
+ "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
+ "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
+ "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
197
+ "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
198
+ "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
+ };
200
+ zIndex: {
201
+ 100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
+ 200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
203
+ 300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
+ 400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
+ 500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
+ 600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
207
+ 700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
208
+ 800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
209
+ 900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
210
+ };
211
+ breakpoint: {
212
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
213
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
215
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
216
+ };
217
+ };
218
+
219
+ export { varsThemeBase };
package/dist/themes/globals.css.js ADDED
@@ -0,0 +1 @@
1
+ import"./globals.css";var r={colors:{surface:{background:"var(--rarui-colors-surface-background)",brand:"var(--rarui-colors-surface-brand)","brand-hover":"var(--rarui-colors-surface-brand-hover)","brand-press":"var(--rarui-colors-surface-brand-press)","brand-subdued":"var(--rarui-colors-surface-brand-subdued)",disabled:"var(--rarui-colors-surface-disabled)",error:"var(--rarui-colors-surface-error)","error-hover":"var(--rarui-colors-surface-error-hover)","error-press":"var(--rarui-colors-surface-error-press)","error-subdued":"var(--rarui-colors-surface-error-subdued)",hover:"var(--rarui-colors-surface-hover)",info:"var(--rarui-colors-surface-info)","info-hover":"var(--rarui-colors-surface-info-hover)","info-press":"var(--rarui-colors-surface-info-press)","info-subdued":"var(--rarui-colors-surface-info-subdued)",invert:"var(--rarui-colors-surface-invert)","invert-disabled":"var(--rarui-colors-surface-invert-disabled)","invert-hover":"var(--rarui-colors-surface-invert-hover)","invert-press":"var(--rarui-colors-surface-invert-press)","invert-secondary":"var(--rarui-colors-surface-invert-secondary)",overlay:"var(--rarui-colors-surface-overlay)",press:"var(--rarui-colors-surface-press)",primary:"var(--rarui-colors-surface-primary)",secondary:"var(--rarui-colors-surface-secondary)",success:"var(--rarui-colors-surface-success)","success-hover":"var(--rarui-colors-surface-success-hover)","success-press":"var(--rarui-colors-surface-success-press)","success-subdued":"var(--rarui-colors-surface-success-subdued)",warning:"var(--rarui-colors-surface-warning)","warning-hover":"var(--rarui-colors-surface-warning-hover)","warning-press":"var(--rarui-colors-surface-warning-press)","warning-subdued":"var(--rarui-colors-surface-warning-subdued)"},content:{brand:"var(--rarui-colors-content-brand)","brand-alt":"var(--rarui-colors-content-brand-alt)",disabled:"var(--rarui-colors-content-disabled)",error:"var(--rarui-colors-content-error)",info:"var(--rarui-colors-content-info)",invert:"var(--rarui-colors-content-invert)","invert-disabled":"var(--rarui-colors-content-invert-disabled)","invert-secondary":"var(--rarui-colors-content-invert-secondary)","on-brand":"var(--rarui-colors-content-on-brand)","on-error":"var(--rarui-colors-content-on-error)","on-info":"var(--rarui-colors-content-on-info)","on-success":"var(--rarui-colors-content-on-success)","on-warning":"var(--rarui-colors-content-on-warning)",primary:"var(--rarui-colors-content-primary)",secondary:"var(--rarui-colors-content-secondary)",success:"var(--rarui-colors-content-success)",warning:"var(--rarui-colors-content-warning)","warning-alt":"var(--rarui-colors-content-warning-alt)"},border:{brand:"var(--rarui-colors-border-brand)","brand-alt":"var(--rarui-colors-border-brand-alt)",disabled:"var(--rarui-colors-border-disabled)",divider:"var(--rarui-colors-border-divider)",error:"var(--rarui-colors-border-error)",info:"var(--rarui-colors-border-info)",invert:"var(--rarui-colors-border-invert)","invert-disabled":"var(--rarui-colors-border-invert-disabled)",primary:"var(--rarui-colors-border-primary)",secondary:"var(--rarui-colors-border-secondary)",subdued:"var(--rarui-colors-border-subdued)",success:"var(--rarui-colors-border-success)",warning:"var(--rarui-colors-border-warning)"}},fontFamily:{body:"var(--rarui-fontFamily-body)",heading:"var(--rarui-fontFamily-heading)",button:"var(--rarui-fontFamily-button)"},fontSize:{body:{xxs:"var(--rarui-fontSize-body-xxs)",xs:"var(--rarui-fontSize-body-xs)",s:"var(--rarui-fontSize-body-s)",m:"var(--rarui-fontSize-body-m)",l:"var(--rarui-fontSize-body-l)",xl:"var(--rarui-fontSize-body-xl)"},heading:{xs:"var(--rarui-fontSize-heading-xs)",s:"var(--rarui-fontSize-heading-s)",m:"var(--rarui-fontSize-heading-m)",l:"var(--rarui-fontSize-heading-l)",xl:"var(--rarui-fontSize-heading-xl)",hero:"var(--rarui-fontSize-heading-hero)"},button:{xs:"var(--rarui-fontSize-button-xs)",s:"var(--rarui-fontSize-button-s)",m:"var(--rarui-fontSize-button-m)",l:"var(--rarui-fontSize-button-l)"},label:{s:"var(--rarui-fontSize-label-s)",m:"var(--rarui-fontSize-label-m)",l:"var(--rarui-fontSize-label-l)"}},fontWeight:{regular:"var(--rarui-fontWeight-regular)",medium:"var(--rarui-fontWeight-medium)",semiBold:"var(--rarui-fontWeight-semiBold)",bold:"var(--rarui-fontWeight-bold)"},lineHeight:{body:{xxs:"var(--rarui-lineHeight-body-xxs)",xs:"var(--rarui-lineHeight-body-xs)",s:"var(--rarui-lineHeight-body-s)",m:"var(--rarui-lineHeight-body-m)",l:"var(--rarui-lineHeight-body-l)",xl:"var(--rarui-lineHeight-body-xl)"},heading:{xs:"var(--rarui-lineHeight-heading-xs)",s:"var(--rarui-lineHeight-heading-s)",m:"var(--rarui-lineHeight-heading-m)",l:"var(--rarui-lineHeight-heading-l)",xl:"var(--rarui-lineHeight-heading-xl)",hero:"var(--rarui-lineHeight-heading-hero)"},button:{s:"var(--rarui-lineHeight-button-s)",m:"var(--rarui-lineHeight-button-m)",l:"var(--rarui-lineHeight-button-l)"},label:{s:"var(--rarui-lineHeight-label-s)",m:"var(--rarui-lineHeight-label-m)",l:"var(--rarui-lineHeight-label-l)"}},elevation:{none:"var(--rarui-elevation-none)",top:{1:"var(--rarui-elevation-top-1)",2:"var(--rarui-elevation-top-2)",3:"var(--rarui-elevation-top-3)",4:"var(--rarui-elevation-top-4)",5:"var(--rarui-elevation-top-5)"},bottom:{1:"var(--rarui-elevation-bottom-1)",2:"var(--rarui-elevation-bottom-2)",3:"var(--rarui-elevation-bottom-3)",4:"var(--rarui-elevation-bottom-4)",5:"var(--rarui-elevation-bottom-5)"},"focus-ring":"var(--rarui-elevation-focus-ring)"},shape:{border:{radius:{none:"var(--rarui-shape-border-radius-none)","2xs":"var(--rarui-shape-border-radius-2xs)",xs:"var(--rarui-shape-border-radius-xs)",sm:"var(--rarui-shape-border-radius-sm)",md:"var(--rarui-shape-border-radius-md)",lg:"var(--rarui-shape-border-radius-lg)",xl:"var(--rarui-shape-border-radius-xl)","2xl":"var(--rarui-shape-border-radius-2xl)",pill:"var(--rarui-shape-border-radius-pill)",button:"var(--rarui-shape-border-radius-button)",input:"var(--rarui-shape-border-radius-input)"},width:{1:"var(--rarui-shape-border-width-1)",2:"var(--rarui-shape-border-width-2)",3:"var(--rarui-shape-border-width-3)",4:"var(--rarui-shape-border-width-4)",5:"var(--rarui-shape-border-width-5)"}}},spacing:{"4xs":"var(--rarui-spacing-4xs)","3xs":"var(--rarui-spacing-3xs)","2xs":"var(--rarui-spacing-2xs)",xs:"var(--rarui-spacing-xs)",s:"var(--rarui-spacing-s)",md:"var(--rarui-spacing-md)",lg:"var(--rarui-spacing-lg)",xl:"var(--rarui-spacing-xl)","2xl":"var(--rarui-spacing-2xl)","3xl":"var(--rarui-spacing-3xl)","4xl":"var(--rarui-spacing-4xl)","5xl":"var(--rarui-spacing-5xl)","6xl":"var(--rarui-spacing-6xl)","7xl":"var(--rarui-spacing-7xl)","8xl":"var(--rarui-spacing-8xl)"},zIndex:{100:"var(--rarui-zIndex-100)",200:"var(--rarui-zIndex-200)",300:"var(--rarui-zIndex-300)",400:"var(--rarui-zIndex-400)",500:"var(--rarui-zIndex-500)",600:"var(--rarui-zIndex-600)",700:"var(--rarui-zIndex-700)",800:"var(--rarui-zIndex-800)",900:"var(--rarui-zIndex-900)"},breakpoint:{xs:"var(--rarui-breakpoint-xs)",md:"var(--rarui-breakpoint-md)",lg:"var(--rarui-breakpoint-lg)",xl:"var(--rarui-breakpoint-xl)"}};export{r as varsThemeBase};
package/dist/themes/rarui-theme-dark.css ADDED
@@ -0,0 +1,165 @@
1
+ .rarui-theme-dark_variables__t1161z0 {
2
+ --rarui-colors-surface-background: rgba(24, 26, 27, 1);
3
+ --rarui-colors-surface-brand: rgba(2, 138, 202, 1);
4
+ --rarui-colors-surface-brand-hover: rgba(3, 174, 252, .10);
5
+ --rarui-colors-surface-brand-press: rgba(3, 174, 252, .20);
6
+ --rarui-colors-surface-brand-subdued: rgba(3, 174, 252, .10);
7
+ --rarui-colors-surface-disabled: rgba(61, 65, 67, 1);
8
+ --rarui-colors-surface-error: rgba(255, 102, 107, 1);
9
+ --rarui-colors-surface-error-hover: rgba(220, 42, 35, .10);
10
+ --rarui-colors-surface-error-press: rgba(220, 42, 35, .20);
11
+ --rarui-colors-surface-error-subdued: rgba(220, 42, 35, .10);
12
+ --rarui-colors-surface-hover: rgba(255, 255, 255, 0.1);
13
+ --rarui-colors-surface-info: rgba(104, 206, 253, 1);
14
+ --rarui-colors-surface-info-hover: rgba(3, 174, 252, .10);
15
+ --rarui-colors-surface-info-press: rgba(3, 174, 252, .20);
16
+ --rarui-colors-surface-info-subdued: rgba(3, 174, 252, .10);
17
+ --rarui-colors-surface-invert: rgba(255, 255, 255, 1);
18
+ --rarui-colors-surface-invert-disabled: rgba(202, 204, 206, 1);
19
+ --rarui-colors-surface-invert-hover: rgba(0, 0, 0, 0.1);
20
+ --rarui-colors-surface-invert-press: rgba(0, 0, 0, 0.2);
21
+ --rarui-colors-surface-invert-secondary: rgba(228, 230, 231, 1);
22
+ --rarui-colors-surface-overlay: rgba(0, 0, 0, 0.65);
23
+ --rarui-colors-surface-press: rgba(255, 255, 255, 0.2);
24
+ --rarui-colors-surface-primary: rgba(12, 13, 13, 1);
25
+ --rarui-colors-surface-secondary: rgba(39, 41, 43, 1);
26
+ --rarui-colors-surface-success: rgba(98, 192, 115, 1);
27
+ --rarui-colors-surface-success-hover: rgba(26, 147, 56, .10);
28
+ --rarui-colors-surface-success-press: rgba(26, 147, 56, .20);
29
+ --rarui-colors-surface-success-subdued: rgba(26, 147, 56, .10);
30
+ --rarui-colors-surface-warning: rgba(255, 187, 92, 1);
31
+ --rarui-colors-surface-warning-hover: rgba(231, 157, 19, .10);
32
+ --rarui-colors-surface-warning-press: rgba(231, 157, 19, .20);
33
+ --rarui-colors-surface-warning-subdued: rgba(231, 157, 19, .10);
34
+ --rarui-colors-content-brand: rgba(104, 206, 253, 1);
35
+ --rarui-colors-content-brand-alt: rgba(153, 222, 254, 1);
36
+ --rarui-colors-content-disabled: rgba(255, 255, 255, 0.3);
37
+ --rarui-colors-content-error: rgba(255, 102, 107, 1);
38
+ --rarui-colors-content-info: rgba(104, 206, 253, 1);
39
+ --rarui-colors-content-invert: rgba(0, 0, 0, 1);
40
+ --rarui-colors-content-invert-disabled: rgba(0, 0, 0, 0.3);
41
+ --rarui-colors-content-invert-secondary: rgba(0, 0, 0, 0.6);
42
+ --rarui-colors-content-on-brand: rgba(245, 252, 255, 1);
43
+ --rarui-colors-content-on-error: rgba(35, 16, 17, 1);
44
+ --rarui-colors-content-on-info: rgba(1, 52, 76, 1);
45
+ --rarui-colors-content-on-success: rgba(15, 46, 24, 1);
46
+ --rarui-colors-content-on-warning: rgba(51, 27, 0, 1);
47
+ --rarui-colors-content-primary: rgba(242, 242, 243, 1);
48
+ --rarui-colors-content-secondary: rgba(175, 179, 182, 1);
49
+ --rarui-colors-content-success: rgba(139, 244, 166, 1);
50
+ --rarui-colors-content-warning: rgba(255, 176, 66, 1);
51
+ --rarui-colors-content-warning-alt: rgba(231, 157, 19, 1);
52
+ --rarui-colors-border-brand: rgba(2, 138, 202, 1);
53
+ --rarui-colors-border-brand-alt: rgba(53, 189, 253, 1);
54
+ --rarui-colors-border-disabled: rgba(255, 255, 255, 0.1);
55
+ --rarui-colors-border-divider: rgba(255, 255, 255, 0.15);
56
+ --rarui-colors-border-error: rgba(163, 41, 47, 1);
57
+ --rarui-colors-border-info: rgba(2, 138, 202, 1);
58
+ --rarui-colors-border-invert: rgba(0, 0, 0, 0.2);
59
+ --rarui-colors-border-invert-disabled: rgba(0, 0, 0, 0.05);
60
+ --rarui-colors-border-primary: rgba(255, 255, 255, 0.5);
61
+ --rarui-colors-border-secondary: rgba(255, 255, 255, 0.3);
62
+ --rarui-colors-border-subdued: rgba(255, 255, 255, 0.15);
63
+ --rarui-colors-border-success: rgba(26, 147, 56, 1);
64
+ --rarui-colors-border-warning: rgba(134, 96, 0, 1);
65
+ --rarui-fontFamily-body: Inter, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', arial, sans-serif;
66
+ --rarui-fontFamily-heading: Inter, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', arial, sans-serif;
67
+ --rarui-fontFamily-button: Inter, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', arial, sans-serif;
68
+ --rarui-fontSize-body-xxs: 0.6875rem;
69
+ --rarui-fontSize-body-xs: 0.75rem;
70
+ --rarui-fontSize-body-s: 0.875rem;
71
+ --rarui-fontSize-body-m: 1rem;
72
+ --rarui-fontSize-body-l: 1.125rem;
73
+ --rarui-fontSize-body-xl: 1.5rem;
74
+ --rarui-fontSize-heading-xs: 1.25rem;
75
+ --rarui-fontSize-heading-s: 1.5rem;
76
+ --rarui-fontSize-heading-m: 1.75rem;
77
+ --rarui-fontSize-heading-l: 2.375rem;
78
+ --rarui-fontSize-heading-xl: 2.875rem;
79
+ --rarui-fontSize-heading-hero: 4.25rem;
80
+ --rarui-fontSize-button-xs: 0.75rem;
81
+ --rarui-fontSize-button-s: 0.875rem;
82
+ --rarui-fontSize-button-m: 0.9375rem;
83
+ --rarui-fontSize-button-l: 1rem;
84
+ --rarui-fontSize-label-s: 0.75rem;
85
+ --rarui-fontSize-label-m: 0.875rem;
86
+ --rarui-fontSize-label-l: 1rem;
87
+ --rarui-fontWeight-regular: 400;
88
+ --rarui-fontWeight-medium: 500;
89
+ --rarui-fontWeight-semiBold: 600;
90
+ --rarui-fontWeight-bold: 700;
91
+ --rarui-lineHeight-body-xxs: 0.875rem;
92
+ --rarui-lineHeight-body-xs: 1rem;
93
+ --rarui-lineHeight-body-s: 1.25rem;
94
+ --rarui-lineHeight-body-m: 1.5rem;
95
+ --rarui-lineHeight-body-l: 1.75rem;
96
+ --rarui-lineHeight-body-xl: 2rem;
97
+ --rarui-lineHeight-heading-xs: 1.5rem;
98
+ --rarui-lineHeight-heading-s: 1.75rem;
99
+ --rarui-lineHeight-heading-m: 2rem;
100
+ --rarui-lineHeight-heading-l: 2.75rem;
101
+ --rarui-lineHeight-heading-xl: 3.5rem;
102
+ --rarui-lineHeight-heading-hero: 4.375rem;
103
+ --rarui-lineHeight-button-s: normal;
104
+ --rarui-lineHeight-button-m: normal;
105
+ --rarui-lineHeight-button-l: normal;
106
+ --rarui-lineHeight-label-s: normal;
107
+ --rarui-lineHeight-label-m: normal;
108
+ --rarui-lineHeight-label-l: normal;
109
+ --rarui-elevation-none: none;
110
+ --rarui-elevation-top-1: 0px -1px 2px 0px rgba(60, 81, 93, 0.40);
111
+ --rarui-elevation-top-2: 0px -4px 8px 0px rgba(60, 81, 93, 0.40);
112
+ --rarui-elevation-top-3: 0px -8px 16px 0px rgba(60, 81, 93, 0.40);
113
+ --rarui-elevation-top-4: 0px -16px 32px 0px rgba(60, 81, 93, 0.40);
114
+ --rarui-elevation-top-5: 0px -24px 64px 0px rgba(60, 81, 93, 0.40);
115
+ --rarui-elevation-bottom-1: 0px 1px 2px 0px rgba(60, 81, 93, 0.40);
116
+ --rarui-elevation-bottom-2: 0px 4px 8px 0px rgba(60, 81, 93, 0.40);
117
+ --rarui-elevation-bottom-3: 0px 8px 16px 0px rgba(60, 81, 93, 0.40);
118
+ --rarui-elevation-bottom-4: 0px 16px 32px 0px rgba(60, 81, 93, 0.40);
119
+ --rarui-elevation-bottom-5: 0px 24px 64px 0px rgba(60, 81, 93, 0.40);
120
+ --rarui-elevation-focus-ring: 0px 0px 0px 2px rgba(3, 174, 252, .20);
121
+ --rarui-shape-border-radius-none: 0;
122
+ --rarui-shape-border-radius-2xs: 0.25rem;
123
+ --rarui-shape-border-radius-xs: 0.5rem;
124
+ --rarui-shape-border-radius-sm: 1rem;
125
+ --rarui-shape-border-radius-md: 1.5rem;
126
+ --rarui-shape-border-radius-lg: 2rem;
127
+ --rarui-shape-border-radius-xl: 3rem;
128
+ --rarui-shape-border-radius-2xl: 4rem;
129
+ --rarui-shape-border-radius-pill: 31.25rem;
130
+ --rarui-shape-border-radius-button: 0.25rem;
131
+ --rarui-shape-border-radius-input: 0.25rem;
132
+ --rarui-shape-border-width-1: 0.0625rem;
133
+ --rarui-shape-border-width-2: 0.125rem;
134
+ --rarui-shape-border-width-3: 0.1875rem;
135
+ --rarui-shape-border-width-4: 1rem;
136
+ --rarui-shape-border-width-5: 1.25rem;
137
+ --rarui-spacing-4xs: 0.25rem;
138
+ --rarui-spacing-3xs: 0.5rem;
139
+ --rarui-spacing-2xs: 0.75rem;
140
+ --rarui-spacing-xs: 1rem;
141
+ --rarui-spacing-s: 1.5rem;
142
+ --rarui-spacing-md: 2rem;
143
+ --rarui-spacing-lg: 2.5rem;
144
+ --rarui-spacing-xl: 3rem;
145
+ --rarui-spacing-2xl: 3.5rem;
146
+ --rarui-spacing-3xl: 4rem;
147
+ --rarui-spacing-4xl: 5rem;
148
+ --rarui-spacing-5xl: 6rem;
149
+ --rarui-spacing-6xl: 7rem;
150
+ --rarui-spacing-7xl: 7.75rem;
151
+ --rarui-spacing-8xl: 9rem;
152
+ --rarui-zIndex-100: 100;
153
+ --rarui-zIndex-200: 200;
154
+ --rarui-zIndex-300: 300;
155
+ --rarui-zIndex-400: 400;
156
+ --rarui-zIndex-500: 500;
157
+ --rarui-zIndex-600: 600;
158
+ --rarui-zIndex-700: 700;
159
+ --rarui-zIndex-800: 800;
160
+ --rarui-zIndex-900: 900;
161
+ --rarui-breakpoint-xs: 0px;
162
+ --rarui-breakpoint-md: 768px;
163
+ --rarui-breakpoint-lg: 1200px;
164
+ --rarui-breakpoint-xl: 1400px;
165
+ }
package/dist/themes/rarui-theme-dark.css.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ declare const variables: string;
2
+
3
+ export { variables as default, variables };
package/dist/themes/rarui-theme-dark.css.js ADDED
@@ -0,0 +1 @@
1
+ import"./globals.css";import"./rarui-theme-dark.css";var r="rarui-theme-dark_variables__t1161z0";export{r as variables};