@dynatrace/strato-components 1.4.0 → 1.5.1

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 (256) hide show
  1. package/buttons/button/Button.css +18 -22
  2. package/buttons/button/Button.js +1 -0
  3. package/buttons/button/Button.sty.js +5 -4
  4. package/buttons/button/Label.js +1 -0
  5. package/buttons/button/Prefix.js +1 -0
  6. package/buttons/button/Suffix.js +1 -0
  7. package/buttons/button/types/button-aria.js +1 -0
  8. package/buttons/button/utils/focus-without-scrolling.js +1 -0
  9. package/buttons/button/utils/is-virtual-event.js +1 -0
  10. package/buttons/index.js +1 -0
  11. package/buttons/intent-button/IntentButton.js +1 -0
  12. package/buttons/intent-button/useIntentButton.js +1 -0
  13. package/content/index.js +1 -0
  14. package/content/progress/ProgressBar.css +71 -71
  15. package/content/progress/ProgressBar.js +1 -0
  16. package/content/progress/ProgressBar.sty.js +6 -5
  17. package/content/progress/ProgressBarIcon.css +2 -2
  18. package/content/progress/ProgressBarIcon.js +1 -0
  19. package/content/progress/ProgressBarIcon.sty.js +2 -1
  20. package/content/progress/ProgressBarLabel.css +3 -3
  21. package/content/progress/ProgressBarLabel.js +1 -0
  22. package/content/progress/ProgressBarLabel.sty.js +2 -1
  23. package/content/progress/ProgressBarValue.css +5 -5
  24. package/content/progress/ProgressBarValue.js +1 -0
  25. package/content/progress/ProgressBarValue.sty.js +2 -1
  26. package/content/progress/ProgressCircle.css +40 -40
  27. package/content/progress/ProgressCircle.js +1 -0
  28. package/content/progress/ProgressCircle.sty.js +6 -5
  29. package/content/progress/contexts/SharedProgressBarPropsContext.js +1 -0
  30. package/content/progress/hooks/useProgressAriaProps.js +1 -0
  31. package/content/progress/hooks/useProgressBarPropsContext.js +1 -0
  32. package/content/skeleton/Skeleton.css +6 -6
  33. package/content/skeleton/Skeleton.js +1 -0
  34. package/content/skeleton/Skeleton.sty.js +2 -1
  35. package/content/skeleton/SkeletonText.js +1 -0
  36. package/core/components/app-root/AppRoot.js +1 -0
  37. package/core/components/app-root/AppRoot.sty.js +1 -0
  38. package/core/components/focus-scope/FocusScope.js +1 -0
  39. package/core/contexts/FocusContext.js +1 -0
  40. package/core/hooks/useActiveElement.js +1 -0
  41. package/core/hooks/useAriaLabelingProps.js +1 -0
  42. package/core/hooks/useCurrentTheme.js +1 -0
  43. package/core/hooks/useFocusContext.js +1 -0
  44. package/core/hooks/useFontsUpdated.js +1 -0
  45. package/core/hooks/useId.js +1 -0
  46. package/core/hooks/useMergeRefs.js +1 -0
  47. package/core/hooks/useSafeForwardProps.js +1 -0
  48. package/core/index.js +1 -0
  49. package/core/providers/FocusProvider.js +1 -0
  50. package/core/styles/focusRing.css +66 -66
  51. package/core/styles/focusRing.sty.js +3 -2
  52. package/core/styles/useFocusRing.js +1 -0
  53. package/core/types/a11y-props.js +1 -0
  54. package/core/types/data-props.js +1 -0
  55. package/core/types/dom.js +1 -0
  56. package/core/types/heading.js +1 -0
  57. package/core/types/masking-props.js +1 -0
  58. package/core/types/polymorph.js +1 -0
  59. package/core/types/styling-props.js +1 -0
  60. package/core/types/with-children.js +1 -0
  61. package/core/utils/_is-string-children.js +1 -0
  62. package/core/utils/colorUtils.css +60 -60
  63. package/core/utils/colorUtils.sty.js +3 -2
  64. package/core/utils/focus-management/attempt-focus.js +1 -0
  65. package/core/utils/focus-management/focus-first-descendant.js +1 -0
  66. package/core/utils/focus-management/get-first-focusable-child.js +1 -0
  67. package/core/utils/focus-management/get-last-focusable-child.js +1 -0
  68. package/core/utils/focus-management/is-focusable.js +1 -0
  69. package/core/utils/isBrowser.js +1 -0
  70. package/core/utils/merge-props.js +1 -0
  71. package/core/utils/parse-boolean.js +1 -0
  72. package/core/utils/seed-random.js +1 -0
  73. package/core/utils/uuidv4.js +1 -0
  74. package/esm/buttons/button/Button.css +18 -22
  75. package/esm/buttons/button/Button.sty.js +4 -4
  76. package/esm/buttons/button/Button.sty.js.map +1 -1
  77. package/esm/content/progress/ProgressBar.css +71 -71
  78. package/esm/content/progress/ProgressBar.sty.js +5 -5
  79. package/esm/content/progress/ProgressBar.sty.js.map +1 -1
  80. package/esm/content/progress/ProgressBarIcon.css +2 -2
  81. package/esm/content/progress/ProgressBarIcon.sty.js +1 -1
  82. package/esm/content/progress/ProgressBarIcon.sty.js.map +1 -1
  83. package/esm/content/progress/ProgressBarLabel.css +3 -3
  84. package/esm/content/progress/ProgressBarLabel.sty.js +1 -1
  85. package/esm/content/progress/ProgressBarLabel.sty.js.map +1 -1
  86. package/esm/content/progress/ProgressBarValue.css +5 -5
  87. package/esm/content/progress/ProgressBarValue.sty.js +1 -1
  88. package/esm/content/progress/ProgressBarValue.sty.js.map +1 -1
  89. package/esm/content/progress/ProgressCircle.css +40 -40
  90. package/esm/content/progress/ProgressCircle.sty.js +5 -5
  91. package/esm/content/progress/ProgressCircle.sty.js.map +1 -1
  92. package/esm/content/skeleton/Skeleton.css +6 -6
  93. package/esm/content/skeleton/Skeleton.sty.js +1 -1
  94. package/esm/content/skeleton/Skeleton.sty.js.map +1 -1
  95. package/esm/core/styles/focusRing.css +66 -66
  96. package/esm/core/styles/focusRing.sty.js +2 -2
  97. package/esm/core/styles/focusRing.sty.js.map +1 -1
  98. package/esm/core/utils/colorUtils.css +60 -60
  99. package/esm/core/utils/colorUtils.sty.js +2 -2
  100. package/esm/core/utils/colorUtils.sty.js.map +1 -1
  101. package/esm/layouts/container/Container.css +4 -4
  102. package/esm/layouts/container/Container.sty.js +1 -1
  103. package/esm/layouts/container/Container.sty.js.map +1 -1
  104. package/esm/layouts/divider/Divider.css +6 -6
  105. package/esm/layouts/divider/Divider.sty.js +1 -1
  106. package/esm/layouts/divider/Divider.sty.js.map +1 -1
  107. package/esm/layouts/surface/Surface.css +39 -39
  108. package/esm/layouts/surface/Surface.sty.js +2 -2
  109. package/esm/layouts/surface/Surface.sty.js.map +1 -1
  110. package/esm/layouts/surface/variables.sty.js +1 -1
  111. package/esm/layouts/surface/variables.sty.js.map +1 -1
  112. package/esm/styles/colorUtils.css +60 -60
  113. package/esm/styles/colorUtils.sty.js +2 -2
  114. package/esm/styles/colorUtils.sty.js.map +1 -1
  115. package/esm/styles/container.css +47 -47
  116. package/esm/styles/container.sty.js +2 -2
  117. package/esm/styles/container.sty.js.map +1 -1
  118. package/esm/styles/ellipsis.css +1 -1
  119. package/esm/styles/ellipsis.sty.js +1 -1
  120. package/esm/styles/ellipsis.sty.js.map +1 -1
  121. package/esm/styles/field.css +153 -153
  122. package/esm/styles/field.sty.js +2 -2
  123. package/esm/styles/field.sty.js.map +1 -1
  124. package/esm/styles/sprinkles.css +262 -262
  125. package/esm/styles/sprinkles.sty.js +1 -1
  126. package/esm/styles/sprinkles.sty.js.map +1 -1
  127. package/esm/styles/textStyle.css +8 -8
  128. package/esm/styles/textStyle.sty.js +1 -1
  129. package/esm/styles/textStyle.sty.js.map +1 -1
  130. package/esm/typography/block-quote/Blockquote.css +2 -2
  131. package/esm/typography/block-quote/Blockquote.sty.js +1 -1
  132. package/esm/typography/block-quote/Blockquote.sty.js.map +1 -1
  133. package/esm/typography/code/Code.css +1 -1
  134. package/esm/typography/code/Code.sty.js +1 -1
  135. package/esm/typography/code/Code.sty.js.map +1 -1
  136. package/esm/typography/emphasis/Emphasis.css +1 -1
  137. package/esm/typography/emphasis/Emphasis.sty.js +1 -1
  138. package/esm/typography/emphasis/Emphasis.sty.js.map +1 -1
  139. package/esm/typography/external-link/ExternalLink.css +6 -6
  140. package/esm/typography/external-link/ExternalLink.sty.js +1 -1
  141. package/esm/typography/external-link/ExternalLink.sty.js.map +1 -1
  142. package/esm/typography/heading/Heading.css +7 -7
  143. package/esm/typography/heading/Heading.sty.js +1 -1
  144. package/esm/typography/heading/Heading.sty.js.map +1 -1
  145. package/esm/typography/highlight/Highlight.css +2 -1
  146. package/esm/typography/highlight/Highlight.sty.js +1 -1
  147. package/esm/typography/highlight/Highlight.sty.js.map +1 -1
  148. package/esm/typography/link/Link.css +4 -4
  149. package/esm/typography/link/Link.sty.js +1 -1
  150. package/esm/typography/link/Link.sty.js.map +1 -1
  151. package/esm/typography/list/List.css +4 -4
  152. package/esm/typography/list/List.sty.js +2 -2
  153. package/esm/typography/list/List.sty.js.map +1 -1
  154. package/esm/typography/paragraph/Paragraph.css +3 -3
  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.sty.js +1 -1
  159. package/esm/typography/strikethrough/Strikethrough.sty.js.map +1 -1
  160. package/esm/typography/strong/Strong.css +1 -1
  161. package/esm/typography/strong/Strong.sty.js +1 -1
  162. package/esm/typography/strong/Strong.sty.js.map +1 -1
  163. package/esm/typography/text/Text.css +3 -3
  164. package/esm/typography/text/Text.sty.js +1 -1
  165. package/esm/typography/text/Text.sty.js.map +1 -1
  166. package/esm/typography/text-ellipsis/TextEllipsis.css +8 -5
  167. package/esm/typography/text-ellipsis/TextEllipsis.js +4 -4
  168. package/esm/typography/text-ellipsis/TextEllipsis.js.map +2 -2
  169. package/esm/typography/text-ellipsis/TextEllipsis.sty.js +4 -4
  170. package/esm/typography/text-ellipsis/TextEllipsis.sty.js.map +2 -2
  171. package/index.js +1 -0
  172. package/layouts/container/Container.css +4 -4
  173. package/layouts/container/Container.js +1 -0
  174. package/layouts/container/Container.sty.js +2 -1
  175. package/layouts/divider/Divider.css +6 -6
  176. package/layouts/divider/Divider.js +1 -0
  177. package/layouts/divider/Divider.sty.js +2 -1
  178. package/layouts/flex/Flex.js +1 -0
  179. package/layouts/grid/Grid.js +1 -0
  180. package/layouts/helpers/spacingToCss.js +1 -0
  181. package/layouts/hooks/useBreakpoint.js +1 -0
  182. package/layouts/hooks/useLayoutSizeProps.js +1 -0
  183. package/layouts/hooks/useLayoutStyles.js +1 -0
  184. package/layouts/hooks/useMarginProps.js +1 -0
  185. package/layouts/hooks/usePaddingProps.js +1 -0
  186. package/layouts/index.js +1 -0
  187. package/layouts/surface/Surface.css +39 -39
  188. package/layouts/surface/Surface.js +1 -0
  189. package/layouts/surface/Surface.sty.js +3 -2
  190. package/layouts/surface/variables.sty.js +2 -1
  191. package/layouts/types/layout.types.js +1 -0
  192. package/package.json +5 -5
  193. package/styles/colorUtils.css +60 -60
  194. package/styles/colorUtils.sty.js +3 -2
  195. package/styles/container.css +47 -47
  196. package/styles/container.sty.js +3 -2
  197. package/styles/ellipsis.css +1 -1
  198. package/styles/ellipsis.sty.js +2 -1
  199. package/styles/extract-util.js +1 -0
  200. package/styles/field.css +153 -153
  201. package/styles/field.sty.js +3 -2
  202. package/styles/getFlexStyles.js +1 -0
  203. package/styles/getGapSprinkles.js +1 -0
  204. package/styles/getGridFlexPositionSprinkles.js +1 -0
  205. package/styles/getGridStyles.js +1 -0
  206. package/styles/getLayoutSizeStyles.js +1 -0
  207. package/styles/getSpacingSprinkles.js +1 -0
  208. package/styles/index.js +1 -0
  209. package/styles/safe-sprinkles.js +1 -0
  210. package/styles/sprinkle-properties.js +1 -0
  211. package/styles/sprinkles.css +262 -262
  212. package/styles/sprinkles.sty.js +2 -1
  213. package/styles/textStyle.css +8 -8
  214. package/styles/textStyle.sty.js +2 -1
  215. package/typography/block-quote/Blockquote.css +2 -2
  216. package/typography/block-quote/Blockquote.js +1 -0
  217. package/typography/block-quote/Blockquote.sty.js +2 -1
  218. package/typography/code/Code.css +1 -1
  219. package/typography/code/Code.js +1 -0
  220. package/typography/code/Code.sty.js +2 -1
  221. package/typography/emphasis/Emphasis.css +1 -1
  222. package/typography/emphasis/Emphasis.js +1 -0
  223. package/typography/emphasis/Emphasis.sty.js +2 -1
  224. package/typography/external-link/ExternalLink.css +6 -6
  225. package/typography/external-link/ExternalLink.js +1 -0
  226. package/typography/external-link/ExternalLink.sty.js +2 -1
  227. package/typography/heading/Heading.css +7 -7
  228. package/typography/heading/Heading.js +1 -0
  229. package/typography/heading/Heading.sty.js +2 -1
  230. package/typography/highlight/Highlight.css +2 -1
  231. package/typography/highlight/Highlight.js +1 -0
  232. package/typography/highlight/Highlight.sty.js +2 -1
  233. package/typography/index.js +1 -0
  234. package/typography/link/Link.css +4 -4
  235. package/typography/link/Link.js +1 -0
  236. package/typography/link/Link.sty.js +2 -1
  237. package/typography/list/List.css +4 -4
  238. package/typography/list/List.js +1 -0
  239. package/typography/list/List.sty.js +3 -2
  240. package/typography/paragraph/Paragraph.css +3 -3
  241. package/typography/paragraph/Paragraph.js +1 -0
  242. package/typography/paragraph/Paragraph.sty.js +2 -1
  243. package/typography/strikethrough/Strikethrough.css +1 -1
  244. package/typography/strikethrough/Strikethrough.js +1 -0
  245. package/typography/strikethrough/Strikethrough.sty.js +2 -1
  246. package/typography/strong/Strong.css +1 -1
  247. package/typography/strong/Strong.js +1 -0
  248. package/typography/strong/Strong.sty.js +2 -1
  249. package/typography/text/Text.css +3 -3
  250. package/typography/text/Text.js +1 -0
  251. package/typography/text/Text.sty.js +2 -1
  252. package/typography/text-ellipsis/TextEllipsis.css +8 -5
  253. package/typography/text-ellipsis/TextEllipsis.js +5 -4
  254. package/typography/text-ellipsis/TextEllipsis.sty.d.ts +7 -2
  255. package/typography/text-ellipsis/TextEllipsis.sty.js +5 -4
  256. package/typography/utils.js +1 -0
@@ -1,86 +1,86 @@
1
- ._1qto6jt6-1-4-0 {
2
- --_1igzksy0-1-4-0: var(--dt-borders-radius-surface-default, 16px);
1
+ ._1qto6jt6-1-5-1 {
2
+ --_1igzksy0-1-5-1: var(--dt-borders-radius-surface-default, 16px);
3
3
  color: var(--dt-colors-text-neutral-default, #2b2a58);
4
4
  text-align: left;
5
5
  border: none;
6
6
  outline: none;
7
7
  position: relative;
8
8
  background-color: var(--dt-colors-background-surface-default, #fcfcfd);
9
- border-radius: var(--_1igzksy0-1-4-0);
9
+ border-radius: var(--_1igzksy0-1-5-1);
10
10
  }
11
- ._1qto6jt6-1-4-0::before, ._1qto6jt6-1-4-0::after {
11
+ ._1qto6jt6-1-5-1::before, ._1qto6jt6-1-5-1::after {
12
12
  content: "";
13
13
  width: 100%;
14
14
  height: 100%;
15
15
  position: absolute;
16
16
  left: 0;
17
17
  top: 0;
18
- border-radius: var(--_1igzksy0-1-4-0);
18
+ border-radius: var(--_1igzksy0-1-5-1);
19
19
  pointer-events: none;
20
20
  }
21
- ._1qto6jt6-1-4-0::after {
21
+ ._1qto6jt6-1-5-1::after {
22
22
  outline-offset: 2px;
23
- outline: 2px solid var(--_17bwkb02-1-4-0);
24
- opacity: var(--_1qto6jt4-1-4-0);
25
- transition: var(--_1qto6jt5-1-4-0);
23
+ outline: 2px solid var(--_17bwkb02-1-5-1);
24
+ opacity: var(--_1qto6jt4-1-5-1);
25
+ transition: var(--_1qto6jt5-1-5-1);
26
26
  }
27
- ._1qto6jt7-1-4-0 {
28
- --_1qto6jt4-1-4-0: 1;
29
- --_1qto6jt5-1-4-0: var(--dt-animations-fade-in-easing, cubic-bezier(0.5, 0, 1, 1)) var(--dt-animations-fade-in-duration-fast, 150ms);
27
+ ._1qto6jt7-1-5-1 {
28
+ --_1qto6jt4-1-5-1: 1;
29
+ --_1qto6jt5-1-5-1: var(--dt-animations-fade-in-easing, cubic-bezier(0.5, 0, 1, 1)) var(--dt-animations-fade-in-duration-fast, 150ms);
30
30
  }
31
- ._1qto6jt8-1-4-0 {
32
- --_1qto6jt4-1-4-0: 0;
33
- --_1qto6jt5-1-4-0: var(--dt-animations-fade-out-easing, cubic-bezier(0, 0, 0.2, 1)) var(--dt-animations-fade-out-duration-fast, 150ms);
31
+ ._1qto6jt8-1-5-1 {
32
+ --_1qto6jt4-1-5-1: 0;
33
+ --_1qto6jt5-1-5-1: var(--dt-animations-fade-out-easing, cubic-bezier(0, 0, 0.2, 1)) var(--dt-animations-fade-out-duration-fast, 150ms);
34
34
  }
35
- ._1qto6jt9-1-4-0 {
36
- --_1qto6jt1-1-4-0: 0;
37
- --_1qto6jt2-1-4-0: pointer;
38
- --_1qto6jt3-1-4-0: var(--dt-box-shadows-surface-flat-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12);
35
+ ._1qto6jt9-1-5-1 {
36
+ --_1qto6jt1-1-5-1: 0;
37
+ --_1qto6jt2-1-5-1: pointer;
38
+ --_1qto6jt3-1-5-1: var(--dt-box-shadows-surface-flat-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12);
39
39
  width: 100%;
40
40
  height: 100%;
41
41
  position: absolute;
42
42
  left: 0;
43
43
  top: 0;
44
- border-radius: var(--_1igzksy0-1-4-0);
44
+ border-radius: var(--_1igzksy0-1-5-1);
45
45
  pointer-events: none;
46
46
  }
47
- ._1qto6jt9-1-4-0::after,._1qto6jt9-1-4-0::before {
47
+ ._1qto6jt9-1-5-1::after,._1qto6jt9-1-5-1::before {
48
48
  content: "";
49
49
  width: 100%;
50
50
  height: 100%;
51
51
  position: absolute;
52
52
  left: 0;
53
53
  top: 0;
54
- border-radius: var(--_1igzksy0-1-4-0);
54
+ border-radius: var(--_1igzksy0-1-5-1);
55
55
  pointer-events: none;
56
56
  transition: var(--dt-animations-fade-in-easing, cubic-bezier(0.5, 0, 1, 1)) var(--dt-animations-fade-in-duration-fast, 150ms);
57
57
  }
58
- ._1qto6jt9-1-4-0::after {
59
- box-shadow: var(--_1qto6jt0-1-4-0);
60
- opacity: var(--_1qto6jt1-1-4-0);
58
+ ._1qto6jt9-1-5-1::after {
59
+ box-shadow: var(--_1qto6jt0-1-5-1);
60
+ opacity: var(--_1qto6jt1-1-5-1);
61
61
  }
62
- ._1qto6jt9-1-4-0::before {
63
- box-shadow: var(--_1qto6jt3-1-4-0);
62
+ ._1qto6jt9-1-5-1::before {
63
+ box-shadow: var(--_1qto6jt3-1-5-1);
64
64
  opacity: 0;
65
65
  }
66
- ._1qto6jta-1-4-0 {
67
- --_1qto6jt0-1-4-0: var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
68
- --_1qto6jt3-1-4-0: var(--dt-box-shadows-surface-flat-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12);
66
+ ._1qto6jta-1-5-1 {
67
+ --_1qto6jt0-1-5-1: var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
68
+ --_1qto6jt3-1-5-1: var(--dt-box-shadows-surface-flat-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12);
69
69
  box-shadow: var(--dt-box-shadows-surface-flat-rest, none);
70
70
  }
71
- ._1qto6jtb-1-4-0 {
72
- --_1qto6jt0-1-4-0: var(--dt-box-shadows-surface-raised-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
73
- --_1qto6jt3-1-4-0: var(--dt-box-shadows-surface-raised-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
71
+ ._1qto6jtb-1-5-1 {
72
+ --_1qto6jt0-1-5-1: var(--dt-box-shadows-surface-raised-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
73
+ --_1qto6jt3-1-5-1: var(--dt-box-shadows-surface-raised-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
74
74
  box-shadow: var(--dt-box-shadows-surface-raised-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12);
75
75
  }
76
- ._1qto6jtc-1-4-0 {
77
- --_1qto6jt0-1-4-0: var(--dt-box-shadows-surface-floating-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
78
- --_1qto6jt3-1-4-0: var(--dt-box-shadows-surface-floating-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 6px 14px -2px #2d2e4e3d);
76
+ ._1qto6jtc-1-5-1 {
77
+ --_1qto6jt0-1-5-1: var(--dt-box-shadows-surface-floating-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
78
+ --_1qto6jt3-1-5-1: var(--dt-box-shadows-surface-floating-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 6px 14px -2px #2d2e4e3d);
79
79
  box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
80
80
  }
81
- ._1qto6jtd-1-4-0 {
82
- --_1qto6jt1-1-4-0: 1;
83
- --_1qto6jt2-1-4-0: grab;
81
+ ._1qto6jtd-1-5-1 {
82
+ --_1qto6jt1-1-5-1: 1;
83
+ --_1qto6jt2-1-5-1: grab;
84
84
  }
85
85
  button.strato-surface:not(:disabled), a.strato-surface:not(:disabled) {
86
86
  cursor: pointer;
@@ -1,8 +1,8 @@
1
1
  import "../../styles/colorUtils.css";
2
2
  import "./Surface.css";
3
3
  import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
4
- var pseudoElement = _7a468({ defaultClassName: "_1qto6jt9-1-4-0", variantClassNames: { elevation: { flat: "_1qto6jta-1-4-0", raised: "_1qto6jtb-1-4-0", floating: "_1qto6jtc-1-4-0" }, dragged: { true: "_1qto6jtd-1-4-0" } }, defaultVariants: {}, compoundVariants: [] });
5
- var surface = _7a468({ defaultClassName: "_1qto6jt6-1-4-0", variantClassNames: { selected: { true: "_1qto6jt7-1-4-0", false: "_1qto6jt8-1-4-0" } }, defaultVariants: {}, compoundVariants: [] });
4
+ var pseudoElement = _7a468({ defaultClassName: "_1qto6jt9-1-5-1", variantClassNames: { elevation: { flat: "_1qto6jta-1-5-1", raised: "_1qto6jtb-1-5-1", floating: "_1qto6jtc-1-5-1" }, dragged: { true: "_1qto6jtd-1-5-1" } }, defaultVariants: {}, compoundVariants: [] });
5
+ var surface = _7a468({ defaultClassName: "_1qto6jt6-1-5-1", variantClassNames: { selected: { true: "_1qto6jt7-1-5-1", false: "_1qto6jt8-1-5-1" } }, defaultVariants: {}, compoundVariants: [] });
6
6
  export {
7
7
  pseudoElement,
8
8
  surface
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/layouts/surface/Surface.css.ts"],
4
- "sourcesContent": ["import '../../styles/colorUtils.css';\nimport './Surface.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var pseudoElement = _7a468({defaultClassName:'_1qto6jt9-1-4-0',variantClassNames:{elevation:{flat:'_1qto6jta-1-4-0',raised:'_1qto6jtb-1-4-0',floating:'_1qto6jtc-1-4-0'},dragged:{true:'_1qto6jtd-1-4-0'}},defaultVariants:{},compoundVariants:[]});\nexport var surface = _7a468({defaultClassName:'_1qto6jt6-1-4-0',variantClassNames:{selected:{true:'_1qto6jt7-1-4-0',false:'_1qto6jt8-1-4-0'}},defaultVariants:{},compoundVariants:[]});"],
4
+ "sourcesContent": ["import '../../styles/colorUtils.css';\nimport './Surface.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var pseudoElement = _7a468({defaultClassName:'_1qto6jt9-1-5-1',variantClassNames:{elevation:{flat:'_1qto6jta-1-5-1',raised:'_1qto6jtb-1-5-1',floating:'_1qto6jtc-1-5-1'},dragged:{true:'_1qto6jtd-1-5-1'}},defaultVariants:{},compoundVariants:[]});\nexport var surface = _7a468({defaultClassName:'_1qto6jt6-1-5-1',variantClassNames:{selected:{true:'_1qto6jt7-1-5-1',false:'_1qto6jt8-1-5-1'}},defaultVariants:{},compoundVariants:[]});"],
5
5
  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,WAAU,EAAC,MAAK,mBAAkB,QAAO,mBAAkB,UAAS,kBAAiB,GAAE,SAAQ,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAClP,IAAI,UAAU,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
6
6
  "names": []
7
7
  }
@@ -1,4 +1,4 @@
1
- var surfaceBorderRadius = "var(--_1igzksy0-1-4-0)";
1
+ var surfaceBorderRadius = "var(--_1igzksy0-1-5-1)";
2
2
  export {
3
3
  surfaceBorderRadius
4
4
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/layouts/surface/variables.css.ts"],
4
- "sourcesContent": ["export var surfaceBorderRadius = 'var(--_1igzksy0-1-4-0)';"],
4
+ "sourcesContent": ["export var surfaceBorderRadius = 'var(--_1igzksy0-1-5-1)';"],
5
5
  "mappings": "AAAO,IAAI,sBAAsB;",
6
6
  "names": []
7
7
  }
@@ -1,75 +1,75 @@
1
- ._17bwkb04-1-4-0 {
2
- --_17bwkb00-1-4-0: var(--dt-colors-text-critical-default, #b80031);
3
- --_17bwkb01-1-4-0: var(--dt-colors-icon-critical-default, #b80031);
4
- --_17bwkb02-1-4-0: var(--dt-colors-border-critical-default, #f1cdcf);
1
+ ._17bwkb04-1-5-1 {
2
+ --_17bwkb00-1-5-1: var(--dt-colors-text-critical-default, #b80031);
3
+ --_17bwkb01-1-5-1: var(--dt-colors-icon-critical-default, #b80031);
4
+ --_17bwkb02-1-5-1: var(--dt-colors-border-critical-default, #f1cdcf);
5
5
  }
6
- ._17bwkb05-1-4-0 {
7
- --_17bwkb00-1-4-0: var(--dt-colors-text-neutral-default, #2b2a58);
8
- --_17bwkb01-1-4-0: var(--dt-colors-icon-neutral-default, #2b2a58);
9
- --_17bwkb02-1-4-0: var(--dt-colors-border-neutral-default, #d2d3e1);
6
+ ._17bwkb05-1-5-1 {
7
+ --_17bwkb00-1-5-1: var(--dt-colors-text-neutral-default, #2b2a58);
8
+ --_17bwkb01-1-5-1: var(--dt-colors-icon-neutral-default, #2b2a58);
9
+ --_17bwkb02-1-5-1: var(--dt-colors-border-neutral-default, #d2d3e1);
10
10
  }
11
- ._17bwkb06-1-4-0 {
12
- --_17bwkb00-1-4-0: var(--dt-colors-text-primary-default, #454cc9);
13
- --_17bwkb01-1-4-0: var(--dt-colors-icon-primary-default, #454cc9);
14
- --_17bwkb02-1-4-0: var(--dt-colors-border-primary-default, #ccd3f3);
11
+ ._17bwkb06-1-5-1 {
12
+ --_17bwkb00-1-5-1: var(--dt-colors-text-primary-default, #454cc9);
13
+ --_17bwkb01-1-5-1: var(--dt-colors-icon-primary-default, #454cc9);
14
+ --_17bwkb02-1-5-1: var(--dt-colors-border-primary-default, #ccd3f3);
15
15
  }
16
- ._17bwkb07-1-4-0 {
17
- --_17bwkb00-1-4-0: var(--dt-colors-text-success-default, #2c6360);
18
- --_17bwkb01-1-4-0: var(--dt-colors-icon-success-default, #2c6360);
19
- --_17bwkb02-1-4-0: var(--dt-colors-border-success-default, #cad6d7);
16
+ ._17bwkb07-1-5-1 {
17
+ --_17bwkb00-1-5-1: var(--dt-colors-text-success-default, #2c6360);
18
+ --_17bwkb01-1-5-1: var(--dt-colors-icon-success-default, #2c6360);
19
+ --_17bwkb02-1-5-1: var(--dt-colors-border-success-default, #cad6d7);
20
20
  }
21
- ._17bwkb08-1-4-0 {
22
- --_17bwkb00-1-4-0: var(--dt-colors-text-warning-default, #805100);
23
- --_17bwkb01-1-4-0: var(--dt-colors-icon-warning-default, #805100);
24
- --_17bwkb02-1-4-0: var(--dt-colors-border-warning-default, #f4e5d5);
21
+ ._17bwkb08-1-5-1 {
22
+ --_17bwkb00-1-5-1: var(--dt-colors-text-warning-default, #805100);
23
+ --_17bwkb01-1-5-1: var(--dt-colors-icon-warning-default, #805100);
24
+ --_17bwkb02-1-5-1: var(--dt-colors-border-warning-default, #f4e5d5);
25
25
  }
26
- ._17bwkb0d-1-4-0 {
27
- --_17bwkb00-1-4-0: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
28
- --_17bwkb01-1-4-0: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
29
- --_17bwkb02-1-4-0: var(--dt-colors-border-primary-accent, #454cc9);
26
+ ._17bwkb0d-1-5-1 {
27
+ --_17bwkb00-1-5-1: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
28
+ --_17bwkb01-1-5-1: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
29
+ --_17bwkb02-1-5-1: var(--dt-colors-border-primary-accent, #454cc9);
30
30
  }
31
- ._17bwkb0e-1-4-0 {
32
- --_17bwkb00-1-4-0: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
33
- --_17bwkb01-1-4-0: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
34
- --_17bwkb02-1-4-0: var(--dt-colors-border-success-accent, #2c6360);
31
+ ._17bwkb0e-1-5-1 {
32
+ --_17bwkb00-1-5-1: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
33
+ --_17bwkb01-1-5-1: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
34
+ --_17bwkb02-1-5-1: var(--dt-colors-border-success-accent, #2c6360);
35
35
  }
36
- ._17bwkb0f-1-4-0 {
37
- --_17bwkb00-1-4-0: var(--dt-colors-text-warning-on-accent-default, #272025);
38
- --_17bwkb01-1-4-0: var(--dt-colors-icon-warning-on-accent-default, #272025);
39
- --_17bwkb02-1-4-0: var(--dt-colors-border-warning-accent, #805100);
36
+ ._17bwkb0f-1-5-1 {
37
+ --_17bwkb00-1-5-1: var(--dt-colors-text-warning-on-accent-default, #272025);
38
+ --_17bwkb01-1-5-1: var(--dt-colors-icon-warning-on-accent-default, #272025);
39
+ --_17bwkb02-1-5-1: var(--dt-colors-border-warning-accent, #805100);
40
40
  }
41
- ._17bwkb0g-1-4-0 {
42
- --_17bwkb00-1-4-0: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
43
- --_17bwkb01-1-4-0: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
44
- --_17bwkb02-1-4-0: var(--dt-colors-border-critical-accent, #b80031);
41
+ ._17bwkb0g-1-5-1 {
42
+ --_17bwkb00-1-5-1: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
43
+ --_17bwkb01-1-5-1: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
44
+ --_17bwkb02-1-5-1: var(--dt-colors-border-critical-accent, #b80031);
45
45
  }
46
- ._17bwkb0h-1-4-0 {
47
- --_17bwkb00-1-4-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
48
- --_17bwkb01-1-4-0: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
49
- --_17bwkb02-1-4-0: var(--dt-colors-border-neutral-accent, #545587);
46
+ ._17bwkb0h-1-5-1 {
47
+ --_17bwkb00-1-5-1: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
48
+ --_17bwkb01-1-5-1: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
49
+ --_17bwkb02-1-5-1: var(--dt-colors-border-neutral-accent, #545587);
50
50
  }
51
- ._17bwkb0i-1-4-0 {
52
- --_17bwkb00-1-4-0: var(--dt-colors-text-primary-disabled, #54558780);
53
- --_17bwkb01-1-4-0: var(--dt-colors-icon-primary-disabled, #54558780);
54
- --_17bwkb02-1-4-0: var(--dt-colors-border-primary-disabled, #d2d3e180);
51
+ ._17bwkb0i-1-5-1 {
52
+ --_17bwkb00-1-5-1: var(--dt-colors-text-primary-disabled, #54558780);
53
+ --_17bwkb01-1-5-1: var(--dt-colors-icon-primary-disabled, #54558780);
54
+ --_17bwkb02-1-5-1: var(--dt-colors-border-primary-disabled, #d2d3e180);
55
55
  }
56
- ._17bwkb0j-1-4-0 {
57
- --_17bwkb00-1-4-0: var(--dt-colors-text-success-disabled, #54558780);
58
- --_17bwkb01-1-4-0: var(--dt-colors-icon-success-disabled, #54558780);
59
- --_17bwkb02-1-4-0: var(--dt-colors-border-success-disabled, #d2d3e180);
56
+ ._17bwkb0j-1-5-1 {
57
+ --_17bwkb00-1-5-1: var(--dt-colors-text-success-disabled, #54558780);
58
+ --_17bwkb01-1-5-1: var(--dt-colors-icon-success-disabled, #54558780);
59
+ --_17bwkb02-1-5-1: var(--dt-colors-border-success-disabled, #d2d3e180);
60
60
  }
61
- ._17bwkb0k-1-4-0 {
62
- --_17bwkb00-1-4-0: var(--dt-colors-text-warning-disabled, #54558780);
63
- --_17bwkb01-1-4-0: var(--dt-colors-icon-warning-disabled, #54558780);
64
- --_17bwkb02-1-4-0: var(--dt-colors-border-warning-disabled, #d2d3e180);
61
+ ._17bwkb0k-1-5-1 {
62
+ --_17bwkb00-1-5-1: var(--dt-colors-text-warning-disabled, #54558780);
63
+ --_17bwkb01-1-5-1: var(--dt-colors-icon-warning-disabled, #54558780);
64
+ --_17bwkb02-1-5-1: var(--dt-colors-border-warning-disabled, #d2d3e180);
65
65
  }
66
- ._17bwkb0l-1-4-0 {
67
- --_17bwkb00-1-4-0: var(--dt-colors-text-critical-disabled, #54558780);
68
- --_17bwkb01-1-4-0: var(--dt-colors-icon-critical-disabled, #54558780);
69
- --_17bwkb02-1-4-0: var(--dt-colors-border-critical-disabled, #d2d3e180);
66
+ ._17bwkb0l-1-5-1 {
67
+ --_17bwkb00-1-5-1: var(--dt-colors-text-critical-disabled, #54558780);
68
+ --_17bwkb01-1-5-1: var(--dt-colors-icon-critical-disabled, #54558780);
69
+ --_17bwkb02-1-5-1: var(--dt-colors-border-critical-disabled, #d2d3e180);
70
70
  }
71
- ._17bwkb0m-1-4-0 {
72
- --_17bwkb00-1-4-0: var(--dt-colors-text-neutral-disabled, #54558780);
73
- --_17bwkb01-1-4-0: var(--dt-colors-icon-neutral-disabled, #54558780);
74
- --_17bwkb02-1-4-0: var(--dt-colors-border-neutral-disabled, #d2d3e180);
71
+ ._17bwkb0m-1-5-1 {
72
+ --_17bwkb00-1-5-1: var(--dt-colors-text-neutral-disabled, #54558780);
73
+ --_17bwkb01-1-5-1: var(--dt-colors-icon-neutral-disabled, #54558780);
74
+ --_17bwkb02-1-5-1: var(--dt-colors-border-neutral-disabled, #d2d3e180);
75
75
  }
@@ -1,7 +1,7 @@
1
1
  import "./colorUtils.css";
2
2
  import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
3
- var colorUtilsCSS = _7a468({ defaultClassName: "_17bwkb03-1-4-0", variantClassNames: { color: { critical: "_17bwkb04-1-4-0", neutral: "_17bwkb05-1-4-0", primary: "_17bwkb06-1-4-0", success: "_17bwkb07-1-4-0", warning: "_17bwkb08-1-4-0" }, variant: { "default": "_17bwkb09-1-4-0", accent: "_17bwkb0a-1-4-0" }, disabled: { true: "_17bwkb0b-1-4-0", false: "_17bwkb0c-1-4-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_17bwkb0d-1-4-0"], [{ color: "success", variant: "accent" }, "_17bwkb0e-1-4-0"], [{ color: "warning", variant: "accent" }, "_17bwkb0f-1-4-0"], [{ color: "critical", variant: "accent" }, "_17bwkb0g-1-4-0"], [{ color: "neutral", variant: "accent" }, "_17bwkb0h-1-4-0"], [{ color: "primary", disabled: true }, "_17bwkb0i-1-4-0"], [{ color: "success", disabled: true }, "_17bwkb0j-1-4-0"], [{ color: "warning", disabled: true }, "_17bwkb0k-1-4-0"], [{ color: "critical", disabled: true }, "_17bwkb0l-1-4-0"], [{ color: "neutral", disabled: true }, "_17bwkb0m-1-4-0"]] });
4
- var colorUtilsVars = { text: "var(--_17bwkb00-1-4-0)", icon: "var(--_17bwkb01-1-4-0)", borderColor: "var(--_17bwkb02-1-4-0)" };
3
+ var colorUtilsCSS = _7a468({ defaultClassName: "_17bwkb03-1-5-1", variantClassNames: { color: { critical: "_17bwkb04-1-5-1", neutral: "_17bwkb05-1-5-1", primary: "_17bwkb06-1-5-1", success: "_17bwkb07-1-5-1", warning: "_17bwkb08-1-5-1" }, variant: { "default": "_17bwkb09-1-5-1", accent: "_17bwkb0a-1-5-1" }, disabled: { true: "_17bwkb0b-1-5-1", false: "_17bwkb0c-1-5-1" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_17bwkb0d-1-5-1"], [{ color: "success", variant: "accent" }, "_17bwkb0e-1-5-1"], [{ color: "warning", variant: "accent" }, "_17bwkb0f-1-5-1"], [{ color: "critical", variant: "accent" }, "_17bwkb0g-1-5-1"], [{ color: "neutral", variant: "accent" }, "_17bwkb0h-1-5-1"], [{ color: "primary", disabled: true }, "_17bwkb0i-1-5-1"], [{ color: "success", disabled: true }, "_17bwkb0j-1-5-1"], [{ color: "warning", disabled: true }, "_17bwkb0k-1-5-1"], [{ color: "critical", disabled: true }, "_17bwkb0l-1-5-1"], [{ color: "neutral", disabled: true }, "_17bwkb0m-1-5-1"]] });
4
+ var colorUtilsVars = { text: "var(--_17bwkb00-1-5-1)", icon: "var(--_17bwkb01-1-5-1)", borderColor: "var(--_17bwkb02-1-5-1)" };
5
5
  export {
6
6
  colorUtilsCSS,
7
7
  colorUtilsVars
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/styles/colorUtils.css.ts"],
4
- "sourcesContent": ["import './colorUtils.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var colorUtilsCSS = _7a468({defaultClassName:'_17bwkb03-1-4-0',variantClassNames:{color:{critical:'_17bwkb04-1-4-0',neutral:'_17bwkb05-1-4-0',primary:'_17bwkb06-1-4-0',success:'_17bwkb07-1-4-0',warning:'_17bwkb08-1-4-0'},variant:{'default':'_17bwkb09-1-4-0',accent:'_17bwkb0a-1-4-0'},disabled:{true:'_17bwkb0b-1-4-0',false:'_17bwkb0c-1-4-0'}},defaultVariants:{},compoundVariants:[[{color:'primary',variant:'accent'},'_17bwkb0d-1-4-0'],[{color:'success',variant:'accent'},'_17bwkb0e-1-4-0'],[{color:'warning',variant:'accent'},'_17bwkb0f-1-4-0'],[{color:'critical',variant:'accent'},'_17bwkb0g-1-4-0'],[{color:'neutral',variant:'accent'},'_17bwkb0h-1-4-0'],[{color:'primary',disabled:true},'_17bwkb0i-1-4-0'],[{color:'success',disabled:true},'_17bwkb0j-1-4-0'],[{color:'warning',disabled:true},'_17bwkb0k-1-4-0'],[{color:'critical',disabled:true},'_17bwkb0l-1-4-0'],[{color:'neutral',disabled:true},'_17bwkb0m-1-4-0']]});\nexport var colorUtilsVars = {text:'var(--_17bwkb00-1-4-0)',icon:'var(--_17bwkb01-1-4-0)',borderColor:'var(--_17bwkb02-1-4-0)'};"],
4
+ "sourcesContent": ["import './colorUtils.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var colorUtilsCSS = _7a468({defaultClassName:'_17bwkb03-1-5-1',variantClassNames:{color:{critical:'_17bwkb04-1-5-1',neutral:'_17bwkb05-1-5-1',primary:'_17bwkb06-1-5-1',success:'_17bwkb07-1-5-1',warning:'_17bwkb08-1-5-1'},variant:{'default':'_17bwkb09-1-5-1',accent:'_17bwkb0a-1-5-1'},disabled:{true:'_17bwkb0b-1-5-1',false:'_17bwkb0c-1-5-1'}},defaultVariants:{},compoundVariants:[[{color:'primary',variant:'accent'},'_17bwkb0d-1-5-1'],[{color:'success',variant:'accent'},'_17bwkb0e-1-5-1'],[{color:'warning',variant:'accent'},'_17bwkb0f-1-5-1'],[{color:'critical',variant:'accent'},'_17bwkb0g-1-5-1'],[{color:'neutral',variant:'accent'},'_17bwkb0h-1-5-1'],[{color:'primary',disabled:true},'_17bwkb0i-1-5-1'],[{color:'success',disabled:true},'_17bwkb0j-1-5-1'],[{color:'warning',disabled:true},'_17bwkb0k-1-5-1'],[{color:'critical',disabled:true},'_17bwkb0l-1-5-1'],[{color:'neutral',disabled:true},'_17bwkb0m-1-5-1']]});\nexport var colorUtilsVars = {text:'var(--_17bwkb00-1-5-1)',icon:'var(--_17bwkb01-1-5-1)',borderColor:'var(--_17bwkb02-1-5-1)'};"],
5
5
  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,OAAM,EAAC,UAAS,mBAAkB,SAAQ,mBAAkB,SAAQ,mBAAkB,SAAQ,mBAAkB,SAAQ,kBAAiB,GAAE,SAAQ,EAAC,WAAU,mBAAkB,QAAO,kBAAiB,GAAE,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,YAAW,SAAQ,SAAQ,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,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;AACt5B,IAAI,iBAAiB,EAAC,MAAK,0BAAyB,MAAK,0BAAyB,aAAY,yBAAwB;",
6
6
  "names": []
7
7
  }
@@ -1,64 +1,64 @@
1
- ._6levse4-1-4-0 {
2
- --_6levse0-1-4-0: var(--dt-colors-text-critical-default, #b80031);
3
- --_6levse1-1-4-0: var(--dt-colors-background-container-critical-default, #f3eaed);
4
- --_6levse2-1-4-0: var(--dt-colors-border-critical-default, #f1cdcf);
1
+ ._6levse4-1-5-1 {
2
+ --_6levse0-1-5-1: var(--dt-colors-text-critical-default, #b80031);
3
+ --_6levse1-1-5-1: var(--dt-colors-background-container-critical-default, #f3eaed);
4
+ --_6levse2-1-5-1: var(--dt-colors-border-critical-default, #f1cdcf);
5
5
  }
6
- ._6levse5-1-4-0 {
7
- --_6levse0-1-4-0: var(--dt-colors-text-neutral-default, #2b2a58);
8
- --_6levse1-1-4-0: var(--dt-colors-background-container-neutral-default, #ebebf2);
9
- --_6levse2-1-4-0: var(--dt-colors-border-neutral-default, #d2d3e1);
6
+ ._6levse5-1-5-1 {
7
+ --_6levse0-1-5-1: var(--dt-colors-text-neutral-default, #2b2a58);
8
+ --_6levse1-1-5-1: var(--dt-colors-background-container-neutral-default, #ebebf2);
9
+ --_6levse2-1-5-1: var(--dt-colors-border-neutral-default, #d2d3e1);
10
10
  }
11
- ._6levse6-1-4-0 {
12
- --_6levse0-1-4-0: var(--dt-colors-text-primary-default, #454cc9);
13
- --_6levse1-1-4-0: var(--dt-colors-background-container-primary-default, #e9ebf6);
14
- --_6levse2-1-4-0: var(--dt-colors-border-primary-default, #ccd3f3);
11
+ ._6levse6-1-5-1 {
12
+ --_6levse0-1-5-1: var(--dt-colors-text-primary-default, #454cc9);
13
+ --_6levse1-1-5-1: var(--dt-colors-background-container-primary-default, #e9ebf6);
14
+ --_6levse2-1-5-1: var(--dt-colors-border-primary-default, #ccd3f3);
15
15
  }
16
- ._6levse7-1-4-0 {
17
- --_6levse0-1-4-0: var(--dt-colors-text-success-default, #2c6360);
18
- --_6levse1-1-4-0: var(--dt-colors-background-container-success-default, #e9ecef);
19
- --_6levse2-1-4-0: var(--dt-colors-border-success-default, #cad6d7);
16
+ ._6levse7-1-5-1 {
17
+ --_6levse0-1-5-1: var(--dt-colors-text-success-default, #2c6360);
18
+ --_6levse1-1-5-1: var(--dt-colors-background-container-success-default, #e9ecef);
19
+ --_6levse2-1-5-1: var(--dt-colors-border-success-default, #cad6d7);
20
20
  }
21
- ._6levse8-1-4-0 {
22
- --_6levse0-1-4-0: var(--dt-colors-text-warning-default, #805100);
23
- --_6levse1-1-4-0: var(--dt-colors-background-container-warning-default, #f3efef);
24
- --_6levse2-1-4-0: var(--dt-colors-border-warning-default, #f4e5d5);
21
+ ._6levse8-1-5-1 {
22
+ --_6levse0-1-5-1: var(--dt-colors-text-warning-default, #805100);
23
+ --_6levse1-1-5-1: var(--dt-colors-background-container-warning-default, #f3efef);
24
+ --_6levse2-1-5-1: var(--dt-colors-border-warning-default, #f4e5d5);
25
25
  }
26
- ._6levse9-1-4-0 {
27
- --_6levse1-1-4-0: transparent;
26
+ ._6levse9-1-5-1 {
27
+ --_6levse1-1-5-1: transparent;
28
28
  background-color: unset;
29
29
  }
30
- ._6levsed-1-4-0 {
31
- --_6levse0-1-4-0: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
32
- --_6levse1-1-4-0: var(--dt-colors-background-container-primary-accent, #474ecf);
30
+ ._6levsed-1-5-1 {
31
+ --_6levse0-1-5-1: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
32
+ --_6levse1-1-5-1: var(--dt-colors-background-container-primary-accent, #474ecf);
33
33
  }
34
- ._6levsee-1-4-0 {
35
- --_6levse0-1-4-0: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
36
- --_6levse1-1-4-0: var(--dt-colors-background-container-success-accent, #2f6863);
34
+ ._6levsee-1-5-1 {
35
+ --_6levse0-1-5-1: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
36
+ --_6levse1-1-5-1: var(--dt-colors-background-container-success-accent, #2f6863);
37
37
  }
38
- ._6levsef-1-4-0 {
39
- --_6levse0-1-4-0: var(--dt-colors-text-warning-on-accent-default, #272025);
40
- --_6levse1-1-4-0: var(--dt-colors-background-container-warning-accent, #eca440);
38
+ ._6levsef-1-5-1 {
39
+ --_6levse0-1-5-1: var(--dt-colors-text-warning-on-accent-default, #272025);
40
+ --_6levse1-1-5-1: var(--dt-colors-background-container-warning-accent, #eca440);
41
41
  }
42
- ._6levseg-1-4-0 {
43
- --_6levse0-1-4-0: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
44
- --_6levse1-1-4-0: var(--dt-colors-background-container-critical-accent, #c4233b);
42
+ ._6levseg-1-5-1 {
43
+ --_6levse0-1-5-1: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
44
+ --_6levse1-1-5-1: var(--dt-colors-background-container-critical-accent, #c4233b);
45
45
  }
46
- ._6levseh-1-4-0 {
47
- --_6levse0-1-4-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
48
- --_6levse1-1-4-0: var(--dt-colors-background-container-neutral-accent, #5a5b8c);
46
+ ._6levseh-1-5-1 {
47
+ --_6levse0-1-5-1: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
48
+ --_6levse1-1-5-1: var(--dt-colors-background-container-neutral-accent, #5a5b8c);
49
49
  }
50
- ._6levsei-1-4-0 {
51
- --_6levse1-1-4-0: var(--dt-colors-background-container-primary-emphasized, #dfe3f5);
50
+ ._6levsei-1-5-1 {
51
+ --_6levse1-1-5-1: var(--dt-colors-background-container-primary-emphasized, #dfe3f5);
52
52
  }
53
- ._6levsej-1-4-0 {
54
- --_6levse1-1-4-0: var(--dt-colors-background-container-success-emphasized, #dfe4e7);
53
+ ._6levsej-1-5-1 {
54
+ --_6levse1-1-5-1: var(--dt-colors-background-container-success-emphasized, #dfe4e7);
55
55
  }
56
- ._6levsek-1-4-0 {
57
- --_6levse1-1-4-0: var(--dt-colors-background-container-warning-emphasized, #f4ece6);
56
+ ._6levsek-1-5-1 {
57
+ --_6levse1-1-5-1: var(--dt-colors-background-container-warning-emphasized, #f4ece6);
58
58
  }
59
- ._6levsel-1-4-0 {
60
- --_6levse1-1-4-0: var(--dt-colors-background-container-critical-emphasized, #f3e0e3);
59
+ ._6levsel-1-5-1 {
60
+ --_6levse1-1-5-1: var(--dt-colors-background-container-critical-emphasized, #f3e0e3);
61
61
  }
62
- ._6levsem-1-4-0 {
63
- --_6levse1-1-4-0: var(--dt-colors-background-container-neutral-emphasized, #e2e3ec);
62
+ ._6levsem-1-5-1 {
63
+ --_6levse1-1-5-1: var(--dt-colors-background-container-neutral-emphasized, #e2e3ec);
64
64
  }
@@ -1,7 +1,7 @@
1
1
  import "./container.css";
2
2
  import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
3
- var containerColorVars = { text: "var(--_6levse0-1-4-0)", background: "var(--_6levse1-1-4-0)", borderColor: "var(--_6levse2-1-4-0)" };
4
- var containerColorsCSS = _7a468({ defaultClassName: "_6levse3-1-4-0", variantClassNames: { color: { critical: "_6levse4-1-4-0", neutral: "_6levse5-1-4-0", primary: "_6levse6-1-4-0", success: "_6levse7-1-4-0", warning: "_6levse8-1-4-0" }, variant: { minimal: "_6levse9-1-4-0", "default": "_6levsea-1-4-0", emphasized: "_6levseb-1-4-0", accent: "_6levsec-1-4-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_6levsed-1-4-0"], [{ color: "success", variant: "accent" }, "_6levsee-1-4-0"], [{ color: "warning", variant: "accent" }, "_6levsef-1-4-0"], [{ color: "critical", variant: "accent" }, "_6levseg-1-4-0"], [{ color: "neutral", variant: "accent" }, "_6levseh-1-4-0"], [{ color: "primary", variant: "emphasized" }, "_6levsei-1-4-0"], [{ color: "success", variant: "emphasized" }, "_6levsej-1-4-0"], [{ color: "warning", variant: "emphasized" }, "_6levsek-1-4-0"], [{ color: "critical", variant: "emphasized" }, "_6levsel-1-4-0"], [{ color: "neutral", variant: "emphasized" }, "_6levsem-1-4-0"]] });
3
+ var containerColorVars = { text: "var(--_6levse0-1-5-1)", background: "var(--_6levse1-1-5-1)", borderColor: "var(--_6levse2-1-5-1)" };
4
+ var containerColorsCSS = _7a468({ defaultClassName: "_6levse3-1-5-1", variantClassNames: { color: { critical: "_6levse4-1-5-1", neutral: "_6levse5-1-5-1", primary: "_6levse6-1-5-1", success: "_6levse7-1-5-1", warning: "_6levse8-1-5-1" }, variant: { minimal: "_6levse9-1-5-1", "default": "_6levsea-1-5-1", emphasized: "_6levseb-1-5-1", accent: "_6levsec-1-5-1" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_6levsed-1-5-1"], [{ color: "success", variant: "accent" }, "_6levsee-1-5-1"], [{ color: "warning", variant: "accent" }, "_6levsef-1-5-1"], [{ color: "critical", variant: "accent" }, "_6levseg-1-5-1"], [{ color: "neutral", variant: "accent" }, "_6levseh-1-5-1"], [{ color: "primary", variant: "emphasized" }, "_6levsei-1-5-1"], [{ color: "success", variant: "emphasized" }, "_6levsej-1-5-1"], [{ color: "warning", variant: "emphasized" }, "_6levsek-1-5-1"], [{ color: "critical", variant: "emphasized" }, "_6levsel-1-5-1"], [{ color: "neutral", variant: "emphasized" }, "_6levsem-1-5-1"]] });
5
5
  export {
6
6
  containerColorVars,
7
7
  containerColorsCSS
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/styles/container.css.ts"],
4
- "sourcesContent": ["import './container.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var containerColorVars = {text:'var(--_6levse0-1-4-0)',background:'var(--_6levse1-1-4-0)',borderColor:'var(--_6levse2-1-4-0)'};\nexport var containerColorsCSS = _7a468({defaultClassName:'_6levse3-1-4-0',variantClassNames:{color:{critical:'_6levse4-1-4-0',neutral:'_6levse5-1-4-0',primary:'_6levse6-1-4-0',success:'_6levse7-1-4-0',warning:'_6levse8-1-4-0'},variant:{minimal:'_6levse9-1-4-0','default':'_6levsea-1-4-0',emphasized:'_6levseb-1-4-0',accent:'_6levsec-1-4-0'}},defaultVariants:{},compoundVariants:[[{color:'primary',variant:'accent'},'_6levsed-1-4-0'],[{color:'success',variant:'accent'},'_6levsee-1-4-0'],[{color:'warning',variant:'accent'},'_6levsef-1-4-0'],[{color:'critical',variant:'accent'},'_6levseg-1-4-0'],[{color:'neutral',variant:'accent'},'_6levseh-1-4-0'],[{color:'primary',variant:'emphasized'},'_6levsei-1-4-0'],[{color:'success',variant:'emphasized'},'_6levsej-1-4-0'],[{color:'warning',variant:'emphasized'},'_6levsek-1-4-0'],[{color:'critical',variant:'emphasized'},'_6levsel-1-4-0'],[{color:'neutral',variant:'emphasized'},'_6levsem-1-4-0']]});"],
4
+ "sourcesContent": ["import './container.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var containerColorVars = {text:'var(--_6levse0-1-5-1)',background:'var(--_6levse1-1-5-1)',borderColor:'var(--_6levse2-1-5-1)'};\nexport var containerColorsCSS = _7a468({defaultClassName:'_6levse3-1-5-1',variantClassNames:{color:{critical:'_6levse4-1-5-1',neutral:'_6levse5-1-5-1',primary:'_6levse6-1-5-1',success:'_6levse7-1-5-1',warning:'_6levse8-1-5-1'},variant:{minimal:'_6levse9-1-5-1','default':'_6levsea-1-5-1',emphasized:'_6levseb-1-5-1',accent:'_6levsec-1-5-1'}},defaultVariants:{},compoundVariants:[[{color:'primary',variant:'accent'},'_6levsed-1-5-1'],[{color:'success',variant:'accent'},'_6levsee-1-5-1'],[{color:'warning',variant:'accent'},'_6levsef-1-5-1'],[{color:'critical',variant:'accent'},'_6levseg-1-5-1'],[{color:'neutral',variant:'accent'},'_6levseh-1-5-1'],[{color:'primary',variant:'emphasized'},'_6levsei-1-5-1'],[{color:'success',variant:'emphasized'},'_6levsej-1-5-1'],[{color:'warning',variant:'emphasized'},'_6levsek-1-5-1'],[{color:'critical',variant:'emphasized'},'_6levsel-1-5-1'],[{color:'neutral',variant:'emphasized'},'_6levsem-1-5-1']]});"],
5
5
  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,qBAAqB,EAAC,MAAK,yBAAwB,YAAW,yBAAwB,aAAY,wBAAuB;AAC7H,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,OAAM,EAAC,UAAS,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,iBAAgB,GAAE,SAAQ,EAAC,SAAQ,kBAAiB,WAAU,kBAAiB,YAAW,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,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,aAAY,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,aAAY,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,aAAY,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,YAAW,SAAQ,aAAY,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,aAAY,GAAE,gBAAgB,CAAC,EAAC,CAAC;",
6
6
  "names": []
7
7
  }
@@ -1,4 +1,4 @@
1
- ._oqqp1n0-1-4-0 {
1
+ ._oqqp1n0-1-5-1 {
2
2
  white-space: nowrap;
3
3
  overflow: hidden;
4
4
  text-overflow: ellipsis;
@@ -1,5 +1,5 @@
1
1
  import "./ellipsis.css";
2
- var ellipsisCSS = "_oqqp1n0-1-4-0";
2
+ var ellipsisCSS = "_oqqp1n0-1-5-1";
3
3
  export {
4
4
  ellipsisCSS
5
5
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/styles/ellipsis.css.ts"],
4
- "sourcesContent": ["import './ellipsis.css';\nexport var ellipsisCSS = '_oqqp1n0-1-4-0';"],
4
+ "sourcesContent": ["import './ellipsis.css';\nexport var ellipsisCSS = '_oqqp1n0-1-5-1';"],
5
5
  "mappings": "AAAA,OAAO;AACA,IAAI,cAAc;",
6
6
  "names": []
7
7
  }