@dynatrace/strato-components 1.4.0 → 1.6.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 (375) hide show
  1. package/buttons/button/Button.css +18 -22
  2. package/buttons/button/Button.d.ts +4 -4
  3. package/buttons/button/Button.js +48 -34
  4. package/buttons/button/Button.sty.js +5 -4
  5. package/buttons/button/Label.d.ts +2 -2
  6. package/buttons/button/Label.js +7 -5
  7. package/buttons/button/Prefix.d.ts +2 -2
  8. package/buttons/button/Prefix.js +7 -15
  9. package/buttons/button/Suffix.d.ts +3 -3
  10. package/buttons/button/Suffix.js +7 -15
  11. package/buttons/button/types/button-aria.js +1 -0
  12. package/buttons/button/utils/focus-without-scrolling.js +1 -0
  13. package/buttons/button/utils/is-virtual-event.js +1 -0
  14. package/buttons/index.js +1 -0
  15. package/buttons/intent-button/IntentButton.d.ts +2 -2
  16. package/buttons/intent-button/IntentButton.js +17 -21
  17. package/buttons/intent-button/useIntentButton.d.ts +4 -3
  18. package/buttons/intent-button/useIntentButton.js +1 -0
  19. package/content/index.js +1 -0
  20. package/content/progress/ProgressBar.css +71 -71
  21. package/content/progress/ProgressBar.d.ts +4 -5
  22. package/content/progress/ProgressBar.js +50 -41
  23. package/content/progress/ProgressBar.sty.js +6 -5
  24. package/content/progress/ProgressBarIcon.css +2 -2
  25. package/content/progress/ProgressBarIcon.d.ts +1 -2
  26. package/content/progress/ProgressBarIcon.js +7 -5
  27. package/content/progress/ProgressBarIcon.sty.js +2 -1
  28. package/content/progress/ProgressBarLabel.css +3 -3
  29. package/content/progress/ProgressBarLabel.d.ts +1 -2
  30. package/content/progress/ProgressBarLabel.js +7 -5
  31. package/content/progress/ProgressBarLabel.sty.js +2 -1
  32. package/content/progress/ProgressBarValue.css +5 -5
  33. package/content/progress/ProgressBarValue.d.ts +1 -2
  34. package/content/progress/ProgressBarValue.js +7 -5
  35. package/content/progress/ProgressBarValue.sty.js +2 -1
  36. package/content/progress/ProgressCircle.css +40 -40
  37. package/content/progress/ProgressCircle.d.ts +1 -2
  38. package/content/progress/ProgressCircle.js +61 -55
  39. package/content/progress/ProgressCircle.sty.js +6 -5
  40. package/content/progress/contexts/SharedProgressBarPropsContext.d.ts +1 -2
  41. package/content/progress/contexts/SharedProgressBarPropsContext.js +3 -12
  42. package/content/progress/hooks/useProgressAriaProps.js +1 -0
  43. package/content/progress/hooks/useProgressBarPropsContext.js +1 -0
  44. package/content/skeleton/Skeleton.css +6 -6
  45. package/content/skeleton/Skeleton.d.ts +2 -2
  46. package/content/skeleton/Skeleton.js +7 -5
  47. package/content/skeleton/Skeleton.sty.js +2 -1
  48. package/content/skeleton/SkeletonText.d.ts +2 -2
  49. package/content/skeleton/SkeletonText.js +10 -18
  50. package/core/components/app-root/AppRoot.d.ts +3 -3
  51. package/core/components/app-root/AppRoot.js +16 -24
  52. package/core/components/app-root/AppRoot.sty.js +1 -0
  53. package/core/components/focus-scope/FocusScope.d.ts +1 -2
  54. package/core/components/focus-scope/FocusScope.js +7 -15
  55. package/core/contexts/FocusContext.js +1 -0
  56. package/core/hooks/useActiveElement.js +1 -0
  57. package/core/hooks/useAriaLabelingProps.js +1 -0
  58. package/core/hooks/useCurrentTheme.js +1 -0
  59. package/core/hooks/useFocusContext.js +1 -0
  60. package/core/hooks/useFontsUpdated.js +2 -1
  61. package/core/hooks/useId.js +1 -0
  62. package/core/hooks/useMergeRefs.d.ts +2 -2
  63. package/core/hooks/useMergeRefs.js +1 -0
  64. package/core/hooks/useSafeForwardProps.js +1 -0
  65. package/core/index.js +1 -0
  66. package/core/providers/FocusProvider.d.ts +1 -2
  67. package/core/providers/FocusProvider.js +7 -15
  68. package/core/styles/focusRing.css +66 -66
  69. package/core/styles/focusRing.sty.js +3 -2
  70. package/core/styles/useFocusRing.d.ts +3 -3
  71. package/core/styles/useFocusRing.js +1 -0
  72. package/core/types/a11y-props.js +1 -0
  73. package/core/types/data-props.js +1 -0
  74. package/core/types/dom.js +1 -0
  75. package/core/types/heading.js +1 -0
  76. package/core/types/masking-props.js +1 -0
  77. package/core/types/polymorph.d.ts +1 -1
  78. package/core/types/polymorph.js +1 -0
  79. package/core/types/styling-props.d.ts +1 -1
  80. package/core/types/styling-props.js +1 -0
  81. package/core/types/with-children.d.ts +1 -1
  82. package/core/types/with-children.js +1 -0
  83. package/core/utils/_is-string-children.d.ts +2 -2
  84. package/core/utils/_is-string-children.js +3 -12
  85. package/core/utils/colorUtils.css +60 -60
  86. package/core/utils/colorUtils.sty.js +3 -2
  87. package/core/utils/focus-management/attempt-focus.js +1 -0
  88. package/core/utils/focus-management/focus-first-descendant.js +1 -0
  89. package/core/utils/focus-management/get-first-focusable-child.js +1 -0
  90. package/core/utils/focus-management/get-last-focusable-child.js +1 -0
  91. package/core/utils/focus-management/is-focusable.js +1 -0
  92. package/core/utils/isBrowser.js +1 -0
  93. package/core/utils/merge-props.js +1 -0
  94. package/core/utils/parse-boolean.js +1 -0
  95. package/core/utils/seed-random.js +1 -0
  96. package/core/utils/uuidv4.js +1 -0
  97. package/esm/buttons/button/Button.css +18 -22
  98. package/esm/buttons/button/Button.js +49 -35
  99. package/esm/buttons/button/Button.js.map +2 -2
  100. package/esm/buttons/button/Button.sty.js +4 -4
  101. package/esm/buttons/button/Button.sty.js.map +1 -1
  102. package/esm/buttons/button/Label.js +6 -5
  103. package/esm/buttons/button/Label.js.map +2 -2
  104. package/esm/buttons/button/Prefix.js +6 -5
  105. package/esm/buttons/button/Prefix.js.map +2 -2
  106. package/esm/buttons/button/Suffix.js +6 -5
  107. package/esm/buttons/button/Suffix.js.map +2 -2
  108. package/esm/buttons/intent-button/IntentButton.js +16 -11
  109. package/esm/buttons/intent-button/IntentButton.js.map +2 -2
  110. package/esm/buttons/intent-button/useIntentButton.js +4 -1
  111. package/esm/buttons/intent-button/useIntentButton.js.map +2 -2
  112. package/esm/content/progress/ProgressBar.css +71 -71
  113. package/esm/content/progress/ProgressBar.js +53 -41
  114. package/esm/content/progress/ProgressBar.js.map +2 -2
  115. package/esm/content/progress/ProgressBar.sty.js +5 -5
  116. package/esm/content/progress/ProgressBar.sty.js.map +1 -1
  117. package/esm/content/progress/ProgressBarIcon.css +2 -2
  118. package/esm/content/progress/ProgressBarIcon.js +6 -5
  119. package/esm/content/progress/ProgressBarIcon.js.map +2 -2
  120. package/esm/content/progress/ProgressBarIcon.sty.js +1 -1
  121. package/esm/content/progress/ProgressBarIcon.sty.js.map +1 -1
  122. package/esm/content/progress/ProgressBarLabel.css +3 -3
  123. package/esm/content/progress/ProgressBarLabel.js +6 -5
  124. package/esm/content/progress/ProgressBarLabel.js.map +2 -2
  125. package/esm/content/progress/ProgressBarLabel.sty.js +1 -1
  126. package/esm/content/progress/ProgressBarLabel.sty.js.map +1 -1
  127. package/esm/content/progress/ProgressBarValue.css +5 -5
  128. package/esm/content/progress/ProgressBarValue.js +6 -5
  129. package/esm/content/progress/ProgressBarValue.js.map +2 -2
  130. package/esm/content/progress/ProgressBarValue.sty.js +1 -1
  131. package/esm/content/progress/ProgressBarValue.sty.js.map +1 -1
  132. package/esm/content/progress/ProgressCircle.css +40 -40
  133. package/esm/content/progress/ProgressCircle.js +60 -55
  134. package/esm/content/progress/ProgressCircle.js.map +2 -2
  135. package/esm/content/progress/ProgressCircle.sty.js +5 -5
  136. package/esm/content/progress/ProgressCircle.sty.js.map +1 -1
  137. package/esm/content/progress/contexts/SharedProgressBarPropsContext.js +2 -2
  138. package/esm/content/progress/contexts/SharedProgressBarPropsContext.js.map +2 -2
  139. package/esm/content/skeleton/Skeleton.css +6 -6
  140. package/esm/content/skeleton/Skeleton.js +6 -5
  141. package/esm/content/skeleton/Skeleton.js.map +2 -2
  142. package/esm/content/skeleton/Skeleton.sty.js +1 -1
  143. package/esm/content/skeleton/Skeleton.sty.js.map +1 -1
  144. package/esm/content/skeleton/SkeletonText.js +9 -8
  145. package/esm/content/skeleton/SkeletonText.js.map +2 -2
  146. package/esm/core/components/app-root/AppRoot.js +15 -14
  147. package/esm/core/components/app-root/AppRoot.js.map +2 -2
  148. package/esm/core/components/focus-scope/FocusScope.js +6 -5
  149. package/esm/core/components/focus-scope/FocusScope.js.map +2 -2
  150. package/esm/core/hooks/useFontsUpdated.js +1 -1
  151. package/esm/core/hooks/useFontsUpdated.js.map +2 -2
  152. package/esm/core/hooks/useMergeRefs.js +3 -1
  153. package/esm/core/hooks/useMergeRefs.js.map +2 -2
  154. package/esm/core/providers/FocusProvider.js +6 -5
  155. package/esm/core/providers/FocusProvider.js.map +2 -2
  156. package/esm/core/styles/focusRing.css +66 -66
  157. package/esm/core/styles/focusRing.sty.js +2 -2
  158. package/esm/core/styles/focusRing.sty.js.map +1 -1
  159. package/esm/core/styles/useFocusRing.js.map +1 -1
  160. package/esm/core/utils/_is-string-children.js +2 -2
  161. package/esm/core/utils/_is-string-children.js.map +2 -2
  162. package/esm/core/utils/colorUtils.css +60 -60
  163. package/esm/core/utils/colorUtils.sty.js +2 -2
  164. package/esm/core/utils/colorUtils.sty.js.map +1 -1
  165. package/esm/layouts/container/Container.css +4 -4
  166. package/esm/layouts/container/Container.js +7 -6
  167. package/esm/layouts/container/Container.js.map +2 -2
  168. package/esm/layouts/container/Container.sty.js +1 -1
  169. package/esm/layouts/container/Container.sty.js.map +1 -1
  170. package/esm/layouts/divider/Divider.css +6 -6
  171. package/esm/layouts/divider/Divider.js +3 -2
  172. package/esm/layouts/divider/Divider.js.map +2 -2
  173. package/esm/layouts/divider/Divider.sty.js +1 -1
  174. package/esm/layouts/divider/Divider.sty.js.map +1 -1
  175. package/esm/layouts/flex/Flex.js +6 -5
  176. package/esm/layouts/flex/Flex.js.map +2 -2
  177. package/esm/layouts/grid/Grid.js +6 -5
  178. package/esm/layouts/grid/Grid.js.map +2 -2
  179. package/esm/layouts/surface/Surface.css +39 -39
  180. package/esm/layouts/surface/Surface.js +17 -14
  181. package/esm/layouts/surface/Surface.js.map +2 -2
  182. package/esm/layouts/surface/Surface.sty.js +2 -2
  183. package/esm/layouts/surface/Surface.sty.js.map +1 -1
  184. package/esm/layouts/surface/variables.sty.js +1 -1
  185. package/esm/layouts/surface/variables.sty.js.map +1 -1
  186. package/esm/styles/colorUtils.css +60 -60
  187. package/esm/styles/colorUtils.sty.js +2 -2
  188. package/esm/styles/colorUtils.sty.js.map +1 -1
  189. package/esm/styles/container.css +47 -47
  190. package/esm/styles/container.sty.js +2 -2
  191. package/esm/styles/container.sty.js.map +1 -1
  192. package/esm/styles/ellipsis.css +1 -1
  193. package/esm/styles/ellipsis.sty.js +1 -1
  194. package/esm/styles/ellipsis.sty.js.map +1 -1
  195. package/esm/styles/field.css +153 -153
  196. package/esm/styles/field.sty.js +2 -2
  197. package/esm/styles/field.sty.js.map +1 -1
  198. package/esm/styles/getFlexStyles.js.map +1 -1
  199. package/esm/styles/getGridStyles.js.map +1 -1
  200. package/esm/styles/getLayoutSizeStyles.js.map +1 -1
  201. package/esm/styles/sprinkles.css +262 -262
  202. package/esm/styles/sprinkles.sty.js +1 -1
  203. package/esm/styles/sprinkles.sty.js.map +1 -1
  204. package/esm/styles/textStyle.css +8 -8
  205. package/esm/styles/textStyle.sty.js +1 -1
  206. package/esm/styles/textStyle.sty.js.map +1 -1
  207. package/esm/typography/block-quote/Blockquote.css +2 -2
  208. package/esm/typography/block-quote/Blockquote.js +6 -5
  209. package/esm/typography/block-quote/Blockquote.js.map +2 -2
  210. package/esm/typography/block-quote/Blockquote.sty.js +1 -1
  211. package/esm/typography/block-quote/Blockquote.sty.js.map +1 -1
  212. package/esm/typography/code/Code.css +1 -1
  213. package/esm/typography/code/Code.js +6 -5
  214. package/esm/typography/code/Code.js.map +2 -2
  215. package/esm/typography/code/Code.sty.js +1 -1
  216. package/esm/typography/code/Code.sty.js.map +1 -1
  217. package/esm/typography/emphasis/Emphasis.css +1 -1
  218. package/esm/typography/emphasis/Emphasis.js +6 -5
  219. package/esm/typography/emphasis/Emphasis.js.map +2 -2
  220. package/esm/typography/emphasis/Emphasis.sty.js +1 -1
  221. package/esm/typography/emphasis/Emphasis.sty.js.map +1 -1
  222. package/esm/typography/external-link/ExternalLink.css +6 -6
  223. package/esm/typography/external-link/ExternalLink.js +22 -16
  224. package/esm/typography/external-link/ExternalLink.js.map +2 -2
  225. package/esm/typography/external-link/ExternalLink.sty.js +1 -1
  226. package/esm/typography/external-link/ExternalLink.sty.js.map +1 -1
  227. package/esm/typography/heading/Heading.css +7 -7
  228. package/esm/typography/heading/Heading.js +6 -5
  229. package/esm/typography/heading/Heading.js.map +2 -2
  230. package/esm/typography/heading/Heading.sty.js +1 -1
  231. package/esm/typography/heading/Heading.sty.js.map +1 -1
  232. package/esm/typography/highlight/Highlight.css +2 -1
  233. package/esm/typography/highlight/Highlight.js +31 -18
  234. package/esm/typography/highlight/Highlight.js.map +3 -3
  235. package/esm/typography/highlight/Highlight.sty.js +1 -1
  236. package/esm/typography/highlight/Highlight.sty.js.map +1 -1
  237. package/esm/typography/link/Link.css +4 -4
  238. package/esm/typography/link/Link.js +6 -5
  239. package/esm/typography/link/Link.js.map +2 -2
  240. package/esm/typography/link/Link.sty.js +1 -1
  241. package/esm/typography/link/Link.sty.js.map +1 -1
  242. package/esm/typography/list/List.css +4 -4
  243. package/esm/typography/list/List.js +14 -9
  244. package/esm/typography/list/List.js.map +2 -2
  245. package/esm/typography/list/List.sty.js +2 -2
  246. package/esm/typography/list/List.sty.js.map +1 -1
  247. package/esm/typography/paragraph/Paragraph.css +3 -3
  248. package/esm/typography/paragraph/Paragraph.js +6 -5
  249. package/esm/typography/paragraph/Paragraph.js.map +2 -2
  250. package/esm/typography/paragraph/Paragraph.sty.js +1 -1
  251. package/esm/typography/paragraph/Paragraph.sty.js.map +1 -1
  252. package/esm/typography/strikethrough/Strikethrough.css +1 -1
  253. package/esm/typography/strikethrough/Strikethrough.js +6 -5
  254. package/esm/typography/strikethrough/Strikethrough.js.map +2 -2
  255. package/esm/typography/strikethrough/Strikethrough.sty.js +1 -1
  256. package/esm/typography/strikethrough/Strikethrough.sty.js.map +1 -1
  257. package/esm/typography/strong/Strong.css +1 -1
  258. package/esm/typography/strong/Strong.js +6 -5
  259. package/esm/typography/strong/Strong.js.map +2 -2
  260. package/esm/typography/strong/Strong.sty.js +1 -1
  261. package/esm/typography/strong/Strong.sty.js.map +1 -1
  262. package/esm/typography/text/Text.css +3 -3
  263. package/esm/typography/text/Text.js +6 -5
  264. package/esm/typography/text/Text.js.map +2 -2
  265. package/esm/typography/text/Text.sty.js +1 -1
  266. package/esm/typography/text/Text.sty.js.map +1 -1
  267. package/esm/typography/text-ellipsis/TextEllipsis.css +8 -5
  268. package/esm/typography/text-ellipsis/TextEllipsis.js +16 -15
  269. package/esm/typography/text-ellipsis/TextEllipsis.js.map +2 -2
  270. package/esm/typography/text-ellipsis/TextEllipsis.sty.js +4 -4
  271. package/esm/typography/text-ellipsis/TextEllipsis.sty.js.map +2 -2
  272. package/index.js +1 -0
  273. package/layouts/container/Container.css +4 -4
  274. package/layouts/container/Container.js +8 -6
  275. package/layouts/container/Container.sty.js +2 -1
  276. package/layouts/divider/Divider.css +6 -6
  277. package/layouts/divider/Divider.d.ts +1 -2
  278. package/layouts/divider/Divider.js +4 -2
  279. package/layouts/divider/Divider.sty.js +2 -1
  280. package/layouts/flex/Flex.js +7 -5
  281. package/layouts/grid/Grid.d.ts +1 -1
  282. package/layouts/grid/Grid.js +7 -5
  283. package/layouts/helpers/spacingToCss.js +1 -0
  284. package/layouts/hooks/useBreakpoint.js +1 -0
  285. package/layouts/hooks/useLayoutSizeProps.js +1 -0
  286. package/layouts/hooks/useLayoutStyles.js +1 -0
  287. package/layouts/hooks/useMarginProps.js +1 -0
  288. package/layouts/hooks/usePaddingProps.js +1 -0
  289. package/layouts/index.js +1 -0
  290. package/layouts/surface/Surface.css +39 -39
  291. package/layouts/surface/Surface.js +18 -14
  292. package/layouts/surface/Surface.sty.js +3 -2
  293. package/layouts/surface/variables.sty.js +2 -1
  294. package/layouts/types/layout.types.d.ts +1 -1
  295. package/layouts/types/layout.types.js +1 -0
  296. package/package.json +5 -5
  297. package/styles/colorUtils.css +60 -60
  298. package/styles/colorUtils.sty.js +3 -2
  299. package/styles/container.css +47 -47
  300. package/styles/container.sty.js +3 -2
  301. package/styles/ellipsis.css +1 -1
  302. package/styles/ellipsis.sty.js +2 -1
  303. package/styles/extract-util.js +1 -0
  304. package/styles/field.css +153 -153
  305. package/styles/field.sty.js +3 -2
  306. package/styles/getFlexStyles.d.ts +17 -17
  307. package/styles/getFlexStyles.js +1 -0
  308. package/styles/getGapSprinkles.js +1 -0
  309. package/styles/getGridFlexPositionSprinkles.js +1 -0
  310. package/styles/getGridStyles.d.ts +22 -22
  311. package/styles/getGridStyles.js +1 -0
  312. package/styles/getLayoutSizeStyles.d.ts +1 -1
  313. package/styles/getLayoutSizeStyles.js +1 -0
  314. package/styles/getSpacingSprinkles.js +1 -0
  315. package/styles/index.js +1 -0
  316. package/styles/safe-sprinkles.js +1 -0
  317. package/styles/sprinkle-properties.js +1 -0
  318. package/styles/sprinkles.css +262 -262
  319. package/styles/sprinkles.sty.js +2 -1
  320. package/styles/textStyle.css +8 -8
  321. package/styles/textStyle.sty.js +2 -1
  322. package/typography/block-quote/Blockquote.css +2 -2
  323. package/typography/block-quote/Blockquote.d.ts +1 -2
  324. package/typography/block-quote/Blockquote.js +7 -5
  325. package/typography/block-quote/Blockquote.sty.js +2 -1
  326. package/typography/code/Code.css +1 -1
  327. package/typography/code/Code.d.ts +1 -2
  328. package/typography/code/Code.js +7 -5
  329. package/typography/code/Code.sty.js +2 -1
  330. package/typography/emphasis/Emphasis.css +1 -1
  331. package/typography/emphasis/Emphasis.d.ts +1 -2
  332. package/typography/emphasis/Emphasis.js +7 -5
  333. package/typography/emphasis/Emphasis.sty.js +2 -1
  334. package/typography/external-link/ExternalLink.css +6 -6
  335. package/typography/external-link/ExternalLink.d.ts +2 -2
  336. package/typography/external-link/ExternalLink.js +23 -16
  337. package/typography/external-link/ExternalLink.sty.js +2 -1
  338. package/typography/heading/Heading.css +7 -7
  339. package/typography/heading/Heading.d.ts +1 -2
  340. package/typography/heading/Heading.js +7 -5
  341. package/typography/heading/Heading.sty.js +2 -1
  342. package/typography/highlight/Highlight.css +2 -1
  343. package/typography/highlight/Highlight.d.ts +1 -1
  344. package/typography/highlight/Highlight.js +22 -17
  345. package/typography/highlight/Highlight.sty.js +2 -1
  346. package/typography/index.js +1 -0
  347. package/typography/link/Link.css +4 -4
  348. package/typography/link/Link.d.ts +1 -1
  349. package/typography/link/Link.js +7 -5
  350. package/typography/link/Link.sty.js +2 -1
  351. package/typography/list/List.css +4 -4
  352. package/typography/list/List.d.ts +1 -2
  353. package/typography/list/List.js +11 -9
  354. package/typography/list/List.sty.js +3 -2
  355. package/typography/paragraph/Paragraph.css +3 -3
  356. package/typography/paragraph/Paragraph.d.ts +1 -2
  357. package/typography/paragraph/Paragraph.js +7 -5
  358. package/typography/paragraph/Paragraph.sty.js +2 -1
  359. package/typography/strikethrough/Strikethrough.css +1 -1
  360. package/typography/strikethrough/Strikethrough.d.ts +1 -2
  361. package/typography/strikethrough/Strikethrough.js +7 -5
  362. package/typography/strikethrough/Strikethrough.sty.js +2 -1
  363. package/typography/strong/Strong.css +1 -1
  364. package/typography/strong/Strong.d.ts +1 -2
  365. package/typography/strong/Strong.js +7 -5
  366. package/typography/strong/Strong.sty.js +2 -1
  367. package/typography/text/Text.css +3 -3
  368. package/typography/text/Text.js +7 -5
  369. package/typography/text/Text.sty.js +2 -1
  370. package/typography/text-ellipsis/TextEllipsis.css +8 -5
  371. package/typography/text-ellipsis/TextEllipsis.d.ts +2 -2
  372. package/typography/text-ellipsis/TextEllipsis.js +17 -15
  373. package/typography/text-ellipsis/TextEllipsis.sty.d.ts +7 -2
  374. package/typography/text-ellipsis/TextEllipsis.sty.js +5 -4
  375. package/typography/utils.js +1 -0
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import { type CSSProperties } from 'react';
2
2
  import { type GapProps } from './getGapSprinkles.js';
3
3
  import { type GridFlexPositionProps } from './getGridFlexPositionSprinkles.js';
4
4
  import { type LayoutSizeProps } from './getLayoutSizeStyles.js';
@@ -20,45 +20,45 @@ export interface GridItemStyleProps {
20
20
  */
21
21
  export interface GridStyleProps extends GridFlexPositionProps, GapProps, LayoutSizeProps, SpacingProps, GridItemStyleProps {
22
22
  /** Defines order */
23
- order?: React.CSSProperties['order'];
23
+ order?: CSSProperties['order'];
24
24
  /** Defines flex grow */
25
- flexGrow?: React.CSSProperties['flexGrow'];
25
+ flexGrow?: CSSProperties['flexGrow'];
26
26
  /** Defines flex shrink */
27
- flexShrink?: React.CSSProperties['flexShrink'];
27
+ flexShrink?: CSSProperties['flexShrink'];
28
28
  /** Defines flex basis */
29
- flexBasis?: React.CSSProperties['flexBasis'];
29
+ flexBasis?: CSSProperties['flexBasis'];
30
30
  /** Defines flex */
31
- flex?: React.CSSProperties['flex'];
31
+ flex?: CSSProperties['flex'];
32
32
  /** Defines grid template columns */
33
- gridTemplateColumns?: React.CSSProperties['gridTemplateColumns'];
33
+ gridTemplateColumns?: CSSProperties['gridTemplateColumns'];
34
34
  /** Defines grid template rows */
35
- gridTemplateRows?: React.CSSProperties['gridTemplateRows'];
35
+ gridTemplateRows?: CSSProperties['gridTemplateRows'];
36
36
  /** Defines grid template areas */
37
- gridTemplateAreas?: React.CSSProperties['gridTemplateAreas'];
37
+ gridTemplateAreas?: CSSProperties['gridTemplateAreas'];
38
38
  /** Defines grid template */
39
- gridTemplate?: React.CSSProperties['gridTemplate'];
39
+ gridTemplate?: CSSProperties['gridTemplate'];
40
40
  /** Defines grid auto columns */
41
- gridAutoColumns?: React.CSSProperties['gridAutoColumns'];
41
+ gridAutoColumns?: CSSProperties['gridAutoColumns'];
42
42
  /** Defines grid auto rows */
43
- gridAutoRows?: React.CSSProperties['gridAutoRows'];
43
+ gridAutoRows?: CSSProperties['gridAutoRows'];
44
44
  /** Defines grid auto flow */
45
- gridAutoFlow?: React.CSSProperties['gridAutoFlow'];
45
+ gridAutoFlow?: CSSProperties['gridAutoFlow'];
46
46
  /** Defines grid */
47
- grid?: React.CSSProperties['grid'];
47
+ grid?: CSSProperties['grid'];
48
48
  /** Defines grid column start */
49
- gridColumnStart?: React.CSSProperties['gridColumnStart'];
49
+ gridColumnStart?: CSSProperties['gridColumnStart'];
50
50
  /** Defines grid column end */
51
- gridColumnEnd?: React.CSSProperties['gridColumnEnd'];
51
+ gridColumnEnd?: CSSProperties['gridColumnEnd'];
52
52
  /** Defines grid row start */
53
- gridRowStart?: React.CSSProperties['gridRowStart'];
53
+ gridRowStart?: CSSProperties['gridRowStart'];
54
54
  /** Defines grid row end */
55
- gridRowEnd?: React.CSSProperties['gridRowEnd'];
55
+ gridRowEnd?: CSSProperties['gridRowEnd'];
56
56
  /** Defines grid column */
57
- gridColumn?: React.CSSProperties['gridColumn'];
57
+ gridColumn?: CSSProperties['gridColumn'];
58
58
  /** Defines grid row */
59
- gridRow?: React.CSSProperties['gridRow'];
59
+ gridRow?: CSSProperties['gridRow'];
60
60
  /** Defines grid area */
61
- gridArea?: React.CSSProperties['gridArea'];
61
+ gridArea?: CSSProperties['gridArea'];
62
62
  }
63
63
  /**
64
64
  * Helper function that will extract all styling relevant props for the Grid styling
@@ -69,6 +69,6 @@ export interface GridStyleProps extends GridFlexPositionProps, GapProps, LayoutS
69
69
  */
70
70
  export declare function getGridStyles<T extends GridStyleProps>(props: T, defaults?: Partial<GridStyleProps>): [
71
71
  className: string,
72
- style: React.CSSProperties,
72
+ style: CSSProperties,
73
73
  remainingProps: Omit<T, keyof GridStyleProps>
74
74
  ];
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -1,4 +1,4 @@
1
- import type { CSSProperties } from 'react';
1
+ import { type CSSProperties } from 'react';
2
2
  /**
3
3
  * Defines the layout size props.
4
4
  * @public
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __defProp = Object.defineProperty;
2
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __defProp = Object.defineProperty;
2
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
package/styles/index.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __defProp = Object.defineProperty;
2
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __defProp = Object.defineProperty;
2
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;