@dynatrace/strato-components 1.9.1 → 1.10.0

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 (194) hide show
  1. package/README.md +11 -6
  2. package/buttons/button/Button.css +16 -16
  3. package/buttons/button/Button.sty.js +4 -4
  4. package/content/progress/ProgressBar.css +71 -71
  5. package/content/progress/ProgressBar.sty.js +5 -5
  6. package/content/progress/ProgressBarIcon.css +2 -2
  7. package/content/progress/ProgressBarIcon.sty.js +1 -1
  8. package/content/progress/ProgressBarLabel.css +3 -3
  9. package/content/progress/ProgressBarLabel.sty.js +1 -1
  10. package/content/progress/ProgressBarValue.css +5 -5
  11. package/content/progress/ProgressBarValue.sty.js +1 -1
  12. package/content/progress/ProgressCircle.css +40 -40
  13. package/content/progress/ProgressCircle.sty.js +5 -5
  14. package/content/skeleton/Skeleton.css +6 -6
  15. package/content/skeleton/Skeleton.sty.js +1 -1
  16. package/core/components/app-root/AppRoot.css +8 -104
  17. package/core/styles/focusRing.css +66 -66
  18. package/core/styles/focusRing.sty.js +2 -2
  19. package/core/styles/useFocusRing.js +2 -2
  20. package/core/utils/colorUtils.css +60 -60
  21. package/core/utils/colorUtils.sty.js +2 -2
  22. package/esm/buttons/button/Button.css +16 -16
  23. package/esm/buttons/button/Button.js.map +2 -2
  24. package/esm/buttons/button/Button.sty.js +4 -4
  25. package/esm/buttons/button/Button.sty.js.map +2 -2
  26. package/esm/content/progress/ProgressBar.css +71 -71
  27. package/esm/content/progress/ProgressBar.sty.js +5 -5
  28. package/esm/content/progress/ProgressBar.sty.js.map +2 -2
  29. package/esm/content/progress/ProgressBarIcon.css +2 -2
  30. package/esm/content/progress/ProgressBarIcon.sty.js +1 -1
  31. package/esm/content/progress/ProgressBarIcon.sty.js.map +1 -1
  32. package/esm/content/progress/ProgressBarLabel.css +3 -3
  33. package/esm/content/progress/ProgressBarLabel.sty.js +1 -1
  34. package/esm/content/progress/ProgressBarLabel.sty.js.map +2 -2
  35. package/esm/content/progress/ProgressBarValue.css +5 -5
  36. package/esm/content/progress/ProgressBarValue.sty.js +1 -1
  37. package/esm/content/progress/ProgressBarValue.sty.js.map +2 -2
  38. package/esm/content/progress/ProgressCircle.css +40 -40
  39. package/esm/content/progress/ProgressCircle.sty.js +5 -5
  40. package/esm/content/progress/ProgressCircle.sty.js.map +2 -2
  41. package/esm/content/skeleton/Skeleton.css +6 -6
  42. package/esm/content/skeleton/Skeleton.sty.js +1 -1
  43. package/esm/content/skeleton/Skeleton.sty.js.map +2 -2
  44. package/esm/core/components/app-root/AppRoot.css +8 -104
  45. package/esm/core/styles/focusRing.css +66 -66
  46. package/esm/core/styles/focusRing.sty.js +2 -2
  47. package/esm/core/styles/focusRing.sty.js.map +2 -2
  48. package/esm/core/styles/useFocusRing.js +2 -2
  49. package/esm/core/styles/useFocusRing.js.map +2 -2
  50. package/esm/core/utils/colorUtils.css +60 -60
  51. package/esm/core/utils/colorUtils.sty.js +2 -2
  52. package/esm/core/utils/colorUtils.sty.js.map +2 -2
  53. package/esm/layouts/container/Container.css +4 -4
  54. package/esm/layouts/container/Container.js +5 -3
  55. package/esm/layouts/container/Container.js.map +2 -2
  56. package/esm/layouts/container/Container.sty.js +1 -1
  57. package/esm/layouts/container/Container.sty.js.map +1 -1
  58. package/esm/layouts/divider/Divider.css +6 -6
  59. package/esm/layouts/divider/Divider.sty.js +1 -1
  60. package/esm/layouts/divider/Divider.sty.js.map +2 -2
  61. package/esm/layouts/surface/Surface.css +39 -39
  62. package/esm/layouts/surface/Surface.sty.js +2 -2
  63. package/esm/layouts/surface/Surface.sty.js.map +2 -2
  64. package/esm/layouts/surface/variables.sty.js +1 -1
  65. package/esm/layouts/surface/variables.sty.js.map +1 -1
  66. package/esm/styles/colorUtils.css +60 -60
  67. package/esm/styles/colorUtils.sty.js +2 -2
  68. package/esm/styles/colorUtils.sty.js.map +2 -2
  69. package/esm/styles/container.css +47 -47
  70. package/esm/styles/container.sty.js +2 -2
  71. package/esm/styles/container.sty.js.map +2 -2
  72. package/esm/styles/ellipsis.css +1 -1
  73. package/esm/styles/ellipsis.sty.js +1 -1
  74. package/esm/styles/ellipsis.sty.js.map +1 -1
  75. package/esm/styles/field.css +153 -153
  76. package/esm/styles/field.sty.js +2 -2
  77. package/esm/styles/field.sty.js.map +2 -2
  78. package/esm/styles/sprinkles.css +262 -262
  79. package/esm/styles/sprinkles.sty.js +1 -1
  80. package/esm/styles/sprinkles.sty.js.map +2 -2
  81. package/esm/styles/textStyle.css +8 -8
  82. package/esm/styles/textStyle.sty.js +1 -1
  83. package/esm/styles/textStyle.sty.js.map +2 -2
  84. package/esm/typography/block-quote/Blockquote.css +2 -2
  85. package/esm/typography/block-quote/Blockquote.js.map +2 -2
  86. package/esm/typography/block-quote/Blockquote.sty.js +1 -1
  87. package/esm/typography/block-quote/Blockquote.sty.js.map +1 -1
  88. package/esm/typography/code/Code.css +1 -1
  89. package/esm/typography/code/Code.js.map +2 -2
  90. package/esm/typography/code/Code.sty.js +1 -1
  91. package/esm/typography/code/Code.sty.js.map +1 -1
  92. package/esm/typography/emphasis/Emphasis.css +1 -1
  93. package/esm/typography/emphasis/Emphasis.js.map +2 -2
  94. package/esm/typography/emphasis/Emphasis.sty.js +1 -1
  95. package/esm/typography/emphasis/Emphasis.sty.js.map +1 -1
  96. package/esm/typography/external-link/ExternalLink.css +5 -5
  97. package/esm/typography/external-link/ExternalLink.js +2 -4
  98. package/esm/typography/external-link/ExternalLink.js.map +2 -2
  99. package/esm/typography/external-link/ExternalLink.sty.js +1 -1
  100. package/esm/typography/external-link/ExternalLink.sty.js.map +1 -1
  101. package/esm/typography/heading/Heading.css +7 -7
  102. package/esm/typography/heading/Heading.js.map +2 -2
  103. package/esm/typography/heading/Heading.sty.js +1 -1
  104. package/esm/typography/heading/Heading.sty.js.map +2 -2
  105. package/esm/typography/highlight/Highlight.css +2 -2
  106. package/esm/typography/highlight/Highlight.js.map +2 -2
  107. package/esm/typography/highlight/Highlight.sty.js +2 -2
  108. package/esm/typography/highlight/Highlight.sty.js.map +1 -1
  109. package/esm/typography/link/Link.css +4 -4
  110. package/esm/typography/link/Link.js +2 -4
  111. package/esm/typography/link/Link.js.map +2 -2
  112. package/esm/typography/link/Link.sty.js +1 -1
  113. package/esm/typography/link/Link.sty.js.map +1 -1
  114. package/esm/typography/list/List.css +4 -4
  115. package/esm/typography/list/List.sty.js +2 -2
  116. package/esm/typography/list/List.sty.js.map +1 -1
  117. package/esm/typography/paragraph/Paragraph.css +3 -3
  118. package/esm/typography/paragraph/Paragraph.js.map +2 -2
  119. package/esm/typography/paragraph/Paragraph.sty.js +1 -1
  120. package/esm/typography/paragraph/Paragraph.sty.js.map +2 -2
  121. package/esm/typography/strikethrough/Strikethrough.css +1 -1
  122. package/esm/typography/strikethrough/Strikethrough.js.map +2 -2
  123. package/esm/typography/strikethrough/Strikethrough.sty.js +1 -1
  124. package/esm/typography/strikethrough/Strikethrough.sty.js.map +1 -1
  125. package/esm/typography/strong/Strong.css +1 -1
  126. package/esm/typography/strong/Strong.js.map +2 -2
  127. package/esm/typography/strong/Strong.sty.js +1 -1
  128. package/esm/typography/strong/Strong.sty.js.map +1 -1
  129. package/esm/typography/text/Text.css +3 -3
  130. package/esm/typography/text/Text.sty.js +1 -1
  131. package/esm/typography/text/Text.sty.js.map +2 -2
  132. package/esm/typography/text-ellipsis/TextEllipsis.css +6 -6
  133. package/esm/typography/text-ellipsis/TextEllipsis.sty.js +2 -2
  134. package/esm/typography/text-ellipsis/TextEllipsis.sty.js.map +2 -2
  135. package/layouts/container/Container.css +4 -4
  136. package/layouts/container/Container.d.ts +2 -1
  137. package/layouts/container/Container.js +4 -3
  138. package/layouts/container/Container.sty.js +1 -1
  139. package/layouts/divider/Divider.css +6 -6
  140. package/layouts/divider/Divider.sty.js +1 -1
  141. package/layouts/surface/Surface.css +39 -39
  142. package/layouts/surface/Surface.sty.js +2 -2
  143. package/layouts/surface/variables.sty.js +1 -1
  144. package/package.json +3 -3
  145. package/styles/colorUtils.css +60 -60
  146. package/styles/colorUtils.sty.js +2 -2
  147. package/styles/container.css +47 -47
  148. package/styles/container.sty.js +2 -2
  149. package/styles/ellipsis.css +1 -1
  150. package/styles/ellipsis.sty.js +1 -1
  151. package/styles/field.css +153 -153
  152. package/styles/field.sty.js +2 -2
  153. package/styles/sprinkles.css +262 -262
  154. package/styles/sprinkles.sty.js +1 -1
  155. package/styles/textStyle.css +8 -8
  156. package/styles/textStyle.sty.js +1 -1
  157. package/typography/block-quote/Blockquote.css +2 -2
  158. package/typography/block-quote/Blockquote.d.ts +3 -1
  159. package/typography/block-quote/Blockquote.sty.js +1 -1
  160. package/typography/code/Code.css +1 -1
  161. package/typography/code/Code.d.ts +3 -1
  162. package/typography/code/Code.sty.js +1 -1
  163. package/typography/emphasis/Emphasis.css +1 -1
  164. package/typography/emphasis/Emphasis.d.ts +3 -1
  165. package/typography/emphasis/Emphasis.sty.js +1 -1
  166. package/typography/external-link/ExternalLink.css +5 -5
  167. package/typography/external-link/ExternalLink.d.ts +3 -1
  168. package/typography/external-link/ExternalLink.js +2 -2
  169. package/typography/external-link/ExternalLink.sty.js +1 -1
  170. package/typography/heading/Heading.css +7 -7
  171. package/typography/heading/Heading.d.ts +4 -1
  172. package/typography/heading/Heading.sty.js +1 -1
  173. package/typography/highlight/Highlight.css +2 -2
  174. package/typography/highlight/Highlight.d.ts +2 -1
  175. package/typography/highlight/Highlight.sty.js +2 -2
  176. package/typography/link/Link.css +4 -4
  177. package/typography/link/Link.d.ts +4 -1
  178. package/typography/link/Link.js +2 -2
  179. package/typography/link/Link.sty.js +1 -1
  180. package/typography/list/List.css +4 -4
  181. package/typography/list/List.sty.js +2 -2
  182. package/typography/paragraph/Paragraph.css +3 -3
  183. package/typography/paragraph/Paragraph.d.ts +3 -1
  184. package/typography/paragraph/Paragraph.sty.js +1 -1
  185. package/typography/strikethrough/Strikethrough.css +1 -1
  186. package/typography/strikethrough/Strikethrough.d.ts +3 -1
  187. package/typography/strikethrough/Strikethrough.sty.js +1 -1
  188. package/typography/strong/Strong.css +1 -1
  189. package/typography/strong/Strong.d.ts +3 -1
  190. package/typography/strong/Strong.sty.js +1 -1
  191. package/typography/text/Text.css +3 -3
  192. package/typography/text/Text.sty.js +1 -1
  193. package/typography/text-ellipsis/TextEllipsis.css +6 -6
  194. package/typography/text-ellipsis/TextEllipsis.sty.js +2 -2
@@ -1,16 +1,16 @@
1
- ._rup8ap0-1-9-1 {
1
+ ._rup8ap0-1-10-0 {
2
2
  margin-top: 0;
3
3
  margin-bottom: 0;
4
4
  min-width: 0;
5
5
  overflow-wrap: break-word;
6
6
  }
7
- ._rup8ap1-1-9-1 {
7
+ ._rup8ap1-1-10-0 {
8
8
  display: block;
9
9
  white-space: nowrap;
10
10
  text-overflow: ellipsis;
11
11
  overflow: hidden;
12
12
  }
13
- ._rup8ap2-1-9-1 {
13
+ ._rup8ap2-1-10-0 {
14
14
  display: -webkit-box;
15
15
  -webkit-line-clamp: var(--strato-ellipsis-line-clamp);
16
16
  -webkit-box-orient: vertical;
@@ -23,4 +23,4 @@ __export(Text_css_exports, {
23
23
  module.exports = __toCommonJS(Text_css_exports);
24
24
  var import_Text_css_ts_vanilla = require("./Text.css");
25
25
  var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
26
- var textCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_rup8ap0-1-9-1", variantClassNames: { ellipsis: { singleLine: "_rup8ap1-1-9-1", multiLine: "_rup8ap2-1-9-1" } }, defaultVariants: {}, compoundVariants: [] });
26
+ var textCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_rup8ap0-1-10-0", variantClassNames: { ellipsis: { singleLine: "_rup8ap1-1-10-0", multiLine: "_rup8ap2-1-10-0" } }, defaultVariants: {}, compoundVariants: [] });
@@ -1,4 +1,4 @@
1
- ._1mnpbqs1-1-9-1 {
1
+ ._1mnpbqs1-1-10-0 {
2
2
  display: inline-block;
3
3
  box-sizing: border-box;
4
4
  vertical-align: middle;
@@ -9,18 +9,18 @@
9
9
  text-decoration: inherit;
10
10
  width: 100%;
11
11
  }
12
- ._1mnpbqs2-1-9-1 {
12
+ ._1mnpbqs2-1-10-0 {
13
13
  text-overflow: ellipsis;
14
14
  direction: rtl;
15
15
  text-align: left;
16
16
  }
17
- ._1mnpbqs2-1-9-1::after, ._1mnpbqs2-1-9-1::before {
17
+ ._1mnpbqs2-1-10-0::after, ._1mnpbqs2-1-10-0::before {
18
18
  content: "‎";
19
19
  }
20
- ._1mnpbqs3-1-9-1 {
20
+ ._1mnpbqs3-1-10-0 {
21
21
  text-overflow: clip;
22
22
  }
23
- ._1mnpbqs3-1-9-1._1mnpbqs0-1-9-1:after {
23
+ ._1mnpbqs3-1-10-0._1mnpbqs0-1-10-0:after {
24
24
  content: attr(data-sourcetext) / "";
25
25
  color: transparent;
26
26
  display: table;
@@ -28,6 +28,6 @@
28
28
  line-height: 0;
29
29
  user-select: none;
30
30
  }
31
- ._1mnpbqs4-1-9-1 {
31
+ ._1mnpbqs4-1-10-0 {
32
32
  text-overflow: ellipsis;
33
33
  }
@@ -24,5 +24,5 @@ __export(TextEllipsis_css_exports, {
24
24
  module.exports = __toCommonJS(TextEllipsis_css_exports);
25
25
  var import_TextEllipsis_css_ts_vanilla = require("./TextEllipsis.css");
26
26
  var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
27
- var active = "_1mnpbqs0-1-9-1";
28
- var ellipsis = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs1-1-9-1", variantClassNames: { truncationMode: { start: "_1mnpbqs2-1-9-1", middle: "_1mnpbqs3-1-9-1", end: "_1mnpbqs4-1-9-1" } }, defaultVariants: {}, compoundVariants: [] });
27
+ var active = "_1mnpbqs0-1-10-0";
28
+ var ellipsis = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs1-1-10-0", variantClassNames: { truncationMode: { start: "_1mnpbqs2-1-10-0", middle: "_1mnpbqs3-1-10-0", end: "_1mnpbqs4-1-10-0" } }, defaultVariants: {}, compoundVariants: [] });