@dynatrace/strato-components 0.85.70 → 0.85.100

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 (195) hide show
  1. package/buttons/button/Button.css +17 -17
  2. package/buttons/button/Button.sty.js +4 -4
  3. package/buttons/intent-button/IntentButton.d.ts +2 -2
  4. package/buttons/intent-button/IntentButton.js +5 -2
  5. package/content/progress/ProgressBar.css +14 -14
  6. package/content/progress/ProgressBar.d.ts +6 -0
  7. package/content/progress/ProgressBar.js +61 -51
  8. package/content/progress/ProgressBar.sty.js +2 -2
  9. package/content/progress/ProgressBarIcon.css +2 -2
  10. package/content/progress/ProgressBarIcon.sty.js +1 -1
  11. package/content/progress/ProgressBarLabel.css +4 -4
  12. package/content/progress/ProgressBarLabel.sty.js +1 -1
  13. package/content/progress/ProgressBarValue.css +9 -9
  14. package/content/progress/ProgressBarValue.sty.js +1 -1
  15. package/content/progress/ProgressCircle.css +15 -15
  16. package/content/progress/ProgressCircle.d.ts +6 -0
  17. package/content/progress/ProgressCircle.js +5 -2
  18. package/content/progress/ProgressCircle.sty.js +6 -6
  19. package/content/skeleton/Skeleton.css +6 -6
  20. package/content/skeleton/Skeleton.sty.js +1 -1
  21. package/core/styles/focusRing.css +66 -79
  22. package/core/styles/focusRing.sty.d.ts +0 -10
  23. package/core/styles/focusRing.sty.js +2 -2
  24. package/core/styles/useFocusRing.d.ts +1 -3
  25. package/core/styles/useFocusRing.js +1 -10
  26. package/core/types/role-variant.d.ts +2 -0
  27. package/core/utils/colorUtils.css +64 -64
  28. package/core/utils/colorUtils.sty.js +2 -2
  29. package/esm/buttons/button/Button.css +17 -17
  30. package/esm/buttons/button/Button.sty.js +4 -4
  31. package/esm/buttons/button/Button.sty.js.map +2 -2
  32. package/esm/buttons/intent-button/IntentButton.js +5 -2
  33. package/esm/buttons/intent-button/IntentButton.js.map +2 -2
  34. package/esm/content/progress/ProgressBar.css +14 -14
  35. package/esm/content/progress/ProgressBar.js +61 -51
  36. package/esm/content/progress/ProgressBar.js.map +2 -2
  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.js +5 -2
  50. package/esm/content/progress/ProgressCircle.js.map +2 -2
  51. package/esm/content/progress/ProgressCircle.sty.js +6 -6
  52. package/esm/content/progress/ProgressCircle.sty.js.map +2 -2
  53. package/esm/content/skeleton/Skeleton.css +6 -6
  54. package/esm/content/skeleton/Skeleton.sty.js +1 -1
  55. package/esm/content/skeleton/Skeleton.sty.js.map +2 -2
  56. package/esm/core/styles/focusRing.css +66 -79
  57. package/esm/core/styles/focusRing.sty.js +2 -2
  58. package/esm/core/styles/focusRing.sty.js.map +2 -2
  59. package/esm/core/styles/useFocusRing.js +1 -10
  60. package/esm/core/styles/useFocusRing.js.map +2 -2
  61. package/esm/core/types/role-variant.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/layouts/container/Container.css +4 -4
  66. package/esm/layouts/container/Container.sty.js +1 -1
  67. package/esm/layouts/container/Container.sty.js.map +1 -1
  68. package/esm/layouts/divider/Divider.css +6 -6
  69. package/esm/layouts/divider/Divider.sty.js +1 -1
  70. package/esm/layouts/divider/Divider.sty.js.map +2 -2
  71. package/esm/layouts/hooks/useBreakpoint.js.map +2 -2
  72. package/esm/layouts/input-group/InputGroup.css +4 -4
  73. package/esm/layouts/input-group/InputGroup.sty.js +2 -2
  74. package/esm/layouts/input-group/InputGroup.sty.js.map +1 -1
  75. package/esm/layouts/surface/Surface.css +39 -39
  76. package/esm/layouts/surface/Surface.sty.js +2 -2
  77. package/esm/layouts/surface/Surface.sty.js.map +2 -2
  78. package/esm/layouts/surface/variables.sty.js +1 -1
  79. package/esm/layouts/surface/variables.sty.js.map +1 -1
  80. package/esm/styles/colorUtils.css +64 -64
  81. package/esm/styles/colorUtils.sty.js +2 -2
  82. package/esm/styles/colorUtils.sty.js.map +2 -2
  83. package/esm/styles/container.css +47 -47
  84. package/esm/styles/container.sty.js +2 -2
  85. package/esm/styles/container.sty.js.map +2 -2
  86. package/esm/styles/ellipsis.css +1 -1
  87. package/esm/styles/ellipsis.sty.js +1 -1
  88. package/esm/styles/ellipsis.sty.js.map +1 -1
  89. package/esm/styles/field.css +153 -153
  90. package/esm/styles/field.sty.js +2 -2
  91. package/esm/styles/field.sty.js.map +2 -2
  92. package/esm/styles/sprinkles.css +262 -262
  93. package/esm/styles/sprinkles.sty.js +1 -1
  94. package/esm/styles/sprinkles.sty.js.map +2 -2
  95. package/esm/styles/textStyle.css +8 -8
  96. package/esm/styles/textStyle.sty.js +1 -1
  97. package/esm/styles/textStyle.sty.js.map +2 -2
  98. package/esm/typography/block-quote/Blockquote.css +2 -2
  99. package/esm/typography/block-quote/Blockquote.sty.js +1 -1
  100. package/esm/typography/block-quote/Blockquote.sty.js.map +1 -1
  101. package/esm/typography/code/Code.css +1 -1
  102. package/esm/typography/code/Code.sty.js +1 -1
  103. package/esm/typography/code/Code.sty.js.map +1 -1
  104. package/esm/typography/emphasis/Emphasis.css +1 -1
  105. package/esm/typography/emphasis/Emphasis.sty.js +1 -1
  106. package/esm/typography/emphasis/Emphasis.sty.js.map +1 -1
  107. package/esm/typography/external-link/ExternalLink.css +14 -14
  108. package/esm/typography/external-link/ExternalLink.js.map +1 -1
  109. package/esm/typography/external-link/ExternalLink.sty.js +1 -1
  110. package/esm/typography/external-link/ExternalLink.sty.js.map +1 -1
  111. package/esm/typography/heading/Heading.css +7 -7
  112. package/esm/typography/heading/Heading.sty.js +1 -1
  113. package/esm/typography/heading/Heading.sty.js.map +2 -2
  114. package/esm/typography/highlight/Highlight.css +1 -1
  115. package/esm/typography/highlight/Highlight.sty.js +1 -1
  116. package/esm/typography/highlight/Highlight.sty.js.map +1 -1
  117. package/esm/typography/link/Link.css +5 -5
  118. package/esm/typography/link/Link.js.map +1 -1
  119. package/esm/typography/link/Link.sty.js +1 -1
  120. package/esm/typography/link/Link.sty.js.map +1 -1
  121. package/esm/typography/list/List.css +4 -4
  122. package/esm/typography/list/List.sty.js +2 -2
  123. package/esm/typography/list/List.sty.js.map +1 -1
  124. package/esm/typography/paragraph/Paragraph.css +3 -3
  125. package/esm/typography/paragraph/Paragraph.sty.js +1 -1
  126. package/esm/typography/paragraph/Paragraph.sty.js.map +2 -2
  127. package/esm/typography/strikethrough/Strikethrough.css +1 -1
  128. package/esm/typography/strikethrough/Strikethrough.sty.js +1 -1
  129. package/esm/typography/strikethrough/Strikethrough.sty.js.map +1 -1
  130. package/esm/typography/strong/Strong.css +1 -1
  131. package/esm/typography/strong/Strong.sty.js +1 -1
  132. package/esm/typography/strong/Strong.sty.js.map +1 -1
  133. package/esm/typography/text/Text.css +3 -3
  134. package/esm/typography/text/Text.sty.js +1 -1
  135. package/esm/typography/text/Text.sty.js.map +2 -2
  136. package/esm/typography/text-ellipsis/TextEllipsis.css +4 -4
  137. package/esm/typography/text-ellipsis/TextEllipsis.js +5 -1
  138. package/esm/typography/text-ellipsis/TextEllipsis.js.map +2 -2
  139. package/esm/typography/text-ellipsis/TextEllipsis.sty.js +1 -1
  140. package/esm/typography/text-ellipsis/TextEllipsis.sty.js.map +2 -2
  141. package/layouts/container/Container.css +4 -4
  142. package/layouts/container/Container.sty.js +1 -1
  143. package/layouts/divider/Divider.css +6 -6
  144. package/layouts/divider/Divider.sty.js +1 -1
  145. package/layouts/input-group/InputGroup.css +4 -4
  146. package/layouts/input-group/InputGroup.sty.js +2 -2
  147. package/layouts/surface/Surface.css +39 -39
  148. package/layouts/surface/Surface.sty.js +2 -2
  149. package/layouts/surface/variables.sty.js +1 -1
  150. package/package.json +5 -5
  151. package/styles/colorUtils.css +64 -64
  152. package/styles/colorUtils.sty.js +2 -2
  153. package/styles/container.css +47 -47
  154. package/styles/container.sty.js +2 -2
  155. package/styles/ellipsis.css +1 -1
  156. package/styles/ellipsis.sty.js +1 -1
  157. package/styles/field.css +153 -153
  158. package/styles/field.sty.js +2 -2
  159. package/styles/sprinkles.css +262 -262
  160. package/styles/sprinkles.sty.js +1 -1
  161. package/styles/textStyle.css +8 -8
  162. package/styles/textStyle.sty.js +1 -1
  163. package/typography/block-quote/Blockquote.css +2 -2
  164. package/typography/block-quote/Blockquote.sty.js +1 -1
  165. package/typography/code/Code.css +1 -1
  166. package/typography/code/Code.sty.js +1 -1
  167. package/typography/emphasis/Emphasis.css +1 -1
  168. package/typography/emphasis/Emphasis.sty.js +1 -1
  169. package/typography/external-link/ExternalLink.css +14 -14
  170. package/typography/external-link/ExternalLink.d.ts +2 -2
  171. package/typography/external-link/ExternalLink.sty.js +1 -1
  172. package/typography/heading/Heading.css +7 -7
  173. package/typography/heading/Heading.sty.js +1 -1
  174. package/typography/highlight/Highlight.css +1 -1
  175. package/typography/highlight/Highlight.sty.js +1 -1
  176. package/typography/link/Link.css +5 -5
  177. package/typography/link/Link.d.ts +2 -2
  178. package/typography/link/Link.sty.js +1 -1
  179. package/typography/list/List.css +4 -4
  180. package/typography/list/List.sty.js +2 -2
  181. package/typography/paragraph/Paragraph.css +3 -3
  182. package/typography/paragraph/Paragraph.sty.js +1 -1
  183. package/typography/strikethrough/Strikethrough.css +1 -1
  184. package/typography/strikethrough/Strikethrough.sty.js +1 -1
  185. package/typography/strong/Strong.css +1 -1
  186. package/typography/strong/Strong.sty.js +1 -1
  187. package/typography/text/Text.css +3 -3
  188. package/typography/text/Text.sty.js +1 -1
  189. package/typography/text-ellipsis/TextEllipsis.css +4 -4
  190. package/typography/text-ellipsis/TextEllipsis.js +5 -1
  191. package/typography/text-ellipsis/TextEllipsis.sty.js +1 -1
  192. package/content/progress/utils.d.ts +0 -2
  193. package/content/progress/utils.js +0 -50
  194. package/esm/content/progress/utils.js +0 -22
  195. 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
- }