@dynatrace/strato-components 0.84.31 → 0.84.51

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 (404) hide show
  1. package/content/index.d.ts +7 -0
  2. package/content/index.js +25 -0
  3. package/content/progress/ProgressBar.css +52 -0
  4. package/content/progress/ProgressBar.d.ts +56 -0
  5. package/content/progress/ProgressBar.js +191 -0
  6. package/content/progress/ProgressBar.sty.d.ts +42 -0
  7. package/content/progress/ProgressBar.sty.js +28 -0
  8. package/content/progress/ProgressBarIcon.css +5 -0
  9. package/content/progress/ProgressBarIcon.d.ts +15 -0
  10. package/content/progress/ProgressBarIcon.js +68 -0
  11. package/content/progress/ProgressBarIcon.sty.d.ts +1 -0
  12. package/content/progress/ProgressBarIcon.sty.js +25 -0
  13. package/content/progress/ProgressBarLabel.css +9 -0
  14. package/content/progress/ProgressBarLabel.d.ts +15 -0
  15. package/content/progress/ProgressBarLabel.js +75 -0
  16. package/content/progress/ProgressBarLabel.sty.d.ts +13 -0
  17. package/content/progress/ProgressBarLabel.sty.js +26 -0
  18. package/content/progress/ProgressBarValue.css +28 -0
  19. package/content/progress/ProgressBarValue.d.ts +15 -0
  20. package/content/progress/ProgressBarValue.js +72 -0
  21. package/content/progress/ProgressBarValue.sty.d.ts +34 -0
  22. package/content/progress/ProgressBarValue.sty.js +26 -0
  23. package/content/progress/ProgressCircle.css +52 -0
  24. package/content/progress/ProgressCircle.d.ts +51 -0
  25. package/content/progress/ProgressCircle.js +174 -0
  26. package/content/progress/ProgressCircle.sty.d.ts +41 -0
  27. package/content/progress/ProgressCircle.sty.js +37 -0
  28. package/content/progress/contexts/SharedProgressBarPropsContext.d.ts +9 -0
  29. package/content/progress/contexts/SharedProgressBarPropsContext.js +38 -0
  30. package/content/progress/hooks/useProgressAriaProps.d.ts +38 -0
  31. package/content/progress/hooks/useProgressAriaProps.js +63 -0
  32. package/content/progress/hooks/useProgressBarPropsContext.d.ts +2 -0
  33. package/content/progress/hooks/useProgressBarPropsContext.js +32 -0
  34. package/content/progress/utils.d.ts +2 -0
  35. package/content/progress/utils.js +50 -0
  36. package/core/components/app-root/AppRoot.d.ts +4 -4
  37. package/core/hooks/useAriaLabelingProps.d.ts +6 -0
  38. package/core/hooks/useAriaLabelingProps.js +30 -0
  39. package/core/hooks/useCurrentTheme.d.ts +1 -1
  40. package/core/hooks/useFontsUpdated.d.ts +9 -0
  41. package/core/hooks/useFontsUpdated.js +51 -0
  42. package/core/hooks/useId.d.ts +12 -0
  43. package/core/hooks/useId.js +32 -0
  44. package/core/hooks/useMergeRefs.d.ts +7 -0
  45. package/core/hooks/useMergeRefs.js +34 -0
  46. package/core/hooks/useSafeForwardProps.d.ts +10 -0
  47. package/core/hooks/useSafeForwardProps.js +34 -0
  48. package/core/index.d.ts +12 -0
  49. package/core/index.js +12 -0
  50. package/core/styles/focusRing.css +88 -0
  51. package/core/styles/focusRing.sty.d.ts +96 -0
  52. package/core/styles/focusRing.sty.js +27 -0
  53. package/core/styles/useFocusRing.d.ts +49 -0
  54. package/core/styles/useFocusRing.js +83 -0
  55. package/core/types/a11y-props.d.ts +26 -0
  56. package/core/types/a11y-props.js +15 -0
  57. package/core/types/data-props.d.ts +1 -1
  58. package/core/types/dom.d.ts +8 -0
  59. package/core/types/dom.js +15 -0
  60. package/core/types/heading.d.ts +9 -0
  61. package/core/types/heading.js +15 -0
  62. package/core/types/masking-props.d.ts +2 -1
  63. package/core/types/polymorph.d.ts +28 -0
  64. package/core/types/polymorph.js +15 -0
  65. package/core/types/role-variant.d.ts +10 -0
  66. package/core/types/role-variant.js +30 -0
  67. package/core/types/styling-props.d.ts +1 -1
  68. package/core/types/with-children.d.ts +1 -1
  69. package/core/utils/_is-string-children.d.ts +6 -0
  70. package/core/utils/_is-string-children.js +44 -0
  71. package/core/utils/colorUtils.css +80 -0
  72. package/core/utils/colorUtils.sty.d.ts +48 -0
  73. package/core/utils/colorUtils.sty.js +27 -0
  74. package/core/utils/isBrowser.d.ts +1 -1
  75. package/core/utils/merge-props.d.ts +4 -5
  76. package/core/utils/seed-random.d.ts +5 -0
  77. package/core/utils/seed-random.js +34 -0
  78. package/core/utils/uuidv4.d.ts +5 -0
  79. package/core/utils/uuidv4.js +31 -0
  80. package/esm/content/index.js +7 -0
  81. package/esm/content/index.js.map +7 -0
  82. package/esm/content/progress/ProgressBar.css +52 -0
  83. package/esm/content/progress/ProgressBar.js +163 -0
  84. package/esm/content/progress/ProgressBar.js.map +7 -0
  85. package/esm/content/progress/ProgressBar.sty.js +10 -0
  86. package/esm/content/progress/ProgressBar.sty.js.map +7 -0
  87. package/esm/content/progress/ProgressBarIcon.css +5 -0
  88. package/esm/content/progress/ProgressBarIcon.js +40 -0
  89. package/esm/content/progress/ProgressBarIcon.js.map +7 -0
  90. package/esm/content/progress/ProgressBarIcon.sty.js +7 -0
  91. package/esm/content/progress/ProgressBarIcon.sty.js.map +7 -0
  92. package/esm/content/progress/ProgressBarLabel.css +9 -0
  93. package/esm/content/progress/ProgressBarLabel.js +47 -0
  94. package/esm/content/progress/ProgressBarLabel.js.map +7 -0
  95. package/esm/content/progress/ProgressBarLabel.sty.js +8 -0
  96. package/esm/content/progress/ProgressBarLabel.sty.js.map +7 -0
  97. package/esm/content/progress/ProgressBarValue.css +28 -0
  98. package/esm/content/progress/ProgressBarValue.js +44 -0
  99. package/esm/content/progress/ProgressBarValue.js.map +7 -0
  100. package/esm/content/progress/ProgressBarValue.sty.js +8 -0
  101. package/esm/content/progress/ProgressBarValue.sty.js.map +7 -0
  102. package/esm/content/progress/ProgressCircle.css +52 -0
  103. package/esm/content/progress/ProgressCircle.js +153 -0
  104. package/esm/content/progress/ProgressCircle.js.map +7 -0
  105. package/esm/content/progress/ProgressCircle.sty.js +19 -0
  106. package/esm/content/progress/ProgressCircle.sty.js.map +7 -0
  107. package/esm/content/progress/contexts/SharedProgressBarPropsContext.js +10 -0
  108. package/esm/content/progress/contexts/SharedProgressBarPropsContext.js.map +7 -0
  109. package/esm/content/progress/hooks/useProgressAriaProps.js +45 -0
  110. package/esm/content/progress/hooks/useProgressAriaProps.js.map +7 -0
  111. package/esm/content/progress/hooks/useProgressBarPropsContext.js +16 -0
  112. package/esm/content/progress/hooks/useProgressBarPropsContext.js.map +7 -0
  113. package/esm/content/progress/utils.js +22 -0
  114. package/esm/content/progress/utils.js.map +7 -0
  115. package/esm/core/components/app-root/AppRoot.js.map +1 -1
  116. package/esm/core/hooks/useAriaLabelingProps.js +12 -0
  117. package/esm/core/hooks/useAriaLabelingProps.js.map +7 -0
  118. package/esm/core/hooks/useCurrentTheme.js.map +1 -1
  119. package/esm/core/hooks/useFontsUpdated.js +33 -0
  120. package/esm/core/hooks/useFontsUpdated.js.map +7 -0
  121. package/esm/core/hooks/useId.js +14 -0
  122. package/esm/core/hooks/useId.js.map +7 -0
  123. package/esm/core/hooks/useMergeRefs.js +16 -0
  124. package/esm/core/hooks/useMergeRefs.js.map +7 -0
  125. package/esm/core/hooks/useSafeForwardProps.js +16 -0
  126. package/esm/core/hooks/useSafeForwardProps.js.map +7 -0
  127. package/esm/core/index.js +12 -0
  128. package/esm/core/index.js.map +2 -2
  129. package/esm/core/styles/focusRing.css +88 -0
  130. package/esm/core/styles/focusRing.sty.js +9 -0
  131. package/esm/core/styles/focusRing.sty.js.map +7 -0
  132. package/esm/core/styles/useFocusRing.js +69 -0
  133. package/esm/core/styles/useFocusRing.js.map +7 -0
  134. package/esm/core/types/a11y-props.js +1 -0
  135. package/esm/core/types/a11y-props.js.map +7 -0
  136. package/esm/core/types/dom.js +1 -0
  137. package/esm/core/types/dom.js.map +7 -0
  138. package/esm/core/types/heading.js +1 -0
  139. package/esm/core/types/heading.js.map +7 -0
  140. package/esm/core/types/polymorph.js +1 -0
  141. package/esm/core/types/polymorph.js.map +7 -0
  142. package/esm/core/types/role-variant.js +12 -0
  143. package/esm/core/types/role-variant.js.map +7 -0
  144. package/esm/core/utils/_is-string-children.js +16 -0
  145. package/esm/core/utils/_is-string-children.js.map +7 -0
  146. package/esm/core/utils/colorUtils.css +80 -0
  147. package/esm/core/utils/colorUtils.sty.js +9 -0
  148. package/esm/core/utils/colorUtils.sty.js.map +7 -0
  149. package/esm/core/utils/isBrowser.js.map +1 -1
  150. package/esm/core/utils/merge-props.js.map +2 -2
  151. package/esm/core/utils/seed-random.js +16 -0
  152. package/esm/core/utils/seed-random.js.map +7 -0
  153. package/esm/core/utils/uuidv4.js +13 -0
  154. package/esm/core/utils/uuidv4.js.map +7 -0
  155. package/esm/index.js +4 -0
  156. package/esm/index.js.map +2 -2
  157. package/esm/layouts/Divider/Divider.css +23 -0
  158. package/esm/layouts/Divider/Divider.js +39 -0
  159. package/esm/layouts/Divider/Divider.js.map +7 -0
  160. package/esm/layouts/Divider/Divider.sty.js +8 -0
  161. package/esm/layouts/Divider/Divider.sty.js.map +7 -0
  162. package/esm/layouts/container/Container.css +8 -0
  163. package/esm/layouts/container/Container.js +55 -0
  164. package/esm/layouts/container/Container.js.map +7 -0
  165. package/esm/layouts/container/Container.sty.js +7 -0
  166. package/esm/layouts/container/Container.sty.js.map +7 -0
  167. package/esm/layouts/flex/Flex.js +46 -0
  168. package/esm/layouts/flex/Flex.js.map +7 -0
  169. package/esm/layouts/grid/Grid.js +46 -0
  170. package/esm/layouts/grid/Grid.js.map +7 -0
  171. package/esm/layouts/index.js +11 -0
  172. package/esm/layouts/index.js.map +7 -0
  173. package/esm/styles/colorUtils.css +80 -0
  174. package/esm/styles/colorUtils.sty.js +9 -0
  175. package/esm/styles/colorUtils.sty.js.map +7 -0
  176. package/esm/styles/container.css +64 -0
  177. package/esm/styles/container.sty.js +9 -0
  178. package/esm/styles/container.sty.js.map +7 -0
  179. package/esm/styles/ellipsis.css +5 -0
  180. package/esm/styles/ellipsis.sty.js +6 -0
  181. package/esm/styles/ellipsis.sty.js.map +7 -0
  182. package/esm/styles/extract-util.js +15 -0
  183. package/esm/styles/extract-util.js.map +7 -0
  184. package/esm/styles/getFlexStyles.js +69 -0
  185. package/esm/styles/getFlexStyles.js.map +7 -0
  186. package/esm/styles/getGapSprinkles.js +18 -0
  187. package/esm/styles/getGapSprinkles.js.map +7 -0
  188. package/esm/styles/getGridFlexPositionSprinkles.js +25 -0
  189. package/esm/styles/getGridFlexPositionSprinkles.js.map +7 -0
  190. package/esm/styles/getGridStyles.js +78 -0
  191. package/esm/styles/getGridStyles.js.map +7 -0
  192. package/esm/styles/getLayoutSizeStyles.js +21 -0
  193. package/esm/styles/getLayoutSizeStyles.js.map +7 -0
  194. package/esm/styles/getSpacingSprinkles.js +50 -0
  195. package/esm/styles/getSpacingSprinkles.js.map +7 -0
  196. package/esm/styles/index.js +49 -0
  197. package/esm/styles/index.js.map +7 -0
  198. package/esm/styles/safe-sprinkles.js +17 -0
  199. package/esm/styles/safe-sprinkles.js.map +7 -0
  200. package/esm/styles/sprinkle-properties.js +137 -0
  201. package/esm/styles/sprinkle-properties.js.map +7 -0
  202. package/esm/styles/sprinkles.css +786 -0
  203. package/esm/styles/sprinkles.sty.js +9 -0
  204. package/esm/styles/sprinkles.sty.js.map +7 -0
  205. package/esm/styles/textStyle.css +64 -0
  206. package/esm/styles/textStyle.sty.js +7 -0
  207. package/esm/styles/textStyle.sty.js.map +7 -0
  208. package/esm/typography/BlockQuote/Blockquote.css +17 -0
  209. package/esm/typography/BlockQuote/Blockquote.js +34 -0
  210. package/esm/typography/BlockQuote/Blockquote.js.map +7 -0
  211. package/esm/typography/BlockQuote/Blockquote.sty.js +6 -0
  212. package/esm/typography/BlockQuote/Blockquote.sty.js.map +7 -0
  213. package/esm/typography/Code/Code.css +16 -0
  214. package/esm/typography/Code/Code.js +34 -0
  215. package/esm/typography/Code/Code.js.map +7 -0
  216. package/esm/typography/Code/Code.sty.js +6 -0
  217. package/esm/typography/Code/Code.sty.js.map +7 -0
  218. package/esm/typography/Emphasis/Emphasis.css +4 -0
  219. package/esm/typography/Emphasis/Emphasis.js +34 -0
  220. package/esm/typography/Emphasis/Emphasis.js.map +7 -0
  221. package/esm/typography/Emphasis/Emphasis.sty.js +6 -0
  222. package/esm/typography/Emphasis/Emphasis.sty.js.map +7 -0
  223. package/esm/typography/ExternalLink/ExternalLink.css +28 -0
  224. package/esm/typography/ExternalLink/ExternalLink.js +56 -0
  225. package/esm/typography/ExternalLink/ExternalLink.js.map +7 -0
  226. package/esm/typography/ExternalLink/ExternalLink.sty.js +6 -0
  227. package/esm/typography/ExternalLink/ExternalLink.sty.js.map +7 -0
  228. package/esm/typography/Heading/Heading.css +54 -0
  229. package/esm/typography/Heading/Heading.js +36 -0
  230. package/esm/typography/Heading/Heading.js.map +7 -0
  231. package/esm/typography/Heading/Heading.sty.js +7 -0
  232. package/esm/typography/Heading/Heading.sty.js.map +7 -0
  233. package/esm/typography/Highlight/Highlight.css +4 -0
  234. package/esm/typography/Highlight/Highlight.js +111 -0
  235. package/esm/typography/Highlight/Highlight.js.map +7 -0
  236. package/esm/typography/Highlight/Highlight.sty.js +6 -0
  237. package/esm/typography/Highlight/Highlight.sty.js.map +7 -0
  238. package/esm/typography/Link/Link.css +15 -0
  239. package/esm/typography/Link/Link.js +49 -0
  240. package/esm/typography/Link/Link.js.map +7 -0
  241. package/esm/typography/Link/Link.sty.js +6 -0
  242. package/esm/typography/Link/Link.sty.js.map +7 -0
  243. package/esm/typography/List/List.css +16 -0
  244. package/esm/typography/List/List.js +81 -0
  245. package/esm/typography/List/List.js.map +7 -0
  246. package/esm/typography/List/List.sty.js +8 -0
  247. package/esm/typography/List/List.sty.js.map +7 -0
  248. package/esm/typography/Paragraph/Paragraph.css +19 -0
  249. package/esm/typography/Paragraph/Paragraph.js +49 -0
  250. package/esm/typography/Paragraph/Paragraph.js.map +7 -0
  251. package/esm/typography/Paragraph/Paragraph.sty.js +7 -0
  252. package/esm/typography/Paragraph/Paragraph.sty.js.map +7 -0
  253. package/esm/typography/Strikethrough/Strikethrough.css +5 -0
  254. package/esm/typography/Strikethrough/Strikethrough.js +32 -0
  255. package/esm/typography/Strikethrough/Strikethrough.js.map +7 -0
  256. package/esm/typography/Strikethrough/Strikethrough.sty.js +6 -0
  257. package/esm/typography/Strikethrough/Strikethrough.sty.js.map +7 -0
  258. package/esm/typography/Strong/Strong.css +4 -0
  259. package/esm/typography/Strong/Strong.js +34 -0
  260. package/esm/typography/Strong/Strong.js.map +7 -0
  261. package/esm/typography/Strong/Strong.sty.js +6 -0
  262. package/esm/typography/Strong/Strong.sty.js.map +7 -0
  263. package/esm/typography/Text/Text.css +18 -0
  264. package/esm/typography/Text/Text.js +43 -0
  265. package/esm/typography/Text/Text.js.map +7 -0
  266. package/esm/typography/Text/Text.sty.js +7 -0
  267. package/esm/typography/Text/Text.sty.js.map +7 -0
  268. package/esm/typography/TextEllipsis/TextEllipsis.css +22 -0
  269. package/esm/typography/TextEllipsis/TextEllipsis.js +143 -0
  270. package/esm/typography/TextEllipsis/TextEllipsis.js.map +7 -0
  271. package/esm/typography/TextEllipsis/TextEllipsis.sty.js +7 -0
  272. package/esm/typography/TextEllipsis/TextEllipsis.sty.js.map +7 -0
  273. package/esm/typography/index.js +43 -0
  274. package/esm/typography/index.js.map +7 -0
  275. package/esm/typography/utils.js +101 -0
  276. package/esm/typography/utils.js.map +7 -0
  277. package/index.d.ts +4 -0
  278. package/index.js +4 -0
  279. package/lang/en.json +12 -0
  280. package/lang/uncompiled/en.json +10 -1
  281. package/layouts/Divider/Divider.css +23 -0
  282. package/layouts/Divider/Divider.d.ts +39 -0
  283. package/layouts/Divider/Divider.js +67 -0
  284. package/layouts/Divider/Divider.sty.d.ts +16 -0
  285. package/layouts/Divider/Divider.sty.js +26 -0
  286. package/layouts/container/Container.css +8 -0
  287. package/layouts/container/Container.d.ts +34 -0
  288. package/layouts/container/Container.js +80 -0
  289. package/layouts/container/Container.sty.d.ts +1 -0
  290. package/layouts/container/Container.sty.js +25 -0
  291. package/layouts/flex/Flex.d.ts +23 -0
  292. package/layouts/flex/Flex.js +72 -0
  293. package/layouts/grid/Grid.d.ts +23 -0
  294. package/layouts/grid/Grid.js +72 -0
  295. package/layouts/index.d.ts +6 -0
  296. package/layouts/index.js +29 -0
  297. package/package.json +34 -4
  298. package/styles/colorUtils.css +80 -0
  299. package/styles/colorUtils.sty.d.ts +56 -0
  300. package/styles/colorUtils.sty.js +27 -0
  301. package/styles/container.css +64 -0
  302. package/styles/container.sty.d.ts +54 -0
  303. package/styles/container.sty.js +27 -0
  304. package/styles/ellipsis.css +5 -0
  305. package/styles/ellipsis.sty.d.ts +5 -0
  306. package/styles/ellipsis.sty.js +24 -0
  307. package/styles/extract-util.d.ts +9 -0
  308. package/styles/extract-util.js +33 -0
  309. package/styles/getFlexStyles.d.ts +64 -0
  310. package/styles/getFlexStyles.js +95 -0
  311. package/styles/getGapSprinkles.d.ts +19 -0
  312. package/styles/getGapSprinkles.js +36 -0
  313. package/styles/getGridFlexPositionSprinkles.d.ts +35 -0
  314. package/styles/getGridFlexPositionSprinkles.js +43 -0
  315. package/styles/getGridStyles.d.ts +74 -0
  316. package/styles/getGridStyles.js +100 -0
  317. package/styles/getLayoutSizeStyles.d.ts +29 -0
  318. package/styles/getLayoutSizeStyles.js +39 -0
  319. package/styles/getSpacingSprinkles.d.ts +74 -0
  320. package/styles/getSpacingSprinkles.js +68 -0
  321. package/styles/index.d.ts +11 -0
  322. package/styles/index.js +47 -0
  323. package/styles/safe-sprinkles.d.ts +6 -0
  324. package/styles/safe-sprinkles.js +35 -0
  325. package/styles/sprinkle-properties.d.ts +257 -0
  326. package/styles/sprinkle-properties.js +165 -0
  327. package/styles/sprinkles.css +786 -0
  328. package/styles/sprinkles.sty.d.ts +913 -0
  329. package/styles/sprinkles.sty.js +27 -0
  330. package/styles/textStyle.css +64 -0
  331. package/styles/textStyle.sty.d.ts +13 -0
  332. package/styles/textStyle.sty.js +25 -0
  333. package/testing/mocks/canvas-mock.js +6 -1
  334. package/testing/mocks/text-ellipsis-mock.d.ts +1 -1
  335. package/testing/mocks/text-ellipsis-mock.js +8 -3
  336. package/typography/BlockQuote/Blockquote.css +17 -0
  337. package/typography/BlockQuote/Blockquote.d.ts +19 -0
  338. package/typography/BlockQuote/Blockquote.js +62 -0
  339. package/typography/BlockQuote/Blockquote.sty.d.ts +1 -0
  340. package/typography/BlockQuote/Blockquote.sty.js +24 -0
  341. package/typography/Code/Code.css +16 -0
  342. package/typography/Code/Code.d.ts +17 -0
  343. package/typography/Code/Code.js +62 -0
  344. package/typography/Code/Code.sty.d.ts +1 -0
  345. package/typography/Code/Code.sty.js +24 -0
  346. package/typography/Emphasis/Emphasis.css +4 -0
  347. package/typography/Emphasis/Emphasis.d.ts +14 -0
  348. package/typography/Emphasis/Emphasis.js +62 -0
  349. package/typography/Emphasis/Emphasis.sty.d.ts +1 -0
  350. package/typography/Emphasis/Emphasis.sty.js +24 -0
  351. package/typography/ExternalLink/ExternalLink.css +28 -0
  352. package/typography/ExternalLink/ExternalLink.d.ts +21 -0
  353. package/typography/ExternalLink/ExternalLink.js +82 -0
  354. package/typography/ExternalLink/ExternalLink.sty.d.ts +1 -0
  355. package/typography/ExternalLink/ExternalLink.sty.js +24 -0
  356. package/typography/Heading/Heading.css +54 -0
  357. package/typography/Heading/Heading.d.ts +24 -0
  358. package/typography/Heading/Heading.js +64 -0
  359. package/typography/Heading/Heading.sty.d.ts +52 -0
  360. package/typography/Heading/Heading.sty.js +25 -0
  361. package/typography/Highlight/Highlight.css +4 -0
  362. package/typography/Highlight/Highlight.d.ts +27 -0
  363. package/typography/Highlight/Highlight.js +139 -0
  364. package/typography/Highlight/Highlight.sty.d.ts +1 -0
  365. package/typography/Highlight/Highlight.sty.js +24 -0
  366. package/typography/Link/Link.css +15 -0
  367. package/typography/Link/Link.d.ts +16 -0
  368. package/typography/Link/Link.js +75 -0
  369. package/typography/Link/Link.sty.d.ts +1 -0
  370. package/typography/Link/Link.sty.js +24 -0
  371. package/typography/List/List.css +16 -0
  372. package/typography/List/List.d.ts +39 -0
  373. package/typography/List/List.js +109 -0
  374. package/typography/List/List.sty.d.ts +2 -0
  375. package/typography/List/List.sty.js +26 -0
  376. package/typography/Paragraph/Paragraph.css +19 -0
  377. package/typography/Paragraph/Paragraph.d.ts +19 -0
  378. package/typography/Paragraph/Paragraph.js +77 -0
  379. package/typography/Paragraph/Paragraph.sty.d.ts +16 -0
  380. package/typography/Paragraph/Paragraph.sty.js +25 -0
  381. package/typography/Strikethrough/Strikethrough.css +5 -0
  382. package/typography/Strikethrough/Strikethrough.d.ts +15 -0
  383. package/typography/Strikethrough/Strikethrough.js +60 -0
  384. package/typography/Strikethrough/Strikethrough.sty.d.ts +1 -0
  385. package/typography/Strikethrough/Strikethrough.sty.js +24 -0
  386. package/typography/Strong/Strong.css +4 -0
  387. package/typography/Strong/Strong.d.ts +14 -0
  388. package/typography/Strong/Strong.js +62 -0
  389. package/typography/Strong/Strong.sty.d.ts +1 -0
  390. package/typography/Strong/Strong.sty.js +24 -0
  391. package/typography/Text/Text.css +18 -0
  392. package/typography/Text/Text.d.ts +26 -0
  393. package/typography/Text/Text.js +71 -0
  394. package/typography/Text/Text.sty.d.ts +16 -0
  395. package/typography/Text/Text.sty.js +25 -0
  396. package/typography/TextEllipsis/TextEllipsis.css +22 -0
  397. package/typography/TextEllipsis/TextEllipsis.d.ts +32 -0
  398. package/typography/TextEllipsis/TextEllipsis.js +167 -0
  399. package/typography/TextEllipsis/TextEllipsis.sty.d.ts +15 -0
  400. package/typography/TextEllipsis/TextEllipsis.sty.js +25 -0
  401. package/typography/index.d.ts +28 -0
  402. package/typography/index.js +54 -0
  403. package/typography/utils.d.ts +52 -0
  404. package/typography/utils.js +119 -0
package/esm/styles/sprinkles.css ADDED
@@ -0,0 +1,786 @@
1
+ .sprinkles_gap_0__1bzvwaf0 {
2
+ gap: var(--dt-spacings-size-0, 0);
3
+ }
4
+ .sprinkles_gap_2__1bzvwaf1 {
5
+ gap: var(--dt-spacings-size-2, 2px);
6
+ }
7
+ .sprinkles_gap_4__1bzvwaf2 {
8
+ gap: var(--dt-spacings-size-4, 4px);
9
+ }
10
+ .sprinkles_gap_6__1bzvwaf3 {
11
+ gap: var(--dt-spacings-size-6, 6px);
12
+ }
13
+ .sprinkles_gap_8__1bzvwaf4 {
14
+ gap: var(--dt-spacings-size-8, 8px);
15
+ }
16
+ .sprinkles_gap_12__1bzvwaf5 {
17
+ gap: var(--dt-spacings-size-12, 12px);
18
+ }
19
+ .sprinkles_gap_16__1bzvwaf6 {
20
+ gap: var(--dt-spacings-size-16, 16px);
21
+ }
22
+ .sprinkles_gap_20__1bzvwaf7 {
23
+ gap: var(--dt-spacings-size-20, 20px);
24
+ }
25
+ .sprinkles_gap_24__1bzvwaf8 {
26
+ gap: var(--dt-spacings-size-24, 24px);
27
+ }
28
+ .sprinkles_gap_32__1bzvwaf9 {
29
+ gap: var(--dt-spacings-size-32, 32px);
30
+ }
31
+ .sprinkles_gap_40__1bzvwafa {
32
+ gap: var(--dt-spacings-size-40, 40px);
33
+ }
34
+ .sprinkles_gap_48__1bzvwafb {
35
+ gap: var(--dt-spacings-size-48, 48px);
36
+ }
37
+ .sprinkles_gap_56__1bzvwafc {
38
+ gap: var(--dt-spacings-size-56, 56px);
39
+ }
40
+ .sprinkles_gap_64__1bzvwafd {
41
+ gap: var(--dt-spacings-size-64, 64px);
42
+ }
43
+ .sprinkles_rowGap_0__1bzvwafe {
44
+ row-gap: var(--dt-spacings-size-0, 0);
45
+ }
46
+ .sprinkles_rowGap_2__1bzvwaff {
47
+ row-gap: var(--dt-spacings-size-2, 2px);
48
+ }
49
+ .sprinkles_rowGap_4__1bzvwafg {
50
+ row-gap: var(--dt-spacings-size-4, 4px);
51
+ }
52
+ .sprinkles_rowGap_6__1bzvwafh {
53
+ row-gap: var(--dt-spacings-size-6, 6px);
54
+ }
55
+ .sprinkles_rowGap_8__1bzvwafi {
56
+ row-gap: var(--dt-spacings-size-8, 8px);
57
+ }
58
+ .sprinkles_rowGap_12__1bzvwafj {
59
+ row-gap: var(--dt-spacings-size-12, 12px);
60
+ }
61
+ .sprinkles_rowGap_16__1bzvwafk {
62
+ row-gap: var(--dt-spacings-size-16, 16px);
63
+ }
64
+ .sprinkles_rowGap_20__1bzvwafl {
65
+ row-gap: var(--dt-spacings-size-20, 20px);
66
+ }
67
+ .sprinkles_rowGap_24__1bzvwafm {
68
+ row-gap: var(--dt-spacings-size-24, 24px);
69
+ }
70
+ .sprinkles_rowGap_32__1bzvwafn {
71
+ row-gap: var(--dt-spacings-size-32, 32px);
72
+ }
73
+ .sprinkles_rowGap_40__1bzvwafo {
74
+ row-gap: var(--dt-spacings-size-40, 40px);
75
+ }
76
+ .sprinkles_rowGap_48__1bzvwafp {
77
+ row-gap: var(--dt-spacings-size-48, 48px);
78
+ }
79
+ .sprinkles_rowGap_56__1bzvwafq {
80
+ row-gap: var(--dt-spacings-size-56, 56px);
81
+ }
82
+ .sprinkles_rowGap_64__1bzvwafr {
83
+ row-gap: var(--dt-spacings-size-64, 64px);
84
+ }
85
+ .sprinkles_columnGap_0__1bzvwafs {
86
+ column-gap: var(--dt-spacings-size-0, 0);
87
+ }
88
+ .sprinkles_columnGap_2__1bzvwaft {
89
+ column-gap: var(--dt-spacings-size-2, 2px);
90
+ }
91
+ .sprinkles_columnGap_4__1bzvwafu {
92
+ column-gap: var(--dt-spacings-size-4, 4px);
93
+ }
94
+ .sprinkles_columnGap_6__1bzvwafv {
95
+ column-gap: var(--dt-spacings-size-6, 6px);
96
+ }
97
+ .sprinkles_columnGap_8__1bzvwafw {
98
+ column-gap: var(--dt-spacings-size-8, 8px);
99
+ }
100
+ .sprinkles_columnGap_12__1bzvwafx {
101
+ column-gap: var(--dt-spacings-size-12, 12px);
102
+ }
103
+ .sprinkles_columnGap_16__1bzvwafy {
104
+ column-gap: var(--dt-spacings-size-16, 16px);
105
+ }
106
+ .sprinkles_columnGap_20__1bzvwafz {
107
+ column-gap: var(--dt-spacings-size-20, 20px);
108
+ }
109
+ .sprinkles_columnGap_24__1bzvwaf10 {
110
+ column-gap: var(--dt-spacings-size-24, 24px);
111
+ }
112
+ .sprinkles_columnGap_32__1bzvwaf11 {
113
+ column-gap: var(--dt-spacings-size-32, 32px);
114
+ }
115
+ .sprinkles_columnGap_40__1bzvwaf12 {
116
+ column-gap: var(--dt-spacings-size-40, 40px);
117
+ }
118
+ .sprinkles_columnGap_48__1bzvwaf13 {
119
+ column-gap: var(--dt-spacings-size-48, 48px);
120
+ }
121
+ .sprinkles_columnGap_56__1bzvwaf14 {
122
+ column-gap: var(--dt-spacings-size-56, 56px);
123
+ }
124
+ .sprinkles_columnGap_64__1bzvwaf15 {
125
+ column-gap: var(--dt-spacings-size-64, 64px);
126
+ }
127
+ .sprinkles_paddingTop_0__1bzvwaf16 {
128
+ padding-top: var(--dt-spacings-size-0, 0);
129
+ }
130
+ .sprinkles_paddingTop_2__1bzvwaf17 {
131
+ padding-top: var(--dt-spacings-size-2, 2px);
132
+ }
133
+ .sprinkles_paddingTop_4__1bzvwaf18 {
134
+ padding-top: var(--dt-spacings-size-4, 4px);
135
+ }
136
+ .sprinkles_paddingTop_6__1bzvwaf19 {
137
+ padding-top: var(--dt-spacings-size-6, 6px);
138
+ }
139
+ .sprinkles_paddingTop_8__1bzvwaf1a {
140
+ padding-top: var(--dt-spacings-size-8, 8px);
141
+ }
142
+ .sprinkles_paddingTop_12__1bzvwaf1b {
143
+ padding-top: var(--dt-spacings-size-12, 12px);
144
+ }
145
+ .sprinkles_paddingTop_16__1bzvwaf1c {
146
+ padding-top: var(--dt-spacings-size-16, 16px);
147
+ }
148
+ .sprinkles_paddingTop_20__1bzvwaf1d {
149
+ padding-top: var(--dt-spacings-size-20, 20px);
150
+ }
151
+ .sprinkles_paddingTop_24__1bzvwaf1e {
152
+ padding-top: var(--dt-spacings-size-24, 24px);
153
+ }
154
+ .sprinkles_paddingTop_32__1bzvwaf1f {
155
+ padding-top: var(--dt-spacings-size-32, 32px);
156
+ }
157
+ .sprinkles_paddingTop_40__1bzvwaf1g {
158
+ padding-top: var(--dt-spacings-size-40, 40px);
159
+ }
160
+ .sprinkles_paddingTop_48__1bzvwaf1h {
161
+ padding-top: var(--dt-spacings-size-48, 48px);
162
+ }
163
+ .sprinkles_paddingTop_56__1bzvwaf1i {
164
+ padding-top: var(--dt-spacings-size-56, 56px);
165
+ }
166
+ .sprinkles_paddingTop_64__1bzvwaf1j {
167
+ padding-top: var(--dt-spacings-size-64, 64px);
168
+ }
169
+ .sprinkles_paddingBottom_0__1bzvwaf1k {
170
+ padding-bottom: var(--dt-spacings-size-0, 0);
171
+ }
172
+ .sprinkles_paddingBottom_2__1bzvwaf1l {
173
+ padding-bottom: var(--dt-spacings-size-2, 2px);
174
+ }
175
+ .sprinkles_paddingBottom_4__1bzvwaf1m {
176
+ padding-bottom: var(--dt-spacings-size-4, 4px);
177
+ }
178
+ .sprinkles_paddingBottom_6__1bzvwaf1n {
179
+ padding-bottom: var(--dt-spacings-size-6, 6px);
180
+ }
181
+ .sprinkles_paddingBottom_8__1bzvwaf1o {
182
+ padding-bottom: var(--dt-spacings-size-8, 8px);
183
+ }
184
+ .sprinkles_paddingBottom_12__1bzvwaf1p {
185
+ padding-bottom: var(--dt-spacings-size-12, 12px);
186
+ }
187
+ .sprinkles_paddingBottom_16__1bzvwaf1q {
188
+ padding-bottom: var(--dt-spacings-size-16, 16px);
189
+ }
190
+ .sprinkles_paddingBottom_20__1bzvwaf1r {
191
+ padding-bottom: var(--dt-spacings-size-20, 20px);
192
+ }
193
+ .sprinkles_paddingBottom_24__1bzvwaf1s {
194
+ padding-bottom: var(--dt-spacings-size-24, 24px);
195
+ }
196
+ .sprinkles_paddingBottom_32__1bzvwaf1t {
197
+ padding-bottom: var(--dt-spacings-size-32, 32px);
198
+ }
199
+ .sprinkles_paddingBottom_40__1bzvwaf1u {
200
+ padding-bottom: var(--dt-spacings-size-40, 40px);
201
+ }
202
+ .sprinkles_paddingBottom_48__1bzvwaf1v {
203
+ padding-bottom: var(--dt-spacings-size-48, 48px);
204
+ }
205
+ .sprinkles_paddingBottom_56__1bzvwaf1w {
206
+ padding-bottom: var(--dt-spacings-size-56, 56px);
207
+ }
208
+ .sprinkles_paddingBottom_64__1bzvwaf1x {
209
+ padding-bottom: var(--dt-spacings-size-64, 64px);
210
+ }
211
+ .sprinkles_paddingLeft_0__1bzvwaf1y {
212
+ padding-left: var(--dt-spacings-size-0, 0);
213
+ }
214
+ .sprinkles_paddingLeft_2__1bzvwaf1z {
215
+ padding-left: var(--dt-spacings-size-2, 2px);
216
+ }
217
+ .sprinkles_paddingLeft_4__1bzvwaf20 {
218
+ padding-left: var(--dt-spacings-size-4, 4px);
219
+ }
220
+ .sprinkles_paddingLeft_6__1bzvwaf21 {
221
+ padding-left: var(--dt-spacings-size-6, 6px);
222
+ }
223
+ .sprinkles_paddingLeft_8__1bzvwaf22 {
224
+ padding-left: var(--dt-spacings-size-8, 8px);
225
+ }
226
+ .sprinkles_paddingLeft_12__1bzvwaf23 {
227
+ padding-left: var(--dt-spacings-size-12, 12px);
228
+ }
229
+ .sprinkles_paddingLeft_16__1bzvwaf24 {
230
+ padding-left: var(--dt-spacings-size-16, 16px);
231
+ }
232
+ .sprinkles_paddingLeft_20__1bzvwaf25 {
233
+ padding-left: var(--dt-spacings-size-20, 20px);
234
+ }
235
+ .sprinkles_paddingLeft_24__1bzvwaf26 {
236
+ padding-left: var(--dt-spacings-size-24, 24px);
237
+ }
238
+ .sprinkles_paddingLeft_32__1bzvwaf27 {
239
+ padding-left: var(--dt-spacings-size-32, 32px);
240
+ }
241
+ .sprinkles_paddingLeft_40__1bzvwaf28 {
242
+ padding-left: var(--dt-spacings-size-40, 40px);
243
+ }
244
+ .sprinkles_paddingLeft_48__1bzvwaf29 {
245
+ padding-left: var(--dt-spacings-size-48, 48px);
246
+ }
247
+ .sprinkles_paddingLeft_56__1bzvwaf2a {
248
+ padding-left: var(--dt-spacings-size-56, 56px);
249
+ }
250
+ .sprinkles_paddingLeft_64__1bzvwaf2b {
251
+ padding-left: var(--dt-spacings-size-64, 64px);
252
+ }
253
+ .sprinkles_paddingRight_0__1bzvwaf2c {
254
+ padding-right: var(--dt-spacings-size-0, 0);
255
+ }
256
+ .sprinkles_paddingRight_2__1bzvwaf2d {
257
+ padding-right: var(--dt-spacings-size-2, 2px);
258
+ }
259
+ .sprinkles_paddingRight_4__1bzvwaf2e {
260
+ padding-right: var(--dt-spacings-size-4, 4px);
261
+ }
262
+ .sprinkles_paddingRight_6__1bzvwaf2f {
263
+ padding-right: var(--dt-spacings-size-6, 6px);
264
+ }
265
+ .sprinkles_paddingRight_8__1bzvwaf2g {
266
+ padding-right: var(--dt-spacings-size-8, 8px);
267
+ }
268
+ .sprinkles_paddingRight_12__1bzvwaf2h {
269
+ padding-right: var(--dt-spacings-size-12, 12px);
270
+ }
271
+ .sprinkles_paddingRight_16__1bzvwaf2i {
272
+ padding-right: var(--dt-spacings-size-16, 16px);
273
+ }
274
+ .sprinkles_paddingRight_20__1bzvwaf2j {
275
+ padding-right: var(--dt-spacings-size-20, 20px);
276
+ }
277
+ .sprinkles_paddingRight_24__1bzvwaf2k {
278
+ padding-right: var(--dt-spacings-size-24, 24px);
279
+ }
280
+ .sprinkles_paddingRight_32__1bzvwaf2l {
281
+ padding-right: var(--dt-spacings-size-32, 32px);
282
+ }
283
+ .sprinkles_paddingRight_40__1bzvwaf2m {
284
+ padding-right: var(--dt-spacings-size-40, 40px);
285
+ }
286
+ .sprinkles_paddingRight_48__1bzvwaf2n {
287
+ padding-right: var(--dt-spacings-size-48, 48px);
288
+ }
289
+ .sprinkles_paddingRight_56__1bzvwaf2o {
290
+ padding-right: var(--dt-spacings-size-56, 56px);
291
+ }
292
+ .sprinkles_paddingRight_64__1bzvwaf2p {
293
+ padding-right: var(--dt-spacings-size-64, 64px);
294
+ }
295
+ .sprinkles_marginTop_0__1bzvwaf2q {
296
+ margin-top: var(--dt-spacings-size-0, 0);
297
+ }
298
+ .sprinkles_marginTop_2__1bzvwaf2r {
299
+ margin-top: var(--dt-spacings-size-2, 2px);
300
+ }
301
+ .sprinkles_marginTop_4__1bzvwaf2s {
302
+ margin-top: var(--dt-spacings-size-4, 4px);
303
+ }
304
+ .sprinkles_marginTop_6__1bzvwaf2t {
305
+ margin-top: var(--dt-spacings-size-6, 6px);
306
+ }
307
+ .sprinkles_marginTop_8__1bzvwaf2u {
308
+ margin-top: var(--dt-spacings-size-8, 8px);
309
+ }
310
+ .sprinkles_marginTop_12__1bzvwaf2v {
311
+ margin-top: var(--dt-spacings-size-12, 12px);
312
+ }
313
+ .sprinkles_marginTop_16__1bzvwaf2w {
314
+ margin-top: var(--dt-spacings-size-16, 16px);
315
+ }
316
+ .sprinkles_marginTop_20__1bzvwaf2x {
317
+ margin-top: var(--dt-spacings-size-20, 20px);
318
+ }
319
+ .sprinkles_marginTop_24__1bzvwaf2y {
320
+ margin-top: var(--dt-spacings-size-24, 24px);
321
+ }
322
+ .sprinkles_marginTop_32__1bzvwaf2z {
323
+ margin-top: var(--dt-spacings-size-32, 32px);
324
+ }
325
+ .sprinkles_marginTop_40__1bzvwaf30 {
326
+ margin-top: var(--dt-spacings-size-40, 40px);
327
+ }
328
+ .sprinkles_marginTop_48__1bzvwaf31 {
329
+ margin-top: var(--dt-spacings-size-48, 48px);
330
+ }
331
+ .sprinkles_marginTop_56__1bzvwaf32 {
332
+ margin-top: var(--dt-spacings-size-56, 56px);
333
+ }
334
+ .sprinkles_marginTop_64__1bzvwaf33 {
335
+ margin-top: var(--dt-spacings-size-64, 64px);
336
+ }
337
+ .sprinkles_marginTop_auto__1bzvwaf34 {
338
+ margin-top: auto;
339
+ }
340
+ .sprinkles_marginBottom_0__1bzvwaf35 {
341
+ margin-bottom: var(--dt-spacings-size-0, 0);
342
+ }
343
+ .sprinkles_marginBottom_2__1bzvwaf36 {
344
+ margin-bottom: var(--dt-spacings-size-2, 2px);
345
+ }
346
+ .sprinkles_marginBottom_4__1bzvwaf37 {
347
+ margin-bottom: var(--dt-spacings-size-4, 4px);
348
+ }
349
+ .sprinkles_marginBottom_6__1bzvwaf38 {
350
+ margin-bottom: var(--dt-spacings-size-6, 6px);
351
+ }
352
+ .sprinkles_marginBottom_8__1bzvwaf39 {
353
+ margin-bottom: var(--dt-spacings-size-8, 8px);
354
+ }
355
+ .sprinkles_marginBottom_12__1bzvwaf3a {
356
+ margin-bottom: var(--dt-spacings-size-12, 12px);
357
+ }
358
+ .sprinkles_marginBottom_16__1bzvwaf3b {
359
+ margin-bottom: var(--dt-spacings-size-16, 16px);
360
+ }
361
+ .sprinkles_marginBottom_20__1bzvwaf3c {
362
+ margin-bottom: var(--dt-spacings-size-20, 20px);
363
+ }
364
+ .sprinkles_marginBottom_24__1bzvwaf3d {
365
+ margin-bottom: var(--dt-spacings-size-24, 24px);
366
+ }
367
+ .sprinkles_marginBottom_32__1bzvwaf3e {
368
+ margin-bottom: var(--dt-spacings-size-32, 32px);
369
+ }
370
+ .sprinkles_marginBottom_40__1bzvwaf3f {
371
+ margin-bottom: var(--dt-spacings-size-40, 40px);
372
+ }
373
+ .sprinkles_marginBottom_48__1bzvwaf3g {
374
+ margin-bottom: var(--dt-spacings-size-48, 48px);
375
+ }
376
+ .sprinkles_marginBottom_56__1bzvwaf3h {
377
+ margin-bottom: var(--dt-spacings-size-56, 56px);
378
+ }
379
+ .sprinkles_marginBottom_64__1bzvwaf3i {
380
+ margin-bottom: var(--dt-spacings-size-64, 64px);
381
+ }
382
+ .sprinkles_marginBottom_auto__1bzvwaf3j {
383
+ margin-bottom: auto;
384
+ }
385
+ .sprinkles_marginLeft_0__1bzvwaf3k {
386
+ margin-left: var(--dt-spacings-size-0, 0);
387
+ }
388
+ .sprinkles_marginLeft_2__1bzvwaf3l {
389
+ margin-left: var(--dt-spacings-size-2, 2px);
390
+ }
391
+ .sprinkles_marginLeft_4__1bzvwaf3m {
392
+ margin-left: var(--dt-spacings-size-4, 4px);
393
+ }
394
+ .sprinkles_marginLeft_6__1bzvwaf3n {
395
+ margin-left: var(--dt-spacings-size-6, 6px);
396
+ }
397
+ .sprinkles_marginLeft_8__1bzvwaf3o {
398
+ margin-left: var(--dt-spacings-size-8, 8px);
399
+ }
400
+ .sprinkles_marginLeft_12__1bzvwaf3p {
401
+ margin-left: var(--dt-spacings-size-12, 12px);
402
+ }
403
+ .sprinkles_marginLeft_16__1bzvwaf3q {
404
+ margin-left: var(--dt-spacings-size-16, 16px);
405
+ }
406
+ .sprinkles_marginLeft_20__1bzvwaf3r {
407
+ margin-left: var(--dt-spacings-size-20, 20px);
408
+ }
409
+ .sprinkles_marginLeft_24__1bzvwaf3s {
410
+ margin-left: var(--dt-spacings-size-24, 24px);
411
+ }
412
+ .sprinkles_marginLeft_32__1bzvwaf3t {
413
+ margin-left: var(--dt-spacings-size-32, 32px);
414
+ }
415
+ .sprinkles_marginLeft_40__1bzvwaf3u {
416
+ margin-left: var(--dt-spacings-size-40, 40px);
417
+ }
418
+ .sprinkles_marginLeft_48__1bzvwaf3v {
419
+ margin-left: var(--dt-spacings-size-48, 48px);
420
+ }
421
+ .sprinkles_marginLeft_56__1bzvwaf3w {
422
+ margin-left: var(--dt-spacings-size-56, 56px);
423
+ }
424
+ .sprinkles_marginLeft_64__1bzvwaf3x {
425
+ margin-left: var(--dt-spacings-size-64, 64px);
426
+ }
427
+ .sprinkles_marginLeft_auto__1bzvwaf3y {
428
+ margin-left: auto;
429
+ }
430
+ .sprinkles_marginRight_0__1bzvwaf3z {
431
+ margin-right: var(--dt-spacings-size-0, 0);
432
+ }
433
+ .sprinkles_marginRight_2__1bzvwaf40 {
434
+ margin-right: var(--dt-spacings-size-2, 2px);
435
+ }
436
+ .sprinkles_marginRight_4__1bzvwaf41 {
437
+ margin-right: var(--dt-spacings-size-4, 4px);
438
+ }
439
+ .sprinkles_marginRight_6__1bzvwaf42 {
440
+ margin-right: var(--dt-spacings-size-6, 6px);
441
+ }
442
+ .sprinkles_marginRight_8__1bzvwaf43 {
443
+ margin-right: var(--dt-spacings-size-8, 8px);
444
+ }
445
+ .sprinkles_marginRight_12__1bzvwaf44 {
446
+ margin-right: var(--dt-spacings-size-12, 12px);
447
+ }
448
+ .sprinkles_marginRight_16__1bzvwaf45 {
449
+ margin-right: var(--dt-spacings-size-16, 16px);
450
+ }
451
+ .sprinkles_marginRight_20__1bzvwaf46 {
452
+ margin-right: var(--dt-spacings-size-20, 20px);
453
+ }
454
+ .sprinkles_marginRight_24__1bzvwaf47 {
455
+ margin-right: var(--dt-spacings-size-24, 24px);
456
+ }
457
+ .sprinkles_marginRight_32__1bzvwaf48 {
458
+ margin-right: var(--dt-spacings-size-32, 32px);
459
+ }
460
+ .sprinkles_marginRight_40__1bzvwaf49 {
461
+ margin-right: var(--dt-spacings-size-40, 40px);
462
+ }
463
+ .sprinkles_marginRight_48__1bzvwaf4a {
464
+ margin-right: var(--dt-spacings-size-48, 48px);
465
+ }
466
+ .sprinkles_marginRight_56__1bzvwaf4b {
467
+ margin-right: var(--dt-spacings-size-56, 56px);
468
+ }
469
+ .sprinkles_marginRight_64__1bzvwaf4c {
470
+ margin-right: var(--dt-spacings-size-64, 64px);
471
+ }
472
+ .sprinkles_marginRight_auto__1bzvwaf4d {
473
+ margin-right: auto;
474
+ }
475
+ .sprinkles_justifySelf_center__1bzvwaf4e {
476
+ justify-self: center;
477
+ }
478
+ .sprinkles_justifySelf_end__1bzvwaf4f {
479
+ justify-self: end;
480
+ }
481
+ .sprinkles_justifySelf_flex-end__1bzvwaf4g {
482
+ justify-self: flex-end;
483
+ }
484
+ .sprinkles_justifySelf_flex-start__1bzvwaf4h {
485
+ justify-self: flex-start;
486
+ }
487
+ .sprinkles_justifySelf_self-end__1bzvwaf4i {
488
+ justify-self: self-end;
489
+ }
490
+ .sprinkles_justifySelf_self-start__1bzvwaf4j {
491
+ justify-self: self-start;
492
+ }
493
+ .sprinkles_justifySelf_start__1bzvwaf4k {
494
+ justify-self: start;
495
+ }
496
+ .sprinkles_justifySelf_auto__1bzvwaf4l {
497
+ justify-self: auto;
498
+ }
499
+ .sprinkles_justifySelf_baseline__1bzvwaf4m {
500
+ justify-self: baseline;
501
+ }
502
+ .sprinkles_justifySelf_left__1bzvwaf4n {
503
+ justify-self: left;
504
+ }
505
+ .sprinkles_justifySelf_normal__1bzvwaf4o {
506
+ justify-self: normal;
507
+ }
508
+ .sprinkles_justifySelf_right__1bzvwaf4p {
509
+ justify-self: right;
510
+ }
511
+ .sprinkles_justifySelf_stretch__1bzvwaf4q {
512
+ justify-self: stretch;
513
+ }
514
+ .sprinkles_alignSelf_center__1bzvwaf4r {
515
+ align-self: center;
516
+ }
517
+ .sprinkles_alignSelf_end__1bzvwaf4s {
518
+ align-self: end;
519
+ }
520
+ .sprinkles_alignSelf_flex-end__1bzvwaf4t {
521
+ align-self: flex-end;
522
+ }
523
+ .sprinkles_alignSelf_flex-start__1bzvwaf4u {
524
+ align-self: flex-start;
525
+ }
526
+ .sprinkles_alignSelf_self-end__1bzvwaf4v {
527
+ align-self: self-end;
528
+ }
529
+ .sprinkles_alignSelf_self-start__1bzvwaf4w {
530
+ align-self: self-start;
531
+ }
532
+ .sprinkles_alignSelf_start__1bzvwaf4x {
533
+ align-self: start;
534
+ }
535
+ .sprinkles_alignSelf_auto__1bzvwaf4y {
536
+ align-self: auto;
537
+ }
538
+ .sprinkles_alignSelf_baseline__1bzvwaf4z {
539
+ align-self: baseline;
540
+ }
541
+ .sprinkles_alignSelf_normal__1bzvwaf50 {
542
+ align-self: normal;
543
+ }
544
+ .sprinkles_alignSelf_stretch__1bzvwaf51 {
545
+ align-self: stretch;
546
+ }
547
+ .sprinkles_placeSelf_center__1bzvwaf52 {
548
+ place-self: center;
549
+ }
550
+ .sprinkles_placeSelf_end__1bzvwaf53 {
551
+ place-self: end;
552
+ }
553
+ .sprinkles_placeSelf_flex-end__1bzvwaf54 {
554
+ place-self: flex-end;
555
+ }
556
+ .sprinkles_placeSelf_flex-start__1bzvwaf55 {
557
+ place-self: flex-start;
558
+ }
559
+ .sprinkles_placeSelf_self-end__1bzvwaf56 {
560
+ place-self: self-end;
561
+ }
562
+ .sprinkles_placeSelf_self-start__1bzvwaf57 {
563
+ place-self: self-start;
564
+ }
565
+ .sprinkles_placeSelf_start__1bzvwaf58 {
566
+ place-self: start;
567
+ }
568
+ .sprinkles_placeSelf_auto__1bzvwaf59 {
569
+ place-self: auto;
570
+ }
571
+ .sprinkles_placeSelf_baseline__1bzvwaf5a {
572
+ place-self: baseline;
573
+ }
574
+ .sprinkles_placeSelf_normal__1bzvwaf5b {
575
+ place-self: normal;
576
+ }
577
+ .sprinkles_placeSelf_stretch__1bzvwaf5c {
578
+ place-self: stretch;
579
+ }
580
+ .sprinkles_justifyItems_center__1bzvwaf5d {
581
+ justify-items: center;
582
+ }
583
+ .sprinkles_justifyItems_end__1bzvwaf5e {
584
+ justify-items: end;
585
+ }
586
+ .sprinkles_justifyItems_flex-end__1bzvwaf5f {
587
+ justify-items: flex-end;
588
+ }
589
+ .sprinkles_justifyItems_flex-start__1bzvwaf5g {
590
+ justify-items: flex-start;
591
+ }
592
+ .sprinkles_justifyItems_self-end__1bzvwaf5h {
593
+ justify-items: self-end;
594
+ }
595
+ .sprinkles_justifyItems_self-start__1bzvwaf5i {
596
+ justify-items: self-start;
597
+ }
598
+ .sprinkles_justifyItems_start__1bzvwaf5j {
599
+ justify-items: start;
600
+ }
601
+ .sprinkles_justifyItems_baseline__1bzvwaf5k {
602
+ justify-items: baseline;
603
+ }
604
+ .sprinkles_justifyItems_left__1bzvwaf5l {
605
+ justify-items: left;
606
+ }
607
+ .sprinkles_justifyItems_legacy__1bzvwaf5m {
608
+ justify-items: legacy;
609
+ }
610
+ .sprinkles_justifyItems_normal__1bzvwaf5n {
611
+ justify-items: normal;
612
+ }
613
+ .sprinkles_justifyItems_right__1bzvwaf5o {
614
+ justify-items: right;
615
+ }
616
+ .sprinkles_justifyItems_stretch__1bzvwaf5p {
617
+ justify-items: stretch;
618
+ }
619
+ .sprinkles_alignItems_center__1bzvwaf5q {
620
+ align-items: center;
621
+ }
622
+ .sprinkles_alignItems_end__1bzvwaf5r {
623
+ align-items: end;
624
+ }
625
+ .sprinkles_alignItems_flex-end__1bzvwaf5s {
626
+ align-items: flex-end;
627
+ }
628
+ .sprinkles_alignItems_flex-start__1bzvwaf5t {
629
+ align-items: flex-start;
630
+ }
631
+ .sprinkles_alignItems_self-end__1bzvwaf5u {
632
+ align-items: self-end;
633
+ }
634
+ .sprinkles_alignItems_self-start__1bzvwaf5v {
635
+ align-items: self-start;
636
+ }
637
+ .sprinkles_alignItems_start__1bzvwaf5w {
638
+ align-items: start;
639
+ }
640
+ .sprinkles_alignItems_baseline__1bzvwaf5x {
641
+ align-items: baseline;
642
+ }
643
+ .sprinkles_alignItems_normal__1bzvwaf5y {
644
+ align-items: normal;
645
+ }
646
+ .sprinkles_alignItems_stretch__1bzvwaf5z {
647
+ align-items: stretch;
648
+ }
649
+ .sprinkles_placeItems_center__1bzvwaf60 {
650
+ place-items: center;
651
+ }
652
+ .sprinkles_placeItems_end__1bzvwaf61 {
653
+ place-items: end;
654
+ }
655
+ .sprinkles_placeItems_flex-end__1bzvwaf62 {
656
+ place-items: flex-end;
657
+ }
658
+ .sprinkles_placeItems_flex-start__1bzvwaf63 {
659
+ place-items: flex-start;
660
+ }
661
+ .sprinkles_placeItems_self-end__1bzvwaf64 {
662
+ place-items: self-end;
663
+ }
664
+ .sprinkles_placeItems_self-start__1bzvwaf65 {
665
+ place-items: self-start;
666
+ }
667
+ .sprinkles_placeItems_start__1bzvwaf66 {
668
+ place-items: start;
669
+ }
670
+ .sprinkles_placeItems_baseline__1bzvwaf67 {
671
+ place-items: baseline;
672
+ }
673
+ .sprinkles_placeItems_normal__1bzvwaf68 {
674
+ place-items: normal;
675
+ }
676
+ .sprinkles_placeItems_stretch__1bzvwaf69 {
677
+ place-items: stretch;
678
+ }
679
+ .sprinkles_justifyContent_space-around__1bzvwaf6a {
680
+ justify-content: space-around;
681
+ }
682
+ .sprinkles_justifyContent_space-between__1bzvwaf6b {
683
+ justify-content: space-between;
684
+ }
685
+ .sprinkles_justifyContent_space-evenly__1bzvwaf6c {
686
+ justify-content: space-evenly;
687
+ }
688
+ .sprinkles_justifyContent_stretch__1bzvwaf6d {
689
+ justify-content: stretch;
690
+ }
691
+ .sprinkles_justifyContent_center__1bzvwaf6e {
692
+ justify-content: center;
693
+ }
694
+ .sprinkles_justifyContent_end__1bzvwaf6f {
695
+ justify-content: end;
696
+ }
697
+ .sprinkles_justifyContent_flex-end__1bzvwaf6g {
698
+ justify-content: flex-end;
699
+ }
700
+ .sprinkles_justifyContent_flex-start__1bzvwaf6h {
701
+ justify-content: flex-start;
702
+ }
703
+ .sprinkles_justifyContent_start__1bzvwaf6i {
704
+ justify-content: start;
705
+ }
706
+ .sprinkles_justifyContent_left__1bzvwaf6j {
707
+ justify-content: left;
708
+ }
709
+ .sprinkles_justifyContent_normal__1bzvwaf6k {
710
+ justify-content: normal;
711
+ }
712
+ .sprinkles_justifyContent_right__1bzvwaf6l {
713
+ justify-content: right;
714
+ }
715
+ .sprinkles_alignContent_space-around__1bzvwaf6m {
716
+ align-content: space-around;
717
+ }
718
+ .sprinkles_alignContent_space-between__1bzvwaf6n {
719
+ align-content: space-between;
720
+ }
721
+ .sprinkles_alignContent_space-evenly__1bzvwaf6o {
722
+ align-content: space-evenly;
723
+ }
724
+ .sprinkles_alignContent_stretch__1bzvwaf6p {
725
+ align-content: stretch;
726
+ }
727
+ .sprinkles_alignContent_center__1bzvwaf6q {
728
+ align-content: center;
729
+ }
730
+ .sprinkles_alignContent_end__1bzvwaf6r {
731
+ align-content: end;
732
+ }
733
+ .sprinkles_alignContent_flex-end__1bzvwaf6s {
734
+ align-content: flex-end;
735
+ }
736
+ .sprinkles_alignContent_flex-start__1bzvwaf6t {
737
+ align-content: flex-start;
738
+ }
739
+ .sprinkles_alignContent_start__1bzvwaf6u {
740
+ align-content: start;
741
+ }
742
+ .sprinkles_alignContent_baseline__1bzvwaf6v {
743
+ align-content: baseline;
744
+ }
745
+ .sprinkles_alignContent_normal__1bzvwaf6w {
746
+ align-content: normal;
747
+ }
748
+ .sprinkles_placeContent_space-around__1bzvwaf6x {
749
+ place-content: space-around;
750
+ }
751
+ .sprinkles_placeContent_space-between__1bzvwaf6y {
752
+ place-content: space-between;
753
+ }
754
+ .sprinkles_placeContent_space-evenly__1bzvwaf6z {
755
+ place-content: space-evenly;
756
+ }
757
+ .sprinkles_placeContent_stretch__1bzvwaf70 {
758
+ place-content: stretch;
759
+ }
760
+ .sprinkles_placeContent_center__1bzvwaf71 {
761
+ place-content: center;
762
+ }
763
+ .sprinkles_placeContent_end__1bzvwaf72 {
764
+ place-content: end;
765
+ }
766
+ .sprinkles_placeContent_flex-end__1bzvwaf73 {
767
+ place-content: flex-end;
768
+ }
769
+ .sprinkles_placeContent_flex-start__1bzvwaf74 {
770
+ place-content: flex-start;
771
+ }
772
+ .sprinkles_placeContent_start__1bzvwaf75 {
773
+ place-content: start;
774
+ }
775
+ .sprinkles_placeContent_baseline__1bzvwaf76 {
776
+ place-content: baseline;
777
+ }
778
+ .sprinkles_placeContent_normal__1bzvwaf77 {
779
+ place-content: normal;
780
+ }
781
+ .sprinkles_display_flex__1bzvwaf78 {
782
+ display: flex;
783
+ }
784
+ .sprinkles_display_grid__1bzvwaf79 {
785
+ display: grid;
786
+ }