@once-ui-system/core 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (580) hide show
  1. package/.eslintrc.json +3 -0
  2. package/LICENSE +21 -0
  3. package/README.md +66 -0
  4. package/USAGE.md +55 -0
  5. package/dist/README.md +66 -0
  6. package/dist/components/Accordion.d.ts +21 -0
  7. package/dist/components/Accordion.d.ts.map +1 -0
  8. package/dist/components/Accordion.js +57 -0
  9. package/dist/components/Accordion.js.map +1 -0
  10. package/dist/components/Accordion.module.scss +5 -0
  11. package/dist/components/AccordionGroup.d.ts +15 -0
  12. package/dist/components/AccordionGroup.d.ts.map +1 -0
  13. package/dist/components/AccordionGroup.js +30 -0
  14. package/dist/components/AccordionGroup.js.map +1 -0
  15. package/dist/components/Arrow.d.ts +11 -0
  16. package/dist/components/Arrow.d.ts.map +1 -0
  17. package/dist/components/Arrow.js +50 -0
  18. package/dist/components/Arrow.js.map +1 -0
  19. package/dist/components/Arrow.module.scss +39 -0
  20. package/dist/components/AutoScroll.d.ts +12 -0
  21. package/dist/components/AutoScroll.d.ts.map +1 -0
  22. package/dist/components/AutoScroll.js +29 -0
  23. package/dist/components/AutoScroll.js.map +1 -0
  24. package/dist/components/AutoScroll.module.scss +38 -0
  25. package/dist/components/Avatar.d.ts +18 -0
  26. package/dist/components/Avatar.d.ts.map +1 -0
  27. package/dist/components/Avatar.js +65 -0
  28. package/dist/components/Avatar.js.map +1 -0
  29. package/dist/components/Avatar.module.scss +56 -0
  30. package/dist/components/AvatarGroup.d.ts +14 -0
  31. package/dist/components/AvatarGroup.d.ts.map +1 -0
  32. package/dist/components/AvatarGroup.js +32 -0
  33. package/dist/components/AvatarGroup.js.map +1 -0
  34. package/dist/components/AvatarGroup.module.scss +11 -0
  35. package/dist/components/Background.d.ts +49 -0
  36. package/dist/components/Background.d.ts.map +1 -0
  37. package/dist/components/Background.js +86 -0
  38. package/dist/components/Background.js.map +1 -0
  39. package/dist/components/Background.module.scss +23 -0
  40. package/dist/components/Badge.d.ts +17 -0
  41. package/dist/components/Badge.d.ts.map +1 -0
  42. package/dist/components/Badge.js +69 -0
  43. package/dist/components/Badge.js.map +1 -0
  44. package/dist/components/Badge.module.scss +67 -0
  45. package/dist/components/Banner.d.ts +6 -0
  46. package/dist/components/Banner.d.ts.map +1 -0
  47. package/dist/components/Banner.js +24 -0
  48. package/dist/components/Banner.js.map +1 -0
  49. package/dist/components/Button.d.ts +25 -0
  50. package/dist/components/Button.d.ts.map +1 -0
  51. package/dist/components/Button.js +43 -0
  52. package/dist/components/Button.js.map +1 -0
  53. package/dist/components/Button.module.scss +109 -0
  54. package/dist/components/Card.d.ts +10 -0
  55. package/dist/components/Card.d.ts.map +1 -0
  56. package/dist/components/Card.js +31 -0
  57. package/dist/components/Card.js.map +1 -0
  58. package/dist/components/Card.module.scss +5 -0
  59. package/dist/components/Carousel.d.ts +15 -0
  60. package/dist/components/Carousel.d.ts.map +1 -0
  61. package/dist/components/Carousel.js +81 -0
  62. package/dist/components/Carousel.js.map +1 -0
  63. package/dist/components/Checkbox.d.ts +11 -0
  64. package/dist/components/Checkbox.d.ts.map +1 -0
  65. package/dist/components/Checkbox.js +74 -0
  66. package/dist/components/Checkbox.js.map +1 -0
  67. package/dist/components/Chip.d.ts +17 -0
  68. package/dist/components/Chip.d.ts.map +1 -0
  69. package/dist/components/Chip.js +58 -0
  70. package/dist/components/Chip.js.map +1 -0
  71. package/dist/components/Chip.module.scss +39 -0
  72. package/dist/components/ColorInput.d.ts +9 -0
  73. package/dist/components/ColorInput.d.ts.map +1 -0
  74. package/dist/components/ColorInput.js +59 -0
  75. package/dist/components/ColorInput.js.map +1 -0
  76. package/dist/components/Column.d.ts +7 -0
  77. package/dist/components/Column.d.ts.map +1 -0
  78. package/dist/components/Column.js +25 -0
  79. package/dist/components/Column.js.map +1 -0
  80. package/dist/components/CompareImage.d.ts +15 -0
  81. package/dist/components/CompareImage.d.ts.map +1 -0
  82. package/dist/components/CompareImage.js +76 -0
  83. package/dist/components/CompareImage.js.map +1 -0
  84. package/dist/components/CompareImage.module.scss +14 -0
  85. package/dist/components/CursorCard.d.ts +13 -0
  86. package/dist/components/CursorCard.d.ts.map +1 -0
  87. package/dist/components/CursorCard.js +77 -0
  88. package/dist/components/CursorCard.js.map +1 -0
  89. package/dist/components/CursorCard.module.scss +12 -0
  90. package/dist/components/DateInput.d.ts +16 -0
  91. package/dist/components/DateInput.d.ts.map +1 -0
  92. package/dist/components/DateInput.js +53 -0
  93. package/dist/components/DateInput.js.map +1 -0
  94. package/dist/components/DatePicker.d.ts +30 -0
  95. package/dist/components/DatePicker.d.ts.map +1 -0
  96. package/dist/components/DatePicker.js +222 -0
  97. package/dist/components/DatePicker.js.map +1 -0
  98. package/dist/components/DatePicker.module.scss +194 -0
  99. package/dist/components/DateRangeInput.d.ts +15 -0
  100. package/dist/components/DateRangeInput.d.ts.map +1 -0
  101. package/dist/components/DateRangeInput.js +60 -0
  102. package/dist/components/DateRangeInput.js.map +1 -0
  103. package/dist/components/DateRangePicker.d.ts +17 -0
  104. package/dist/components/DateRangePicker.d.ts.map +1 -0
  105. package/dist/components/DateRangePicker.js +93 -0
  106. package/dist/components/DateRangePicker.js.map +1 -0
  107. package/dist/components/Dialog.d.ts +20 -0
  108. package/dist/components/Dialog.d.ts.map +1 -0
  109. package/dist/components/Dialog.js +229 -0
  110. package/dist/components/Dialog.js.map +1 -0
  111. package/dist/components/Dialog.module.scss +31 -0
  112. package/dist/components/Dropdown.d.ts +12 -0
  113. package/dist/components/Dropdown.d.ts.map +1 -0
  114. package/dist/components/Dropdown.js +31 -0
  115. package/dist/components/Dropdown.js.map +1 -0
  116. package/dist/components/DropdownWrapper.d.ts +21 -0
  117. package/dist/components/DropdownWrapper.d.ts.map +1 -0
  118. package/dist/components/DropdownWrapper.js +191 -0
  119. package/dist/components/DropdownWrapper.js.map +1 -0
  120. package/dist/components/DropdownWrapper.module.scss +15 -0
  121. package/dist/components/ElementType.d.ts +13 -0
  122. package/dist/components/ElementType.d.ts.map +1 -0
  123. package/dist/components/ElementType.js +39 -0
  124. package/dist/components/ElementType.js.map +1 -0
  125. package/dist/components/Fade.d.ts +19 -0
  126. package/dist/components/Fade.d.ts.map +1 -0
  127. package/dist/components/Fade.js +56 -0
  128. package/dist/components/Fade.js.map +1 -0
  129. package/dist/components/Fade.module.scss +6 -0
  130. package/dist/components/Feedback.d.ts +16 -0
  131. package/dist/components/Feedback.d.ts.map +1 -0
  132. package/dist/components/Feedback.js +31 -0
  133. package/dist/components/Feedback.js.map +1 -0
  134. package/dist/components/Flex.d.ts +6 -0
  135. package/dist/components/Flex.d.ts.map +1 -0
  136. package/dist/components/Flex.js +113 -0
  137. package/dist/components/Flex.js.map +1 -0
  138. package/dist/components/FlipFx.d.ts +17 -0
  139. package/dist/components/FlipFx.d.ts.map +1 -0
  140. package/dist/components/FlipFx.js +84 -0
  141. package/dist/components/FlipFx.js.map +1 -0
  142. package/dist/components/GlitchFx.d.ts +12 -0
  143. package/dist/components/GlitchFx.d.ts.map +1 -0
  144. package/dist/components/GlitchFx.js +59 -0
  145. package/dist/components/GlitchFx.js.map +1 -0
  146. package/dist/components/GlitchFx.module.scss +92 -0
  147. package/dist/components/Grid.d.ts +8 -0
  148. package/dist/components/Grid.d.ts.map +1 -0
  149. package/dist/components/Grid.js +81 -0
  150. package/dist/components/Grid.js.map +1 -0
  151. package/dist/components/Heading.d.ts +9 -0
  152. package/dist/components/Heading.d.ts.map +1 -0
  153. package/dist/components/Heading.js +54 -0
  154. package/dist/components/Heading.js.map +1 -0
  155. package/dist/components/HoloFx.d.ts +31 -0
  156. package/dist/components/HoloFx.d.ts.map +1 -0
  157. package/dist/components/HoloFx.js +84 -0
  158. package/dist/components/HoloFx.js.map +1 -0
  159. package/dist/components/HoloFx.module.scss +32 -0
  160. package/dist/components/Icon.d.ts +18 -0
  161. package/dist/components/Icon.d.ts.map +1 -0
  162. package/dist/components/Icon.js +64 -0
  163. package/dist/components/Icon.js.map +1 -0
  164. package/dist/components/Icon.module.scss +19 -0
  165. package/dist/components/IconButton.d.ts +20 -0
  166. package/dist/components/IconButton.d.ts.map +1 -0
  167. package/dist/components/IconButton.js +52 -0
  168. package/dist/components/IconButton.js.map +1 -0
  169. package/dist/components/IconButton.module.scss +44 -0
  170. package/dist/components/InfiniteScroll.d.ts +13 -0
  171. package/dist/components/InfiniteScroll.d.ts.map +1 -0
  172. package/dist/components/InfiniteScroll.js +109 -0
  173. package/dist/components/InfiniteScroll.js.map +1 -0
  174. package/dist/components/InlineCode.d.ts +10 -0
  175. package/dist/components/InlineCode.d.ts.map +1 -0
  176. package/dist/components/InlineCode.js +30 -0
  177. package/dist/components/InlineCode.js.map +1 -0
  178. package/dist/components/InlineCode.module.scss +5 -0
  179. package/dist/components/Input.d.ts +21 -0
  180. package/dist/components/Input.d.ts.map +1 -0
  181. package/dist/components/Input.js +93 -0
  182. package/dist/components/Input.js.map +1 -0
  183. package/dist/components/Input.module.scss +144 -0
  184. package/dist/components/InteractiveDetails.d.ts +15 -0
  185. package/dist/components/InteractiveDetails.d.ts.map +1 -0
  186. package/dist/components/InteractiveDetails.js +13 -0
  187. package/dist/components/InteractiveDetails.js.map +1 -0
  188. package/dist/components/Kbd.d.ts +12 -0
  189. package/dist/components/Kbd.d.ts.map +1 -0
  190. package/dist/components/Kbd.js +25 -0
  191. package/dist/components/Kbd.js.map +1 -0
  192. package/dist/components/LetterFx.d.ts +13 -0
  193. package/dist/components/LetterFx.d.ts.map +1 -0
  194. package/dist/components/LetterFx.js +86 -0
  195. package/dist/components/LetterFx.js.map +1 -0
  196. package/dist/components/Line.d.ts +9 -0
  197. package/dist/components/Line.d.ts.map +1 -0
  198. package/dist/components/Line.js +25 -0
  199. package/dist/components/Line.js.map +1 -0
  200. package/dist/components/Logo.d.ts +12 -0
  201. package/dist/components/Logo.d.ts.map +1 -0
  202. package/dist/components/Logo.js +53 -0
  203. package/dist/components/Logo.js.map +1 -0
  204. package/dist/components/LogoCloud.d.ts +14 -0
  205. package/dist/components/LogoCloud.d.ts.map +1 -0
  206. package/dist/components/LogoCloud.js +53 -0
  207. package/dist/components/LogoCloud.js.map +1 -0
  208. package/dist/components/LogoCloud.module.scss +42 -0
  209. package/dist/components/Mask.d.ts +14 -0
  210. package/dist/components/Mask.d.ts.map +1 -0
  211. package/dist/components/Mask.js +98 -0
  212. package/dist/components/Mask.js.map +1 -0
  213. package/dist/components/Mask.module.scss +8 -0
  214. package/dist/components/Media.d.ts +17 -0
  215. package/dist/components/Media.d.ts.map +1 -0
  216. package/dist/components/Media.js +115 -0
  217. package/dist/components/Media.js.map +1 -0
  218. package/dist/components/NavIcon.d.ts +11 -0
  219. package/dist/components/NavIcon.d.ts.map +1 -0
  220. package/dist/components/NavIcon.js +29 -0
  221. package/dist/components/NavIcon.js.map +1 -0
  222. package/dist/components/NavIcon.module.scss +25 -0
  223. package/dist/components/NumberInput.d.ts +13 -0
  224. package/dist/components/NumberInput.d.ts.map +1 -0
  225. package/dist/components/NumberInput.js +63 -0
  226. package/dist/components/NumberInput.js.map +1 -0
  227. package/dist/components/NumberInput.module.scss +18 -0
  228. package/dist/components/OTPInput.d.ts +13 -0
  229. package/dist/components/OTPInput.d.ts.map +1 -0
  230. package/dist/components/OTPInput.js +92 -0
  231. package/dist/components/OTPInput.js.map +1 -0
  232. package/dist/components/OTPInput.module.scss +26 -0
  233. package/dist/components/OgCard.d.ts +33 -0
  234. package/dist/components/OgCard.d.ts.map +1 -0
  235. package/dist/components/OgCard.js +78 -0
  236. package/dist/components/OgCard.js.map +1 -0
  237. package/dist/components/Option.d.ts +19 -0
  238. package/dist/components/Option.d.ts.map +1 -0
  239. package/dist/components/Option.js +43 -0
  240. package/dist/components/Option.js.map +1 -0
  241. package/dist/components/Option.module.scss +32 -0
  242. package/dist/components/Particle.d.ts +20 -0
  243. package/dist/components/Particle.d.ts.map +1 -0
  244. package/dist/components/Particle.js +168 -0
  245. package/dist/components/Particle.js.map +1 -0
  246. package/dist/components/PasswordInput.d.ts +4 -0
  247. package/dist/components/PasswordInput.d.ts.map +1 -0
  248. package/dist/components/PasswordInput.js +15 -0
  249. package/dist/components/PasswordInput.js.map +1 -0
  250. package/dist/components/RadioButton.d.ts +15 -0
  251. package/dist/components/RadioButton.d.ts.map +1 -0
  252. package/dist/components/RadioButton.js +63 -0
  253. package/dist/components/RadioButton.js.map +1 -0
  254. package/dist/components/RevealFx.d.ts +16 -0
  255. package/dist/components/RevealFx.d.ts.map +1 -0
  256. package/dist/components/RevealFx.js +94 -0
  257. package/dist/components/RevealFx.js.map +1 -0
  258. package/dist/components/RevealFx.module.scss +27 -0
  259. package/dist/components/Row.d.ts +7 -0
  260. package/dist/components/Row.d.ts.map +1 -0
  261. package/dist/components/Row.js +25 -0
  262. package/dist/components/Row.js.map +1 -0
  263. package/dist/components/ScrollToTop.d.ts +7 -0
  264. package/dist/components/ScrollToTop.d.ts.map +1 -0
  265. package/dist/components/ScrollToTop.js +43 -0
  266. package/dist/components/ScrollToTop.js.map +1 -0
  267. package/dist/components/ScrollToTop.module.scss +11 -0
  268. package/dist/components/Scroller.d.ts +12 -0
  269. package/dist/components/Scroller.d.ts.map +1 -0
  270. package/dist/components/Scroller.js +147 -0
  271. package/dist/components/Scroller.js.map +1 -0
  272. package/dist/components/Scroller.module.scss +20 -0
  273. package/dist/components/SegmentedControl.d.ts +17 -0
  274. package/dist/components/SegmentedControl.d.ts.map +1 -0
  275. package/dist/components/SegmentedControl.js +87 -0
  276. package/dist/components/SegmentedControl.js.map +1 -0
  277. package/dist/components/Select.d.ts +17 -0
  278. package/dist/components/Select.d.ts.map +1 -0
  279. package/dist/components/Select.js +148 -0
  280. package/dist/components/Select.js.map +1 -0
  281. package/dist/components/SharedInteractiveStyles.module.scss +91 -0
  282. package/dist/components/Skeleton.d.ts +13 -0
  283. package/dist/components/Skeleton.d.ts.map +1 -0
  284. package/dist/components/Skeleton.js +30 -0
  285. package/dist/components/Skeleton.js.map +1 -0
  286. package/dist/components/Skeleton.module.scss +120 -0
  287. package/dist/components/SmartLink.d.ts +18 -0
  288. package/dist/components/SmartLink.d.ts.map +1 -0
  289. package/dist/components/SmartLink.js +42 -0
  290. package/dist/components/SmartLink.js.map +1 -0
  291. package/dist/components/Spinner.d.ts +11 -0
  292. package/dist/components/Spinner.d.ts.map +1 -0
  293. package/dist/components/Spinner.js +29 -0
  294. package/dist/components/Spinner.js.map +1 -0
  295. package/dist/components/Spinner.module.scss +71 -0
  296. package/dist/components/StatusIndicator.d.ts +12 -0
  297. package/dist/components/StatusIndicator.d.ts.map +1 -0
  298. package/dist/components/StatusIndicator.js +30 -0
  299. package/dist/components/StatusIndicator.js.map +1 -0
  300. package/dist/components/StatusIndicator.module.scss +72 -0
  301. package/dist/components/StyleOverlay.d.ts +8 -0
  302. package/dist/components/StyleOverlay.d.ts.map +1 -0
  303. package/dist/components/StyleOverlay.js +35 -0
  304. package/dist/components/StyleOverlay.js.map +1 -0
  305. package/dist/components/StyleOverlay.module.scss +18 -0
  306. package/dist/components/StylePanel.d.ts +8 -0
  307. package/dist/components/StylePanel.d.ts.map +1 -0
  308. package/dist/components/StylePanel.js +210 -0
  309. package/dist/components/StylePanel.js.map +1 -0
  310. package/dist/components/StylePanel.module.scss +112 -0
  311. package/dist/components/Switch.d.ts +17 -0
  312. package/dist/components/Switch.d.ts.map +1 -0
  313. package/dist/components/Switch.js +51 -0
  314. package/dist/components/Switch.js.map +1 -0
  315. package/dist/components/Switch.module.scss +102 -0
  316. package/dist/components/Table.d.ts +16 -0
  317. package/dist/components/Table.d.ts.map +1 -0
  318. package/dist/components/Table.js +65 -0
  319. package/dist/components/Table.js.map +1 -0
  320. package/dist/components/Table.module.scss +5 -0
  321. package/dist/components/Tag.d.ts +15 -0
  322. package/dist/components/Tag.d.ts.map +1 -0
  323. package/dist/components/Tag.js +31 -0
  324. package/dist/components/Tag.js.map +1 -0
  325. package/dist/components/Tag.module.scss +65 -0
  326. package/dist/components/TagInput.d.ts +10 -0
  327. package/dist/components/TagInput.d.ts.map +1 -0
  328. package/dist/components/TagInput.js +51 -0
  329. package/dist/components/TagInput.js.map +1 -0
  330. package/dist/components/Text.d.ts +9 -0
  331. package/dist/components/Text.d.ts.map +1 -0
  332. package/dist/components/Text.js +54 -0
  333. package/dist/components/Text.js.map +1 -0
  334. package/dist/components/Textarea.d.ts +20 -0
  335. package/dist/components/Textarea.d.ts.map +1 -0
  336. package/dist/components/Textarea.js +142 -0
  337. package/dist/components/Textarea.js.map +1 -0
  338. package/dist/components/ThemeSwitcher.d.ts +4 -0
  339. package/dist/components/ThemeSwitcher.d.ts.map +1 -0
  340. package/dist/components/ThemeSwitcher.js +15 -0
  341. package/dist/components/ThemeSwitcher.js.map +1 -0
  342. package/dist/components/TiltFx.d.ts +8 -0
  343. package/dist/components/TiltFx.d.ts.map +1 -0
  344. package/dist/components/TiltFx.js +67 -0
  345. package/dist/components/TiltFx.js.map +1 -0
  346. package/dist/components/TiltFx.module.scss +11 -0
  347. package/dist/components/Toast.d.ts +12 -0
  348. package/dist/components/Toast.d.ts.map +1 -0
  349. package/dist/components/Toast.js +35 -0
  350. package/dist/components/Toast.js.map +1 -0
  351. package/dist/components/Toast.module.scss +11 -0
  352. package/dist/components/Toaster.d.ts +13 -0
  353. package/dist/components/Toaster.d.ts.map +1 -0
  354. package/dist/components/Toaster.js +29 -0
  355. package/dist/components/Toaster.js.map +1 -0
  356. package/dist/components/Toaster.module.scss +25 -0
  357. package/dist/components/ToggleButton.d.ts +23 -0
  358. package/dist/components/ToggleButton.d.ts.map +1 -0
  359. package/dist/components/ToggleButton.js +38 -0
  360. package/dist/components/ToggleButton.js.map +1 -0
  361. package/dist/components/ToggleButton.module.scss +56 -0
  362. package/dist/components/Tooltip.d.ts +13 -0
  363. package/dist/components/Tooltip.d.ts.map +1 -0
  364. package/dist/components/Tooltip.js +29 -0
  365. package/dist/components/Tooltip.js.map +1 -0
  366. package/dist/components/User.d.ts +16 -0
  367. package/dist/components/User.d.ts.map +1 -0
  368. package/dist/components/User.js +30 -0
  369. package/dist/components/User.js.map +1 -0
  370. package/dist/components/UserMenu.d.ts +13 -0
  371. package/dist/components/UserMenu.d.ts.map +1 -0
  372. package/dist/components/UserMenu.js +31 -0
  373. package/dist/components/UserMenu.js.map +1 -0
  374. package/dist/components/UserMenu.module.scss +14 -0
  375. package/dist/components/index.d.ts +82 -0
  376. package/dist/components/index.d.ts.map +1 -0
  377. package/dist/components/index.js +98 -0
  378. package/dist/components/index.js.map +1 -0
  379. package/dist/contexts/DataThemeProvider.d.ts +29 -0
  380. package/dist/contexts/DataThemeProvider.d.ts.map +1 -0
  381. package/dist/contexts/DataThemeProvider.js +94 -0
  382. package/dist/contexts/DataThemeProvider.js.map +1 -0
  383. package/dist/contexts/IconProvider.d.ts +12 -0
  384. package/dist/contexts/IconProvider.d.ts.map +1 -0
  385. package/dist/contexts/IconProvider.js +25 -0
  386. package/dist/contexts/IconProvider.js.map +1 -0
  387. package/dist/contexts/ThemeProvider.d.ts +49 -0
  388. package/dist/contexts/ThemeProvider.d.ts.map +1 -0
  389. package/dist/contexts/ThemeProvider.js +185 -0
  390. package/dist/contexts/ThemeProvider.js.map +1 -0
  391. package/dist/contexts/ToastProvider.d.ts +18 -0
  392. package/dist/contexts/ToastProvider.d.ts.map +1 -0
  393. package/dist/contexts/ToastProvider.js +35 -0
  394. package/dist/contexts/ToastProvider.js.map +1 -0
  395. package/dist/contexts/index.d.ts +5 -0
  396. package/dist/contexts/index.d.ts.map +1 -0
  397. package/dist/contexts/index.js +21 -0
  398. package/dist/contexts/index.js.map +1 -0
  399. package/dist/hooks/index.d.ts +4 -0
  400. package/dist/hooks/index.d.ts.map +1 -0
  401. package/dist/hooks/index.js +20 -0
  402. package/dist/hooks/index.js.map +1 -0
  403. package/dist/hooks/useDebounce.d.ts +2 -0
  404. package/dist/hooks/useDebounce.d.ts.map +1 -0
  405. package/dist/hooks/useDebounce.js +17 -0
  406. package/dist/hooks/useDebounce.js.map +1 -0
  407. package/dist/hooks/useFetchOg.d.ts +17 -0
  408. package/dist/hooks/useFetchOg.d.ts.map +1 -0
  409. package/dist/hooks/useFetchOg.js +44 -0
  410. package/dist/hooks/useFetchOg.js.map +1 -0
  411. package/dist/hooks/useHeadingLinks.d.ts +6 -0
  412. package/dist/hooks/useHeadingLinks.d.ts.map +1 -0
  413. package/dist/hooks/useHeadingLinks.js +20 -0
  414. package/dist/hooks/useHeadingLinks.js.map +1 -0
  415. package/dist/icons.d.ts +5 -0
  416. package/dist/icons.d.ts.map +1 -0
  417. package/dist/icons.js +36 -0
  418. package/dist/icons.js.map +1 -0
  419. package/dist/index.d.ts +10 -0
  420. package/dist/index.d.ts.map +1 -0
  421. package/dist/index.js +26 -0
  422. package/dist/index.js.map +1 -0
  423. package/dist/interfaces.d.ts +117 -0
  424. package/dist/interfaces.d.ts.map +1 -0
  425. package/dist/interfaces.js +3 -0
  426. package/dist/interfaces.js.map +1 -0
  427. package/dist/modules/code/CodeBlock.d.ts +39 -0
  428. package/dist/modules/code/CodeBlock.d.ts.map +1 -0
  429. package/dist/modules/code/CodeBlock.js +148 -0
  430. package/dist/modules/code/CodeBlock.js.map +1 -0
  431. package/dist/modules/code/CodeBlock.module.scss +43 -0
  432. package/dist/modules/code/CodeHighlight.css +99 -0
  433. package/dist/modules/code/LineNumber.css +34 -0
  434. package/dist/modules/data/BarChart.d.ts +11 -0
  435. package/dist/modules/data/BarChart.d.ts.map +1 -0
  436. package/dist/modules/data/BarChart.js +180 -0
  437. package/dist/modules/data/BarChart.js.map +1 -0
  438. package/dist/modules/data/ChartHeader.d.ts +14 -0
  439. package/dist/modules/data/ChartHeader.d.ts.map +1 -0
  440. package/dist/modules/data/ChartHeader.js +132 -0
  441. package/dist/modules/data/ChartHeader.js.map +1 -0
  442. package/dist/modules/data/ChartStatus.d.ts +8 -0
  443. package/dist/modules/data/ChartStatus.d.ts.map +1 -0
  444. package/dist/modules/data/ChartStatus.js +14 -0
  445. package/dist/modules/data/ChartStatus.js.map +1 -0
  446. package/dist/modules/data/DataTooltip.d.ts +16 -0
  447. package/dist/modules/data/DataTooltip.d.ts.map +1 -0
  448. package/dist/modules/data/DataTooltip.js +39 -0
  449. package/dist/modules/data/DataTooltip.js.map +1 -0
  450. package/dist/modules/data/Gradient.d.ts +32 -0
  451. package/dist/modules/data/Gradient.d.ts.map +1 -0
  452. package/dist/modules/data/Gradient.js +61 -0
  453. package/dist/modules/data/Gradient.js.map +1 -0
  454. package/dist/modules/data/Legend.d.ts +14 -0
  455. package/dist/modules/data/Legend.d.ts.map +1 -0
  456. package/dist/modules/data/Legend.js +72 -0
  457. package/dist/modules/data/Legend.js.map +1 -0
  458. package/dist/modules/data/LineBarChart.d.ts +11 -0
  459. package/dist/modules/data/LineBarChart.d.ts.map +1 -0
  460. package/dist/modules/data/LineBarChart.js +188 -0
  461. package/dist/modules/data/LineBarChart.js.map +1 -0
  462. package/dist/modules/data/LineChart.d.ts +10 -0
  463. package/dist/modules/data/LineChart.d.ts.map +1 -0
  464. package/dist/modules/data/LineChart.js +191 -0
  465. package/dist/modules/data/LineChart.js.map +1 -0
  466. package/dist/modules/data/PieChart.d.ts +18 -0
  467. package/dist/modules/data/PieChart.d.ts.map +1 -0
  468. package/dist/modules/data/PieChart.js +153 -0
  469. package/dist/modules/data/PieChart.js.map +1 -0
  470. package/dist/modules/data/Swatch.d.ts +9 -0
  471. package/dist/modules/data/Swatch.d.ts.map +1 -0
  472. package/dist/modules/data/Swatch.js +39 -0
  473. package/dist/modules/data/Swatch.js.map +1 -0
  474. package/dist/modules/data/index.d.ts +12 -0
  475. package/dist/modules/data/index.d.ts.map +1 -0
  476. package/dist/modules/data/index.js +28 -0
  477. package/dist/modules/data/index.js.map +1 -0
  478. package/dist/modules/data/interfaces.d.ts +49 -0
  479. package/dist/modules/data/interfaces.d.ts.map +1 -0
  480. package/dist/modules/data/interfaces.js +3 -0
  481. package/dist/modules/data/interfaces.js.map +1 -0
  482. package/dist/modules/data/utils/colorDistribution.d.ts +10 -0
  483. package/dist/modules/data/utils/colorDistribution.d.ts.map +1 -0
  484. package/dist/modules/data/utils/colorDistribution.js +50 -0
  485. package/dist/modules/data/utils/colorDistribution.js.map +1 -0
  486. package/dist/modules/data/utils/formatDate.d.ts +12 -0
  487. package/dist/modules/data/utils/formatDate.d.ts.map +1 -0
  488. package/dist/modules/data/utils/formatDate.js +33 -0
  489. package/dist/modules/data/utils/formatDate.js.map +1 -0
  490. package/dist/modules/index.d.ts +16 -0
  491. package/dist/modules/index.d.ts.map +1 -0
  492. package/dist/modules/index.js +34 -0
  493. package/dist/modules/index.js.map +1 -0
  494. package/dist/modules/media/MediaUpload.d.ts +24 -0
  495. package/dist/modules/media/MediaUpload.d.ts.map +1 -0
  496. package/dist/modules/media/MediaUpload.js +111 -0
  497. package/dist/modules/media/MediaUpload.js.map +1 -0
  498. package/dist/modules/media/MediaUpload.module.scss +24 -0
  499. package/dist/modules/navigation/HeadingLink.d.ts +11 -0
  500. package/dist/modules/navigation/HeadingLink.d.ts.map +1 -0
  501. package/dist/modules/navigation/HeadingLink.js +52 -0
  502. package/dist/modules/navigation/HeadingLink.js.map +1 -0
  503. package/dist/modules/navigation/HeadingLink.module.scss +24 -0
  504. package/dist/modules/navigation/HeadingNav.d.ts +7 -0
  505. package/dist/modules/navigation/HeadingNav.d.ts.map +1 -0
  506. package/dist/modules/navigation/HeadingNav.js +185 -0
  507. package/dist/modules/navigation/HeadingNav.js.map +1 -0
  508. package/dist/modules/navigation/Kbar.d.ts +32 -0
  509. package/dist/modules/navigation/Kbar.d.ts.map +1 -0
  510. package/dist/modules/navigation/Kbar.js +327 -0
  511. package/dist/modules/navigation/Kbar.js.map +1 -0
  512. package/dist/modules/navigation/Kbar.module.scss +60 -0
  513. package/dist/modules/navigation/MegaMenu.d.ts +27 -0
  514. package/dist/modules/navigation/MegaMenu.d.ts.map +1 -0
  515. package/dist/modules/navigation/MegaMenu.js +122 -0
  516. package/dist/modules/navigation/MegaMenu.js.map +1 -0
  517. package/dist/modules/navigation/MegaMenu.module.scss +14 -0
  518. package/dist/modules/navigation/MobileMegaMenu.d.ts +28 -0
  519. package/dist/modules/navigation/MobileMegaMenu.d.ts.map +1 -0
  520. package/dist/modules/navigation/MobileMegaMenu.js +37 -0
  521. package/dist/modules/navigation/MobileMegaMenu.js.map +1 -0
  522. package/dist/modules/navigation/index.d.ts +6 -0
  523. package/dist/modules/navigation/index.d.ts.map +1 -0
  524. package/dist/modules/navigation/index.js +22 -0
  525. package/dist/modules/navigation/index.js.map +1 -0
  526. package/dist/modules/seo/Meta.d.ts +29 -0
  527. package/dist/modules/seo/Meta.d.ts.map +1 -0
  528. package/dist/modules/seo/Meta.js +42 -0
  529. package/dist/modules/seo/Meta.js.map +1 -0
  530. package/dist/modules/seo/Schema.d.ts +19 -0
  531. package/dist/modules/seo/Schema.d.ts.map +1 -0
  532. package/dist/modules/seo/Schema.js +66 -0
  533. package/dist/modules/seo/Schema.js.map +1 -0
  534. package/dist/package.json +47 -0
  535. package/dist/styles/background.scss +423 -0
  536. package/dist/styles/border.scss +484 -0
  537. package/dist/styles/breakpoints.scss +3 -0
  538. package/dist/styles/color.scss +183 -0
  539. package/dist/styles/display.scss +211 -0
  540. package/dist/styles/flex.scss +124 -0
  541. package/dist/styles/global.scss +111 -0
  542. package/dist/styles/grid.scss +147 -0
  543. package/dist/styles/index.scss +14 -0
  544. package/dist/styles/layout.scss +117 -0
  545. package/dist/styles/position.scss +307 -0
  546. package/dist/styles/shadow.scss +19 -0
  547. package/dist/styles/size.scss +33 -0
  548. package/dist/styles/spacing.scss +1461 -0
  549. package/dist/styles/typography.scss +199 -0
  550. package/dist/styles/utilities.scss +17 -0
  551. package/dist/styles.d.ts +3 -0
  552. package/dist/styles.d.ts.map +1 -0
  553. package/dist/styles.js +5 -0
  554. package/dist/styles.js.map +1 -0
  555. package/dist/tokens/border.scss +71 -0
  556. package/dist/tokens/data.scss +107 -0
  557. package/dist/tokens/function.scss +685 -0
  558. package/dist/tokens/index.scss +8 -0
  559. package/dist/tokens/layout.scss +268 -0
  560. package/dist/tokens/scheme.scss +304 -0
  561. package/dist/tokens/shadow.scss +7 -0
  562. package/dist/tokens/theme.scss +558 -0
  563. package/dist/tokens/typography.scss +110 -0
  564. package/dist/tsconfig.build.tsbuildinfo +1 -0
  565. package/dist/types.d.ts +20 -0
  566. package/dist/types.d.ts.map +1 -0
  567. package/dist/types.js +19 -0
  568. package/dist/types.js.map +1 -0
  569. package/dist/utils/devLogger.d.ts +13 -0
  570. package/dist/utils/devLogger.d.ts.map +1 -0
  571. package/dist/utils/devLogger.js +37 -0
  572. package/dist/utils/devLogger.js.map +1 -0
  573. package/dist/utils/index.d.ts +2 -0
  574. package/dist/utils/index.d.ts.map +1 -0
  575. package/dist/utils/index.js +18 -0
  576. package/dist/utils/index.js.map +1 -0
  577. package/next-env.d.ts +5 -0
  578. package/next.config.mjs +9 -0
  579. package/package.json +64 -0
  580. package/postcss.config.js +24 -0
package/dist/tokens/function.scss ADDED
@@ -0,0 +1,685 @@
1
+ :root {
2
+ /* FUNCTION */
3
+ /* info */
4
+ --function-info-100: var(--scheme-gray-100);
5
+ --function-info-200: var(--scheme-gray-200);
6
+ --function-info-300: var(--scheme-gray-300);
7
+ --function-info-400: var(--scheme-gray-400);
8
+ --function-info-500: var(--scheme-gray-500);
9
+ --function-info-600: var(--scheme-gray-600);
10
+ --function-info-700: var(--scheme-gray-700);
11
+ --function-info-800: var(--scheme-gray-800);
12
+ --function-info-900: var(--scheme-gray-900);
13
+ --function-info-1000: var(--scheme-gray-1000);
14
+ --function-info-1100: var(--scheme-gray-1100);
15
+ --function-info-1200: var(--scheme-gray-1200);
16
+
17
+ --function-info-600-10: var(--scheme-gray-600-10);
18
+ --function-info-600-30: var(--scheme-gray-600-30);
19
+ --function-info-600-50: var(--scheme-gray-600-50);
20
+
21
+ /* warning */
22
+ --function-warning-100: var(--scheme-yellow-100);
23
+ --function-warning-200: var(--scheme-yellow-200);
24
+ --function-warning-300: var(--scheme-yellow-300);
25
+ --function-warning-400: var(--scheme-yellow-400);
26
+ --function-warning-500: var(--scheme-yellow-500);
27
+ --function-warning-600: var(--scheme-yellow-600);
28
+ --function-warning-700: var(--scheme-yellow-700);
29
+ --function-warning-800: var(--scheme-yellow-800);
30
+ --function-warning-900: var(--scheme-yellow-900);
31
+ --function-warning-1000: var(--scheme-yellow-1000);
32
+ --function-warning-1100: var(--scheme-yellow-1100);
33
+ --function-warning-1200: var(--scheme-yellow-1200);
34
+
35
+ --function-warning-600-10: var(--scheme-yellow-600-10);
36
+ --function-warning-600-30: var(--scheme-yellow-600-30);
37
+ --function-warning-600-50: var(--scheme-yellow-600-50);
38
+
39
+ /* danger */
40
+ --function-danger-100: var(--scheme-red-100);
41
+ --function-danger-200: var(--scheme-red-200);
42
+ --function-danger-300: var(--scheme-red-300);
43
+ --function-danger-400: var(--scheme-red-400);
44
+ --function-danger-500: var(--scheme-red-500);
45
+ --function-danger-600: var(--scheme-red-600);
46
+ --function-danger-700: var(--scheme-red-700);
47
+ --function-danger-800: var(--scheme-red-800);
48
+ --function-danger-900: var(--scheme-red-900);
49
+ --function-danger-1000: var(--scheme-red-1000);
50
+ --function-danger-1100: var(--scheme-red-1100);
51
+ --function-danger-1200: var(--scheme-red-1200);
52
+
53
+ --function-danger-600-10: var(--scheme-red-600-10);
54
+ --function-danger-600-30: var(--scheme-red-600-30);
55
+ --function-danger-600-50: var(--scheme-red-600-50);
56
+
57
+ /* success */
58
+ --function-success-100: var(--scheme-green-100);
59
+ --function-success-200: var(--scheme-green-200);
60
+ --function-success-300: var(--scheme-green-300);
61
+ --function-success-400: var(--scheme-green-400);
62
+ --function-success-500: var(--scheme-green-500);
63
+ --function-success-600: var(--scheme-green-600);
64
+ --function-success-700: var(--scheme-green-700);
65
+ --function-success-800: var(--scheme-green-800);
66
+ --function-success-900: var(--scheme-green-900);
67
+ --function-success-1000: var(--scheme-green-1000);
68
+ --function-success-1100: var(--scheme-green-1100);
69
+ --function-success-1200: var(--scheme-green-1200);
70
+
71
+ --function-success-600-10: var(--scheme-green-600-10);
72
+ --function-success-600-30: var(--scheme-green-600-30);
73
+ --function-success-600-50: var(--scheme-green-600-50);
74
+ }
75
+
76
+ /* brand */
77
+ [data-brand="custom"] {
78
+ --function-brand-100: var(--scheme-brand-100);
79
+ --function-brand-200: var(--scheme-brand-200);
80
+ --function-brand-300: var(--scheme-brand-300);
81
+ --function-brand-400: var(--scheme-brand-400);
82
+ --function-brand-500: var(--scheme-brand-500);
83
+ --function-brand-600: var(--scheme-brand-600);
84
+ --function-brand-700: var(--scheme-brand-700);
85
+ --function-brand-800: var(--scheme-brand-800);
86
+ --function-brand-900: var(--scheme-brand-900);
87
+ --function-brand-1000: var(--scheme-brand-1000);
88
+ --function-brand-1100: var(--scheme-brand-1100);
89
+ --function-brand-1200: var(--scheme-brand-1200);
90
+
91
+ --function-brand-600-10: var(--scheme-brand-600-10);
92
+ --function-brand-600-30: var(--scheme-brand-600-30);
93
+ --function-brand-600-50: var(--scheme-brand-600-50);
94
+ }
95
+
96
+ [data-brand="red"] {
97
+ --function-brand-100: var(--scheme-red-100);
98
+ --function-brand-200: var(--scheme-red-200);
99
+ --function-brand-300: var(--scheme-red-300);
100
+ --function-brand-400: var(--scheme-red-400);
101
+ --function-brand-500: var(--scheme-red-500);
102
+ --function-brand-600: var(--scheme-red-600);
103
+ --function-brand-700: var(--scheme-red-700);
104
+ --function-brand-800: var(--scheme-red-800);
105
+ --function-brand-900: var(--scheme-red-900);
106
+ --function-brand-1000: var(--scheme-red-1000);
107
+ --function-brand-1100: var(--scheme-red-1100);
108
+ --function-brand-1200: var(--scheme-red-1200);
109
+
110
+ --function-brand-600-10: var(--scheme-red-600-10);
111
+ --function-brand-600-30: var(--scheme-red-600-30);
112
+ --function-brand-600-50: var(--scheme-red-600-50);
113
+ }
114
+
115
+ [data-brand="orange"] {
116
+ --function-brand-100: var(--scheme-orange-100);
117
+ --function-brand-200: var(--scheme-orange-200);
118
+ --function-brand-300: var(--scheme-orange-300);
119
+ --function-brand-400: var(--scheme-orange-400);
120
+ --function-brand-500: var(--scheme-orange-500);
121
+ --function-brand-600: var(--scheme-orange-600);
122
+ --function-brand-700: var(--scheme-orange-700);
123
+ --function-brand-800: var(--scheme-orange-800);
124
+ --function-brand-900: var(--scheme-orange-900);
125
+ --function-brand-1000: var(--scheme-orange-1000);
126
+ --function-brand-1100: var(--scheme-orange-1100);
127
+ --function-brand-1200: var(--scheme-orange-1200);
128
+
129
+ --function-brand-600-10: var(--scheme-orange-600-10);
130
+ --function-brand-600-30: var(--scheme-orange-600-30);
131
+ --function-brand-600-50: var(--scheme-orange-600-50);
132
+ }
133
+
134
+ [data-brand="yellow"] {
135
+ --function-brand-100: var(--scheme-yellow-100);
136
+ --function-brand-200: var(--scheme-yellow-200);
137
+ --function-brand-300: var(--scheme-yellow-300);
138
+ --function-brand-400: var(--scheme-yellow-400);
139
+ --function-brand-500: var(--scheme-yellow-500);
140
+ --function-brand-600: var(--scheme-yellow-600);
141
+ --function-brand-700: var(--scheme-yellow-700);
142
+ --function-brand-800: var(--scheme-yellow-800);
143
+ --function-brand-900: var(--scheme-yellow-900);
144
+ --function-brand-1000: var(--scheme-yellow-1000);
145
+ --function-brand-1100: var(--scheme-yellow-1100);
146
+ --function-brand-1200: var(--scheme-yellow-1200);
147
+
148
+ --function-brand-600-10: var(--scheme-yellow-600-10);
149
+ --function-brand-600-30: var(--scheme-yellow-600-30);
150
+ --function-brand-600-50: var(--scheme-yellow-600-50);
151
+ }
152
+
153
+ [data-brand="moss"] {
154
+ --function-brand-100: var(--scheme-moss-100);
155
+ --function-brand-200: var(--scheme-moss-200);
156
+ --function-brand-300: var(--scheme-moss-300);
157
+ --function-brand-400: var(--scheme-moss-400);
158
+ --function-brand-500: var(--scheme-moss-500);
159
+ --function-brand-600: var(--scheme-moss-600);
160
+ --function-brand-700: var(--scheme-moss-700);
161
+ --function-brand-800: var(--scheme-moss-800);
162
+ --function-brand-900: var(--scheme-moss-900);
163
+ --function-brand-1000: var(--scheme-moss-1000);
164
+ --function-brand-1100: var(--scheme-moss-1100);
165
+ --function-brand-1200: var(--scheme-moss-1200);
166
+
167
+ --function-brand-600-10: var(--scheme-moss-600-10);
168
+ --function-brand-600-30: var(--scheme-moss-600-30);
169
+ --function-brand-600-50: var(--scheme-moss-600-50);
170
+ }
171
+
172
+ [data-brand="green"] {
173
+ --function-brand-100: var(--scheme-green-100);
174
+ --function-brand-200: var(--scheme-green-200);
175
+ --function-brand-300: var(--scheme-green-300);
176
+ --function-brand-400: var(--scheme-green-400);
177
+ --function-brand-500: var(--scheme-green-500);
178
+ --function-brand-600: var(--scheme-green-600);
179
+ --function-brand-700: var(--scheme-green-700);
180
+ --function-brand-800: var(--scheme-green-800);
181
+ --function-brand-900: var(--scheme-green-900);
182
+ --function-brand-1000: var(--scheme-green-1000);
183
+ --function-brand-1100: var(--scheme-green-1100);
184
+ --function-brand-1200: var(--scheme-green-1200);
185
+
186
+ --function-brand-600-10: var(--scheme-green-600-10);
187
+ --function-brand-600-30: var(--scheme-green-600-30);
188
+ --function-brand-600-50: var(--scheme-green-600-50);
189
+ }
190
+
191
+ [data-brand="emerald"] {
192
+ --function-brand-100: var(--scheme-emerald-100);
193
+ --function-brand-200: var(--scheme-emerald-200);
194
+ --function-brand-300: var(--scheme-emerald-300);
195
+ --function-brand-400: var(--scheme-emerald-400);
196
+ --function-brand-500: var(--scheme-emerald-500);
197
+ --function-brand-600: var(--scheme-emerald-600);
198
+ --function-brand-700: var(--scheme-emerald-700);
199
+ --function-brand-800: var(--scheme-emerald-800);
200
+ --function-brand-900: var(--scheme-emerald-900);
201
+ --function-brand-1000: var(--scheme-emerald-1000);
202
+ --function-brand-1100: var(--scheme-emerald-1100);
203
+ --function-brand-1200: var(--scheme-emerald-1200);
204
+
205
+ --function-brand-600-10: var(--scheme-emerald-600-10);
206
+ --function-brand-600-30: var(--scheme-emerald-600-30);
207
+ --function-brand-600-50: var(--scheme-emerald-600-50);
208
+ }
209
+
210
+ [data-brand="aqua"] {
211
+ --function-brand-100: var(--scheme-aqua-100);
212
+ --function-brand-200: var(--scheme-aqua-200);
213
+ --function-brand-300: var(--scheme-aqua-300);
214
+ --function-brand-400: var(--scheme-aqua-400);
215
+ --function-brand-500: var(--scheme-aqua-500);
216
+ --function-brand-600: var(--scheme-aqua-600);
217
+ --function-brand-700: var(--scheme-aqua-700);
218
+ --function-brand-800: var(--scheme-aqua-800);
219
+ --function-brand-900: var(--scheme-aqua-900);
220
+ --function-brand-1000: var(--scheme-aqua-1000);
221
+ --function-brand-1100: var(--scheme-aqua-1100);
222
+ --function-brand-1200: var(--scheme-aqua-1200);
223
+
224
+ --function-brand-600-10: var(--scheme-aqua-600-10);
225
+ --function-brand-600-30: var(--scheme-aqua-600-30);
226
+ --function-brand-600-50: var(--scheme-aqua-600-50);
227
+ }
228
+
229
+ [data-brand="cyan"] {
230
+ --function-brand-100: var(--scheme-cyan-100);
231
+ --function-brand-200: var(--scheme-cyan-200);
232
+ --function-brand-300: var(--scheme-cyan-300);
233
+ --function-brand-400: var(--scheme-cyan-400);
234
+ --function-brand-500: var(--scheme-cyan-500);
235
+ --function-brand-600: var(--scheme-cyan-600);
236
+ --function-brand-700: var(--scheme-cyan-700);
237
+ --function-brand-800: var(--scheme-cyan-800);
238
+ --function-brand-900: var(--scheme-cyan-900);
239
+ --function-brand-1000: var(--scheme-cyan-1000);
240
+ --function-brand-1100: var(--scheme-cyan-1100);
241
+ --function-brand-1200: var(--scheme-cyan-1200);
242
+
243
+ --function-brand-600-10: var(--scheme-cyan-600-10);
244
+ --function-brand-600-30: var(--scheme-cyan-600-30);
245
+ --function-brand-600-50: var(--scheme-cyan-600-50);
246
+ }
247
+
248
+ [data-brand="blue"] {
249
+ --function-brand-100: var(--scheme-blue-100);
250
+ --function-brand-200: var(--scheme-blue-200);
251
+ --function-brand-300: var(--scheme-blue-300);
252
+ --function-brand-400: var(--scheme-blue-400);
253
+ --function-brand-500: var(--scheme-blue-500);
254
+ --function-brand-600: var(--scheme-blue-600);
255
+ --function-brand-700: var(--scheme-blue-700);
256
+ --function-brand-800: var(--scheme-blue-800);
257
+ --function-brand-900: var(--scheme-blue-900);
258
+ --function-brand-1000: var(--scheme-blue-1000);
259
+ --function-brand-1100: var(--scheme-blue-1100);
260
+ --function-brand-1200: var(--scheme-blue-1200);
261
+
262
+ --function-brand-600-10: var(--scheme-blue-600-10);
263
+ --function-brand-600-30: var(--scheme-blue-600-30);
264
+ --function-brand-600-50: var(--scheme-blue-600-50);
265
+ }
266
+
267
+ [data-brand="indigo"] {
268
+ --function-brand-100: var(--scheme-indigo-100);
269
+ --function-brand-200: var(--scheme-indigo-200);
270
+ --function-brand-300: var(--scheme-indigo-300);
271
+ --function-brand-400: var(--scheme-indigo-400);
272
+ --function-brand-500: var(--scheme-indigo-500);
273
+ --function-brand-600: var(--scheme-indigo-600);
274
+ --function-brand-700: var(--scheme-indigo-700);
275
+ --function-brand-800: var(--scheme-indigo-800);
276
+ --function-brand-900: var(--scheme-indigo-900);
277
+ --function-brand-1000: var(--scheme-indigo-1000);
278
+ --function-brand-1100: var(--scheme-indigo-1100);
279
+ --function-brand-1200: var(--scheme-indigo-1200);
280
+
281
+ --function-brand-600-10: var(--scheme-indigo-600-10);
282
+ --function-brand-600-30: var(--scheme-indigo-600-30);
283
+ --function-brand-600-50: var(--scheme-indigo-600-50);
284
+ }
285
+
286
+ [data-brand="violet"] {
287
+ --function-brand-100: var(--scheme-violet-100);
288
+ --function-brand-200: var(--scheme-violet-200);
289
+ --function-brand-300: var(--scheme-violet-300);
290
+ --function-brand-400: var(--scheme-violet-400);
291
+ --function-brand-500: var(--scheme-violet-500);
292
+ --function-brand-600: var(--scheme-violet-600);
293
+ --function-brand-700: var(--scheme-violet-700);
294
+ --function-brand-800: var(--scheme-violet-800);
295
+ --function-brand-900: var(--scheme-violet-900);
296
+ --function-brand-1000: var(--scheme-violet-1000);
297
+ --function-brand-1100: var(--scheme-violet-1100);
298
+ --function-brand-1200: var(--scheme-violet-1200);
299
+
300
+ --function-brand-600-10: var(--scheme-violet-600-10);
301
+ --function-brand-600-30: var(--scheme-violet-600-30);
302
+ --function-brand-600-50: var(--scheme-violet-600-50);
303
+ }
304
+
305
+ [data-brand="magenta"] {
306
+ --function-brand-100: var(--scheme-magenta-100);
307
+ --function-brand-200: var(--scheme-magenta-200);
308
+ --function-brand-300: var(--scheme-magenta-300);
309
+ --function-brand-400: var(--scheme-magenta-400);
310
+ --function-brand-500: var(--scheme-magenta-500);
311
+ --function-brand-600: var(--scheme-magenta-600);
312
+ --function-brand-700: var(--scheme-magenta-700);
313
+ --function-brand-800: var(--scheme-magenta-800);
314
+ --function-brand-900: var(--scheme-magenta-900);
315
+ --function-brand-1000: var(--scheme-magenta-1000);
316
+ --function-brand-1100: var(--scheme-magenta-1100);
317
+ --function-brand-1200: var(--scheme-magenta-1200);
318
+
319
+ --function-brand-600-10: var(--scheme-magenta-600-10);
320
+ --function-brand-600-30: var(--scheme-magenta-600-30);
321
+ --function-brand-600-50: var(--scheme-magenta-600-50);
322
+ }
323
+
324
+ [data-brand="pink"] {
325
+ --function-brand-100: var(--scheme-pink-100);
326
+ --function-brand-200: var(--scheme-pink-200);
327
+ --function-brand-300: var(--scheme-pink-300);
328
+ --function-brand-400: var(--scheme-pink-400);
329
+ --function-brand-500: var(--scheme-pink-500);
330
+ --function-brand-600: var(--scheme-pink-600);
331
+ --function-brand-700: var(--scheme-pink-700);
332
+ --function-brand-800: var(--scheme-pink-800);
333
+ --function-brand-900: var(--scheme-pink-900);
334
+ --function-brand-1000: var(--scheme-pink-1000);
335
+ --function-brand-1100: var(--scheme-pink-1100);
336
+ --function-brand-1200: var(--scheme-pink-1200);
337
+
338
+ --function-brand-600-10: var(--scheme-pink-600-10);
339
+ --function-brand-600-30: var(--scheme-pink-600-30);
340
+ --function-brand-600-50: var(--scheme-pink-600-50);
341
+ }
342
+
343
+ /* accent */
344
+ [data-accent="custom"] {
345
+ --function-accent-100: var(--scheme-accent-100);
346
+ --function-accent-200: var(--scheme-accent-200);
347
+ --function-accent-300: var(--scheme-accent-300);
348
+ --function-accent-400: var(--scheme-accent-400);
349
+ --function-accent-500: var(--scheme-accent-500);
350
+ --function-accent-600: var(--scheme-accent-600);
351
+ --function-accent-700: var(--scheme-accent-700);
352
+ --function-accent-800: var(--scheme-accent-800);
353
+ --function-accent-900: var(--scheme-accent-900);
354
+ --function-accent-1000: var(--scheme-accent-1000);
355
+ --function-accent-1100: var(--scheme-accent-1100);
356
+ --function-accent-1200: var(--scheme-accent-1200);
357
+
358
+ --function-accent-600-10: var(--scheme-accent-600-10);
359
+ --function-accent-600-30: var(--scheme-accent-600-30);
360
+ --function-accent-600-50: var(--scheme-accent-600-50);
361
+ }
362
+
363
+ [data-accent="red"] {
364
+ --function-accent-100: var(--scheme-red-100);
365
+ --function-accent-200: var(--scheme-red-200);
366
+ --function-accent-300: var(--scheme-red-300);
367
+ --function-accent-400: var(--scheme-red-400);
368
+ --function-accent-500: var(--scheme-red-500);
369
+ --function-accent-600: var(--scheme-red-600);
370
+ --function-accent-700: var(--scheme-red-700);
371
+ --function-accent-800: var(--scheme-red-800);
372
+ --function-accent-900: var(--scheme-red-900);
373
+ --function-accent-1000: var(--scheme-red-1000);
374
+ --function-accent-1100: var(--scheme-red-1100);
375
+ --function-accent-1200: var(--scheme-red-1200);
376
+
377
+ --function-accent-600-10: var(--scheme-red-600-10);
378
+ --function-accent-600-30: var(--scheme-red-600-30);
379
+ --function-accent-600-50: var(--scheme-red-600-50);
380
+ }
381
+
382
+ [data-accent="orange"] {
383
+ --function-accent-100: var(--scheme-orange-100);
384
+ --function-accent-200: var(--scheme-orange-200);
385
+ --function-accent-300: var(--scheme-orange-300);
386
+ --function-accent-400: var(--scheme-orange-400);
387
+ --function-accent-500: var(--scheme-orange-500);
388
+ --function-accent-600: var(--scheme-orange-600);
389
+ --function-accent-700: var(--scheme-orange-700);
390
+ --function-accent-800: var(--scheme-orange-800);
391
+ --function-accent-900: var(--scheme-orange-900);
392
+ --function-accent-1000: var(--scheme-orange-1000);
393
+ --function-accent-1100: var(--scheme-orange-1100);
394
+ --function-accent-1200: var(--scheme-orange-1200);
395
+
396
+ --function-accent-600-10: var(--scheme-orange-600-10);
397
+ --function-accent-600-30: var(--scheme-orange-600-30);
398
+ --function-accent-600-50: var(--scheme-orange-600-50);
399
+ }
400
+
401
+ [data-accent="yellow"] {
402
+ --function-accent-100: var(--scheme-yellow-100);
403
+ --function-accent-200: var(--scheme-yellow-200);
404
+ --function-accent-300: var(--scheme-yellow-300);
405
+ --function-accent-400: var(--scheme-yellow-400);
406
+ --function-accent-500: var(--scheme-yellow-500);
407
+ --function-accent-600: var(--scheme-yellow-600);
408
+ --function-accent-700: var(--scheme-yellow-700);
409
+ --function-accent-800: var(--scheme-yellow-800);
410
+ --function-accent-900: var(--scheme-yellow-900);
411
+ --function-accent-1000: var(--scheme-yellow-1000);
412
+ --function-accent-1100: var(--scheme-yellow-1100);
413
+ --function-accent-1200: var(--scheme-yellow-1200);
414
+
415
+ --function-accent-600-10: var(--scheme-yellow-600-10);
416
+ --function-accent-600-30: var(--scheme-yellow-600-30);
417
+ --function-accent-600-50: var(--scheme-yellow-600-50);
418
+ }
419
+
420
+ [data-accent="moss"] {
421
+ --function-accent-100: var(--scheme-moss-100);
422
+ --function-accent-200: var(--scheme-moss-200);
423
+ --function-accent-300: var(--scheme-moss-300);
424
+ --function-accent-400: var(--scheme-moss-400);
425
+ --function-accent-500: var(--scheme-moss-500);
426
+ --function-accent-600: var(--scheme-moss-600);
427
+ --function-accent-700: var(--scheme-moss-700);
428
+ --function-accent-800: var(--scheme-moss-800);
429
+ --function-accent-900: var(--scheme-moss-900);
430
+ --function-accent-1000: var(--scheme-moss-1000);
431
+ --function-accent-1100: var(--scheme-moss-1100);
432
+ --function-accent-1200: var(--scheme-moss-1200);
433
+
434
+ --function-accent-600-10: var(--scheme-moss-600-10);
435
+ --function-accent-600-30: var(--scheme-moss-600-30);
436
+ --function-accent-600-50: var(--scheme-moss-600-50);
437
+ }
438
+
439
+ [data-accent="green"] {
440
+ --function-accent-100: var(--scheme-green-100);
441
+ --function-accent-200: var(--scheme-green-200);
442
+ --function-accent-300: var(--scheme-green-300);
443
+ --function-accent-400: var(--scheme-green-400);
444
+ --function-accent-500: var(--scheme-green-500);
445
+ --function-accent-600: var(--scheme-green-600);
446
+ --function-accent-700: var(--scheme-green-700);
447
+ --function-accent-800: var(--scheme-green-800);
448
+ --function-accent-900: var(--scheme-green-900);
449
+ --function-accent-1000: var(--scheme-green-1000);
450
+ --function-accent-1100: var(--scheme-green-1100);
451
+ --function-accent-1200: var(--scheme-green-1200);
452
+
453
+ --function-accent-600-10: var(--scheme-green-600-10);
454
+ --function-accent-600-30: var(--scheme-green-600-30);
455
+ --function-accent-600-50: var(--scheme-green-600-50);
456
+ }
457
+
458
+ [data-accent="emerald"] {
459
+ --function-accent-100: var(--scheme-emerald-100);
460
+ --function-accent-200: var(--scheme-emerald-200);
461
+ --function-accent-300: var(--scheme-emerald-300);
462
+ --function-accent-400: var(--scheme-emerald-400);
463
+ --function-accent-500: var(--scheme-emerald-500);
464
+ --function-accent-600: var(--scheme-emerald-600);
465
+ --function-accent-700: var(--scheme-emerald-700);
466
+ --function-accent-800: var(--scheme-emerald-800);
467
+ --function-accent-900: var(--scheme-emerald-900);
468
+ --function-accent-1000: var(--scheme-emerald-1000);
469
+ --function-accent-1100: var(--scheme-emerald-1100);
470
+ --function-accent-1200: var(--scheme-emerald-1200);
471
+
472
+ --function-accent-600-10: var(--scheme-emerald-600-10);
473
+ --function-accent-600-30: var(--scheme-emerald-600-30);
474
+ --function-accent-600-50: var(--scheme-emerald-600-50);
475
+ }
476
+
477
+ [data-accent="aqua"] {
478
+ --function-accent-100: var(--scheme-aqua-100);
479
+ --function-accent-200: var(--scheme-aqua-200);
480
+ --function-accent-300: var(--scheme-aqua-300);
481
+ --function-accent-400: var(--scheme-aqua-400);
482
+ --function-accent-500: var(--scheme-aqua-500);
483
+ --function-accent-600: var(--scheme-aqua-600);
484
+ --function-accent-700: var(--scheme-aqua-700);
485
+ --function-accent-800: var(--scheme-aqua-800);
486
+ --function-accent-900: var(--scheme-aqua-900);
487
+ --function-accent-1000: var(--scheme-aqua-1000);
488
+ --function-accent-1100: var(--scheme-aqua-1100);
489
+ --function-accent-1200: var(--scheme-aqua-1200);
490
+
491
+ --function-accent-600-10: var(--scheme-aqua-600-10);
492
+ --function-accent-600-30: var(--scheme-aqua-600-30);
493
+ --function-accent-600-50: var(--scheme-aqua-600-50);
494
+ }
495
+
496
+ [data-accent="cyan"] {
497
+ --function-accent-100: var(--scheme-cyan-100);
498
+ --function-accent-200: var(--scheme-cyan-200);
499
+ --function-accent-300: var(--scheme-cyan-300);
500
+ --function-accent-400: var(--scheme-cyan-400);
501
+ --function-accent-500: var(--scheme-cyan-500);
502
+ --function-accent-600: var(--scheme-cyan-600);
503
+ --function-accent-700: var(--scheme-cyan-700);
504
+ --function-accent-800: var(--scheme-cyan-800);
505
+ --function-accent-900: var(--scheme-cyan-900);
506
+ --function-accent-1000: var(--scheme-cyan-1000);
507
+ --function-accent-1100: var(--scheme-cyan-1100);
508
+ --function-accent-1200: var(--scheme-cyan-1200);
509
+
510
+ --function-accent-600-10: var(--scheme-cyan-600-10);
511
+ --function-accent-600-30: var(--scheme-cyan-600-30);
512
+ --function-accent-600-50: var(--scheme-cyan-600-50);
513
+ }
514
+
515
+ [data-accent="blue"] {
516
+ --function-accent-100: var(--scheme-blue-100);
517
+ --function-accent-200: var(--scheme-blue-200);
518
+ --function-accent-300: var(--scheme-blue-300);
519
+ --function-accent-400: var(--scheme-blue-400);
520
+ --function-accent-500: var(--scheme-blue-500);
521
+ --function-accent-600: var(--scheme-blue-600);
522
+ --function-accent-700: var(--scheme-blue-700);
523
+ --function-accent-800: var(--scheme-blue-800);
524
+ --function-accent-900: var(--scheme-blue-900);
525
+ --function-accent-1000: var(--scheme-blue-1000);
526
+ --function-accent-1100: var(--scheme-blue-1100);
527
+ --function-accent-1200: var(--scheme-blue-1200);
528
+
529
+ --function-accent-600-10: var(--scheme-blue-600-10);
530
+ --function-accent-600-30: var(--scheme-blue-600-30);
531
+ --function-accent-600-50: var(--scheme-blue-600-50);
532
+ }
533
+
534
+ [data-accent="indigo"] {
535
+ --function-accent-100: var(--scheme-indigo-100);
536
+ --function-accent-200: var(--scheme-indigo-200);
537
+ --function-accent-300: var(--scheme-indigo-300);
538
+ --function-accent-400: var(--scheme-indigo-400);
539
+ --function-accent-500: var(--scheme-indigo-500);
540
+ --function-accent-600: var(--scheme-indigo-600);
541
+ --function-accent-700: var(--scheme-indigo-700);
542
+ --function-accent-800: var(--scheme-indigo-800);
543
+ --function-accent-900: var(--scheme-indigo-900);
544
+ --function-accent-1000: var(--scheme-indigo-1000);
545
+ --function-accent-1100: var(--scheme-indigo-1100);
546
+ --function-accent-1200: var(--scheme-indigo-1200);
547
+
548
+ --function-accent-600-10: var(--scheme-indigo-600-10);
549
+ --function-accent-600-30: var(--scheme-indigo-600-30);
550
+ --function-accent-600-50: var(--scheme-indigo-600-50);
551
+ }
552
+
553
+ [data-accent="violet"] {
554
+ --function-accent-100: var(--scheme-violet-100);
555
+ --function-accent-200: var(--scheme-violet-200);
556
+ --function-accent-300: var(--scheme-violet-300);
557
+ --function-accent-400: var(--scheme-violet-400);
558
+ --function-accent-500: var(--scheme-violet-500);
559
+ --function-accent-600: var(--scheme-violet-600);
560
+ --function-accent-700: var(--scheme-violet-700);
561
+ --function-accent-800: var(--scheme-violet-800);
562
+ --function-accent-900: var(--scheme-violet-900);
563
+ --function-accent-1000: var(--scheme-violet-1000);
564
+ --function-accent-1100: var(--scheme-violet-1100);
565
+ --function-accent-1200: var(--scheme-violet-1200);
566
+
567
+ --function-accent-600-10: var(--scheme-violet-600-10);
568
+ --function-accent-600-30: var(--scheme-violet-600-30);
569
+ --function-accent-600-50: var(--scheme-violet-600-50);
570
+ }
571
+
572
+ [data-accent="magenta"] {
573
+ --function-accent-100: var(--scheme-magenta-100);
574
+ --function-accent-200: var(--scheme-magenta-200);
575
+ --function-accent-300: var(--scheme-magenta-300);
576
+ --function-accent-400: var(--scheme-magenta-400);
577
+ --function-accent-500: var(--scheme-magenta-500);
578
+ --function-accent-600: var(--scheme-magenta-600);
579
+ --function-accent-700: var(--scheme-magenta-700);
580
+ --function-accent-800: var(--scheme-magenta-800);
581
+ --function-accent-900: var(--scheme-magenta-900);
582
+ --function-accent-1000: var(--scheme-magenta-1000);
583
+ --function-accent-1100: var(--scheme-magenta-1100);
584
+ --function-accent-1200: var(--scheme-magenta-1200);
585
+
586
+ --function-accent-600-10: var(--scheme-magenta-600-10);
587
+ --function-accent-600-30: var(--scheme-magenta-600-30);
588
+ --function-accent-600-50: var(--scheme-magenta-600-50);
589
+ }
590
+
591
+ [data-accent="pink"] {
592
+ --function-accent-100: var(--scheme-pink-100);
593
+ --function-accent-200: var(--scheme-pink-200);
594
+ --function-accent-300: var(--scheme-pink-300);
595
+ --function-accent-400: var(--scheme-pink-400);
596
+ --function-accent-500: var(--scheme-pink-500);
597
+ --function-accent-600: var(--scheme-pink-600);
598
+ --function-accent-700: var(--scheme-pink-700);
599
+ --function-accent-800: var(--scheme-pink-800);
600
+ --function-accent-900: var(--scheme-pink-900);
601
+ --function-accent-1000: var(--scheme-pink-1000);
602
+ --function-accent-1100: var(--scheme-pink-1100);
603
+ --function-accent-1200: var(--scheme-pink-1200);
604
+
605
+ --function-accent-600-10: var(--scheme-pink-600-10);
606
+ --function-accent-600-30: var(--scheme-pink-600-30);
607
+ --function-accent-600-50: var(--scheme-pink-600-50);
608
+ }
609
+
610
+ /* neutral */
611
+ [data-neutral="custom"] {
612
+ --function-neutral-100: var(--scheme-neutral-100);
613
+ --function-neutral-200: var(--scheme-neutral-200);
614
+ --function-neutral-300: var(--scheme-neutral-300);
615
+ --function-neutral-400: var(--scheme-neutral-400);
616
+ --function-neutral-500: var(--scheme-neutral-500);
617
+ --function-neutral-600: var(--scheme-neutral-600);
618
+ --function-neutral-700: var(--scheme-neutral-700);
619
+ --function-neutral-800: var(--scheme-neutral-800);
620
+ --function-neutral-900: var(--scheme-neutral-900);
621
+ --function-neutral-1000: var(--scheme-neutral-1000);
622
+ --function-neutral-1100: var(--scheme-neutral-1100);
623
+ --function-neutral-1200: var(--scheme-neutral-1200);
624
+
625
+ --function-neutral-600-10: var(--scheme-neutral-600-10);
626
+ --function-neutral-600-30: var(--scheme-neutral-600-30);
627
+ --function-neutral-600-50: var(--scheme-neutral-600-50);
628
+ }
629
+
630
+ [data-neutral="slate"] {
631
+ --function-neutral-100: var(--scheme-slate-100);
632
+ --function-neutral-200: var(--scheme-slate-200);
633
+ --function-neutral-300: var(--scheme-slate-300);
634
+ --function-neutral-400: var(--scheme-slate-400);
635
+ --function-neutral-500: var(--scheme-slate-500);
636
+ --function-neutral-600: var(--scheme-slate-600);
637
+ --function-neutral-700: var(--scheme-slate-700);
638
+ --function-neutral-800: var(--scheme-slate-800);
639
+ --function-neutral-900: var(--scheme-slate-900);
640
+ --function-neutral-1000: var(--scheme-slate-1000);
641
+ --function-neutral-1100: var(--scheme-slate-1100);
642
+ --function-neutral-1200: var(--scheme-slate-1200);
643
+
644
+ --function-neutral-600-10: var(--scheme-slate-600-10);
645
+ --function-neutral-600-30: var(--scheme-slate-600-30);
646
+ --function-neutral-600-50: var(--scheme-slate-600-50);
647
+ }
648
+
649
+ [data-neutral="gray"] {
650
+ --function-neutral-100: var(--scheme-gray-100);
651
+ --function-neutral-200: var(--scheme-gray-200);
652
+ --function-neutral-300: var(--scheme-gray-300);
653
+ --function-neutral-400: var(--scheme-gray-400);
654
+ --function-neutral-500: var(--scheme-gray-500);
655
+ --function-neutral-600: var(--scheme-gray-600);
656
+ --function-neutral-700: var(--scheme-gray-700);
657
+ --function-neutral-800: var(--scheme-gray-800);
658
+ --function-neutral-900: var(--scheme-gray-900);
659
+ --function-neutral-1000: var(--scheme-gray-1000);
660
+ --function-neutral-1100: var(--scheme-gray-1100);
661
+ --function-neutral-1200: var(--scheme-gray-1200);
662
+
663
+ --function-neutral-600-10: var(--scheme-gray-600-10);
664
+ --function-neutral-600-30: var(--scheme-gray-600-30);
665
+ --function-neutral-600-50: var(--scheme-gray-600-50);
666
+ }
667
+
668
+ [data-neutral="sand"] {
669
+ --function-neutral-100: var(--scheme-sand-100);
670
+ --function-neutral-200: var(--scheme-sand-200);
671
+ --function-neutral-300: var(--scheme-sand-300);
672
+ --function-neutral-400: var(--scheme-sand-400);
673
+ --function-neutral-500: var(--scheme-sand-500);
674
+ --function-neutral-600: var(--scheme-sand-600);
675
+ --function-neutral-700: var(--scheme-sand-700);
676
+ --function-neutral-800: var(--scheme-sand-800);
677
+ --function-neutral-900: var(--scheme-sand-900);
678
+ --function-neutral-1000: var(--scheme-sand-1000);
679
+ --function-neutral-1100: var(--scheme-sand-1100);
680
+ --function-neutral-1200: var(--scheme-sand-1200);
681
+
682
+ --function-neutral-600-10: var(--scheme-sand-600-10);
683
+ --function-neutral-600-30: var(--scheme-sand-600-30);
684
+ --function-neutral-600-50: var(--scheme-sand-600-50);
685
+ }
package/dist/tokens/index.scss ADDED
@@ -0,0 +1,8 @@
1
+ @use "@/once-ui/tokens/scheme.scss";
2
+ @use "@/once-ui/tokens/function.scss";
3
+ @use "@/once-ui/tokens/layout.scss";
4
+ @use "@/once-ui/tokens/border.scss";
5
+ @use "@/once-ui/tokens/shadow.scss";
6
+ @use "@/once-ui/tokens/typography.scss";
7
+ @use "@/once-ui/tokens/theme.scss";
8
+ @use "@/once-ui/tokens/data.scss";