@dynatrace/strato-components 1.1.0 → 1.3.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 (179) hide show
  1. package/buttons/button/Button.css +17 -17
  2. package/buttons/button/Button.js +3 -4
  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/styles/focusRing.css +61 -61
  17. package/core/styles/focusRing.sty.js +2 -2
  18. package/core/utils/colorUtils.css +60 -60
  19. package/core/utils/colorUtils.sty.js +2 -2
  20. package/esm/buttons/button/Button.css +17 -17
  21. package/esm/buttons/button/Button.js +3 -4
  22. package/esm/buttons/button/Button.js.map +2 -2
  23. package/esm/buttons/button/Button.sty.js +4 -4
  24. package/esm/buttons/button/Button.sty.js.map +1 -1
  25. package/esm/content/progress/ProgressBar.css +71 -71
  26. package/esm/content/progress/ProgressBar.sty.js +5 -5
  27. package/esm/content/progress/ProgressBar.sty.js.map +1 -1
  28. package/esm/content/progress/ProgressBarIcon.css +2 -2
  29. package/esm/content/progress/ProgressBarIcon.sty.js +1 -1
  30. package/esm/content/progress/ProgressBarIcon.sty.js.map +1 -1
  31. package/esm/content/progress/ProgressBarLabel.css +3 -3
  32. package/esm/content/progress/ProgressBarLabel.sty.js +1 -1
  33. package/esm/content/progress/ProgressBarLabel.sty.js.map +1 -1
  34. package/esm/content/progress/ProgressBarValue.css +5 -5
  35. package/esm/content/progress/ProgressBarValue.sty.js +1 -1
  36. package/esm/content/progress/ProgressBarValue.sty.js.map +1 -1
  37. package/esm/content/progress/ProgressCircle.css +40 -40
  38. package/esm/content/progress/ProgressCircle.sty.js +5 -5
  39. package/esm/content/progress/ProgressCircle.sty.js.map +1 -1
  40. package/esm/content/skeleton/Skeleton.css +6 -6
  41. package/esm/content/skeleton/Skeleton.sty.js +1 -1
  42. package/esm/content/skeleton/Skeleton.sty.js.map +1 -1
  43. package/esm/core/styles/focusRing.css +61 -61
  44. package/esm/core/styles/focusRing.sty.js +2 -2
  45. package/esm/core/styles/focusRing.sty.js.map +1 -1
  46. package/esm/core/utils/colorUtils.css +60 -60
  47. package/esm/core/utils/colorUtils.sty.js +2 -2
  48. package/esm/core/utils/colorUtils.sty.js.map +1 -1
  49. package/esm/layouts/container/Container.css +4 -4
  50. package/esm/layouts/container/Container.sty.js +1 -1
  51. package/esm/layouts/container/Container.sty.js.map +1 -1
  52. package/esm/layouts/divider/Divider.css +6 -6
  53. package/esm/layouts/divider/Divider.sty.js +1 -1
  54. package/esm/layouts/divider/Divider.sty.js.map +1 -1
  55. package/esm/layouts/index.js +0 -6
  56. package/esm/layouts/index.js.map +2 -2
  57. package/esm/layouts/surface/Surface.css +40 -41
  58. package/esm/layouts/surface/Surface.js +3 -3
  59. package/esm/layouts/surface/Surface.js.map +2 -2
  60. package/esm/layouts/surface/Surface.sty.js +4 -4
  61. package/esm/layouts/surface/Surface.sty.js.map +2 -2
  62. package/esm/layouts/surface/variables.sty.js +1 -1
  63. package/esm/layouts/surface/variables.sty.js.map +1 -1
  64. package/esm/styles/colorUtils.css +60 -60
  65. package/esm/styles/colorUtils.sty.js +2 -2
  66. package/esm/styles/colorUtils.sty.js.map +1 -1
  67. package/esm/styles/container.css +47 -47
  68. package/esm/styles/container.sty.js +2 -2
  69. package/esm/styles/container.sty.js.map +1 -1
  70. package/esm/styles/ellipsis.css +1 -1
  71. package/esm/styles/ellipsis.sty.js +1 -1
  72. package/esm/styles/ellipsis.sty.js.map +1 -1
  73. package/esm/styles/field.css +153 -153
  74. package/esm/styles/field.sty.js +2 -2
  75. package/esm/styles/field.sty.js.map +1 -1
  76. package/esm/styles/sprinkles.css +262 -262
  77. package/esm/styles/sprinkles.sty.js +1 -1
  78. package/esm/styles/sprinkles.sty.js.map +1 -1
  79. package/esm/styles/textStyle.css +8 -8
  80. package/esm/styles/textStyle.sty.js +1 -1
  81. package/esm/styles/textStyle.sty.js.map +1 -1
  82. package/esm/typography/block-quote/Blockquote.css +2 -2
  83. package/esm/typography/block-quote/Blockquote.sty.js +1 -1
  84. package/esm/typography/block-quote/Blockquote.sty.js.map +1 -1
  85. package/esm/typography/code/Code.css +1 -1
  86. package/esm/typography/code/Code.sty.js +1 -1
  87. package/esm/typography/code/Code.sty.js.map +1 -1
  88. package/esm/typography/emphasis/Emphasis.css +1 -1
  89. package/esm/typography/emphasis/Emphasis.sty.js +1 -1
  90. package/esm/typography/emphasis/Emphasis.sty.js.map +1 -1
  91. package/esm/typography/external-link/ExternalLink.css +6 -6
  92. package/esm/typography/external-link/ExternalLink.sty.js +1 -1
  93. package/esm/typography/external-link/ExternalLink.sty.js.map +1 -1
  94. package/esm/typography/heading/Heading.css +7 -7
  95. package/esm/typography/heading/Heading.sty.js +1 -1
  96. package/esm/typography/heading/Heading.sty.js.map +1 -1
  97. package/esm/typography/highlight/Highlight.css +1 -1
  98. package/esm/typography/highlight/Highlight.js +1 -1
  99. package/esm/typography/highlight/Highlight.js.map +2 -2
  100. package/esm/typography/highlight/Highlight.sty.js +1 -1
  101. package/esm/typography/highlight/Highlight.sty.js.map +1 -1
  102. package/esm/typography/link/Link.css +4 -4
  103. package/esm/typography/link/Link.sty.js +1 -1
  104. package/esm/typography/link/Link.sty.js.map +1 -1
  105. package/esm/typography/list/List.css +4 -4
  106. package/esm/typography/list/List.sty.js +2 -2
  107. package/esm/typography/list/List.sty.js.map +1 -1
  108. package/esm/typography/paragraph/Paragraph.css +3 -3
  109. package/esm/typography/paragraph/Paragraph.sty.js +1 -1
  110. package/esm/typography/paragraph/Paragraph.sty.js.map +1 -1
  111. package/esm/typography/strikethrough/Strikethrough.css +1 -1
  112. package/esm/typography/strikethrough/Strikethrough.sty.js +1 -1
  113. package/esm/typography/strikethrough/Strikethrough.sty.js.map +1 -1
  114. package/esm/typography/strong/Strong.css +1 -1
  115. package/esm/typography/strong/Strong.sty.js +1 -1
  116. package/esm/typography/strong/Strong.sty.js.map +1 -1
  117. package/esm/typography/text/Text.css +3 -3
  118. package/esm/typography/text/Text.sty.js +1 -1
  119. package/esm/typography/text/Text.sty.js.map +1 -1
  120. package/esm/typography/text-ellipsis/TextEllipsis.css +5 -5
  121. package/esm/typography/text-ellipsis/TextEllipsis.sty.js +2 -2
  122. package/esm/typography/text-ellipsis/TextEllipsis.sty.js.map +1 -1
  123. package/layouts/container/Container.css +4 -4
  124. package/layouts/container/Container.sty.js +1 -1
  125. package/layouts/divider/Divider.css +6 -6
  126. package/layouts/divider/Divider.sty.js +1 -1
  127. package/layouts/index.d.ts +0 -1
  128. package/layouts/index.js +0 -3
  129. package/layouts/surface/Surface.css +40 -41
  130. package/layouts/surface/Surface.js +3 -3
  131. package/layouts/surface/Surface.sty.d.ts +2 -2
  132. package/layouts/surface/Surface.sty.js +4 -4
  133. package/layouts/surface/variables.sty.js +1 -1
  134. package/package.json +3 -3
  135. package/styles/colorUtils.css +60 -60
  136. package/styles/colorUtils.sty.js +2 -2
  137. package/styles/container.css +47 -47
  138. package/styles/container.sty.js +2 -2
  139. package/styles/ellipsis.css +1 -1
  140. package/styles/ellipsis.sty.js +1 -1
  141. package/styles/field.css +153 -153
  142. package/styles/field.sty.js +2 -2
  143. package/styles/sprinkles.css +262 -262
  144. package/styles/sprinkles.sty.js +1 -1
  145. package/styles/textStyle.css +8 -8
  146. package/styles/textStyle.sty.js +1 -1
  147. package/typography/block-quote/Blockquote.css +2 -2
  148. package/typography/block-quote/Blockquote.sty.js +1 -1
  149. package/typography/code/Code.css +1 -1
  150. package/typography/code/Code.sty.js +1 -1
  151. package/typography/emphasis/Emphasis.css +1 -1
  152. package/typography/emphasis/Emphasis.sty.js +1 -1
  153. package/typography/external-link/ExternalLink.css +6 -6
  154. package/typography/external-link/ExternalLink.sty.js +1 -1
  155. package/typography/heading/Heading.css +7 -7
  156. package/typography/heading/Heading.sty.js +1 -1
  157. package/typography/highlight/Highlight.css +1 -1
  158. package/typography/highlight/Highlight.js +1 -1
  159. package/typography/highlight/Highlight.sty.js +1 -1
  160. package/typography/link/Link.css +4 -4
  161. package/typography/link/Link.sty.js +1 -1
  162. package/typography/list/List.css +4 -4
  163. package/typography/list/List.sty.js +2 -2
  164. package/typography/paragraph/Paragraph.css +3 -3
  165. package/typography/paragraph/Paragraph.sty.js +1 -1
  166. package/typography/strikethrough/Strikethrough.css +1 -1
  167. package/typography/strikethrough/Strikethrough.sty.js +1 -1
  168. package/typography/strong/Strong.css +1 -1
  169. package/typography/strong/Strong.sty.js +1 -1
  170. package/typography/text/Text.css +3 -3
  171. package/typography/text/Text.sty.js +1 -1
  172. package/typography/text-ellipsis/TextEllipsis.css +5 -5
  173. package/typography/text-ellipsis/TextEllipsis.sty.js +2 -2
  174. package/esm/layouts/input-group/InputGroup.css +0 -12
  175. package/esm/layouts/input-group/InputGroup.sty.js +0 -8
  176. package/esm/layouts/input-group/InputGroup.sty.js.map +0 -7
  177. package/layouts/input-group/InputGroup.css +0 -12
  178. package/layouts/input-group/InputGroup.sty.d.ts +0 -4
  179. package/layouts/input-group/InputGroup.sty.js +0 -26
@@ -1,4 +1,4 @@
1
- @keyframes _13n9uwh0-1-1-0 {
1
+ @keyframes _13n9uwh0-1-3-0 {
2
2
  0% {
3
3
  transform: translateX(-100%) scaleX(0);
4
4
  }
@@ -6,92 +6,92 @@
6
6
  transform: translateX(100%) scaleX(1.5);
7
7
  }
8
8
  }
9
- ._13n9uwh5-1-1-0 {
10
- color: var(--_13n9uwh1-1-1-0);
11
- }
12
- ._13n9uwhd-1-1-0 {
13
- --_13n9uwh1-1-1-0: var(--dt-colors-text-neutral-default, #2b2a58);
14
- --_13n9uwh4-1-1-0: var(--dt-colors-text-neutral-subdued, #545587);
15
- --_13n9uwh2-1-1-0: var(--dt-colors-border-neutral-default, #d2d3e1);
16
- --_13n9uwh3-1-1-0: var(--dt-colors-border-primary-accent, #454cc9);
17
- }
18
- ._13n9uwhe-1-1-0 {
19
- --_13n9uwh1-1-1-0: var(--dt-colors-text-neutral-default, #2b2a58);
20
- --_13n9uwh4-1-1-0: var(--dt-colors-text-neutral-subdued, #545587);
21
- --_13n9uwh2-1-1-0: var(--dt-colors-border-neutral-default, #d2d3e1);
22
- --_13n9uwh3-1-1-0: var(--dt-colors-border-success-accent, #2c6360);
23
- }
24
- ._13n9uwhf-1-1-0 {
25
- --_13n9uwh1-1-1-0: var(--dt-colors-text-neutral-default, #2b2a58);
26
- --_13n9uwh4-1-1-0: var(--dt-colors-text-neutral-subdued, #545587);
27
- --_13n9uwh2-1-1-0: var(--dt-colors-border-neutral-default, #d2d3e1);
28
- --_13n9uwh3-1-1-0: var(--dt-colors-border-warning-accent, #805100);
29
- }
30
- ._13n9uwhg-1-1-0 {
31
- --_13n9uwh1-1-1-0: var(--dt-colors-text-neutral-default, #2b2a58);
32
- --_13n9uwh4-1-1-0: var(--dt-colors-text-neutral-subdued, #545587);
33
- --_13n9uwh2-1-1-0: var(--dt-colors-border-neutral-default, #d2d3e1);
34
- --_13n9uwh3-1-1-0: var(--dt-colors-border-critical-accent, #b80031);
35
- }
36
- ._13n9uwhh-1-1-0 {
37
- --_13n9uwh1-1-1-0: var(--dt-colors-text-neutral-default, #2b2a58);
38
- --_13n9uwh4-1-1-0: var(--dt-colors-text-neutral-subdued, #545587);
39
- --_13n9uwh2-1-1-0: var(--dt-colors-border-neutral-default, #d2d3e1);
40
- --_13n9uwh3-1-1-0: var(--dt-colors-border-neutral-accent, #545587);
9
+ ._13n9uwh5-1-3-0 {
10
+ color: var(--_13n9uwh1-1-3-0);
11
+ }
12
+ ._13n9uwhd-1-3-0 {
13
+ --_13n9uwh1-1-3-0: var(--dt-colors-text-neutral-default, #2b2a58);
14
+ --_13n9uwh4-1-3-0: var(--dt-colors-text-neutral-subdued, #545587);
15
+ --_13n9uwh2-1-3-0: var(--dt-colors-border-neutral-default, #d2d3e1);
16
+ --_13n9uwh3-1-3-0: var(--dt-colors-border-primary-accent, #454cc9);
17
+ }
18
+ ._13n9uwhe-1-3-0 {
19
+ --_13n9uwh1-1-3-0: var(--dt-colors-text-neutral-default, #2b2a58);
20
+ --_13n9uwh4-1-3-0: var(--dt-colors-text-neutral-subdued, #545587);
21
+ --_13n9uwh2-1-3-0: var(--dt-colors-border-neutral-default, #d2d3e1);
22
+ --_13n9uwh3-1-3-0: var(--dt-colors-border-success-accent, #2c6360);
23
+ }
24
+ ._13n9uwhf-1-3-0 {
25
+ --_13n9uwh1-1-3-0: var(--dt-colors-text-neutral-default, #2b2a58);
26
+ --_13n9uwh4-1-3-0: var(--dt-colors-text-neutral-subdued, #545587);
27
+ --_13n9uwh2-1-3-0: var(--dt-colors-border-neutral-default, #d2d3e1);
28
+ --_13n9uwh3-1-3-0: var(--dt-colors-border-warning-accent, #805100);
29
+ }
30
+ ._13n9uwhg-1-3-0 {
31
+ --_13n9uwh1-1-3-0: var(--dt-colors-text-neutral-default, #2b2a58);
32
+ --_13n9uwh4-1-3-0: var(--dt-colors-text-neutral-subdued, #545587);
33
+ --_13n9uwh2-1-3-0: var(--dt-colors-border-neutral-default, #d2d3e1);
34
+ --_13n9uwh3-1-3-0: var(--dt-colors-border-critical-accent, #b80031);
35
+ }
36
+ ._13n9uwhh-1-3-0 {
37
+ --_13n9uwh1-1-3-0: var(--dt-colors-text-neutral-default, #2b2a58);
38
+ --_13n9uwh4-1-3-0: var(--dt-colors-text-neutral-subdued, #545587);
39
+ --_13n9uwh2-1-3-0: var(--dt-colors-border-neutral-default, #d2d3e1);
40
+ --_13n9uwh3-1-3-0: var(--dt-colors-border-neutral-accent, #545587);
41
41
  color: var(--dt-colors-text-neutral-default, #2b2a58);
42
42
  }
43
- ._13n9uwhi-1-1-0 {
44
- --_13n9uwh1-1-1-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
45
- --_13n9uwh4-1-1-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
46
- --_13n9uwh2-1-1-0: var(--dt-colors-border-primary-on-accent-disabled, #f4f4fb33);
47
- --_13n9uwh3-1-1-0: var(--dt-colors-border-primary-on-accent-default, #f4f4fb);
48
- }
49
- ._13n9uwhj-1-1-0 {
50
- --_13n9uwh1-1-1-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
51
- --_13n9uwh4-1-1-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
52
- --_13n9uwh2-1-1-0: var(--dt-colors-border-success-on-accent-disabled, #f1f4f433);
53
- --_13n9uwh3-1-1-0: var(--dt-colors-border-success-on-accent-default, #f1f4f4);
54
- }
55
- ._13n9uwhk-1-1-0 {
56
- --_13n9uwh1-1-1-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
57
- --_13n9uwh4-1-1-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
58
- --_13n9uwh2-1-1-0: var(--dt-colors-border-warning-on-accent-disabled, #27202533);
59
- --_13n9uwh3-1-1-0: var(--dt-colors-border-warning-on-accent-default, #272025);
60
- }
61
- ._13n9uwhl-1-1-0 {
62
- --_13n9uwh1-1-1-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
63
- --_13n9uwh4-1-1-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
64
- --_13n9uwh2-1-1-0: var(--dt-colors-border-critical-on-accent-disabled, #f9f1f333);
65
- --_13n9uwh3-1-1-0: var(--dt-colors-border-critical-on-accent-default, #f9f1f3);
66
- }
67
- ._13n9uwhm-1-1-0 {
68
- --_13n9uwh1-1-1-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
69
- --_13n9uwh4-1-1-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
70
- --_13n9uwh2-1-1-0: var(--dt-colors-border-neutral-on-accent-disabled, #f3f3f633);
71
- --_13n9uwh3-1-1-0: var(--dt-colors-border-neutral-on-accent-default, #f3f3f6);
72
- }
73
- ._13n9uwhn-1-1-0 {
43
+ ._13n9uwhi-1-3-0 {
44
+ --_13n9uwh1-1-3-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
45
+ --_13n9uwh4-1-3-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
46
+ --_13n9uwh2-1-3-0: var(--dt-colors-border-primary-on-accent-disabled, #f4f4fb33);
47
+ --_13n9uwh3-1-3-0: var(--dt-colors-border-primary-on-accent-default, #f4f4fb);
48
+ }
49
+ ._13n9uwhj-1-3-0 {
50
+ --_13n9uwh1-1-3-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
51
+ --_13n9uwh4-1-3-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
52
+ --_13n9uwh2-1-3-0: var(--dt-colors-border-success-on-accent-disabled, #f1f4f433);
53
+ --_13n9uwh3-1-3-0: var(--dt-colors-border-success-on-accent-default, #f1f4f4);
54
+ }
55
+ ._13n9uwhk-1-3-0 {
56
+ --_13n9uwh1-1-3-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
57
+ --_13n9uwh4-1-3-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
58
+ --_13n9uwh2-1-3-0: var(--dt-colors-border-warning-on-accent-disabled, #27202533);
59
+ --_13n9uwh3-1-3-0: var(--dt-colors-border-warning-on-accent-default, #272025);
60
+ }
61
+ ._13n9uwhl-1-3-0 {
62
+ --_13n9uwh1-1-3-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
63
+ --_13n9uwh4-1-3-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
64
+ --_13n9uwh2-1-3-0: var(--dt-colors-border-critical-on-accent-disabled, #f9f1f333);
65
+ --_13n9uwh3-1-3-0: var(--dt-colors-border-critical-on-accent-default, #f9f1f3);
66
+ }
67
+ ._13n9uwhm-1-3-0 {
68
+ --_13n9uwh1-1-3-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
69
+ --_13n9uwh4-1-3-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
70
+ --_13n9uwh2-1-3-0: var(--dt-colors-border-neutral-on-accent-disabled, #f3f3f633);
71
+ --_13n9uwh3-1-3-0: var(--dt-colors-border-neutral-on-accent-default, #f3f3f6);
72
+ }
73
+ ._13n9uwhn-1-3-0 {
74
74
  width: 100%;
75
75
  border-radius: var(--dt-borders-radius-container-subdued, 8px);
76
76
  overflow: hidden;
77
77
  position: relative;
78
- background: var(--_13n9uwh2-1-1-0);
78
+ background: var(--_13n9uwh2-1-3-0);
79
79
  }
80
- ._13n9uwho-1-1-0 {
80
+ ._13n9uwho-1-3-0 {
81
81
  height: 6px;
82
82
  }
83
- ._13n9uwhp-1-1-0 {
83
+ ._13n9uwhp-1-3-0 {
84
84
  height: 8px;
85
85
  }
86
- ._13n9uwhq-1-1-0 {
86
+ ._13n9uwhq-1-3-0 {
87
87
  height: 100%;
88
88
  transition-duration: var(--dt-timings-fast-default, 170ms);
89
89
  transition-timing-function: var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
90
- background-color: var(--_13n9uwh3-1-1-0);
90
+ background-color: var(--_13n9uwh3-1-3-0);
91
91
  }
92
- ._13n9uwhr-1-1-0 {
92
+ ._13n9uwhr-1-3-0 {
93
93
  width: 100%;
94
- animation-name: _13n9uwh0-1-1-0;
94
+ animation-name: _13n9uwh0-1-3-0;
95
95
  animation-duration: var(--dt-timings-slow-gentle, 800ms);
96
96
  animation-timing-function: var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
97
97
  animation-iteration-count: infinite;
@@ -1,10 +1,10 @@
1
1
  import "./ProgressBar.css";
2
2
  import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
3
- var progressBarFillCSS = _7a468({ defaultClassName: "_13n9uwhq-1-1-0", variantClassNames: { indeterminate: { true: "_13n9uwhr-1-1-0" } }, defaultVariants: {}, compoundVariants: [] });
4
- var progressCSS = _7a468({ defaultClassName: "_13n9uwhn-1-1-0", variantClassNames: { size: { condensed: "_13n9uwho-1-1-0", "default": "_13n9uwhp-1-1-0" } }, defaultVariants: {}, compoundVariants: [] });
5
- var progressIndicatorColorVar = "var(--_13n9uwh3-1-1-0)";
6
- var progressRoot = _7a468({ defaultClassName: "_13n9uwh5-1-1-0", variantClassNames: { color: { primary: "_13n9uwh6-1-1-0", success: "_13n9uwh7-1-1-0", warning: "_13n9uwh8-1-1-0", critical: "_13n9uwh9-1-1-0", neutral: "_13n9uwha-1-1-0" }, onAccent: { true: "_13n9uwhb-1-1-0", false: "_13n9uwhc-1-1-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", onAccent: false }, "_13n9uwhd-1-1-0"], [{ color: "success", onAccent: false }, "_13n9uwhe-1-1-0"], [{ color: "warning", onAccent: false }, "_13n9uwhf-1-1-0"], [{ color: "critical", onAccent: false }, "_13n9uwhg-1-1-0"], [{ color: "neutral", onAccent: false }, "_13n9uwhh-1-1-0"], [{ color: "primary", onAccent: true }, "_13n9uwhi-1-1-0"], [{ color: "success", onAccent: true }, "_13n9uwhj-1-1-0"], [{ color: "warning", onAccent: true }, "_13n9uwhk-1-1-0"], [{ color: "critical", onAccent: true }, "_13n9uwhl-1-1-0"], [{ color: "neutral", onAccent: true }, "_13n9uwhm-1-1-0"]] });
7
- var progressValueColorVar = "var(--_13n9uwh4-1-1-0)";
3
+ var progressBarFillCSS = _7a468({ defaultClassName: "_13n9uwhq-1-3-0", variantClassNames: { indeterminate: { true: "_13n9uwhr-1-3-0" } }, defaultVariants: {}, compoundVariants: [] });
4
+ var progressCSS = _7a468({ defaultClassName: "_13n9uwhn-1-3-0", variantClassNames: { size: { condensed: "_13n9uwho-1-3-0", "default": "_13n9uwhp-1-3-0" } }, defaultVariants: {}, compoundVariants: [] });
5
+ var progressIndicatorColorVar = "var(--_13n9uwh3-1-3-0)";
6
+ var progressRoot = _7a468({ defaultClassName: "_13n9uwh5-1-3-0", variantClassNames: { color: { primary: "_13n9uwh6-1-3-0", success: "_13n9uwh7-1-3-0", warning: "_13n9uwh8-1-3-0", critical: "_13n9uwh9-1-3-0", neutral: "_13n9uwha-1-3-0" }, onAccent: { true: "_13n9uwhb-1-3-0", false: "_13n9uwhc-1-3-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", onAccent: false }, "_13n9uwhd-1-3-0"], [{ color: "success", onAccent: false }, "_13n9uwhe-1-3-0"], [{ color: "warning", onAccent: false }, "_13n9uwhf-1-3-0"], [{ color: "critical", onAccent: false }, "_13n9uwhg-1-3-0"], [{ color: "neutral", onAccent: false }, "_13n9uwhh-1-3-0"], [{ color: "primary", onAccent: true }, "_13n9uwhi-1-3-0"], [{ color: "success", onAccent: true }, "_13n9uwhj-1-3-0"], [{ color: "warning", onAccent: true }, "_13n9uwhk-1-3-0"], [{ color: "critical", onAccent: true }, "_13n9uwhl-1-3-0"], [{ color: "neutral", onAccent: true }, "_13n9uwhm-1-3-0"]] });
7
+ var progressValueColorVar = "var(--_13n9uwh4-1-3-0)";
8
8
  export {
9
9
  progressBarFillCSS,
10
10
  progressCSS,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/content/progress/ProgressBar.css.ts"],
4
- "sourcesContent": ["import './ProgressBar.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressBarFillCSS = _7a468({defaultClassName:'_13n9uwhq-1-1-0',variantClassNames:{indeterminate:{true:'_13n9uwhr-1-1-0'}},defaultVariants:{},compoundVariants:[]});\nexport var progressCSS = _7a468({defaultClassName:'_13n9uwhn-1-1-0',variantClassNames:{size:{condensed:'_13n9uwho-1-1-0','default':'_13n9uwhp-1-1-0'}},defaultVariants:{},compoundVariants:[]});\nexport var progressIndicatorColorVar = 'var(--_13n9uwh3-1-1-0)';\nexport var progressRoot = _7a468({defaultClassName:'_13n9uwh5-1-1-0',variantClassNames:{color:{primary:'_13n9uwh6-1-1-0',success:'_13n9uwh7-1-1-0',warning:'_13n9uwh8-1-1-0',critical:'_13n9uwh9-1-1-0',neutral:'_13n9uwha-1-1-0'},onAccent:{true:'_13n9uwhb-1-1-0',false:'_13n9uwhc-1-1-0'}},defaultVariants:{},compoundVariants:[[{color:'primary',onAccent:false},'_13n9uwhd-1-1-0'],[{color:'success',onAccent:false},'_13n9uwhe-1-1-0'],[{color:'warning',onAccent:false},'_13n9uwhf-1-1-0'],[{color:'critical',onAccent:false},'_13n9uwhg-1-1-0'],[{color:'neutral',onAccent:false},'_13n9uwhh-1-1-0'],[{color:'primary',onAccent:true},'_13n9uwhi-1-1-0'],[{color:'success',onAccent:true},'_13n9uwhj-1-1-0'],[{color:'warning',onAccent:true},'_13n9uwhk-1-1-0'],[{color:'critical',onAccent:true},'_13n9uwhl-1-1-0'],[{color:'neutral',onAccent:true},'_13n9uwhm-1-1-0']]});\nexport var progressValueColorVar = 'var(--_13n9uwh4-1-1-0)';"],
4
+ "sourcesContent": ["import './ProgressBar.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressBarFillCSS = _7a468({defaultClassName:'_13n9uwhq-1-3-0',variantClassNames:{indeterminate:{true:'_13n9uwhr-1-3-0'}},defaultVariants:{},compoundVariants:[]});\nexport var progressCSS = _7a468({defaultClassName:'_13n9uwhn-1-3-0',variantClassNames:{size:{condensed:'_13n9uwho-1-3-0','default':'_13n9uwhp-1-3-0'}},defaultVariants:{},compoundVariants:[]});\nexport var progressIndicatorColorVar = 'var(--_13n9uwh3-1-3-0)';\nexport var progressRoot = _7a468({defaultClassName:'_13n9uwh5-1-3-0',variantClassNames:{color:{primary:'_13n9uwh6-1-3-0',success:'_13n9uwh7-1-3-0',warning:'_13n9uwh8-1-3-0',critical:'_13n9uwh9-1-3-0',neutral:'_13n9uwha-1-3-0'},onAccent:{true:'_13n9uwhb-1-3-0',false:'_13n9uwhc-1-3-0'}},defaultVariants:{},compoundVariants:[[{color:'primary',onAccent:false},'_13n9uwhd-1-3-0'],[{color:'success',onAccent:false},'_13n9uwhe-1-3-0'],[{color:'warning',onAccent:false},'_13n9uwhf-1-3-0'],[{color:'critical',onAccent:false},'_13n9uwhg-1-3-0'],[{color:'neutral',onAccent:false},'_13n9uwhh-1-3-0'],[{color:'primary',onAccent:true},'_13n9uwhi-1-3-0'],[{color:'success',onAccent:true},'_13n9uwhj-1-3-0'],[{color:'warning',onAccent:true},'_13n9uwhk-1-3-0'],[{color:'critical',onAccent:true},'_13n9uwhl-1-3-0'],[{color:'neutral',onAccent:true},'_13n9uwhm-1-3-0']]});\nexport var progressValueColorVar = 'var(--_13n9uwh4-1-3-0)';"],
5
5
  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,eAAc,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACtK,IAAI,cAAc,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACvL,IAAI,4BAA4B;AAChC,IAAI,eAAe,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,OAAM,EAAC,SAAQ,mBAAkB,SAAQ,mBAAkB,SAAQ,mBAAkB,UAAS,mBAAkB,SAAQ,kBAAiB,GAAE,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,OAAM,WAAU,UAAS,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,YAAW,UAAS,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,YAAW,UAAS,KAAI,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,iBAAiB,CAAC,EAAC,CAAC;AAC50B,IAAI,wBAAwB;",
6
6
  "names": []
7
7
  }
@@ -1,5 +1,5 @@
1
- ._szm9t40-1-1-0 {
1
+ ._szm9t40-1-3-0 {
2
2
  display: flex;
3
3
  margin-left: auto;
4
- color: var(--_13n9uwh3-1-1-0);
4
+ color: var(--_13n9uwh3-1-3-0);
5
5
  }
@@ -1,6 +1,6 @@
1
1
  import "./ProgressBar.css";
2
2
  import "./ProgressBarIcon.css";
3
- var progressBarIconContainerCSS = "_szm9t40-1-1-0";
3
+ var progressBarIconContainerCSS = "_szm9t40-1-3-0";
4
4
  export {
5
5
  progressBarIconContainerCSS
6
6
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/content/progress/ProgressBarIcon.css.ts"],
4
- "sourcesContent": ["import './ProgressBar.css';\nimport './ProgressBarIcon.css';\nexport var progressBarIconContainerCSS = '_szm9t40-1-1-0';"],
4
+ "sourcesContent": ["import './ProgressBar.css';\nimport './ProgressBarIcon.css';\nexport var progressBarIconContainerCSS = '_szm9t40-1-3-0';"],
5
5
  "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,8BAA8B;",
6
6
  "names": []
7
7
  }
@@ -1,9 +1,9 @@
1
- ._1ceb8vp0-1-1-0 {
1
+ ._1ceb8vp0-1-3-0 {
2
2
  color: currentColor;
3
3
  }
4
- ._1ceb8vp2-1-1-0 {
4
+ ._1ceb8vp2-1-3-0 {
5
5
  word-break: break-word;
6
6
  }
7
- ._1ceb8vp3-1-1-0 {
7
+ ._1ceb8vp3-1-3-0 {
8
8
  word-break: break-word;
9
9
  }
@@ -1,6 +1,6 @@
1
1
  import "./ProgressBarLabel.css";
2
2
  import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
3
- var progressBarLabelCSS = _7a468({ defaultClassName: "_1ceb8vp0-1-1-0", variantClassNames: { size: { condensed: "_1ceb8vp1-1-1-0", "default": "_1ceb8vp2-1-1-0" }, childIsText: { false: "_1ceb8vp3-1-1-0" } }, defaultVariants: {}, compoundVariants: [] });
3
+ var progressBarLabelCSS = _7a468({ defaultClassName: "_1ceb8vp0-1-3-0", variantClassNames: { size: { condensed: "_1ceb8vp1-1-3-0", "default": "_1ceb8vp2-1-3-0" }, childIsText: { false: "_1ceb8vp3-1-3-0" } }, defaultVariants: {}, compoundVariants: [] });
4
4
  export {
5
5
  progressBarLabelCSS
6
6
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/content/progress/ProgressBarLabel.css.ts"],
4
- "sourcesContent": ["import './ProgressBarLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressBarLabelCSS = _7a468({defaultClassName:'_1ceb8vp0-1-1-0',variantClassNames:{size:{condensed:'_1ceb8vp1-1-1-0','default':'_1ceb8vp2-1-1-0'},childIsText:{false:'_1ceb8vp3-1-1-0'}},defaultVariants:{},compoundVariants:[]});"],
4
+ "sourcesContent": ["import './ProgressBarLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressBarLabelCSS = _7a468({defaultClassName:'_1ceb8vp0-1-3-0',variantClassNames:{size:{condensed:'_1ceb8vp1-1-3-0','default':'_1ceb8vp2-1-3-0'},childIsText:{false:'_1ceb8vp3-1-3-0'}},defaultVariants:{},compoundVariants:[]});"],
5
5
  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,GAAE,aAAY,EAAC,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
6
6
  "names": []
7
7
  }
@@ -1,13 +1,13 @@
1
- ._1ri4i7o0-1-1-0 {
2
- color: var(--_13n9uwh4-1-1-0);
1
+ ._1ri4i7o0-1-3-0 {
2
+ color: var(--_13n9uwh4-1-3-0);
3
3
  }
4
- ._1ri4i7o2-1-1-0 {
4
+ ._1ri4i7o2-1-3-0 {
5
5
  word-break: break-word;
6
6
  }
7
- ._1ri4i7o4-1-1-0 {
7
+ ._1ri4i7o4-1-3-0 {
8
8
  word-break: break-word;
9
9
  }
10
- ._1ri4i7o5-1-1-0 {
10
+ ._1ri4i7o5-1-3-0 {
11
11
  margin-left: auto;
12
12
  align-self: center;
13
13
  }
@@ -2,7 +2,7 @@ import "./ProgressBar.css";
2
2
  import "../../styles/ellipsis.css";
3
3
  import "./ProgressBarValue.css";
4
4
  import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
5
- var progressBarValueCSS = _7a468({ defaultClassName: "_1ri4i7o0-1-1-0", variantClassNames: { size: { condensed: "_1ri4i7o1-1-1-0", "default": "_1ri4i7o2-1-1-0" }, childIsText: { true: "_1ri4i7o3-1-1-0", false: "_1ri4i7o4-1-1-0" } }, defaultVariants: {}, compoundVariants: [[{ size: "condensed", childIsText: true }, "_1ri4i7o5-1-1-0 _oqqp1n0-1-1-0"]] });
5
+ var progressBarValueCSS = _7a468({ defaultClassName: "_1ri4i7o0-1-3-0", variantClassNames: { size: { condensed: "_1ri4i7o1-1-3-0", "default": "_1ri4i7o2-1-3-0" }, childIsText: { true: "_1ri4i7o3-1-3-0", false: "_1ri4i7o4-1-3-0" } }, defaultVariants: {}, compoundVariants: [[{ size: "condensed", childIsText: true }, "_1ri4i7o5-1-3-0 _oqqp1n0-1-3-0"]] });
6
6
  export {
7
7
  progressBarValueCSS
8
8
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/content/progress/ProgressBarValue.css.ts"],
4
- "sourcesContent": ["import './ProgressBar.css';\nimport '../../styles/ellipsis.css';\nimport './ProgressBarValue.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressBarValueCSS = _7a468({defaultClassName:'_1ri4i7o0-1-1-0',variantClassNames:{size:{condensed:'_1ri4i7o1-1-1-0','default':'_1ri4i7o2-1-1-0'},childIsText:{true:'_1ri4i7o3-1-1-0',false:'_1ri4i7o4-1-1-0'}},defaultVariants:{},compoundVariants:[[{size:'condensed',childIsText:true},'_1ri4i7o5-1-1-0 _oqqp1n0-1-1-0']]});"],
4
+ "sourcesContent": ["import './ProgressBar.css';\nimport '../../styles/ellipsis.css';\nimport './ProgressBarValue.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressBarValueCSS = _7a468({defaultClassName:'_1ri4i7o0-1-3-0',variantClassNames:{size:{condensed:'_1ri4i7o1-1-3-0','default':'_1ri4i7o2-1-3-0'},childIsText:{true:'_1ri4i7o3-1-3-0',false:'_1ri4i7o4-1-3-0'}},defaultVariants:{},compoundVariants:[[{size:'condensed',childIsText:true},'_1ri4i7o5-1-3-0 _oqqp1n0-1-3-0']]});"],
5
5
  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,GAAE,aAAY,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,MAAK,aAAY,aAAY,KAAI,GAAE,gCAAgC,CAAC,EAAC,CAAC;",
6
6
  "names": []
7
7
  }
@@ -1,4 +1,4 @@
1
- @keyframes _kvldjh3-1-1-0 {
1
+ @keyframes _kvldjh3-1-3-0 {
2
2
  0% {
3
3
  transform: rotate(0deg);
4
4
  }
@@ -6,79 +6,79 @@
6
6
  transform: rotate(360deg);
7
7
  }
8
8
  }
9
- ._kvldjh4-1-1-0 {
9
+ ._kvldjh4-1-3-0 {
10
10
  display: inline-block;
11
11
  }
12
- ._kvldjh5-1-1-0 {
12
+ ._kvldjh5-1-3-0 {
13
13
  display: block;
14
14
  transform: rotate(-90deg);
15
15
  }
16
- ._kvldjh6-1-1-0 {
17
- stroke: var(--_kvldjh2-1-1-0);
16
+ ._kvldjh6-1-3-0 {
17
+ stroke: var(--_kvldjh2-1-3-0);
18
18
  transform-origin: center;
19
19
  }
20
- ._kvldjh7-1-1-0 {
20
+ ._kvldjh7-1-3-0 {
21
21
  stroke-dasharray: 90 360;
22
22
  transform-origin: 50% 50%;
23
- animation-name: _kvldjh3-1-1-0;
23
+ animation-name: _kvldjh3-1-3-0;
24
24
  animation-duration: var(--dt-timings-slow-gentle, 800ms);
25
25
  animation-timing-function: cubic-bezier(0.5, 0.15, 0.5, 0.8);
26
26
  animation-iteration-count: infinite;
27
27
  }
28
- ._kvldjh8-1-1-0 {
28
+ ._kvldjh8-1-3-0 {
29
29
  animation-duration: var(--dt-timings-fast-moderate, 200ms);
30
30
  transition-property: stroke-dashoffset;
31
31
  }
32
- ._kvldjh9-1-1-0 {
33
- stroke: var(--_kvldjh1-1-1-0);
32
+ ._kvldjh9-1-3-0 {
33
+ stroke: var(--_kvldjh1-1-3-0);
34
34
  }
35
- ._kvldjha-1-1-0 {
35
+ ._kvldjha-1-3-0 {
36
36
  display: flex;
37
37
  flex-direction: column;
38
38
  align-items: center;
39
- color: var(--_kvldjh0-1-1-0);
39
+ color: var(--_kvldjh0-1-3-0);
40
40
  }
41
- ._kvldjhb-1-1-0 {
41
+ ._kvldjhb-1-3-0 {
42
42
  gap: var(--dt-spacings-size-8, 8px);
43
43
  }
44
- ._kvldjhc-1-1-0 {
44
+ ._kvldjhc-1-3-0 {
45
45
  gap: var(--dt-spacings-size-12, 12px);
46
46
  }
47
- ._kvldjhd-1-1-0 {
48
- --_kvldjh2-1-1-0: var(--dt-colors-border-critical-accent, #b80031);
47
+ ._kvldjhd-1-3-0 {
48
+ --_kvldjh2-1-3-0: var(--dt-colors-border-critical-accent, #b80031);
49
49
  }
50
- ._kvldjhe-1-1-0 {
51
- --_kvldjh2-1-1-0: var(--dt-colors-border-neutral-accent, #545587);
50
+ ._kvldjhe-1-3-0 {
51
+ --_kvldjh2-1-3-0: var(--dt-colors-border-neutral-accent, #545587);
52
52
  }
53
- ._kvldjhf-1-1-0 {
54
- --_kvldjh2-1-1-0: var(--dt-colors-border-primary-accent, #454cc9);
53
+ ._kvldjhf-1-3-0 {
54
+ --_kvldjh2-1-3-0: var(--dt-colors-border-primary-accent, #454cc9);
55
55
  }
56
- ._kvldjhg-1-1-0 {
57
- --_kvldjh2-1-1-0: var(--dt-colors-border-success-accent, #2c6360);
56
+ ._kvldjhg-1-3-0 {
57
+ --_kvldjh2-1-3-0: var(--dt-colors-border-success-accent, #2c6360);
58
58
  }
59
- ._kvldjhh-1-1-0 {
60
- --_kvldjh2-1-1-0: var(--dt-colors-border-warning-accent, #805100);
59
+ ._kvldjhh-1-3-0 {
60
+ --_kvldjh2-1-3-0: var(--dt-colors-border-warning-accent, #805100);
61
61
  }
62
- ._kvldjhi-1-1-0 {
63
- --_kvldjh0-1-1-0: var(--dt-colors-text-neutral-default, #2b2a58);
64
- --_kvldjh1-1-1-0: var(--dt-colors-border-neutral-default, #d2d3e1);
62
+ ._kvldjhi-1-3-0 {
63
+ --_kvldjh0-1-3-0: var(--dt-colors-text-neutral-default, #2b2a58);
64
+ --_kvldjh1-1-3-0: var(--dt-colors-border-neutral-default, #d2d3e1);
65
65
  }
66
- ._kvldjhj-1-1-0 {
67
- --_kvldjh0-1-1-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
68
- --_kvldjh1-1-1-0: var(--dt-colors-border-neutral-on-accent-disabled, #f3f3f633);
66
+ ._kvldjhj-1-3-0 {
67
+ --_kvldjh0-1-3-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
68
+ --_kvldjh1-1-3-0: var(--dt-colors-border-neutral-on-accent-disabled, #f3f3f633);
69
69
  }
70
- ._kvldjhk-1-1-0 {
71
- --_kvldjh2-1-1-0: var(--dt-colors-border-primary-on-accent-default, #f4f4fb);
70
+ ._kvldjhk-1-3-0 {
71
+ --_kvldjh2-1-3-0: var(--dt-colors-border-primary-on-accent-default, #f4f4fb);
72
72
  }
73
- ._kvldjhl-1-1-0 {
74
- --_kvldjh2-1-1-0: var(--dt-colors-border-success-on-accent-default, #f1f4f4);
73
+ ._kvldjhl-1-3-0 {
74
+ --_kvldjh2-1-3-0: var(--dt-colors-border-success-on-accent-default, #f1f4f4);
75
75
  }
76
- ._kvldjhm-1-1-0 {
77
- --_kvldjh2-1-1-0: var(--dt-colors-border-warning-on-accent-default, #272025);
76
+ ._kvldjhm-1-3-0 {
77
+ --_kvldjh2-1-3-0: var(--dt-colors-border-warning-on-accent-default, #272025);
78
78
  }
79
- ._kvldjhn-1-1-0 {
80
- --_kvldjh2-1-1-0: var(--dt-colors-border-critical-on-accent-default, #f9f1f3);
79
+ ._kvldjhn-1-3-0 {
80
+ --_kvldjh2-1-3-0: var(--dt-colors-border-critical-on-accent-default, #f9f1f3);
81
81
  }
82
- ._kvldjho-1-1-0 {
83
- --_kvldjh2-1-1-0: var(--dt-colors-border-neutral-on-accent-default, #f3f3f6);
82
+ ._kvldjho-1-3-0 {
83
+ --_kvldjh2-1-3-0: var(--dt-colors-border-neutral-on-accent-default, #f3f3f6);
84
84
  }
@@ -1,10 +1,10 @@
1
1
  import "./ProgressCircle.css";
2
2
  import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
3
- var progressCircleBackgroundCSS = "_kvldjh9-1-1-0";
4
- var progressCircleCSS = _7a468({ defaultClassName: "_kvldjh6-1-1-0", variantClassNames: { indeterminate: { true: "_kvldjh7-1-1-0", false: "_kvldjh8-1-1-0" } }, defaultVariants: {}, compoundVariants: [] });
5
- var progressCircleContainerCSS = _7a468({ defaultClassName: "_kvldjha-1-1-0", variantClassNames: { size: { small: "_kvldjhb-1-1-0", large: "_kvldjhc-1-1-0" }, color: { critical: "_kvldjhd-1-1-0", neutral: "_kvldjhe-1-1-0", primary: "_kvldjhf-1-1-0", success: "_kvldjhg-1-1-0", warning: "_kvldjhh-1-1-0" }, variant: { "default": "_kvldjhi-1-1-0", accent: "_kvldjhj-1-1-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_kvldjhk-1-1-0"], [{ color: "success", variant: "accent" }, "_kvldjhl-1-1-0"], [{ color: "warning", variant: "accent" }, "_kvldjhm-1-1-0"], [{ color: "critical", variant: "accent" }, "_kvldjhn-1-1-0"], [{ color: "neutral", variant: "accent" }, "_kvldjho-1-1-0"]] });
6
- var progressCircleRootCSS = "_kvldjh4-1-1-0";
7
- var progressCircleSvgCss = "_kvldjh5-1-1-0";
3
+ var progressCircleBackgroundCSS = "_kvldjh9-1-3-0";
4
+ var progressCircleCSS = _7a468({ defaultClassName: "_kvldjh6-1-3-0", variantClassNames: { indeterminate: { true: "_kvldjh7-1-3-0", false: "_kvldjh8-1-3-0" } }, defaultVariants: {}, compoundVariants: [] });
5
+ var progressCircleContainerCSS = _7a468({ defaultClassName: "_kvldjha-1-3-0", variantClassNames: { size: { small: "_kvldjhb-1-3-0", large: "_kvldjhc-1-3-0" }, color: { critical: "_kvldjhd-1-3-0", neutral: "_kvldjhe-1-3-0", primary: "_kvldjhf-1-3-0", success: "_kvldjhg-1-3-0", warning: "_kvldjhh-1-3-0" }, variant: { "default": "_kvldjhi-1-3-0", accent: "_kvldjhj-1-3-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_kvldjhk-1-3-0"], [{ color: "success", variant: "accent" }, "_kvldjhl-1-3-0"], [{ color: "warning", variant: "accent" }, "_kvldjhm-1-3-0"], [{ color: "critical", variant: "accent" }, "_kvldjhn-1-3-0"], [{ color: "neutral", variant: "accent" }, "_kvldjho-1-3-0"]] });
6
+ var progressCircleRootCSS = "_kvldjh4-1-3-0";
7
+ var progressCircleSvgCss = "_kvldjh5-1-3-0";
8
8
  export {
9
9
  progressCircleBackgroundCSS,
10
10
  progressCircleCSS,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/content/progress/ProgressCircle.css.ts"],
4
- "sourcesContent": ["import './ProgressCircle.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressCircleBackgroundCSS = '_kvldjh9-1-1-0';\nexport var progressCircleCSS = _7a468({defaultClassName:'_kvldjh6-1-1-0',variantClassNames:{indeterminate:{true:'_kvldjh7-1-1-0',false:'_kvldjh8-1-1-0'}},defaultVariants:{},compoundVariants:[]});\nexport var progressCircleContainerCSS = _7a468({defaultClassName:'_kvldjha-1-1-0',variantClassNames:{size:{small:'_kvldjhb-1-1-0',large:'_kvldjhc-1-1-0'},color:{critical:'_kvldjhd-1-1-0',neutral:'_kvldjhe-1-1-0',primary:'_kvldjhf-1-1-0',success:'_kvldjhg-1-1-0',warning:'_kvldjhh-1-1-0'},variant:{'default':'_kvldjhi-1-1-0',accent:'_kvldjhj-1-1-0'}},defaultVariants:{},compoundVariants:[[{color:'primary',variant:'accent'},'_kvldjhk-1-1-0'],[{color:'success',variant:'accent'},'_kvldjhl-1-1-0'],[{color:'warning',variant:'accent'},'_kvldjhm-1-1-0'],[{color:'critical',variant:'accent'},'_kvldjhn-1-1-0'],[{color:'neutral',variant:'accent'},'_kvldjho-1-1-0']]});\nexport var progressCircleRootCSS = '_kvldjh4-1-1-0';\nexport var progressCircleSvgCss = '_kvldjh5-1-1-0';"],
4
+ "sourcesContent": ["import './ProgressCircle.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressCircleBackgroundCSS = '_kvldjh9-1-3-0';\nexport var progressCircleCSS = _7a468({defaultClassName:'_kvldjh6-1-3-0',variantClassNames:{indeterminate:{true:'_kvldjh7-1-3-0',false:'_kvldjh8-1-3-0'}},defaultVariants:{},compoundVariants:[]});\nexport var progressCircleContainerCSS = _7a468({defaultClassName:'_kvldjha-1-3-0',variantClassNames:{size:{small:'_kvldjhb-1-3-0',large:'_kvldjhc-1-3-0'},color:{critical:'_kvldjhd-1-3-0',neutral:'_kvldjhe-1-3-0',primary:'_kvldjhf-1-3-0',success:'_kvldjhg-1-3-0',warning:'_kvldjhh-1-3-0'},variant:{'default':'_kvldjhi-1-3-0',accent:'_kvldjhj-1-3-0'}},defaultVariants:{},compoundVariants:[[{color:'primary',variant:'accent'},'_kvldjhk-1-3-0'],[{color:'success',variant:'accent'},'_kvldjhl-1-3-0'],[{color:'warning',variant:'accent'},'_kvldjhm-1-3-0'],[{color:'critical',variant:'accent'},'_kvldjhn-1-3-0'],[{color:'neutral',variant:'accent'},'_kvldjho-1-3-0']]});\nexport var progressCircleRootCSS = '_kvldjh4-1-3-0';\nexport var progressCircleSvgCss = '_kvldjh5-1-3-0';"],
5
5
  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,8BAA8B;AAClC,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,eAAc,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1L,IAAI,6BAA6B,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,MAAK,EAAC,OAAM,kBAAiB,OAAM,iBAAgB,GAAE,OAAM,EAAC,UAAS,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,iBAAgB,GAAE,SAAQ,EAAC,WAAU,kBAAiB,QAAO,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,YAAW,SAAQ,SAAQ,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,gBAAgB,CAAC,EAAC,CAAC;AAC5oB,IAAI,wBAAwB;AAC5B,IAAI,uBAAuB;",
6
6
  "names": []
7
7
  }
@@ -1,4 +1,4 @@
1
- @keyframes _1a1ozfd0-1-1-0 {
1
+ @keyframes _1a1ozfd0-1-3-0 {
2
2
  0% {
3
3
  transform: translateX(-100%) scaleX(0);
4
4
  }
@@ -6,12 +6,12 @@
6
6
  transform: translateX(100%) scaleX(1.5);
7
7
  }
8
8
  }
9
- ._1a1ozfd1-1-1-0 {
9
+ ._1a1ozfd1-1-3-0 {
10
10
  position: relative;
11
11
  overflow: hidden;
12
12
  background-color: var(--dt-colors-background-field-neutral-disabled, #dadbe780);
13
13
  }
14
- ._1a1ozfd1-1-1-0:after {
14
+ ._1a1ozfd1-1-3-0:after {
15
15
  content: "";
16
16
  position: absolute;
17
17
  top: 0;
@@ -21,13 +21,13 @@
21
21
  background-color: var(--dt-colors-background-field-neutral-disabled, #dadbe780);
22
22
  animation-iteration-count: infinite;
23
23
  transform-origin: left center;
24
- animation-name: _1a1ozfd0-1-1-0;
24
+ animation-name: _1a1ozfd0-1-3-0;
25
25
  animation-duration: var(--dt-timings-slow-gentle, 800ms);
26
26
  animation-timing-function: var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
27
27
  }
28
- ._1a1ozfd2-1-1-0 {
28
+ ._1a1ozfd2-1-3-0 {
29
29
  border-radius: var(--dt-borders-radius-container-subdued, 8px);
30
30
  }
31
- ._1a1ozfd3-1-1-0 {
31
+ ._1a1ozfd3-1-3-0 {
32
32
  border-radius: 9999px;
33
33
  }
@@ -1,6 +1,6 @@
1
1
  import "./Skeleton.css";
2
2
  import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
3
- var skeletonPlaceholderCSS = _7a468({ defaultClassName: "_1a1ozfd1-1-1-0", variantClassNames: { variant: { "default": "_1a1ozfd2-1-1-0", rounded: "_1a1ozfd3-1-1-0" } }, defaultVariants: {}, compoundVariants: [] });
3
+ var skeletonPlaceholderCSS = _7a468({ defaultClassName: "_1a1ozfd1-1-3-0", variantClassNames: { variant: { "default": "_1a1ozfd2-1-3-0", rounded: "_1a1ozfd3-1-3-0" } }, defaultVariants: {}, compoundVariants: [] });
4
4
  export {
5
5
  skeletonPlaceholderCSS
6
6
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/content/skeleton/Skeleton.css.ts"],
4
- "sourcesContent": ["import './Skeleton.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var skeletonPlaceholderCSS = _7a468({defaultClassName:'_1a1ozfd1-1-1-0',variantClassNames:{variant:{'default':'_1a1ozfd2-1-1-0',rounded:'_1a1ozfd3-1-1-0'}},defaultVariants:{},compoundVariants:[]});"],
4
+ "sourcesContent": ["import './Skeleton.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var skeletonPlaceholderCSS = _7a468({defaultClassName:'_1a1ozfd1-1-3-0',variantClassNames:{variant:{'default':'_1a1ozfd2-1-3-0',rounded:'_1a1ozfd3-1-3-0'}},defaultVariants:{},compoundVariants:[]});"],
5
5
  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,yBAAyB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,WAAU,mBAAkB,SAAQ,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
6
6
  "names": []
7
7
  }