@dynatrace/strato-components 1.6.0 → 1.6.2

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 (190) hide show
  1. package/buttons/button/Button.css +16 -16
  2. package/buttons/button/Button.sty.js +4 -4
  3. package/buttons/button/Label.js +2 -2
  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.js +2 -2
  10. package/content/progress/ProgressBarLabel.sty.js +1 -1
  11. package/content/progress/ProgressBarValue.css +5 -5
  12. package/content/progress/ProgressBarValue.js +2 -2
  13. package/content/progress/ProgressBarValue.sty.js +1 -1
  14. package/content/progress/ProgressCircle.css +40 -40
  15. package/content/progress/ProgressCircle.sty.js +5 -5
  16. package/content/skeleton/Skeleton.css +6 -6
  17. package/content/skeleton/Skeleton.sty.js +1 -1
  18. package/core/components/focus-scope/FocusScope.js +1 -1
  19. package/core/contexts/FocusContext.d.ts +1 -0
  20. package/core/contexts/FocusContext.js +2 -1
  21. package/core/index.d.ts +2 -1
  22. package/core/index.js +3 -1
  23. package/core/providers/FocusProvider.js +30 -4
  24. package/core/styles/focusRing.css +66 -66
  25. package/core/styles/focusRing.sty.js +2 -2
  26. package/core/utils/can-receive-default-text-format.d.ts +9 -0
  27. package/core/utils/can-receive-default-text-format.js +31 -0
  28. package/core/utils/colorUtils.css +60 -60
  29. package/core/utils/colorUtils.sty.js +2 -2
  30. package/core/utils/get-inert-value.d.ts +8 -0
  31. package/core/utils/get-inert-value.js +31 -0
  32. package/esm/buttons/button/Button.css +16 -16
  33. package/esm/buttons/button/Button.sty.js +4 -4
  34. package/esm/buttons/button/Button.sty.js.map +1 -1
  35. package/esm/buttons/button/Label.js +2 -2
  36. package/esm/buttons/button/Label.js.map +2 -2
  37. package/esm/content/progress/ProgressBar.css +71 -71
  38. package/esm/content/progress/ProgressBar.sty.js +5 -5
  39. package/esm/content/progress/ProgressBar.sty.js.map +1 -1
  40. package/esm/content/progress/ProgressBarIcon.css +2 -2
  41. package/esm/content/progress/ProgressBarIcon.sty.js +1 -1
  42. package/esm/content/progress/ProgressBarIcon.sty.js.map +1 -1
  43. package/esm/content/progress/ProgressBarLabel.css +3 -3
  44. package/esm/content/progress/ProgressBarLabel.js +2 -2
  45. package/esm/content/progress/ProgressBarLabel.js.map +2 -2
  46. package/esm/content/progress/ProgressBarLabel.sty.js +1 -1
  47. package/esm/content/progress/ProgressBarLabel.sty.js.map +1 -1
  48. package/esm/content/progress/ProgressBarValue.css +5 -5
  49. package/esm/content/progress/ProgressBarValue.js +2 -2
  50. package/esm/content/progress/ProgressBarValue.js.map +2 -2
  51. package/esm/content/progress/ProgressBarValue.sty.js +1 -1
  52. package/esm/content/progress/ProgressBarValue.sty.js.map +1 -1
  53. package/esm/content/progress/ProgressCircle.css +40 -40
  54. package/esm/content/progress/ProgressCircle.sty.js +5 -5
  55. package/esm/content/progress/ProgressCircle.sty.js.map +1 -1
  56. package/esm/content/skeleton/Skeleton.css +6 -6
  57. package/esm/content/skeleton/Skeleton.sty.js +1 -1
  58. package/esm/content/skeleton/Skeleton.sty.js.map +1 -1
  59. package/esm/core/components/focus-scope/FocusScope.js +1 -1
  60. package/esm/core/components/focus-scope/FocusScope.js.map +2 -2
  61. package/esm/core/contexts/FocusContext.js +2 -1
  62. package/esm/core/contexts/FocusContext.js.map +2 -2
  63. package/esm/core/index.js +3 -1
  64. package/esm/core/index.js.map +2 -2
  65. package/esm/core/providers/FocusProvider.js +31 -5
  66. package/esm/core/providers/FocusProvider.js.map +2 -2
  67. package/esm/core/styles/focusRing.css +66 -66
  68. package/esm/core/styles/focusRing.sty.js +2 -2
  69. package/esm/core/styles/focusRing.sty.js.map +1 -1
  70. package/esm/core/utils/can-receive-default-text-format.js +15 -0
  71. package/esm/core/utils/can-receive-default-text-format.js.map +7 -0
  72. package/esm/core/utils/colorUtils.css +60 -60
  73. package/esm/core/utils/colorUtils.sty.js +2 -2
  74. package/esm/core/utils/colorUtils.sty.js.map +1 -1
  75. package/esm/core/utils/get-inert-value.js +12 -0
  76. package/esm/core/utils/get-inert-value.js.map +7 -0
  77. package/esm/layouts/container/Container.css +4 -4
  78. package/esm/layouts/container/Container.sty.js +1 -1
  79. package/esm/layouts/container/Container.sty.js.map +1 -1
  80. package/esm/layouts/divider/Divider.css +6 -6
  81. package/esm/layouts/divider/Divider.sty.js +1 -1
  82. package/esm/layouts/divider/Divider.sty.js.map +1 -1
  83. package/esm/layouts/surface/Surface.css +39 -39
  84. package/esm/layouts/surface/Surface.sty.js +2 -2
  85. package/esm/layouts/surface/Surface.sty.js.map +1 -1
  86. package/esm/layouts/surface/variables.sty.js +1 -1
  87. package/esm/layouts/surface/variables.sty.js.map +1 -1
  88. package/esm/styles/colorUtils.css +60 -60
  89. package/esm/styles/colorUtils.sty.js +2 -2
  90. package/esm/styles/colorUtils.sty.js.map +1 -1
  91. package/esm/styles/container.css +47 -47
  92. package/esm/styles/container.sty.js +2 -2
  93. package/esm/styles/container.sty.js.map +1 -1
  94. package/esm/styles/ellipsis.css +1 -1
  95. package/esm/styles/ellipsis.sty.js +1 -1
  96. package/esm/styles/ellipsis.sty.js.map +1 -1
  97. package/esm/styles/field.css +153 -153
  98. package/esm/styles/field.sty.js +2 -2
  99. package/esm/styles/field.sty.js.map +1 -1
  100. package/esm/styles/sprinkles.css +262 -262
  101. package/esm/styles/sprinkles.sty.js +1 -1
  102. package/esm/styles/sprinkles.sty.js.map +1 -1
  103. package/esm/styles/textStyle.css +8 -8
  104. package/esm/styles/textStyle.sty.js +1 -1
  105. package/esm/styles/textStyle.sty.js.map +1 -1
  106. package/esm/typography/block-quote/Blockquote.css +2 -2
  107. package/esm/typography/block-quote/Blockquote.sty.js +1 -1
  108. package/esm/typography/block-quote/Blockquote.sty.js.map +1 -1
  109. package/esm/typography/code/Code.css +1 -1
  110. package/esm/typography/code/Code.sty.js +1 -1
  111. package/esm/typography/code/Code.sty.js.map +1 -1
  112. package/esm/typography/emphasis/Emphasis.css +1 -1
  113. package/esm/typography/emphasis/Emphasis.sty.js +1 -1
  114. package/esm/typography/emphasis/Emphasis.sty.js.map +1 -1
  115. package/esm/typography/external-link/ExternalLink.css +6 -6
  116. package/esm/typography/external-link/ExternalLink.sty.js +1 -1
  117. package/esm/typography/external-link/ExternalLink.sty.js.map +1 -1
  118. package/esm/typography/heading/Heading.css +7 -7
  119. package/esm/typography/heading/Heading.sty.js +1 -1
  120. package/esm/typography/heading/Heading.sty.js.map +1 -1
  121. package/esm/typography/highlight/Highlight.css +1 -1
  122. package/esm/typography/highlight/Highlight.sty.js +1 -1
  123. package/esm/typography/highlight/Highlight.sty.js.map +1 -1
  124. package/esm/typography/link/Link.css +4 -4
  125. package/esm/typography/link/Link.sty.js +1 -1
  126. package/esm/typography/link/Link.sty.js.map +1 -1
  127. package/esm/typography/list/List.css +4 -4
  128. package/esm/typography/list/List.sty.js +2 -2
  129. package/esm/typography/list/List.sty.js.map +1 -1
  130. package/esm/typography/paragraph/Paragraph.css +3 -3
  131. package/esm/typography/paragraph/Paragraph.sty.js +1 -1
  132. package/esm/typography/paragraph/Paragraph.sty.js.map +1 -1
  133. package/esm/typography/strikethrough/Strikethrough.css +1 -1
  134. package/esm/typography/strikethrough/Strikethrough.sty.js +1 -1
  135. package/esm/typography/strikethrough/Strikethrough.sty.js.map +1 -1
  136. package/esm/typography/strong/Strong.css +1 -1
  137. package/esm/typography/strong/Strong.sty.js +1 -1
  138. package/esm/typography/strong/Strong.sty.js.map +1 -1
  139. package/esm/typography/text/Text.css +3 -3
  140. package/esm/typography/text/Text.sty.js +1 -1
  141. package/esm/typography/text/Text.sty.js.map +1 -1
  142. package/esm/typography/text-ellipsis/TextEllipsis.css +6 -6
  143. package/esm/typography/text-ellipsis/TextEllipsis.sty.js +2 -2
  144. package/esm/typography/text-ellipsis/TextEllipsis.sty.js.map +1 -1
  145. package/layouts/container/Container.css +4 -4
  146. package/layouts/container/Container.sty.js +1 -1
  147. package/layouts/divider/Divider.css +6 -6
  148. package/layouts/divider/Divider.sty.js +1 -1
  149. package/layouts/surface/Surface.css +39 -39
  150. package/layouts/surface/Surface.sty.js +2 -2
  151. package/layouts/surface/variables.sty.js +1 -1
  152. package/package.json +1 -1
  153. package/styles/colorUtils.css +60 -60
  154. package/styles/colorUtils.sty.js +2 -2
  155. package/styles/container.css +47 -47
  156. package/styles/container.sty.js +2 -2
  157. package/styles/ellipsis.css +1 -1
  158. package/styles/ellipsis.sty.js +1 -1
  159. package/styles/field.css +153 -153
  160. package/styles/field.sty.js +2 -2
  161. package/styles/sprinkles.css +262 -262
  162. package/styles/sprinkles.sty.js +1 -1
  163. package/styles/textStyle.css +8 -8
  164. package/styles/textStyle.sty.js +1 -1
  165. package/typography/block-quote/Blockquote.css +2 -2
  166. package/typography/block-quote/Blockquote.sty.js +1 -1
  167. package/typography/code/Code.css +1 -1
  168. package/typography/code/Code.sty.js +1 -1
  169. package/typography/emphasis/Emphasis.css +1 -1
  170. package/typography/emphasis/Emphasis.sty.js +1 -1
  171. package/typography/external-link/ExternalLink.css +6 -6
  172. package/typography/external-link/ExternalLink.sty.js +1 -1
  173. package/typography/heading/Heading.css +7 -7
  174. package/typography/heading/Heading.sty.js +1 -1
  175. package/typography/highlight/Highlight.css +1 -1
  176. package/typography/highlight/Highlight.sty.js +1 -1
  177. package/typography/link/Link.css +4 -4
  178. package/typography/link/Link.sty.js +1 -1
  179. package/typography/list/List.css +4 -4
  180. package/typography/list/List.sty.js +2 -2
  181. package/typography/paragraph/Paragraph.css +3 -3
  182. package/typography/paragraph/Paragraph.sty.js +1 -1
  183. package/typography/strikethrough/Strikethrough.css +1 -1
  184. package/typography/strikethrough/Strikethrough.sty.js +1 -1
  185. package/typography/strong/Strong.css +1 -1
  186. package/typography/strong/Strong.sty.js +1 -1
  187. package/typography/text/Text.css +3 -3
  188. package/typography/text/Text.sty.js +1 -1
  189. package/typography/text-ellipsis/TextEllipsis.css +6 -6
  190. package/typography/text-ellipsis/TextEllipsis.sty.js +2 -2
package/styles/container.css CHANGED
@@ -1,64 +1,64 @@
1
- ._6levse4-1-6-0 {
2
- --_6levse0-1-6-0: var(--dt-colors-text-critical-default, #b80031);
3
- --_6levse1-1-6-0: var(--dt-colors-background-container-critical-default, #f3eaed);
4
- --_6levse2-1-6-0: var(--dt-colors-border-critical-default, #f1cdcf);
1
+ ._6levse4-1-6-2 {
2
+ --_6levse0-1-6-2: var(--dt-colors-text-critical-default, #b80031);
3
+ --_6levse1-1-6-2: var(--dt-colors-background-container-critical-default, #f3eaed);
4
+ --_6levse2-1-6-2: var(--dt-colors-border-critical-default, #f1cdcf);
5
5
  }
6
- ._6levse5-1-6-0 {
7
- --_6levse0-1-6-0: var(--dt-colors-text-neutral-default, #2b2a58);
8
- --_6levse1-1-6-0: var(--dt-colors-background-container-neutral-default, #ebebf2);
9
- --_6levse2-1-6-0: var(--dt-colors-border-neutral-default, #d2d3e1);
6
+ ._6levse5-1-6-2 {
7
+ --_6levse0-1-6-2: var(--dt-colors-text-neutral-default, #2b2a58);
8
+ --_6levse1-1-6-2: var(--dt-colors-background-container-neutral-default, #ebebf2);
9
+ --_6levse2-1-6-2: var(--dt-colors-border-neutral-default, #d2d3e1);
10
10
  }
11
- ._6levse6-1-6-0 {
12
- --_6levse0-1-6-0: var(--dt-colors-text-primary-default, #454cc9);
13
- --_6levse1-1-6-0: var(--dt-colors-background-container-primary-default, #e9ebf6);
14
- --_6levse2-1-6-0: var(--dt-colors-border-primary-default, #ccd3f3);
11
+ ._6levse6-1-6-2 {
12
+ --_6levse0-1-6-2: var(--dt-colors-text-primary-default, #454cc9);
13
+ --_6levse1-1-6-2: var(--dt-colors-background-container-primary-default, #e9ebf6);
14
+ --_6levse2-1-6-2: var(--dt-colors-border-primary-default, #ccd3f3);
15
15
  }
16
- ._6levse7-1-6-0 {
17
- --_6levse0-1-6-0: var(--dt-colors-text-success-default, #2c6360);
18
- --_6levse1-1-6-0: var(--dt-colors-background-container-success-default, #e9ecef);
19
- --_6levse2-1-6-0: var(--dt-colors-border-success-default, #cad6d7);
16
+ ._6levse7-1-6-2 {
17
+ --_6levse0-1-6-2: var(--dt-colors-text-success-default, #2c6360);
18
+ --_6levse1-1-6-2: var(--dt-colors-background-container-success-default, #e9ecef);
19
+ --_6levse2-1-6-2: var(--dt-colors-border-success-default, #cad6d7);
20
20
  }
21
- ._6levse8-1-6-0 {
22
- --_6levse0-1-6-0: var(--dt-colors-text-warning-default, #805100);
23
- --_6levse1-1-6-0: var(--dt-colors-background-container-warning-default, #f3efef);
24
- --_6levse2-1-6-0: var(--dt-colors-border-warning-default, #f4e5d5);
21
+ ._6levse8-1-6-2 {
22
+ --_6levse0-1-6-2: var(--dt-colors-text-warning-default, #805100);
23
+ --_6levse1-1-6-2: var(--dt-colors-background-container-warning-default, #f3efef);
24
+ --_6levse2-1-6-2: var(--dt-colors-border-warning-default, #f4e5d5);
25
25
  }
26
- ._6levse9-1-6-0 {
27
- --_6levse1-1-6-0: transparent;
26
+ ._6levse9-1-6-2 {
27
+ --_6levse1-1-6-2: transparent;
28
28
  background-color: unset;
29
29
  }
30
- ._6levsed-1-6-0 {
31
- --_6levse0-1-6-0: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
32
- --_6levse1-1-6-0: var(--dt-colors-background-container-primary-accent, #474ecf);
30
+ ._6levsed-1-6-2 {
31
+ --_6levse0-1-6-2: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
32
+ --_6levse1-1-6-2: var(--dt-colors-background-container-primary-accent, #474ecf);
33
33
  }
34
- ._6levsee-1-6-0 {
35
- --_6levse0-1-6-0: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
36
- --_6levse1-1-6-0: var(--dt-colors-background-container-success-accent, #2f6863);
34
+ ._6levsee-1-6-2 {
35
+ --_6levse0-1-6-2: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
36
+ --_6levse1-1-6-2: var(--dt-colors-background-container-success-accent, #2f6863);
37
37
  }
38
- ._6levsef-1-6-0 {
39
- --_6levse0-1-6-0: var(--dt-colors-text-warning-on-accent-default, #272025);
40
- --_6levse1-1-6-0: var(--dt-colors-background-container-warning-accent, #eca440);
38
+ ._6levsef-1-6-2 {
39
+ --_6levse0-1-6-2: var(--dt-colors-text-warning-on-accent-default, #272025);
40
+ --_6levse1-1-6-2: var(--dt-colors-background-container-warning-accent, #eca440);
41
41
  }
42
- ._6levseg-1-6-0 {
43
- --_6levse0-1-6-0: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
44
- --_6levse1-1-6-0: var(--dt-colors-background-container-critical-accent, #c4233b);
42
+ ._6levseg-1-6-2 {
43
+ --_6levse0-1-6-2: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
44
+ --_6levse1-1-6-2: var(--dt-colors-background-container-critical-accent, #c4233b);
45
45
  }
46
- ._6levseh-1-6-0 {
47
- --_6levse0-1-6-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
48
- --_6levse1-1-6-0: var(--dt-colors-background-container-neutral-accent, #5a5b8c);
46
+ ._6levseh-1-6-2 {
47
+ --_6levse0-1-6-2: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
48
+ --_6levse1-1-6-2: var(--dt-colors-background-container-neutral-accent, #5a5b8c);
49
49
  }
50
- ._6levsei-1-6-0 {
51
- --_6levse1-1-6-0: var(--dt-colors-background-container-primary-emphasized, #dfe3f5);
50
+ ._6levsei-1-6-2 {
51
+ --_6levse1-1-6-2: var(--dt-colors-background-container-primary-emphasized, #dfe3f5);
52
52
  }
53
- ._6levsej-1-6-0 {
54
- --_6levse1-1-6-0: var(--dt-colors-background-container-success-emphasized, #dfe4e7);
53
+ ._6levsej-1-6-2 {
54
+ --_6levse1-1-6-2: var(--dt-colors-background-container-success-emphasized, #dfe4e7);
55
55
  }
56
- ._6levsek-1-6-0 {
57
- --_6levse1-1-6-0: var(--dt-colors-background-container-warning-emphasized, #f4ece6);
56
+ ._6levsek-1-6-2 {
57
+ --_6levse1-1-6-2: var(--dt-colors-background-container-warning-emphasized, #f4ece6);
58
58
  }
59
- ._6levsel-1-6-0 {
60
- --_6levse1-1-6-0: var(--dt-colors-background-container-critical-emphasized, #f3e0e3);
59
+ ._6levsel-1-6-2 {
60
+ --_6levse1-1-6-2: var(--dt-colors-background-container-critical-emphasized, #f3e0e3);
61
61
  }
62
- ._6levsem-1-6-0 {
63
- --_6levse1-1-6-0: var(--dt-colors-background-container-neutral-emphasized, #e2e3ec);
62
+ ._6levsem-1-6-2 {
63
+ --_6levse1-1-6-2: var(--dt-colors-background-container-neutral-emphasized, #e2e3ec);
64
64
  }
package/styles/container.sty.js CHANGED
@@ -24,5 +24,5 @@ __export(container_css_exports, {
24
24
  module.exports = __toCommonJS(container_css_exports);
25
25
  var import_container_css_ts_vanilla = require("./container.css");
26
26
  var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
27
- var containerColorVars = { text: "var(--_6levse0-1-6-0)", background: "var(--_6levse1-1-6-0)", borderColor: "var(--_6levse2-1-6-0)" };
28
- var containerColorsCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_6levse3-1-6-0", variantClassNames: { color: { critical: "_6levse4-1-6-0", neutral: "_6levse5-1-6-0", primary: "_6levse6-1-6-0", success: "_6levse7-1-6-0", warning: "_6levse8-1-6-0" }, variant: { minimal: "_6levse9-1-6-0", "default": "_6levsea-1-6-0", emphasized: "_6levseb-1-6-0", accent: "_6levsec-1-6-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_6levsed-1-6-0"], [{ color: "success", variant: "accent" }, "_6levsee-1-6-0"], [{ color: "warning", variant: "accent" }, "_6levsef-1-6-0"], [{ color: "critical", variant: "accent" }, "_6levseg-1-6-0"], [{ color: "neutral", variant: "accent" }, "_6levseh-1-6-0"], [{ color: "primary", variant: "emphasized" }, "_6levsei-1-6-0"], [{ color: "success", variant: "emphasized" }, "_6levsej-1-6-0"], [{ color: "warning", variant: "emphasized" }, "_6levsek-1-6-0"], [{ color: "critical", variant: "emphasized" }, "_6levsel-1-6-0"], [{ color: "neutral", variant: "emphasized" }, "_6levsem-1-6-0"]] });
27
+ var containerColorVars = { text: "var(--_6levse0-1-6-2)", background: "var(--_6levse1-1-6-2)", borderColor: "var(--_6levse2-1-6-2)" };
28
+ var containerColorsCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_6levse3-1-6-2", variantClassNames: { color: { critical: "_6levse4-1-6-2", neutral: "_6levse5-1-6-2", primary: "_6levse6-1-6-2", success: "_6levse7-1-6-2", warning: "_6levse8-1-6-2" }, variant: { minimal: "_6levse9-1-6-2", "default": "_6levsea-1-6-2", emphasized: "_6levseb-1-6-2", accent: "_6levsec-1-6-2" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_6levsed-1-6-2"], [{ color: "success", variant: "accent" }, "_6levsee-1-6-2"], [{ color: "warning", variant: "accent" }, "_6levsef-1-6-2"], [{ color: "critical", variant: "accent" }, "_6levseg-1-6-2"], [{ color: "neutral", variant: "accent" }, "_6levseh-1-6-2"], [{ color: "primary", variant: "emphasized" }, "_6levsei-1-6-2"], [{ color: "success", variant: "emphasized" }, "_6levsej-1-6-2"], [{ color: "warning", variant: "emphasized" }, "_6levsek-1-6-2"], [{ color: "critical", variant: "emphasized" }, "_6levsel-1-6-2"], [{ color: "neutral", variant: "emphasized" }, "_6levsem-1-6-2"]] });
package/styles/ellipsis.css CHANGED
@@ -1,4 +1,4 @@
1
- ._oqqp1n0-1-6-0 {
1
+ ._oqqp1n0-1-6-2 {
2
2
  white-space: nowrap;
3
3
  overflow: hidden;
4
4
  text-overflow: ellipsis;
package/styles/ellipsis.sty.js CHANGED
@@ -22,4 +22,4 @@ __export(ellipsis_css_exports, {
22
22
  });
23
23
  module.exports = __toCommonJS(ellipsis_css_exports);
24
24
  var import_ellipsis_css_ts_vanilla = require("./ellipsis.css");
25
- var ellipsisCSS = "_oqqp1n0-1-6-0";
25
+ var ellipsisCSS = "_oqqp1n0-1-6-2";
package/styles/field.css CHANGED
@@ -1,208 +1,208 @@
1
- ._bx32h6-1-6-0 {
2
- --_bx32h0-1-6-0: var(--dt-colors-text-primary-default, #454cc9);
3
- --_bx32h1-1-6-0: var(--dt-colors-icon-primary-default, #454cc9);
1
+ ._bx32h6-1-6-2 {
2
+ --_bx32h0-1-6-2: var(--dt-colors-text-primary-default, #454cc9);
3
+ --_bx32h1-1-6-2: var(--dt-colors-icon-primary-default, #454cc9);
4
4
  }
5
- ._bx32h6-1-6-0:hover {
6
- --_bx32h3-1-6-0: var(--dt-colors-background-field-primary-default-hover, #ccd3f3);
5
+ ._bx32h6-1-6-2:hover {
6
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-primary-default-hover, #ccd3f3);
7
7
  }
8
- ._bx32h6-1-6-0:active {
9
- --_bx32h3-1-6-0: var(--dt-colors-background-field-primary-default-active, #c3cbf1);
8
+ ._bx32h6-1-6-2:active {
9
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-primary-default-active, #c3cbf1);
10
10
  }
11
- ._bx32h7-1-6-0 {
12
- --_bx32h0-1-6-0: var(--dt-colors-text-neutral-default, #2b2a58);
13
- --_bx32h1-1-6-0: var(--dt-colors-icon-neutral-default, #2b2a58);
11
+ ._bx32h7-1-6-2 {
12
+ --_bx32h0-1-6-2: var(--dt-colors-text-neutral-default, #2b2a58);
13
+ --_bx32h1-1-6-2: var(--dt-colors-icon-neutral-default, #2b2a58);
14
14
  }
15
- ._bx32h7-1-6-0:hover {
16
- --_bx32h3-1-6-0: var(--dt-colors-background-field-neutral-default-hover, #d2d3e1);
15
+ ._bx32h7-1-6-2:hover {
16
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-neutral-default-hover, #d2d3e1);
17
17
  }
18
- ._bx32h7-1-6-0:active {
19
- --_bx32h3-1-6-0: var(--dt-colors-background-field-neutral-default-active, #cacbdc);
18
+ ._bx32h7-1-6-2:active {
19
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-neutral-default-active, #cacbdc);
20
20
  }
21
- ._bx32h8-1-6-0 {
22
- --_bx32h0-1-6-0: var(--dt-colors-text-success-default, #2c6360);
23
- --_bx32h1-1-6-0: var(--dt-colors-icon-success-default, #2c6360);
21
+ ._bx32h8-1-6-2 {
22
+ --_bx32h0-1-6-2: var(--dt-colors-text-success-default, #2c6360);
23
+ --_bx32h1-1-6-2: var(--dt-colors-icon-success-default, #2c6360);
24
24
  }
25
- ._bx32h8-1-6-0:hover {
26
- --_bx32h3-1-6-0: var(--dt-colors-background-field-success-default-hover, #cad6d7);
25
+ ._bx32h8-1-6-2:hover {
26
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-success-default-hover, #cad6d7);
27
27
  }
28
- ._bx32h8-1-6-0:active {
29
- --_bx32h3-1-6-0: var(--dt-colors-background-field-success-default-active, #c0cfcf);
28
+ ._bx32h8-1-6-2:active {
29
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-success-default-active, #c0cfcf);
30
30
  }
31
- ._bx32h9-1-6-0 {
32
- --_bx32h0-1-6-0: var(--dt-colors-text-critical-default, #b80031);
33
- --_bx32h1-1-6-0: var(--dt-colors-icon-critical-default, #b80031);
31
+ ._bx32h9-1-6-2 {
32
+ --_bx32h0-1-6-2: var(--dt-colors-text-critical-default, #b80031);
33
+ --_bx32h1-1-6-2: var(--dt-colors-icon-critical-default, #b80031);
34
34
  }
35
- ._bx32h9-1-6-0:hover {
36
- --_bx32h3-1-6-0: var(--dt-colors-background-field-critical-default-hover, #f1cdcf);
35
+ ._bx32h9-1-6-2:hover {
36
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-critical-default-hover, #f1cdcf);
37
37
  }
38
- ._bx32h9-1-6-0:active {
39
- --_bx32h3-1-6-0: var(--dt-colors-background-field-critical-default-active, #f0c4c5);
38
+ ._bx32h9-1-6-2:active {
39
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-critical-default-active, #f0c4c5);
40
40
  }
41
- ._bx32ha-1-6-0 {
42
- --_bx32h0-1-6-0: var(--dt-colors-text-warning-default, #805100);
43
- --_bx32h1-1-6-0: var(--dt-colors-icon-warning-default, #805100);
41
+ ._bx32ha-1-6-2 {
42
+ --_bx32h0-1-6-2: var(--dt-colors-text-warning-default, #805100);
43
+ --_bx32h1-1-6-2: var(--dt-colors-icon-warning-default, #805100);
44
44
  }
45
- ._bx32ha-1-6-0:hover {
46
- --_bx32h3-1-6-0: var(--dt-colors-background-field-warning-default-hover, #f4e5d5);
45
+ ._bx32ha-1-6-2:hover {
46
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-warning-default-hover, #f4e5d5);
47
47
  }
48
- ._bx32ha-1-6-0:active {
49
- --_bx32h3-1-6-0: var(--dt-colors-background-field-warning-default-active, #f5e1cd);
48
+ ._bx32ha-1-6-2:active {
49
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-warning-default-active, #f5e1cd);
50
50
  }
51
- ._bx32hb-1-6-0 {
52
- --_bx32h3-1-6-0: transparent;
53
- --_bx32h2-1-6-0: transparent;
51
+ ._bx32hb-1-6-2 {
52
+ --_bx32h3-1-6-2: transparent;
53
+ --_bx32h2-1-6-2: transparent;
54
54
  }
55
- ._bx32hd-1-6-0 {
56
- --_bx32h0-1-6-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
57
- --_bx32h1-1-6-0: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
55
+ ._bx32hd-1-6-2 {
56
+ --_bx32h0-1-6-2: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
57
+ --_bx32h1-1-6-2: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
58
58
  }
59
- ._bx32he-1-6-0 {
60
- --_bx32h3-1-6-0: var(--dt-colors-background-field-primary-emphasized, #d6dbf4);
61
- --_bx32h2-1-6-0: var(--dt-colors-background-field-primary-emphasized, #d6dbf4);
59
+ ._bx32he-1-6-2 {
60
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-primary-emphasized, #d6dbf4);
61
+ --_bx32h2-1-6-2: var(--dt-colors-background-field-primary-emphasized, #d6dbf4);
62
62
  }
63
- ._bx32hf-1-6-0 {
64
- --_bx32h0-1-6-0: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
65
- --_bx32h1-1-6-0: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
66
- --_bx32h3-1-6-0: var(--dt-colors-background-field-primary-accent, #474ecf);
67
- --_bx32h2-1-6-0: var(--dt-colors-background-field-primary-accent, #474ecf);
63
+ ._bx32hf-1-6-2 {
64
+ --_bx32h0-1-6-2: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
65
+ --_bx32h1-1-6-2: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
66
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-primary-accent, #474ecf);
67
+ --_bx32h2-1-6-2: var(--dt-colors-background-field-primary-accent, #474ecf);
68
68
  }
69
- ._bx32hf-1-6-0:hover {
70
- --_bx32h3-1-6-0: var(--dt-colors-background-field-primary-accent-hover, #3b3ebe);
69
+ ._bx32hf-1-6-2:hover {
70
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-primary-accent-hover, #3b3ebe);
71
71
  }
72
- ._bx32hf-1-6-0:active {
73
- --_bx32h3-1-6-0: var(--dt-colors-background-field-primary-accent-active, #312cad);
72
+ ._bx32hf-1-6-2:active {
73
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-primary-accent-active, #312cad);
74
74
  }
75
- ._bx32hg-1-6-0 {
76
- --_bx32h3-1-6-0: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
77
- --_bx32h2-1-6-0: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
75
+ ._bx32hg-1-6-2 {
76
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
77
+ --_bx32h2-1-6-2: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
78
78
  }
79
- ._bx32hh-1-6-0 {
80
- --_bx32h0-1-6-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
81
- --_bx32h1-1-6-0: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
82
- --_bx32h3-1-6-0: var(--dt-colors-background-field-neutral-accent, #5a5b8c);
83
- --_bx32h2-1-6-0: var(--dt-colors-background-field-neutral-accent, #5a5b8c);
79
+ ._bx32hh-1-6-2 {
80
+ --_bx32h0-1-6-2: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
81
+ --_bx32h1-1-6-2: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
82
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-neutral-accent, #5a5b8c);
83
+ --_bx32h2-1-6-2: var(--dt-colors-background-field-neutral-accent, #5a5b8c);
84
84
  }
85
- ._bx32hh-1-6-0:hover {
86
- --_bx32h3-1-6-0: var(--dt-colors-background-field-neutral-accent-hover, #4c4d7d);
85
+ ._bx32hh-1-6-2:hover {
86
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-neutral-accent-hover, #4c4d7d);
87
87
  }
88
- ._bx32hh-1-6-0:active {
89
- --_bx32h3-1-6-0: var(--dt-colors-background-field-neutral-accent-active, #3f3f6e);
88
+ ._bx32hh-1-6-2:active {
89
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-neutral-accent-active, #3f3f6e);
90
90
  }
91
- ._bx32hi-1-6-0 {
92
- --_bx32h3-1-6-0: var(--dt-colors-background-field-success-emphasized, #d4dddf);
93
- --_bx32h2-1-6-0: var(--dt-colors-background-field-success-emphasized, #d4dddf);
91
+ ._bx32hi-1-6-2 {
92
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-success-emphasized, #d4dddf);
93
+ --_bx32h2-1-6-2: var(--dt-colors-background-field-success-emphasized, #d4dddf);
94
94
  }
95
- ._bx32hj-1-6-0 {
96
- --_bx32h3-1-6-0: var(--dt-colors-background-field-success-accent, #2f6863);
97
- --_bx32h2-1-6-0: var(--dt-colors-background-field-success-accent, #2f6863);
95
+ ._bx32hj-1-6-2 {
96
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-success-accent, #2f6863);
97
+ --_bx32h2-1-6-2: var(--dt-colors-background-field-success-accent, #2f6863);
98
98
  }
99
- ._bx32hj-1-6-0:hover {
100
- --_bx32h3-1-6-0: var(--dt-colors-background-field-success-accent-hover, #1f5a55);
99
+ ._bx32hj-1-6-2:hover {
100
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-success-accent-hover, #1f5a55);
101
101
  }
102
- ._bx32hj-1-6-0:active {
103
- --_bx32h3-1-6-0: var(--dt-colors-background-field-success-accent-active, #0d4c47);
102
+ ._bx32hj-1-6-2:active {
103
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-success-accent-active, #0d4c47);
104
104
  }
105
- ._bx32hk-1-6-0 {
106
- --_bx32h3-1-6-0: var(--dt-colors-background-field-critical-emphasized, #f2d7d9);
107
- --_bx32h2-1-6-0: var(--dt-colors-background-field-critical-emphasized, #f2d7d9);
105
+ ._bx32hk-1-6-2 {
106
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-critical-emphasized, #f2d7d9);
107
+ --_bx32h2-1-6-2: var(--dt-colors-background-field-critical-emphasized, #f2d7d9);
108
108
  }
109
- ._bx32hl-1-6-0 {
110
- --_bx32h3-1-6-0: var(--dt-colors-background-field-critical-accent, #c4233b);
111
- --_bx32h2-1-6-0: var(--dt-colors-background-field-critical-accent, #c4233b);
112
- --_bx32h0-1-6-0: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
113
- --_bx32h1-1-6-0: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
109
+ ._bx32hl-1-6-2 {
110
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-critical-accent, #c4233b);
111
+ --_bx32h2-1-6-2: var(--dt-colors-background-field-critical-accent, #c4233b);
112
+ --_bx32h0-1-6-2: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
113
+ --_bx32h1-1-6-2: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
114
114
  }
115
- ._bx32hl-1-6-0:hover {
116
- --_bx32h3-1-6-0: var(--dt-colors-background-field-critical-accent-hover, #b2012d);
115
+ ._bx32hl-1-6-2:hover {
116
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-critical-accent-hover, #b2012d);
117
117
  }
118
- ._bx32hl-1-6-0:active {
119
- --_bx32h3-1-6-0: var(--dt-colors-background-field-critical-accent-active, #a0001f);
118
+ ._bx32hl-1-6-2:active {
119
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-critical-accent-active, #a0001f);
120
120
  }
121
- ._bx32hm-1-6-0 {
122
- --_bx32h3-1-6-0: var(--dt-colors-background-field-warning-emphasized, #f4e8de);
123
- --_bx32h2-1-6-0: var(--dt-colors-background-field-warning-emphasized, #f4e8de);
121
+ ._bx32hm-1-6-2 {
122
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-warning-emphasized, #f4e8de);
123
+ --_bx32h2-1-6-2: var(--dt-colors-background-field-warning-emphasized, #f4e8de);
124
124
  }
125
- ._bx32hn-1-6-0 {
126
- --_bx32h0-1-6-0: var(--dt-colors-text-warning-on-accent-default, #272025);
127
- --_bx32h1-1-6-0: var(--dt-colors-icon-warning-on-accent-default, #272025);
128
- --_bx32h3-1-6-0: var(--dt-colors-background-field-warning-accent, #eca440);
129
- --_bx32h2-1-6-0: var(--dt-colors-background-field-warning-accent, #eca440);
125
+ ._bx32hn-1-6-2 {
126
+ --_bx32h0-1-6-2: var(--dt-colors-text-warning-on-accent-default, #272025);
127
+ --_bx32h1-1-6-2: var(--dt-colors-icon-warning-on-accent-default, #272025);
128
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-warning-accent, #eca440);
129
+ --_bx32h2-1-6-2: var(--dt-colors-background-field-warning-accent, #eca440);
130
130
  }
131
- ._bx32hn-1-6-0:hover {
132
- --_bx32h3-1-6-0: var(--dt-colors-background-field-warning-accent-hover, #fdb452);
131
+ ._bx32hn-1-6-2:hover {
132
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-warning-accent-hover, #fdb452);
133
133
  }
134
- ._bx32hn-1-6-0:active {
135
- --_bx32h3-1-6-0: var(--dt-colors-background-field-warning-accent-active, #ffc56a);
134
+ ._bx32hn-1-6-2:active {
135
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-warning-accent-active, #ffc56a);
136
136
  }
137
- ._bx32ho-1-6-0 {
138
- --_bx32h0-1-6-0: var(--dt-colors-text-neutral-disabled, #54558780);
139
- --_bx32h1-1-6-0: var(--dt-colors-icon-neutral-disabled, #54558780);
140
- --_bx32h3-1-6-0: var(--dt-colors-background-field-neutral-disabled, #dadbe780);
141
- --_bx32h2-1-6-0: var(--dt-colors-background-field-neutral-disabled, #dadbe780);
137
+ ._bx32ho-1-6-2 {
138
+ --_bx32h0-1-6-2: var(--dt-colors-text-neutral-disabled, #54558780);
139
+ --_bx32h1-1-6-2: var(--dt-colors-icon-neutral-disabled, #54558780);
140
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-neutral-disabled, #dadbe780);
141
+ --_bx32h2-1-6-2: var(--dt-colors-background-field-neutral-disabled, #dadbe780);
142
142
  }
143
- ._bx32ho-1-6-0:hover {
144
- --_bx32h3-1-6-0: var(--dt-colors-background-field-neutral-disabled, #dadbe780);
143
+ ._bx32ho-1-6-2:hover {
144
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-neutral-disabled, #dadbe780);
145
145
  }
146
- ._bx32ho-1-6-0:active {
147
- --_bx32h3-1-6-0: var(--dt-colors-background-field-neutral-disabled, #dadbe780);
146
+ ._bx32ho-1-6-2:active {
147
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-neutral-disabled, #dadbe780);
148
148
  }
149
- ._bx32hp-1-6-0 {
150
- --_bx32h0-1-6-0: var(--dt-colors-text-primary-disabled, #54558780);
151
- --_bx32h1-1-6-0: var(--dt-colors-icon-primary-disabled, #54558780);
152
- --_bx32h3-1-6-0: var(--dt-colors-background-field-primary-disabled, #dadbe780);
153
- --_bx32h2-1-6-0: var(--dt-colors-background-field-primary-disabled, #dadbe780);
149
+ ._bx32hp-1-6-2 {
150
+ --_bx32h0-1-6-2: var(--dt-colors-text-primary-disabled, #54558780);
151
+ --_bx32h1-1-6-2: var(--dt-colors-icon-primary-disabled, #54558780);
152
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-primary-disabled, #dadbe780);
153
+ --_bx32h2-1-6-2: var(--dt-colors-background-field-primary-disabled, #dadbe780);
154
154
  }
155
- ._bx32hp-1-6-0:hover {
156
- --_bx32h3-1-6-0: var(--dt-colors-background-field-primary-disabled, #dadbe780);
155
+ ._bx32hp-1-6-2:hover {
156
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-primary-disabled, #dadbe780);
157
157
  }
158
- ._bx32hp-1-6-0:active {
159
- --_bx32h3-1-6-0: var(--dt-colors-background-field-primary-disabled, #dadbe780);
158
+ ._bx32hp-1-6-2:active {
159
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-primary-disabled, #dadbe780);
160
160
  }
161
- ._bx32hq-1-6-0 {
162
- --_bx32h0-1-6-0: var(--dt-colors-text-warning-disabled, #54558780);
163
- --_bx32h1-1-6-0: var(--dt-colors-icon-warning-disabled, #54558780);
164
- --_bx32h3-1-6-0: var(--dt-colors-background-field-warning-disabled, #dadbe780);
165
- --_bx32h2-1-6-0: var(--dt-colors-background-field-warning-disabled, #dadbe780);
161
+ ._bx32hq-1-6-2 {
162
+ --_bx32h0-1-6-2: var(--dt-colors-text-warning-disabled, #54558780);
163
+ --_bx32h1-1-6-2: var(--dt-colors-icon-warning-disabled, #54558780);
164
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-warning-disabled, #dadbe780);
165
+ --_bx32h2-1-6-2: var(--dt-colors-background-field-warning-disabled, #dadbe780);
166
166
  }
167
- ._bx32hq-1-6-0:hover {
168
- --_bx32h3-1-6-0: var(--dt-colors-background-field-warning-disabled, #dadbe780);
167
+ ._bx32hq-1-6-2:hover {
168
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-warning-disabled, #dadbe780);
169
169
  }
170
- ._bx32hq-1-6-0:active {
171
- --_bx32h3-1-6-0: var(--dt-colors-background-field-warning-disabled, #dadbe780);
170
+ ._bx32hq-1-6-2:active {
171
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-warning-disabled, #dadbe780);
172
172
  }
173
- ._bx32hr-1-6-0 {
174
- --_bx32h0-1-6-0: var(--dt-colors-text-success-disabled, #54558780);
175
- --_bx32h1-1-6-0: var(--dt-colors-icon-success-disabled, #54558780);
176
- --_bx32h3-1-6-0: var(--dt-colors-background-field-success-disabled, #dadbe780);
177
- --_bx32h2-1-6-0: var(--dt-colors-background-field-success-disabled, #dadbe780);
173
+ ._bx32hr-1-6-2 {
174
+ --_bx32h0-1-6-2: var(--dt-colors-text-success-disabled, #54558780);
175
+ --_bx32h1-1-6-2: var(--dt-colors-icon-success-disabled, #54558780);
176
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-success-disabled, #dadbe780);
177
+ --_bx32h2-1-6-2: var(--dt-colors-background-field-success-disabled, #dadbe780);
178
178
  }
179
- ._bx32hr-1-6-0:hover {
180
- --_bx32h3-1-6-0: var(--dt-colors-background-field-success-disabled, #dadbe780);
179
+ ._bx32hr-1-6-2:hover {
180
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-success-disabled, #dadbe780);
181
181
  }
182
- ._bx32hr-1-6-0:active {
183
- --_bx32h3-1-6-0: var(--dt-colors-background-field-success-disabled, #dadbe780);
182
+ ._bx32hr-1-6-2:active {
183
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-success-disabled, #dadbe780);
184
184
  }
185
- ._bx32hs-1-6-0 {
186
- --_bx32h0-1-6-0: var(--dt-colors-text-critical-disabled, #54558780);
187
- --_bx32h1-1-6-0: var(--dt-colors-icon-critical-disabled, #54558780);
188
- --_bx32h3-1-6-0: var(--dt-colors-background-field-critical-disabled, #dadbe780);
189
- --_bx32h2-1-6-0: var(--dt-colors-background-field-critical-disabled, #dadbe780);
185
+ ._bx32hs-1-6-2 {
186
+ --_bx32h0-1-6-2: var(--dt-colors-text-critical-disabled, #54558780);
187
+ --_bx32h1-1-6-2: var(--dt-colors-icon-critical-disabled, #54558780);
188
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-critical-disabled, #dadbe780);
189
+ --_bx32h2-1-6-2: var(--dt-colors-background-field-critical-disabled, #dadbe780);
190
190
  }
191
- ._bx32hs-1-6-0:hover {
192
- --_bx32h3-1-6-0: var(--dt-colors-background-field-critical-disabled, #dadbe780);
191
+ ._bx32hs-1-6-2:hover {
192
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-critical-disabled, #dadbe780);
193
193
  }
194
- ._bx32hs-1-6-0:active {
195
- --_bx32h3-1-6-0: var(--dt-colors-background-field-critical-disabled, #dadbe780);
194
+ ._bx32hs-1-6-2:active {
195
+ --_bx32h3-1-6-2: var(--dt-colors-background-field-critical-disabled, #dadbe780);
196
196
  }
197
- ._bx32ht-1-6-0 {
198
- --_bx32h0-1-6-0: var(--dt-colors-text-neutral-disabled, #54558780);
199
- --_bx32h1-1-6-0: var(--dt-colors-icon-neutral-disabled, #54558780);
200
- --_bx32h3-1-6-0: transparent;
201
- --_bx32h2-1-6-0: transparent;
197
+ ._bx32ht-1-6-2 {
198
+ --_bx32h0-1-6-2: var(--dt-colors-text-neutral-disabled, #54558780);
199
+ --_bx32h1-1-6-2: var(--dt-colors-icon-neutral-disabled, #54558780);
200
+ --_bx32h3-1-6-2: transparent;
201
+ --_bx32h2-1-6-2: transparent;
202
202
  }
203
- ._bx32ht-1-6-0:hover {
204
- --_bx32h3-1-6-0: transparent;
203
+ ._bx32ht-1-6-2:hover {
204
+ --_bx32h3-1-6-2: transparent;
205
205
  }
206
- ._bx32ht-1-6-0:active {
207
- --_bx32h3-1-6-0: transparent;
206
+ ._bx32ht-1-6-2:active {
207
+ --_bx32h3-1-6-2: transparent;
208
208
  }
package/styles/field.sty.js CHANGED
@@ -24,5 +24,5 @@ __export(field_css_exports, {
24
24
  module.exports = __toCommonJS(field_css_exports);
25
25
  var import_field_css_ts_vanilla = require("./field.css");
26
26
  var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
27
- var fieldColorVars = { text: "var(--_bx32h0-1-6-0)", icon: "var(--_bx32h1-1-6-0)", backgroundStatic: "var(--_bx32h2-1-6-0)", background: "var(--_bx32h3-1-6-0)" };
28
- var fieldColorsCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_bx32h4-1-6-0", variantClassNames: { disabled: { true: "_bx32h5-1-6-0" }, color: { primary: "_bx32h6-1-6-0", neutral: "_bx32h7-1-6-0", success: "_bx32h8-1-6-0", critical: "_bx32h9-1-6-0", warning: "_bx32ha-1-6-0" }, variant: { "default": "_bx32hb-1-6-0", emphasized: "_bx32hc-1-6-0", accent: "_bx32hd-1-6-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "emphasized" }, "_bx32he-1-6-0"], [{ color: "primary", variant: "accent" }, "_bx32hf-1-6-0"], [{ color: "neutral", variant: "emphasized" }, "_bx32hg-1-6-0"], [{ color: "neutral", variant: "accent" }, "_bx32hh-1-6-0"], [{ color: "success", variant: "emphasized" }, "_bx32hi-1-6-0"], [{ color: "success", variant: "accent" }, "_bx32hj-1-6-0"], [{ color: "critical", variant: "emphasized" }, "_bx32hk-1-6-0"], [{ color: "critical", variant: "accent" }, "_bx32hl-1-6-0"], [{ color: "warning", variant: "emphasized" }, "_bx32hm-1-6-0"], [{ color: "warning", variant: "accent" }, "_bx32hn-1-6-0"], [{ color: "neutral", disabled: true }, "_bx32ho-1-6-0"], [{ color: "primary", disabled: true }, "_bx32hp-1-6-0"], [{ color: "warning", disabled: true }, "_bx32hq-1-6-0"], [{ color: "success", disabled: true }, "_bx32hr-1-6-0"], [{ color: "critical", disabled: true }, "_bx32hs-1-6-0"], [{ variant: "default", disabled: true }, "_bx32ht-1-6-0"]] });
27
+ var fieldColorVars = { text: "var(--_bx32h0-1-6-2)", icon: "var(--_bx32h1-1-6-2)", backgroundStatic: "var(--_bx32h2-1-6-2)", background: "var(--_bx32h3-1-6-2)" };
28
+ var fieldColorsCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_bx32h4-1-6-2", variantClassNames: { disabled: { true: "_bx32h5-1-6-2" }, color: { primary: "_bx32h6-1-6-2", neutral: "_bx32h7-1-6-2", success: "_bx32h8-1-6-2", critical: "_bx32h9-1-6-2", warning: "_bx32ha-1-6-2" }, variant: { "default": "_bx32hb-1-6-2", emphasized: "_bx32hc-1-6-2", accent: "_bx32hd-1-6-2" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "emphasized" }, "_bx32he-1-6-2"], [{ color: "primary", variant: "accent" }, "_bx32hf-1-6-2"], [{ color: "neutral", variant: "emphasized" }, "_bx32hg-1-6-2"], [{ color: "neutral", variant: "accent" }, "_bx32hh-1-6-2"], [{ color: "success", variant: "emphasized" }, "_bx32hi-1-6-2"], [{ color: "success", variant: "accent" }, "_bx32hj-1-6-2"], [{ color: "critical", variant: "emphasized" }, "_bx32hk-1-6-2"], [{ color: "critical", variant: "accent" }, "_bx32hl-1-6-2"], [{ color: "warning", variant: "emphasized" }, "_bx32hm-1-6-2"], [{ color: "warning", variant: "accent" }, "_bx32hn-1-6-2"], [{ color: "neutral", disabled: true }, "_bx32ho-1-6-2"], [{ color: "primary", disabled: true }, "_bx32hp-1-6-2"], [{ color: "warning", disabled: true }, "_bx32hq-1-6-2"], [{ color: "success", disabled: true }, "_bx32hr-1-6-2"], [{ color: "critical", disabled: true }, "_bx32hs-1-6-2"], [{ variant: "default", disabled: true }, "_bx32ht-1-6-2"]] });