@dynatrace/strato-components 0.85.70 → 0.85.110

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 (236) hide show
  1. package/buttons/button/Button.css +17 -17
  2. package/buttons/button/Button.d.ts +1 -0
  3. package/buttons/button/Button.js +1 -0
  4. package/buttons/button/Button.sty.js +4 -4
  5. package/buttons/intent-button/IntentButton.d.ts +2 -2
  6. package/buttons/intent-button/IntentButton.js +9 -2
  7. package/content/progress/ProgressBar.css +73 -26
  8. package/content/progress/ProgressBar.d.ts +6 -0
  9. package/content/progress/ProgressBar.js +32 -10
  10. package/content/progress/ProgressBar.sty.d.ts +15 -20
  11. package/content/progress/ProgressBar.sty.js +9 -4
  12. package/content/progress/ProgressBarIcon.css +2 -2
  13. package/content/progress/ProgressBarIcon.js +1 -11
  14. package/content/progress/ProgressBarIcon.sty.js +2 -2
  15. package/content/progress/ProgressBarLabel.css +4 -4
  16. package/content/progress/ProgressBarLabel.js +1 -6
  17. package/content/progress/ProgressBarLabel.sty.js +1 -2
  18. package/content/progress/ProgressBarValue.css +5 -20
  19. package/content/progress/ProgressBarValue.js +2 -2
  20. package/content/progress/ProgressBarValue.sty.d.ts +0 -20
  21. package/content/progress/ProgressBarValue.sty.js +2 -1
  22. package/content/progress/ProgressCircle.css +51 -19
  23. package/content/progress/ProgressCircle.d.ts +6 -0
  24. package/content/progress/ProgressCircle.js +24 -12
  25. package/content/progress/ProgressCircle.sty.d.ts +41 -14
  26. package/content/progress/ProgressCircle.sty.js +7 -11
  27. package/content/progress/contexts/SharedProgressBarPropsContext.d.ts +0 -2
  28. package/content/progress/contexts/SharedProgressBarPropsContext.js +1 -2
  29. package/content/progress/hooks/useProgressBarPropsContext.js +0 -1
  30. package/content/skeleton/Skeleton.css +6 -6
  31. package/content/skeleton/Skeleton.sty.js +1 -1
  32. package/core/components/focus-scope/FocusScope.d.ts +2 -2
  33. package/core/index.d.ts +1 -1
  34. package/core/index.js +1 -1
  35. package/core/styles/focusRing.css +66 -79
  36. package/core/styles/focusRing.sty.d.ts +0 -10
  37. package/core/styles/focusRing.sty.js +2 -2
  38. package/core/styles/useFocusRing.d.ts +1 -4
  39. package/core/styles/useFocusRing.js +1 -10
  40. package/core/types/role-variant.d.ts +2 -0
  41. package/core/utils/colorUtils.css +60 -65
  42. package/core/utils/colorUtils.sty.d.ts +0 -5
  43. package/core/utils/colorUtils.sty.js +2 -2
  44. package/esm/buttons/button/Button.css +17 -17
  45. package/esm/buttons/button/Button.js +1 -0
  46. package/esm/buttons/button/Button.js.map +2 -2
  47. package/esm/buttons/button/Button.sty.js +4 -4
  48. package/esm/buttons/button/Button.sty.js.map +2 -2
  49. package/esm/buttons/intent-button/IntentButton.js +9 -2
  50. package/esm/buttons/intent-button/IntentButton.js.map +2 -2
  51. package/esm/content/progress/ProgressBar.css +73 -26
  52. package/esm/content/progress/ProgressBar.js +37 -11
  53. package/esm/content/progress/ProgressBar.js.map +2 -2
  54. package/esm/content/progress/ProgressBar.sty.js +9 -4
  55. package/esm/content/progress/ProgressBar.sty.js.map +2 -2
  56. package/esm/content/progress/ProgressBarIcon.css +2 -2
  57. package/esm/content/progress/ProgressBarIcon.js +1 -11
  58. package/esm/content/progress/ProgressBarIcon.js.map +2 -2
  59. package/esm/content/progress/ProgressBarIcon.sty.js +2 -2
  60. package/esm/content/progress/ProgressBarIcon.sty.js.map +1 -1
  61. package/esm/content/progress/ProgressBarLabel.css +4 -4
  62. package/esm/content/progress/ProgressBarLabel.js +1 -6
  63. package/esm/content/progress/ProgressBarLabel.js.map +2 -2
  64. package/esm/content/progress/ProgressBarLabel.sty.js +1 -2
  65. package/esm/content/progress/ProgressBarLabel.sty.js.map +2 -2
  66. package/esm/content/progress/ProgressBarValue.css +5 -20
  67. package/esm/content/progress/ProgressBarValue.js +2 -2
  68. package/esm/content/progress/ProgressBarValue.js.map +2 -2
  69. package/esm/content/progress/ProgressBarValue.sty.js +2 -1
  70. package/esm/content/progress/ProgressBarValue.sty.js.map +2 -2
  71. package/esm/content/progress/ProgressCircle.css +51 -19
  72. package/esm/content/progress/ProgressCircle.js +25 -14
  73. package/esm/content/progress/ProgressCircle.js.map +2 -2
  74. package/esm/content/progress/ProgressCircle.sty.js +7 -11
  75. package/esm/content/progress/ProgressCircle.sty.js.map +2 -2
  76. package/esm/content/progress/contexts/SharedProgressBarPropsContext.js +1 -2
  77. package/esm/content/progress/contexts/SharedProgressBarPropsContext.js.map +2 -2
  78. package/esm/content/progress/hooks/useProgressBarPropsContext.js +0 -1
  79. package/esm/content/progress/hooks/useProgressBarPropsContext.js.map +2 -2
  80. package/esm/content/skeleton/Skeleton.css +6 -6
  81. package/esm/content/skeleton/Skeleton.sty.js +1 -1
  82. package/esm/content/skeleton/Skeleton.sty.js.map +2 -2
  83. package/esm/core/components/focus-scope/FocusScope.js.map +1 -1
  84. package/esm/core/index.js +1 -1
  85. package/esm/core/index.js.map +2 -2
  86. package/esm/core/styles/focusRing.css +66 -79
  87. package/esm/core/styles/focusRing.sty.js +2 -2
  88. package/esm/core/styles/focusRing.sty.js.map +2 -2
  89. package/esm/core/styles/useFocusRing.js +1 -10
  90. package/esm/core/styles/useFocusRing.js.map +2 -2
  91. package/esm/core/types/role-variant.js.map +2 -2
  92. package/esm/core/utils/colorUtils.css +60 -65
  93. package/esm/core/utils/colorUtils.sty.js +2 -2
  94. package/esm/core/utils/colorUtils.sty.js.map +2 -2
  95. package/esm/layouts/container/Container.css +4 -4
  96. package/esm/layouts/container/Container.js +22 -4
  97. package/esm/layouts/container/Container.js.map +2 -2
  98. package/esm/layouts/container/Container.sty.js +1 -1
  99. package/esm/layouts/container/Container.sty.js.map +1 -1
  100. package/esm/layouts/divider/Divider.css +6 -6
  101. package/esm/layouts/divider/Divider.sty.js +1 -1
  102. package/esm/layouts/divider/Divider.sty.js.map +2 -2
  103. package/esm/layouts/hooks/useBreakpoint.js +3 -0
  104. package/esm/layouts/hooks/useBreakpoint.js.map +2 -2
  105. package/esm/layouts/index.js +5 -1
  106. package/esm/layouts/index.js.map +2 -2
  107. package/esm/layouts/input-group/InputGroup.css +4 -4
  108. package/esm/layouts/input-group/InputGroup.sty.js +2 -2
  109. package/esm/layouts/input-group/InputGroup.sty.js.map +1 -1
  110. package/esm/layouts/surface/Surface.css +39 -39
  111. package/esm/layouts/surface/Surface.sty.js +2 -2
  112. package/esm/layouts/surface/Surface.sty.js.map +2 -2
  113. package/esm/layouts/surface/variables.sty.js +1 -1
  114. package/esm/layouts/surface/variables.sty.js.map +1 -1
  115. package/esm/styles/colorUtils.css +60 -65
  116. package/esm/styles/colorUtils.sty.js +2 -2
  117. package/esm/styles/colorUtils.sty.js.map +2 -2
  118. package/esm/styles/container.css +47 -47
  119. package/esm/styles/container.sty.js +2 -2
  120. package/esm/styles/container.sty.js.map +2 -2
  121. package/esm/styles/ellipsis.css +1 -1
  122. package/esm/styles/ellipsis.sty.js +1 -1
  123. package/esm/styles/ellipsis.sty.js.map +1 -1
  124. package/esm/styles/field.css +153 -153
  125. package/esm/styles/field.sty.js +2 -2
  126. package/esm/styles/field.sty.js.map +2 -2
  127. package/esm/styles/sprinkles.css +262 -262
  128. package/esm/styles/sprinkles.sty.js +1 -1
  129. package/esm/styles/sprinkles.sty.js.map +2 -2
  130. package/esm/styles/textStyle.css +8 -8
  131. package/esm/styles/textStyle.sty.js +1 -1
  132. package/esm/styles/textStyle.sty.js.map +2 -2
  133. package/esm/typography/block-quote/Blockquote.css +2 -2
  134. package/esm/typography/block-quote/Blockquote.sty.js +1 -1
  135. package/esm/typography/block-quote/Blockquote.sty.js.map +1 -1
  136. package/esm/typography/code/Code.css +1 -1
  137. package/esm/typography/code/Code.sty.js +1 -1
  138. package/esm/typography/code/Code.sty.js.map +1 -1
  139. package/esm/typography/emphasis/Emphasis.css +1 -1
  140. package/esm/typography/emphasis/Emphasis.sty.js +1 -1
  141. package/esm/typography/emphasis/Emphasis.sty.js.map +1 -1
  142. package/esm/typography/external-link/ExternalLink.css +14 -14
  143. package/esm/typography/external-link/ExternalLink.js.map +1 -1
  144. package/esm/typography/external-link/ExternalLink.sty.js +1 -1
  145. package/esm/typography/external-link/ExternalLink.sty.js.map +1 -1
  146. package/esm/typography/heading/Heading.css +7 -7
  147. package/esm/typography/heading/Heading.sty.js +1 -1
  148. package/esm/typography/heading/Heading.sty.js.map +2 -2
  149. package/esm/typography/highlight/Highlight.css +1 -1
  150. package/esm/typography/highlight/Highlight.sty.js +1 -1
  151. package/esm/typography/highlight/Highlight.sty.js.map +1 -1
  152. package/esm/typography/link/Link.css +5 -5
  153. package/esm/typography/link/Link.js.map +1 -1
  154. package/esm/typography/link/Link.sty.js +1 -1
  155. package/esm/typography/link/Link.sty.js.map +1 -1
  156. package/esm/typography/list/List.css +4 -4
  157. package/esm/typography/list/List.sty.js +2 -2
  158. package/esm/typography/list/List.sty.js.map +1 -1
  159. package/esm/typography/paragraph/Paragraph.css +3 -3
  160. package/esm/typography/paragraph/Paragraph.sty.js +1 -1
  161. package/esm/typography/paragraph/Paragraph.sty.js.map +2 -2
  162. package/esm/typography/strikethrough/Strikethrough.css +1 -1
  163. package/esm/typography/strikethrough/Strikethrough.sty.js +1 -1
  164. package/esm/typography/strikethrough/Strikethrough.sty.js.map +1 -1
  165. package/esm/typography/strong/Strong.css +1 -1
  166. package/esm/typography/strong/Strong.sty.js +1 -1
  167. package/esm/typography/strong/Strong.sty.js.map +1 -1
  168. package/esm/typography/text/Text.css +3 -3
  169. package/esm/typography/text/Text.sty.js +1 -1
  170. package/esm/typography/text/Text.sty.js.map +2 -2
  171. package/esm/typography/text-ellipsis/TextEllipsis.css +4 -4
  172. package/esm/typography/text-ellipsis/TextEllipsis.js +5 -1
  173. package/esm/typography/text-ellipsis/TextEllipsis.js.map +2 -2
  174. package/esm/typography/text-ellipsis/TextEllipsis.sty.js +1 -1
  175. package/esm/typography/text-ellipsis/TextEllipsis.sty.js.map +2 -2
  176. package/layouts/container/Container.css +4 -4
  177. package/layouts/container/Container.d.ts +20 -0
  178. package/layouts/container/Container.js +16 -3
  179. package/layouts/container/Container.sty.js +1 -1
  180. package/layouts/divider/Divider.css +6 -6
  181. package/layouts/divider/Divider.sty.js +1 -1
  182. package/layouts/hooks/useBreakpoint.js +3 -0
  183. package/layouts/index.d.ts +1 -1
  184. package/layouts/index.js +1 -0
  185. package/layouts/input-group/InputGroup.css +4 -4
  186. package/layouts/input-group/InputGroup.sty.js +2 -2
  187. package/layouts/surface/Surface.css +39 -39
  188. package/layouts/surface/Surface.sty.js +2 -2
  189. package/layouts/surface/variables.sty.js +1 -1
  190. package/package.json +5 -5
  191. package/styles/colorUtils.css +60 -65
  192. package/styles/colorUtils.sty.d.ts +0 -5
  193. package/styles/colorUtils.sty.js +2 -2
  194. package/styles/container.css +47 -47
  195. package/styles/container.sty.js +2 -2
  196. package/styles/ellipsis.css +1 -1
  197. package/styles/ellipsis.sty.js +1 -1
  198. package/styles/field.css +153 -153
  199. package/styles/field.sty.js +2 -2
  200. package/styles/sprinkles.css +262 -262
  201. package/styles/sprinkles.sty.js +1 -1
  202. package/styles/textStyle.css +8 -8
  203. package/styles/textStyle.sty.js +1 -1
  204. package/typography/block-quote/Blockquote.css +2 -2
  205. package/typography/block-quote/Blockquote.sty.js +1 -1
  206. package/typography/code/Code.css +1 -1
  207. package/typography/code/Code.sty.js +1 -1
  208. package/typography/emphasis/Emphasis.css +1 -1
  209. package/typography/emphasis/Emphasis.sty.js +1 -1
  210. package/typography/external-link/ExternalLink.css +14 -14
  211. package/typography/external-link/ExternalLink.d.ts +2 -2
  212. package/typography/external-link/ExternalLink.sty.js +1 -1
  213. package/typography/heading/Heading.css +7 -7
  214. package/typography/heading/Heading.sty.js +1 -1
  215. package/typography/highlight/Highlight.css +1 -1
  216. package/typography/highlight/Highlight.sty.js +1 -1
  217. package/typography/link/Link.css +5 -5
  218. package/typography/link/Link.d.ts +2 -2
  219. package/typography/link/Link.sty.js +1 -1
  220. package/typography/list/List.css +4 -4
  221. package/typography/list/List.sty.js +2 -2
  222. package/typography/paragraph/Paragraph.css +3 -3
  223. package/typography/paragraph/Paragraph.sty.js +1 -1
  224. package/typography/strikethrough/Strikethrough.css +1 -1
  225. package/typography/strikethrough/Strikethrough.sty.js +1 -1
  226. package/typography/strong/Strong.css +1 -1
  227. package/typography/strong/Strong.sty.js +1 -1
  228. package/typography/text/Text.css +3 -3
  229. package/typography/text/Text.sty.js +1 -1
  230. package/typography/text-ellipsis/TextEllipsis.css +4 -4
  231. package/typography/text-ellipsis/TextEllipsis.js +5 -1
  232. package/typography/text-ellipsis/TextEllipsis.sty.js +1 -1
  233. package/content/progress/utils.d.ts +0 -2
  234. package/content/progress/utils.js +0 -50
  235. package/esm/content/progress/utils.js +0 -22
  236. package/esm/content/progress/utils.js.map +0 -7
package/esm/content/progress/utils.js DELETED
@@ -1,22 +0,0 @@
1
- import Colors from "@dynatrace/strato-design-tokens/colors";
2
- function getFillColorFromVariant($variant) {
3
- switch ($variant) {
4
- case "onAccent":
5
- return Colors.Border.OnAccent.Default;
6
- case "primary":
7
- return Colors.Border.Primary.Accent;
8
- case "success":
9
- return Colors.Border.Success.Accent;
10
- case "warning":
11
- return Colors.Border.Warning.Accent;
12
- case "critical":
13
- return Colors.Border.Critical.Accent;
14
- case "neutral":
15
- default:
16
- return Colors.Border.Neutral.Accent;
17
- }
18
- }
19
- export {
20
- getFillColorFromVariant
21
- };
22
- //# sourceMappingURL=utils.js.map
package/esm/content/progress/utils.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/content/progress/utils.ts"],
4
- "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport { RoleVariantType } from '../../core/types/role-variant.js';\n\nexport function getFillColorFromVariant($variant: RoleVariantType) {\n switch ($variant) {\n case 'onAccent':\n return Colors.Border.OnAccent.Default;\n case 'primary':\n return Colors.Border.Primary.Accent;\n case 'success':\n return Colors.Border.Success.Accent;\n case 'warning':\n return Colors.Border.Warning.Accent;\n case 'critical':\n return Colors.Border.Critical.Accent;\n case 'neutral':\n default:\n return Colors.Border.Neutral.Accent;\n }\n}\n"],
5
- "mappings": "AAAA,OAAO,YAAY;AAIZ,SAAS,wBAAwB,UAA2B;AACjE,UAAQ,UAAU;AAAA,IAChB,KAAK;AACH,aAAO,OAAO,OAAO,SAAS;AAAA,IAChC,KAAK;AACH,aAAO,OAAO,OAAO,QAAQ;AAAA,IAC/B,KAAK;AACH,aAAO,OAAO,OAAO,QAAQ;AAAA,IAC/B,KAAK;AACH,aAAO,OAAO,OAAO,QAAQ;AAAA,IAC/B,KAAK;AACH,aAAO,OAAO,OAAO,SAAS;AAAA,IAChC,KAAK;AAAA,IACL;AACE,aAAO,OAAO,OAAO,QAAQ;AAAA,EACjC;AACF;",
6
- "names": []
7
- }