@dynatrace/strato-components 0.85.120 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (233) hide show
  1. package/buttons/button/Button.css +17 -17
  2. package/buttons/button/Button.js +1 -1
  3. package/buttons/button/Button.sty.js +4 -4
  4. package/content/progress/ProgressBar.css +71 -71
  5. package/content/progress/ProgressBar.d.ts +0 -7
  6. package/content/progress/ProgressBar.js +19 -45
  7. package/content/progress/ProgressBar.sty.js +5 -5
  8. package/content/progress/ProgressBarIcon.css +2 -2
  9. package/content/progress/ProgressBarIcon.sty.js +1 -1
  10. package/content/progress/ProgressBarLabel.css +3 -3
  11. package/content/progress/ProgressBarLabel.sty.js +1 -1
  12. package/content/progress/ProgressBarValue.css +5 -5
  13. package/content/progress/ProgressBarValue.sty.js +1 -1
  14. package/content/progress/ProgressCircle.css +40 -40
  15. package/content/progress/ProgressCircle.d.ts +0 -7
  16. package/content/progress/ProgressCircle.js +2 -10
  17. package/content/progress/ProgressCircle.sty.js +5 -5
  18. package/content/skeleton/Skeleton.css +6 -6
  19. package/content/skeleton/Skeleton.sty.js +1 -1
  20. package/core/components/app-root/AppRoot.css +0 -57
  21. package/core/index.d.ts +0 -2
  22. package/core/index.js +0 -2
  23. package/core/styles/focusRing.css +66 -66
  24. package/core/styles/focusRing.sty.js +2 -2
  25. package/core/utils/colorUtils.css +60 -60
  26. package/core/utils/colorUtils.sty.js +2 -2
  27. package/esm/buttons/button/Button.css +17 -17
  28. package/esm/buttons/button/Button.js +1 -1
  29. package/esm/buttons/button/Button.js.map +2 -2
  30. package/esm/buttons/button/Button.sty.js +4 -4
  31. package/esm/buttons/button/Button.sty.js.map +2 -2
  32. package/esm/content/progress/ProgressBar.css +71 -71
  33. package/esm/content/progress/ProgressBar.js +19 -45
  34. package/esm/content/progress/ProgressBar.js.map +2 -2
  35. package/esm/content/progress/ProgressBar.sty.js +5 -5
  36. package/esm/content/progress/ProgressBar.sty.js.map +2 -2
  37. package/esm/content/progress/ProgressBarIcon.css +2 -2
  38. package/esm/content/progress/ProgressBarIcon.sty.js +1 -1
  39. package/esm/content/progress/ProgressBarIcon.sty.js.map +1 -1
  40. package/esm/content/progress/ProgressBarLabel.css +3 -3
  41. package/esm/content/progress/ProgressBarLabel.sty.js +1 -1
  42. package/esm/content/progress/ProgressBarLabel.sty.js.map +2 -2
  43. package/esm/content/progress/ProgressBarValue.css +5 -5
  44. package/esm/content/progress/ProgressBarValue.sty.js +1 -1
  45. package/esm/content/progress/ProgressBarValue.sty.js.map +2 -2
  46. package/esm/content/progress/ProgressCircle.css +40 -40
  47. package/esm/content/progress/ProgressCircle.js +2 -10
  48. package/esm/content/progress/ProgressCircle.js.map +2 -2
  49. package/esm/content/progress/ProgressCircle.sty.js +5 -5
  50. package/esm/content/progress/ProgressCircle.sty.js.map +2 -2
  51. package/esm/content/skeleton/Skeleton.css +6 -6
  52. package/esm/content/skeleton/Skeleton.sty.js +1 -1
  53. package/esm/content/skeleton/Skeleton.sty.js.map +2 -2
  54. package/esm/core/components/app-root/AppRoot.css +0 -57
  55. package/esm/core/index.js +0 -2
  56. package/esm/core/index.js.map +2 -2
  57. package/esm/core/styles/focusRing.css +66 -66
  58. package/esm/core/styles/focusRing.sty.js +2 -2
  59. package/esm/core/styles/focusRing.sty.js.map +2 -2
  60. package/esm/core/utils/colorUtils.css +60 -60
  61. package/esm/core/utils/colorUtils.sty.js +2 -2
  62. package/esm/core/utils/colorUtils.sty.js.map +2 -2
  63. package/esm/layouts/container/Container.css +4 -4
  64. package/esm/layouts/container/Container.sty.js +1 -1
  65. package/esm/layouts/container/Container.sty.js.map +1 -1
  66. package/esm/layouts/divider/Divider.css +6 -6
  67. package/esm/layouts/divider/Divider.sty.js +1 -1
  68. package/esm/layouts/divider/Divider.sty.js.map +2 -2
  69. package/esm/layouts/input-group/InputGroup.css +4 -4
  70. package/esm/layouts/input-group/InputGroup.sty.js +2 -2
  71. package/esm/layouts/input-group/InputGroup.sty.js.map +1 -1
  72. package/esm/layouts/surface/Surface.css +39 -39
  73. package/esm/layouts/surface/Surface.sty.js +2 -2
  74. package/esm/layouts/surface/Surface.sty.js.map +2 -2
  75. package/esm/layouts/surface/variables.sty.js +1 -1
  76. package/esm/layouts/surface/variables.sty.js.map +1 -1
  77. package/esm/styles/colorUtils.css +60 -60
  78. package/esm/styles/colorUtils.sty.js +2 -2
  79. package/esm/styles/colorUtils.sty.js.map +2 -2
  80. package/esm/styles/container.css +47 -47
  81. package/esm/styles/container.sty.js +2 -2
  82. package/esm/styles/container.sty.js.map +2 -2
  83. package/esm/styles/ellipsis.css +1 -1
  84. package/esm/styles/ellipsis.sty.js +1 -1
  85. package/esm/styles/ellipsis.sty.js.map +1 -1
  86. package/esm/styles/field.css +153 -153
  87. package/esm/styles/field.sty.js +2 -2
  88. package/esm/styles/field.sty.js.map +2 -2
  89. package/esm/styles/sprinkles.css +262 -262
  90. package/esm/styles/sprinkles.sty.js +1 -1
  91. package/esm/styles/sprinkles.sty.js.map +2 -2
  92. package/esm/styles/textStyle.css +8 -8
  93. package/esm/styles/textStyle.sty.js +1 -1
  94. package/esm/styles/textStyle.sty.js.map +2 -2
  95. package/esm/typography/block-quote/Blockquote.css +2 -2
  96. package/esm/typography/block-quote/Blockquote.sty.js +1 -1
  97. package/esm/typography/block-quote/Blockquote.sty.js.map +1 -1
  98. package/esm/typography/code/Code.css +1 -1
  99. package/esm/typography/code/Code.sty.js +1 -1
  100. package/esm/typography/code/Code.sty.js.map +1 -1
  101. package/esm/typography/emphasis/Emphasis.css +1 -1
  102. package/esm/typography/emphasis/Emphasis.sty.js +1 -1
  103. package/esm/typography/emphasis/Emphasis.sty.js.map +1 -1
  104. package/esm/typography/external-link/ExternalLink.css +6 -6
  105. package/esm/typography/external-link/ExternalLink.sty.js +1 -1
  106. package/esm/typography/external-link/ExternalLink.sty.js.map +1 -1
  107. package/esm/typography/heading/Heading.css +7 -7
  108. package/esm/typography/heading/Heading.sty.js +1 -1
  109. package/esm/typography/heading/Heading.sty.js.map +2 -2
  110. package/esm/typography/highlight/Highlight.css +1 -1
  111. package/esm/typography/highlight/Highlight.sty.js +1 -1
  112. package/esm/typography/highlight/Highlight.sty.js.map +1 -1
  113. package/esm/typography/link/Link.css +4 -4
  114. package/esm/typography/link/Link.sty.js +1 -1
  115. package/esm/typography/link/Link.sty.js.map +1 -1
  116. package/esm/typography/list/List.css +4 -4
  117. package/esm/typography/list/List.sty.js +2 -2
  118. package/esm/typography/list/List.sty.js.map +1 -1
  119. package/esm/typography/paragraph/Paragraph.css +3 -3
  120. package/esm/typography/paragraph/Paragraph.sty.js +1 -1
  121. package/esm/typography/paragraph/Paragraph.sty.js.map +2 -2
  122. package/esm/typography/strikethrough/Strikethrough.css +1 -1
  123. package/esm/typography/strikethrough/Strikethrough.sty.js +1 -1
  124. package/esm/typography/strikethrough/Strikethrough.sty.js.map +1 -1
  125. package/esm/typography/strong/Strong.css +1 -1
  126. package/esm/typography/strong/Strong.sty.js +1 -1
  127. package/esm/typography/strong/Strong.sty.js.map +1 -1
  128. package/esm/typography/text/Text.css +3 -3
  129. package/esm/typography/text/Text.sty.js +1 -1
  130. package/esm/typography/text/Text.sty.js.map +2 -2
  131. package/esm/typography/text-ellipsis/TextEllipsis.css +4 -4
  132. package/esm/typography/text-ellipsis/TextEllipsis.sty.js +1 -1
  133. package/esm/typography/text-ellipsis/TextEllipsis.sty.js.map +2 -2
  134. package/layouts/container/Container.css +4 -4
  135. package/layouts/container/Container.sty.js +1 -1
  136. package/layouts/divider/Divider.css +6 -6
  137. package/layouts/divider/Divider.sty.js +1 -1
  138. package/layouts/input-group/InputGroup.css +4 -4
  139. package/layouts/input-group/InputGroup.sty.js +2 -2
  140. package/layouts/surface/Surface.css +39 -39
  141. package/layouts/surface/Surface.sty.js +2 -2
  142. package/layouts/surface/variables.sty.js +1 -1
  143. package/package.json +15 -26
  144. package/styles/colorUtils.css +60 -60
  145. package/styles/colorUtils.sty.js +2 -2
  146. package/styles/container.css +47 -47
  147. package/styles/container.sty.js +2 -2
  148. package/styles/ellipsis.css +1 -1
  149. package/styles/ellipsis.sty.js +1 -1
  150. package/styles/field.css +153 -153
  151. package/styles/field.sty.js +2 -2
  152. package/styles/sprinkles.css +262 -262
  153. package/styles/sprinkles.sty.js +1 -1
  154. package/styles/textStyle.css +8 -8
  155. package/styles/textStyle.sty.js +1 -1
  156. package/typography/block-quote/Blockquote.css +2 -2
  157. package/typography/block-quote/Blockquote.sty.js +1 -1
  158. package/typography/code/Code.css +1 -1
  159. package/typography/code/Code.sty.js +1 -1
  160. package/typography/emphasis/Emphasis.css +1 -1
  161. package/typography/emphasis/Emphasis.sty.js +1 -1
  162. package/typography/external-link/ExternalLink.css +6 -6
  163. package/typography/external-link/ExternalLink.sty.js +1 -1
  164. package/typography/heading/Heading.css +7 -7
  165. package/typography/heading/Heading.sty.js +1 -1
  166. package/typography/highlight/Highlight.css +1 -1
  167. package/typography/highlight/Highlight.sty.js +1 -1
  168. package/typography/link/Link.css +4 -4
  169. package/typography/link/Link.sty.js +1 -1
  170. package/typography/list/List.css +4 -4
  171. package/typography/list/List.sty.js +2 -2
  172. package/typography/paragraph/Paragraph.css +3 -3
  173. package/typography/paragraph/Paragraph.sty.js +1 -1
  174. package/typography/strikethrough/Strikethrough.css +1 -1
  175. package/typography/strikethrough/Strikethrough.sty.js +1 -1
  176. package/typography/strong/Strong.css +1 -1
  177. package/typography/strong/Strong.sty.js +1 -1
  178. package/typography/text/Text.css +3 -3
  179. package/typography/text/Text.sty.js +1 -1
  180. package/typography/text-ellipsis/TextEllipsis.css +4 -4
  181. package/typography/text-ellipsis/TextEllipsis.sty.js +1 -1
  182. package/core/types/role-variant.d.ts +0 -12
  183. package/core/types/role-variant.js +0 -30
  184. package/esm/core/types/role-variant.js +0 -12
  185. package/esm/core/types/role-variant.js.map +0 -7
  186. package/testing/custom-render.d.ts +0 -12
  187. package/testing/custom-render.js +0 -62
  188. package/testing/index.d.ts +0 -22
  189. package/testing/index.js +0 -91
  190. package/testing/jest/index.d.ts +0 -1
  191. package/testing/jest/index.js +0 -5
  192. package/testing/jest/jest-preset.d.ts +0 -10
  193. package/testing/jest/jest-preset.js +0 -13
  194. package/testing/jest/resolver.d.ts +0 -0
  195. package/testing/jest/resolver.js +0 -27
  196. package/testing/mocks/bounding-client-rect-mock.d.ts +0 -8
  197. package/testing/mocks/bounding-client-rect-mock.js +0 -36
  198. package/testing/mocks/canvas-mock.d.ts +0 -14
  199. package/testing/mocks/canvas-mock.js +0 -192
  200. package/testing/mocks/create-mock-element.d.ts +0 -14
  201. package/testing/mocks/create-mock-element.js +0 -99
  202. package/testing/mocks/create-range-mock.d.ts +0 -10
  203. package/testing/mocks/create-range-mock.js +0 -47
  204. package/testing/mocks/dom-rect-mock.d.ts +0 -19
  205. package/testing/mocks/dom-rect-mock.js +0 -56
  206. package/testing/mocks/fetch-mock.d.ts +0 -9
  207. package/testing/mocks/fetch-mock.js +0 -38
  208. package/testing/mocks/intersection-observer-mock.d.ts +0 -10
  209. package/testing/mocks/intersection-observer-mock.js +0 -58
  210. package/testing/mocks/match-media-mock.d.ts +0 -10
  211. package/testing/mocks/match-media-mock.js +0 -45
  212. package/testing/mocks/offset-height-mock.d.ts +0 -8
  213. package/testing/mocks/offset-height-mock.js +0 -39
  214. package/testing/mocks/offset-width-mock.d.ts +0 -8
  215. package/testing/mocks/offset-width-mock.js +0 -39
  216. package/testing/mocks/pointer-event-mock.d.ts +0 -8
  217. package/testing/mocks/pointer-event-mock.js +0 -42
  218. package/testing/mocks/resize-observer-mock.d.ts +0 -11
  219. package/testing/mocks/resize-observer-mock.js +0 -42
  220. package/testing/mocks/screen-size-mock.d.ts +0 -8
  221. package/testing/mocks/screen-size-mock.js +0 -34
  222. package/testing/mocks/scroll-into-view-mock.d.ts +0 -10
  223. package/testing/mocks/scroll-into-view-mock.js +0 -34
  224. package/testing/mocks/scroll-width-mock.d.ts +0 -8
  225. package/testing/mocks/scroll-width-mock.js +0 -39
  226. package/testing/mocks/select-mock.d.ts +0 -11
  227. package/testing/mocks/select-mock.js +0 -45
  228. package/testing/mocks/table-virtualization-mock.d.ts +0 -10
  229. package/testing/mocks/table-virtualization-mock.js +0 -50
  230. package/testing/mocks/text-ellipsis-mock.d.ts +0 -8
  231. package/testing/mocks/text-ellipsis-mock.js +0 -43
  232. package/testing/setup.d.ts +0 -8
  233. package/testing/setup.js +0 -57
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/core/index.ts"],
4
- "sourcesContent": ["export { AppRoot, type AppRootProps } from './components/app-root/AppRoot.js';\nexport {\n FocusScope,\n type FocusScopeProps,\n} from './components/focus-scope/FocusScope.js';\n\nexport { type FocusContextProps as _FocusContextProps } from './contexts/FocusContext.js';\n\nexport { useCurrentTheme } from './hooks/useCurrentTheme.js';\nexport { useFocusContext as _useFocusContext } from './hooks/useFocusContext.js';\nexport {\n FocusProvider as _FocusProvider,\n type Modality as _Modality,\n} from './providers/FocusProvider.js';\nexport type { MaskingProps } from './types/masking-props.js';\nexport type { DataTestId } from './types/data-props.js';\nexport type { StylingProps } from './types/styling-props.js';\nexport type { WithChildren } from './types/with-children.js';\nexport type {\n PolymorphOwnProps,\n PolymorphProps,\n PolymorphicComponentProps,\n} from './types/polymorph.js';\nexport { attemptFocus as _attemptFocus } from './utils/focus-management/attempt-focus.js';\nexport { focusFirstDescendant as _focusFirstDescendant } from './utils/focus-management/focus-first-descendant.js';\nexport { getFirstFocusableChild as _getFirstFocusableChild } from './utils/focus-management/get-first-focusable-child.js';\nexport { getLastFocusableChild as _getLastFocusableChild } from './utils/focus-management/get-last-focusable-child.js';\nexport { isFocusable as _isFocusable } from './utils/focus-management/is-focusable.js';\nexport { isBrowser as _isBrowser } from './utils/isBrowser.js';\nexport {\n mergeProps as _mergeProps,\n type NullToObject as _NullToObject,\n type TupleTypes as _TupleTypes,\n type UnionToIntersection as _UnionToIntersection,\n} from './utils/merge-props.js';\nexport { type _HeadingLevel, type _HeadingTag } from './types/heading.js';\nexport { useAriaLabelingProps as _useAriaLabelingProps } from './hooks/useAriaLabelingProps.js';\nexport { useId as _useId } from './hooks/useId.js';\nexport { useSafeForwardProps as _useSafeForwardProps } from './hooks/useSafeForwardProps.js';\nexport type { UseSafeForwardReturnProps as _UseSafeForwardReturnProps } from './hooks/useSafeForwardProps.js';\nexport type {\n AriaDisabledProps,\n AriaLabelingProps,\n} from './types/a11y-props.js';\nexport type { DOMProps } from './types/dom.js';\n// eslint-disable-next-line deprecation/deprecation\nexport { roleVariants } from './types/role-variant.js';\n// eslint-disable-next-line deprecation/deprecation\nexport type { RoleVariantType } from './types/role-variant.js';\nexport { uuidv4 as _uuidv4 } from './utils/uuidv4.js';\nexport { isStringChildren as _isStringChildren } from './utils/_is-string-children.js';\nexport { parseBoolean as _parseBoolean } from './utils/parse-boolean.js';\nexport { mulberry32 as _mulberry32 } from './utils/seed-random.js';\n"],
5
- "mappings": "AAAA,SAAS,eAAkC;AAC3C;AAAA,EACE;AAAA,OAEK;AAIP,SAAS,uBAAuB;AAChC,SAA4B,uBAAwB;AACpD;AAAA,EACmB;AAAA,OAEZ;AAUP,SAAyB,oBAAqB;AAC9C,SAAiC,4BAA6B;AAC9D,SAAmC,8BAA+B;AAClE,SAAkC,6BAA8B;AAChE,SAAwB,mBAAoB;AAC5C,SAAsB,iBAAkB;AACxC;AAAA,EACgB;AAAA,OAIT;AAEP,SAAiC,4BAA6B;AAC9D,SAAkB,aAAc;AAChC,SAAgC,2BAA4B;AAQ5D,SAAS,oBAAoB;AAG7B,SAAmB,cAAe;AAClC,SAA6B,wBAAyB;AACtD,SAAyB,oBAAqB;AAC9C,SAAuB,kBAAmB;",
4
+ "sourcesContent": ["export { AppRoot, type AppRootProps } from './components/app-root/AppRoot.js';\nexport {\n FocusScope,\n type FocusScopeProps,\n} from './components/focus-scope/FocusScope.js';\n\nexport { type FocusContextProps as _FocusContextProps } from './contexts/FocusContext.js';\n\nexport { useCurrentTheme } from './hooks/useCurrentTheme.js';\nexport { useFocusContext as _useFocusContext } from './hooks/useFocusContext.js';\nexport {\n FocusProvider as _FocusProvider,\n type Modality as _Modality,\n} from './providers/FocusProvider.js';\nexport type { MaskingProps } from './types/masking-props.js';\nexport type { DataTestId } from './types/data-props.js';\nexport type { StylingProps } from './types/styling-props.js';\nexport type { WithChildren } from './types/with-children.js';\nexport type {\n PolymorphOwnProps,\n PolymorphProps,\n PolymorphicComponentProps,\n} from './types/polymorph.js';\nexport { attemptFocus as _attemptFocus } from './utils/focus-management/attempt-focus.js';\nexport { focusFirstDescendant as _focusFirstDescendant } from './utils/focus-management/focus-first-descendant.js';\nexport { getFirstFocusableChild as _getFirstFocusableChild } from './utils/focus-management/get-first-focusable-child.js';\nexport { getLastFocusableChild as _getLastFocusableChild } from './utils/focus-management/get-last-focusable-child.js';\nexport { isFocusable as _isFocusable } from './utils/focus-management/is-focusable.js';\nexport { isBrowser as _isBrowser } from './utils/isBrowser.js';\nexport {\n mergeProps as _mergeProps,\n type NullToObject as _NullToObject,\n type TupleTypes as _TupleTypes,\n type UnionToIntersection as _UnionToIntersection,\n} from './utils/merge-props.js';\nexport { type _HeadingLevel, type _HeadingTag } from './types/heading.js';\nexport { useAriaLabelingProps as _useAriaLabelingProps } from './hooks/useAriaLabelingProps.js';\nexport { useId as _useId } from './hooks/useId.js';\nexport { useSafeForwardProps as _useSafeForwardProps } from './hooks/useSafeForwardProps.js';\nexport type { UseSafeForwardReturnProps as _UseSafeForwardReturnProps } from './hooks/useSafeForwardProps.js';\nexport type {\n AriaDisabledProps,\n AriaLabelingProps,\n} from './types/a11y-props.js';\nexport type { DOMProps } from './types/dom.js';\nexport { uuidv4 as _uuidv4 } from './utils/uuidv4.js';\nexport { isStringChildren as _isStringChildren } from './utils/_is-string-children.js';\nexport { parseBoolean as _parseBoolean } from './utils/parse-boolean.js';\nexport { mulberry32 as _mulberry32 } from './utils/seed-random.js';\n"],
5
+ "mappings": "AAAA,SAAS,eAAkC;AAC3C;AAAA,EACE;AAAA,OAEK;AAIP,SAAS,uBAAuB;AAChC,SAA4B,uBAAwB;AACpD;AAAA,EACmB;AAAA,OAEZ;AAUP,SAAyB,oBAAqB;AAC9C,SAAiC,4BAA6B;AAC9D,SAAmC,8BAA+B;AAClE,SAAkC,6BAA8B;AAChE,SAAwB,mBAAoB;AAC5C,SAAsB,iBAAkB;AACxC;AAAA,EACgB;AAAA,OAIT;AAEP,SAAiC,4BAA6B;AAC9D,SAAkB,aAAc;AAChC,SAAgC,2BAA4B;AAO5D,SAAmB,cAAe;AAClC,SAA6B,wBAAyB;AACtD,SAAyB,oBAAqB;AAC9C,SAAuB,kBAAmB;",
6
6
  "names": []
7
7
  }
@@ -1,75 +1,75 @@
1
- ._z2r50s3-0-85-120 {
1
+ ._z2r50s3-1-0-0 {
2
2
  outline: none;
3
3
  }
4
- ._z2r50s3-0-85-120:focus-visible {
4
+ ._z2r50s3-1-0-0:focus-visible {
5
5
  outline: none;
6
6
  }
7
- ._z2r50s4-0-85-120 {
7
+ ._z2r50s4-1-0-0 {
8
8
  border-radius: calc(var(--dt-borders-radius-field-subdued, 4px) / 2);
9
- box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-0-85-120);
10
- background-color: var(--_z2r50s2-0-85-120);
11
- }
12
- ._z2r50s5-0-85-120._z2r50s5-0-85-120 {
13
- box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-0-85-120), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-0-85-120);
14
- }
15
- ._z2r50s6-0-85-120 {
16
- --_z2r50s0-0-85-120: var(--dt-colors-border-neutral-accent, #545587);
17
- --_z2r50s1-0-85-120: var(--dt-colors-border-neutral-default, #d2d3e1);
18
- --_z2r50s2-0-85-120: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
19
- }
20
- ._z2r50s7-0-85-120 {
21
- --_z2r50s0-0-85-120: var(--dt-colors-border-primary-accent, #454cc9);
22
- --_z2r50s1-0-85-120: var(--dt-colors-border-primary-default, #ccd3f3);
23
- --_z2r50s2-0-85-120: var(--dt-colors-background-field-primary-emphasized, #d6dbf4);
24
- }
25
- ._z2r50s8-0-85-120 {
26
- --_z2r50s0-0-85-120: var(--dt-colors-border-success-accent, #2c6360);
27
- --_z2r50s1-0-85-120: var(--dt-colors-border-success-default, #cad6d7);
28
- --_z2r50s2-0-85-120: var(--dt-colors-background-field-success-emphasized, #d4dddf);
29
- }
30
- ._z2r50s9-0-85-120 {
31
- --_z2r50s0-0-85-120: var(--dt-colors-border-warning-accent, #805100);
32
- --_z2r50s1-0-85-120: var(--dt-colors-border-warning-default, #f4e5d5);
33
- --_z2r50s2-0-85-120: var(--dt-colors-background-field-warning-emphasized, #f4e8de);
34
- }
35
- ._z2r50sa-0-85-120 {
36
- --_z2r50s0-0-85-120: var(--dt-colors-border-critical-accent, #b80031);
37
- --_z2r50s1-0-85-120: var(--dt-colors-border-critical-default, #f1cdcf);
38
- --_z2r50s2-0-85-120: var(--dt-colors-background-field-critical-emphasized, #f2d7d9);
39
- }
40
- ._z2r50sb-0-85-120:focus-within {
9
+ box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-1-0-0);
10
+ background-color: var(--_z2r50s2-1-0-0);
11
+ }
12
+ ._z2r50s5-1-0-0._z2r50s5-1-0-0 {
13
+ box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-1-0-0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-1-0-0);
14
+ }
15
+ ._z2r50s6-1-0-0 {
16
+ --_z2r50s0-1-0-0: var(--dt-colors-border-neutral-accent, #545587);
17
+ --_z2r50s1-1-0-0: var(--dt-colors-border-neutral-default, #d2d3e1);
18
+ --_z2r50s2-1-0-0: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
19
+ }
20
+ ._z2r50s7-1-0-0 {
21
+ --_z2r50s0-1-0-0: var(--dt-colors-border-primary-accent, #454cc9);
22
+ --_z2r50s1-1-0-0: var(--dt-colors-border-primary-default, #ccd3f3);
23
+ --_z2r50s2-1-0-0: var(--dt-colors-background-field-primary-emphasized, #d6dbf4);
24
+ }
25
+ ._z2r50s8-1-0-0 {
26
+ --_z2r50s0-1-0-0: var(--dt-colors-border-success-accent, #2c6360);
27
+ --_z2r50s1-1-0-0: var(--dt-colors-border-success-default, #cad6d7);
28
+ --_z2r50s2-1-0-0: var(--dt-colors-background-field-success-emphasized, #d4dddf);
29
+ }
30
+ ._z2r50s9-1-0-0 {
31
+ --_z2r50s0-1-0-0: var(--dt-colors-border-warning-accent, #805100);
32
+ --_z2r50s1-1-0-0: var(--dt-colors-border-warning-default, #f4e5d5);
33
+ --_z2r50s2-1-0-0: var(--dt-colors-background-field-warning-emphasized, #f4e8de);
34
+ }
35
+ ._z2r50sa-1-0-0 {
36
+ --_z2r50s0-1-0-0: var(--dt-colors-border-critical-accent, #b80031);
37
+ --_z2r50s1-1-0-0: var(--dt-colors-border-critical-default, #f1cdcf);
38
+ --_z2r50s2-1-0-0: var(--dt-colors-background-field-critical-emphasized, #f2d7d9);
39
+ }
40
+ ._z2r50sb-1-0-0:focus-within {
41
41
  outline: none;
42
42
  }
43
- ._z2r50sc-0-85-120:focus-within {
43
+ ._z2r50sc-1-0-0:focus-within {
44
44
  border-radius: calc(var(--dt-borders-radius-field-subdued, 4px) / 2);
45
- box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-0-85-120);
46
- background-color: var(--_z2r50s2-0-85-120);
47
- }
48
- ._z2r50sd-0-85-120:focus-within {
49
- box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-0-85-120), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-0-85-120);
50
- }
51
- ._z2r50se-0-85-120 {
52
- --_z2r50s0-0-85-120: var(--dt-colors-border-neutral-accent, #545587);
53
- --_z2r50s1-0-85-120: var(--dt-colors-border-neutral-default, #d2d3e1);
54
- --_z2r50s2-0-85-120: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
55
- }
56
- ._z2r50sf-0-85-120 {
57
- --_z2r50s0-0-85-120: var(--dt-colors-border-primary-accent, #454cc9);
58
- --_z2r50s1-0-85-120: var(--dt-colors-border-primary-default, #ccd3f3);
59
- --_z2r50s2-0-85-120: var(--dt-colors-background-field-primary-emphasized, #d6dbf4);
60
- }
61
- ._z2r50sg-0-85-120 {
62
- --_z2r50s0-0-85-120: var(--dt-colors-border-success-accent, #2c6360);
63
- --_z2r50s1-0-85-120: var(--dt-colors-border-success-default, #cad6d7);
64
- --_z2r50s2-0-85-120: var(--dt-colors-background-field-success-emphasized, #d4dddf);
65
- }
66
- ._z2r50sh-0-85-120 {
67
- --_z2r50s0-0-85-120: var(--dt-colors-border-warning-accent, #805100);
68
- --_z2r50s1-0-85-120: var(--dt-colors-border-warning-default, #f4e5d5);
69
- --_z2r50s2-0-85-120: var(--dt-colors-background-field-warning-emphasized, #f4e8de);
70
- }
71
- ._z2r50si-0-85-120 {
72
- --_z2r50s0-0-85-120: var(--dt-colors-border-critical-accent, #b80031);
73
- --_z2r50s1-0-85-120: var(--dt-colors-border-critical-default, #f1cdcf);
74
- --_z2r50s2-0-85-120: var(--dt-colors-background-field-critical-emphasized, #f2d7d9);
45
+ box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-1-0-0);
46
+ background-color: var(--_z2r50s2-1-0-0);
47
+ }
48
+ ._z2r50sd-1-0-0:focus-within {
49
+ box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-1-0-0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-1-0-0);
50
+ }
51
+ ._z2r50se-1-0-0 {
52
+ --_z2r50s0-1-0-0: var(--dt-colors-border-neutral-accent, #545587);
53
+ --_z2r50s1-1-0-0: var(--dt-colors-border-neutral-default, #d2d3e1);
54
+ --_z2r50s2-1-0-0: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
55
+ }
56
+ ._z2r50sf-1-0-0 {
57
+ --_z2r50s0-1-0-0: var(--dt-colors-border-primary-accent, #454cc9);
58
+ --_z2r50s1-1-0-0: var(--dt-colors-border-primary-default, #ccd3f3);
59
+ --_z2r50s2-1-0-0: var(--dt-colors-background-field-primary-emphasized, #d6dbf4);
60
+ }
61
+ ._z2r50sg-1-0-0 {
62
+ --_z2r50s0-1-0-0: var(--dt-colors-border-success-accent, #2c6360);
63
+ --_z2r50s1-1-0-0: var(--dt-colors-border-success-default, #cad6d7);
64
+ --_z2r50s2-1-0-0: var(--dt-colors-background-field-success-emphasized, #d4dddf);
65
+ }
66
+ ._z2r50sh-1-0-0 {
67
+ --_z2r50s0-1-0-0: var(--dt-colors-border-warning-accent, #805100);
68
+ --_z2r50s1-1-0-0: var(--dt-colors-border-warning-default, #f4e5d5);
69
+ --_z2r50s2-1-0-0: var(--dt-colors-background-field-warning-emphasized, #f4e8de);
70
+ }
71
+ ._z2r50si-1-0-0 {
72
+ --_z2r50s0-1-0-0: var(--dt-colors-border-critical-accent, #b80031);
73
+ --_z2r50s1-1-0-0: var(--dt-colors-border-critical-default, #f1cdcf);
74
+ --_z2r50s2-1-0-0: var(--dt-colors-background-field-critical-emphasized, #f2d7d9);
75
75
  }
@@ -1,7 +1,7 @@
1
1
  import "./focusRing.css";
2
2
  import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
3
- var focusRingCSS = _7a468({ defaultClassName: "_z2r50s3-0-85-120", variantClassNames: { minimal: { true: "_z2r50s4-0-85-120", false: "_z2r50s5-0-85-120" }, variant: { neutral: "_z2r50s6-0-85-120", primary: "_z2r50s7-0-85-120", success: "_z2r50s8-0-85-120", warning: "_z2r50s9-0-85-120", critical: "_z2r50sa-0-85-120" } }, defaultVariants: {}, compoundVariants: [] });
4
- var focusRingFocusWithinCSS = _7a468({ defaultClassName: "_z2r50sb-0-85-120", variantClassNames: { minimal: { true: "_z2r50sc-0-85-120", false: "_z2r50sd-0-85-120" }, variant: { neutral: "_z2r50se-0-85-120", primary: "_z2r50sf-0-85-120", success: "_z2r50sg-0-85-120", warning: "_z2r50sh-0-85-120", critical: "_z2r50si-0-85-120" } }, defaultVariants: {}, compoundVariants: [] });
3
+ var focusRingCSS = _7a468({ defaultClassName: "_z2r50s3-1-0-0", variantClassNames: { minimal: { true: "_z2r50s4-1-0-0", false: "_z2r50s5-1-0-0" }, variant: { neutral: "_z2r50s6-1-0-0", primary: "_z2r50s7-1-0-0", success: "_z2r50s8-1-0-0", warning: "_z2r50s9-1-0-0", critical: "_z2r50sa-1-0-0" } }, defaultVariants: {}, compoundVariants: [] });
4
+ var focusRingFocusWithinCSS = _7a468({ defaultClassName: "_z2r50sb-1-0-0", variantClassNames: { minimal: { true: "_z2r50sc-1-0-0", false: "_z2r50sd-1-0-0" }, variant: { neutral: "_z2r50se-1-0-0", primary: "_z2r50sf-1-0-0", success: "_z2r50sg-1-0-0", warning: "_z2r50sh-1-0-0", critical: "_z2r50si-1-0-0" } }, defaultVariants: {}, compoundVariants: [] });
5
5
  export {
6
6
  focusRingCSS,
7
7
  focusRingFocusWithinCSS
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/core/styles/focusRing.css.ts"],
4
- "sourcesContent": ["import './focusRing.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRingCSS = _7a468({defaultClassName:'_z2r50s3-0-85-120',variantClassNames:{minimal:{true:'_z2r50s4-0-85-120',false:'_z2r50s5-0-85-120'},variant:{neutral:'_z2r50s6-0-85-120',primary:'_z2r50s7-0-85-120',success:'_z2r50s8-0-85-120',warning:'_z2r50s9-0-85-120',critical:'_z2r50sa-0-85-120'}},defaultVariants:{},compoundVariants:[]});\nexport var focusRingFocusWithinCSS = _7a468({defaultClassName:'_z2r50sb-0-85-120',variantClassNames:{minimal:{true:'_z2r50sc-0-85-120',false:'_z2r50sd-0-85-120'},variant:{neutral:'_z2r50se-0-85-120',primary:'_z2r50sf-0-85-120',success:'_z2r50sg-0-85-120',warning:'_z2r50sh-0-85-120',critical:'_z2r50si-0-85-120'}},defaultVariants:{},compoundVariants:[]});"],
5
- "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,qBAAoB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,qBAAoB,OAAM,oBAAmB,GAAE,SAAQ,EAAC,SAAQ,qBAAoB,SAAQ,qBAAoB,SAAQ,qBAAoB,SAAQ,qBAAoB,UAAS,oBAAmB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/U,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,qBAAoB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,qBAAoB,OAAM,oBAAmB,GAAE,SAAQ,EAAC,SAAQ,qBAAoB,SAAQ,qBAAoB,SAAQ,qBAAoB,SAAQ,qBAAoB,UAAS,oBAAmB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
4
+ "sourcesContent": ["import './focusRing.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRingCSS = _7a468({defaultClassName:'_z2r50s3-1-0-0',variantClassNames:{minimal:{true:'_z2r50s4-1-0-0',false:'_z2r50s5-1-0-0'},variant:{neutral:'_z2r50s6-1-0-0',primary:'_z2r50s7-1-0-0',success:'_z2r50s8-1-0-0',warning:'_z2r50s9-1-0-0',critical:'_z2r50sa-1-0-0'}},defaultVariants:{},compoundVariants:[]});\nexport var focusRingFocusWithinCSS = _7a468({defaultClassName:'_z2r50sb-1-0-0',variantClassNames:{minimal:{true:'_z2r50sc-1-0-0',false:'_z2r50sd-1-0-0'},variant:{neutral:'_z2r50se-1-0-0',primary:'_z2r50sf-1-0-0',success:'_z2r50sg-1-0-0',warning:'_z2r50sh-1-0-0',critical:'_z2r50si-1-0-0'}},defaultVariants:{},compoundVariants:[]});"],
5
+ "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,SAAQ,EAAC,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACvT,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,SAAQ,EAAC,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
6
6
  "names": []
7
7
  }
@@ -1,75 +1,75 @@
1
- ._k096v44-0-85-120 {
2
- --_k096v40-0-85-120: var(--dt-colors-text-critical-default, #b80031);
3
- --_k096v41-0-85-120: var(--dt-colors-icon-critical-default, #b80031);
4
- --_k096v42-0-85-120: var(--dt-colors-border-critical-default, #f1cdcf);
1
+ ._k096v44-1-0-0 {
2
+ --_k096v40-1-0-0: var(--dt-colors-text-critical-default, #b80031);
3
+ --_k096v41-1-0-0: var(--dt-colors-icon-critical-default, #b80031);
4
+ --_k096v42-1-0-0: var(--dt-colors-border-critical-default, #f1cdcf);
5
5
  }
6
- ._k096v45-0-85-120 {
7
- --_k096v40-0-85-120: var(--dt-colors-text-neutral-default, #2b2a58);
8
- --_k096v41-0-85-120: var(--dt-colors-icon-neutral-default, #2b2a58);
9
- --_k096v42-0-85-120: var(--dt-colors-border-neutral-default, #d2d3e1);
6
+ ._k096v45-1-0-0 {
7
+ --_k096v40-1-0-0: var(--dt-colors-text-neutral-default, #2b2a58);
8
+ --_k096v41-1-0-0: var(--dt-colors-icon-neutral-default, #2b2a58);
9
+ --_k096v42-1-0-0: var(--dt-colors-border-neutral-default, #d2d3e1);
10
10
  }
11
- ._k096v46-0-85-120 {
12
- --_k096v40-0-85-120: var(--dt-colors-text-primary-default, #454cc9);
13
- --_k096v41-0-85-120: var(--dt-colors-icon-primary-default, #454cc9);
14
- --_k096v42-0-85-120: var(--dt-colors-border-primary-default, #ccd3f3);
11
+ ._k096v46-1-0-0 {
12
+ --_k096v40-1-0-0: var(--dt-colors-text-primary-default, #454cc9);
13
+ --_k096v41-1-0-0: var(--dt-colors-icon-primary-default, #454cc9);
14
+ --_k096v42-1-0-0: var(--dt-colors-border-primary-default, #ccd3f3);
15
15
  }
16
- ._k096v47-0-85-120 {
17
- --_k096v40-0-85-120: var(--dt-colors-text-success-default, #2c6360);
18
- --_k096v41-0-85-120: var(--dt-colors-icon-success-default, #2c6360);
19
- --_k096v42-0-85-120: var(--dt-colors-border-success-default, #cad6d7);
16
+ ._k096v47-1-0-0 {
17
+ --_k096v40-1-0-0: var(--dt-colors-text-success-default, #2c6360);
18
+ --_k096v41-1-0-0: var(--dt-colors-icon-success-default, #2c6360);
19
+ --_k096v42-1-0-0: var(--dt-colors-border-success-default, #cad6d7);
20
20
  }
21
- ._k096v48-0-85-120 {
22
- --_k096v40-0-85-120: var(--dt-colors-text-warning-default, #805100);
23
- --_k096v41-0-85-120: var(--dt-colors-icon-warning-default, #805100);
24
- --_k096v42-0-85-120: var(--dt-colors-border-warning-default, #f4e5d5);
21
+ ._k096v48-1-0-0 {
22
+ --_k096v40-1-0-0: var(--dt-colors-text-warning-default, #805100);
23
+ --_k096v41-1-0-0: var(--dt-colors-icon-warning-default, #805100);
24
+ --_k096v42-1-0-0: var(--dt-colors-border-warning-default, #f4e5d5);
25
25
  }
26
- ._k096v4d-0-85-120 {
27
- --_k096v40-0-85-120: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
28
- --_k096v41-0-85-120: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
29
- --_k096v42-0-85-120: var(--dt-colors-border-primary-accent, #454cc9);
26
+ ._k096v4d-1-0-0 {
27
+ --_k096v40-1-0-0: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
28
+ --_k096v41-1-0-0: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
29
+ --_k096v42-1-0-0: var(--dt-colors-border-primary-accent, #454cc9);
30
30
  }
31
- ._k096v4e-0-85-120 {
32
- --_k096v40-0-85-120: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
33
- --_k096v41-0-85-120: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
34
- --_k096v42-0-85-120: var(--dt-colors-border-success-accent, #2c6360);
31
+ ._k096v4e-1-0-0 {
32
+ --_k096v40-1-0-0: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
33
+ --_k096v41-1-0-0: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
34
+ --_k096v42-1-0-0: var(--dt-colors-border-success-accent, #2c6360);
35
35
  }
36
- ._k096v4f-0-85-120 {
37
- --_k096v40-0-85-120: var(--dt-colors-text-warning-on-accent-default, #272025);
38
- --_k096v41-0-85-120: var(--dt-colors-icon-warning-on-accent-default, #272025);
39
- --_k096v42-0-85-120: var(--dt-colors-border-warning-accent, #805100);
36
+ ._k096v4f-1-0-0 {
37
+ --_k096v40-1-0-0: var(--dt-colors-text-warning-on-accent-default, #272025);
38
+ --_k096v41-1-0-0: var(--dt-colors-icon-warning-on-accent-default, #272025);
39
+ --_k096v42-1-0-0: var(--dt-colors-border-warning-accent, #805100);
40
40
  }
41
- ._k096v4g-0-85-120 {
42
- --_k096v40-0-85-120: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
43
- --_k096v41-0-85-120: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
44
- --_k096v42-0-85-120: var(--dt-colors-border-critical-accent, #b80031);
41
+ ._k096v4g-1-0-0 {
42
+ --_k096v40-1-0-0: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
43
+ --_k096v41-1-0-0: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
44
+ --_k096v42-1-0-0: var(--dt-colors-border-critical-accent, #b80031);
45
45
  }
46
- ._k096v4h-0-85-120 {
47
- --_k096v40-0-85-120: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
48
- --_k096v41-0-85-120: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
49
- --_k096v42-0-85-120: var(--dt-colors-border-neutral-accent, #545587);
46
+ ._k096v4h-1-0-0 {
47
+ --_k096v40-1-0-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
48
+ --_k096v41-1-0-0: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
49
+ --_k096v42-1-0-0: var(--dt-colors-border-neutral-accent, #545587);
50
50
  }
51
- ._k096v4i-0-85-120 {
52
- --_k096v40-0-85-120: var(--dt-colors-text-primary-disabled, #54558780);
53
- --_k096v41-0-85-120: var(--dt-colors-icon-primary-disabled, #54558780);
54
- --_k096v42-0-85-120: var(--dt-colors-border-primary-disabled, #d2d3e180);
51
+ ._k096v4i-1-0-0 {
52
+ --_k096v40-1-0-0: var(--dt-colors-text-primary-disabled, #54558780);
53
+ --_k096v41-1-0-0: var(--dt-colors-icon-primary-disabled, #54558780);
54
+ --_k096v42-1-0-0: var(--dt-colors-border-primary-disabled, #d2d3e180);
55
55
  }
56
- ._k096v4j-0-85-120 {
57
- --_k096v40-0-85-120: var(--dt-colors-text-success-disabled, #54558780);
58
- --_k096v41-0-85-120: var(--dt-colors-icon-success-disabled, #54558780);
59
- --_k096v42-0-85-120: var(--dt-colors-border-success-disabled, #d2d3e180);
56
+ ._k096v4j-1-0-0 {
57
+ --_k096v40-1-0-0: var(--dt-colors-text-success-disabled, #54558780);
58
+ --_k096v41-1-0-0: var(--dt-colors-icon-success-disabled, #54558780);
59
+ --_k096v42-1-0-0: var(--dt-colors-border-success-disabled, #d2d3e180);
60
60
  }
61
- ._k096v4k-0-85-120 {
62
- --_k096v40-0-85-120: var(--dt-colors-text-warning-disabled, #54558780);
63
- --_k096v41-0-85-120: var(--dt-colors-icon-warning-disabled, #54558780);
64
- --_k096v42-0-85-120: var(--dt-colors-border-warning-disabled, #d2d3e180);
61
+ ._k096v4k-1-0-0 {
62
+ --_k096v40-1-0-0: var(--dt-colors-text-warning-disabled, #54558780);
63
+ --_k096v41-1-0-0: var(--dt-colors-icon-warning-disabled, #54558780);
64
+ --_k096v42-1-0-0: var(--dt-colors-border-warning-disabled, #d2d3e180);
65
65
  }
66
- ._k096v4l-0-85-120 {
67
- --_k096v40-0-85-120: var(--dt-colors-text-critical-disabled, #54558780);
68
- --_k096v41-0-85-120: var(--dt-colors-icon-critical-disabled, #54558780);
69
- --_k096v42-0-85-120: var(--dt-colors-border-critical-disabled, #d2d3e180);
66
+ ._k096v4l-1-0-0 {
67
+ --_k096v40-1-0-0: var(--dt-colors-text-critical-disabled, #54558780);
68
+ --_k096v41-1-0-0: var(--dt-colors-icon-critical-disabled, #54558780);
69
+ --_k096v42-1-0-0: var(--dt-colors-border-critical-disabled, #d2d3e180);
70
70
  }
71
- ._k096v4m-0-85-120 {
72
- --_k096v40-0-85-120: var(--dt-colors-text-neutral-disabled, #54558780);
73
- --_k096v41-0-85-120: var(--dt-colors-icon-neutral-disabled, #54558780);
74
- --_k096v42-0-85-120: var(--dt-colors-border-neutral-disabled, #d2d3e180);
71
+ ._k096v4m-1-0-0 {
72
+ --_k096v40-1-0-0: var(--dt-colors-text-neutral-disabled, #54558780);
73
+ --_k096v41-1-0-0: var(--dt-colors-icon-neutral-disabled, #54558780);
74
+ --_k096v42-1-0-0: 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: "_k096v43-0-85-120", variantClassNames: { color: { critical: "_k096v44-0-85-120", neutral: "_k096v45-0-85-120", primary: "_k096v46-0-85-120", success: "_k096v47-0-85-120", warning: "_k096v48-0-85-120" }, variant: { "default": "_k096v49-0-85-120", accent: "_k096v4a-0-85-120" }, disabled: { true: "_k096v4b-0-85-120", false: "_k096v4c-0-85-120" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_k096v4d-0-85-120"], [{ color: "success", variant: "accent" }, "_k096v4e-0-85-120"], [{ color: "warning", variant: "accent" }, "_k096v4f-0-85-120"], [{ color: "critical", variant: "accent" }, "_k096v4g-0-85-120"], [{ color: "neutral", variant: "accent" }, "_k096v4h-0-85-120"], [{ color: "primary", disabled: true }, "_k096v4i-0-85-120"], [{ color: "success", disabled: true }, "_k096v4j-0-85-120"], [{ color: "warning", disabled: true }, "_k096v4k-0-85-120"], [{ color: "critical", disabled: true }, "_k096v4l-0-85-120"], [{ color: "neutral", disabled: true }, "_k096v4m-0-85-120"]] });
4
- var colorUtilsVars = { text: "var(--_k096v40-0-85-120)", icon: "var(--_k096v41-0-85-120)", borderColor: "var(--_k096v42-0-85-120)" };
3
+ var colorUtilsCSS = _7a468({ defaultClassName: "_k096v43-1-0-0", variantClassNames: { color: { critical: "_k096v44-1-0-0", neutral: "_k096v45-1-0-0", primary: "_k096v46-1-0-0", success: "_k096v47-1-0-0", warning: "_k096v48-1-0-0" }, variant: { "default": "_k096v49-1-0-0", accent: "_k096v4a-1-0-0" }, disabled: { true: "_k096v4b-1-0-0", false: "_k096v4c-1-0-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_k096v4d-1-0-0"], [{ color: "success", variant: "accent" }, "_k096v4e-1-0-0"], [{ color: "warning", variant: "accent" }, "_k096v4f-1-0-0"], [{ color: "critical", variant: "accent" }, "_k096v4g-1-0-0"], [{ color: "neutral", variant: "accent" }, "_k096v4h-1-0-0"], [{ color: "primary", disabled: true }, "_k096v4i-1-0-0"], [{ color: "success", disabled: true }, "_k096v4j-1-0-0"], [{ color: "warning", disabled: true }, "_k096v4k-1-0-0"], [{ color: "critical", disabled: true }, "_k096v4l-1-0-0"], [{ color: "neutral", disabled: true }, "_k096v4m-1-0-0"]] });
4
+ var colorUtilsVars = { text: "var(--_k096v40-1-0-0)", icon: "var(--_k096v41-1-0-0)", borderColor: "var(--_k096v42-1-0-0)" };
5
5
  export {
6
6
  colorUtilsCSS,
7
7
  colorUtilsVars
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/core/utils/colorUtils.css.ts"],
4
- "sourcesContent": ["import './colorUtils.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var colorUtilsCSS = _7a468({defaultClassName:'_k096v43-0-85-120',variantClassNames:{color:{critical:'_k096v44-0-85-120',neutral:'_k096v45-0-85-120',primary:'_k096v46-0-85-120',success:'_k096v47-0-85-120',warning:'_k096v48-0-85-120'},variant:{'default':'_k096v49-0-85-120',accent:'_k096v4a-0-85-120'},disabled:{true:'_k096v4b-0-85-120',false:'_k096v4c-0-85-120'}},defaultVariants:{},compoundVariants:[[{color:'primary',variant:'accent'},'_k096v4d-0-85-120'],[{color:'success',variant:'accent'},'_k096v4e-0-85-120'],[{color:'warning',variant:'accent'},'_k096v4f-0-85-120'],[{color:'critical',variant:'accent'},'_k096v4g-0-85-120'],[{color:'neutral',variant:'accent'},'_k096v4h-0-85-120'],[{color:'primary',disabled:true},'_k096v4i-0-85-120'],[{color:'success',disabled:true},'_k096v4j-0-85-120'],[{color:'warning',disabled:true},'_k096v4k-0-85-120'],[{color:'critical',disabled:true},'_k096v4l-0-85-120'],[{color:'neutral',disabled:true},'_k096v4m-0-85-120']]});\nexport var colorUtilsVars = {text:'var(--_k096v40-0-85-120)',icon:'var(--_k096v41-0-85-120)',borderColor:'var(--_k096v42-0-85-120)'};"],
5
- "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,qBAAoB,mBAAkB,EAAC,OAAM,EAAC,UAAS,qBAAoB,SAAQ,qBAAoB,SAAQ,qBAAoB,SAAQ,qBAAoB,SAAQ,oBAAmB,GAAE,SAAQ,EAAC,WAAU,qBAAoB,QAAO,oBAAmB,GAAE,UAAS,EAAC,MAAK,qBAAoB,OAAM,oBAAmB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,mBAAmB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,mBAAmB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,mBAAmB,GAAE,CAAC,EAAC,OAAM,YAAW,SAAQ,SAAQ,GAAE,mBAAmB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,mBAAmB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,mBAAmB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,mBAAmB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,mBAAmB,GAAE,CAAC,EAAC,OAAM,YAAW,UAAS,KAAI,GAAE,mBAAmB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,mBAAmB,CAAC,EAAC,CAAC;AAC97B,IAAI,iBAAiB,EAAC,MAAK,4BAA2B,MAAK,4BAA2B,aAAY,2BAA0B;",
4
+ "sourcesContent": ["import './colorUtils.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var colorUtilsCSS = _7a468({defaultClassName:'_k096v43-1-0-0',variantClassNames:{color:{critical:'_k096v44-1-0-0',neutral:'_k096v45-1-0-0',primary:'_k096v46-1-0-0',success:'_k096v47-1-0-0',warning:'_k096v48-1-0-0'},variant:{'default':'_k096v49-1-0-0',accent:'_k096v4a-1-0-0'},disabled:{true:'_k096v4b-1-0-0',false:'_k096v4c-1-0-0'}},defaultVariants:{},compoundVariants:[[{color:'primary',variant:'accent'},'_k096v4d-1-0-0'],[{color:'success',variant:'accent'},'_k096v4e-1-0-0'],[{color:'warning',variant:'accent'},'_k096v4f-1-0-0'],[{color:'critical',variant:'accent'},'_k096v4g-1-0-0'],[{color:'neutral',variant:'accent'},'_k096v4h-1-0-0'],[{color:'primary',disabled:true},'_k096v4i-1-0-0'],[{color:'success',disabled:true},'_k096v4j-1-0-0'],[{color:'warning',disabled:true},'_k096v4k-1-0-0'],[{color:'critical',disabled:true},'_k096v4l-1-0-0'],[{color:'neutral',disabled:true},'_k096v4m-1-0-0']]});\nexport var colorUtilsVars = {text:'var(--_k096v40-1-0-0)',icon:'var(--_k096v41-1-0-0)',borderColor:'var(--_k096v42-1-0-0)'};"],
5
+ "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,OAAM,EAAC,UAAS,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,iBAAgB,GAAE,SAAQ,EAAC,WAAU,kBAAiB,QAAO,iBAAgB,GAAE,UAAS,EAAC,MAAK,kBAAiB,OAAM,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,UAAS,KAAI,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,YAAW,UAAS,KAAI,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,gBAAgB,CAAC,EAAC,CAAC;AACl4B,IAAI,iBAAiB,EAAC,MAAK,yBAAwB,MAAK,yBAAwB,aAAY,wBAAuB;",
6
6
  "names": []
7
7
  }
@@ -1,8 +1,8 @@
1
- ._f32lcd0-0-85-120 {
1
+ ._f32lcd0-1-0-0 {
2
2
  border-style: var(--dt-borders-style-default, solid);
3
3
  border-width: var(--dt-borders-width-emphasized, 2px);
4
4
  border-radius: var(--dt-borders-radius-container-default, 12px);
5
- color: var(--_6levse0-0-85-120);
6
- border-color: var(--_6levse2-0-85-120);
7
- background-color: var(--_6levse1-0-85-120);
5
+ color: var(--_6levse0-1-0-0);
6
+ border-color: var(--_6levse2-1-0-0);
7
+ background-color: var(--_6levse1-1-0-0);
8
8
  }
@@ -1,6 +1,6 @@
1
1
  import "../../styles/container.css";
2
2
  import "./Container.css";
3
- var containerCSS = "_f32lcd0-0-85-120";
3
+ var containerCSS = "_f32lcd0-1-0-0";
4
4
  export {
5
5
  containerCSS
6
6
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/layouts/container/Container.css.ts"],
4
- "sourcesContent": ["import '../../styles/container.css';\nimport './Container.css';\nexport var containerCSS = '_f32lcd0-0-85-120';"],
4
+ "sourcesContent": ["import '../../styles/container.css';\nimport './Container.css';\nexport var containerCSS = '_f32lcd0-1-0-0';"],
5
5
  "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,eAAe;",
6
6
  "names": []
7
7
  }
@@ -1,21 +1,21 @@
1
- ._1thxv8m0-0-85-120 {
1
+ ._1thxv8m0-1-0-0 {
2
2
  border: none;
3
3
  margin: 0;
4
4
  overflow-wrap: break-word;
5
- background-color: var(--_k096v42-0-85-120);
5
+ background-color: var(--_k096v42-1-0-0);
6
6
  }
7
- ._1thxv8m1-0-85-120 {
7
+ ._1thxv8m1-1-0-0 {
8
8
  width: 100%;
9
9
  height: var(--dt-borders-width-default, 1px);
10
10
  }
11
- ._1thxv8m2-0-85-120 {
11
+ ._1thxv8m2-1-0-0 {
12
12
  width: var(--dt-borders-width-default, 1px);
13
13
  height: 100%;
14
14
  }
15
- ._1thxv8m5-0-85-120 {
15
+ ._1thxv8m5-1-0-0 {
16
16
  flex-shrink: 0;
17
17
  }
18
- ._1thxv8m6-0-85-120 {
18
+ ._1thxv8m6-1-0-0 {
19
19
  flex-shrink: 0;
20
20
  width: var(--dt-borders-width-default, 1px);
21
21
  height: auto;
@@ -1,7 +1,7 @@
1
1
  import "../../core/utils/colorUtils.css";
2
2
  import "./Divider.css";
3
3
  import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
4
- var dividerCSS = _7a468({ defaultClassName: "_1thxv8m0-0-85-120", variantClassNames: { orientation: { horizontal: "_1thxv8m1-0-85-120", vertical: "_1thxv8m2-0-85-120" }, flexItem: { true: "_1thxv8m3-0-85-120", false: "_1thxv8m4-0-85-120" } }, defaultVariants: {}, compoundVariants: [[{ orientation: "horizontal", flexItem: false }, "_1thxv8m5-0-85-120"], [{ orientation: "vertical", flexItem: true }, "_1thxv8m6-0-85-120"]] });
4
+ var dividerCSS = _7a468({ defaultClassName: "_1thxv8m0-1-0-0", variantClassNames: { orientation: { horizontal: "_1thxv8m1-1-0-0", vertical: "_1thxv8m2-1-0-0" }, flexItem: { true: "_1thxv8m3-1-0-0", false: "_1thxv8m4-1-0-0" } }, defaultVariants: {}, compoundVariants: [[{ orientation: "horizontal", flexItem: false }, "_1thxv8m5-1-0-0"], [{ orientation: "vertical", flexItem: true }, "_1thxv8m6-1-0-0"]] });
5
5
  export {
6
6
  dividerCSS
7
7
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/layouts/divider/Divider.css.ts"],
4
- "sourcesContent": ["import '../../core/utils/colorUtils.css';\nimport './Divider.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var dividerCSS = _7a468({defaultClassName:'_1thxv8m0-0-85-120',variantClassNames:{orientation:{horizontal:'_1thxv8m1-0-85-120',vertical:'_1thxv8m2-0-85-120'},flexItem:{true:'_1thxv8m3-0-85-120',false:'_1thxv8m4-0-85-120'}},defaultVariants:{},compoundVariants:[[{orientation:'horizontal',flexItem:false},'_1thxv8m5-0-85-120'],[{orientation:'vertical',flexItem:true},'_1thxv8m6-0-85-120']]});"],
5
- "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,aAAa,OAAO,EAAC,kBAAiB,sBAAqB,mBAAkB,EAAC,aAAY,EAAC,YAAW,sBAAqB,UAAS,qBAAoB,GAAE,UAAS,EAAC,MAAK,sBAAqB,OAAM,qBAAoB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,aAAY,cAAa,UAAS,MAAK,GAAE,oBAAoB,GAAE,CAAC,EAAC,aAAY,YAAW,UAAS,KAAI,GAAE,oBAAoB,CAAC,EAAC,CAAC;",
4
+ "sourcesContent": ["import '../../core/utils/colorUtils.css';\nimport './Divider.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var dividerCSS = _7a468({defaultClassName:'_1thxv8m0-1-0-0',variantClassNames:{orientation:{horizontal:'_1thxv8m1-1-0-0',vertical:'_1thxv8m2-1-0-0'},flexItem:{true:'_1thxv8m3-1-0-0',false:'_1thxv8m4-1-0-0'}},defaultVariants:{},compoundVariants:[[{orientation:'horizontal',flexItem:false},'_1thxv8m5-1-0-0'],[{orientation:'vertical',flexItem:true},'_1thxv8m6-1-0-0']]});"],
5
+ "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,aAAY,EAAC,YAAW,mBAAkB,UAAS,kBAAiB,GAAE,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,aAAY,cAAa,UAAS,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,aAAY,YAAW,UAAS,KAAI,GAAE,iBAAiB,CAAC,EAAC,CAAC;",
6
6
  "names": []
7
7
  }
@@ -1,12 +1,12 @@
1
1
 
2
- ._1x4bl8z0-0-85-120 > ._1x4bl8z1-0-85-120:not(:last-child),
3
- ._1x4bl8z0-0-85-120 > *:not(:last-child) :is(._1x4bl8z1-0-85-120, .cm-editor) {
2
+ ._1x4bl8z0-1-0-0 > ._1x4bl8z1-1-0-0:not(:last-child),
3
+ ._1x4bl8z0-1-0-0 > *:not(:last-child) :is(._1x4bl8z1-1-0-0, .cm-editor) {
4
4
  border-top-right-radius: 0;
5
5
  border-bottom-right-radius: 0;
6
6
  }
7
7
 
8
- ._1x4bl8z0-0-85-120 > ._1x4bl8z1-0-85-120:not(:first-child),
9
- ._1x4bl8z0-0-85-120 > *:not(:first-child) :is(._1x4bl8z1-0-85-120, .cm-editor) {
8
+ ._1x4bl8z0-1-0-0 > ._1x4bl8z1-1-0-0:not(:first-child),
9
+ ._1x4bl8z0-1-0-0 > *:not(:first-child) :is(._1x4bl8z1-1-0-0, .cm-editor) {
10
10
  border-top-left-radius: 0;
11
11
  border-bottom-left-radius: 0;
12
12
  }
@@ -1,6 +1,6 @@
1
1
  import "./InputGroup.css";
2
- var inputGroupCSS = "_1x4bl8z0-0-85-120";
3
- var inputGroupChildCSS = "_1x4bl8z1-0-85-120";
2
+ var inputGroupCSS = "_1x4bl8z0-1-0-0";
3
+ var inputGroupChildCSS = "_1x4bl8z1-1-0-0";
4
4
  export {
5
5
  inputGroupCSS,
6
6
  inputGroupChildCSS
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/layouts/input-group/InputGroup.css.ts"],
4
- "sourcesContent": ["import './InputGroup.css';\nexport var inputGroupCSS = '_1x4bl8z0-0-85-120';\nexport var inputGroupChildCSS = '_1x4bl8z1-0-85-120';"],
4
+ "sourcesContent": ["import './InputGroup.css';\nexport var inputGroupCSS = '_1x4bl8z0-1-0-0';\nexport var inputGroupChildCSS = '_1x4bl8z1-1-0-0';"],
5
5
  "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;",
6
6
  "names": []
7
7
  }