@dynatrace/strato-components 1.16.1 → 1.18.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 (236) hide show
  1. package/buttons/button/Button.css +16 -16
  2. package/buttons/button/Button.js +12 -9
  3. package/buttons/button/Button.sty.js +4 -4
  4. package/buttons/intent-button/IntentButton.d.ts +3 -1
  5. package/content/progress/ProgressBar.css +71 -71
  6. package/content/progress/ProgressBar.js +3 -1
  7. package/content/progress/ProgressBar.sty.js +5 -5
  8. package/content/progress/ProgressBarIcon.css +2 -2
  9. package/content/progress/ProgressBarIcon.sty.js +1 -1
  10. package/content/progress/ProgressBarLabel.css +3 -3
  11. package/content/progress/ProgressBarLabel.sty.js +1 -1
  12. package/content/progress/ProgressBarValue.css +5 -5
  13. package/content/progress/ProgressBarValue.sty.js +1 -1
  14. package/content/progress/ProgressCircle.css +40 -40
  15. package/content/progress/ProgressCircle.js +3 -1
  16. package/content/progress/ProgressCircle.sty.js +5 -5
  17. package/content/skeleton/Skeleton.css +7 -7
  18. package/content/skeleton/Skeleton.js +3 -0
  19. package/content/skeleton/Skeleton.sty.js +5 -5
  20. package/content/skeleton/SkeletonText.js +3 -0
  21. package/core/hooks/useBehavioralTrackingProps.d.ts +4 -0
  22. package/core/index.d.ts +2 -0
  23. package/core/index.js +4 -0
  24. package/core/styles/focusRing.css +66 -66
  25. package/core/styles/focusRing.sty.d.ts +10 -6
  26. package/core/styles/focusRing.sty.js +2 -2
  27. package/core/styles/focusRingStatic.css +44 -0
  28. package/core/styles/focusRingStatic.sty.d.ts +77 -0
  29. package/core/styles/focusRingStatic.sty.js +26 -0
  30. package/core/styles/useFocusRing.d.ts +7 -6
  31. package/core/styles/useFocusRing.js +13 -13
  32. package/core/utils/colorUtils.css +60 -60
  33. package/core/utils/colorUtils.sty.js +2 -2
  34. package/esm/buttons/button/Button.css +16 -16
  35. package/esm/buttons/button/Button.js +12 -9
  36. package/esm/buttons/button/Button.js.map +2 -2
  37. package/esm/buttons/button/Button.sty.js +4 -4
  38. package/esm/buttons/button/Button.sty.js.map +1 -1
  39. package/esm/buttons/index.js.map +1 -1
  40. package/esm/buttons/intent-button/IntentButton.js.map +2 -2
  41. package/esm/content/progress/ProgressBar.css +71 -71
  42. package/esm/content/progress/ProgressBar.js +3 -1
  43. package/esm/content/progress/ProgressBar.js.map +2 -2
  44. package/esm/content/progress/ProgressBar.sty.js +5 -5
  45. package/esm/content/progress/ProgressBar.sty.js.map +1 -1
  46. package/esm/content/progress/ProgressBarIcon.css +2 -2
  47. package/esm/content/progress/ProgressBarIcon.sty.js +1 -1
  48. package/esm/content/progress/ProgressBarIcon.sty.js.map +1 -1
  49. package/esm/content/progress/ProgressBarLabel.css +3 -3
  50. package/esm/content/progress/ProgressBarLabel.sty.js +1 -1
  51. package/esm/content/progress/ProgressBarLabel.sty.js.map +1 -1
  52. package/esm/content/progress/ProgressBarValue.css +5 -5
  53. package/esm/content/progress/ProgressBarValue.sty.js +1 -1
  54. package/esm/content/progress/ProgressBarValue.sty.js.map +1 -1
  55. package/esm/content/progress/ProgressCircle.css +40 -40
  56. package/esm/content/progress/ProgressCircle.js +3 -1
  57. package/esm/content/progress/ProgressCircle.js.map +2 -2
  58. package/esm/content/progress/ProgressCircle.sty.js +5 -5
  59. package/esm/content/progress/ProgressCircle.sty.js.map +1 -1
  60. package/esm/content/skeleton/Skeleton.css +7 -7
  61. package/esm/content/skeleton/Skeleton.js +3 -0
  62. package/esm/content/skeleton/Skeleton.js.map +2 -2
  63. package/esm/content/skeleton/Skeleton.sty.js +5 -5
  64. package/esm/content/skeleton/Skeleton.sty.js.map +1 -1
  65. package/esm/content/skeleton/SkeletonText.js +3 -0
  66. package/esm/content/skeleton/SkeletonText.js.map +2 -2
  67. package/esm/core/hooks/useBehavioralTrackingProps.js.map +2 -2
  68. package/esm/core/index.js +6 -0
  69. package/esm/core/index.js.map +2 -2
  70. package/esm/core/styles/focusRing.css +66 -66
  71. package/esm/core/styles/focusRing.sty.js +2 -2
  72. package/esm/core/styles/focusRing.sty.js.map +1 -1
  73. package/esm/core/styles/focusRingStatic.css +44 -0
  74. package/esm/core/styles/focusRingStatic.sty.js +7 -0
  75. package/esm/core/styles/focusRingStatic.sty.js.map +7 -0
  76. package/esm/core/styles/useFocusRing.js +15 -15
  77. package/esm/core/styles/useFocusRing.js.map +2 -2
  78. package/esm/core/utils/colorUtils.css +60 -60
  79. package/esm/core/utils/colorUtils.sty.js +2 -2
  80. package/esm/core/utils/colorUtils.sty.js.map +1 -1
  81. package/esm/layouts/container/Container.css +4 -4
  82. package/esm/layouts/container/Container.sty.js +1 -1
  83. package/esm/layouts/container/Container.sty.js.map +1 -1
  84. package/esm/layouts/divider/Divider.css +6 -6
  85. package/esm/layouts/divider/Divider.sty.js +1 -1
  86. package/esm/layouts/divider/Divider.sty.js.map +1 -1
  87. package/esm/layouts/surface/Surface.css +39 -39
  88. package/esm/layouts/surface/Surface.js +2 -6
  89. package/esm/layouts/surface/Surface.js.map +2 -2
  90. package/esm/layouts/surface/Surface.sty.js +2 -2
  91. package/esm/layouts/surface/Surface.sty.js.map +1 -1
  92. package/esm/layouts/surface/variables.sty.js +1 -1
  93. package/esm/layouts/surface/variables.sty.js.map +1 -1
  94. package/esm/styles/colorUtils.css +60 -60
  95. package/esm/styles/colorUtils.sty.js +2 -2
  96. package/esm/styles/colorUtils.sty.js.map +1 -1
  97. package/esm/styles/container.css +47 -47
  98. package/esm/styles/container.sty.js +2 -2
  99. package/esm/styles/container.sty.js.map +1 -1
  100. package/esm/styles/ellipsis.css +1 -1
  101. package/esm/styles/ellipsis.sty.js +1 -1
  102. package/esm/styles/ellipsis.sty.js.map +1 -1
  103. package/esm/styles/field.css +153 -153
  104. package/esm/styles/field.sty.js +2 -2
  105. package/esm/styles/field.sty.js.map +1 -1
  106. package/esm/styles/sprinkles.css +262 -262
  107. package/esm/styles/sprinkles.sty.js +1 -1
  108. package/esm/styles/sprinkles.sty.js.map +1 -1
  109. package/esm/styles/textStyle.css +8 -8
  110. package/esm/styles/textStyle.sty.js +1 -1
  111. package/esm/styles/textStyle.sty.js.map +1 -1
  112. package/esm/typography/block-quote/Blockquote.css +2 -2
  113. package/esm/typography/block-quote/Blockquote.js +3 -1
  114. package/esm/typography/block-quote/Blockquote.js.map +2 -2
  115. package/esm/typography/block-quote/Blockquote.sty.js +1 -1
  116. package/esm/typography/block-quote/Blockquote.sty.js.map +1 -1
  117. package/esm/typography/code/Code.css +1 -1
  118. package/esm/typography/code/Code.js +3 -1
  119. package/esm/typography/code/Code.js.map +2 -2
  120. package/esm/typography/code/Code.sty.js +1 -1
  121. package/esm/typography/code/Code.sty.js.map +1 -1
  122. package/esm/typography/emphasis/Emphasis.css +1 -1
  123. package/esm/typography/emphasis/Emphasis.js +3 -1
  124. package/esm/typography/emphasis/Emphasis.js.map +2 -2
  125. package/esm/typography/emphasis/Emphasis.sty.js +1 -1
  126. package/esm/typography/emphasis/Emphasis.sty.js.map +1 -1
  127. package/esm/typography/external-link/ExternalLink.css +8 -5
  128. package/esm/typography/external-link/ExternalLink.js +6 -13
  129. package/esm/typography/external-link/ExternalLink.js.map +2 -2
  130. package/esm/typography/external-link/ExternalLink.sty.js +2 -1
  131. package/esm/typography/external-link/ExternalLink.sty.js.map +2 -2
  132. package/esm/typography/heading/Heading.css +7 -7
  133. package/esm/typography/heading/Heading.js +3 -1
  134. package/esm/typography/heading/Heading.js.map +2 -2
  135. package/esm/typography/heading/Heading.sty.js +1 -1
  136. package/esm/typography/heading/Heading.sty.js.map +1 -1
  137. package/esm/typography/highlight/Highlight.css +2 -2
  138. package/esm/typography/highlight/Highlight.js +3 -1
  139. package/esm/typography/highlight/Highlight.js.map +2 -2
  140. package/esm/typography/highlight/Highlight.sty.js +1 -1
  141. package/esm/typography/highlight/Highlight.sty.js.map +1 -1
  142. package/esm/typography/link/Link.css +6 -3
  143. package/esm/typography/link/Link.js +6 -19
  144. package/esm/typography/link/Link.js.map +2 -2
  145. package/esm/typography/link/Link.sty.js +2 -1
  146. package/esm/typography/link/Link.sty.js.map +2 -2
  147. package/esm/typography/list/List.css +4 -4
  148. package/esm/typography/list/List.js +3 -1
  149. package/esm/typography/list/List.js.map +2 -2
  150. package/esm/typography/list/List.sty.js +2 -2
  151. package/esm/typography/list/List.sty.js.map +1 -1
  152. package/esm/typography/paragraph/Paragraph.css +3 -3
  153. package/esm/typography/paragraph/Paragraph.js +3 -1
  154. package/esm/typography/paragraph/Paragraph.js.map +2 -2
  155. package/esm/typography/paragraph/Paragraph.sty.js +1 -1
  156. package/esm/typography/paragraph/Paragraph.sty.js.map +1 -1
  157. package/esm/typography/strikethrough/Strikethrough.css +1 -1
  158. package/esm/typography/strikethrough/Strikethrough.js +3 -1
  159. package/esm/typography/strikethrough/Strikethrough.js.map +2 -2
  160. package/esm/typography/strikethrough/Strikethrough.sty.js +1 -1
  161. package/esm/typography/strikethrough/Strikethrough.sty.js.map +1 -1
  162. package/esm/typography/strong/Strong.css +1 -1
  163. package/esm/typography/strong/Strong.js +3 -1
  164. package/esm/typography/strong/Strong.js.map +2 -2
  165. package/esm/typography/strong/Strong.sty.js +1 -1
  166. package/esm/typography/strong/Strong.sty.js.map +1 -1
  167. package/esm/typography/text/Text.css +3 -3
  168. package/esm/typography/text/Text.js +4 -1
  169. package/esm/typography/text/Text.js.map +2 -2
  170. package/esm/typography/text/Text.sty.js +1 -1
  171. package/esm/typography/text/Text.sty.js.map +1 -1
  172. package/esm/typography/text-ellipsis/TextEllipsis.css +6 -6
  173. package/esm/typography/text-ellipsis/TextEllipsis.js +8 -1
  174. package/esm/typography/text-ellipsis/TextEllipsis.js.map +2 -2
  175. package/esm/typography/text-ellipsis/TextEllipsis.sty.js +2 -2
  176. package/esm/typography/text-ellipsis/TextEllipsis.sty.js.map +1 -1
  177. package/layouts/container/Container.css +4 -4
  178. package/layouts/container/Container.sty.js +1 -1
  179. package/layouts/divider/Divider.css +6 -6
  180. package/layouts/divider/Divider.sty.js +1 -1
  181. package/layouts/surface/Surface.css +39 -39
  182. package/layouts/surface/Surface.js +2 -6
  183. package/layouts/surface/Surface.sty.js +2 -2
  184. package/layouts/surface/variables.sty.js +1 -1
  185. package/package.json +2 -2
  186. package/styles/colorUtils.css +60 -60
  187. package/styles/colorUtils.sty.js +2 -2
  188. package/styles/container.css +47 -47
  189. package/styles/container.sty.js +2 -2
  190. package/styles/ellipsis.css +1 -1
  191. package/styles/ellipsis.sty.js +1 -1
  192. package/styles/field.css +153 -153
  193. package/styles/field.sty.js +2 -2
  194. package/styles/sprinkles.css +262 -262
  195. package/styles/sprinkles.sty.js +1 -1
  196. package/styles/textStyle.css +8 -8
  197. package/styles/textStyle.sty.js +1 -1
  198. package/typography/block-quote/Blockquote.css +2 -2
  199. package/typography/block-quote/Blockquote.js +3 -1
  200. package/typography/block-quote/Blockquote.sty.js +1 -1
  201. package/typography/code/Code.css +1 -1
  202. package/typography/code/Code.js +3 -1
  203. package/typography/code/Code.sty.js +1 -1
  204. package/typography/emphasis/Emphasis.css +1 -1
  205. package/typography/emphasis/Emphasis.js +3 -1
  206. package/typography/emphasis/Emphasis.sty.js +1 -1
  207. package/typography/external-link/ExternalLink.css +8 -5
  208. package/typography/external-link/ExternalLink.js +6 -13
  209. package/typography/external-link/ExternalLink.sty.js +2 -1
  210. package/typography/heading/Heading.css +7 -7
  211. package/typography/heading/Heading.js +3 -1
  212. package/typography/heading/Heading.sty.js +1 -1
  213. package/typography/highlight/Highlight.css +2 -2
  214. package/typography/highlight/Highlight.js +3 -1
  215. package/typography/highlight/Highlight.sty.js +1 -1
  216. package/typography/link/Link.css +6 -3
  217. package/typography/link/Link.js +6 -19
  218. package/typography/link/Link.sty.js +2 -1
  219. package/typography/list/List.css +4 -4
  220. package/typography/list/List.js +3 -1
  221. package/typography/list/List.sty.js +2 -2
  222. package/typography/paragraph/Paragraph.css +3 -3
  223. package/typography/paragraph/Paragraph.js +3 -1
  224. package/typography/paragraph/Paragraph.sty.js +1 -1
  225. package/typography/strikethrough/Strikethrough.css +1 -1
  226. package/typography/strikethrough/Strikethrough.js +3 -1
  227. package/typography/strikethrough/Strikethrough.sty.js +1 -1
  228. package/typography/strong/Strong.css +1 -1
  229. package/typography/strong/Strong.js +3 -1
  230. package/typography/strong/Strong.sty.js +1 -1
  231. package/typography/text/Text.css +3 -3
  232. package/typography/text/Text.js +4 -1
  233. package/typography/text/Text.sty.js +1 -1
  234. package/typography/text-ellipsis/TextEllipsis.css +6 -6
  235. package/typography/text-ellipsis/TextEllipsis.js +8 -1
  236. package/typography/text-ellipsis/TextEllipsis.sty.js +2 -2
package/styles/colorUtils.css CHANGED
@@ -1,75 +1,75 @@
1
- ._17bwkb04-1-16-1 {
2
- --_17bwkb00-1-16-1: var(--dt-colors-text-critical-default, #bb0731);
3
- --_17bwkb01-1-16-1: var(--dt-colors-icon-critical-default, #bb0731);
4
- --_17bwkb02-1-16-1: var(--dt-colors-border-critical-default, #f6d6d5);
1
+ ._17bwkb04-1-18-0 {
2
+ --_17bwkb00-1-18-0: var(--dt-colors-text-critical-default, #bb0731);
3
+ --_17bwkb01-1-18-0: var(--dt-colors-icon-critical-default, #bb0731);
4
+ --_17bwkb02-1-18-0: var(--dt-colors-border-critical-default, #f6d6d5);
5
5
  }
6
- ._17bwkb05-1-16-1 {
7
- --_17bwkb00-1-16-1: var(--dt-colors-text-neutral-default, #2f2f4f);
8
- --_17bwkb01-1-16-1: var(--dt-colors-icon-neutral-default, #2f2f4f);
9
- --_17bwkb02-1-16-1: var(--dt-colors-border-neutral-default, #dadbe4);
6
+ ._17bwkb05-1-18-0 {
7
+ --_17bwkb00-1-18-0: var(--dt-colors-text-neutral-default, #2f2f4f);
8
+ --_17bwkb01-1-18-0: var(--dt-colors-icon-neutral-default, #2f2f4f);
9
+ --_17bwkb02-1-18-0: var(--dt-colors-border-neutral-default, #dadbe4);
10
10
  }
11
- ._17bwkb06-1-16-1 {
12
- --_17bwkb00-1-16-1: var(--dt-colors-text-primary-default, #464cce);
13
- --_17bwkb01-1-16-1: var(--dt-colors-icon-primary-default, #464cce);
14
- --_17bwkb02-1-16-1: var(--dt-colors-border-primary-default, #d5dbf6);
11
+ ._17bwkb06-1-18-0 {
12
+ --_17bwkb00-1-18-0: var(--dt-colors-text-primary-default, #464cce);
13
+ --_17bwkb01-1-18-0: var(--dt-colors-icon-primary-default, #464cce);
14
+ --_17bwkb02-1-18-0: var(--dt-colors-border-primary-default, #d5dbf6);
15
15
  }
16
- ._17bwkb07-1-16-1 {
17
- --_17bwkb00-1-16-1: var(--dt-colors-text-success-default, #2d6761);
18
- --_17bwkb01-1-16-1: var(--dt-colors-icon-success-default, #2d6761);
19
- --_17bwkb02-1-16-1: var(--dt-colors-border-success-default, #d3dedd);
16
+ ._17bwkb07-1-18-0 {
17
+ --_17bwkb00-1-18-0: var(--dt-colors-text-success-default, #2d6761);
18
+ --_17bwkb01-1-18-0: var(--dt-colors-icon-success-default, #2d6761);
19
+ --_17bwkb02-1-18-0: var(--dt-colors-border-success-default, #d3dedd);
20
20
  }
21
- ._17bwkb08-1-16-1 {
22
- --_17bwkb00-1-16-1: var(--dt-colors-text-warning-default, #855400);
23
- --_17bwkb01-1-16-1: var(--dt-colors-icon-warning-default, #855400);
24
- --_17bwkb02-1-16-1: var(--dt-colors-border-warning-default, #f9ebdb);
21
+ ._17bwkb08-1-18-0 {
22
+ --_17bwkb00-1-18-0: var(--dt-colors-text-warning-default, #855400);
23
+ --_17bwkb01-1-18-0: var(--dt-colors-icon-warning-default, #855400);
24
+ --_17bwkb02-1-18-0: var(--dt-colors-border-warning-default, #f9ebdb);
25
25
  }
26
- ._17bwkb0d-1-16-1 {
27
- --_17bwkb00-1-16-1: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
28
- --_17bwkb01-1-16-1: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
29
- --_17bwkb02-1-16-1: var(--dt-colors-border-primary-accent, #464cce);
26
+ ._17bwkb0d-1-18-0 {
27
+ --_17bwkb00-1-18-0: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
28
+ --_17bwkb01-1-18-0: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
29
+ --_17bwkb02-1-18-0: var(--dt-colors-border-primary-accent, #464cce);
30
30
  }
31
- ._17bwkb0e-1-16-1 {
32
- --_17bwkb00-1-16-1: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
33
- --_17bwkb01-1-16-1: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
34
- --_17bwkb02-1-16-1: var(--dt-colors-border-success-accent, #2d6761);
31
+ ._17bwkb0e-1-18-0 {
32
+ --_17bwkb00-1-18-0: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
33
+ --_17bwkb01-1-18-0: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
34
+ --_17bwkb02-1-18-0: var(--dt-colors-border-success-accent, #2d6761);
35
35
  }
36
- ._17bwkb0f-1-16-1 {
37
- --_17bwkb00-1-16-1: var(--dt-colors-text-warning-on-accent-default, #272024);
38
- --_17bwkb01-1-16-1: var(--dt-colors-icon-warning-on-accent-default, #272024);
39
- --_17bwkb02-1-16-1: var(--dt-colors-border-warning-accent, #855400);
36
+ ._17bwkb0f-1-18-0 {
37
+ --_17bwkb00-1-18-0: var(--dt-colors-text-warning-on-accent-default, #272024);
38
+ --_17bwkb01-1-18-0: var(--dt-colors-icon-warning-on-accent-default, #272024);
39
+ --_17bwkb02-1-18-0: var(--dt-colors-border-warning-accent, #855400);
40
40
  }
41
- ._17bwkb0g-1-16-1 {
42
- --_17bwkb00-1-16-1: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
43
- --_17bwkb01-1-16-1: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
44
- --_17bwkb02-1-16-1: var(--dt-colors-border-critical-accent, #bb0731);
41
+ ._17bwkb0g-1-18-0 {
42
+ --_17bwkb00-1-18-0: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
43
+ --_17bwkb01-1-18-0: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
44
+ --_17bwkb02-1-18-0: var(--dt-colors-border-critical-accent, #bb0731);
45
45
  }
46
- ._17bwkb0h-1-16-1 {
47
- --_17bwkb00-1-16-1: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
48
- --_17bwkb01-1-16-1: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
49
- --_17bwkb02-1-16-1: var(--dt-colors-border-neutral-accent, #595a7d);
46
+ ._17bwkb0h-1-18-0 {
47
+ --_17bwkb00-1-18-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
48
+ --_17bwkb01-1-18-0: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
49
+ --_17bwkb02-1-18-0: var(--dt-colors-border-neutral-accent, #595a7d);
50
50
  }
51
- ._17bwkb0i-1-16-1 {
52
- --_17bwkb00-1-16-1: var(--dt-colors-text-primary-disabled, #595a7d80);
53
- --_17bwkb01-1-16-1: var(--dt-colors-icon-primary-disabled, #595a7d80);
54
- --_17bwkb02-1-16-1: var(--dt-colors-border-primary-disabled, #dadbe480);
51
+ ._17bwkb0i-1-18-0 {
52
+ --_17bwkb00-1-18-0: var(--dt-colors-text-primary-disabled, #595a7d80);
53
+ --_17bwkb01-1-18-0: var(--dt-colors-icon-primary-disabled, #595a7d80);
54
+ --_17bwkb02-1-18-0: var(--dt-colors-border-primary-disabled, #dadbe480);
55
55
  }
56
- ._17bwkb0j-1-16-1 {
57
- --_17bwkb00-1-16-1: var(--dt-colors-text-success-disabled, #595a7d80);
58
- --_17bwkb01-1-16-1: var(--dt-colors-icon-success-disabled, #595a7d80);
59
- --_17bwkb02-1-16-1: var(--dt-colors-border-success-disabled, #dadbe480);
56
+ ._17bwkb0j-1-18-0 {
57
+ --_17bwkb00-1-18-0: var(--dt-colors-text-success-disabled, #595a7d80);
58
+ --_17bwkb01-1-18-0: var(--dt-colors-icon-success-disabled, #595a7d80);
59
+ --_17bwkb02-1-18-0: var(--dt-colors-border-success-disabled, #dadbe480);
60
60
  }
61
- ._17bwkb0k-1-16-1 {
62
- --_17bwkb00-1-16-1: var(--dt-colors-text-warning-disabled, #595a7d80);
63
- --_17bwkb01-1-16-1: var(--dt-colors-icon-warning-disabled, #595a7d80);
64
- --_17bwkb02-1-16-1: var(--dt-colors-border-warning-disabled, #dadbe480);
61
+ ._17bwkb0k-1-18-0 {
62
+ --_17bwkb00-1-18-0: var(--dt-colors-text-warning-disabled, #595a7d80);
63
+ --_17bwkb01-1-18-0: var(--dt-colors-icon-warning-disabled, #595a7d80);
64
+ --_17bwkb02-1-18-0: var(--dt-colors-border-warning-disabled, #dadbe480);
65
65
  }
66
- ._17bwkb0l-1-16-1 {
67
- --_17bwkb00-1-16-1: var(--dt-colors-text-critical-disabled, #595a7d80);
68
- --_17bwkb01-1-16-1: var(--dt-colors-icon-critical-disabled, #595a7d80);
69
- --_17bwkb02-1-16-1: var(--dt-colors-border-critical-disabled, #dadbe480);
66
+ ._17bwkb0l-1-18-0 {
67
+ --_17bwkb00-1-18-0: var(--dt-colors-text-critical-disabled, #595a7d80);
68
+ --_17bwkb01-1-18-0: var(--dt-colors-icon-critical-disabled, #595a7d80);
69
+ --_17bwkb02-1-18-0: var(--dt-colors-border-critical-disabled, #dadbe480);
70
70
  }
71
- ._17bwkb0m-1-16-1 {
72
- --_17bwkb00-1-16-1: var(--dt-colors-text-neutral-disabled, #595a7d80);
73
- --_17bwkb01-1-16-1: var(--dt-colors-icon-neutral-disabled, #595a7d80);
74
- --_17bwkb02-1-16-1: var(--dt-colors-border-neutral-disabled, #dadbe480);
71
+ ._17bwkb0m-1-18-0 {
72
+ --_17bwkb00-1-18-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
73
+ --_17bwkb01-1-18-0: var(--dt-colors-icon-neutral-disabled, #595a7d80);
74
+ --_17bwkb02-1-18-0: var(--dt-colors-border-neutral-disabled, #dadbe480);
75
75
  }
package/styles/colorUtils.sty.js CHANGED
@@ -24,5 +24,5 @@ __export(colorUtils_css_exports, {
24
24
  module.exports = __toCommonJS(colorUtils_css_exports);
25
25
  var import_colorUtils_css_ts_vanilla = require("./colorUtils.css");
26
26
  var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
27
- var colorUtils = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_17bwkb03-1-16-1", variantClassNames: { color: { critical: "_17bwkb04-1-16-1", neutral: "_17bwkb05-1-16-1", primary: "_17bwkb06-1-16-1", success: "_17bwkb07-1-16-1", warning: "_17bwkb08-1-16-1" }, variant: { "default": "_17bwkb09-1-16-1", accent: "_17bwkb0a-1-16-1" }, disabled: { true: "_17bwkb0b-1-16-1", false: "_17bwkb0c-1-16-1" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_17bwkb0d-1-16-1"], [{ color: "success", variant: "accent" }, "_17bwkb0e-1-16-1"], [{ color: "warning", variant: "accent" }, "_17bwkb0f-1-16-1"], [{ color: "critical", variant: "accent" }, "_17bwkb0g-1-16-1"], [{ color: "neutral", variant: "accent" }, "_17bwkb0h-1-16-1"], [{ color: "primary", disabled: true }, "_17bwkb0i-1-16-1"], [{ color: "success", disabled: true }, "_17bwkb0j-1-16-1"], [{ color: "warning", disabled: true }, "_17bwkb0k-1-16-1"], [{ color: "critical", disabled: true }, "_17bwkb0l-1-16-1"], [{ color: "neutral", disabled: true }, "_17bwkb0m-1-16-1"]] });
28
- var colorUtilsVars = { text: "var(--_17bwkb00-1-16-1)", icon: "var(--_17bwkb01-1-16-1)", borderColor: "var(--_17bwkb02-1-16-1)" };
27
+ var colorUtils = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_17bwkb03-1-18-0", variantClassNames: { color: { critical: "_17bwkb04-1-18-0", neutral: "_17bwkb05-1-18-0", primary: "_17bwkb06-1-18-0", success: "_17bwkb07-1-18-0", warning: "_17bwkb08-1-18-0" }, variant: { "default": "_17bwkb09-1-18-0", accent: "_17bwkb0a-1-18-0" }, disabled: { true: "_17bwkb0b-1-18-0", false: "_17bwkb0c-1-18-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_17bwkb0d-1-18-0"], [{ color: "success", variant: "accent" }, "_17bwkb0e-1-18-0"], [{ color: "warning", variant: "accent" }, "_17bwkb0f-1-18-0"], [{ color: "critical", variant: "accent" }, "_17bwkb0g-1-18-0"], [{ color: "neutral", variant: "accent" }, "_17bwkb0h-1-18-0"], [{ color: "primary", disabled: true }, "_17bwkb0i-1-18-0"], [{ color: "success", disabled: true }, "_17bwkb0j-1-18-0"], [{ color: "warning", disabled: true }, "_17bwkb0k-1-18-0"], [{ color: "critical", disabled: true }, "_17bwkb0l-1-18-0"], [{ color: "neutral", disabled: true }, "_17bwkb0m-1-18-0"]] });
28
+ var colorUtilsVars = { text: "var(--_17bwkb00-1-18-0)", icon: "var(--_17bwkb01-1-18-0)", borderColor: "var(--_17bwkb02-1-18-0)" };
package/styles/container.css CHANGED
@@ -1,64 +1,64 @@
1
- ._6levse4-1-16-1 {
2
- --_6levse0-1-16-1: var(--dt-colors-text-critical-default, #bb0731);
3
- --_6levse1-1-16-1: var(--dt-colors-background-container-critical-default, #f9f1f2);
4
- --_6levse2-1-16-1: var(--dt-colors-border-critical-default, #f6d6d5);
1
+ ._6levse4-1-18-0 {
2
+ --_6levse0-1-18-0: var(--dt-colors-text-critical-default, #bb0731);
3
+ --_6levse1-1-18-0: var(--dt-colors-background-container-critical-default, #f9f1f2);
4
+ --_6levse2-1-18-0: var(--dt-colors-border-critical-default, #f6d6d5);
5
5
  }
6
- ._6levse5-1-16-1 {
7
- --_6levse0-1-16-1: var(--dt-colors-text-neutral-default, #2f2f4f);
8
- --_6levse1-1-16-1: var(--dt-colors-background-container-neutral-default, #f2f2f5);
9
- --_6levse2-1-16-1: var(--dt-colors-border-neutral-default, #dadbe4);
6
+ ._6levse5-1-18-0 {
7
+ --_6levse0-1-18-0: var(--dt-colors-text-neutral-default, #2f2f4f);
8
+ --_6levse1-1-18-0: var(--dt-colors-background-container-neutral-default, #f2f2f5);
9
+ --_6levse2-1-18-0: var(--dt-colors-border-neutral-default, #dadbe4);
10
10
  }
11
- ._6levse6-1-16-1 {
12
- --_6levse0-1-16-1: var(--dt-colors-text-primary-default, #464cce);
13
- --_6levse1-1-16-1: var(--dt-colors-background-container-primary-default, #f1f2f9);
14
- --_6levse2-1-16-1: var(--dt-colors-border-primary-default, #d5dbf6);
11
+ ._6levse6-1-18-0 {
12
+ --_6levse0-1-18-0: var(--dt-colors-text-primary-default, #464cce);
13
+ --_6levse1-1-18-0: var(--dt-colors-background-container-primary-default, #f1f2f9);
14
+ --_6levse2-1-18-0: var(--dt-colors-border-primary-default, #d5dbf6);
15
15
  }
16
- ._6levse7-1-16-1 {
17
- --_6levse0-1-16-1: var(--dt-colors-text-success-default, #2d6761);
18
- --_6levse1-1-16-1: var(--dt-colors-background-container-success-default, #f1f3f3);
19
- --_6levse2-1-16-1: var(--dt-colors-border-success-default, #d3dedd);
16
+ ._6levse7-1-18-0 {
17
+ --_6levse0-1-18-0: var(--dt-colors-text-success-default, #2d6761);
18
+ --_6levse1-1-18-0: var(--dt-colors-background-container-success-default, #f1f3f3);
19
+ --_6levse2-1-18-0: var(--dt-colors-border-success-default, #d3dedd);
20
20
  }
21
- ._6levse8-1-16-1 {
22
- --_6levse0-1-16-1: var(--dt-colors-text-warning-default, #855400);
23
- --_6levse1-1-16-1: var(--dt-colors-background-container-warning-default, #f9f6f3);
24
- --_6levse2-1-16-1: var(--dt-colors-border-warning-default, #f9ebdb);
21
+ ._6levse8-1-18-0 {
22
+ --_6levse0-1-18-0: var(--dt-colors-text-warning-default, #855400);
23
+ --_6levse1-1-18-0: var(--dt-colors-background-container-warning-default, #f9f6f3);
24
+ --_6levse2-1-18-0: var(--dt-colors-border-warning-default, #f9ebdb);
25
25
  }
26
- ._6levse9-1-16-1 {
27
- --_6levse1-1-16-1: transparent;
26
+ ._6levse9-1-18-0 {
27
+ --_6levse1-1-18-0: transparent;
28
28
  background-color: unset;
29
29
  }
30
- ._6levsed-1-16-1 {
31
- --_6levse0-1-16-1: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
32
- --_6levse1-1-16-1: var(--dt-colors-background-container-primary-accent, #474fcf);
30
+ ._6levsed-1-18-0 {
31
+ --_6levse0-1-18-0: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
32
+ --_6levse1-1-18-0: var(--dt-colors-background-container-primary-accent, #474fcf);
33
33
  }
34
- ._6levsee-1-16-1 {
35
- --_6levse0-1-16-1: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
36
- --_6levse1-1-16-1: var(--dt-colors-background-container-success-accent, #2f6862);
34
+ ._6levsee-1-18-0 {
35
+ --_6levse0-1-18-0: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
36
+ --_6levse1-1-18-0: var(--dt-colors-background-container-success-accent, #2f6862);
37
37
  }
38
- ._6levsef-1-16-1 {
39
- --_6levse0-1-16-1: var(--dt-colors-text-warning-on-accent-default, #272024);
40
- --_6levse1-1-16-1: var(--dt-colors-background-container-warning-accent, #eea53c);
38
+ ._6levsef-1-18-0 {
39
+ --_6levse0-1-18-0: var(--dt-colors-text-warning-on-accent-default, #272024);
40
+ --_6levse1-1-18-0: var(--dt-colors-background-container-warning-accent, #eea53c);
41
41
  }
42
- ._6levseg-1-16-1 {
43
- --_6levse0-1-16-1: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
44
- --_6levse1-1-16-1: var(--dt-colors-background-container-critical-accent, #c62239);
42
+ ._6levseg-1-18-0 {
43
+ --_6levse0-1-18-0: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
44
+ --_6levse1-1-18-0: var(--dt-colors-background-container-critical-accent, #c62239);
45
45
  }
46
- ._6levseh-1-16-1 {
47
- --_6levse0-1-16-1: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
48
- --_6levse1-1-16-1: var(--dt-colors-background-container-neutral-accent, #5b5c81);
46
+ ._6levseh-1-18-0 {
47
+ --_6levse0-1-18-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
48
+ --_6levse1-1-18-0: var(--dt-colors-background-container-neutral-accent, #5b5c81);
49
49
  }
50
- ._6levsei-1-16-1 {
51
- --_6levse1-1-16-1: var(--dt-colors-background-container-primary-emphasized, #e9ecf8);
50
+ ._6levsei-1-18-0 {
51
+ --_6levse1-1-18-0: var(--dt-colors-background-container-primary-emphasized, #e9ecf8);
52
52
  }
53
- ._6levsej-1-16-1 {
54
- --_6levse1-1-16-1: var(--dt-colors-background-container-success-emphasized, #e8eded);
53
+ ._6levsej-1-18-0 {
54
+ --_6levse1-1-18-0: var(--dt-colors-background-container-success-emphasized, #e8eded);
55
55
  }
56
- ._6levsek-1-16-1 {
57
- --_6levse1-1-16-1: var(--dt-colors-background-container-warning-emphasized, #f9f3ec);
56
+ ._6levsek-1-18-0 {
57
+ --_6levse1-1-18-0: var(--dt-colors-background-container-warning-emphasized, #f9f3ec);
58
58
  }
59
- ._6levsel-1-16-1 {
60
- --_6levse1-1-16-1: var(--dt-colors-background-container-critical-emphasized, #f8e9e9);
59
+ ._6levsel-1-18-0 {
60
+ --_6levse1-1-18-0: var(--dt-colors-background-container-critical-emphasized, #f8e9e9);
61
61
  }
62
- ._6levsem-1-16-1 {
63
- --_6levse1-1-16-1: var(--dt-colors-background-container-neutral-emphasized, #ebecf0);
62
+ ._6levsem-1-18-0 {
63
+ --_6levse1-1-18-0: var(--dt-colors-background-container-neutral-emphasized, #ebecf0);
64
64
  }
package/styles/container.sty.js CHANGED
@@ -24,5 +24,5 @@ __export(container_css_exports, {
24
24
  module.exports = __toCommonJS(container_css_exports);
25
25
  var import_container_css_ts_vanilla = require("./container.css");
26
26
  var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
27
- var containerColorVars = { text: "var(--_6levse0-1-16-1)", background: "var(--_6levse1-1-16-1)", borderColor: "var(--_6levse2-1-16-1)" };
28
- var containerColorsCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_6levse3-1-16-1", variantClassNames: { color: { critical: "_6levse4-1-16-1", neutral: "_6levse5-1-16-1", primary: "_6levse6-1-16-1", success: "_6levse7-1-16-1", warning: "_6levse8-1-16-1" }, variant: { minimal: "_6levse9-1-16-1", "default": "_6levsea-1-16-1", emphasized: "_6levseb-1-16-1", accent: "_6levsec-1-16-1" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_6levsed-1-16-1"], [{ color: "success", variant: "accent" }, "_6levsee-1-16-1"], [{ color: "warning", variant: "accent" }, "_6levsef-1-16-1"], [{ color: "critical", variant: "accent" }, "_6levseg-1-16-1"], [{ color: "neutral", variant: "accent" }, "_6levseh-1-16-1"], [{ color: "primary", variant: "emphasized" }, "_6levsei-1-16-1"], [{ color: "success", variant: "emphasized" }, "_6levsej-1-16-1"], [{ color: "warning", variant: "emphasized" }, "_6levsek-1-16-1"], [{ color: "critical", variant: "emphasized" }, "_6levsel-1-16-1"], [{ color: "neutral", variant: "emphasized" }, "_6levsem-1-16-1"]] });
27
+ var containerColorVars = { text: "var(--_6levse0-1-18-0)", background: "var(--_6levse1-1-18-0)", borderColor: "var(--_6levse2-1-18-0)" };
28
+ var containerColorsCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_6levse3-1-18-0", variantClassNames: { color: { critical: "_6levse4-1-18-0", neutral: "_6levse5-1-18-0", primary: "_6levse6-1-18-0", success: "_6levse7-1-18-0", warning: "_6levse8-1-18-0" }, variant: { minimal: "_6levse9-1-18-0", "default": "_6levsea-1-18-0", emphasized: "_6levseb-1-18-0", accent: "_6levsec-1-18-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_6levsed-1-18-0"], [{ color: "success", variant: "accent" }, "_6levsee-1-18-0"], [{ color: "warning", variant: "accent" }, "_6levsef-1-18-0"], [{ color: "critical", variant: "accent" }, "_6levseg-1-18-0"], [{ color: "neutral", variant: "accent" }, "_6levseh-1-18-0"], [{ color: "primary", variant: "emphasized" }, "_6levsei-1-18-0"], [{ color: "success", variant: "emphasized" }, "_6levsej-1-18-0"], [{ color: "warning", variant: "emphasized" }, "_6levsek-1-18-0"], [{ color: "critical", variant: "emphasized" }, "_6levsel-1-18-0"], [{ color: "neutral", variant: "emphasized" }, "_6levsem-1-18-0"]] });
package/styles/ellipsis.css CHANGED
@@ -1,4 +1,4 @@
1
- ._oqqp1n0-1-16-1 {
1
+ ._oqqp1n0-1-18-0 {
2
2
  white-space: nowrap;
3
3
  overflow: hidden;
4
4
  text-overflow: ellipsis;
package/styles/ellipsis.sty.js CHANGED
@@ -22,4 +22,4 @@ __export(ellipsis_css_exports, {
22
22
  });
23
23
  module.exports = __toCommonJS(ellipsis_css_exports);
24
24
  var import_ellipsis_css_ts_vanilla = require("./ellipsis.css");
25
- var ellipsis = "_oqqp1n0-1-16-1";
25
+ var ellipsis = "_oqqp1n0-1-18-0";