@saleor/macaw-ui 0.7.3 → 0.7.4

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 (330) hide show
  1. package/dist/Inter-Black.woff2 +0 -0
  2. package/dist/Inter-BlackItalic.woff2 +0 -0
  3. package/dist/Inter-Bold.woff2 +0 -0
  4. package/dist/Inter-BoldItalic.woff2 +0 -0
  5. package/dist/Inter-ExtraBold.woff2 +0 -0
  6. package/dist/Inter-ExtraBoldItalic.woff2 +0 -0
  7. package/dist/Inter-ExtraLight.woff2 +0 -0
  8. package/dist/Inter-ExtraLightItalic.woff2 +0 -0
  9. package/dist/Inter-Italic.woff2 +0 -0
  10. package/dist/Inter-Light.woff2 +0 -0
  11. package/dist/Inter-LightItalic.woff2 +0 -0
  12. package/dist/Inter-Medium.woff2 +0 -0
  13. package/dist/Inter-MediumItalic.woff2 +0 -0
  14. package/dist/Inter-Regular.woff2 +0 -0
  15. package/dist/Inter-SemiBold.woff2 +0 -0
  16. package/dist/Inter-SemiBoldItalic.woff2 +0 -0
  17. package/dist/Inter-Thin.woff2 +0 -0
  18. package/dist/Inter-ThinItalic.woff2 +0 -0
  19. package/dist/Inter-italic.var.woff2 +0 -0
  20. package/dist/Inter-roman.var.woff2 +0 -0
  21. package/dist/Inter.var.woff2 +0 -0
  22. package/dist/cjs/index.js +2 -2
  23. package/dist/cjs/index.js.map +2 -2
  24. package/dist/components/Accordion/Accordion.stories.d.ts +9 -0
  25. package/dist/components/Accordion/Item/Content.d.ts +9 -0
  26. package/dist/components/Accordion/Item/Item.d.ts +10 -0
  27. package/dist/components/Accordion/Item/Trigger.d.ts +10 -0
  28. package/dist/components/Accordion/Item/TriggerButton.d.ts +8 -0
  29. package/dist/components/Accordion/Item/index.d.ts +4 -0
  30. package/dist/components/Accordion/Root.d.ts +1071 -0
  31. package/dist/components/Accordion/common.css.d.ts +3 -0
  32. package/dist/components/Accordion/index.d.ts +1081 -0
  33. package/dist/components/Avatar/Avatar.stories.d.ts +1078 -0
  34. package/dist/components/Avatar/Store/Store.css.d.ts +14 -0
  35. package/dist/components/Avatar/Store/Store.d.ts +12 -0
  36. package/dist/components/Avatar/Store/index.d.ts +1 -0
  37. package/dist/components/Avatar/User/User.css.d.ts +14 -0
  38. package/dist/components/Avatar/User/User.d.ts +12 -0
  39. package/dist/components/Avatar/User/index.d.ts +1 -0
  40. package/dist/components/Avatar/common.css.d.ts +6 -0
  41. package/dist/components/Avatar/index.d.ts +2141 -0
  42. package/dist/components/BaseInput/BaseInput.css.d.ts +57 -0
  43. package/dist/components/BaseInput/HelperText.d.ts +8 -0
  44. package/dist/components/BaseInput/index.d.ts +2 -0
  45. package/dist/components/BaseSelect/BaseSelect.css.d.ts +22 -0
  46. package/dist/components/BaseSelect/LoadingListItem/LoadingListItem.d.ts +7 -0
  47. package/dist/components/BaseSelect/LoadingListItem/index.d.ts +1 -0
  48. package/dist/components/BaseSelect/helpers.d.ts +6 -0
  49. package/dist/components/BaseSelect/index.d.ts +4 -0
  50. package/dist/components/BaseSelect/types.d.ts +9 -0
  51. package/dist/components/Box/Box.d.ts +1061 -0
  52. package/dist/components/Box/index.d.ts +1 -0
  53. package/dist/components/Button/Button.css.d.ts +18 -0
  54. package/dist/components/Button/Button.d.ts +1076 -0
  55. package/dist/components/Button/Button.stories.d.ts +17 -0
  56. package/dist/components/Button/index.d.ts +1 -0
  57. package/dist/components/Button/utils.d.ts +2 -0
  58. package/dist/components/Button/utils.test.d.ts +1 -0
  59. package/dist/components/Checkbox/Checkbox.css.d.ts +4 -0
  60. package/dist/components/Checkbox/Checkbox.d.ts +1082 -0
  61. package/dist/components/Checkbox/Checkbox.stories.d.ts +10 -0
  62. package/dist/components/Checkbox/CheckedIcon.d.ts +7 -0
  63. package/dist/components/Checkbox/IndeterminateIcon.d.ts +7 -0
  64. package/dist/components/Checkbox/index.d.ts +1 -0
  65. package/dist/components/Chip/Chip.css.d.ts +9 -0
  66. package/dist/components/Chip/Chip.d.ts +1070 -0
  67. package/dist/components/Chip/Chip.stories.d.ts +6 -0
  68. package/dist/components/Chip/index.d.ts +1 -0
  69. package/dist/components/Combobox/Common/ComboboxWrapper.d.ts +18 -0
  70. package/dist/components/Combobox/Common/index.d.ts +2 -0
  71. package/dist/components/Combobox/Common/useCombobox.d.ts +23 -0
  72. package/dist/components/Combobox/Dynamic/DynamicCombobox.d.ts +2175 -0
  73. package/dist/components/Combobox/Dynamic/DynamicCombobox.stories.d.ts +7 -0
  74. package/dist/components/Combobox/Dynamic/index.d.ts +1 -0
  75. package/dist/components/Combobox/Static/Combobox.d.ts +2157 -0
  76. package/dist/components/Combobox/Static/StaticCombobox.stories.d.ts +12 -0
  77. package/dist/components/Combobox/Static/index.d.ts +1 -0
  78. package/dist/components/Combobox/index.d.ts +2 -0
  79. package/dist/components/Divider/Divider.d.ts +1065 -0
  80. package/dist/components/Divider/Divider.stories.d.ts +6 -0
  81. package/dist/components/Divider/index.d.ts +1 -0
  82. package/dist/components/Drawer/Content.css.d.ts +1 -0
  83. package/dist/components/Drawer/Content.d.ts +10 -0
  84. package/dist/components/Drawer/Drawer.stories.d.ts +6 -0
  85. package/dist/components/Drawer/Root.d.ts +8 -0
  86. package/dist/components/Drawer/Trigger.d.ts +8 -0
  87. package/dist/components/Drawer/index.d.ts +17 -0
  88. package/dist/components/Dropdown/Content.d.ts +11 -0
  89. package/dist/components/Dropdown/Dropdown.stories.d.ts +7 -0
  90. package/dist/components/Dropdown/Item.d.ts +9 -0
  91. package/dist/components/Dropdown/Root.d.ts +10 -0
  92. package/dist/components/Dropdown/Trigger.d.ts +8 -0
  93. package/dist/components/Dropdown/common.css.d.ts +2 -0
  94. package/dist/components/Dropdown/index.d.ts +23 -0
  95. package/dist/components/DropdownButton/DropdownButton.css.d.ts +13 -0
  96. package/dist/components/DropdownButton/DropdownButton.d.ts +1073 -0
  97. package/dist/components/DropdownButton/DropdownButton.stories.d.ts +7 -0
  98. package/dist/components/DropdownButton/index.d.ts +1 -0
  99. package/dist/components/ExperimentalFilters/EventEmitter.d.ts +18 -0
  100. package/dist/components/ExperimentalFilters/ExperimentalFilters.stories.d.ts +8 -0
  101. package/dist/components/ExperimentalFilters/Filters.d.ts +8 -0
  102. package/dist/components/ExperimentalFilters/Footer.d.ts +5 -0
  103. package/dist/components/ExperimentalFilters/NoValue.d.ts +3 -0
  104. package/dist/components/ExperimentalFilters/RangeInputWrapper.d.ts +3 -0
  105. package/dist/components/ExperimentalFilters/RightOperator.d.ts +12 -0
  106. package/dist/components/ExperimentalFilters/Root.d.ts +11 -0
  107. package/dist/components/ExperimentalFilters/Row.d.ts +13 -0
  108. package/dist/components/ExperimentalFilters/constrains.d.ts +7 -0
  109. package/dist/components/ExperimentalFilters/context.d.ts +9 -0
  110. package/dist/components/ExperimentalFilters/errors.d.ts +30 -0
  111. package/dist/components/ExperimentalFilters/index.d.ts +4264 -0
  112. package/dist/components/ExperimentalFilters/operators.d.ts +11 -0
  113. package/dist/components/ExperimentalFilters/types.d.ts +152 -0
  114. package/dist/components/ExperimentalFilters/useEvents.d.ts +9 -0
  115. package/dist/components/Expression/AutosizeInput/index.d.ts +23 -0
  116. package/dist/components/Expression/AutosizeInput/useTextMetrics.d.ts +5 -0
  117. package/dist/components/Expression/Condition.d.ts +14 -0
  118. package/dist/components/Expression/Dropdown.d.ts +23 -0
  119. package/dist/components/Expression/Expression.css.d.ts +37 -0
  120. package/dist/components/Expression/Expression.stories.d.ts +10 -0
  121. package/dist/components/Expression/OperandAutocomplete.d.ts +1070 -0
  122. package/dist/components/Expression/OperandDropdown.d.ts +9 -0
  123. package/dist/components/Expression/OperandNumber.d.ts +17 -0
  124. package/dist/components/Expression/OperandRange.d.ts +15 -0
  125. package/dist/components/Expression/OperandText.d.ts +9 -0
  126. package/dist/components/Expression/Root.d.ts +8 -0
  127. package/dist/components/Expression/index.d.ts +1111 -0
  128. package/dist/components/Icons/ArrowDownIcon.d.ts +18 -0
  129. package/dist/components/Icons/ArrowLeftIcon.d.ts +18 -0
  130. package/dist/components/Icons/ArrowRightIcon.d.ts +18 -0
  131. package/dist/components/Icons/ArrowUpIcon.d.ts +18 -0
  132. package/dist/components/Icons/CatalogIcon.d.ts +18 -0
  133. package/dist/components/Icons/CheckboxIcon.d.ts +18 -0
  134. package/dist/components/Icons/ChervonDoubleIcon.d.ts +18 -0
  135. package/dist/components/Icons/ChervonDownIcon.d.ts +18 -0
  136. package/dist/components/Icons/ChervonUpIcon.d.ts +18 -0
  137. package/dist/components/Icons/ChevronLeftIcon.d.ts +18 -0
  138. package/dist/components/Icons/ChevronRightIcon.d.ts +18 -0
  139. package/dist/components/Icons/CloseIcon.d.ts +18 -0
  140. package/dist/components/Icons/ConfigurationIcon.d.ts +18 -0
  141. package/dist/components/Icons/CopyIcon.d.ts +18 -0
  142. package/dist/components/Icons/CustomersIcon.d.ts +18 -0
  143. package/dist/components/Icons/DarkModeIcon.d.ts +18 -0
  144. package/dist/components/Icons/EditIcon.d.ts +18 -0
  145. package/dist/components/Icons/ExportIcon.d.ts +18 -0
  146. package/dist/components/Icons/ExternalLinkIcon.d.ts +18 -0
  147. package/dist/components/Icons/FileExportIcon.d.ts +18 -0
  148. package/dist/components/Icons/FloppyDiscIcon.d.ts +18 -0
  149. package/dist/components/Icons/FullscreenOffIcon.d.ts +18 -0
  150. package/dist/components/Icons/FullscreenOnIcon.d.ts +18 -0
  151. package/dist/components/Icons/GenericAppIcon.d.ts +18 -0
  152. package/dist/components/Icons/GripIcon.d.ts +18 -0
  153. package/dist/components/Icons/HomeIcon.d.ts +18 -0
  154. package/dist/components/Icons/InfoIcon.d.ts +18 -0
  155. package/dist/components/Icons/LightModeIcon.d.ts +18 -0
  156. package/dist/components/Icons/MailIcon.d.ts +18 -0
  157. package/dist/components/Icons/MarketplaceIcon.d.ts +18 -0
  158. package/dist/components/Icons/MenuIcon.d.ts +18 -0
  159. package/dist/components/Icons/MoreOptionsIcon.d.ts +18 -0
  160. package/dist/components/Icons/OrdersIcon.d.ts +18 -0
  161. package/dist/components/Icons/PlusIcon.d.ts +18 -0
  162. package/dist/components/Icons/ProductsIcons.d.ts +18 -0
  163. package/dist/components/Icons/RemoveIcon.d.ts +18 -0
  164. package/dist/components/Icons/SVGWrapper/SVGWrapper.css.d.ts +36 -0
  165. package/dist/components/Icons/SVGWrapper/SVGWrapper.d.ts +17 -0
  166. package/dist/components/Icons/SVGWrapper/createSVGWrapper.d.ts +18 -0
  167. package/dist/components/Icons/SVGWrapper/index.d.ts +2 -0
  168. package/dist/components/Icons/SearchIcon.d.ts +18 -0
  169. package/dist/components/Icons/SellsIcon.d.ts +18 -0
  170. package/dist/components/Icons/StorefrontIcon.d.ts +18 -0
  171. package/dist/components/Icons/TableEditIcon.d.ts +18 -0
  172. package/dist/components/Icons/TranslationsIcon.d.ts +18 -0
  173. package/dist/components/Icons/TrashBinIcon.d.ts +18 -0
  174. package/dist/components/Icons/ViewListIcon.d.ts +18 -0
  175. package/dist/components/Icons/ViewTableIcon.d.ts +18 -0
  176. package/dist/components/Icons/ViewTilesIcon.d.ts +18 -0
  177. package/dist/components/Icons/ViewWideTilesIcon.d.ts +18 -0
  178. package/dist/components/Icons/VouchersIcon.d.ts +18 -0
  179. package/dist/components/Icons/WarningIcon.d.ts +18 -0
  180. package/dist/components/Icons/index.d.ts +48 -0
  181. package/dist/components/Input/Input.d.ts +1077 -0
  182. package/dist/components/Input/Input.stories.d.ts +14 -0
  183. package/dist/components/Input/Input.test.d.ts +1 -0
  184. package/dist/components/Input/InputWrapper.d.ts +28 -0
  185. package/dist/components/Input/InputWrapper.test.d.ts +1 -0
  186. package/dist/components/Input/helpers.d.ts +4 -0
  187. package/dist/components/Input/index.d.ts +1 -0
  188. package/dist/components/List/Divider.d.ts +10 -0
  189. package/dist/components/List/Item.d.ts +1073 -0
  190. package/dist/components/List/ItemGroup/Content.d.ts +7 -0
  191. package/dist/components/List/ItemGroup/Root.d.ts +11 -0
  192. package/dist/components/List/ItemGroup/Trigger.d.ts +13 -0
  193. package/dist/components/List/ItemGroup/common.css.d.ts +3 -0
  194. package/dist/components/List/ItemGroup/context.d.ts +7 -0
  195. package/dist/components/List/ItemGroup/index.d.ts +18 -0
  196. package/dist/components/List/List.d.ts +1069 -0
  197. package/dist/components/List/List.stories.d.ts +9 -0
  198. package/dist/components/List/index.d.ts +2151 -0
  199. package/dist/components/Modal/Close.d.ts +8 -0
  200. package/dist/components/Modal/Content.css.d.ts +1 -0
  201. package/dist/components/Modal/Content.d.ts +8 -0
  202. package/dist/components/Modal/Modal.stories.d.ts +7 -0
  203. package/dist/components/Modal/Root.d.ts +10 -0
  204. package/dist/components/Modal/Trigger.d.ts +8 -0
  205. package/dist/components/Modal/index.d.ts +21 -0
  206. package/dist/components/Multiselect/Common/Adornment.d.ts +10 -0
  207. package/dist/components/Multiselect/Common/Multiselect.css.d.ts +17 -0
  208. package/dist/components/Multiselect/Common/MultiselectWrapper.d.ts +21 -0
  209. package/dist/components/Multiselect/Common/index.d.ts +3 -0
  210. package/dist/components/Multiselect/Common/useMultiselect.d.ts +29 -0
  211. package/dist/components/Multiselect/Dynamic/DynamicMultiselect.d.ts +2176 -0
  212. package/dist/components/Multiselect/Dynamic/DynamicMultiselect.stories.d.ts +5 -0
  213. package/dist/components/Multiselect/Dynamic/index.d.ts +1 -0
  214. package/dist/components/Multiselect/Static/Multiselect.d.ts +2164 -0
  215. package/dist/components/Multiselect/Static/Multiselect.stories.d.ts +11 -0
  216. package/dist/components/Multiselect/Static/index.d.ts +1 -0
  217. package/dist/components/Multiselect/index.d.ts +2 -0
  218. package/dist/components/Popover/Anchor.d.ts +8 -0
  219. package/dist/components/Popover/Arrow.d.ts +10 -0
  220. package/dist/components/Popover/Close.d.ts +6 -0
  221. package/dist/components/Popover/Content.d.ts +15 -0
  222. package/dist/components/Popover/Popover.css.d.ts +2 -0
  223. package/dist/components/Popover/Popover.stories.d.ts +6 -0
  224. package/dist/components/Popover/Root.d.ts +13 -0
  225. package/dist/components/Popover/Trigger.d.ts +8 -0
  226. package/dist/components/Popover/index.d.ts +33 -0
  227. package/dist/components/RadioGroup/Group.css.d.ts +16 -0
  228. package/dist/components/RadioGroup/Group.d.ts +1079 -0
  229. package/dist/components/RadioGroup/Item.css.d.ts +72 -0
  230. package/dist/components/RadioGroup/Item.d.ts +1076 -0
  231. package/dist/components/RadioGroup/RadioGroup.stories.d.ts +8 -0
  232. package/dist/components/RadioGroup/index.d.ts +2137 -0
  233. package/dist/components/RangeInput/RangeInput.d.ts +1081 -0
  234. package/dist/components/RangeInput/RangeInput.stories.d.ts +7 -0
  235. package/dist/components/RangeInput/index.d.ts +1 -0
  236. package/dist/components/SearchInput/SearchInput.css.d.ts +19 -0
  237. package/dist/components/SearchInput/SearchInput.d.ts +1064 -0
  238. package/dist/components/SearchInput/SearchInput.stories.d.ts +6 -0
  239. package/dist/components/SearchInput/index.d.ts +1 -0
  240. package/dist/components/Select/Select.d.ts +2151 -0
  241. package/dist/components/Select/Select.stories.d.ts +10 -0
  242. package/dist/components/Select/SelectWrapper.d.ts +18 -0
  243. package/dist/components/Select/index.d.ts +1 -0
  244. package/dist/components/Select/useSelect.d.ts +22 -0
  245. package/dist/components/Skeleton/Skeleton.css.d.ts +1 -0
  246. package/dist/components/Skeleton/Skeleton.d.ts +4 -0
  247. package/dist/components/Skeleton/Skeleton.stories.d.ts +6 -0
  248. package/dist/components/Skeleton/index.d.ts +1 -0
  249. package/dist/components/Spinner/Spinner.css.d.ts +1 -0
  250. package/dist/components/Spinner/Spinner.d.ts +4 -0
  251. package/dist/components/Spinner/Spinner.stories.d.ts +6 -0
  252. package/dist/components/Spinner/index.d.ts +1 -0
  253. package/dist/components/Switch/Item.d.ts +13 -0
  254. package/dist/components/Switch/Switch.css.d.ts +12 -0
  255. package/dist/components/Switch/Switch.d.ts +1072 -0
  256. package/dist/components/Switch/Switch.stories.d.ts +6 -0
  257. package/dist/components/Switch/index.d.ts +1071 -0
  258. package/dist/components/Text/Text.css.d.ts +25 -0
  259. package/dist/components/Text/Text.d.ts +1074 -0
  260. package/dist/components/Text/Text.stories.d.ts +13 -0
  261. package/dist/components/Text/index.d.ts +1 -0
  262. package/dist/components/Textarea/Textarea.d.ts +1077 -0
  263. package/dist/components/Textarea/Textarea.stories.d.ts +10 -0
  264. package/dist/components/Textarea/TextareaWrapper.d.ts +27 -0
  265. package/dist/components/Textarea/index.d.ts +1 -0
  266. package/dist/components/Toggle/Toggle.css.d.ts +5 -0
  267. package/dist/components/Toggle/Toggle.d.ts +3 -0
  268. package/dist/components/Toggle/Toggle.stories.d.ts +9 -0
  269. package/dist/components/Toggle/index.d.ts +1 -0
  270. package/dist/components/Tooltip/Arrow.d.ts +9 -0
  271. package/dist/components/Tooltip/Content.d.ts +14 -0
  272. package/dist/components/Tooltip/ContentHeading.d.ts +8 -0
  273. package/dist/components/Tooltip/Root.d.ts +13 -0
  274. package/dist/components/Tooltip/Tooltip.css.d.ts +2 -0
  275. package/dist/components/Tooltip/Tooltip.stories.d.ts +10 -0
  276. package/dist/components/Tooltip/Trigger.d.ts +5 -0
  277. package/dist/components/Tooltip/index.d.ts +24 -0
  278. package/dist/components/index.d.ts +31 -0
  279. package/dist/components/types.d.ts +1 -0
  280. package/dist/esm/index.js +2 -2
  281. package/dist/esm/index.js.map +2 -2
  282. package/dist/hooks/useAutoHeightTextarea.d.ts +2 -0
  283. package/dist/hooks/useClickOutside.d.ts +2 -0
  284. package/dist/hooks/useFloating.d.ts +26 -0
  285. package/dist/hooks/useInfinityScroll.d.ts +2 -0
  286. package/dist/index.d.ts +2 -0
  287. package/dist/index.js +101 -0
  288. package/dist/index.js.map +1 -0
  289. package/dist/index.mjs +12929 -0
  290. package/dist/index.mjs.map +1 -0
  291. package/dist/style.css +1 -0
  292. package/dist/theme/context.d.ts +13 -0
  293. package/dist/theme/contract.css.d.ts +272 -0
  294. package/dist/theme/fonts.css.d.ts +1 -0
  295. package/dist/theme/global.css.d.ts +1 -0
  296. package/dist/theme/helpers.d.ts +4 -0
  297. package/dist/theme/index.d.ts +7 -0
  298. package/dist/theme/media-queries.d.ts +2 -0
  299. package/dist/theme/provider.d.ts +8 -0
  300. package/dist/theme/reset.css.d.ts +1 -0
  301. package/dist/theme/sprinkles.css.d.ts +592 -0
  302. package/dist/theme/themes/common.d.ts +151 -0
  303. package/dist/theme/themes/defaultDark.d.ts +272 -0
  304. package/dist/theme/themes/defaultLight.d.ts +272 -0
  305. package/dist/theme/themes/index.d.ts +548 -0
  306. package/dist/types/Chip/Chip.d.ts +1 -1
  307. package/dist/types/Chip/ChipMovable.d.ts +1 -1
  308. package/dist/types/Chip/ChipRemovable.d.ts +1 -1
  309. package/dist/types/Chip/ChipSwatch.d.ts +1 -1
  310. package/dist/types/DialogTable/DialogTable.d.ts +1 -1
  311. package/dist/types/icons/indicator/regular/ErrorIndicatorIcon.d.ts +1 -1
  312. package/dist/types/icons/indicator/regular/FailIndicatorIcon.d.ts +1 -1
  313. package/dist/types/icons/indicator/regular/FailOutlineIndicatorIcon.d.ts +1 -1
  314. package/dist/types/icons/indicator/regular/HelpIndicatorIcon.d.ts +1 -1
  315. package/dist/types/icons/indicator/regular/SuccessIndicatorIcon.d.ts +1 -1
  316. package/dist/types/icons/indicator/regular/WarningIndicatorIcon.d.ts +1 -1
  317. package/dist/types/icons/indicator/small/ErrorSmallIndicatorIcon.d.ts +1 -1
  318. package/dist/types/icons/indicator/small/SuccessSmallIndicatorIcon.d.ts +1 -1
  319. package/dist/types/icons/indicator/small/WarningSmallIndicatorIcon.d.ts +1 -1
  320. package/dist/types/theme/Baseline.d.ts +1 -5
  321. package/dist/types/theme/ThemeProvider.d.ts +0 -4
  322. package/dist/utils/css.d.ts +1 -0
  323. package/dist/utils/css.test.d.ts +1 -0
  324. package/dist/utils/index.d.ts +3 -0
  325. package/dist/utils/string.d.ts +2 -0
  326. package/dist/utils/string.test.d.ts +1 -0
  327. package/package.json +2 -2
  328. package/src/theme/Baseline.tsx +53 -61
  329. package/src/theme/ThemeProvider.tsx +1 -6
  330. package/src/theme/createSaleorTheme/createSaleorTheme.tsx +1 -1
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ import { DefaultTheme, ThemeTokensValues } from "./themes";
3
+ type ThemeProviderProps = {
4
+ children: React.ReactNode;
5
+ defaultTheme: DefaultTheme;
6
+ };
7
+ export declare const ThemeContextProvider: ({ children, defaultTheme, }: ThemeProviderProps) => JSX.Element;
8
+ export declare const useTheme: () => {
9
+ theme: DefaultTheme;
10
+ setTheme: (to: DefaultTheme) => void;
11
+ themeValues: ThemeTokensValues;
12
+ };
13
+ export {};
@@ -0,0 +1,272 @@
1
+ export declare const vars: {
2
+ spacing: {
3
+ 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
+ px: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
+ 0.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
+ 1.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
+ 2.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ 3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
+ 3.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
+ 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ 5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ 6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
+ 7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ 8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ 9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ 10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
+ 11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ 12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ 14: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
+ 16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ 20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
+ 24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
+ 28: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
+ 32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ 36: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ 40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ 44: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ 48: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ 52: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ };
33
+ colors: {
34
+ foreground: {
35
+ textNeutralPlain: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ textNeutralDefault: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ textNeutralSubdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ textNeutralDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ textNeutralContrasted: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ textBrandDefault: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
+ textBrandSubdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
+ textBrandDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
+ textCriticalDefault: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
+ textCriticalSubdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
+ textCriticalDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
+ iconNeutralPlain: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
+ iconNeutralDefault: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
+ iconNeutralSubdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
+ iconNeutralDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ iconNeutralContrasted: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
+ iconBrandDefault: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
+ iconBrandSubdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
+ iconBrandDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
+ iconCriticalDefault: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ iconCriticalSubdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
+ iconCriticalDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
+ text1Decorative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
+ text2Decorative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
+ text3Decorative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
+ icon1Decorative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ icon2Decorative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
+ icon3Decorative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
+ };
64
+ background: {
65
+ plain: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
66
+ subdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ highlightDim: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
+ highlightPale: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
+ surfaceNeutralPlain: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
+ surfaceNeutralSubdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
+ surfaceNeutralDepressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
72
+ surfaceNeutralHighlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
73
+ surfaceBrandSubdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
74
+ surfaceBrandDepressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
75
+ surfaceBrandHighlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
+ surfaceCriticalSubdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
77
+ surfaceCriticalDepressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
78
+ surfaceCriticalHighlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
79
+ interactiveNeutralDefault: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
80
+ interactiveNeutralHovering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
81
+ interactiveNeutralPressing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
+ interactiveNeutralFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
+ interactiveNeutralDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
+ interactiveBrandDefault: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
85
+ interactiveBrandHovering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
+ interactiveBrandPressing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
87
+ interactiveBrandFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
88
+ interactiveBrandDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
89
+ interactiveCriticalDefault: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
+ interactiveCriticalHovering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
+ interactiveCriticalPressing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
92
+ interactiveCriticalFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
93
+ interactiveCriticalDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
94
+ interactiveNeutralSecondaryDefault: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
95
+ interactiveNeutralSecondaryHovering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
96
+ interactiveNeutralSecondaryPressing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
97
+ interactiveNeutralSecondaryFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
98
+ interactiveNeutralSecondaryDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
99
+ interactiveBrandSecondaryDefault: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
100
+ interactiveBrandSecondaryHovering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
101
+ interactiveBrandSecondaryPressing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
102
+ interactiveBrandSecondaryFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
103
+ interactiveBrandSecondaryDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
104
+ interactiveCriticalSecondaryDefault: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
105
+ interactiveCriticalSecondaryHovering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
106
+ interactiveCriticalSecondaryPressing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
107
+ interactiveCriticalSecondaryFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
108
+ interactiveCriticalSecondaryDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
+ interactiveNeutralHighlightDefault: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
+ interactiveNeutralHighlightHovering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
111
+ interactiveNeutralHighlightPressing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
+ interactiveNeutralHighlightFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
+ interactiveNeutralHighlightDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
114
+ interactiveBrandHighlightDefault: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
+ interactiveBrandHighlightHovering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
+ interactiveBrandHighlightPressing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
+ interactiveBrandHighlightFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
118
+ interactiveBrandHighlightDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
119
+ interactiveCriticalHighlightDefault: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
+ interactiveCriticalHighlightHovering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
+ interactiveCriticalHighlightPressing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
+ interactiveCriticalHighlightFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
123
+ interactiveCriticalHighlightDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
124
+ decorativeSurfacePlain1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
+ decorativeSurfacePlain2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
126
+ decorativeSurfacePlain3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
+ decorativeSurfaceSubdued1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
+ decorativeSurfaceSubdued2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
129
+ decorativeSurfaceSubdued3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
130
+ };
131
+ border: {
132
+ neutralDefault: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
133
+ neutralSubdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
+ neutralHighlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
+ neutralPlain: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
+ brandPlain: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
137
+ brandDefault: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
138
+ brandSubdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
139
+ brandHighlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
140
+ criticalPlain: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
141
+ criticalDefault: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
142
+ criticalSubdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
143
+ criticalHighlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
144
+ };
145
+ };
146
+ fontSize: {
147
+ heroLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
+ heroMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
+ heroSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
150
+ titleLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
151
+ titleMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
+ titleSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
+ headingLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
+ headingMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
+ headingSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
+ bodyStrongLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
157
+ bodyStrongMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
158
+ bodyStrongSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
159
+ bodyEmpLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
160
+ bodyEmpMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
+ bodyEmpSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
+ bodyLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
+ bodyMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
+ bodySmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
165
+ buttonLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
166
+ buttonMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
167
+ buttonSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
168
+ captionLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
+ captionMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
+ captionSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
171
+ };
172
+ borderRadius: {
173
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
174
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
+ 3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
176
+ 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
177
+ 5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
178
+ 6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
179
+ 7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
180
+ 8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
181
+ 9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
182
+ };
183
+ lineHeight: {
184
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
185
+ heroLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
186
+ heroMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
+ heroSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
+ titleLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
+ titleMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
+ titleSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
+ headingLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
192
+ headingMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
193
+ headingSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
194
+ bodyStrongLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
+ bodyStrongMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
+ bodyStrongSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
197
+ bodyEmpLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
198
+ bodyEmpMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
+ bodyEmpSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
+ bodyLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
+ bodyMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
+ bodySmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
203
+ buttonLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
+ buttonMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
+ buttonSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
+ captionLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
207
+ captionMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
208
+ captionSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
209
+ };
210
+ fontWeight: {
211
+ heroLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
212
+ heroMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
213
+ heroSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
+ titleLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
215
+ titleMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
216
+ titleSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
217
+ headingLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
218
+ headingMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
219
+ headingSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
220
+ bodyStrongLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
221
+ bodyStrongMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
222
+ bodyStrongSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
223
+ bodyEmpLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
224
+ bodyEmpMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
225
+ bodyEmpSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
226
+ bodyLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
227
+ bodyMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
228
+ bodySmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
229
+ buttonLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
230
+ buttonMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
+ buttonSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
232
+ captionLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
+ captionMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
234
+ captionSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
235
+ };
236
+ letterSpacing: {
237
+ heroLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
238
+ heroMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
239
+ heroSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
240
+ titleLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
241
+ titleMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
242
+ titleSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
243
+ headingLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
244
+ headingMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
245
+ headingSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
246
+ bodyStrongLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
247
+ bodyStrongMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
248
+ bodyStrongSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
249
+ bodyEmpLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
250
+ bodyEmpMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
251
+ bodyEmpSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
252
+ bodyLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
253
+ bodyMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
254
+ bodySmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
255
+ buttonLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
256
+ buttonMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
257
+ buttonSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
258
+ captionLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
259
+ captionMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
260
+ captionSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
261
+ };
262
+ boxShadow: {
263
+ interactiveDefaultFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
264
+ interactiveDefaultHovering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
265
+ overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
266
+ modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
267
+ };
268
+ borderWidth: {
269
+ 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
270
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
271
+ };
272
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,4 @@
1
+ import { DefaultTheme } from "./themes";
2
+ export declare const getCSSVariables: (theme: DefaultTheme) => {
3
+ [cssVarName: string]: string;
4
+ };
@@ -0,0 +1,7 @@
1
+ export * from "./contract.css";
2
+ export * from "./provider";
3
+ export * from "./sprinkles.css";
4
+ export { useTheme } from "./context";
5
+ export * from "./themes";
6
+ export * from "./media-queries";
7
+ export * from "./helpers";
@@ -0,0 +1,2 @@
1
+ export declare const tabletMediaQuery = "screen and (min-width: 768px)";
2
+ export declare const desktopMediaQuery = "screen and (min-width: 1024px)";
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { DefaultTheme } from "./themes";
3
+ type ThemeProviderProps = {
4
+ children: React.ReactNode;
5
+ defaultTheme?: DefaultTheme;
6
+ };
7
+ export declare const ThemeProvider: ({ children, defaultTheme, }: ThemeProviderProps) => JSX.Element;
8
+ export {};
@@ -0,0 +1 @@
1
+ export {};