@dynatrace/strato-components 0.85.41 → 0.85.60

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 (187) hide show
  1. package/buttons/button/Button.css +17 -17
  2. package/buttons/button/Button.sty.js +4 -4
  3. package/buttons/button/utils/focus-without-scrolling.js +1 -1
  4. package/content/progress/ProgressBar.css +14 -14
  5. package/content/progress/ProgressBar.sty.js +2 -2
  6. package/content/progress/ProgressBarIcon.css +2 -2
  7. package/content/progress/ProgressBarIcon.sty.js +1 -1
  8. package/content/progress/ProgressBarLabel.css +4 -4
  9. package/content/progress/ProgressBarLabel.sty.js +1 -1
  10. package/content/progress/ProgressBarValue.css +9 -9
  11. package/content/progress/ProgressBarValue.sty.js +1 -1
  12. package/content/progress/ProgressCircle.css +16 -16
  13. package/content/progress/ProgressCircle.sty.d.ts +1 -1
  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.js +1 -1
  18. package/core/index.d.ts +1 -0
  19. package/core/index.js +2 -0
  20. package/core/styles/focusRing.css +76 -76
  21. package/core/styles/focusRing.sty.js +2 -2
  22. package/core/utils/_is-string-children.d.ts +1 -1
  23. package/core/utils/colorUtils.css +64 -64
  24. package/core/utils/colorUtils.sty.js +2 -2
  25. package/core/utils/focus-management/attempt-focus.js +1 -1
  26. package/esm/buttons/button/Button.css +17 -17
  27. package/esm/buttons/button/Button.js.map +1 -1
  28. package/esm/buttons/button/Button.sty.js +4 -4
  29. package/esm/buttons/button/Button.sty.js.map +2 -2
  30. package/esm/buttons/button/utils/focus-without-scrolling.js +1 -1
  31. package/esm/buttons/button/utils/focus-without-scrolling.js.map +2 -2
  32. package/esm/content/progress/ProgressBar.css +14 -14
  33. package/esm/content/progress/ProgressBar.sty.js +2 -2
  34. package/esm/content/progress/ProgressBar.sty.js.map +2 -2
  35. package/esm/content/progress/ProgressBarIcon.css +2 -2
  36. package/esm/content/progress/ProgressBarIcon.sty.js +1 -1
  37. package/esm/content/progress/ProgressBarIcon.sty.js.map +1 -1
  38. package/esm/content/progress/ProgressBarLabel.css +4 -4
  39. package/esm/content/progress/ProgressBarLabel.sty.js +1 -1
  40. package/esm/content/progress/ProgressBarLabel.sty.js.map +2 -2
  41. package/esm/content/progress/ProgressBarValue.css +9 -9
  42. package/esm/content/progress/ProgressBarValue.sty.js +1 -1
  43. package/esm/content/progress/ProgressBarValue.sty.js.map +2 -2
  44. package/esm/content/progress/ProgressCircle.css +16 -16
  45. package/esm/content/progress/ProgressCircle.sty.js +6 -6
  46. package/esm/content/progress/ProgressCircle.sty.js.map +2 -2
  47. package/esm/content/skeleton/Skeleton.css +6 -6
  48. package/esm/content/skeleton/Skeleton.sty.js +1 -1
  49. package/esm/content/skeleton/Skeleton.sty.js.map +2 -2
  50. package/esm/core/components/app-root/AppRoot.js +1 -1
  51. package/esm/core/components/app-root/AppRoot.js.map +2 -2
  52. package/esm/core/index.js +2 -0
  53. package/esm/core/index.js.map +2 -2
  54. package/esm/core/styles/focusRing.css +76 -76
  55. package/esm/core/styles/focusRing.sty.js +2 -2
  56. package/esm/core/styles/focusRing.sty.js.map +2 -2
  57. package/esm/core/utils/_is-string-children.js.map +2 -2
  58. package/esm/core/utils/colorUtils.css +64 -64
  59. package/esm/core/utils/colorUtils.sty.js +2 -2
  60. package/esm/core/utils/colorUtils.sty.js.map +2 -2
  61. package/esm/core/utils/focus-management/attempt-focus.js +1 -1
  62. package/esm/core/utils/focus-management/attempt-focus.js.map +2 -2
  63. package/esm/core/utils/merge-props.js.map +1 -1
  64. package/esm/layouts/container/Container.css +4 -4
  65. package/esm/layouts/container/Container.sty.js +1 -1
  66. package/esm/layouts/container/Container.sty.js.map +1 -1
  67. package/esm/layouts/divider/Divider.css +6 -6
  68. package/esm/layouts/divider/Divider.sty.js +1 -1
  69. package/esm/layouts/divider/Divider.sty.js.map +2 -2
  70. package/esm/layouts/input-group/InputGroup.css +6 -2
  71. package/esm/layouts/input-group/InputGroup.sty.js +2 -2
  72. package/esm/layouts/input-group/InputGroup.sty.js.map +1 -1
  73. package/esm/layouts/surface/Surface.css +39 -39
  74. package/esm/layouts/surface/Surface.sty.js +2 -2
  75. package/esm/layouts/surface/Surface.sty.js.map +2 -2
  76. package/esm/layouts/surface/variables.sty.js +1 -1
  77. package/esm/layouts/surface/variables.sty.js.map +1 -1
  78. package/esm/styles/colorUtils.css +64 -64
  79. package/esm/styles/colorUtils.sty.js +2 -2
  80. package/esm/styles/colorUtils.sty.js.map +2 -2
  81. package/esm/styles/container.css +48 -48
  82. package/esm/styles/container.sty.js +2 -2
  83. package/esm/styles/container.sty.js.map +2 -2
  84. package/esm/styles/ellipsis.css +1 -1
  85. package/esm/styles/ellipsis.sty.js +1 -1
  86. package/esm/styles/ellipsis.sty.js.map +1 -1
  87. package/esm/styles/field.css +153 -153
  88. package/esm/styles/field.sty.js +2 -2
  89. package/esm/styles/field.sty.js.map +2 -2
  90. package/esm/styles/sprinkles.css +262 -262
  91. package/esm/styles/sprinkles.sty.js +1 -1
  92. package/esm/styles/sprinkles.sty.js.map +2 -2
  93. package/esm/styles/textStyle.css +8 -8
  94. package/esm/styles/textStyle.sty.js +1 -1
  95. package/esm/styles/textStyle.sty.js.map +2 -2
  96. package/esm/typography/block-quote/Blockquote.css +2 -2
  97. package/esm/typography/block-quote/Blockquote.sty.js +1 -1
  98. package/esm/typography/block-quote/Blockquote.sty.js.map +1 -1
  99. package/esm/typography/code/Code.css +1 -1
  100. package/esm/typography/code/Code.sty.js +1 -1
  101. package/esm/typography/code/Code.sty.js.map +1 -1
  102. package/esm/typography/emphasis/Emphasis.css +1 -1
  103. package/esm/typography/emphasis/Emphasis.sty.js +1 -1
  104. package/esm/typography/emphasis/Emphasis.sty.js.map +1 -1
  105. package/esm/typography/external-link/ExternalLink.css +6 -6
  106. package/esm/typography/external-link/ExternalLink.sty.js +1 -1
  107. package/esm/typography/external-link/ExternalLink.sty.js.map +1 -1
  108. package/esm/typography/heading/Heading.css +8 -8
  109. package/esm/typography/heading/Heading.js.map +2 -2
  110. package/esm/typography/heading/Heading.sty.js +1 -1
  111. package/esm/typography/heading/Heading.sty.js.map +2 -2
  112. package/esm/typography/highlight/Highlight.css +1 -1
  113. package/esm/typography/highlight/Highlight.sty.js +1 -1
  114. package/esm/typography/highlight/Highlight.sty.js.map +1 -1
  115. package/esm/typography/link/Link.css +4 -4
  116. package/esm/typography/link/Link.sty.js +1 -1
  117. package/esm/typography/link/Link.sty.js.map +1 -1
  118. package/esm/typography/list/List.css +4 -4
  119. package/esm/typography/list/List.js +1 -1
  120. package/esm/typography/list/List.js.map +1 -1
  121. package/esm/typography/list/List.sty.js +2 -2
  122. package/esm/typography/list/List.sty.js.map +1 -1
  123. package/esm/typography/paragraph/Paragraph.css +4 -4
  124. package/esm/typography/paragraph/Paragraph.sty.js +1 -1
  125. package/esm/typography/paragraph/Paragraph.sty.js.map +2 -2
  126. package/esm/typography/strikethrough/Strikethrough.css +1 -1
  127. package/esm/typography/strikethrough/Strikethrough.sty.js +1 -1
  128. package/esm/typography/strikethrough/Strikethrough.sty.js.map +1 -1
  129. package/esm/typography/strong/Strong.css +1 -1
  130. package/esm/typography/strong/Strong.sty.js +1 -1
  131. package/esm/typography/strong/Strong.sty.js.map +1 -1
  132. package/esm/typography/text/Text.css +3 -3
  133. package/esm/typography/text/Text.sty.js +1 -1
  134. package/esm/typography/text/Text.sty.js.map +2 -2
  135. package/esm/typography/text-ellipsis/TextEllipsis.css +4 -4
  136. package/esm/typography/text-ellipsis/TextEllipsis.sty.js +1 -1
  137. package/esm/typography/text-ellipsis/TextEllipsis.sty.js.map +2 -2
  138. package/layouts/container/Container.css +4 -4
  139. package/layouts/container/Container.sty.js +1 -1
  140. package/layouts/divider/Divider.css +6 -6
  141. package/layouts/divider/Divider.sty.js +1 -1
  142. package/layouts/input-group/InputGroup.css +6 -2
  143. package/layouts/input-group/InputGroup.sty.js +2 -2
  144. package/layouts/surface/Surface.css +39 -39
  145. package/layouts/surface/Surface.sty.js +2 -2
  146. package/layouts/surface/variables.sty.js +1 -1
  147. package/package.json +3 -3
  148. package/styles/colorUtils.css +64 -64
  149. package/styles/colorUtils.sty.js +2 -2
  150. package/styles/container.css +48 -48
  151. package/styles/container.sty.d.ts +1 -1
  152. package/styles/container.sty.js +2 -2
  153. package/styles/ellipsis.css +1 -1
  154. package/styles/ellipsis.sty.js +1 -1
  155. package/styles/field.css +153 -153
  156. package/styles/field.sty.js +2 -2
  157. package/styles/sprinkles.css +262 -262
  158. package/styles/sprinkles.sty.js +1 -1
  159. package/styles/textStyle.css +8 -8
  160. package/styles/textStyle.sty.js +1 -1
  161. package/typography/block-quote/Blockquote.css +2 -2
  162. package/typography/block-quote/Blockquote.sty.js +1 -1
  163. package/typography/code/Code.css +1 -1
  164. package/typography/code/Code.sty.js +1 -1
  165. package/typography/emphasis/Emphasis.css +1 -1
  166. package/typography/emphasis/Emphasis.sty.js +1 -1
  167. package/typography/external-link/ExternalLink.css +6 -6
  168. package/typography/external-link/ExternalLink.sty.js +1 -1
  169. package/typography/heading/Heading.css +8 -8
  170. package/typography/heading/Heading.sty.js +1 -1
  171. package/typography/highlight/Highlight.css +1 -1
  172. package/typography/highlight/Highlight.sty.js +1 -1
  173. package/typography/link/Link.css +4 -4
  174. package/typography/link/Link.sty.js +1 -1
  175. package/typography/list/List.css +4 -4
  176. package/typography/list/List.js +1 -1
  177. package/typography/list/List.sty.js +2 -2
  178. package/typography/paragraph/Paragraph.css +4 -4
  179. package/typography/paragraph/Paragraph.sty.js +1 -1
  180. package/typography/strikethrough/Strikethrough.css +1 -1
  181. package/typography/strikethrough/Strikethrough.sty.js +1 -1
  182. package/typography/strong/Strong.css +1 -1
  183. package/typography/strong/Strong.sty.js +1 -1
  184. package/typography/text/Text.css +3 -3
  185. package/typography/text/Text.sty.js +1 -1
  186. package/typography/text-ellipsis/TextEllipsis.css +4 -4
  187. package/typography/text-ellipsis/TextEllipsis.sty.js +1 -1
@@ -1,80 +1,80 @@
1
- .colorUtils_colorUtilsCSS_color_critical__17bwkb04 {
2
- --vars_text__17bwkb00: var(--dt-colors-text-critical-default, #b80031);
3
- --vars_icon__17bwkb01: var(--dt-colors-icon-critical-default, #b80031);
4
- --vars_borderColor__17bwkb02: var(--dt-colors-border-critical-default, #f1cdcf);
1
+ ._17bwkb04 {
2
+ --_17bwkb00: var(--dt-colors-text-critical-default, #b80031);
3
+ --_17bwkb01: var(--dt-colors-icon-critical-default, #b80031);
4
+ --_17bwkb02: var(--dt-colors-border-critical-default, #f1cdcf);
5
5
  }
6
- .colorUtils_colorUtilsCSS_color_neutral__17bwkb05 {
7
- --vars_text__17bwkb00: var(--dt-colors-text-neutral-default, #2b2a58);
8
- --vars_icon__17bwkb01: var(--dt-colors-icon-neutral-default, #2b2a58);
9
- --vars_borderColor__17bwkb02: var(--dt-colors-border-neutral-default, #d2d3e1);
6
+ ._17bwkb05 {
7
+ --_17bwkb00: var(--dt-colors-text-neutral-default, #2b2a58);
8
+ --_17bwkb01: var(--dt-colors-icon-neutral-default, #2b2a58);
9
+ --_17bwkb02: var(--dt-colors-border-neutral-default, #d2d3e1);
10
10
  }
11
- .colorUtils_colorUtilsCSS_color_primary__17bwkb06 {
12
- --vars_text__17bwkb00: var(--dt-colors-text-primary-default, #454cc9);
13
- --vars_icon__17bwkb01: var(--dt-colors-icon-primary-default, #454cc9);
14
- --vars_borderColor__17bwkb02: var(--dt-colors-border-primary-default, #ccd3f3);
11
+ ._17bwkb06 {
12
+ --_17bwkb00: var(--dt-colors-text-primary-default, #454cc9);
13
+ --_17bwkb01: var(--dt-colors-icon-primary-default, #454cc9);
14
+ --_17bwkb02: var(--dt-colors-border-primary-default, #ccd3f3);
15
15
  }
16
- .colorUtils_colorUtilsCSS_color_success__17bwkb07 {
17
- --vars_text__17bwkb00: var(--dt-colors-text-success-default, #2c6360);
18
- --vars_icon__17bwkb01: var(--dt-colors-icon-success-default, #2c6360);
19
- --vars_borderColor__17bwkb02: var(--dt-colors-border-success-default, #cad6d7);
16
+ ._17bwkb07 {
17
+ --_17bwkb00: var(--dt-colors-text-success-default, #2c6360);
18
+ --_17bwkb01: var(--dt-colors-icon-success-default, #2c6360);
19
+ --_17bwkb02: var(--dt-colors-border-success-default, #cad6d7);
20
20
  }
21
- .colorUtils_colorUtilsCSS_color_warning__17bwkb08 {
22
- --vars_text__17bwkb00: var(--dt-colors-text-warning-default, #805100);
23
- --vars_icon__17bwkb01: var(--dt-colors-icon-warning-default, #805100);
24
- --vars_borderColor__17bwkb02: var(--dt-colors-border-warning-default, #f4e5d5);
21
+ ._17bwkb08 {
22
+ --_17bwkb00: var(--dt-colors-text-warning-default, #805100);
23
+ --_17bwkb01: var(--dt-colors-icon-warning-default, #805100);
24
+ --_17bwkb02: var(--dt-colors-border-warning-default, #f4e5d5);
25
25
  }
26
- .colorUtils_colorUtilsCSS_color_onAccent__17bwkb09 {
27
- --vars_text__17bwkb00: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
28
- --vars_icon__17bwkb01: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
29
- --vars_borderColor__17bwkb02: var(--dt-colors-border-neutral-on-accent-default, #f3f3f6);
26
+ ._17bwkb09 {
27
+ --_17bwkb00: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
28
+ --_17bwkb01: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
29
+ --_17bwkb02: var(--dt-colors-border-neutral-on-accent-default, #f3f3f6);
30
30
  }
31
- .colorUtils_colorUtilsCSS_compound_0__17bwkb0e {
32
- --vars_text__17bwkb00: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
33
- --vars_icon__17bwkb01: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
34
- --vars_borderColor__17bwkb02: var(--dt-colors-border-primary-accent, #454cc9);
31
+ ._17bwkb0e {
32
+ --_17bwkb00: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
33
+ --_17bwkb01: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
34
+ --_17bwkb02: var(--dt-colors-border-primary-accent, #454cc9);
35
35
  }
36
- .colorUtils_colorUtilsCSS_compound_1__17bwkb0f {
37
- --vars_text__17bwkb00: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
38
- --vars_icon__17bwkb01: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
39
- --vars_borderColor__17bwkb02: var(--dt-colors-border-success-accent, #2c6360);
36
+ ._17bwkb0f {
37
+ --_17bwkb00: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
38
+ --_17bwkb01: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
39
+ --_17bwkb02: var(--dt-colors-border-success-accent, #2c6360);
40
40
  }
41
- .colorUtils_colorUtilsCSS_compound_2__17bwkb0g {
42
- --vars_text__17bwkb00: var(--dt-colors-text-warning-on-accent-default, #272025);
43
- --vars_icon__17bwkb01: var(--dt-colors-icon-warning-on-accent-default, #272025);
44
- --vars_borderColor__17bwkb02: var(--dt-colors-border-warning-accent, #805100);
41
+ ._17bwkb0g {
42
+ --_17bwkb00: var(--dt-colors-text-warning-on-accent-default, #272025);
43
+ --_17bwkb01: var(--dt-colors-icon-warning-on-accent-default, #272025);
44
+ --_17bwkb02: var(--dt-colors-border-warning-accent, #805100);
45
45
  }
46
- .colorUtils_colorUtilsCSS_compound_3__17bwkb0h {
47
- --vars_text__17bwkb00: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
48
- --vars_icon__17bwkb01: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
49
- --vars_borderColor__17bwkb02: var(--dt-colors-border-critical-accent, #b80031);
46
+ ._17bwkb0h {
47
+ --_17bwkb00: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
48
+ --_17bwkb01: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
49
+ --_17bwkb02: var(--dt-colors-border-critical-accent, #b80031);
50
50
  }
51
- .colorUtils_colorUtilsCSS_compound_4__17bwkb0i {
52
- --vars_text__17bwkb00: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
53
- --vars_icon__17bwkb01: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
54
- --vars_borderColor__17bwkb02: var(--dt-colors-border-neutral-accent, #545587);
51
+ ._17bwkb0i {
52
+ --_17bwkb00: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
53
+ --_17bwkb01: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
54
+ --_17bwkb02: var(--dt-colors-border-neutral-accent, #545587);
55
55
  }
56
- .colorUtils_colorUtilsCSS_compound_5__17bwkb0j {
57
- --vars_text__17bwkb00: var(--dt-colors-text-primary-disabled, #54558780);
58
- --vars_icon__17bwkb01: var(--dt-colors-icon-primary-disabled, #54558780);
59
- --vars_borderColor__17bwkb02: var(--dt-colors-border-primary-disabled, #d2d3e180);
56
+ ._17bwkb0j {
57
+ --_17bwkb00: var(--dt-colors-text-primary-disabled, #54558780);
58
+ --_17bwkb01: var(--dt-colors-icon-primary-disabled, #54558780);
59
+ --_17bwkb02: var(--dt-colors-border-primary-disabled, #d2d3e180);
60
60
  }
61
- .colorUtils_colorUtilsCSS_compound_6__17bwkb0k {
62
- --vars_text__17bwkb00: var(--dt-colors-text-success-disabled, #54558780);
63
- --vars_icon__17bwkb01: var(--dt-colors-icon-success-disabled, #54558780);
64
- --vars_borderColor__17bwkb02: var(--dt-colors-border-success-disabled, #d2d3e180);
61
+ ._17bwkb0k {
62
+ --_17bwkb00: var(--dt-colors-text-success-disabled, #54558780);
63
+ --_17bwkb01: var(--dt-colors-icon-success-disabled, #54558780);
64
+ --_17bwkb02: var(--dt-colors-border-success-disabled, #d2d3e180);
65
65
  }
66
- .colorUtils_colorUtilsCSS_compound_7__17bwkb0l {
67
- --vars_text__17bwkb00: var(--dt-colors-text-warning-disabled, #54558780);
68
- --vars_icon__17bwkb01: var(--dt-colors-icon-warning-disabled, #54558780);
69
- --vars_borderColor__17bwkb02: var(--dt-colors-border-warning-disabled, #d2d3e180);
66
+ ._17bwkb0l {
67
+ --_17bwkb00: var(--dt-colors-text-warning-disabled, #54558780);
68
+ --_17bwkb01: var(--dt-colors-icon-warning-disabled, #54558780);
69
+ --_17bwkb02: var(--dt-colors-border-warning-disabled, #d2d3e180);
70
70
  }
71
- .colorUtils_colorUtilsCSS_compound_8__17bwkb0m {
72
- --vars_text__17bwkb00: var(--dt-colors-text-critical-disabled, #54558780);
73
- --vars_icon__17bwkb01: var(--dt-colors-icon-critical-disabled, #54558780);
74
- --vars_borderColor__17bwkb02: var(--dt-colors-border-critical-disabled, #d2d3e180);
71
+ ._17bwkb0m {
72
+ --_17bwkb00: var(--dt-colors-text-critical-disabled, #54558780);
73
+ --_17bwkb01: var(--dt-colors-icon-critical-disabled, #54558780);
74
+ --_17bwkb02: var(--dt-colors-border-critical-disabled, #d2d3e180);
75
75
  }
76
- .colorUtils_colorUtilsCSS_compound_9__17bwkb0n {
77
- --vars_text__17bwkb00: var(--dt-colors-text-neutral-disabled, #54558780);
78
- --vars_icon__17bwkb01: var(--dt-colors-icon-neutral-disabled, #54558780);
79
- --vars_borderColor__17bwkb02: var(--dt-colors-border-neutral-disabled, #d2d3e180);
76
+ ._17bwkb0n {
77
+ --_17bwkb00: var(--dt-colors-text-neutral-disabled, #54558780);
78
+ --_17bwkb01: var(--dt-colors-icon-neutral-disabled, #54558780);
79
+ --_17bwkb02: var(--dt-colors-border-neutral-disabled, #d2d3e180);
80
80
  }
@@ -23,5 +23,5 @@ __export(colorUtils_css_exports, {
23
23
  module.exports = __toCommonJS(colorUtils_css_exports);
24
24
  var import_colorUtils_css_ts_vanilla = require("./colorUtils.css");
25
25
  var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
26
- var colorUtilsCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "colorUtils__17bwkb03", variantClassNames: { color: { critical: "colorUtils_colorUtilsCSS_color_critical__17bwkb04", neutral: "colorUtils_colorUtilsCSS_color_neutral__17bwkb05", primary: "colorUtils_colorUtilsCSS_color_primary__17bwkb06", success: "colorUtils_colorUtilsCSS_color_success__17bwkb07", warning: "colorUtils_colorUtilsCSS_color_warning__17bwkb08", onAccent: "colorUtils_colorUtilsCSS_color_onAccent__17bwkb09" }, variant: { "default": "colorUtils_colorUtilsCSS_variant_default__17bwkb0a", accent: "colorUtils_colorUtilsCSS_variant_accent__17bwkb0b" }, disabled: { true: "colorUtils_colorUtilsCSS_disabled_true__17bwkb0c", false: "colorUtils_colorUtilsCSS_disabled_false__17bwkb0d" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "colorUtils_colorUtilsCSS_compound_0__17bwkb0e"], [{ color: "success", variant: "accent" }, "colorUtils_colorUtilsCSS_compound_1__17bwkb0f"], [{ color: "warning", variant: "accent" }, "colorUtils_colorUtilsCSS_compound_2__17bwkb0g"], [{ color: "critical", variant: "accent" }, "colorUtils_colorUtilsCSS_compound_3__17bwkb0h"], [{ color: "neutral", variant: "accent" }, "colorUtils_colorUtilsCSS_compound_4__17bwkb0i"], [{ color: "primary", disabled: true }, "colorUtils_colorUtilsCSS_compound_5__17bwkb0j"], [{ color: "success", disabled: true }, "colorUtils_colorUtilsCSS_compound_6__17bwkb0k"], [{ color: "warning", disabled: true }, "colorUtils_colorUtilsCSS_compound_7__17bwkb0l"], [{ color: "critical", disabled: true }, "colorUtils_colorUtilsCSS_compound_8__17bwkb0m"], [{ color: "neutral", disabled: true }, "colorUtils_colorUtilsCSS_compound_9__17bwkb0n"]] });
27
- var colorUtilsVars = { text: "var(--vars_text__17bwkb00)", icon: "var(--vars_icon__17bwkb01)", borderColor: "var(--vars_borderColor__17bwkb02)" };
26
+ var colorUtilsCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_17bwkb03", variantClassNames: { color: { critical: "_17bwkb04", neutral: "_17bwkb05", primary: "_17bwkb06", success: "_17bwkb07", warning: "_17bwkb08", onAccent: "_17bwkb09" }, variant: { "default": "_17bwkb0a", accent: "_17bwkb0b" }, disabled: { true: "_17bwkb0c", false: "_17bwkb0d" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_17bwkb0e"], [{ color: "success", variant: "accent" }, "_17bwkb0f"], [{ color: "warning", variant: "accent" }, "_17bwkb0g"], [{ color: "critical", variant: "accent" }, "_17bwkb0h"], [{ color: "neutral", variant: "accent" }, "_17bwkb0i"], [{ color: "primary", disabled: true }, "_17bwkb0j"], [{ color: "success", disabled: true }, "_17bwkb0k"], [{ color: "warning", disabled: true }, "_17bwkb0l"], [{ color: "critical", disabled: true }, "_17bwkb0m"], [{ color: "neutral", disabled: true }, "_17bwkb0n"]] });
27
+ var colorUtilsVars = { text: "var(--_17bwkb00)", icon: "var(--_17bwkb01)", borderColor: "var(--_17bwkb02)" };
@@ -1,64 +1,64 @@
1
- .container_containerColorsCSS_color_critical__6levse4 {
2
- --vars_text__6levse0: var(--dt-colors-text-critical-default, #b80031);
3
- --vars_background__6levse1: var(--dt-colors-background-container-critical-default, #f3eaed);
4
- --vars_borderColor__6levse2: var(--dt-colors-border-critical-default, #f1cdcf);
1
+ ._6levse4 {
2
+ --_6levse0: var(--dt-colors-text-critical-default, #b80031);
3
+ --_6levse1: var(--dt-colors-background-container-critical-default, #f3eaed);
4
+ --_6levse2: var(--dt-colors-border-critical-default, #f1cdcf);
5
5
  }
6
- .container_containerColorsCSS_color_neutral__6levse5 {
7
- --vars_text__6levse0: var(--dt-colors-text-neutral-default, #2b2a58);
8
- --vars_background__6levse1: var(--dt-colors-background-container-neutral-default, #ebebf2);
9
- --vars_borderColor__6levse2: var(--dt-colors-border-neutral-default, #d2d3e1);
6
+ ._6levse5 {
7
+ --_6levse0: var(--dt-colors-text-neutral-default, #2b2a58);
8
+ --_6levse1: var(--dt-colors-background-container-neutral-default, #ebebf2);
9
+ --_6levse2: var(--dt-colors-border-neutral-default, #d2d3e1);
10
10
  }
11
- .container_containerColorsCSS_color_primary__6levse6 {
12
- --vars_text__6levse0: var(--dt-colors-text-primary-default, #454cc9);
13
- --vars_background__6levse1: var(--dt-colors-background-container-primary-default, #e9ebf6);
14
- --vars_borderColor__6levse2: var(--dt-colors-border-primary-default, #ccd3f3);
11
+ ._6levse6 {
12
+ --_6levse0: var(--dt-colors-text-primary-default, #454cc9);
13
+ --_6levse1: var(--dt-colors-background-container-primary-default, #e9ebf6);
14
+ --_6levse2: var(--dt-colors-border-primary-default, #ccd3f3);
15
15
  }
16
- .container_containerColorsCSS_color_success__6levse7 {
17
- --vars_text__6levse0: var(--dt-colors-text-success-default, #2c6360);
18
- --vars_background__6levse1: var(--dt-colors-background-container-success-default, #e9ecef);
19
- --vars_borderColor__6levse2: var(--dt-colors-border-success-default, #cad6d7);
16
+ ._6levse7 {
17
+ --_6levse0: var(--dt-colors-text-success-default, #2c6360);
18
+ --_6levse1: var(--dt-colors-background-container-success-default, #e9ecef);
19
+ --_6levse2: var(--dt-colors-border-success-default, #cad6d7);
20
20
  }
21
- .container_containerColorsCSS_color_warning__6levse8 {
22
- --vars_text__6levse0: var(--dt-colors-text-warning-default, #805100);
23
- --vars_background__6levse1: var(--dt-colors-background-container-warning-default, #f3efef);
24
- --vars_borderColor__6levse2: var(--dt-colors-border-warning-default, #f4e5d5);
21
+ ._6levse8 {
22
+ --_6levse0: var(--dt-colors-text-warning-default, #805100);
23
+ --_6levse1: var(--dt-colors-background-container-warning-default, #f3efef);
24
+ --_6levse2: var(--dt-colors-border-warning-default, #f4e5d5);
25
25
  }
26
- .container_containerColorsCSS_variant_minimal__6levse9 {
27
- --vars_background__6levse1: transparent;
28
- background-color: none;
26
+ ._6levse9 {
27
+ --_6levse1: transparent;
28
+ background-color: unset;
29
29
  }
30
- .container_containerColorsCSS_compound_0__6levsed {
31
- --vars_text__6levse0: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
32
- --vars_background__6levse1: var(--dt-colors-background-container-primary-accent, #474ecf);
30
+ ._6levsed {
31
+ --_6levse0: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
32
+ --_6levse1: var(--dt-colors-background-container-primary-accent, #474ecf);
33
33
  }
34
- .container_containerColorsCSS_compound_1__6levsee {
35
- --vars_text__6levse0: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
36
- --vars_background__6levse1: var(--dt-colors-background-container-success-accent, #2f6863);
34
+ ._6levsee {
35
+ --_6levse0: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
36
+ --_6levse1: var(--dt-colors-background-container-success-accent, #2f6863);
37
37
  }
38
- .container_containerColorsCSS_compound_2__6levsef {
39
- --vars_text__6levse0: var(--dt-colors-text-warning-on-accent-default, #272025);
40
- --vars_background__6levse1: var(--dt-colors-background-container-warning-accent, #eca440);
38
+ ._6levsef {
39
+ --_6levse0: var(--dt-colors-text-warning-on-accent-default, #272025);
40
+ --_6levse1: var(--dt-colors-background-container-warning-accent, #eca440);
41
41
  }
42
- .container_containerColorsCSS_compound_3__6levseg {
43
- --vars_text__6levse0: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
44
- --vars_background__6levse1: var(--dt-colors-background-container-critical-accent, #c4233b);
42
+ ._6levseg {
43
+ --_6levse0: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
44
+ --_6levse1: var(--dt-colors-background-container-critical-accent, #c4233b);
45
45
  }
46
- .container_containerColorsCSS_compound_4__6levseh {
47
- --vars_text__6levse0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
48
- --vars_background__6levse1: var(--dt-colors-background-container-neutral-accent, #5a5b8c);
46
+ ._6levseh {
47
+ --_6levse0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
48
+ --_6levse1: var(--dt-colors-background-container-neutral-accent, #5a5b8c);
49
49
  }
50
- .container_containerColorsCSS_compound_5__6levsei {
51
- --vars_background__6levse1: var(--dt-colors-background-container-primary-emphasized, #dfe3f5);
50
+ ._6levsei {
51
+ --_6levse1: var(--dt-colors-background-container-primary-emphasized, #dfe3f5);
52
52
  }
53
- .container_containerColorsCSS_compound_6__6levsej {
54
- --vars_background__6levse1: var(--dt-colors-background-container-success-emphasized, #dfe4e7);
53
+ ._6levsej {
54
+ --_6levse1: var(--dt-colors-background-container-success-emphasized, #dfe4e7);
55
55
  }
56
- .container_containerColorsCSS_compound_7__6levsek {
57
- --vars_background__6levse1: var(--dt-colors-background-container-warning-emphasized, #f4ece6);
56
+ ._6levsek {
57
+ --_6levse1: var(--dt-colors-background-container-warning-emphasized, #f4ece6);
58
58
  }
59
- .container_containerColorsCSS_compound_8__6levsel {
60
- --vars_background__6levse1: var(--dt-colors-background-container-critical-emphasized, #f3e0e3);
59
+ ._6levsel {
60
+ --_6levse1: var(--dt-colors-background-container-critical-emphasized, #f3e0e3);
61
61
  }
62
- .container_containerColorsCSS_compound_9__6levsem {
63
- --vars_background__6levse1: var(--dt-colors-background-container-neutral-emphasized, #e2e3ec);
62
+ ._6levsem {
63
+ --_6levse1: var(--dt-colors-background-container-neutral-emphasized, #e2e3ec);
64
64
  }
@@ -41,7 +41,7 @@ export declare const containerColorsCSS: import("@vanilla-extract/recipes").Runt
41
41
  };
42
42
  variant: {
43
43
  minimal: {
44
- backgroundColor: "none";
44
+ backgroundColor: "unset";
45
45
  vars: {
46
46
  [x: string]: string;
47
47
  };
@@ -23,5 +23,5 @@ __export(container_css_exports, {
23
23
  module.exports = __toCommonJS(container_css_exports);
24
24
  var import_container_css_ts_vanilla = require("./container.css");
25
25
  var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
26
- var containerColorVars = { text: "var(--vars_text__6levse0)", background: "var(--vars_background__6levse1)", borderColor: "var(--vars_borderColor__6levse2)" };
27
- var containerColorsCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "container__6levse3", variantClassNames: { color: { critical: "container_containerColorsCSS_color_critical__6levse4", neutral: "container_containerColorsCSS_color_neutral__6levse5", primary: "container_containerColorsCSS_color_primary__6levse6", success: "container_containerColorsCSS_color_success__6levse7", warning: "container_containerColorsCSS_color_warning__6levse8" }, variant: { minimal: "container_containerColorsCSS_variant_minimal__6levse9", "default": "container_containerColorsCSS_variant_default__6levsea", emphasized: "container_containerColorsCSS_variant_emphasized__6levseb", accent: "container_containerColorsCSS_variant_accent__6levsec" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "container_containerColorsCSS_compound_0__6levsed"], [{ color: "success", variant: "accent" }, "container_containerColorsCSS_compound_1__6levsee"], [{ color: "warning", variant: "accent" }, "container_containerColorsCSS_compound_2__6levsef"], [{ color: "critical", variant: "accent" }, "container_containerColorsCSS_compound_3__6levseg"], [{ color: "neutral", variant: "accent" }, "container_containerColorsCSS_compound_4__6levseh"], [{ color: "primary", variant: "emphasized" }, "container_containerColorsCSS_compound_5__6levsei"], [{ color: "success", variant: "emphasized" }, "container_containerColorsCSS_compound_6__6levsej"], [{ color: "warning", variant: "emphasized" }, "container_containerColorsCSS_compound_7__6levsek"], [{ color: "critical", variant: "emphasized" }, "container_containerColorsCSS_compound_8__6levsel"], [{ color: "neutral", variant: "emphasized" }, "container_containerColorsCSS_compound_9__6levsem"]] });
26
+ var containerColorVars = { text: "var(--_6levse0)", background: "var(--_6levse1)", borderColor: "var(--_6levse2)" };
27
+ var containerColorsCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_6levse3", variantClassNames: { color: { critical: "_6levse4", neutral: "_6levse5", primary: "_6levse6", success: "_6levse7", warning: "_6levse8" }, variant: { minimal: "_6levse9", "default": "_6levsea", emphasized: "_6levseb", accent: "_6levsec" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_6levsed"], [{ color: "success", variant: "accent" }, "_6levsee"], [{ color: "warning", variant: "accent" }, "_6levsef"], [{ color: "critical", variant: "accent" }, "_6levseg"], [{ color: "neutral", variant: "accent" }, "_6levseh"], [{ color: "primary", variant: "emphasized" }, "_6levsei"], [{ color: "success", variant: "emphasized" }, "_6levsej"], [{ color: "warning", variant: "emphasized" }, "_6levsek"], [{ color: "critical", variant: "emphasized" }, "_6levsel"], [{ color: "neutral", variant: "emphasized" }, "_6levsem"]] });
@@ -1,4 +1,4 @@
1
- .ellipsis_ellipsisCSS__oqqp1n0 {
1
+ .oqqp1n0 {
2
2
  white-space: nowrap;
3
3
  overflow: hidden;
4
4
  text-overflow: ellipsis;
@@ -21,4 +21,4 @@ __export(ellipsis_css_exports, {
21
21
  });
22
22
  module.exports = __toCommonJS(ellipsis_css_exports);
23
23
  var import_ellipsis_css_ts_vanilla = require("./ellipsis.css");
24
- var ellipsisCSS = "ellipsis_ellipsisCSS__oqqp1n0";
24
+ var ellipsisCSS = "oqqp1n0";