@dynatrace/strato-components 0.85.32 → 0.85.50

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 (204) hide show
  1. package/buttons/button/Button.css +17 -17
  2. package/buttons/button/Button.js +7 -3
  3. package/buttons/button/Button.sty.js +4 -4
  4. package/buttons/button/utils/focus-without-scrolling.js +1 -1
  5. package/content/progress/ProgressBar.css +14 -14
  6. package/content/progress/ProgressBar.sty.js +2 -2
  7. package/content/progress/ProgressBarIcon.css +2 -2
  8. package/content/progress/ProgressBarIcon.sty.js +1 -1
  9. package/content/progress/ProgressBarLabel.css +4 -4
  10. package/content/progress/ProgressBarLabel.sty.js +1 -1
  11. package/content/progress/ProgressBarValue.css +9 -9
  12. package/content/progress/ProgressBarValue.sty.js +1 -1
  13. package/content/progress/ProgressCircle.css +15 -15
  14. package/content/progress/ProgressCircle.sty.js +6 -6
  15. package/content/skeleton/Skeleton.css +6 -6
  16. package/content/skeleton/Skeleton.sty.js +1 -1
  17. package/core/components/app-root/AppRoot.d.ts +1 -1
  18. package/core/components/app-root/AppRoot.js +1 -1
  19. package/core/index.d.ts +1 -0
  20. package/core/index.js +2 -0
  21. package/core/styles/focusRing.css +76 -76
  22. package/core/styles/focusRing.sty.js +2 -2
  23. package/core/utils/_is-string-children.d.ts +1 -1
  24. package/core/utils/colorUtils.css +64 -64
  25. package/core/utils/colorUtils.sty.js +2 -2
  26. package/core/utils/focus-management/attempt-focus.js +1 -1
  27. package/core/utils/parse-boolean.d.ts +9 -0
  28. package/core/utils/parse-boolean.js +31 -0
  29. package/esm/buttons/button/Button.css +17 -17
  30. package/esm/buttons/button/Button.js +7 -3
  31. package/esm/buttons/button/Button.js.map +2 -2
  32. package/esm/buttons/button/Button.sty.js +4 -4
  33. package/esm/buttons/button/Button.sty.js.map +2 -2
  34. package/esm/buttons/button/utils/focus-without-scrolling.js +1 -1
  35. package/esm/buttons/button/utils/focus-without-scrolling.js.map +2 -2
  36. package/esm/content/progress/ProgressBar.css +14 -14
  37. package/esm/content/progress/ProgressBar.sty.js +2 -2
  38. package/esm/content/progress/ProgressBar.sty.js.map +2 -2
  39. package/esm/content/progress/ProgressBarIcon.css +2 -2
  40. package/esm/content/progress/ProgressBarIcon.sty.js +1 -1
  41. package/esm/content/progress/ProgressBarIcon.sty.js.map +1 -1
  42. package/esm/content/progress/ProgressBarLabel.css +4 -4
  43. package/esm/content/progress/ProgressBarLabel.sty.js +1 -1
  44. package/esm/content/progress/ProgressBarLabel.sty.js.map +2 -2
  45. package/esm/content/progress/ProgressBarValue.css +9 -9
  46. package/esm/content/progress/ProgressBarValue.sty.js +1 -1
  47. package/esm/content/progress/ProgressBarValue.sty.js.map +2 -2
  48. package/esm/content/progress/ProgressCircle.css +15 -15
  49. package/esm/content/progress/ProgressCircle.sty.js +6 -6
  50. package/esm/content/progress/ProgressCircle.sty.js.map +2 -2
  51. package/esm/content/skeleton/Skeleton.css +6 -6
  52. package/esm/content/skeleton/Skeleton.sty.js +1 -1
  53. package/esm/content/skeleton/Skeleton.sty.js.map +2 -2
  54. package/esm/core/components/app-root/AppRoot.js +1 -1
  55. package/esm/core/components/app-root/AppRoot.js.map +2 -2
  56. package/esm/core/index.js +2 -0
  57. package/esm/core/index.js.map +2 -2
  58. package/esm/core/styles/focusRing.css +76 -76
  59. package/esm/core/styles/focusRing.sty.js +2 -2
  60. package/esm/core/styles/focusRing.sty.js.map +2 -2
  61. package/esm/core/utils/_is-string-children.js.map +2 -2
  62. package/esm/core/utils/colorUtils.css +64 -64
  63. package/esm/core/utils/colorUtils.sty.js +2 -2
  64. package/esm/core/utils/colorUtils.sty.js.map +2 -2
  65. package/esm/core/utils/focus-management/attempt-focus.js +1 -1
  66. package/esm/core/utils/focus-management/attempt-focus.js.map +2 -2
  67. package/esm/core/utils/merge-props.js.map +1 -1
  68. package/esm/core/utils/parse-boolean.js +13 -0
  69. package/esm/core/utils/parse-boolean.js.map +7 -0
  70. package/esm/layouts/container/Container.css +4 -4
  71. package/esm/layouts/container/Container.sty.js +1 -1
  72. package/esm/layouts/container/Container.sty.js.map +1 -1
  73. package/esm/layouts/divider/Divider.css +6 -6
  74. package/esm/layouts/divider/Divider.sty.js +1 -1
  75. package/esm/layouts/divider/Divider.sty.js.map +2 -2
  76. package/esm/layouts/index.js +6 -0
  77. package/esm/layouts/index.js.map +2 -2
  78. package/esm/layouts/input-group/InputGroup.css +12 -0
  79. package/esm/layouts/input-group/InputGroup.sty.js +8 -0
  80. package/esm/layouts/input-group/InputGroup.sty.js.map +7 -0
  81. package/esm/layouts/surface/Surface.css +39 -39
  82. package/esm/layouts/surface/Surface.sty.js +2 -2
  83. package/esm/layouts/surface/Surface.sty.js.map +2 -2
  84. package/esm/layouts/surface/variables.sty.js +1 -1
  85. package/esm/layouts/surface/variables.sty.js.map +1 -1
  86. package/esm/styles/colorUtils.css +64 -64
  87. package/esm/styles/colorUtils.sty.js +2 -2
  88. package/esm/styles/colorUtils.sty.js.map +2 -2
  89. package/esm/styles/container.css +47 -47
  90. package/esm/styles/container.sty.js +2 -2
  91. package/esm/styles/container.sty.js.map +2 -2
  92. package/esm/styles/ellipsis.css +1 -1
  93. package/esm/styles/ellipsis.sty.js +1 -1
  94. package/esm/styles/ellipsis.sty.js.map +1 -1
  95. package/esm/styles/field.css +153 -153
  96. package/esm/styles/field.sty.js +2 -2
  97. package/esm/styles/field.sty.js.map +2 -2
  98. package/esm/styles/index.js +2 -0
  99. package/esm/styles/index.js.map +2 -2
  100. package/esm/styles/sprinkles.css +262 -262
  101. package/esm/styles/sprinkles.sty.js +1 -1
  102. package/esm/styles/sprinkles.sty.js.map +2 -2
  103. package/esm/styles/textStyle.css +8 -8
  104. package/esm/styles/textStyle.sty.js +1 -1
  105. package/esm/styles/textStyle.sty.js.map +2 -2
  106. package/esm/typography/block-quote/Blockquote.css +2 -2
  107. package/esm/typography/block-quote/Blockquote.sty.js +1 -1
  108. package/esm/typography/block-quote/Blockquote.sty.js.map +1 -1
  109. package/esm/typography/code/Code.css +1 -1
  110. package/esm/typography/code/Code.sty.js +1 -1
  111. package/esm/typography/code/Code.sty.js.map +1 -1
  112. package/esm/typography/emphasis/Emphasis.css +1 -1
  113. package/esm/typography/emphasis/Emphasis.sty.js +1 -1
  114. package/esm/typography/emphasis/Emphasis.sty.js.map +1 -1
  115. package/esm/typography/external-link/ExternalLink.css +6 -6
  116. package/esm/typography/external-link/ExternalLink.sty.js +1 -1
  117. package/esm/typography/external-link/ExternalLink.sty.js.map +1 -1
  118. package/esm/typography/heading/Heading.css +8 -8
  119. package/esm/typography/heading/Heading.js.map +2 -2
  120. package/esm/typography/heading/Heading.sty.js +1 -1
  121. package/esm/typography/heading/Heading.sty.js.map +2 -2
  122. package/esm/typography/highlight/Highlight.css +1 -1
  123. package/esm/typography/highlight/Highlight.sty.js +1 -1
  124. package/esm/typography/highlight/Highlight.sty.js.map +1 -1
  125. package/esm/typography/link/Link.css +4 -4
  126. package/esm/typography/link/Link.sty.js +1 -1
  127. package/esm/typography/link/Link.sty.js.map +1 -1
  128. package/esm/typography/list/List.css +4 -4
  129. package/esm/typography/list/List.js +1 -1
  130. package/esm/typography/list/List.js.map +1 -1
  131. package/esm/typography/list/List.sty.js +2 -2
  132. package/esm/typography/list/List.sty.js.map +1 -1
  133. package/esm/typography/paragraph/Paragraph.css +4 -4
  134. package/esm/typography/paragraph/Paragraph.sty.js +1 -1
  135. package/esm/typography/paragraph/Paragraph.sty.js.map +2 -2
  136. package/esm/typography/strikethrough/Strikethrough.css +1 -1
  137. package/esm/typography/strikethrough/Strikethrough.sty.js +1 -1
  138. package/esm/typography/strikethrough/Strikethrough.sty.js.map +1 -1
  139. package/esm/typography/strong/Strong.css +1 -1
  140. package/esm/typography/strong/Strong.sty.js +1 -1
  141. package/esm/typography/strong/Strong.sty.js.map +1 -1
  142. package/esm/typography/text/Text.css +3 -3
  143. package/esm/typography/text/Text.sty.js +1 -1
  144. package/esm/typography/text/Text.sty.js.map +2 -2
  145. package/esm/typography/text-ellipsis/TextEllipsis.css +4 -4
  146. package/esm/typography/text-ellipsis/TextEllipsis.sty.js +1 -1
  147. package/esm/typography/text-ellipsis/TextEllipsis.sty.js.map +2 -2
  148. package/layouts/container/Container.css +4 -4
  149. package/layouts/container/Container.sty.js +1 -1
  150. package/layouts/divider/Divider.css +6 -6
  151. package/layouts/divider/Divider.sty.js +1 -1
  152. package/layouts/index.d.ts +2 -1
  153. package/layouts/index.js +3 -0
  154. package/layouts/input-group/InputGroup.css +12 -0
  155. package/layouts/input-group/InputGroup.sty.d.ts +4 -0
  156. package/layouts/input-group/InputGroup.sty.js +26 -0
  157. package/layouts/surface/Surface.css +39 -39
  158. package/layouts/surface/Surface.sty.js +2 -2
  159. package/layouts/surface/variables.sty.d.ts +1 -0
  160. package/layouts/surface/variables.sty.js +1 -1
  161. package/package.json +3 -3
  162. package/styles/colorUtils.css +64 -64
  163. package/styles/colorUtils.sty.js +2 -2
  164. package/styles/container.css +47 -47
  165. package/styles/container.sty.js +2 -2
  166. package/styles/ellipsis.css +1 -1
  167. package/styles/ellipsis.sty.js +1 -1
  168. package/styles/field.css +153 -153
  169. package/styles/field.sty.js +2 -2
  170. package/styles/index.d.ts +2 -1
  171. package/styles/index.js +2 -0
  172. package/styles/safe-sprinkles.d.ts +1 -1
  173. package/styles/sprinkles.css +262 -262
  174. package/styles/sprinkles.sty.js +1 -1
  175. package/styles/textStyle.css +8 -8
  176. package/styles/textStyle.sty.js +1 -1
  177. package/testing/mocks/table-virtualization-mock.js +6 -3
  178. package/typography/block-quote/Blockquote.css +2 -2
  179. package/typography/block-quote/Blockquote.sty.js +1 -1
  180. package/typography/code/Code.css +1 -1
  181. package/typography/code/Code.sty.js +1 -1
  182. package/typography/emphasis/Emphasis.css +1 -1
  183. package/typography/emphasis/Emphasis.sty.js +1 -1
  184. package/typography/external-link/ExternalLink.css +6 -6
  185. package/typography/external-link/ExternalLink.sty.js +1 -1
  186. package/typography/heading/Heading.css +8 -8
  187. package/typography/heading/Heading.sty.js +1 -1
  188. package/typography/highlight/Highlight.css +1 -1
  189. package/typography/highlight/Highlight.sty.js +1 -1
  190. package/typography/link/Link.css +4 -4
  191. package/typography/link/Link.sty.js +1 -1
  192. package/typography/list/List.css +4 -4
  193. package/typography/list/List.js +1 -1
  194. package/typography/list/List.sty.js +2 -2
  195. package/typography/paragraph/Paragraph.css +4 -4
  196. package/typography/paragraph/Paragraph.sty.js +1 -1
  197. package/typography/strikethrough/Strikethrough.css +1 -1
  198. package/typography/strikethrough/Strikethrough.sty.js +1 -1
  199. package/typography/strong/Strong.css +1 -1
  200. package/typography/strong/Strong.sty.js +1 -1
  201. package/typography/text/Text.css +3 -3
  202. package/typography/text/Text.sty.js +1 -1
  203. package/typography/text-ellipsis/TextEllipsis.css +4 -4
  204. package/typography/text-ellipsis/TextEllipsis.sty.js +1 -1
@@ -2,10 +2,10 @@ import "../../styles/ellipsis.css";
2
2
  import "../../styles/field.css";
3
3
  import "./Button.css";
4
4
  import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
5
- var buttonCSS = _7a468({ defaultClassName: "Button_buttonCSS__10kgnsa0", variantClassNames: { textAlign: { start: "Button_buttonCSS_textAlign_start__10kgnsa1", center: "Button_buttonCSS_textAlign_center__10kgnsa2" }, size: { condensed: "Button_buttonCSS_size_condensed__10kgnsa3", "default": "Button_buttonCSS_size_default__10kgnsa4" }, disabled: { true: "Button_buttonCSS_disabled_true__10kgnsa5" }, readOnly: { true: "Button_buttonCSS_readOnly_true__10kgnsa6" } }, defaultVariants: { size: "default", textAlign: "center", disabled: false }, compoundVariants: [] });
6
- var buttonLabelCSS = _7a468({ defaultClassName: "Button_buttonLabelCSS__10kgnsaa", variantClassNames: { textual: { true: "ellipsis_ellipsisCSS__oqqp1n0", false: "Button_buttonLabelCSS_textual_false__10kgnsac" } }, defaultVariants: {}, compoundVariants: [] });
7
- var buttonLoadingCSS = "Button_buttonLoadingCSS__10kgnsa9";
8
- var buttonWidthsCSS = { full: "Button_buttonWidthsCSS_full__10kgnsa7", content: "Button_buttonWidthsCSS_content__10kgnsa8" };
5
+ var buttonCSS = _7a468({ defaultClassName: "_10kgnsa0", variantClassNames: { textAlign: { start: "_10kgnsa1", center: "_10kgnsa2" }, size: { condensed: "_10kgnsa3", "default": "_10kgnsa4" }, disabled: { true: "_10kgnsa5" }, readOnly: { true: "_10kgnsa6" } }, defaultVariants: { size: "default", textAlign: "center", disabled: false }, compoundVariants: [] });
6
+ var buttonLabelCSS = _7a468({ defaultClassName: "_10kgnsaa", variantClassNames: { textual: { true: "oqqp1n0", false: "_10kgnsac" } }, defaultVariants: {}, compoundVariants: [] });
7
+ var buttonLoadingCSS = "_10kgnsa9";
8
+ var buttonWidthsCSS = { full: "_10kgnsa7", content: "_10kgnsa8" };
9
9
  export {
10
10
  buttonCSS,
11
11
  buttonLabelCSS,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/buttons/button/Button.css.ts"],
4
- "sourcesContent": ["import '../../styles/ellipsis.css';\nimport '../../styles/field.css';\nimport './Button.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var buttonCSS = _7a468({defaultClassName:'Button_buttonCSS__10kgnsa0',variantClassNames:{textAlign:{start:'Button_buttonCSS_textAlign_start__10kgnsa1',center:'Button_buttonCSS_textAlign_center__10kgnsa2'},size:{condensed:'Button_buttonCSS_size_condensed__10kgnsa3','default':'Button_buttonCSS_size_default__10kgnsa4'},disabled:{true:'Button_buttonCSS_disabled_true__10kgnsa5'},readOnly:{true:'Button_buttonCSS_readOnly_true__10kgnsa6'}},defaultVariants:{size:'default',textAlign:'center',disabled:false},compoundVariants:[]});\nexport var buttonLabelCSS = _7a468({defaultClassName:'Button_buttonLabelCSS__10kgnsaa',variantClassNames:{textual:{true:'ellipsis_ellipsisCSS__oqqp1n0',false:'Button_buttonLabelCSS_textual_false__10kgnsac'}},defaultVariants:{},compoundVariants:[]});\nexport var buttonLoadingCSS = 'Button_buttonLoadingCSS__10kgnsa9';\nexport var buttonWidthsCSS = {full:'Button_buttonWidthsCSS_full__10kgnsa7',content:'Button_buttonWidthsCSS_content__10kgnsa8'};"],
5
- "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,YAAY,OAAO,EAAC,kBAAiB,8BAA6B,mBAAkB,EAAC,WAAU,EAAC,OAAM,8CAA6C,QAAO,8CAA6C,GAAE,MAAK,EAAC,WAAU,6CAA4C,WAAU,0CAAyC,GAAE,UAAS,EAAC,MAAK,2CAA0C,GAAE,UAAS,EAAC,MAAK,2CAA0C,EAAC,GAAE,iBAAgB,EAAC,MAAK,WAAU,WAAU,UAAS,UAAS,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC5gB,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,mCAAkC,mBAAkB,EAAC,SAAQ,EAAC,MAAK,iCAAgC,OAAM,gDAA+C,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAChP,IAAI,mBAAmB;AACvB,IAAI,kBAAkB,EAAC,MAAK,yCAAwC,SAAQ,2CAA0C;",
4
+ "sourcesContent": ["import '../../styles/ellipsis.css';\nimport '../../styles/field.css';\nimport './Button.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var buttonCSS = _7a468({defaultClassName:'_10kgnsa0',variantClassNames:{textAlign:{start:'_10kgnsa1',center:'_10kgnsa2'},size:{condensed:'_10kgnsa3','default':'_10kgnsa4'},disabled:{true:'_10kgnsa5'},readOnly:{true:'_10kgnsa6'}},defaultVariants:{size:'default',textAlign:'center',disabled:false},compoundVariants:[]});\nexport var buttonLabelCSS = _7a468({defaultClassName:'_10kgnsaa',variantClassNames:{textual:{true:'oqqp1n0',false:'_10kgnsac'}},defaultVariants:{},compoundVariants:[]});\nexport var buttonLoadingCSS = '_10kgnsa9';\nexport var buttonWidthsCSS = {full:'_10kgnsa7',content:'_10kgnsa8'};"],
5
+ "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,YAAY,OAAO,EAAC,kBAAiB,aAAY,mBAAkB,EAAC,WAAU,EAAC,OAAM,aAAY,QAAO,YAAW,GAAE,MAAK,EAAC,WAAU,aAAY,WAAU,YAAW,GAAE,UAAS,EAAC,MAAK,YAAW,GAAE,UAAS,EAAC,MAAK,YAAW,EAAC,GAAE,iBAAgB,EAAC,MAAK,WAAU,WAAU,UAAS,UAAS,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC5T,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,aAAY,mBAAkB,EAAC,SAAQ,EAAC,MAAK,WAAU,OAAM,YAAW,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAChK,IAAI,mBAAmB;AACvB,IAAI,kBAAkB,EAAC,MAAK,aAAY,SAAQ,YAAW;",
6
6
  "names": []
7
7
  }
@@ -10,7 +10,7 @@ function supportsPreventScroll() {
10
10
  return true;
11
11
  }
12
12
  });
13
- } catch (e) {
13
+ } catch {
14
14
  }
15
15
  }
16
16
  return supportsPreventScrollCached;
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/buttons/button/utils/focus-without-scrolling.ts"],
4
- "sourcesContent": ["interface ScrollableElement {\n element: HTMLElement;\n scrollTop: number;\n scrollLeft: number;\n}\n\nlet supportsPreventScrollCached: boolean | null = null;\nfunction supportsPreventScroll() {\n if (supportsPreventScrollCached === null) {\n supportsPreventScrollCached = false;\n try {\n const focusElem = document.createElement('div');\n focusElem.focus({\n get preventScroll() {\n supportsPreventScrollCached = true;\n return true;\n },\n });\n } catch (e) {\n // Ignore\n }\n }\n\n return supportsPreventScrollCached;\n}\n\nfunction getScrollableElements(\n element: Element & HTMLOrSVGElement,\n): ScrollableElement[] {\n let parent = element.parentNode;\n const scrollableElements: ScrollableElement[] = [];\n const rootScrollingElement =\n document.scrollingElement || document.documentElement;\n\n while (parent instanceof HTMLElement && parent !== rootScrollingElement) {\n if (\n parent.offsetHeight < parent.scrollHeight ||\n parent.offsetWidth < parent.scrollWidth\n ) {\n scrollableElements.push({\n element: parent,\n scrollTop: parent.scrollTop,\n scrollLeft: parent.scrollLeft,\n });\n }\n parent = parent.parentNode;\n }\n\n if (rootScrollingElement instanceof HTMLElement) {\n scrollableElements.push({\n element: rootScrollingElement,\n scrollTop: rootScrollingElement.scrollTop,\n scrollLeft: rootScrollingElement.scrollLeft,\n });\n }\n\n return scrollableElements;\n}\n\nfunction restoreScrollPosition(scrollableElements: ScrollableElement[]) {\n for (const { element, scrollTop, scrollLeft } of scrollableElements) {\n element.scrollTop = scrollTop;\n element.scrollLeft = scrollLeft;\n }\n}\n\n/**\n * Focuses on the given element without triggering scrolling behavior.\n * @internal\n */\nexport function focusWithoutScrolling(element: Element & HTMLOrSVGElement) {\n if (supportsPreventScroll()) {\n element.focus({ preventScroll: true });\n } else {\n const scrollableElements = getScrollableElements(element);\n element.focus();\n restoreScrollPosition(scrollableElements);\n }\n}\n"],
5
- "mappings": "AAMA,IAAI,8BAA8C;AAClD,SAAS,wBAAwB;AAC/B,MAAI,gCAAgC,MAAM;AACxC,kCAA8B;AAC9B,QAAI;AACF,YAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,gBAAU,MAAM;AAAA,QACd,IAAI,gBAAgB;AAClB,wCAA8B;AAC9B,iBAAO;AAAA,QACT;AAAA,MACF,CAAC;AAAA,IACH,SAAS,GAAG;AAAA,IAEZ;AAAA,EACF;AAEA,SAAO;AACT;AAEA,SAAS,sBACP,SACqB;AACrB,MAAI,SAAS,QAAQ;AACrB,QAAM,qBAA0C,CAAC;AACjD,QAAM,uBACJ,SAAS,oBAAoB,SAAS;AAExC,SAAO,kBAAkB,eAAe,WAAW,sBAAsB;AACvE,QACE,OAAO,eAAe,OAAO,gBAC7B,OAAO,cAAc,OAAO,aAC5B;AACA,yBAAmB,KAAK;AAAA,QACtB,SAAS;AAAA,QACT,WAAW,OAAO;AAAA,QAClB,YAAY,OAAO;AAAA,MACrB,CAAC;AAAA,IACH;AACA,aAAS,OAAO;AAAA,EAClB;AAEA,MAAI,gCAAgC,aAAa;AAC/C,uBAAmB,KAAK;AAAA,MACtB,SAAS;AAAA,MACT,WAAW,qBAAqB;AAAA,MAChC,YAAY,qBAAqB;AAAA,IACnC,CAAC;AAAA,EACH;AAEA,SAAO;AACT;AAEA,SAAS,sBAAsB,oBAAyC;AACtE,aAAW,EAAE,SAAS,WAAW,WAAW,KAAK,oBAAoB;AACnE,YAAQ,YAAY;AACpB,YAAQ,aAAa;AAAA,EACvB;AACF;AAMO,SAAS,sBAAsB,SAAqC;AACzE,MAAI,sBAAsB,GAAG;AAC3B,YAAQ,MAAM,EAAE,eAAe,KAAK,CAAC;AAAA,EACvC,OAAO;AACL,UAAM,qBAAqB,sBAAsB,OAAO;AACxD,YAAQ,MAAM;AACd,0BAAsB,kBAAkB;AAAA,EAC1C;AACF;",
4
+ "sourcesContent": ["interface ScrollableElement {\n element: HTMLElement;\n scrollTop: number;\n scrollLeft: number;\n}\n\nlet supportsPreventScrollCached: boolean | null = null;\nfunction supportsPreventScroll() {\n if (supportsPreventScrollCached === null) {\n supportsPreventScrollCached = false;\n try {\n const focusElem = document.createElement('div');\n focusElem.focus({\n get preventScroll() {\n supportsPreventScrollCached = true;\n return true;\n },\n });\n } catch {\n // Ignore error\n }\n }\n\n return supportsPreventScrollCached;\n}\n\nfunction getScrollableElements(\n element: Element & HTMLOrSVGElement,\n): ScrollableElement[] {\n let parent = element.parentNode;\n const scrollableElements: ScrollableElement[] = [];\n const rootScrollingElement =\n document.scrollingElement || document.documentElement;\n\n while (parent instanceof HTMLElement && parent !== rootScrollingElement) {\n if (\n parent.offsetHeight < parent.scrollHeight ||\n parent.offsetWidth < parent.scrollWidth\n ) {\n scrollableElements.push({\n element: parent,\n scrollTop: parent.scrollTop,\n scrollLeft: parent.scrollLeft,\n });\n }\n parent = parent.parentNode;\n }\n\n if (rootScrollingElement instanceof HTMLElement) {\n scrollableElements.push({\n element: rootScrollingElement,\n scrollTop: rootScrollingElement.scrollTop,\n scrollLeft: rootScrollingElement.scrollLeft,\n });\n }\n\n return scrollableElements;\n}\n\nfunction restoreScrollPosition(scrollableElements: ScrollableElement[]) {\n for (const { element, scrollTop, scrollLeft } of scrollableElements) {\n element.scrollTop = scrollTop;\n element.scrollLeft = scrollLeft;\n }\n}\n\n/**\n * Focuses on the given element without triggering scrolling behavior.\n * @internal\n */\nexport function focusWithoutScrolling(element: Element & HTMLOrSVGElement) {\n if (supportsPreventScroll()) {\n element.focus({ preventScroll: true });\n } else {\n const scrollableElements = getScrollableElements(element);\n element.focus();\n restoreScrollPosition(scrollableElements);\n }\n}\n"],
5
+ "mappings": "AAMA,IAAI,8BAA8C;AAClD,SAAS,wBAAwB;AAC/B,MAAI,gCAAgC,MAAM;AACxC,kCAA8B;AAC9B,QAAI;AACF,YAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,gBAAU,MAAM;AAAA,QACd,IAAI,gBAAgB;AAClB,wCAA8B;AAC9B,iBAAO;AAAA,QACT;AAAA,MACF,CAAC;AAAA,IACH,QAAQ;AAAA,IAER;AAAA,EACF;AAEA,SAAO;AACT;AAEA,SAAS,sBACP,SACqB;AACrB,MAAI,SAAS,QAAQ;AACrB,QAAM,qBAA0C,CAAC;AACjD,QAAM,uBACJ,SAAS,oBAAoB,SAAS;AAExC,SAAO,kBAAkB,eAAe,WAAW,sBAAsB;AACvE,QACE,OAAO,eAAe,OAAO,gBAC7B,OAAO,cAAc,OAAO,aAC5B;AACA,yBAAmB,KAAK;AAAA,QACtB,SAAS;AAAA,QACT,WAAW,OAAO;AAAA,QAClB,YAAY,OAAO;AAAA,MACrB,CAAC;AAAA,IACH;AACA,aAAS,OAAO;AAAA,EAClB;AAEA,MAAI,gCAAgC,aAAa;AAC/C,uBAAmB,KAAK;AAAA,MACtB,SAAS;AAAA,MACT,WAAW,qBAAqB;AAAA,MAChC,YAAY,qBAAqB;AAAA,IACnC,CAAC;AAAA,EACH;AAEA,SAAO;AACT;AAEA,SAAS,sBAAsB,oBAAyC;AACtE,aAAW,EAAE,SAAS,WAAW,WAAW,KAAK,oBAAoB;AACnE,YAAQ,YAAY;AACpB,YAAQ,aAAa;AAAA,EACvB;AACF;AAMO,SAAS,sBAAsB,SAAqC;AACzE,MAAI,sBAAsB,GAAG;AAC3B,YAAQ,MAAM,EAAE,eAAe,KAAK,CAAC;AAAA,EACvC,OAAO;AACL,UAAM,qBAAqB,sBAAsB,OAAO;AACxD,YAAQ,MAAM;AACd,0BAAsB,kBAAkB;AAAA,EAC1C;AACF;",
6
6
  "names": []
7
7
  }
@@ -1,4 +1,4 @@
1
- @keyframes ProgressBar_indeterminateAnimationKeyframes__13n9uwh0 {
1
+ @keyframes _13n9uwh0 {
2
2
  0% {
3
3
  transform: translateX(-100%) scaleX(0);
4
4
  }
@@ -6,45 +6,45 @@
6
6
  transform: translateX(100%) scaleX(1.5);
7
7
  }
8
8
  }
9
- .ProgressBar_progressCSS__13n9uwh1 {
9
+ ._13n9uwh1 {
10
10
  width: 100%;
11
11
  border-radius: var(--dt-borders-radius-container-subdued, 8px);
12
12
  overflow: hidden;
13
13
  position: relative;
14
14
  }
15
- .ProgressBar_progressCSS_size_condensed__13n9uwh2 {
15
+ ._13n9uwh2 {
16
16
  height: 6px;
17
17
  }
18
- .ProgressBar_progressCSS_size_default__13n9uwh3 {
18
+ ._13n9uwh3 {
19
19
  height: 8px;
20
20
  }
21
- .ProgressBar_progressCSS_variant_onAccent__13n9uwh4 {
21
+ ._13n9uwh4 {
22
22
  background-color: var(--dt-colors-border-neutral-on-accent-disabled, #f3f3f633);
23
23
  }
24
- .ProgressBar_progressCSS_variant_primary__13n9uwh5 {
24
+ ._13n9uwh5 {
25
25
  background-color: var(--dt-colors-border-neutral-default, #d2d3e1);
26
26
  }
27
- .ProgressBar_progressCSS_variant_success__13n9uwh6 {
27
+ ._13n9uwh6 {
28
28
  background-color: var(--dt-colors-border-neutral-default, #d2d3e1);
29
29
  }
30
- .ProgressBar_progressCSS_variant_warning__13n9uwh7 {
30
+ ._13n9uwh7 {
31
31
  background-color: var(--dt-colors-border-neutral-default, #d2d3e1);
32
32
  }
33
- .ProgressBar_progressCSS_variant_critical__13n9uwh8 {
33
+ ._13n9uwh8 {
34
34
  background-color: var(--dt-colors-border-neutral-default, #d2d3e1);
35
35
  }
36
- .ProgressBar_progressCSS_variant_neutral__13n9uwh9 {
36
+ ._13n9uwh9 {
37
37
  background-color: var(--dt-colors-border-neutral-default, #d2d3e1);
38
38
  }
39
- .ProgressBar_progressBarFillCSS__13n9uwha {
39
+ ._13n9uwha {
40
40
  height: 100%;
41
41
  transition-duration: var(--dt-timings-fast-default, 170ms);
42
42
  transition-timing-function: var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
43
- background-color: var(--vars_borderColor__17bwkb02);
43
+ background-color: var(--_17bwkb02);
44
44
  }
45
- .ProgressBar_progressBarFillCSS_indeterminate_true__13n9uwhb {
45
+ ._13n9uwhb {
46
46
  width: 100%;
47
- animation-name: ProgressBar_indeterminateAnimationKeyframes__13n9uwh0;
47
+ animation-name: _13n9uwh0;
48
48
  animation-duration: var(--dt-timings-slow-gentle, 800ms);
49
49
  animation-timing-function: var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
50
50
  animation-iteration-count: infinite;
@@ -1,8 +1,8 @@
1
1
  import "../../styles/colorUtils.css";
2
2
  import "./ProgressBar.css";
3
3
  import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
4
- var progressBarFillCSS = _7a468({ defaultClassName: "ProgressBar_progressBarFillCSS__13n9uwha", variantClassNames: { indeterminate: { true: "ProgressBar_progressBarFillCSS_indeterminate_true__13n9uwhb" } }, defaultVariants: {}, compoundVariants: [] });
5
- var progressCSS = _7a468({ defaultClassName: "ProgressBar_progressCSS__13n9uwh1", variantClassNames: { size: { condensed: "ProgressBar_progressCSS_size_condensed__13n9uwh2", "default": "ProgressBar_progressCSS_size_default__13n9uwh3" }, variant: { onAccent: "ProgressBar_progressCSS_variant_onAccent__13n9uwh4", primary: "ProgressBar_progressCSS_variant_primary__13n9uwh5", success: "ProgressBar_progressCSS_variant_success__13n9uwh6", warning: "ProgressBar_progressCSS_variant_warning__13n9uwh7", critical: "ProgressBar_progressCSS_variant_critical__13n9uwh8", neutral: "ProgressBar_progressCSS_variant_neutral__13n9uwh9" } }, defaultVariants: {}, compoundVariants: [] });
4
+ var progressBarFillCSS = _7a468({ defaultClassName: "_13n9uwha", variantClassNames: { indeterminate: { true: "_13n9uwhb" } }, defaultVariants: {}, compoundVariants: [] });
5
+ var progressCSS = _7a468({ defaultClassName: "_13n9uwh1", variantClassNames: { size: { condensed: "_13n9uwh2", "default": "_13n9uwh3" }, variant: { onAccent: "_13n9uwh4", primary: "_13n9uwh5", success: "_13n9uwh6", warning: "_13n9uwh7", critical: "_13n9uwh8", neutral: "_13n9uwh9" } }, defaultVariants: {}, compoundVariants: [] });
6
6
  export {
7
7
  progressBarFillCSS,
8
8
  progressCSS
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/content/progress/ProgressBar.css.ts"],
4
- "sourcesContent": ["import '../../styles/colorUtils.css';\nimport './ProgressBar.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressBarFillCSS = _7a468({defaultClassName:'ProgressBar_progressBarFillCSS__13n9uwha',variantClassNames:{indeterminate:{true:'ProgressBar_progressBarFillCSS_indeterminate_true__13n9uwhb'}},defaultVariants:{},compoundVariants:[]});\nexport var progressCSS = _7a468({defaultClassName:'ProgressBar_progressCSS__13n9uwh1',variantClassNames:{size:{condensed:'ProgressBar_progressCSS_size_condensed__13n9uwh2','default':'ProgressBar_progressCSS_size_default__13n9uwh3'},variant:{onAccent:'ProgressBar_progressCSS_variant_onAccent__13n9uwh4',primary:'ProgressBar_progressCSS_variant_primary__13n9uwh5',success:'ProgressBar_progressCSS_variant_success__13n9uwh6',warning:'ProgressBar_progressCSS_variant_warning__13n9uwh7',critical:'ProgressBar_progressCSS_variant_critical__13n9uwh8',neutral:'ProgressBar_progressCSS_variant_neutral__13n9uwh9'}},defaultVariants:{},compoundVariants:[]});"],
5
- "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,4CAA2C,mBAAkB,EAAC,eAAc,EAAC,MAAK,8DAA6D,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3O,IAAI,cAAc,OAAO,EAAC,kBAAiB,qCAAoC,mBAAkB,EAAC,MAAK,EAAC,WAAU,oDAAmD,WAAU,iDAAgD,GAAE,SAAQ,EAAC,UAAS,sDAAqD,SAAQ,qDAAoD,SAAQ,qDAAoD,SAAQ,qDAAoD,UAAS,sDAAqD,SAAQ,oDAAmD,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
4
+ "sourcesContent": ["import '../../styles/colorUtils.css';\nimport './ProgressBar.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressBarFillCSS = _7a468({defaultClassName:'_13n9uwha',variantClassNames:{indeterminate:{true:'_13n9uwhb'}},defaultVariants:{},compoundVariants:[]});\nexport var progressCSS = _7a468({defaultClassName:'_13n9uwh1',variantClassNames:{size:{condensed:'_13n9uwh2','default':'_13n9uwh3'},variant:{onAccent:'_13n9uwh4',primary:'_13n9uwh5',success:'_13n9uwh6',warning:'_13n9uwh7',critical:'_13n9uwh8',neutral:'_13n9uwh9'}},defaultVariants:{},compoundVariants:[]});"],
5
+ "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,aAAY,mBAAkB,EAAC,eAAc,EAAC,MAAK,YAAW,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1J,IAAI,cAAc,OAAO,EAAC,kBAAiB,aAAY,mBAAkB,EAAC,MAAK,EAAC,WAAU,aAAY,WAAU,YAAW,GAAE,SAAQ,EAAC,UAAS,aAAY,SAAQ,aAAY,SAAQ,aAAY,SAAQ,aAAY,UAAS,aAAY,SAAQ,YAAW,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
6
6
  "names": []
7
7
  }
@@ -1,5 +1,5 @@
1
- .ProgressBarIcon_progressBarIconContainerCSS__szm9t40 {
1
+ .szm9t40 {
2
2
  display: flex;
3
3
  margin-left: auto;
4
- color: var(--vars_borderColor__17bwkb02);
4
+ color: var(--_17bwkb02);
5
5
  }
@@ -1,6 +1,6 @@
1
1
  import "../../styles/colorUtils.css";
2
2
  import "./ProgressBarIcon.css";
3
- var progressBarIconContainerCSS = "ProgressBarIcon_progressBarIconContainerCSS__szm9t40";
3
+ var progressBarIconContainerCSS = "szm9t40";
4
4
  export {
5
5
  progressBarIconContainerCSS
6
6
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/content/progress/ProgressBarIcon.css.ts"],
4
- "sourcesContent": ["import '../../styles/colorUtils.css';\nimport './ProgressBarIcon.css';\nexport var progressBarIconContainerCSS = 'ProgressBarIcon_progressBarIconContainerCSS__szm9t40';"],
4
+ "sourcesContent": ["import '../../styles/colorUtils.css';\nimport './ProgressBarIcon.css';\nexport var progressBarIconContainerCSS = 'szm9t40';"],
5
5
  "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,8BAA8B;",
6
6
  "names": []
7
7
  }
@@ -1,9 +1,9 @@
1
- .ProgressBarLabel_progressBarLabelCSS__1ceb8vp0 {
2
- color: var(--vars_text__6levse0);
1
+ ._1ceb8vp0 {
2
+ color: var(--_6levse0);
3
3
  }
4
- .ProgressBarLabel_progressBarLabelCSS_size_default__1ceb8vp2 {
4
+ ._1ceb8vp2 {
5
5
  word-break: break-word;
6
6
  }
7
- .ProgressBarLabel_progressBarLabelCSS_childIsText_false__1ceb8vp3 {
7
+ ._1ceb8vp3 {
8
8
  word-break: break-word;
9
9
  }
@@ -1,7 +1,7 @@
1
1
  import "../../styles/container.css";
2
2
  import "./ProgressBarLabel.css";
3
3
  import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
4
- var progressBarLabelCSS = _7a468({ defaultClassName: "ProgressBarLabel_progressBarLabelCSS__1ceb8vp0", variantClassNames: { size: { condensed: "ProgressBarLabel_progressBarLabelCSS_size_condensed__1ceb8vp1", "default": "ProgressBarLabel_progressBarLabelCSS_size_default__1ceb8vp2" }, childIsText: { false: "ProgressBarLabel_progressBarLabelCSS_childIsText_false__1ceb8vp3" } }, defaultVariants: {}, compoundVariants: [] });
4
+ var progressBarLabelCSS = _7a468({ defaultClassName: "_1ceb8vp0", variantClassNames: { size: { condensed: "_1ceb8vp1", "default": "_1ceb8vp2" }, childIsText: { false: "_1ceb8vp3" } }, defaultVariants: {}, compoundVariants: [] });
5
5
  export {
6
6
  progressBarLabelCSS
7
7
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/content/progress/ProgressBarLabel.css.ts"],
4
- "sourcesContent": ["import '../../styles/container.css';\nimport './ProgressBarLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressBarLabelCSS = _7a468({defaultClassName:'ProgressBarLabel_progressBarLabelCSS__1ceb8vp0',variantClassNames:{size:{condensed:'ProgressBarLabel_progressBarLabelCSS_size_condensed__1ceb8vp1','default':'ProgressBarLabel_progressBarLabelCSS_size_default__1ceb8vp2'},childIsText:{false:'ProgressBarLabel_progressBarLabelCSS_childIsText_false__1ceb8vp3'}},defaultVariants:{},compoundVariants:[]});"],
5
- "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,kDAAiD,mBAAkB,EAAC,MAAK,EAAC,WAAU,iEAAgE,WAAU,8DAA6D,GAAE,aAAY,EAAC,OAAM,mEAAkE,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
4
+ "sourcesContent": ["import '../../styles/container.css';\nimport './ProgressBarLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressBarLabelCSS = _7a468({defaultClassName:'_1ceb8vp0',variantClassNames:{size:{condensed:'_1ceb8vp1','default':'_1ceb8vp2'},childIsText:{false:'_1ceb8vp3'}},defaultVariants:{},compoundVariants:[]});"],
5
+ "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,aAAY,mBAAkB,EAAC,MAAK,EAAC,WAAU,aAAY,WAAU,YAAW,GAAE,aAAY,EAAC,OAAM,YAAW,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
6
6
  "names": []
7
7
  }
@@ -1,28 +1,28 @@
1
- .ProgressBarValue_progressBarValueCSS_variant_onAccent__1ri4i7o1 {
1
+ ._1ri4i7o1 {
2
2
  color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
3
3
  }
4
- .ProgressBarValue_progressBarValueCSS_variant_primary__1ri4i7o2 {
4
+ ._1ri4i7o2 {
5
5
  color: var(--dt-colors-text-neutral-subdued, #545587);
6
6
  }
7
- .ProgressBarValue_progressBarValueCSS_variant_success__1ri4i7o3 {
7
+ ._1ri4i7o3 {
8
8
  color: var(--dt-colors-text-neutral-subdued, #545587);
9
9
  }
10
- .ProgressBarValue_progressBarValueCSS_variant_warning__1ri4i7o4 {
10
+ ._1ri4i7o4 {
11
11
  color: var(--dt-colors-text-neutral-subdued, #545587);
12
12
  }
13
- .ProgressBarValue_progressBarValueCSS_variant_critical__1ri4i7o5 {
13
+ ._1ri4i7o5 {
14
14
  color: var(--dt-colors-text-neutral-subdued, #545587);
15
15
  }
16
- .ProgressBarValue_progressBarValueCSS_variant_neutral__1ri4i7o6 {
16
+ ._1ri4i7o6 {
17
17
  color: var(--dt-colors-text-neutral-subdued, #545587);
18
18
  }
19
- .ProgressBarValue_progressBarValueCSS_size_default__1ri4i7o8 {
19
+ ._1ri4i7o8 {
20
20
  word-break: break-word;
21
21
  }
22
- .ProgressBarValue_progressBarValueCSS_childIsText_false__1ri4i7oa {
22
+ ._1ri4i7oa {
23
23
  word-break: break-word;
24
24
  }
25
- .ProgressBarValue_progressBarValueCSS_compound_0__1ri4i7ob {
25
+ ._1ri4i7ob {
26
26
  margin-left: auto;
27
27
  align-self: center;
28
28
  }
@@ -1,7 +1,7 @@
1
1
  import "../../styles/ellipsis.css";
2
2
  import "./ProgressBarValue.css";
3
3
  import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
4
- var progressBarValueCSS = _7a468({ defaultClassName: "ProgressBarValue__1ri4i7o0", variantClassNames: { variant: { onAccent: "ProgressBarValue_progressBarValueCSS_variant_onAccent__1ri4i7o1", primary: "ProgressBarValue_progressBarValueCSS_variant_primary__1ri4i7o2", success: "ProgressBarValue_progressBarValueCSS_variant_success__1ri4i7o3", warning: "ProgressBarValue_progressBarValueCSS_variant_warning__1ri4i7o4", critical: "ProgressBarValue_progressBarValueCSS_variant_critical__1ri4i7o5", neutral: "ProgressBarValue_progressBarValueCSS_variant_neutral__1ri4i7o6" }, size: { condensed: "ProgressBarValue_progressBarValueCSS_size_condensed__1ri4i7o7", "default": "ProgressBarValue_progressBarValueCSS_size_default__1ri4i7o8" }, childIsText: { true: "ProgressBarValue_progressBarValueCSS_childIsText_true__1ri4i7o9", false: "ProgressBarValue_progressBarValueCSS_childIsText_false__1ri4i7oa" } }, defaultVariants: {}, compoundVariants: [[{ size: "condensed", childIsText: true }, "ProgressBarValue_progressBarValueCSS_compound_0__1ri4i7ob ellipsis_ellipsisCSS__oqqp1n0"]] });
4
+ var progressBarValueCSS = _7a468({ defaultClassName: "_1ri4i7o0", variantClassNames: { variant: { onAccent: "_1ri4i7o1", primary: "_1ri4i7o2", success: "_1ri4i7o3", warning: "_1ri4i7o4", critical: "_1ri4i7o5", neutral: "_1ri4i7o6" }, size: { condensed: "_1ri4i7o7", "default": "_1ri4i7o8" }, childIsText: { true: "_1ri4i7o9", false: "_1ri4i7oa" } }, defaultVariants: {}, compoundVariants: [[{ size: "condensed", childIsText: true }, "_1ri4i7ob oqqp1n0"]] });
5
5
  export {
6
6
  progressBarValueCSS
7
7
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/content/progress/ProgressBarValue.css.ts"],
4
- "sourcesContent": ["import '../../styles/ellipsis.css';\nimport './ProgressBarValue.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressBarValueCSS = _7a468({defaultClassName:'ProgressBarValue__1ri4i7o0',variantClassNames:{variant:{onAccent:'ProgressBarValue_progressBarValueCSS_variant_onAccent__1ri4i7o1',primary:'ProgressBarValue_progressBarValueCSS_variant_primary__1ri4i7o2',success:'ProgressBarValue_progressBarValueCSS_variant_success__1ri4i7o3',warning:'ProgressBarValue_progressBarValueCSS_variant_warning__1ri4i7o4',critical:'ProgressBarValue_progressBarValueCSS_variant_critical__1ri4i7o5',neutral:'ProgressBarValue_progressBarValueCSS_variant_neutral__1ri4i7o6'},size:{condensed:'ProgressBarValue_progressBarValueCSS_size_condensed__1ri4i7o7','default':'ProgressBarValue_progressBarValueCSS_size_default__1ri4i7o8'},childIsText:{true:'ProgressBarValue_progressBarValueCSS_childIsText_true__1ri4i7o9',false:'ProgressBarValue_progressBarValueCSS_childIsText_false__1ri4i7oa'}},defaultVariants:{},compoundVariants:[[{size:'condensed',childIsText:true},'ProgressBarValue_progressBarValueCSS_compound_0__1ri4i7ob ellipsis_ellipsisCSS__oqqp1n0']]});"],
5
- "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,8BAA6B,mBAAkB,EAAC,SAAQ,EAAC,UAAS,mEAAkE,SAAQ,kEAAiE,SAAQ,kEAAiE,SAAQ,kEAAiE,UAAS,mEAAkE,SAAQ,iEAAgE,GAAE,MAAK,EAAC,WAAU,iEAAgE,WAAU,8DAA6D,GAAE,aAAY,EAAC,MAAK,mEAAkE,OAAM,mEAAkE,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,MAAK,aAAY,aAAY,KAAI,GAAE,yFAAyF,CAAC,EAAC,CAAC;",
4
+ "sourcesContent": ["import '../../styles/ellipsis.css';\nimport './ProgressBarValue.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressBarValueCSS = _7a468({defaultClassName:'_1ri4i7o0',variantClassNames:{variant:{onAccent:'_1ri4i7o1',primary:'_1ri4i7o2',success:'_1ri4i7o3',warning:'_1ri4i7o4',critical:'_1ri4i7o5',neutral:'_1ri4i7o6'},size:{condensed:'_1ri4i7o7','default':'_1ri4i7o8'},childIsText:{true:'_1ri4i7o9',false:'_1ri4i7oa'}},defaultVariants:{},compoundVariants:[[{size:'condensed',childIsText:true},'_1ri4i7ob oqqp1n0']]});"],
5
+ "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,aAAY,mBAAkB,EAAC,SAAQ,EAAC,UAAS,aAAY,SAAQ,aAAY,SAAQ,aAAY,SAAQ,aAAY,UAAS,aAAY,SAAQ,YAAW,GAAE,MAAK,EAAC,WAAU,aAAY,WAAU,YAAW,GAAE,aAAY,EAAC,MAAK,aAAY,OAAM,YAAW,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,MAAK,aAAY,aAAY,KAAI,GAAE,mBAAmB,CAAC,EAAC,CAAC;",
6
6
  "names": []
7
7
  }
@@ -1,4 +1,4 @@
1
- @keyframes ProgressCircle_circularIndeterminateKeyframes__kvldjh0 {
1
+ @keyframes kvldjh0 {
2
2
  0% {
3
3
  transform: rotate(0deg);
4
4
  }
@@ -6,47 +6,47 @@
6
6
  transform: rotate(360deg);
7
7
  }
8
8
  }
9
- .ProgressCircle_progressCircleRootCSS__kvldjh1 {
9
+ .kvldjh1 {
10
10
  display: inline-block;
11
- color: var(--vars_borderColor__17bwkb02);
11
+ color: var(--_17bwkb02);
12
12
  }
13
- .ProgressCircle_ProgressCircleSVGCSS__kvldjh2 {
13
+ .kvldjh2 {
14
14
  display: block;
15
15
  transform: rotate(-90deg);
16
16
  }
17
- .ProgressCircle_progressCircleCSS__kvldjh3 {
17
+ .kvldjh3 {
18
18
  stroke: currentColor;
19
19
  transform-origin: center;
20
20
  }
21
- .ProgressCircle_progressCircleCSS_indeterminate_true__kvldjh4 {
21
+ .kvldjh4 {
22
22
  stroke-dasharray: 90 360;
23
23
  transform-origin: 50 50;
24
- animation-name: ProgressCircle_circularIndeterminateKeyframes__kvldjh0;
24
+ animation-name: kvldjh0;
25
25
  animation-duration: var(--dt-timings-slow-gentle, 800ms);
26
26
  animation-timing-function: cubic-bezier(0.5, 0.15, 0.5, 0.8);
27
27
  animation-iteration-count: infinite;
28
28
  }
29
- .ProgressCircle_progressCircleCSS_indeterminate_false__kvldjh5 {
29
+ .kvldjh5 {
30
30
  animation-duration: var(--dt-timings-fast-moderate, 200ms);
31
31
  transition-property: stroke-dashoffset;
32
32
  }
33
- .ProgressCircle_progressCircleBackgroundCSS__kvldjh6 {
33
+ .kvldjh6 {
34
34
  stroke: var(--dt-colors-border-neutral-default, #d2d3e1);
35
35
  }
36
- .ProgressCircle_progressCircleBackgroundCSS_variant_onAccent__kvldjh7 {
36
+ .kvldjh7 {
37
37
  stroke: var(--dt-colors-border-neutral-on-accent-disabled, #f3f3f633);
38
38
  }
39
- .ProgressCircle_progressCircleContainerCSS__kvldjhd {
39
+ .kvldjhd {
40
40
  display: flex;
41
41
  flex-direction: column;
42
42
  align-items: center;
43
43
  }
44
- .ProgressCircle_progressCircleContainerCSS_size_small__kvldjhe {
44
+ .kvldjhe {
45
45
  gap: var(--dt-spacings-size-8, 8px);
46
46
  }
47
- .ProgressCircle_progressCircleContainerCSS_size_large__kvldjhf {
47
+ .kvldjhf {
48
48
  gap: var(--dt-spacings-size-12, 12px);
49
49
  }
50
- .ProgressCircle_progressCircleChildCSS__kvldjhg {
51
- color: var(--vars_text__6levse0);
50
+ .kvldjhg {
51
+ color: var(--_6levse0);
52
52
  }
@@ -2,12 +2,12 @@ import "../../styles/colorUtils.css";
2
2
  import "../../styles/container.css";
3
3
  import "./ProgressCircle.css";
4
4
  import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
5
- var ProgressCircleSVGCSS = "ProgressCircle_ProgressCircleSVGCSS__kvldjh2";
6
- var progressCircleBackgroundCSS = _7a468({ defaultClassName: "ProgressCircle_progressCircleBackgroundCSS__kvldjh6", variantClassNames: { variant: { onAccent: "ProgressCircle_progressCircleBackgroundCSS_variant_onAccent__kvldjh7", primary: "ProgressCircle_progressCircleBackgroundCSS_variant_primary__kvldjh8", success: "ProgressCircle_progressCircleBackgroundCSS_variant_success__kvldjh9", warning: "ProgressCircle_progressCircleBackgroundCSS_variant_warning__kvldjha", critical: "ProgressCircle_progressCircleBackgroundCSS_variant_critical__kvldjhb", neutral: "ProgressCircle_progressCircleBackgroundCSS_variant_neutral__kvldjhc" } }, defaultVariants: {}, compoundVariants: [] });
7
- var progressCircleCSS = _7a468({ defaultClassName: "ProgressCircle_progressCircleCSS__kvldjh3", variantClassNames: { indeterminate: { true: "ProgressCircle_progressCircleCSS_indeterminate_true__kvldjh4", false: "ProgressCircle_progressCircleCSS_indeterminate_false__kvldjh5" } }, defaultVariants: {}, compoundVariants: [] });
8
- var progressCircleChildCSS = "ProgressCircle_progressCircleChildCSS__kvldjhg";
9
- var progressCircleContainerCSS = _7a468({ defaultClassName: "ProgressCircle_progressCircleContainerCSS__kvldjhd", variantClassNames: { size: { small: "ProgressCircle_progressCircleContainerCSS_size_small__kvldjhe", large: "ProgressCircle_progressCircleContainerCSS_size_large__kvldjhf" } }, defaultVariants: {}, compoundVariants: [] });
10
- var progressCircleRootCSS = "ProgressCircle_progressCircleRootCSS__kvldjh1";
5
+ var ProgressCircleSVGCSS = "kvldjh2";
6
+ var progressCircleBackgroundCSS = _7a468({ defaultClassName: "kvldjh6", variantClassNames: { variant: { onAccent: "kvldjh7", primary: "kvldjh8", success: "kvldjh9", warning: "kvldjha", critical: "kvldjhb", neutral: "kvldjhc" } }, defaultVariants: {}, compoundVariants: [] });
7
+ var progressCircleCSS = _7a468({ defaultClassName: "kvldjh3", variantClassNames: { indeterminate: { true: "kvldjh4", false: "kvldjh5" } }, defaultVariants: {}, compoundVariants: [] });
8
+ var progressCircleChildCSS = "kvldjhg";
9
+ var progressCircleContainerCSS = _7a468({ defaultClassName: "kvldjhd", variantClassNames: { size: { small: "kvldjhe", large: "kvldjhf" } }, defaultVariants: {}, compoundVariants: [] });
10
+ var progressCircleRootCSS = "kvldjh1";
11
11
  export {
12
12
  ProgressCircleSVGCSS,
13
13
  progressCircleBackgroundCSS,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/content/progress/ProgressCircle.css.ts"],
4
- "sourcesContent": ["import '../../styles/colorUtils.css';\nimport '../../styles/container.css';\nimport './ProgressCircle.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var ProgressCircleSVGCSS = 'ProgressCircle_ProgressCircleSVGCSS__kvldjh2';\nexport var progressCircleBackgroundCSS = _7a468({defaultClassName:'ProgressCircle_progressCircleBackgroundCSS__kvldjh6',variantClassNames:{variant:{onAccent:'ProgressCircle_progressCircleBackgroundCSS_variant_onAccent__kvldjh7',primary:'ProgressCircle_progressCircleBackgroundCSS_variant_primary__kvldjh8',success:'ProgressCircle_progressCircleBackgroundCSS_variant_success__kvldjh9',warning:'ProgressCircle_progressCircleBackgroundCSS_variant_warning__kvldjha',critical:'ProgressCircle_progressCircleBackgroundCSS_variant_critical__kvldjhb',neutral:'ProgressCircle_progressCircleBackgroundCSS_variant_neutral__kvldjhc'}},defaultVariants:{},compoundVariants:[]});\nexport var progressCircleCSS = _7a468({defaultClassName:'ProgressCircle_progressCircleCSS__kvldjh3',variantClassNames:{indeterminate:{true:'ProgressCircle_progressCircleCSS_indeterminate_true__kvldjh4',false:'ProgressCircle_progressCircleCSS_indeterminate_false__kvldjh5'}},defaultVariants:{},compoundVariants:[]});\nexport var progressCircleChildCSS = 'ProgressCircle_progressCircleChildCSS__kvldjhg';\nexport var progressCircleContainerCSS = _7a468({defaultClassName:'ProgressCircle_progressCircleContainerCSS__kvldjhd',variantClassNames:{size:{small:'ProgressCircle_progressCircleContainerCSS_size_small__kvldjhe',large:'ProgressCircle_progressCircleContainerCSS_size_large__kvldjhf'}},defaultVariants:{},compoundVariants:[]});\nexport var progressCircleRootCSS = 'ProgressCircle_progressCircleRootCSS__kvldjh1';"],
5
- "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB;AAC3B,IAAI,8BAA8B,OAAO,EAAC,kBAAiB,uDAAsD,mBAAkB,EAAC,SAAQ,EAAC,UAAS,wEAAuE,SAAQ,uEAAsE,SAAQ,uEAAsE,SAAQ,uEAAsE,UAAS,wEAAuE,SAAQ,sEAAqE,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC9oB,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,6CAA4C,mBAAkB,EAAC,eAAc,EAAC,MAAK,gEAA+D,OAAM,gEAA+D,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAClT,IAAI,yBAAyB;AAC7B,IAAI,6BAA6B,OAAO,EAAC,kBAAiB,sDAAqD,mBAAkB,EAAC,MAAK,EAAC,OAAM,iEAAgE,OAAM,gEAA+D,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC7T,IAAI,wBAAwB;",
4
+ "sourcesContent": ["import '../../styles/colorUtils.css';\nimport '../../styles/container.css';\nimport './ProgressCircle.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var ProgressCircleSVGCSS = 'kvldjh2';\nexport var progressCircleBackgroundCSS = _7a468({defaultClassName:'kvldjh6',variantClassNames:{variant:{onAccent:'kvldjh7',primary:'kvldjh8',success:'kvldjh9',warning:'kvldjha',critical:'kvldjhb',neutral:'kvldjhc'}},defaultVariants:{},compoundVariants:[]});\nexport var progressCircleCSS = _7a468({defaultClassName:'kvldjh3',variantClassNames:{indeterminate:{true:'kvldjh4',false:'kvldjh5'}},defaultVariants:{},compoundVariants:[]});\nexport var progressCircleChildCSS = 'kvldjhg';\nexport var progressCircleContainerCSS = _7a468({defaultClassName:'kvldjhd',variantClassNames:{size:{small:'kvldjhe',large:'kvldjhf'}},defaultVariants:{},compoundVariants:[]});\nexport var progressCircleRootCSS = 'kvldjh1';"],
5
+ "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB;AAC3B,IAAI,8BAA8B,OAAO,EAAC,kBAAiB,WAAU,mBAAkB,EAAC,SAAQ,EAAC,UAAS,WAAU,SAAQ,WAAU,SAAQ,WAAU,SAAQ,WAAU,UAAS,WAAU,SAAQ,UAAS,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACxP,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,WAAU,mBAAkB,EAAC,eAAc,EAAC,MAAK,WAAU,OAAM,UAAS,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACrK,IAAI,yBAAyB;AAC7B,IAAI,6BAA6B,OAAO,EAAC,kBAAiB,WAAU,mBAAkB,EAAC,MAAK,EAAC,OAAM,WAAU,OAAM,UAAS,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACtK,IAAI,wBAAwB;",
6
6
  "names": []
7
7
  }
@@ -1,4 +1,4 @@
1
- @keyframes Skeleton_skeletonAnimationKeyframes__1a1ozfd0 {
1
+ @keyframes _1a1ozfd0 {
2
2
  0% {
3
3
  transform: translateX(-100%) scaleX(0);
4
4
  }
@@ -6,12 +6,12 @@
6
6
  transform: translateX(100%) scaleX(1.5);
7
7
  }
8
8
  }
9
- .Skeleton_skeletonPlaceholderCSS__1a1ozfd1 {
9
+ ._1a1ozfd1 {
10
10
  position: relative;
11
11
  overflow: hidden;
12
12
  background-color: var(--dt-colors-background-field-neutral-disabled, #dadbe780);
13
13
  }
14
- .Skeleton_skeletonPlaceholderCSS__1a1ozfd1:after {
14
+ ._1a1ozfd1:after {
15
15
  content: "";
16
16
  position: absolute;
17
17
  top: 0;
@@ -21,13 +21,13 @@
21
21
  background-color: var(--dt-colors-background-field-neutral-disabled, #dadbe780);
22
22
  animation-iteration-count: infinite;
23
23
  transform-origin: left center;
24
- animation-name: Skeleton_skeletonAnimationKeyframes__1a1ozfd0;
24
+ animation-name: _1a1ozfd0;
25
25
  animation-duration: var(--dt-timings-slow-gentle, 800ms);
26
26
  animation-timing-function: var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
27
27
  }
28
- .Skeleton_skeletonPlaceholderCSS_variant_default__1a1ozfd2 {
28
+ ._1a1ozfd2 {
29
29
  border-radius: var(--dt-borders-radius-container-subdued, 8px);
30
30
  }
31
- .Skeleton_skeletonPlaceholderCSS_variant_rounded__1a1ozfd3 {
31
+ ._1a1ozfd3 {
32
32
  border-radius: 9999px;
33
33
  }
@@ -1,6 +1,6 @@
1
1
  import "./Skeleton.css";
2
2
  import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
3
- var skeletonPlaceholderCSS = _7a468({ defaultClassName: "Skeleton_skeletonPlaceholderCSS__1a1ozfd1", variantClassNames: { variant: { "default": "Skeleton_skeletonPlaceholderCSS_variant_default__1a1ozfd2", rounded: "Skeleton_skeletonPlaceholderCSS_variant_rounded__1a1ozfd3" } }, defaultVariants: {}, compoundVariants: [] });
3
+ var skeletonPlaceholderCSS = _7a468({ defaultClassName: "_1a1ozfd1", variantClassNames: { variant: { "default": "_1a1ozfd2", rounded: "_1a1ozfd3" } }, defaultVariants: {}, compoundVariants: [] });
4
4
  export {
5
5
  skeletonPlaceholderCSS
6
6
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/content/skeleton/Skeleton.css.ts"],
4
- "sourcesContent": ["import './Skeleton.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var skeletonPlaceholderCSS = _7a468({defaultClassName:'Skeleton_skeletonPlaceholderCSS__1a1ozfd1',variantClassNames:{variant:{'default':'Skeleton_skeletonPlaceholderCSS_variant_default__1a1ozfd2',rounded:'Skeleton_skeletonPlaceholderCSS_variant_rounded__1a1ozfd3'}},defaultVariants:{},compoundVariants:[]});"],
5
- "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,yBAAyB,OAAO,EAAC,kBAAiB,6CAA4C,mBAAkB,EAAC,SAAQ,EAAC,WAAU,6DAA4D,SAAQ,4DAA2D,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
4
+ "sourcesContent": ["import './Skeleton.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var skeletonPlaceholderCSS = _7a468({defaultClassName:'_1a1ozfd1',variantClassNames:{variant:{'default':'_1a1ozfd2',rounded:'_1a1ozfd3'}},defaultVariants:{},compoundVariants:[]});"],
5
+ "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,yBAAyB,OAAO,EAAC,kBAAiB,aAAY,mBAAkB,EAAC,SAAQ,EAAC,WAAU,aAAY,SAAQ,YAAW,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
6
6
  "names": []
7
7
  }
@@ -33,7 +33,7 @@ const AppRoot = /* @__PURE__ */ forwardRef(
33
33
  let timezone = getTimezone();
34
34
  try {
35
35
  new Intl.DateTimeFormat(language, { timeZone: timezone });
36
- } catch (error) {
36
+ } catch {
37
37
  timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
38
38
  }
39
39
  useLayoutEffect(() => {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/core/components/app-root/AppRoot.tsx"],
4
- "sourcesContent": ["import { isEmpty } from 'lodash-es';\nimport React, {\n type PropsWithChildren,\n forwardRef,\n useEffect,\n useLayoutEffect,\n useState,\n} from 'react';\nimport { IntlProvider, type MessageFormatElement } from 'react-intl';\n\nimport 'wicg-inert';\nimport { getLanguage, getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport './AppRoot.sty.js';\nimport { useCurrentTheme } from '../../hooks/useCurrentTheme.js';\nimport { FocusProvider } from '../../providers/FocusProvider.js';\nimport { type DataTestId } from '../../types/data-props.js';\nimport { type MaskingProps } from '../../types/masking-props.js';\nimport { type StylingProps } from '../../types/styling-props.js';\n\n/**\n * Gets the href value set in the <base> element to prefix fetches correctly.\n * Will always end with a `/` value\n */\nfunction getBaseHref(): string {\n const baseElement = document.querySelector('base');\n const href = baseElement?.href ?? '/';\n return href.endsWith('/') ? href : `${href}/`;\n}\n\n/**\n * AppRoot component props.\n * @public\n */\nexport type AppRootProps = PropsWithChildren<\n DataTestId & StylingProps & MaskingProps\n>;\n\nconst defaultLanguage = 'en';\n\n/**\n * In order to have all the providers in place for rendering overlays, applying\n * global styles or internationalization, you need to wrap your app in the\n * `AppRoot`. If you're using the `dt-app` to create your app, this is\n * automatically taken care of and you can start working on your app without\n * further ado.\n * @public\n */\nexport const AppRoot = /* @__PURE__ */ forwardRef<HTMLDivElement, AppRootProps>(\n (props, forwardedRef) => {\n const {\n style: consumerStyle,\n className: consumerClassName,\n 'data-testid': dataTestId = 'app-root',\n 'data-dtrum-mask': dataDtrumMask,\n 'data-dtrum-allow': dataDtrumAllow,\n } = props;\n\n /** Messages that are used for the translation. */\n const [messages, setMessages] = useState<\n Record<string, string> | Record<string, MessageFormatElement[]>\n >({});\n\n const { children } = props;\n\n const theme = useCurrentTheme();\n const language = getLanguage();\n let timezone = getTimezone();\n try {\n new Intl.DateTimeFormat(language, { timeZone: timezone });\n } catch (error) {\n // If the passed timezone is not valid, we can fall back to the browsers\n // configured one.\n timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;\n }\n\n /** Inject the font link into the head */\n useLayoutEffect(() => {\n // As we should not use @import within the createGlobalStyles\n // https://styled-components.com/docs/faqs#note-regarding-css-import-and-createglobalstyle\n // and we need to inject the fonts at run time to decouple font usage\n // from the cli build / deployment\n // we will inject the link tag here in the root on initial load.\n const link = document.createElement('link');\n\n link.rel = 'stylesheet';\n link.href = 'https://dt-cdn.net/fonts/fonts-v004.css';\n document.head.appendChild(link);\n return () => {\n document.head.removeChild(link);\n };\n }, []);\n\n /**\n * Synchronize the [data-theme] attribute to the root of the document\n * to have the design tokens defined in the cascade.\n */\n useLayoutEffect(() => {\n if (document !== undefined) {\n document.documentElement.setAttribute('data-theme', theme);\n }\n }, [theme]);\n\n useEffect(() => {\n if (language === 'en') {\n // Don't fetch translations for 'en' to avoid an additional render cycle.\n // The default messages are in english already.\n return;\n }\n\n fetch(`${getBaseHref()}lang/${language}.json`)\n .then((res) => {\n return res.json();\n })\n .then((receivedMessages) => {\n setMessages(receivedMessages);\n })\n .catch(() => {\n // Only set messages to a new empty object if the previous messages were not empty.\n // `setMessages({})` would make react believe that this is a new object and, hence, re-render.\n // By just returning `prev` if the messages were already empty, we can avoid the additional render.\n setMessages((prev) => (isEmpty(prev) ? prev : {}));\n });\n }, [language]);\n\n return (\n <div\n ref={forwardedRef}\n data-testid={dataTestId}\n className={consumerClassName}\n style={consumerStyle}\n data-theme={theme}\n data-dtrum-mask={dataDtrumMask}\n data-dtrum-allow={dataDtrumAllow}\n >\n <IntlProvider\n locale={language}\n timeZone={timezone}\n messages={messages}\n defaultLocale={defaultLanguage}\n >\n <FocusProvider>{children}</FocusProvider>\n </IntlProvider>\n </div>\n );\n },\n);\n\n(AppRoot as typeof AppRoot & { displayName: string }).displayName = 'AppRoot';\n"],
5
- "mappings": "AAAA,SAAS,eAAe;AACxB,OAAO;AAAA,EAEL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAA+C;AAExD,OAAO;AACP,SAAS,aAAa,mBAAmB;AAEzC,OAAO;AACP,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAS9B,SAAS,cAAsB;AAC7B,QAAM,cAAc,SAAS,cAAc,MAAM;AACjD,QAAM,OAAO,aAAa,QAAQ;AAClC,SAAO,KAAK,SAAS,GAAG,IAAI,OAAO,GAAG,IAAI;AAC5C;AAUA,MAAM,kBAAkB;AAUjB,MAAM,UAA0B;AAAA,EACrC,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,eAAe,aAAa;AAAA,MAC5B,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,IACtB,IAAI;AAGJ,UAAM,CAAC,UAAU,WAAW,IAAI,SAE9B,CAAC,CAAC;AAEJ,UAAM,EAAE,SAAS,IAAI;AAErB,UAAM,QAAQ,gBAAgB;AAC9B,UAAM,WAAW,YAAY;AAC7B,QAAI,WAAW,YAAY;AAC3B,QAAI;AACF,UAAI,KAAK,eAAe,UAAU,EAAE,UAAU,SAAS,CAAC;AAAA,IAC1D,SAAS,OAAO;AAGd,iBAAW,KAAK,eAAe,EAAE,gBAAgB,EAAE;AAAA,IACrD;AAGA,oBAAgB,MAAM;AAMpB,YAAM,OAAO,SAAS,cAAc,MAAM;AAE1C,WAAK,MAAM;AACX,WAAK,OAAO;AACZ,eAAS,KAAK,YAAY,IAAI;AAC9B,aAAO,MAAM;AACX,iBAAS,KAAK,YAAY,IAAI;AAAA,MAChC;AAAA,IACF,GAAG,CAAC,CAAC;AAML,oBAAgB,MAAM;AACpB,UAAI,aAAa,QAAW;AAC1B,iBAAS,gBAAgB,aAAa,cAAc,KAAK;AAAA,MAC3D;AAAA,IACF,GAAG,CAAC,KAAK,CAAC;AAEV,cAAU,MAAM;AACd,UAAI,aAAa,MAAM;AAGrB;AAAA,MACF;AAEA,YAAM,GAAG,YAAY,CAAC,QAAQ,QAAQ,OAAO,EAC1C,KAAK,CAAC,QAAQ;AACb,eAAO,IAAI,KAAK;AAAA,MAClB,CAAC,EACA,KAAK,CAAC,qBAAqB;AAC1B,oBAAY,gBAAgB;AAAA,MAC9B,CAAC,EACA,MAAM,MAAM;AAIX,oBAAY,CAAC,SAAU,QAAQ,IAAI,IAAI,OAAO,CAAC,CAAE;AAAA,MACnD,CAAC;AAAA,IACL,GAAG,CAAC,QAAQ,CAAC;AAEb,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,eAAa;AAAA,QACb,WAAW;AAAA,QACX,OAAO;AAAA,QACP,cAAY;AAAA,QACZ,mBAAiB;AAAA,QACjB,oBAAkB;AAAA;AAAA,MAElB;AAAA,QAAC;AAAA;AAAA,UACC,QAAQ;AAAA,UACR,UAAU;AAAA,UACV;AAAA,UACA,eAAe;AAAA;AAAA,QAEf,oCAAC,qBAAe,QAAS;AAAA,MAC3B;AAAA,IACF;AAAA,EAEJ;AACF;AAEC,QAAqD,cAAc;",
4
+ "sourcesContent": ["import { isEmpty } from 'lodash-es';\nimport React, {\n type PropsWithChildren,\n forwardRef,\n useEffect,\n useLayoutEffect,\n useState,\n} from 'react';\nimport { IntlProvider, type MessageFormatElement } from 'react-intl';\n\nimport 'wicg-inert';\nimport { getLanguage, getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport './AppRoot.sty.js';\nimport { useCurrentTheme } from '../../hooks/useCurrentTheme.js';\nimport { FocusProvider } from '../../providers/FocusProvider.js';\nimport { type DataTestId } from '../../types/data-props.js';\nimport { type MaskingProps } from '../../types/masking-props.js';\nimport { type StylingProps } from '../../types/styling-props.js';\n\n/**\n * Gets the href value set in the <base> element to prefix fetches correctly.\n * Will always end with a `/` value\n */\nfunction getBaseHref(): string {\n const baseElement = document.querySelector('base');\n const href = baseElement?.href ?? '/';\n return href.endsWith('/') ? href : `${href}/`;\n}\n\n/**\n * AppRoot component props.\n * @public\n */\nexport type AppRootProps = PropsWithChildren<\n DataTestId & StylingProps & MaskingProps\n>;\n\nconst defaultLanguage = 'en';\n\n/**\n * In order to have all the providers in place for rendering overlays, applying\n * global styles or internationalization, you need to wrap your app in the\n * `AppRoot`. If you're using the `dt-app` to create your app, this is\n * automatically taken care of and you can start working on your app without\n * further ado.\n * @public\n */\nexport const AppRoot = /* @__PURE__ */ forwardRef<HTMLDivElement, AppRootProps>(\n (props, forwardedRef) => {\n const {\n style: consumerStyle,\n className: consumerClassName,\n 'data-testid': dataTestId = 'app-root',\n 'data-dtrum-mask': dataDtrumMask,\n 'data-dtrum-allow': dataDtrumAllow,\n } = props;\n\n /** Messages that are used for the translation. */\n const [messages, setMessages] = useState<\n Record<string, string> | Record<string, MessageFormatElement[]>\n >({});\n\n const { children } = props;\n\n const theme = useCurrentTheme();\n const language = getLanguage();\n let timezone = getTimezone();\n try {\n new Intl.DateTimeFormat(language, { timeZone: timezone });\n } catch {\n // If the passed timezone is not valid, we can fall back to the browsers\n // configured one.\n timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;\n }\n\n /** Inject the font link into the head */\n useLayoutEffect(() => {\n // Right now the font css file is not automatically injected into\n // the app index.html file. And as there are no static ways to @import\n // css with vanilla extract, we need to inject the link here.\n const link = document.createElement('link');\n\n link.rel = 'stylesheet';\n link.href = 'https://dt-cdn.net/fonts/fonts-v004.css';\n document.head.appendChild(link);\n return () => {\n document.head.removeChild(link);\n };\n }, []);\n\n /**\n * Synchronize the [data-theme] attribute to the root of the document\n * to have the design tokens defined in the cascade.\n */\n useLayoutEffect(() => {\n if (document !== undefined) {\n document.documentElement.setAttribute('data-theme', theme);\n }\n }, [theme]);\n\n useEffect(() => {\n if (language === 'en') {\n // Don't fetch translations for 'en' to avoid an additional render cycle.\n // The default messages are in english already.\n return;\n }\n\n fetch(`${getBaseHref()}lang/${language}.json`)\n .then((res) => {\n return res.json();\n })\n .then((receivedMessages) => {\n setMessages(receivedMessages);\n })\n .catch(() => {\n // Only set messages to a new empty object if the previous messages were not empty.\n // `setMessages({})` would make react believe that this is a new object and, hence, re-render.\n // By just returning `prev` if the messages were already empty, we can avoid the additional render.\n setMessages((prev) => (isEmpty(prev) ? prev : {}));\n });\n }, [language]);\n\n return (\n <div\n ref={forwardedRef}\n data-testid={dataTestId}\n className={consumerClassName}\n style={consumerStyle}\n data-theme={theme}\n data-dtrum-mask={dataDtrumMask}\n data-dtrum-allow={dataDtrumAllow}\n >\n <IntlProvider\n locale={language}\n timeZone={timezone}\n messages={messages}\n defaultLocale={defaultLanguage}\n >\n <FocusProvider>{children}</FocusProvider>\n </IntlProvider>\n </div>\n );\n },\n);\n\n(AppRoot as typeof AppRoot & { displayName: string }).displayName = 'AppRoot';\n"],
5
+ "mappings": "AAAA,SAAS,eAAe;AACxB,OAAO;AAAA,EAEL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAA+C;AAExD,OAAO;AACP,SAAS,aAAa,mBAAmB;AAEzC,OAAO;AACP,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAS9B,SAAS,cAAsB;AAC7B,QAAM,cAAc,SAAS,cAAc,MAAM;AACjD,QAAM,OAAO,aAAa,QAAQ;AAClC,SAAO,KAAK,SAAS,GAAG,IAAI,OAAO,GAAG,IAAI;AAC5C;AAUA,MAAM,kBAAkB;AAUjB,MAAM,UAA0B;AAAA,EACrC,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,eAAe,aAAa;AAAA,MAC5B,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,IACtB,IAAI;AAGJ,UAAM,CAAC,UAAU,WAAW,IAAI,SAE9B,CAAC,CAAC;AAEJ,UAAM,EAAE,SAAS,IAAI;AAErB,UAAM,QAAQ,gBAAgB;AAC9B,UAAM,WAAW,YAAY;AAC7B,QAAI,WAAW,YAAY;AAC3B,QAAI;AACF,UAAI,KAAK,eAAe,UAAU,EAAE,UAAU,SAAS,CAAC;AAAA,IAC1D,QAAQ;AAGN,iBAAW,KAAK,eAAe,EAAE,gBAAgB,EAAE;AAAA,IACrD;AAGA,oBAAgB,MAAM;AAIpB,YAAM,OAAO,SAAS,cAAc,MAAM;AAE1C,WAAK,MAAM;AACX,WAAK,OAAO;AACZ,eAAS,KAAK,YAAY,IAAI;AAC9B,aAAO,MAAM;AACX,iBAAS,KAAK,YAAY,IAAI;AAAA,MAChC;AAAA,IACF,GAAG,CAAC,CAAC;AAML,oBAAgB,MAAM;AACpB,UAAI,aAAa,QAAW;AAC1B,iBAAS,gBAAgB,aAAa,cAAc,KAAK;AAAA,MAC3D;AAAA,IACF,GAAG,CAAC,KAAK,CAAC;AAEV,cAAU,MAAM;AACd,UAAI,aAAa,MAAM;AAGrB;AAAA,MACF;AAEA,YAAM,GAAG,YAAY,CAAC,QAAQ,QAAQ,OAAO,EAC1C,KAAK,CAAC,QAAQ;AACb,eAAO,IAAI,KAAK;AAAA,MAClB,CAAC,EACA,KAAK,CAAC,qBAAqB;AAC1B,oBAAY,gBAAgB;AAAA,MAC9B,CAAC,EACA,MAAM,MAAM;AAIX,oBAAY,CAAC,SAAU,QAAQ,IAAI,IAAI,OAAO,CAAC,CAAE;AAAA,MACnD,CAAC;AAAA,IACL,GAAG,CAAC,QAAQ,CAAC;AAEb,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,eAAa;AAAA,QACb,WAAW;AAAA,QACX,OAAO;AAAA,QACP,cAAY;AAAA,QACZ,mBAAiB;AAAA,QACjB,oBAAkB;AAAA;AAAA,MAElB;AAAA,QAAC;AAAA;AAAA,UACC,QAAQ;AAAA,UACR,UAAU;AAAA,UACV;AAAA,UACA,eAAe;AAAA;AAAA,QAEf,oCAAC,qBAAe,QAAS;AAAA,MAC3B;AAAA,IACF;AAAA,EAEJ;AACF;AAEC,QAAqD,cAAc;",
6
6
  "names": []
7
7
  }
package/esm/core/index.js CHANGED
@@ -22,6 +22,7 @@ import { useSafeForwardProps } from "./hooks/useSafeForwardProps.js";
22
22
  import { roleVariants } from "./types/role-variant.js";
23
23
  import { uuidv4 } from "./utils/uuidv4.js";
24
24
  import { isStringChildren } from "./utils/_is-string-children.js";
25
+ import { parseBoolean } from "./utils/parse-boolean.js";
25
26
  export {
26
27
  AppRoot,
27
28
  FocusProvider as _FocusProvider,
@@ -34,6 +35,7 @@ export {
34
35
  isFocusable as _isFocusable,
35
36
  isStringChildren as _isStringChildren,
36
37
  mergeProps as _mergeProps,
38
+ parseBoolean as _parseBoolean,
37
39
  useAriaLabelingProps as _useAriaLabelingProps,
38
40
  useFocusContext as _useFocusContext,
39
41
  useId as _useId,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/core/index.ts"],
4
- "sourcesContent": ["export { AppRoot, type AppRootProps } from './components/app-root/AppRoot.js';\nexport {\n FocusScope as _FocusScope,\n type FocusScopeProps as _FocusScopeProps,\n} from './components/focus-scope/FocusScope.js';\n\nexport { type FocusContextProps as _FocusContextProps } from './contexts/FocusContext.js';\n\nexport { useCurrentTheme } from './hooks/useCurrentTheme.js';\nexport { useFocusContext as _useFocusContext } from './hooks/useFocusContext.js';\nexport {\n FocusProvider as _FocusProvider,\n type Modality as _Modality,\n} from './providers/FocusProvider.js';\nexport type { MaskingProps } from './types/masking-props.js';\nexport type { DataTestId } from './types/data-props.js';\nexport type { StylingProps } from './types/styling-props.js';\nexport type { WithChildren } from './types/with-children.js';\nexport type {\n PolymorphOwnProps,\n PolymorphProps,\n PolymorphicComponentProps,\n} from './types/polymorph.js';\n\nexport { attemptFocus as _attemptFocus } from './utils/focus-management/attempt-focus.js';\nexport { focusFirstDescendant as _focusFirstDescendant } from './utils/focus-management/focus-first-descendant.js';\nexport { getFirstFocusableChild as _getFirstFocusableChild } from './utils/focus-management/get-first-focusable-child.js';\nexport { getLastFocusableChild as _getLastFocusableChild } from './utils/focus-management/get-last-focusable-child.js';\nexport { isFocusable as _isFocusable } from './utils/focus-management/is-focusable.js';\nexport { isBrowser as _isBrowser } from './utils/isBrowser.js';\nexport {\n mergeProps as _mergeProps,\n type NullToObject as _NullToObject,\n type TupleTypes as _TupleTypes,\n type UnionToIntersection as _UnionToIntersection,\n} from './utils/merge-props.js';\nexport { type _HeadingLevel, type _HeadingTag } from './types/heading.js';\nexport { useAriaLabelingProps as _useAriaLabelingProps } from './hooks/useAriaLabelingProps.js';\nexport { useId as _useId } from './hooks/useId.js';\nexport { useSafeForwardProps as _useSafeForwardProps } from './hooks/useSafeForwardProps.js';\nexport type { UseSafeForwardReturnProps as _UseSafeForwardReturnProps } from './hooks/useSafeForwardProps.js';\nexport type {\n AriaDisabledProps,\n AriaLabelingProps,\n} from './types/a11y-props.js';\nexport type { DOMProps } from './types/dom.js';\nexport { roleVariants } from './types/role-variant.js';\nexport type { RoleVariantType } from './types/role-variant.js';\nexport { uuidv4 as _uuidv4 } from './utils/uuidv4.js';\nexport { isStringChildren as _isStringChildren } from './utils/_is-string-children.js';\n"],
5
- "mappings": "AAAA,SAAS,eAAkC;AAC3C;AAAA,EACgB;AAAA,OAET;AAIP,SAAS,uBAAuB;AAChC,SAA4B,uBAAwB;AACpD;AAAA,EACmB;AAAA,OAEZ;AAWP,SAAyB,oBAAqB;AAC9C,SAAiC,4BAA6B;AAC9D,SAAmC,8BAA+B;AAClE,SAAkC,6BAA8B;AAChE,SAAwB,mBAAoB;AAC5C,SAAsB,iBAAkB;AACxC;AAAA,EACgB;AAAA,OAIT;AAEP,SAAiC,4BAA6B;AAC9D,SAAkB,aAAc;AAChC,SAAgC,2BAA4B;AAO5D,SAAS,oBAAoB;AAE7B,SAAmB,cAAe;AAClC,SAA6B,wBAAyB;",
4
+ "sourcesContent": ["export { AppRoot, type AppRootProps } from './components/app-root/AppRoot.js';\nexport {\n FocusScope as _FocusScope,\n type FocusScopeProps as _FocusScopeProps,\n} from './components/focus-scope/FocusScope.js';\n\nexport { type FocusContextProps as _FocusContextProps } from './contexts/FocusContext.js';\n\nexport { useCurrentTheme } from './hooks/useCurrentTheme.js';\nexport { useFocusContext as _useFocusContext } from './hooks/useFocusContext.js';\nexport {\n FocusProvider as _FocusProvider,\n type Modality as _Modality,\n} from './providers/FocusProvider.js';\nexport type { MaskingProps } from './types/masking-props.js';\nexport type { DataTestId } from './types/data-props.js';\nexport type { StylingProps } from './types/styling-props.js';\nexport type { WithChildren } from './types/with-children.js';\nexport type {\n PolymorphOwnProps,\n PolymorphProps,\n PolymorphicComponentProps,\n} from './types/polymorph.js';\n\nexport { attemptFocus as _attemptFocus } from './utils/focus-management/attempt-focus.js';\nexport { focusFirstDescendant as _focusFirstDescendant } from './utils/focus-management/focus-first-descendant.js';\nexport { getFirstFocusableChild as _getFirstFocusableChild } from './utils/focus-management/get-first-focusable-child.js';\nexport { getLastFocusableChild as _getLastFocusableChild } from './utils/focus-management/get-last-focusable-child.js';\nexport { isFocusable as _isFocusable } from './utils/focus-management/is-focusable.js';\nexport { isBrowser as _isBrowser } from './utils/isBrowser.js';\nexport {\n mergeProps as _mergeProps,\n type NullToObject as _NullToObject,\n type TupleTypes as _TupleTypes,\n type UnionToIntersection as _UnionToIntersection,\n} from './utils/merge-props.js';\nexport { type _HeadingLevel, type _HeadingTag } from './types/heading.js';\nexport { useAriaLabelingProps as _useAriaLabelingProps } from './hooks/useAriaLabelingProps.js';\nexport { useId as _useId } from './hooks/useId.js';\nexport { useSafeForwardProps as _useSafeForwardProps } from './hooks/useSafeForwardProps.js';\nexport type { UseSafeForwardReturnProps as _UseSafeForwardReturnProps } from './hooks/useSafeForwardProps.js';\nexport type {\n AriaDisabledProps,\n AriaLabelingProps,\n} from './types/a11y-props.js';\nexport type { DOMProps } from './types/dom.js';\nexport { roleVariants } from './types/role-variant.js';\nexport type { RoleVariantType } from './types/role-variant.js';\nexport { uuidv4 as _uuidv4 } from './utils/uuidv4.js';\nexport { isStringChildren as _isStringChildren } from './utils/_is-string-children.js';\nexport { parseBoolean as _parseBoolean } from './utils/parse-boolean.js';\n"],
5
+ "mappings": "AAAA,SAAS,eAAkC;AAC3C;AAAA,EACgB;AAAA,OAET;AAIP,SAAS,uBAAuB;AAChC,SAA4B,uBAAwB;AACpD;AAAA,EACmB;AAAA,OAEZ;AAWP,SAAyB,oBAAqB;AAC9C,SAAiC,4BAA6B;AAC9D,SAAmC,8BAA+B;AAClE,SAAkC,6BAA8B;AAChE,SAAwB,mBAAoB;AAC5C,SAAsB,iBAAkB;AACxC;AAAA,EACgB;AAAA,OAIT;AAEP,SAAiC,4BAA6B;AAC9D,SAAkB,aAAc;AAChC,SAAgC,2BAA4B;AAO5D,SAAS,oBAAoB;AAE7B,SAAmB,cAAe;AAClC,SAA6B,wBAAyB;AACtD,SAAyB,oBAAqB;",
6
6
  "names": []
7
7
  }