@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
@@ -0,0 +1,9 @@
1
+ import "./sprinkles.css";
2
+ import { createSprinkles as _ad221 } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
3
+ var globalSprinkleProperties = { conditions: void 0, styles: { gap: { values: { "0": { defaultClass: "sprinkles_gap_0__1bzvwaf0" }, "2": { defaultClass: "sprinkles_gap_2__1bzvwaf1" }, "4": { defaultClass: "sprinkles_gap_4__1bzvwaf2" }, "6": { defaultClass: "sprinkles_gap_6__1bzvwaf3" }, "8": { defaultClass: "sprinkles_gap_8__1bzvwaf4" }, "12": { defaultClass: "sprinkles_gap_12__1bzvwaf5" }, "16": { defaultClass: "sprinkles_gap_16__1bzvwaf6" }, "20": { defaultClass: "sprinkles_gap_20__1bzvwaf7" }, "24": { defaultClass: "sprinkles_gap_24__1bzvwaf8" }, "32": { defaultClass: "sprinkles_gap_32__1bzvwaf9" }, "40": { defaultClass: "sprinkles_gap_40__1bzvwafa" }, "48": { defaultClass: "sprinkles_gap_48__1bzvwafb" }, "56": { defaultClass: "sprinkles_gap_56__1bzvwafc" }, "64": { defaultClass: "sprinkles_gap_64__1bzvwafd" } } }, rowGap: { values: { "0": { defaultClass: "sprinkles_rowGap_0__1bzvwafe" }, "2": { defaultClass: "sprinkles_rowGap_2__1bzvwaff" }, "4": { defaultClass: "sprinkles_rowGap_4__1bzvwafg" }, "6": { defaultClass: "sprinkles_rowGap_6__1bzvwafh" }, "8": { defaultClass: "sprinkles_rowGap_8__1bzvwafi" }, "12": { defaultClass: "sprinkles_rowGap_12__1bzvwafj" }, "16": { defaultClass: "sprinkles_rowGap_16__1bzvwafk" }, "20": { defaultClass: "sprinkles_rowGap_20__1bzvwafl" }, "24": { defaultClass: "sprinkles_rowGap_24__1bzvwafm" }, "32": { defaultClass: "sprinkles_rowGap_32__1bzvwafn" }, "40": { defaultClass: "sprinkles_rowGap_40__1bzvwafo" }, "48": { defaultClass: "sprinkles_rowGap_48__1bzvwafp" }, "56": { defaultClass: "sprinkles_rowGap_56__1bzvwafq" }, "64": { defaultClass: "sprinkles_rowGap_64__1bzvwafr" } } }, columnGap: { values: { "0": { defaultClass: "sprinkles_columnGap_0__1bzvwafs" }, "2": { defaultClass: "sprinkles_columnGap_2__1bzvwaft" }, "4": { defaultClass: "sprinkles_columnGap_4__1bzvwafu" }, "6": { defaultClass: "sprinkles_columnGap_6__1bzvwafv" }, "8": { defaultClass: "sprinkles_columnGap_8__1bzvwafw" }, "12": { defaultClass: "sprinkles_columnGap_12__1bzvwafx" }, "16": { defaultClass: "sprinkles_columnGap_16__1bzvwafy" }, "20": { defaultClass: "sprinkles_columnGap_20__1bzvwafz" }, "24": { defaultClass: "sprinkles_columnGap_24__1bzvwaf10" }, "32": { defaultClass: "sprinkles_columnGap_32__1bzvwaf11" }, "40": { defaultClass: "sprinkles_columnGap_40__1bzvwaf12" }, "48": { defaultClass: "sprinkles_columnGap_48__1bzvwaf13" }, "56": { defaultClass: "sprinkles_columnGap_56__1bzvwaf14" }, "64": { defaultClass: "sprinkles_columnGap_64__1bzvwaf15" } } }, paddingTop: { values: { "0": { defaultClass: "sprinkles_paddingTop_0__1bzvwaf16" }, "2": { defaultClass: "sprinkles_paddingTop_2__1bzvwaf17" }, "4": { defaultClass: "sprinkles_paddingTop_4__1bzvwaf18" }, "6": { defaultClass: "sprinkles_paddingTop_6__1bzvwaf19" }, "8": { defaultClass: "sprinkles_paddingTop_8__1bzvwaf1a" }, "12": { defaultClass: "sprinkles_paddingTop_12__1bzvwaf1b" }, "16": { defaultClass: "sprinkles_paddingTop_16__1bzvwaf1c" }, "20": { defaultClass: "sprinkles_paddingTop_20__1bzvwaf1d" }, "24": { defaultClass: "sprinkles_paddingTop_24__1bzvwaf1e" }, "32": { defaultClass: "sprinkles_paddingTop_32__1bzvwaf1f" }, "40": { defaultClass: "sprinkles_paddingTop_40__1bzvwaf1g" }, "48": { defaultClass: "sprinkles_paddingTop_48__1bzvwaf1h" }, "56": { defaultClass: "sprinkles_paddingTop_56__1bzvwaf1i" }, "64": { defaultClass: "sprinkles_paddingTop_64__1bzvwaf1j" } } }, paddingBottom: { values: { "0": { defaultClass: "sprinkles_paddingBottom_0__1bzvwaf1k" }, "2": { defaultClass: "sprinkles_paddingBottom_2__1bzvwaf1l" }, "4": { defaultClass: "sprinkles_paddingBottom_4__1bzvwaf1m" }, "6": { defaultClass: "sprinkles_paddingBottom_6__1bzvwaf1n" }, "8": { defaultClass: "sprinkles_paddingBottom_8__1bzvwaf1o" }, "12": { defaultClass: "sprinkles_paddingBottom_12__1bzvwaf1p" }, "16": { defaultClass: "sprinkles_paddingBottom_16__1bzvwaf1q" }, "20": { defaultClass: "sprinkles_paddingBottom_20__1bzvwaf1r" }, "24": { defaultClass: "sprinkles_paddingBottom_24__1bzvwaf1s" }, "32": { defaultClass: "sprinkles_paddingBottom_32__1bzvwaf1t" }, "40": { defaultClass: "sprinkles_paddingBottom_40__1bzvwaf1u" }, "48": { defaultClass: "sprinkles_paddingBottom_48__1bzvwaf1v" }, "56": { defaultClass: "sprinkles_paddingBottom_56__1bzvwaf1w" }, "64": { defaultClass: "sprinkles_paddingBottom_64__1bzvwaf1x" } } }, paddingLeft: { values: { "0": { defaultClass: "sprinkles_paddingLeft_0__1bzvwaf1y" }, "2": { defaultClass: "sprinkles_paddingLeft_2__1bzvwaf1z" }, "4": { defaultClass: "sprinkles_paddingLeft_4__1bzvwaf20" }, "6": { defaultClass: "sprinkles_paddingLeft_6__1bzvwaf21" }, "8": { defaultClass: "sprinkles_paddingLeft_8__1bzvwaf22" }, "12": { defaultClass: "sprinkles_paddingLeft_12__1bzvwaf23" }, "16": { defaultClass: "sprinkles_paddingLeft_16__1bzvwaf24" }, "20": { defaultClass: "sprinkles_paddingLeft_20__1bzvwaf25" }, "24": { defaultClass: "sprinkles_paddingLeft_24__1bzvwaf26" }, "32": { defaultClass: "sprinkles_paddingLeft_32__1bzvwaf27" }, "40": { defaultClass: "sprinkles_paddingLeft_40__1bzvwaf28" }, "48": { defaultClass: "sprinkles_paddingLeft_48__1bzvwaf29" }, "56": { defaultClass: "sprinkles_paddingLeft_56__1bzvwaf2a" }, "64": { defaultClass: "sprinkles_paddingLeft_64__1bzvwaf2b" } } }, paddingRight: { values: { "0": { defaultClass: "sprinkles_paddingRight_0__1bzvwaf2c" }, "2": { defaultClass: "sprinkles_paddingRight_2__1bzvwaf2d" }, "4": { defaultClass: "sprinkles_paddingRight_4__1bzvwaf2e" }, "6": { defaultClass: "sprinkles_paddingRight_6__1bzvwaf2f" }, "8": { defaultClass: "sprinkles_paddingRight_8__1bzvwaf2g" }, "12": { defaultClass: "sprinkles_paddingRight_12__1bzvwaf2h" }, "16": { defaultClass: "sprinkles_paddingRight_16__1bzvwaf2i" }, "20": { defaultClass: "sprinkles_paddingRight_20__1bzvwaf2j" }, "24": { defaultClass: "sprinkles_paddingRight_24__1bzvwaf2k" }, "32": { defaultClass: "sprinkles_paddingRight_32__1bzvwaf2l" }, "40": { defaultClass: "sprinkles_paddingRight_40__1bzvwaf2m" }, "48": { defaultClass: "sprinkles_paddingRight_48__1bzvwaf2n" }, "56": { defaultClass: "sprinkles_paddingRight_56__1bzvwaf2o" }, "64": { defaultClass: "sprinkles_paddingRight_64__1bzvwaf2p" } } }, marginTop: { values: { "0": { defaultClass: "sprinkles_marginTop_0__1bzvwaf2q" }, "2": { defaultClass: "sprinkles_marginTop_2__1bzvwaf2r" }, "4": { defaultClass: "sprinkles_marginTop_4__1bzvwaf2s" }, "6": { defaultClass: "sprinkles_marginTop_6__1bzvwaf2t" }, "8": { defaultClass: "sprinkles_marginTop_8__1bzvwaf2u" }, "12": { defaultClass: "sprinkles_marginTop_12__1bzvwaf2v" }, "16": { defaultClass: "sprinkles_marginTop_16__1bzvwaf2w" }, "20": { defaultClass: "sprinkles_marginTop_20__1bzvwaf2x" }, "24": { defaultClass: "sprinkles_marginTop_24__1bzvwaf2y" }, "32": { defaultClass: "sprinkles_marginTop_32__1bzvwaf2z" }, "40": { defaultClass: "sprinkles_marginTop_40__1bzvwaf30" }, "48": { defaultClass: "sprinkles_marginTop_48__1bzvwaf31" }, "56": { defaultClass: "sprinkles_marginTop_56__1bzvwaf32" }, "64": { defaultClass: "sprinkles_marginTop_64__1bzvwaf33" }, auto: { defaultClass: "sprinkles_marginTop_auto__1bzvwaf34" } } }, marginBottom: { values: { "0": { defaultClass: "sprinkles_marginBottom_0__1bzvwaf35" }, "2": { defaultClass: "sprinkles_marginBottom_2__1bzvwaf36" }, "4": { defaultClass: "sprinkles_marginBottom_4__1bzvwaf37" }, "6": { defaultClass: "sprinkles_marginBottom_6__1bzvwaf38" }, "8": { defaultClass: "sprinkles_marginBottom_8__1bzvwaf39" }, "12": { defaultClass: "sprinkles_marginBottom_12__1bzvwaf3a" }, "16": { defaultClass: "sprinkles_marginBottom_16__1bzvwaf3b" }, "20": { defaultClass: "sprinkles_marginBottom_20__1bzvwaf3c" }, "24": { defaultClass: "sprinkles_marginBottom_24__1bzvwaf3d" }, "32": { defaultClass: "sprinkles_marginBottom_32__1bzvwaf3e" }, "40": { defaultClass: "sprinkles_marginBottom_40__1bzvwaf3f" }, "48": { defaultClass: "sprinkles_marginBottom_48__1bzvwaf3g" }, "56": { defaultClass: "sprinkles_marginBottom_56__1bzvwaf3h" }, "64": { defaultClass: "sprinkles_marginBottom_64__1bzvwaf3i" }, auto: { defaultClass: "sprinkles_marginBottom_auto__1bzvwaf3j" } } }, marginLeft: { values: { "0": { defaultClass: "sprinkles_marginLeft_0__1bzvwaf3k" }, "2": { defaultClass: "sprinkles_marginLeft_2__1bzvwaf3l" }, "4": { defaultClass: "sprinkles_marginLeft_4__1bzvwaf3m" }, "6": { defaultClass: "sprinkles_marginLeft_6__1bzvwaf3n" }, "8": { defaultClass: "sprinkles_marginLeft_8__1bzvwaf3o" }, "12": { defaultClass: "sprinkles_marginLeft_12__1bzvwaf3p" }, "16": { defaultClass: "sprinkles_marginLeft_16__1bzvwaf3q" }, "20": { defaultClass: "sprinkles_marginLeft_20__1bzvwaf3r" }, "24": { defaultClass: "sprinkles_marginLeft_24__1bzvwaf3s" }, "32": { defaultClass: "sprinkles_marginLeft_32__1bzvwaf3t" }, "40": { defaultClass: "sprinkles_marginLeft_40__1bzvwaf3u" }, "48": { defaultClass: "sprinkles_marginLeft_48__1bzvwaf3v" }, "56": { defaultClass: "sprinkles_marginLeft_56__1bzvwaf3w" }, "64": { defaultClass: "sprinkles_marginLeft_64__1bzvwaf3x" }, auto: { defaultClass: "sprinkles_marginLeft_auto__1bzvwaf3y" } } }, marginRight: { values: { "0": { defaultClass: "sprinkles_marginRight_0__1bzvwaf3z" }, "2": { defaultClass: "sprinkles_marginRight_2__1bzvwaf40" }, "4": { defaultClass: "sprinkles_marginRight_4__1bzvwaf41" }, "6": { defaultClass: "sprinkles_marginRight_6__1bzvwaf42" }, "8": { defaultClass: "sprinkles_marginRight_8__1bzvwaf43" }, "12": { defaultClass: "sprinkles_marginRight_12__1bzvwaf44" }, "16": { defaultClass: "sprinkles_marginRight_16__1bzvwaf45" }, "20": { defaultClass: "sprinkles_marginRight_20__1bzvwaf46" }, "24": { defaultClass: "sprinkles_marginRight_24__1bzvwaf47" }, "32": { defaultClass: "sprinkles_marginRight_32__1bzvwaf48" }, "40": { defaultClass: "sprinkles_marginRight_40__1bzvwaf49" }, "48": { defaultClass: "sprinkles_marginRight_48__1bzvwaf4a" }, "56": { defaultClass: "sprinkles_marginRight_56__1bzvwaf4b" }, "64": { defaultClass: "sprinkles_marginRight_64__1bzvwaf4c" }, auto: { defaultClass: "sprinkles_marginRight_auto__1bzvwaf4d" } } }, justifySelf: { values: { center: { defaultClass: "sprinkles_justifySelf_center__1bzvwaf4e" }, end: { defaultClass: "sprinkles_justifySelf_end__1bzvwaf4f" }, "flex-end": { defaultClass: "sprinkles_justifySelf_flex-end__1bzvwaf4g" }, "flex-start": { defaultClass: "sprinkles_justifySelf_flex-start__1bzvwaf4h" }, "self-end": { defaultClass: "sprinkles_justifySelf_self-end__1bzvwaf4i" }, "self-start": { defaultClass: "sprinkles_justifySelf_self-start__1bzvwaf4j" }, start: { defaultClass: "sprinkles_justifySelf_start__1bzvwaf4k" }, auto: { defaultClass: "sprinkles_justifySelf_auto__1bzvwaf4l" }, baseline: { defaultClass: "sprinkles_justifySelf_baseline__1bzvwaf4m" }, left: { defaultClass: "sprinkles_justifySelf_left__1bzvwaf4n" }, normal: { defaultClass: "sprinkles_justifySelf_normal__1bzvwaf4o" }, right: { defaultClass: "sprinkles_justifySelf_right__1bzvwaf4p" }, stretch: { defaultClass: "sprinkles_justifySelf_stretch__1bzvwaf4q" } } }, alignSelf: { values: { center: { defaultClass: "sprinkles_alignSelf_center__1bzvwaf4r" }, end: { defaultClass: "sprinkles_alignSelf_end__1bzvwaf4s" }, "flex-end": { defaultClass: "sprinkles_alignSelf_flex-end__1bzvwaf4t" }, "flex-start": { defaultClass: "sprinkles_alignSelf_flex-start__1bzvwaf4u" }, "self-end": { defaultClass: "sprinkles_alignSelf_self-end__1bzvwaf4v" }, "self-start": { defaultClass: "sprinkles_alignSelf_self-start__1bzvwaf4w" }, start: { defaultClass: "sprinkles_alignSelf_start__1bzvwaf4x" }, auto: { defaultClass: "sprinkles_alignSelf_auto__1bzvwaf4y" }, baseline: { defaultClass: "sprinkles_alignSelf_baseline__1bzvwaf4z" }, normal: { defaultClass: "sprinkles_alignSelf_normal__1bzvwaf50" }, stretch: { defaultClass: "sprinkles_alignSelf_stretch__1bzvwaf51" } } }, placeSelf: { values: { center: { defaultClass: "sprinkles_placeSelf_center__1bzvwaf52" }, end: { defaultClass: "sprinkles_placeSelf_end__1bzvwaf53" }, "flex-end": { defaultClass: "sprinkles_placeSelf_flex-end__1bzvwaf54" }, "flex-start": { defaultClass: "sprinkles_placeSelf_flex-start__1bzvwaf55" }, "self-end": { defaultClass: "sprinkles_placeSelf_self-end__1bzvwaf56" }, "self-start": { defaultClass: "sprinkles_placeSelf_self-start__1bzvwaf57" }, start: { defaultClass: "sprinkles_placeSelf_start__1bzvwaf58" }, auto: { defaultClass: "sprinkles_placeSelf_auto__1bzvwaf59" }, baseline: { defaultClass: "sprinkles_placeSelf_baseline__1bzvwaf5a" }, normal: { defaultClass: "sprinkles_placeSelf_normal__1bzvwaf5b" }, stretch: { defaultClass: "sprinkles_placeSelf_stretch__1bzvwaf5c" } } }, justifyItems: { values: { center: { defaultClass: "sprinkles_justifyItems_center__1bzvwaf5d" }, end: { defaultClass: "sprinkles_justifyItems_end__1bzvwaf5e" }, "flex-end": { defaultClass: "sprinkles_justifyItems_flex-end__1bzvwaf5f" }, "flex-start": { defaultClass: "sprinkles_justifyItems_flex-start__1bzvwaf5g" }, "self-end": { defaultClass: "sprinkles_justifyItems_self-end__1bzvwaf5h" }, "self-start": { defaultClass: "sprinkles_justifyItems_self-start__1bzvwaf5i" }, start: { defaultClass: "sprinkles_justifyItems_start__1bzvwaf5j" }, baseline: { defaultClass: "sprinkles_justifyItems_baseline__1bzvwaf5k" }, left: { defaultClass: "sprinkles_justifyItems_left__1bzvwaf5l" }, legacy: { defaultClass: "sprinkles_justifyItems_legacy__1bzvwaf5m" }, normal: { defaultClass: "sprinkles_justifyItems_normal__1bzvwaf5n" }, right: { defaultClass: "sprinkles_justifyItems_right__1bzvwaf5o" }, stretch: { defaultClass: "sprinkles_justifyItems_stretch__1bzvwaf5p" } } }, alignItems: { values: { center: { defaultClass: "sprinkles_alignItems_center__1bzvwaf5q" }, end: { defaultClass: "sprinkles_alignItems_end__1bzvwaf5r" }, "flex-end": { defaultClass: "sprinkles_alignItems_flex-end__1bzvwaf5s" }, "flex-start": { defaultClass: "sprinkles_alignItems_flex-start__1bzvwaf5t" }, "self-end": { defaultClass: "sprinkles_alignItems_self-end__1bzvwaf5u" }, "self-start": { defaultClass: "sprinkles_alignItems_self-start__1bzvwaf5v" }, start: { defaultClass: "sprinkles_alignItems_start__1bzvwaf5w" }, baseline: { defaultClass: "sprinkles_alignItems_baseline__1bzvwaf5x" }, normal: { defaultClass: "sprinkles_alignItems_normal__1bzvwaf5y" }, stretch: { defaultClass: "sprinkles_alignItems_stretch__1bzvwaf5z" } } }, placeItems: { values: { center: { defaultClass: "sprinkles_placeItems_center__1bzvwaf60" }, end: { defaultClass: "sprinkles_placeItems_end__1bzvwaf61" }, "flex-end": { defaultClass: "sprinkles_placeItems_flex-end__1bzvwaf62" }, "flex-start": { defaultClass: "sprinkles_placeItems_flex-start__1bzvwaf63" }, "self-end": { defaultClass: "sprinkles_placeItems_self-end__1bzvwaf64" }, "self-start": { defaultClass: "sprinkles_placeItems_self-start__1bzvwaf65" }, start: { defaultClass: "sprinkles_placeItems_start__1bzvwaf66" }, baseline: { defaultClass: "sprinkles_placeItems_baseline__1bzvwaf67" }, normal: { defaultClass: "sprinkles_placeItems_normal__1bzvwaf68" }, stretch: { defaultClass: "sprinkles_placeItems_stretch__1bzvwaf69" } } }, justifyContent: { values: { "space-around": { defaultClass: "sprinkles_justifyContent_space-around__1bzvwaf6a" }, "space-between": { defaultClass: "sprinkles_justifyContent_space-between__1bzvwaf6b" }, "space-evenly": { defaultClass: "sprinkles_justifyContent_space-evenly__1bzvwaf6c" }, stretch: { defaultClass: "sprinkles_justifyContent_stretch__1bzvwaf6d" }, center: { defaultClass: "sprinkles_justifyContent_center__1bzvwaf6e" }, end: { defaultClass: "sprinkles_justifyContent_end__1bzvwaf6f" }, "flex-end": { defaultClass: "sprinkles_justifyContent_flex-end__1bzvwaf6g" }, "flex-start": { defaultClass: "sprinkles_justifyContent_flex-start__1bzvwaf6h" }, start: { defaultClass: "sprinkles_justifyContent_start__1bzvwaf6i" }, left: { defaultClass: "sprinkles_justifyContent_left__1bzvwaf6j" }, normal: { defaultClass: "sprinkles_justifyContent_normal__1bzvwaf6k" }, right: { defaultClass: "sprinkles_justifyContent_right__1bzvwaf6l" } } }, alignContent: { values: { "space-around": { defaultClass: "sprinkles_alignContent_space-around__1bzvwaf6m" }, "space-between": { defaultClass: "sprinkles_alignContent_space-between__1bzvwaf6n" }, "space-evenly": { defaultClass: "sprinkles_alignContent_space-evenly__1bzvwaf6o" }, stretch: { defaultClass: "sprinkles_alignContent_stretch__1bzvwaf6p" }, center: { defaultClass: "sprinkles_alignContent_center__1bzvwaf6q" }, end: { defaultClass: "sprinkles_alignContent_end__1bzvwaf6r" }, "flex-end": { defaultClass: "sprinkles_alignContent_flex-end__1bzvwaf6s" }, "flex-start": { defaultClass: "sprinkles_alignContent_flex-start__1bzvwaf6t" }, start: { defaultClass: "sprinkles_alignContent_start__1bzvwaf6u" }, baseline: { defaultClass: "sprinkles_alignContent_baseline__1bzvwaf6v" }, normal: { defaultClass: "sprinkles_alignContent_normal__1bzvwaf6w" } } }, placeContent: { values: { "space-around": { defaultClass: "sprinkles_placeContent_space-around__1bzvwaf6x" }, "space-between": { defaultClass: "sprinkles_placeContent_space-between__1bzvwaf6y" }, "space-evenly": { defaultClass: "sprinkles_placeContent_space-evenly__1bzvwaf6z" }, stretch: { defaultClass: "sprinkles_placeContent_stretch__1bzvwaf70" }, center: { defaultClass: "sprinkles_placeContent_center__1bzvwaf71" }, end: { defaultClass: "sprinkles_placeContent_end__1bzvwaf72" }, "flex-end": { defaultClass: "sprinkles_placeContent_flex-end__1bzvwaf73" }, "flex-start": { defaultClass: "sprinkles_placeContent_flex-start__1bzvwaf74" }, start: { defaultClass: "sprinkles_placeContent_start__1bzvwaf75" }, baseline: { defaultClass: "sprinkles_placeContent_baseline__1bzvwaf76" }, normal: { defaultClass: "sprinkles_placeContent_normal__1bzvwaf77" } } }, display: { values: { flex: { defaultClass: "sprinkles_display_flex__1bzvwaf78" }, grid: { defaultClass: "sprinkles_display_grid__1bzvwaf79" } } } } };
4
+ var internalSprinkles = _ad221(globalSprinkleProperties);
5
+ export {
6
+ globalSprinkleProperties,
7
+ internalSprinkles
8
+ };
9
+ //# sourceMappingURL=sprinkles.sty.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/styles/sprinkles.css.ts"],
4
+ "sourcesContent": ["import './sprinkles.css';\nimport { createSprinkles as _ad221 } from '@vanilla-extract/sprinkles/createRuntimeSprinkles';\nexport var globalSprinkleProperties = {conditions:undefined,styles:{gap:{values:{'0':{defaultClass:'sprinkles_gap_0__1bzvwaf0'},'2':{defaultClass:'sprinkles_gap_2__1bzvwaf1'},'4':{defaultClass:'sprinkles_gap_4__1bzvwaf2'},'6':{defaultClass:'sprinkles_gap_6__1bzvwaf3'},'8':{defaultClass:'sprinkles_gap_8__1bzvwaf4'},'12':{defaultClass:'sprinkles_gap_12__1bzvwaf5'},'16':{defaultClass:'sprinkles_gap_16__1bzvwaf6'},'20':{defaultClass:'sprinkles_gap_20__1bzvwaf7'},'24':{defaultClass:'sprinkles_gap_24__1bzvwaf8'},'32':{defaultClass:'sprinkles_gap_32__1bzvwaf9'},'40':{defaultClass:'sprinkles_gap_40__1bzvwafa'},'48':{defaultClass:'sprinkles_gap_48__1bzvwafb'},'56':{defaultClass:'sprinkles_gap_56__1bzvwafc'},'64':{defaultClass:'sprinkles_gap_64__1bzvwafd'}}},rowGap:{values:{'0':{defaultClass:'sprinkles_rowGap_0__1bzvwafe'},'2':{defaultClass:'sprinkles_rowGap_2__1bzvwaff'},'4':{defaultClass:'sprinkles_rowGap_4__1bzvwafg'},'6':{defaultClass:'sprinkles_rowGap_6__1bzvwafh'},'8':{defaultClass:'sprinkles_rowGap_8__1bzvwafi'},'12':{defaultClass:'sprinkles_rowGap_12__1bzvwafj'},'16':{defaultClass:'sprinkles_rowGap_16__1bzvwafk'},'20':{defaultClass:'sprinkles_rowGap_20__1bzvwafl'},'24':{defaultClass:'sprinkles_rowGap_24__1bzvwafm'},'32':{defaultClass:'sprinkles_rowGap_32__1bzvwafn'},'40':{defaultClass:'sprinkles_rowGap_40__1bzvwafo'},'48':{defaultClass:'sprinkles_rowGap_48__1bzvwafp'},'56':{defaultClass:'sprinkles_rowGap_56__1bzvwafq'},'64':{defaultClass:'sprinkles_rowGap_64__1bzvwafr'}}},columnGap:{values:{'0':{defaultClass:'sprinkles_columnGap_0__1bzvwafs'},'2':{defaultClass:'sprinkles_columnGap_2__1bzvwaft'},'4':{defaultClass:'sprinkles_columnGap_4__1bzvwafu'},'6':{defaultClass:'sprinkles_columnGap_6__1bzvwafv'},'8':{defaultClass:'sprinkles_columnGap_8__1bzvwafw'},'12':{defaultClass:'sprinkles_columnGap_12__1bzvwafx'},'16':{defaultClass:'sprinkles_columnGap_16__1bzvwafy'},'20':{defaultClass:'sprinkles_columnGap_20__1bzvwafz'},'24':{defaultClass:'sprinkles_columnGap_24__1bzvwaf10'},'32':{defaultClass:'sprinkles_columnGap_32__1bzvwaf11'},'40':{defaultClass:'sprinkles_columnGap_40__1bzvwaf12'},'48':{defaultClass:'sprinkles_columnGap_48__1bzvwaf13'},'56':{defaultClass:'sprinkles_columnGap_56__1bzvwaf14'},'64':{defaultClass:'sprinkles_columnGap_64__1bzvwaf15'}}},paddingTop:{values:{'0':{defaultClass:'sprinkles_paddingTop_0__1bzvwaf16'},'2':{defaultClass:'sprinkles_paddingTop_2__1bzvwaf17'},'4':{defaultClass:'sprinkles_paddingTop_4__1bzvwaf18'},'6':{defaultClass:'sprinkles_paddingTop_6__1bzvwaf19'},'8':{defaultClass:'sprinkles_paddingTop_8__1bzvwaf1a'},'12':{defaultClass:'sprinkles_paddingTop_12__1bzvwaf1b'},'16':{defaultClass:'sprinkles_paddingTop_16__1bzvwaf1c'},'20':{defaultClass:'sprinkles_paddingTop_20__1bzvwaf1d'},'24':{defaultClass:'sprinkles_paddingTop_24__1bzvwaf1e'},'32':{defaultClass:'sprinkles_paddingTop_32__1bzvwaf1f'},'40':{defaultClass:'sprinkles_paddingTop_40__1bzvwaf1g'},'48':{defaultClass:'sprinkles_paddingTop_48__1bzvwaf1h'},'56':{defaultClass:'sprinkles_paddingTop_56__1bzvwaf1i'},'64':{defaultClass:'sprinkles_paddingTop_64__1bzvwaf1j'}}},paddingBottom:{values:{'0':{defaultClass:'sprinkles_paddingBottom_0__1bzvwaf1k'},'2':{defaultClass:'sprinkles_paddingBottom_2__1bzvwaf1l'},'4':{defaultClass:'sprinkles_paddingBottom_4__1bzvwaf1m'},'6':{defaultClass:'sprinkles_paddingBottom_6__1bzvwaf1n'},'8':{defaultClass:'sprinkles_paddingBottom_8__1bzvwaf1o'},'12':{defaultClass:'sprinkles_paddingBottom_12__1bzvwaf1p'},'16':{defaultClass:'sprinkles_paddingBottom_16__1bzvwaf1q'},'20':{defaultClass:'sprinkles_paddingBottom_20__1bzvwaf1r'},'24':{defaultClass:'sprinkles_paddingBottom_24__1bzvwaf1s'},'32':{defaultClass:'sprinkles_paddingBottom_32__1bzvwaf1t'},'40':{defaultClass:'sprinkles_paddingBottom_40__1bzvwaf1u'},'48':{defaultClass:'sprinkles_paddingBottom_48__1bzvwaf1v'},'56':{defaultClass:'sprinkles_paddingBottom_56__1bzvwaf1w'},'64':{defaultClass:'sprinkles_paddingBottom_64__1bzvwaf1x'}}},paddingLeft:{values:{'0':{defaultClass:'sprinkles_paddingLeft_0__1bzvwaf1y'},'2':{defaultClass:'sprinkles_paddingLeft_2__1bzvwaf1z'},'4':{defaultClass:'sprinkles_paddingLeft_4__1bzvwaf20'},'6':{defaultClass:'sprinkles_paddingLeft_6__1bzvwaf21'},'8':{defaultClass:'sprinkles_paddingLeft_8__1bzvwaf22'},'12':{defaultClass:'sprinkles_paddingLeft_12__1bzvwaf23'},'16':{defaultClass:'sprinkles_paddingLeft_16__1bzvwaf24'},'20':{defaultClass:'sprinkles_paddingLeft_20__1bzvwaf25'},'24':{defaultClass:'sprinkles_paddingLeft_24__1bzvwaf26'},'32':{defaultClass:'sprinkles_paddingLeft_32__1bzvwaf27'},'40':{defaultClass:'sprinkles_paddingLeft_40__1bzvwaf28'},'48':{defaultClass:'sprinkles_paddingLeft_48__1bzvwaf29'},'56':{defaultClass:'sprinkles_paddingLeft_56__1bzvwaf2a'},'64':{defaultClass:'sprinkles_paddingLeft_64__1bzvwaf2b'}}},paddingRight:{values:{'0':{defaultClass:'sprinkles_paddingRight_0__1bzvwaf2c'},'2':{defaultClass:'sprinkles_paddingRight_2__1bzvwaf2d'},'4':{defaultClass:'sprinkles_paddingRight_4__1bzvwaf2e'},'6':{defaultClass:'sprinkles_paddingRight_6__1bzvwaf2f'},'8':{defaultClass:'sprinkles_paddingRight_8__1bzvwaf2g'},'12':{defaultClass:'sprinkles_paddingRight_12__1bzvwaf2h'},'16':{defaultClass:'sprinkles_paddingRight_16__1bzvwaf2i'},'20':{defaultClass:'sprinkles_paddingRight_20__1bzvwaf2j'},'24':{defaultClass:'sprinkles_paddingRight_24__1bzvwaf2k'},'32':{defaultClass:'sprinkles_paddingRight_32__1bzvwaf2l'},'40':{defaultClass:'sprinkles_paddingRight_40__1bzvwaf2m'},'48':{defaultClass:'sprinkles_paddingRight_48__1bzvwaf2n'},'56':{defaultClass:'sprinkles_paddingRight_56__1bzvwaf2o'},'64':{defaultClass:'sprinkles_paddingRight_64__1bzvwaf2p'}}},marginTop:{values:{'0':{defaultClass:'sprinkles_marginTop_0__1bzvwaf2q'},'2':{defaultClass:'sprinkles_marginTop_2__1bzvwaf2r'},'4':{defaultClass:'sprinkles_marginTop_4__1bzvwaf2s'},'6':{defaultClass:'sprinkles_marginTop_6__1bzvwaf2t'},'8':{defaultClass:'sprinkles_marginTop_8__1bzvwaf2u'},'12':{defaultClass:'sprinkles_marginTop_12__1bzvwaf2v'},'16':{defaultClass:'sprinkles_marginTop_16__1bzvwaf2w'},'20':{defaultClass:'sprinkles_marginTop_20__1bzvwaf2x'},'24':{defaultClass:'sprinkles_marginTop_24__1bzvwaf2y'},'32':{defaultClass:'sprinkles_marginTop_32__1bzvwaf2z'},'40':{defaultClass:'sprinkles_marginTop_40__1bzvwaf30'},'48':{defaultClass:'sprinkles_marginTop_48__1bzvwaf31'},'56':{defaultClass:'sprinkles_marginTop_56__1bzvwaf32'},'64':{defaultClass:'sprinkles_marginTop_64__1bzvwaf33'},auto:{defaultClass:'sprinkles_marginTop_auto__1bzvwaf34'}}},marginBottom:{values:{'0':{defaultClass:'sprinkles_marginBottom_0__1bzvwaf35'},'2':{defaultClass:'sprinkles_marginBottom_2__1bzvwaf36'},'4':{defaultClass:'sprinkles_marginBottom_4__1bzvwaf37'},'6':{defaultClass:'sprinkles_marginBottom_6__1bzvwaf38'},'8':{defaultClass:'sprinkles_marginBottom_8__1bzvwaf39'},'12':{defaultClass:'sprinkles_marginBottom_12__1bzvwaf3a'},'16':{defaultClass:'sprinkles_marginBottom_16__1bzvwaf3b'},'20':{defaultClass:'sprinkles_marginBottom_20__1bzvwaf3c'},'24':{defaultClass:'sprinkles_marginBottom_24__1bzvwaf3d'},'32':{defaultClass:'sprinkles_marginBottom_32__1bzvwaf3e'},'40':{defaultClass:'sprinkles_marginBottom_40__1bzvwaf3f'},'48':{defaultClass:'sprinkles_marginBottom_48__1bzvwaf3g'},'56':{defaultClass:'sprinkles_marginBottom_56__1bzvwaf3h'},'64':{defaultClass:'sprinkles_marginBottom_64__1bzvwaf3i'},auto:{defaultClass:'sprinkles_marginBottom_auto__1bzvwaf3j'}}},marginLeft:{values:{'0':{defaultClass:'sprinkles_marginLeft_0__1bzvwaf3k'},'2':{defaultClass:'sprinkles_marginLeft_2__1bzvwaf3l'},'4':{defaultClass:'sprinkles_marginLeft_4__1bzvwaf3m'},'6':{defaultClass:'sprinkles_marginLeft_6__1bzvwaf3n'},'8':{defaultClass:'sprinkles_marginLeft_8__1bzvwaf3o'},'12':{defaultClass:'sprinkles_marginLeft_12__1bzvwaf3p'},'16':{defaultClass:'sprinkles_marginLeft_16__1bzvwaf3q'},'20':{defaultClass:'sprinkles_marginLeft_20__1bzvwaf3r'},'24':{defaultClass:'sprinkles_marginLeft_24__1bzvwaf3s'},'32':{defaultClass:'sprinkles_marginLeft_32__1bzvwaf3t'},'40':{defaultClass:'sprinkles_marginLeft_40__1bzvwaf3u'},'48':{defaultClass:'sprinkles_marginLeft_48__1bzvwaf3v'},'56':{defaultClass:'sprinkles_marginLeft_56__1bzvwaf3w'},'64':{defaultClass:'sprinkles_marginLeft_64__1bzvwaf3x'},auto:{defaultClass:'sprinkles_marginLeft_auto__1bzvwaf3y'}}},marginRight:{values:{'0':{defaultClass:'sprinkles_marginRight_0__1bzvwaf3z'},'2':{defaultClass:'sprinkles_marginRight_2__1bzvwaf40'},'4':{defaultClass:'sprinkles_marginRight_4__1bzvwaf41'},'6':{defaultClass:'sprinkles_marginRight_6__1bzvwaf42'},'8':{defaultClass:'sprinkles_marginRight_8__1bzvwaf43'},'12':{defaultClass:'sprinkles_marginRight_12__1bzvwaf44'},'16':{defaultClass:'sprinkles_marginRight_16__1bzvwaf45'},'20':{defaultClass:'sprinkles_marginRight_20__1bzvwaf46'},'24':{defaultClass:'sprinkles_marginRight_24__1bzvwaf47'},'32':{defaultClass:'sprinkles_marginRight_32__1bzvwaf48'},'40':{defaultClass:'sprinkles_marginRight_40__1bzvwaf49'},'48':{defaultClass:'sprinkles_marginRight_48__1bzvwaf4a'},'56':{defaultClass:'sprinkles_marginRight_56__1bzvwaf4b'},'64':{defaultClass:'sprinkles_marginRight_64__1bzvwaf4c'},auto:{defaultClass:'sprinkles_marginRight_auto__1bzvwaf4d'}}},justifySelf:{values:{center:{defaultClass:'sprinkles_justifySelf_center__1bzvwaf4e'},end:{defaultClass:'sprinkles_justifySelf_end__1bzvwaf4f'},'flex-end':{defaultClass:'sprinkles_justifySelf_flex-end__1bzvwaf4g'},'flex-start':{defaultClass:'sprinkles_justifySelf_flex-start__1bzvwaf4h'},'self-end':{defaultClass:'sprinkles_justifySelf_self-end__1bzvwaf4i'},'self-start':{defaultClass:'sprinkles_justifySelf_self-start__1bzvwaf4j'},start:{defaultClass:'sprinkles_justifySelf_start__1bzvwaf4k'},auto:{defaultClass:'sprinkles_justifySelf_auto__1bzvwaf4l'},baseline:{defaultClass:'sprinkles_justifySelf_baseline__1bzvwaf4m'},left:{defaultClass:'sprinkles_justifySelf_left__1bzvwaf4n'},normal:{defaultClass:'sprinkles_justifySelf_normal__1bzvwaf4o'},right:{defaultClass:'sprinkles_justifySelf_right__1bzvwaf4p'},stretch:{defaultClass:'sprinkles_justifySelf_stretch__1bzvwaf4q'}}},alignSelf:{values:{center:{defaultClass:'sprinkles_alignSelf_center__1bzvwaf4r'},end:{defaultClass:'sprinkles_alignSelf_end__1bzvwaf4s'},'flex-end':{defaultClass:'sprinkles_alignSelf_flex-end__1bzvwaf4t'},'flex-start':{defaultClass:'sprinkles_alignSelf_flex-start__1bzvwaf4u'},'self-end':{defaultClass:'sprinkles_alignSelf_self-end__1bzvwaf4v'},'self-start':{defaultClass:'sprinkles_alignSelf_self-start__1bzvwaf4w'},start:{defaultClass:'sprinkles_alignSelf_start__1bzvwaf4x'},auto:{defaultClass:'sprinkles_alignSelf_auto__1bzvwaf4y'},baseline:{defaultClass:'sprinkles_alignSelf_baseline__1bzvwaf4z'},normal:{defaultClass:'sprinkles_alignSelf_normal__1bzvwaf50'},stretch:{defaultClass:'sprinkles_alignSelf_stretch__1bzvwaf51'}}},placeSelf:{values:{center:{defaultClass:'sprinkles_placeSelf_center__1bzvwaf52'},end:{defaultClass:'sprinkles_placeSelf_end__1bzvwaf53'},'flex-end':{defaultClass:'sprinkles_placeSelf_flex-end__1bzvwaf54'},'flex-start':{defaultClass:'sprinkles_placeSelf_flex-start__1bzvwaf55'},'self-end':{defaultClass:'sprinkles_placeSelf_self-end__1bzvwaf56'},'self-start':{defaultClass:'sprinkles_placeSelf_self-start__1bzvwaf57'},start:{defaultClass:'sprinkles_placeSelf_start__1bzvwaf58'},auto:{defaultClass:'sprinkles_placeSelf_auto__1bzvwaf59'},baseline:{defaultClass:'sprinkles_placeSelf_baseline__1bzvwaf5a'},normal:{defaultClass:'sprinkles_placeSelf_normal__1bzvwaf5b'},stretch:{defaultClass:'sprinkles_placeSelf_stretch__1bzvwaf5c'}}},justifyItems:{values:{center:{defaultClass:'sprinkles_justifyItems_center__1bzvwaf5d'},end:{defaultClass:'sprinkles_justifyItems_end__1bzvwaf5e'},'flex-end':{defaultClass:'sprinkles_justifyItems_flex-end__1bzvwaf5f'},'flex-start':{defaultClass:'sprinkles_justifyItems_flex-start__1bzvwaf5g'},'self-end':{defaultClass:'sprinkles_justifyItems_self-end__1bzvwaf5h'},'self-start':{defaultClass:'sprinkles_justifyItems_self-start__1bzvwaf5i'},start:{defaultClass:'sprinkles_justifyItems_start__1bzvwaf5j'},baseline:{defaultClass:'sprinkles_justifyItems_baseline__1bzvwaf5k'},left:{defaultClass:'sprinkles_justifyItems_left__1bzvwaf5l'},legacy:{defaultClass:'sprinkles_justifyItems_legacy__1bzvwaf5m'},normal:{defaultClass:'sprinkles_justifyItems_normal__1bzvwaf5n'},right:{defaultClass:'sprinkles_justifyItems_right__1bzvwaf5o'},stretch:{defaultClass:'sprinkles_justifyItems_stretch__1bzvwaf5p'}}},alignItems:{values:{center:{defaultClass:'sprinkles_alignItems_center__1bzvwaf5q'},end:{defaultClass:'sprinkles_alignItems_end__1bzvwaf5r'},'flex-end':{defaultClass:'sprinkles_alignItems_flex-end__1bzvwaf5s'},'flex-start':{defaultClass:'sprinkles_alignItems_flex-start__1bzvwaf5t'},'self-end':{defaultClass:'sprinkles_alignItems_self-end__1bzvwaf5u'},'self-start':{defaultClass:'sprinkles_alignItems_self-start__1bzvwaf5v'},start:{defaultClass:'sprinkles_alignItems_start__1bzvwaf5w'},baseline:{defaultClass:'sprinkles_alignItems_baseline__1bzvwaf5x'},normal:{defaultClass:'sprinkles_alignItems_normal__1bzvwaf5y'},stretch:{defaultClass:'sprinkles_alignItems_stretch__1bzvwaf5z'}}},placeItems:{values:{center:{defaultClass:'sprinkles_placeItems_center__1bzvwaf60'},end:{defaultClass:'sprinkles_placeItems_end__1bzvwaf61'},'flex-end':{defaultClass:'sprinkles_placeItems_flex-end__1bzvwaf62'},'flex-start':{defaultClass:'sprinkles_placeItems_flex-start__1bzvwaf63'},'self-end':{defaultClass:'sprinkles_placeItems_self-end__1bzvwaf64'},'self-start':{defaultClass:'sprinkles_placeItems_self-start__1bzvwaf65'},start:{defaultClass:'sprinkles_placeItems_start__1bzvwaf66'},baseline:{defaultClass:'sprinkles_placeItems_baseline__1bzvwaf67'},normal:{defaultClass:'sprinkles_placeItems_normal__1bzvwaf68'},stretch:{defaultClass:'sprinkles_placeItems_stretch__1bzvwaf69'}}},justifyContent:{values:{'space-around':{defaultClass:'sprinkles_justifyContent_space-around__1bzvwaf6a'},'space-between':{defaultClass:'sprinkles_justifyContent_space-between__1bzvwaf6b'},'space-evenly':{defaultClass:'sprinkles_justifyContent_space-evenly__1bzvwaf6c'},stretch:{defaultClass:'sprinkles_justifyContent_stretch__1bzvwaf6d'},center:{defaultClass:'sprinkles_justifyContent_center__1bzvwaf6e'},end:{defaultClass:'sprinkles_justifyContent_end__1bzvwaf6f'},'flex-end':{defaultClass:'sprinkles_justifyContent_flex-end__1bzvwaf6g'},'flex-start':{defaultClass:'sprinkles_justifyContent_flex-start__1bzvwaf6h'},start:{defaultClass:'sprinkles_justifyContent_start__1bzvwaf6i'},left:{defaultClass:'sprinkles_justifyContent_left__1bzvwaf6j'},normal:{defaultClass:'sprinkles_justifyContent_normal__1bzvwaf6k'},right:{defaultClass:'sprinkles_justifyContent_right__1bzvwaf6l'}}},alignContent:{values:{'space-around':{defaultClass:'sprinkles_alignContent_space-around__1bzvwaf6m'},'space-between':{defaultClass:'sprinkles_alignContent_space-between__1bzvwaf6n'},'space-evenly':{defaultClass:'sprinkles_alignContent_space-evenly__1bzvwaf6o'},stretch:{defaultClass:'sprinkles_alignContent_stretch__1bzvwaf6p'},center:{defaultClass:'sprinkles_alignContent_center__1bzvwaf6q'},end:{defaultClass:'sprinkles_alignContent_end__1bzvwaf6r'},'flex-end':{defaultClass:'sprinkles_alignContent_flex-end__1bzvwaf6s'},'flex-start':{defaultClass:'sprinkles_alignContent_flex-start__1bzvwaf6t'},start:{defaultClass:'sprinkles_alignContent_start__1bzvwaf6u'},baseline:{defaultClass:'sprinkles_alignContent_baseline__1bzvwaf6v'},normal:{defaultClass:'sprinkles_alignContent_normal__1bzvwaf6w'}}},placeContent:{values:{'space-around':{defaultClass:'sprinkles_placeContent_space-around__1bzvwaf6x'},'space-between':{defaultClass:'sprinkles_placeContent_space-between__1bzvwaf6y'},'space-evenly':{defaultClass:'sprinkles_placeContent_space-evenly__1bzvwaf6z'},stretch:{defaultClass:'sprinkles_placeContent_stretch__1bzvwaf70'},center:{defaultClass:'sprinkles_placeContent_center__1bzvwaf71'},end:{defaultClass:'sprinkles_placeContent_end__1bzvwaf72'},'flex-end':{defaultClass:'sprinkles_placeContent_flex-end__1bzvwaf73'},'flex-start':{defaultClass:'sprinkles_placeContent_flex-start__1bzvwaf74'},start:{defaultClass:'sprinkles_placeContent_start__1bzvwaf75'},baseline:{defaultClass:'sprinkles_placeContent_baseline__1bzvwaf76'},normal:{defaultClass:'sprinkles_placeContent_normal__1bzvwaf77'}}},display:{values:{flex:{defaultClass:'sprinkles_display_flex__1bzvwaf78'},grid:{defaultClass:'sprinkles_display_grid__1bzvwaf79'}}}}};\nexport var internalSprinkles = _ad221(globalSprinkleProperties);"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
@@ -0,0 +1,64 @@
1
+ .textStyle_textStyleCSS_compound_0__da9a8v7 {
2
+ font-family: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
3
+ font-weight: var(--dt-typography-code-base-default-weight, 400);
4
+ font-size: var(--dt-typography-code-base-default-size, 14px);
5
+ line-height: var(--dt-typography-code-base-default-line-height, 1.4285714286);
6
+ text-decoration: var(--dt-typography-code-base-default-text-decoration, none);
7
+ text-transform: var(--dt-typography-code-base-default-text-transform, none);
8
+ }
9
+ .textStyle_textStyleCSS_compound_1__da9a8v8 {
10
+ font-family: var(--dt-typography-code-base-emphasized-family, Roboto Mono,monospace);
11
+ font-weight: var(--dt-typography-code-base-emphasized-weight, 500);
12
+ font-size: var(--dt-typography-code-base-emphasized-size, 14px);
13
+ line-height: var(--dt-typography-code-base-emphasized-line-height, 1.4285714286);
14
+ text-decoration: var(--dt-typography-code-base-emphasized-text-decoration, none);
15
+ text-transform: var(--dt-typography-code-base-emphasized-text-transform, none);
16
+ }
17
+ .textStyle_textStyleCSS_compound_2__da9a8v9 {
18
+ font-family: var(--dt-typography-code-small-default-family, Roboto Mono,monospace);
19
+ font-weight: var(--dt-typography-code-small-default-weight, 400);
20
+ font-size: var(--dt-typography-code-small-default-size, 12px);
21
+ line-height: var(--dt-typography-code-small-default-line-height, 1.333333333);
22
+ text-decoration: var(--dt-typography-code-small-default-text-decoration, none);
23
+ text-transform: var(--dt-typography-code-small-default-text-transform, none);
24
+ }
25
+ .textStyle_textStyleCSS_compound_3__da9a8va {
26
+ font-family: var(--dt-typography-code-small-emphasized-family, Roboto Mono,monospace);
27
+ font-weight: var(--dt-typography-code-small-emphasized-weight, 500);
28
+ font-size: var(--dt-typography-code-small-emphasized-size, 12px);
29
+ line-height: var(--dt-typography-code-small-emphasized-line-height, 1.333333333);
30
+ text-decoration: var(--dt-typography-code-small-emphasized-text-decoration, none);
31
+ text-transform: var(--dt-typography-code-small-emphasized-text-transform, none);
32
+ }
33
+ .textStyle_textStyleCSS_compound_4__da9a8vb {
34
+ font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
35
+ font-weight: var(--dt-typography-text-base-default-weight, 400);
36
+ font-size: var(--dt-typography-text-base-default-size, 14px);
37
+ line-height: var(--dt-typography-text-base-default-line-height, 1.4285714286);
38
+ text-decoration: var(--dt-typography-text-base-default-text-decoration, none);
39
+ text-transform: var(--dt-typography-text-base-default-text-transform, none);
40
+ }
41
+ .textStyle_textStyleCSS_compound_5__da9a8vc {
42
+ font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
43
+ font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
44
+ font-size: var(--dt-typography-text-base-emphasized-size, 14px);
45
+ line-height: var(--dt-typography-text-base-emphasized-line-height, 1.4285714286);
46
+ text-decoration: var(--dt-typography-text-base-emphasized-text-decoration, none);
47
+ text-transform: var(--dt-typography-text-base-emphasized-text-transform, none);
48
+ }
49
+ .textStyle_textStyleCSS_compound_6__da9a8vd {
50
+ font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
51
+ font-weight: var(--dt-typography-text-small-default-weight, 400);
52
+ font-size: var(--dt-typography-text-small-default-size, 12px);
53
+ line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);
54
+ text-decoration: var(--dt-typography-text-small-default-text-decoration, none);
55
+ text-transform: var(--dt-typography-text-small-default-text-transform, none);
56
+ }
57
+ .textStyle_textStyleCSS_compound_7__da9a8ve {
58
+ font-family: var(--dt-typography-text-small-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
59
+ font-weight: var(--dt-typography-text-small-emphasized-weight, 500);
60
+ font-size: var(--dt-typography-text-small-emphasized-size, 12px);
61
+ line-height: var(--dt-typography-text-small-emphasized-line-height, 1.333333333);
62
+ text-decoration: var(--dt-typography-text-small-emphasized-text-decoration, none);
63
+ text-transform: var(--dt-typography-text-small-emphasized-text-transform, none);
64
+ }
@@ -0,0 +1,7 @@
1
+ import "./textStyle.css";
2
+ import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
3
+ var textStyleCSS = _7a468({ defaultClassName: "textStyle__da9a8v0", variantClassNames: { fontStyle: { code: "textStyle_textStyleCSS_fontStyle_code__da9a8v1", text: "textStyle_textStyleCSS_fontStyle_text__da9a8v2" }, textStyle: { base: "textStyle_textStyleCSS_textStyle_base__da9a8v3", "base-emphasized": "textStyle_textStyleCSS_textStyle_base-emphasized__da9a8v4", small: "textStyle_textStyleCSS_textStyle_small__da9a8v5", "small-emphasized": "textStyle_textStyleCSS_textStyle_small-emphasized__da9a8v6" } }, defaultVariants: { fontStyle: "text", textStyle: "base" }, compoundVariants: [[{ fontStyle: "code", textStyle: "base" }, "textStyle_textStyleCSS_compound_0__da9a8v7"], [{ fontStyle: "code", textStyle: "base-emphasized" }, "textStyle_textStyleCSS_compound_1__da9a8v8"], [{ fontStyle: "code", textStyle: "small" }, "textStyle_textStyleCSS_compound_2__da9a8v9"], [{ fontStyle: "code", textStyle: "small-emphasized" }, "textStyle_textStyleCSS_compound_3__da9a8va"], [{ fontStyle: "text", textStyle: "base" }, "textStyle_textStyleCSS_compound_4__da9a8vb"], [{ fontStyle: "text", textStyle: "base-emphasized" }, "textStyle_textStyleCSS_compound_5__da9a8vc"], [{ fontStyle: "text", textStyle: "small" }, "textStyle_textStyleCSS_compound_6__da9a8vd"], [{ fontStyle: "text", textStyle: "small-emphasized" }, "textStyle_textStyleCSS_compound_7__da9a8ve"]] });
4
+ export {
5
+ textStyleCSS
6
+ };
7
+ //# sourceMappingURL=textStyle.sty.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/styles/textStyle.css.ts"],
4
+ "sourcesContent": ["import './textStyle.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var textStyleCSS = _7a468({defaultClassName:'textStyle__da9a8v0',variantClassNames:{fontStyle:{code:'textStyle_textStyleCSS_fontStyle_code__da9a8v1',text:'textStyle_textStyleCSS_fontStyle_text__da9a8v2'},textStyle:{base:'textStyle_textStyleCSS_textStyle_base__da9a8v3','base-emphasized':'textStyle_textStyleCSS_textStyle_base-emphasized__da9a8v4',small:'textStyle_textStyleCSS_textStyle_small__da9a8v5','small-emphasized':'textStyle_textStyleCSS_textStyle_small-emphasized__da9a8v6'}},defaultVariants:{fontStyle:'text',textStyle:'base'},compoundVariants:[[{fontStyle:'code',textStyle:'base'},'textStyle_textStyleCSS_compound_0__da9a8v7'],[{fontStyle:'code',textStyle:'base-emphasized'},'textStyle_textStyleCSS_compound_1__da9a8v8'],[{fontStyle:'code',textStyle:'small'},'textStyle_textStyleCSS_compound_2__da9a8v9'],[{fontStyle:'code',textStyle:'small-emphasized'},'textStyle_textStyleCSS_compound_3__da9a8va'],[{fontStyle:'text',textStyle:'base'},'textStyle_textStyleCSS_compound_4__da9a8vb'],[{fontStyle:'text',textStyle:'base-emphasized'},'textStyle_textStyleCSS_compound_5__da9a8vc'],[{fontStyle:'text',textStyle:'small'},'textStyle_textStyleCSS_compound_6__da9a8vd'],[{fontStyle:'text',textStyle:'small-emphasized'},'textStyle_textStyleCSS_compound_7__da9a8ve']]});"],
5
+ "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,sBAAqB,mBAAkB,EAAC,WAAU,EAAC,MAAK,kDAAiD,MAAK,iDAAgD,GAAE,WAAU,EAAC,MAAK,kDAAiD,mBAAkB,6DAA4D,OAAM,mDAAkD,oBAAmB,6DAA4D,EAAC,GAAE,iBAAgB,EAAC,WAAU,QAAO,WAAU,OAAM,GAAE,kBAAiB,CAAC,CAAC,EAAC,WAAU,QAAO,WAAU,OAAM,GAAE,4CAA4C,GAAE,CAAC,EAAC,WAAU,QAAO,WAAU,kBAAiB,GAAE,4CAA4C,GAAE,CAAC,EAAC,WAAU,QAAO,WAAU,QAAO,GAAE,4CAA4C,GAAE,CAAC,EAAC,WAAU,QAAO,WAAU,mBAAkB,GAAE,4CAA4C,GAAE,CAAC,EAAC,WAAU,QAAO,WAAU,OAAM,GAAE,4CAA4C,GAAE,CAAC,EAAC,WAAU,QAAO,WAAU,kBAAiB,GAAE,4CAA4C,GAAE,CAAC,EAAC,WAAU,QAAO,WAAU,QAAO,GAAE,4CAA4C,GAAE,CAAC,EAAC,WAAU,QAAO,WAAU,mBAAkB,GAAE,4CAA4C,CAAC,EAAC,CAAC;",
6
+ "names": []
7
+ }
@@ -0,0 +1,17 @@
1
+ .Blockquote_blockquoteCSS__18f615k0 {
2
+ position: relative;
3
+ margin: var(--dt-spacings-size-0, 0);
4
+ padding-left: var(--dt-spacings-size-40, 40px);
5
+ word-break: normal;
6
+ overflow-wrap: anywhere;
7
+ }
8
+ .Blockquote_blockquoteCSS__18f615k0:before {
9
+ content: "";
10
+ position: absolute;
11
+ top: 0;
12
+ left: calc(var(--dt-spacings-size-40, 40px) - var(--dt-spacings-size-12, 12px));
13
+ width: var(--dt-borders-width-emphasized, 2px);
14
+ border-radius: var(--dt-borders-radius-field-emphasized, 9999px);
15
+ height: 100%;
16
+ background: var(--dt-colors-border-neutral-default, #d2d3e1);
17
+ }
@@ -0,0 +1,34 @@
1
+ import clsx from "clsx";
2
+ import React, { forwardRef } from "react";
3
+ import { blockquoteCSS } from "./Blockquote.sty.js";
4
+ const Blockquote = /* @__PURE__ */ forwardRef((props, ref) => {
5
+ const {
6
+ children,
7
+ cite,
8
+ "data-testid": dataTestId,
9
+ "data-dtrum-mask": dataDtrumMask,
10
+ "data-dtrum-allow": dataDtrumAllow,
11
+ className: consumerClassName,
12
+ style: consumerStyle,
13
+ ...remainingProps
14
+ } = props;
15
+ return /* @__PURE__ */ React.createElement(
16
+ "blockquote",
17
+ {
18
+ cite,
19
+ ref,
20
+ "data-testid": dataTestId,
21
+ "data-dtrum-mask": dataDtrumMask,
22
+ "data-dtrum-allow": dataDtrumAllow,
23
+ className: clsx(blockquoteCSS, consumerClassName),
24
+ style: consumerStyle,
25
+ ...remainingProps
26
+ },
27
+ children
28
+ );
29
+ });
30
+ Blockquote.displayName = "Blockquote";
31
+ export {
32
+ Blockquote
33
+ };
34
+ //# sourceMappingURL=Blockquote.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/typography/BlockQuote/Blockquote.tsx"],
4
+ "sourcesContent": ["import clsx from 'clsx';\nimport React, { forwardRef } from 'react';\n\nimport { blockquoteCSS } from './Blockquote.sty.js';\nimport type {\n DataTestId,\n StylingProps,\n WithChildren,\n} from '../../core/index.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\n\n/**\n * The props for the Blockquote component.\n * @public\n */\nexport interface BlockquoteProps\n extends WithChildren,\n StylingProps,\n DataTestId,\n MaskingProps {\n /**\n * A URL that designates a source document or message for the information quoted.\n * This attribute is intended to point to information explaining the context for the quoted content.\n */\n cite?: string;\n}\n\n/**\n * @public\n * The `Blockquote` component wraps longer text blocks and indicates that the passage is quoted from another source.\n */\nexport const Blockquote = /* @__PURE__ */ forwardRef<\n HTMLQuoteElement,\n BlockquoteProps\n>((props, ref) => {\n const {\n children,\n cite,\n 'data-testid': dataTestId,\n 'data-dtrum-mask': dataDtrumMask,\n 'data-dtrum-allow': dataDtrumAllow,\n className: consumerClassName,\n style: consumerStyle,\n ...remainingProps\n } = props;\n\n return (\n <blockquote\n cite={cite}\n ref={ref}\n data-testid={dataTestId}\n data-dtrum-mask={dataDtrumMask}\n data-dtrum-allow={dataDtrumAllow}\n className={clsx(blockquoteCSS, consumerClassName)}\n style={consumerStyle}\n {...remainingProps}\n >\n {children}\n </blockquote>\n );\n});\n\n(Blockquote as typeof Blockquote & { displayName: string }).displayName =\n 'Blockquote';\n"],
5
+ "mappings": "AAAA,OAAO,UAAU;AACjB,OAAO,SAAS,kBAAkB;AAElC,SAAS,qBAAqB;AA4BvB,MAAM,aAA6B,2BAGxC,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EACL,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,WAAW,KAAK,eAAe,iBAAiB;AAAA,MAChD,OAAO;AAAA,MACN,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAEA,WAA2D,cAC1D;",
6
+ "names": []
7
+ }
@@ -0,0 +1,6 @@
1
+ import "./Blockquote.css";
2
+ var blockquoteCSS = "Blockquote_blockquoteCSS__18f615k0";
3
+ export {
4
+ blockquoteCSS
5
+ };
6
+ //# sourceMappingURL=Blockquote.sty.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/typography/BlockQuote/Blockquote.css.ts"],
4
+ "sourcesContent": ["import './Blockquote.css';\nexport var blockquoteCSS = 'Blockquote_blockquoteCSS__18f615k0';"],
5
+ "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;",
6
+ "names": []
7
+ }
@@ -0,0 +1,16 @@
1
+ .Code_codeCSS__1lx0ryl0 {
2
+ background: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
3
+ padding-top: var(--dt-spacings-size-0, 0);
4
+ padding-bottom: var(--dt-spacings-size-0, 0);
5
+ padding-left: var(--dt-spacings-size-4, 4px);
6
+ padding-right: var(--dt-spacings-size-4, 4px);
7
+ border-radius: var(--dt-borders-radius-field-subdued, 4px);
8
+ overflow-wrap: break-word;
9
+ font-style: normal;
10
+ font-family: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
11
+ font-weight: var(--dt-typography-code-base-default-weight, 400);
12
+ text-transform: var(--dt-typography-code-base-default-text-transform, none);
13
+ text-decoration: var(--dt-typography-code-base-default-text-decoration, none);
14
+ box-decoration-break: clone;
15
+ -webkit-box-decoration-break: clone;
16
+ }
@@ -0,0 +1,34 @@
1
+ import clsx from "clsx";
2
+ import React, { forwardRef } from "react";
3
+ import { codeCSS } from "./Code.sty.js";
4
+ const Code = /* @__PURE__ */ forwardRef(
5
+ (props, ref) => {
6
+ const {
7
+ children,
8
+ "data-testid": dataTestId,
9
+ "data-dtrum-mask": dataDtrumMask,
10
+ "data-dtrum-allow": dataDtrumAllow,
11
+ className: consumerClassName,
12
+ style: consumerStyle,
13
+ ...remainingProps
14
+ } = props;
15
+ return /* @__PURE__ */ React.createElement(
16
+ "code",
17
+ {
18
+ ref,
19
+ "data-testid": dataTestId,
20
+ "data-dtrum-mask": dataDtrumMask,
21
+ "data-dtrum-allow": dataDtrumAllow,
22
+ className: clsx(codeCSS, consumerClassName),
23
+ style: consumerStyle,
24
+ ...remainingProps
25
+ },
26
+ children
27
+ );
28
+ }
29
+ );
30
+ Code.displayName = "Code";
31
+ export {
32
+ Code
33
+ };
34
+ //# sourceMappingURL=Code.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/typography/Code/Code.tsx"],
4
+ "sourcesContent": ["import clsx from 'clsx';\nimport React, { forwardRef } from 'react';\n\nimport { codeCSS } from './Code.sty.js';\nimport {\n type DataTestId,\n type StylingProps,\n type WithChildren,\n} from '../../core/index.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\n\n/**\n * The props for the Code component.\n * @public\n */\nexport interface CodeProps\n extends WithChildren,\n StylingProps,\n DataTestId,\n MaskingProps {}\n\n/**\n * @public\n * Use the `Code` component to display snippets of code inline. If you want to\n * display a block of code, use the\n * {@link https://developer.dynatrace.com/reference/design-system/preview/content/CodeSnippet/ | `CodeSnippet`}\n * component instead.\n */\nexport const Code = /* @__PURE__ */ forwardRef<HTMLElement, CodeProps>(\n (props, ref) => {\n const {\n children,\n 'data-testid': dataTestId,\n 'data-dtrum-mask': dataDtrumMask,\n 'data-dtrum-allow': dataDtrumAllow,\n className: consumerClassName,\n style: consumerStyle,\n ...remainingProps\n } = props;\n return (\n <code\n ref={ref}\n data-testid={dataTestId}\n data-dtrum-mask={dataDtrumMask}\n data-dtrum-allow={dataDtrumAllow}\n className={clsx(codeCSS, consumerClassName)}\n style={consumerStyle}\n {...remainingProps}\n >\n {children}\n </code>\n );\n },\n);\n\n(Code as typeof Code & { displayName: string }).displayName = 'Code';\n"],
5
+ "mappings": "AAAA,OAAO,UAAU;AACjB,OAAO,SAAS,kBAAkB;AAElC,SAAS,eAAe;AAyBjB,MAAM,OAAuB;AAAA,EAClC,CAAC,OAAO,QAAQ;AACd,UAAM;AAAA,MACJ;AAAA,MACA,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,WAAW;AAAA,MACX,OAAO;AAAA,MACP,GAAG;AAAA,IACL,IAAI;AACJ,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAa;AAAA,QACb,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QAClB,WAAW,KAAK,SAAS,iBAAiB;AAAA,QAC1C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEC,KAA+C,cAAc;",
6
+ "names": []
7
+ }
@@ -0,0 +1,6 @@
1
+ import "./Code.css";
2
+ var codeCSS = "Code_codeCSS__1lx0ryl0";
3
+ export {
4
+ codeCSS
5
+ };
6
+ //# sourceMappingURL=Code.sty.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/typography/Code/Code.css.ts"],
4
+ "sourcesContent": ["import './Code.css';\nexport var codeCSS = 'Code_codeCSS__1lx0ryl0';"],
5
+ "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
6
+ "names": []
7
+ }
@@ -0,0 +1,4 @@
1
+ .Emphasis_emphasisCSS__19xtnhr0 {
2
+ font-style: italic;
3
+ overflow-wrap: break-word;
4
+ }
@@ -0,0 +1,34 @@
1
+ import clsx from "clsx";
2
+ import React, { forwardRef } from "react";
3
+ import { emphasisCSS } from "./Emphasis.sty.js";
4
+ const Emphasis = /* @__PURE__ */ forwardRef(
5
+ (props, ref) => {
6
+ const {
7
+ children,
8
+ "data-testid": dataTestId,
9
+ "data-dtrum-mask": dataDtrumMask,
10
+ "data-dtrum-allow": dataDtrumAllow,
11
+ className: consumerClassName,
12
+ style: consumerStyle,
13
+ ...remainingProps
14
+ } = props;
15
+ return /* @__PURE__ */ React.createElement(
16
+ "em",
17
+ {
18
+ ref,
19
+ "data-testid": dataTestId,
20
+ "data-dtrum-mask": dataDtrumMask,
21
+ "data-dtrum-allow": dataDtrumAllow,
22
+ className: clsx(emphasisCSS, consumerClassName),
23
+ style: consumerStyle,
24
+ ...remainingProps
25
+ },
26
+ children
27
+ );
28
+ }
29
+ );
30
+ Emphasis.displayName = "Emphasis";
31
+ export {
32
+ Emphasis
33
+ };
34
+ //# sourceMappingURL=Emphasis.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/typography/Emphasis/Emphasis.tsx"],
4
+ "sourcesContent": ["import clsx from 'clsx';\nimport React, { forwardRef } from 'react';\n\nimport { emphasisCSS } from './Emphasis.sty.js';\nimport {\n type DataTestId,\n type StylingProps,\n type WithChildren,\n} from '../../core/index.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\n\n/**\n * The props for the Emphasis component.\n * @public\n */\nexport interface EmphasisProps\n extends WithChildren,\n StylingProps,\n DataTestId,\n MaskingProps {}\n\n/**\n * @public\n * The `Emphasis` component adds visual and semantic emphasis to stressed or essential content.\n */\nexport const Emphasis = /* @__PURE__ */ forwardRef<HTMLElement, EmphasisProps>(\n (props, ref) => {\n const {\n children,\n 'data-testid': dataTestId,\n 'data-dtrum-mask': dataDtrumMask,\n 'data-dtrum-allow': dataDtrumAllow,\n className: consumerClassName,\n style: consumerStyle,\n ...remainingProps\n } = props;\n\n return (\n <em\n ref={ref}\n data-testid={dataTestId}\n data-dtrum-mask={dataDtrumMask}\n data-dtrum-allow={dataDtrumAllow}\n className={clsx(emphasisCSS, consumerClassName)}\n style={consumerStyle}\n {...remainingProps}\n >\n {children}\n </em>\n );\n },\n);\n\n(Emphasis as typeof Emphasis & { displayName: string }).displayName =\n 'Emphasis';\n"],
5
+ "mappings": "AAAA,OAAO,UAAU;AACjB,OAAO,SAAS,kBAAkB;AAElC,SAAS,mBAAmB;AAsBrB,MAAM,WAA2B;AAAA,EACtC,CAAC,OAAO,QAAQ;AACd,UAAM;AAAA,MACJ;AAAA,MACA,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,WAAW;AAAA,MACX,OAAO;AAAA,MACP,GAAG;AAAA,IACL,IAAI;AAEJ,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAa;AAAA,QACb,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QAClB,WAAW,KAAK,aAAa,iBAAiB;AAAA,QAC9C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEC,SAAuD,cACtD;",
6
+ "names": []
7
+ }
@@ -0,0 +1,6 @@
1
+ import "./Emphasis.css";
2
+ var emphasisCSS = "Emphasis_emphasisCSS__19xtnhr0";
3
+ export {
4
+ emphasisCSS
5
+ };
6
+ //# sourceMappingURL=Emphasis.sty.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/typography/Emphasis/Emphasis.css.ts"],
4
+ "sourcesContent": ["import './Emphasis.css';\nexport var emphasisCSS = 'Emphasis_emphasisCSS__19xtnhr0';"],
5
+ "mappings": "AAAA,OAAO;AACA,IAAI,cAAc;",
6
+ "names": []
7
+ }
@@ -0,0 +1,28 @@
1
+ .ExternalLink_externalLinkCSS__8noiqs0 {
2
+ display: inline-block;
3
+ color: var(--dt-colors-text-primary-default, #454cc9);
4
+ text-decoration: underline;
5
+ overflow-wrap: anywhere;
6
+ }
7
+ .ExternalLink_externalLinkCSS__8noiqs0:hover {
8
+ color: var(--dt-colors-text-primary-default-hover, #3332ae);
9
+ }
10
+ .ExternalLink_externalLinkCSS__8noiqs0:active {
11
+ color: var(--dt-colors-text-primary-default-active, #241193);
12
+ }
13
+ .ExternalLink_externalLinkCSS__8noiqs0:focus-visible {
14
+ text-decoration: none;
15
+ }
16
+ .ExternalLink_externalLinkCSS__8noiqs0 > span {
17
+ white-space: nowrap;
18
+ display: inline-flex;
19
+ }
20
+ .ExternalLink_externalLinkCSS__8noiqs0 > span > svg {
21
+ margin-left: var(--dt-spacings-size-2, 2px);
22
+ align-self: center;
23
+ min-width: var(--dt-spacings-size-20, 20px);
24
+ width: calc(20em / 14);
25
+ height: calc(20em / 14);
26
+ max-width: var(--dt-spacings-size-24, 24px);
27
+ max-height: var(--dt-spacings-size-24, 24px);
28
+ }
@@ -0,0 +1,56 @@
1
+ import clsx from "clsx";
2
+ import React, { forwardRef } from "react";
3
+ import { useIntl } from "react-intl";
4
+ import { ExternalLinkIcon } from "@dynatrace/strato-icons";
5
+ import { externalLinkCSS } from "./ExternalLink.sty.js";
6
+ import {
7
+ _mergeProps
8
+ } from "../../core/index.js";
9
+ import { useFocusRing } from "../../core/styles/useFocusRing.js";
10
+ const ExternalLink = /* @__PURE__ */ forwardRef((props, ref) => {
11
+ const {
12
+ children,
13
+ "data-testid": dataTestId,
14
+ "data-dtrum-mask": dataDtrumMask,
15
+ "data-dtrum-allow": dataDtrumAllow,
16
+ className: consumerClassName,
17
+ style: consumerStyle,
18
+ ...remainingProps
19
+ } = props;
20
+ const { focusProps, focusClassName } = useFocusRing({
21
+ variant: "primary",
22
+ isMinimal: true
23
+ });
24
+ const intl = useIntl();
25
+ return /* @__PURE__ */ React.createElement(
26
+ "a",
27
+ {
28
+ ref,
29
+ target: "_blank",
30
+ rel: "noopener noreferrer",
31
+ "data-testid": dataTestId,
32
+ "data-dtrum-mask": dataDtrumMask,
33
+ "data-dtrum-allow": dataDtrumAllow,
34
+ className: clsx(focusClassName, externalLinkCSS, consumerClassName),
35
+ style: consumerStyle,
36
+ ..._mergeProps(remainingProps, focusProps)
37
+ },
38
+ children,
39
+ /* @__PURE__ */ React.createElement("span", null, "\uFEFF", /* @__PURE__ */ React.createElement(
40
+ ExternalLinkIcon,
41
+ {
42
+ "aria-hidden": "false",
43
+ "aria-label": intl.formatMessage({
44
+ defaultMessage: "Opening the link in a new window",
45
+ id: "JzYy8MUVfPcyf4l5",
46
+ description: "External link icon that describes the external link icon"
47
+ })
48
+ }
49
+ ))
50
+ );
51
+ });
52
+ ExternalLink.displayName = "ExternalLink";
53
+ export {
54
+ ExternalLink
55
+ };
56
+ //# sourceMappingURL=ExternalLink.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/typography/ExternalLink/ExternalLink.tsx"],
4
+ "sourcesContent": ["import clsx from 'clsx';\nimport React, { forwardRef, MouseEventHandler } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { ExternalLinkIcon } from '@dynatrace/strato-icons';\n\nimport { externalLinkCSS } from './ExternalLink.sty.js';\nimport {\n type DataTestId,\n type StylingProps,\n type WithChildren,\n _mergeProps,\n} from '../../core/index.js';\nimport { useFocusRing } from '../../core/styles/useFocusRing.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\n\n/**\n * The props for the ExternalLink component.\n * @public\n */\nexport interface ExternalLinkProps\n extends WithChildren,\n StylingProps,\n DataTestId,\n MaskingProps {\n /** The href used for the link. */\n href: string;\n /** Callback handler called on click. */\n onClick?: MouseEventHandler;\n}\n\n/**\n * @public\n * Use the `ExternalLink` component to link outside of the\n * Dynatrace platform. For resources within the Dynatrace platform, use the\n * {@link https://developer.dynatrace.com/reference/design-system/preview/typography/Link/ | `Link`}\n * component instead.\n */\nexport const ExternalLink = /* @__PURE__ */ forwardRef<\n HTMLAnchorElement,\n ExternalLinkProps\n>((props, ref) => {\n const {\n children,\n 'data-testid': dataTestId,\n 'data-dtrum-mask': dataDtrumMask,\n 'data-dtrum-allow': dataDtrumAllow,\n className: consumerClassName,\n style: consumerStyle,\n ...remainingProps\n } = props;\n\n const { focusProps, focusClassName } = useFocusRing({\n variant: 'primary',\n isMinimal: true,\n });\n\n const intl = useIntl();\n\n return (\n <a\n ref={ref}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n data-testid={dataTestId}\n data-dtrum-mask={dataDtrumMask}\n data-dtrum-allow={dataDtrumAllow}\n className={clsx(focusClassName, externalLinkCSS, consumerClassName)}\n style={consumerStyle}\n {..._mergeProps(remainingProps, focusProps)}\n >\n {children}\n <span>\n &#65279;\n <ExternalLinkIcon\n aria-hidden=\"false\"\n // https://www.w3.org/WAI/tutorials/images/functional/#example-3-icon-image-conveying-information-within-link-text\n aria-label={intl.formatMessage({\n defaultMessage: 'Opening the link in a new window',\n id: 'JzYy8MUVfPcyf4l5',\n description:\n 'External link icon that describes the external link icon',\n })}\n />\n </span>\n </a>\n );\n});\n\n(ExternalLink as typeof ExternalLink & { displayName: string }).displayName =\n 'ExternalLink';\n"],
5
+ "mappings": "AAAA,OAAO,UAAU;AACjB,OAAO,SAAS,kBAAqC;AACrD,SAAS,eAAe;AAExB,SAAS,wBAAwB;AAEjC,SAAS,uBAAuB;AAChC;AAAA,EAIE;AAAA,OACK;AACP,SAAS,oBAAoB;AAyBtB,MAAM,eAA+B,2BAG1C,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ;AAAA,IACA,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,EAAE,YAAY,eAAe,IAAI,aAAa;AAAA,IAClD,SAAS;AAAA,IACT,WAAW;AAAA,EACb,CAAC;AAED,QAAM,OAAO,QAAQ;AAErB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,WAAW,KAAK,gBAAgB,iBAAiB,iBAAiB;AAAA,MAClE,OAAO;AAAA,MACN,GAAG,YAAY,gBAAgB,UAAU;AAAA;AAAA,IAEzC;AAAA,IACD,oCAAC,cAAK,UAEJ;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QAEZ,cAAY,KAAK,cAAc;AAAA,UAC7B,gBAAgB;AAAA,UAChB,IAAI;AAAA,UACJ,aACE;AAAA,QACJ,CAAC;AAAA;AAAA,IACH,CACF;AAAA,EACF;AAEJ,CAAC;AAEA,aAA+D,cAC9D;",
6
+ "names": []
7
+ }
@@ -0,0 +1,6 @@
1
+ import "./ExternalLink.css";
2
+ var externalLinkCSS = "ExternalLink_externalLinkCSS__8noiqs0";
3
+ export {
4
+ externalLinkCSS
5
+ };
6
+ //# sourceMappingURL=ExternalLink.sty.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/typography/ExternalLink/ExternalLink.css.ts"],
4
+ "sourcesContent": ["import './ExternalLink.css';\nexport var externalLinkCSS = 'ExternalLink_externalLinkCSS__8noiqs0';"],
5
+ "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
6
+ "names": []
7
+ }
@@ -0,0 +1,54 @@
1
+ .Heading_headingCSS__u4t9450 {
2
+ margin: 0;
3
+ overflow-wrap: break-word;
4
+ font-style: normal;
5
+ color: var(--dt-colors-text-neutral-default, #2b2a58);
6
+ }
7
+ .Heading_headingCSS_visualLevel_1__u4t9451 {
8
+ font-family: var(--dt-typography-heading-level-1-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
9
+ font-size: var(--dt-typography-heading-level-1-size, 32px);
10
+ font-weight: var(--dt-typography-heading-level-1-weight, 600);
11
+ line-height: var(--dt-typography-heading-level-1-line-height, 1.25);
12
+ text-transform: var(--dt-typography-heading-level-1-text-transform, none);
13
+ text-decoration: var(--dt-typography-heading-level-1-text-decoration, none);
14
+ }
15
+ .Heading_headingCSS_visualLevel_2__u4t9452 {
16
+ font-family: var(--dt-typography-heading-level-2-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
17
+ font-size: var(--dt-typography-heading-level-2-size, 28px);
18
+ font-weight: var(--dt-typography-heading-level-2-weight, 600);
19
+ line-height: var(--dt-typography-heading-level-2-line-height, 1.2857142857);
20
+ text-transform: var(--dt-typography-heading-level-2-text-transform, none);
21
+ text-decoration: var(--dt-typography-heading-level-2-text-decoration, none);
22
+ }
23
+ .Heading_headingCSS_visualLevel_3__u4t9453 {
24
+ font-family: var(--dt-typography-heading-level-3-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
25
+ font-size: var(--dt-typography-heading-level-3-size, 24px);
26
+ font-weight: var(--dt-typography-heading-level-3-weight, 600);
27
+ line-height: var(--dt-typography-heading-level-3-line-height, 1.3333333333);
28
+ text-transform: var(--dt-typography-heading-level-3-text-transform, none);
29
+ text-decoration: var(--dt-typography-heading-level-3-text-decoration, none);
30
+ }
31
+ .Heading_headingCSS_visualLevel_4__u4t9454 {
32
+ font-family: var(--dt-typography-heading-level-4-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
33
+ font-size: var(--dt-typography-heading-level-4-size, 20px);
34
+ font-weight: var(--dt-typography-heading-level-4-weight, 600);
35
+ line-height: var(--dt-typography-heading-level-4-line-height, 1.4);
36
+ text-transform: var(--dt-typography-heading-level-4-text-transform, none);
37
+ text-decoration: var(--dt-typography-heading-level-4-text-decoration, none);
38
+ }
39
+ .Heading_headingCSS_visualLevel_5__u4t9455 {
40
+ font-family: var(--dt-typography-heading-level-5-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
41
+ font-size: var(--dt-typography-heading-level-5-size, 16px);
42
+ font-weight: var(--dt-typography-heading-level-5-weight, 600);
43
+ line-height: var(--dt-typography-heading-level-5-line-height, 1.5);
44
+ text-transform: var(--dt-typography-heading-level-5-text-transform, none);
45
+ text-decoration: var(--dt-typography-heading-level-5-text-decoration, none);
46
+ }
47
+ .Heading_headingCSS_visualLevel_6__u4t9456 {
48
+ font-family: var(--dt-typography-heading-level-6-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
49
+ font-size: var(--dt-typography-heading-level-6-size, 14px);
50
+ font-weight: var(--dt-typography-heading-level-6-weight, 600);
51
+ line-height: var(--dt-typography-heading-level-6-line-height, 1.4285714286);
52
+ text-transform: var(--dt-typography-heading-level-6-text-transform, none);
53
+ text-decoration: var(--dt-typography-heading-level-6-text-decoration, none);
54
+ }