@codecademy/gamut 68.1.0-alpha.f9ca97.0 → 68.1.1-alpha.27bc7c.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 (97) hide show
  1. package/dist/Alert/elements.d.ts +3 -3
  2. package/dist/Anchor/index.d.ts +44 -13
  3. package/dist/Badge/index.d.ts +38 -7
  4. package/dist/BarChart/BarChartProvider.d.ts +19 -0
  5. package/dist/BarChart/BarChartProvider.js +27 -0
  6. package/dist/BarChart/BarRow/ValueLabelsContent.d.ts +7 -0
  7. package/dist/BarChart/BarRow/ValueLabelsContent.js +34 -0
  8. package/dist/BarChart/BarRow/elements.d.ts +943 -0
  9. package/dist/BarChart/BarRow/elements.js +102 -0
  10. package/dist/BarChart/BarRow/index.d.ts +6 -0
  11. package/dist/BarChart/BarRow/index.js +234 -0
  12. package/dist/BarChart/GENERIC_EXAMPLE.d.ts +14 -0
  13. package/dist/BarChart/GENERIC_EXAMPLE.js +327 -0
  14. package/dist/BarChart/SortSelect/index.d.ts +15 -0
  15. package/dist/BarChart/SortSelect/index.js +18 -0
  16. package/dist/BarChart/index.d.ts +4 -0
  17. package/dist/BarChart/index.js +136 -0
  18. package/dist/BarChart/layout/GridLines.d.ts +3 -0
  19. package/dist/BarChart/layout/GridLines.js +69 -0
  20. package/dist/BarChart/layout/LabelSpacer.d.ts +6 -0
  21. package/dist/BarChart/layout/LabelSpacer.js +56 -0
  22. package/dist/BarChart/layout/ScaleChartHeader.d.ts +3 -0
  23. package/dist/BarChart/layout/ScaleChartHeader.js +87 -0
  24. package/dist/BarChart/shared/elements.d.ts +7 -0
  25. package/dist/BarChart/shared/elements.js +12 -0
  26. package/dist/BarChart/shared/styles.d.ts +4 -0
  27. package/dist/BarChart/shared/styles.js +4 -0
  28. package/dist/BarChart/shared/translations.d.ts +69 -0
  29. package/dist/BarChart/shared/translations.js +57 -0
  30. package/dist/BarChart/shared/types.d.ts +100 -0
  31. package/dist/BarChart/shared/types.js +1 -0
  32. package/dist/BarChart/utils/hooks.d.ts +89 -0
  33. package/dist/BarChart/utils/hooks.js +281 -0
  34. package/dist/BarChart/utils/index.d.ts +56 -0
  35. package/dist/BarChart/utils/index.js +122 -0
  36. package/dist/Box/Box.d.ts +1 -1
  37. package/dist/Box/FlexBox.d.ts +1 -1
  38. package/dist/Box/GridBox.d.ts +1 -1
  39. package/dist/Box/props.d.ts +38 -7
  40. package/dist/Button/CTAButton.d.ts +2 -2
  41. package/dist/Button/FillButton.d.ts +4 -4
  42. package/dist/Button/IconButton.d.ts +4 -4
  43. package/dist/Button/StrokeButton.d.ts +4 -4
  44. package/dist/Button/TextButton.d.ts +4 -4
  45. package/dist/Button/shared/InlineIconButton.d.ts +2 -2
  46. package/dist/Button/shared/styles.d.ts +41 -10
  47. package/dist/ButtonBase/ButtonBase.d.ts +2 -2
  48. package/dist/Card/elements.d.ts +139 -43
  49. package/dist/ConnectedForm/ConnectedFormGroup.js +10 -4
  50. package/dist/ConnectedForm/utils.d.ts +3 -3
  51. package/dist/ContentContainer/index.d.ts +1 -1
  52. package/dist/Disclosure/elements.d.ts +13 -13
  53. package/dist/Form/SelectDropdown/styles.d.ts +1 -1
  54. package/dist/Form/elements/Form.d.ts +44 -13
  55. package/dist/Form/elements/FormGroup.d.ts +1 -1
  56. package/dist/Form/elements/FormGroupLabel.js +2 -2
  57. package/dist/Form/inputs/Select.js +6 -5
  58. package/dist/GridForm/GridFormButtons/index.d.ts +4 -4
  59. package/dist/GridForm/GridFormInputGroup/index.js +10 -4
  60. package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +38 -7
  61. package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +39 -8
  62. package/dist/Layout/Column.d.ts +39 -8
  63. package/dist/Layout/LayoutGrid.d.ts +1 -1
  64. package/dist/List/elements.d.ts +92 -29
  65. package/dist/Markdown/index.js +7 -3
  66. package/dist/Markdown/libs/overrides/index.d.ts +8 -4
  67. package/dist/Markdown/libs/overrides/index.js +43 -24
  68. package/dist/Menu/Menu.d.ts +1 -1
  69. package/dist/Menu/elements.d.ts +42 -11
  70. package/dist/Pagination/AnimatedPaginationButtons.d.ts +47 -15
  71. package/dist/Pagination/EllipsisButton.d.ts +9 -9
  72. package/dist/Pagination/EllipsisButton.js +2 -2
  73. package/dist/Pagination/PaginationButton.d.ts +6 -6
  74. package/dist/Pagination/index.js +4 -4
  75. package/dist/Pagination/utils.d.ts +43 -11
  76. package/dist/Pagination/utils.js +1 -1
  77. package/dist/Popover/elements.d.ts +2 -2
  78. package/dist/PopoverContainer/PopoverContainer.js +31 -4
  79. package/dist/PopoverContainer/utils.d.ts +25 -1
  80. package/dist/PopoverContainer/utils.js +36 -5
  81. package/dist/Tabs/TabButton.d.ts +2 -2
  82. package/dist/Tabs/TabNav.d.ts +1 -1
  83. package/dist/Tabs/TabNavLink.d.ts +2 -2
  84. package/dist/Tabs/props.d.ts +38 -7
  85. package/dist/Tag/elements.d.ts +11 -11
  86. package/dist/Tag/types.d.ts +38 -7
  87. package/dist/Tip/InfoTip/InfoTipButton.d.ts +4 -4
  88. package/dist/Tip/InfoTip/styles.d.ts +1 -1
  89. package/dist/Tip/PreviewTip/elements.d.ts +6 -6
  90. package/dist/Tip/ToolTip/elements.d.ts +1 -1
  91. package/dist/Tip/shared/elements.d.ts +3 -3
  92. package/dist/Toggle/elements.d.ts +1 -1
  93. package/dist/Typography/Text.d.ts +40 -9
  94. package/dist/index.d.ts +1 -0
  95. package/dist/index.js +1 -0
  96. package/package.json +15 -12
  97. package/dist/typings/react-aria-tabpanel.d.ts +0 -7
package/dist/Card/elements.d.ts CHANGED
@@ -38,11 +38,19 @@ export declare const MotionBox: import("react").ComponentType<{
38
38
  dir?: string | undefined;
39
39
  className?: string | undefined;
40
40
  height?: import("@codecademy/variance/dist/types/config").Scale<{
41
- readonly property: "height";
41
+ readonly property: {
42
+ readonly physical: "height";
43
+ readonly logical: "blockSize";
44
+ };
45
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
42
46
  readonly transform: (value: string | number) => string | 0;
43
47
  }>;
44
48
  width?: import("@codecademy/variance/dist/types/config").Scale<{
45
- readonly property: "width";
49
+ readonly property: {
50
+ readonly physical: "width";
51
+ readonly logical: "inlineSize";
52
+ };
53
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
46
54
  readonly transform: (value: string | number) => string | 0;
47
55
  }>;
48
56
  "aria-hidden"?: (boolean | "false" | "true") | undefined;
@@ -53,10 +61,12 @@ export declare const MotionBox: import("react").ComponentType<{
53
61
  suppressContentEditableWarning?: boolean | undefined;
54
62
  suppressHydrationWarning?: boolean | undefined;
55
63
  accessKey?: string | undefined;
64
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
56
65
  autoFocus?: boolean | undefined;
57
66
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
58
67
  contextMenu?: string | undefined;
59
68
  draggable?: (boolean | "false" | "true") | undefined;
69
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
60
70
  hidden?: boolean | undefined;
61
71
  id?: string | undefined;
62
72
  lang?: string | undefined;
@@ -77,7 +87,6 @@ export declare const MotionBox: import("react").ComponentType<{
77
87
  rev?: string | undefined;
78
88
  typeof?: string | undefined;
79
89
  vocab?: string | undefined;
80
- autoCapitalize?: string | undefined;
81
90
  autoCorrect?: string | undefined;
82
91
  autoSave?: string | undefined;
83
92
  itemProp?: string | undefined;
@@ -90,6 +99,8 @@ export declare const MotionBox: import("react").ComponentType<{
90
99
  unselectable?: "off" | "on" | undefined;
91
100
  inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
92
101
  is?: string | undefined;
102
+ exportparts?: string | undefined;
103
+ part?: string | undefined;
93
104
  "aria-activedescendant"?: string | undefined;
94
105
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
95
106
  "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
@@ -163,7 +174,7 @@ export declare const MotionBox: import("react").ComponentType<{
163
174
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
164
175
  onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
165
176
  onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
166
- onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
177
+ onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
167
178
  onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
168
179
  onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
169
180
  onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -213,8 +224,6 @@ export declare const MotionBox: import("react").ComponentType<{
213
224
  onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
214
225
  onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
215
226
  onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
216
- onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
217
- onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
218
227
  onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
219
228
  onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
220
229
  onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -302,8 +311,8 @@ export declare const MotionBox: import("react").ComponentType<{
302
311
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
303
312
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
304
313
  alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | undefined;
305
- alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | undefined;
306
- alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | undefined;
314
+ alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | undefined;
315
+ alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | undefined;
307
316
  backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
308
317
  readonly property: "backgroundImage";
309
318
  }>;
@@ -331,10 +340,13 @@ export declare const MotionBox: import("react").ComponentType<{
331
340
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
332
341
  readonly property: "containerType";
333
342
  }>;
343
+ direction?: import("@codecademy/variance/dist/types/config").Scale<{
344
+ readonly property: "direction";
345
+ }>;
334
346
  display?: import("@codecademy/variance/dist/types/config").Scale<{
335
347
  readonly property: "display";
336
348
  }>;
337
- flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "auto" | "fit-content" | "max-content" | "min-content" | "-moz-fit-content" | "-webkit-auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | undefined;
349
+ flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "auto" | "fit-content" | "max-content" | "min-content" | "-webkit-auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | undefined;
338
350
  flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
339
351
  readonly property: "flexDirection";
340
352
  }>;
@@ -369,8 +381,8 @@ export declare const MotionBox: import("react").ComponentType<{
369
381
  readonly property: "gridTemplateRows";
370
382
  }>;
371
383
  justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | undefined;
372
- justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "stretch" | "legacy" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | undefined;
373
- justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | undefined;
384
+ justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | "legacy" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | undefined;
385
+ justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | undefined;
374
386
  left?: import("@codecademy/variance/dist/types/config").Scale<{
375
387
  readonly property: {
376
388
  readonly physical: "left";
@@ -392,19 +404,35 @@ export declare const MotionBox: import("react").ComponentType<{
392
404
  readonly property: "listStyleType";
393
405
  }>;
394
406
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
395
- readonly property: "maxHeight";
407
+ readonly property: {
408
+ readonly physical: "maxHeight";
409
+ readonly logical: "maxBlockSize";
410
+ };
411
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
396
412
  readonly transform: (value: string | number) => string | 0;
397
413
  }>;
398
414
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
399
- readonly property: "maxWidth";
415
+ readonly property: {
416
+ readonly physical: "maxWidth";
417
+ readonly logical: "maxInlineSize";
418
+ };
419
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
400
420
  readonly transform: (value: string | number) => string | 0;
401
421
  }>;
402
422
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
403
- readonly property: "minHeight";
423
+ readonly property: {
424
+ readonly physical: "minHeight";
425
+ readonly logical: "minBlockSize";
426
+ };
427
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
404
428
  readonly transform: (value: string | number) => string | 0;
405
429
  }>;
406
430
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
407
- readonly property: "minWidth";
431
+ readonly property: {
432
+ readonly physical: "minWidth";
433
+ readonly logical: "minInlineSize";
434
+ };
435
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
408
436
  readonly transform: (value: string | number) => string | 0;
409
437
  }>;
410
438
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -823,7 +851,11 @@ export declare const MotionBox: import("react").ComponentType<{
823
851
  }>;
824
852
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
825
853
  readonly property: "width";
826
- readonly properties: readonly ["width", "height"];
854
+ readonly properties: {
855
+ readonly physical: readonly ["width", "height"];
856
+ readonly logical: readonly ["inlineSize", "blockSize"];
857
+ };
858
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
827
859
  readonly transform: (value: string | number) => string | 0;
828
860
  }>;
829
861
  textColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -915,11 +947,19 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
915
947
  dir?: string | undefined;
916
948
  className?: string | undefined;
917
949
  height?: import("@codecademy/variance/dist/types/config").Scale<{
918
- readonly property: "height";
950
+ readonly property: {
951
+ readonly physical: "height";
952
+ readonly logical: "blockSize";
953
+ };
954
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
919
955
  readonly transform: (value: string | number) => string | 0;
920
956
  }>;
921
957
  width?: import("@codecademy/variance/dist/types/config").Scale<{
922
- readonly property: "width";
958
+ readonly property: {
959
+ readonly physical: "width";
960
+ readonly logical: "inlineSize";
961
+ };
962
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
923
963
  readonly transform: (value: string | number) => string | 0;
924
964
  }>;
925
965
  "aria-hidden"?: (boolean | "false" | "true") | undefined;
@@ -930,10 +970,12 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
930
970
  suppressContentEditableWarning?: boolean | undefined;
931
971
  suppressHydrationWarning?: boolean | undefined;
932
972
  accessKey?: string | undefined;
973
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
933
974
  autoFocus?: boolean | undefined;
934
975
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
935
976
  contextMenu?: string | undefined;
936
977
  draggable?: (boolean | "false" | "true") | undefined;
978
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
937
979
  hidden?: boolean | undefined;
938
980
  id?: string | undefined;
939
981
  lang?: string | undefined;
@@ -954,7 +996,6 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
954
996
  rev?: string | undefined;
955
997
  typeof?: string | undefined;
956
998
  vocab?: string | undefined;
957
- autoCapitalize?: string | undefined;
958
999
  autoCorrect?: string | undefined;
959
1000
  autoSave?: string | undefined;
960
1001
  itemProp?: string | undefined;
@@ -967,6 +1008,8 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
967
1008
  unselectable?: "off" | "on" | undefined;
968
1009
  inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
969
1010
  is?: string | undefined;
1011
+ exportparts?: string | undefined;
1012
+ part?: string | undefined;
970
1013
  "aria-activedescendant"?: string | undefined;
971
1014
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
972
1015
  "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
@@ -1040,7 +1083,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1040
1083
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1041
1084
  onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1042
1085
  onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1043
- onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1086
+ onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
1044
1087
  onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1045
1088
  onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1046
1089
  onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -1090,8 +1133,6 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1090
1133
  onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1091
1134
  onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1092
1135
  onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1093
- onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1094
- onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1095
1136
  onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1096
1137
  onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1097
1138
  onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -1179,8 +1220,8 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1179
1220
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1180
1221
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1181
1222
  alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | undefined;
1182
- alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | undefined;
1183
- alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | undefined;
1223
+ alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | undefined;
1224
+ alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | undefined;
1184
1225
  backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
1185
1226
  readonly property: "backgroundImage";
1186
1227
  }>;
@@ -1208,10 +1249,13 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1208
1249
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
1209
1250
  readonly property: "containerType";
1210
1251
  }>;
1252
+ direction?: import("@codecademy/variance/dist/types/config").Scale<{
1253
+ readonly property: "direction";
1254
+ }>;
1211
1255
  display?: import("@codecademy/variance/dist/types/config").Scale<{
1212
1256
  readonly property: "display";
1213
1257
  }>;
1214
- flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "auto" | "fit-content" | "max-content" | "min-content" | "-moz-fit-content" | "-webkit-auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | undefined;
1258
+ flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "auto" | "fit-content" | "max-content" | "min-content" | "-webkit-auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | undefined;
1215
1259
  flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
1216
1260
  readonly property: "flexDirection";
1217
1261
  }>;
@@ -1246,8 +1290,8 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1246
1290
  readonly property: "gridTemplateRows";
1247
1291
  }>;
1248
1292
  justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | undefined;
1249
- justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "stretch" | "legacy" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | undefined;
1250
- justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | undefined;
1293
+ justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | "legacy" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | undefined;
1294
+ justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | undefined;
1251
1295
  left?: import("@codecademy/variance/dist/types/config").Scale<{
1252
1296
  readonly property: {
1253
1297
  readonly physical: "left";
@@ -1269,19 +1313,35 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1269
1313
  readonly property: "listStyleType";
1270
1314
  }>;
1271
1315
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1272
- readonly property: "maxHeight";
1316
+ readonly property: {
1317
+ readonly physical: "maxHeight";
1318
+ readonly logical: "maxBlockSize";
1319
+ };
1320
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1273
1321
  readonly transform: (value: string | number) => string | 0;
1274
1322
  }>;
1275
1323
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1276
- readonly property: "maxWidth";
1324
+ readonly property: {
1325
+ readonly physical: "maxWidth";
1326
+ readonly logical: "maxInlineSize";
1327
+ };
1328
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1277
1329
  readonly transform: (value: string | number) => string | 0;
1278
1330
  }>;
1279
1331
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
1280
- readonly property: "minHeight";
1332
+ readonly property: {
1333
+ readonly physical: "minHeight";
1334
+ readonly logical: "minBlockSize";
1335
+ };
1336
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1281
1337
  readonly transform: (value: string | number) => string | 0;
1282
1338
  }>;
1283
1339
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
1284
- readonly property: "minWidth";
1340
+ readonly property: {
1341
+ readonly physical: "minWidth";
1342
+ readonly logical: "minInlineSize";
1343
+ };
1344
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1285
1345
  readonly transform: (value: string | number) => string | 0;
1286
1346
  }>;
1287
1347
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1700,7 +1760,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1700
1760
  }>;
1701
1761
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
1702
1762
  readonly property: "width";
1703
- readonly properties: readonly ["width", "height"];
1763
+ readonly properties: {
1764
+ readonly physical: readonly ["width", "height"];
1765
+ readonly logical: readonly ["inlineSize", "blockSize"];
1766
+ };
1767
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1704
1768
  readonly transform: (value: string | number) => string | 0;
1705
1769
  }>;
1706
1770
  textColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1778,11 +1842,19 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1778
1842
  dir?: string | undefined;
1779
1843
  className?: string | undefined;
1780
1844
  height?: import("@codecademy/variance/dist/types/config").Scale<{
1781
- readonly property: "height";
1845
+ readonly property: {
1846
+ readonly physical: "height";
1847
+ readonly logical: "blockSize";
1848
+ };
1849
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1782
1850
  readonly transform: (value: string | number) => string | 0;
1783
1851
  }>;
1784
1852
  width?: import("@codecademy/variance/dist/types/config").Scale<{
1785
- readonly property: "width";
1853
+ readonly property: {
1854
+ readonly physical: "width";
1855
+ readonly logical: "inlineSize";
1856
+ };
1857
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1786
1858
  readonly transform: (value: string | number) => string | 0;
1787
1859
  }>;
1788
1860
  "aria-hidden"?: (boolean | "false" | "true") | undefined;
@@ -1793,10 +1865,12 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1793
1865
  suppressContentEditableWarning?: boolean | undefined;
1794
1866
  suppressHydrationWarning?: boolean | undefined;
1795
1867
  accessKey?: string | undefined;
1868
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
1796
1869
  autoFocus?: boolean | undefined;
1797
1870
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
1798
1871
  contextMenu?: string | undefined;
1799
1872
  draggable?: (boolean | "false" | "true") | undefined;
1873
+ enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
1800
1874
  hidden?: boolean | undefined;
1801
1875
  id?: string | undefined;
1802
1876
  lang?: string | undefined;
@@ -1817,7 +1891,6 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1817
1891
  rev?: string | undefined;
1818
1892
  typeof?: string | undefined;
1819
1893
  vocab?: string | undefined;
1820
- autoCapitalize?: string | undefined;
1821
1894
  autoCorrect?: string | undefined;
1822
1895
  autoSave?: string | undefined;
1823
1896
  itemProp?: string | undefined;
@@ -1830,6 +1903,8 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1830
1903
  unselectable?: "off" | "on" | undefined;
1831
1904
  inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
1832
1905
  is?: string | undefined;
1906
+ exportparts?: string | undefined;
1907
+ part?: string | undefined;
1833
1908
  "aria-activedescendant"?: string | undefined;
1834
1909
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
1835
1910
  "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
@@ -1903,7 +1978,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1903
1978
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1904
1979
  onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1905
1980
  onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1906
- onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1981
+ onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
1907
1982
  onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1908
1983
  onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1909
1984
  onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -1953,8 +2028,6 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1953
2028
  onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1954
2029
  onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1955
2030
  onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1956
- onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1957
- onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1958
2031
  onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1959
2032
  onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1960
2033
  onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -2074,6 +2147,9 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2074
2147
  containerType?: import("@codecademy/variance/dist/types/config").Scale<{
2075
2148
  readonly property: "containerType";
2076
2149
  }>;
2150
+ direction?: import("@codecademy/variance/dist/types/config").Scale<{
2151
+ readonly property: "direction";
2152
+ }>;
2077
2153
  display?: import("@codecademy/variance/dist/types/config").Scale<{
2078
2154
  readonly property: "display";
2079
2155
  }>;
@@ -2140,19 +2216,35 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2140
2216
  readonly transform: (value: string | number) => string | 0;
2141
2217
  }>;
2142
2218
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
2143
- readonly property: "maxHeight";
2219
+ readonly property: {
2220
+ readonly physical: "maxHeight";
2221
+ readonly logical: "maxBlockSize";
2222
+ };
2223
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2144
2224
  readonly transform: (value: string | number) => string | 0;
2145
2225
  }>;
2146
2226
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
2147
- readonly property: "maxWidth";
2227
+ readonly property: {
2228
+ readonly physical: "maxWidth";
2229
+ readonly logical: "maxInlineSize";
2230
+ };
2231
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2148
2232
  readonly transform: (value: string | number) => string | 0;
2149
2233
  }>;
2150
2234
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
2151
- readonly property: "minHeight";
2235
+ readonly property: {
2236
+ readonly physical: "minHeight";
2237
+ readonly logical: "minBlockSize";
2238
+ };
2239
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2152
2240
  readonly transform: (value: string | number) => string | 0;
2153
2241
  }>;
2154
2242
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
2155
- readonly property: "minWidth";
2243
+ readonly property: {
2244
+ readonly physical: "minWidth";
2245
+ readonly logical: "minInlineSize";
2246
+ };
2247
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2156
2248
  readonly transform: (value: string | number) => string | 0;
2157
2249
  }>;
2158
2250
  opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -2561,7 +2653,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2561
2653
  }>;
2562
2654
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
2563
2655
  readonly property: "width";
2564
- readonly properties: readonly ["width", "height"];
2656
+ readonly properties: {
2657
+ readonly physical: readonly ["width", "height"];
2658
+ readonly logical: readonly ["inlineSize", "blockSize"];
2659
+ };
2660
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2565
2661
  readonly transform: (value: string | number) => string | 0;
2566
2662
  }>;
2567
2663
  textColor?: import("@codecademy/variance/dist/types/config").Scale<{
package/dist/ConnectedForm/ConnectedFormGroup.js CHANGED
@@ -13,7 +13,7 @@ const ErrorAnchor = /*#__PURE__*/_styled(Anchor, {
13
13
  label: "ErrorAnchor"
14
14
  })(css({
15
15
  color: 'feedback-error'
16
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db25uZWN0ZWRGb3JtL0Nvbm5lY3RlZEZvcm1Hcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW9CIiwiZmlsZSI6Ii4uLy4uL3NyYy9Db25uZWN0ZWRGb3JtL0Nvbm5lY3RlZEZvcm1Hcm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBGb3JtRXJyb3IsIEZvcm1Hcm91cCwgRm9ybUdyb3VwTGFiZWwsIEZvcm1Hcm91cFByb3BzIH0gZnJvbSAnLi4nO1xuaW1wb3J0IHsgQW5jaG9yIH0gZnJvbSAnLi4vQW5jaG9yJztcbmltcG9ydCB7IEhpZGRlblRleHQgfSBmcm9tICcuLi9IaWRkZW5UZXh0JztcbmltcG9ydCB7IE1hcmtkb3duIH0gZnJvbSAnLi4vTWFya2Rvd24nO1xuaW1wb3J0IHsgSW5mb1RpcFN1YkNvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vVGlwL0luZm9UaXAvdHlwZS11dGlscyc7XG5pbXBvcnQgeyBDb25uZWN0ZWRGaWVsZCwgRmllbGRQcm9wcywgU3VibWl0Q29udGV4dFByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRFcnJvck1lc3NhZ2UsIHVzZUZpZWxkIH0gZnJvbSAnLi91dGlscyc7XG5cbmNvbnN0IEVycm9yQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgY29sb3I6ICdmZWVkYmFjay1lcnJvcicsXG4gIH0pXG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIENvbm5lY3RlZEZvcm1Hcm91cEJhc2VQcm9wc1xuICBleHRlbmRzIE9taXQ8XG4gICAgRm9ybUdyb3VwUHJvcHMsXG4gICAgJ2xhYmVsJyB8ICdkaXNhYmxlZCcgfCAnZGVzY3JpcHRpb24nIHwgJ2h0bWxGb3InXG4gID4ge1xuICBjdXN0b21FcnJvcj86IHN0cmluZztcbiAgZXJyb3JUeXBlPzogJ2luaXRpYWwnIHwgJ2Fic29sdXRlJztcbiAgaGlkZUxhYmVsPzogYm9vbGVhbjtcbiAgbmFtZTogc3RyaW5nO1xuICBsYWJlbDogUmVhY3QuUmVhY3ROb2RlO1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJbmZvVGlwIHRvIGRpc3BsYXkgbmV4dCB0byB0aGUgZmllbGQgbGFiZWwuIFRoZSBJbmZvVGlwIGJ1dHRvbiBpc1xuICAgKiBhdXRvbWF0aWNhbGx5IGxhYmVsbGVkIGJ5IHRoZSBmaWVsZCBsYWJlbC4gVG8gb3ZlcnJpZGUgdGhpcyBiZWhhdmlvcixcbiAgICogcHJvdmlkZSBgYXJpYUxhYmVsYCBvciBgYXJpYUxhYmVsbGVkYnlgLlxuICAgKi9cbiAgaW5mb3RpcD86IEluZm9UaXBTdWJDb21wb25lbnRQcm9wcztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBDb25uZWN0ZWRGb3JtR3JvdXBQcm9wczxUIGV4dGVuZHMgQ29ubmVjdGVkRmllbGQ+XG4gIGV4dGVuZHMgU3VibWl0Q29udGV4dFByb3BzLFxuICAgIENvbm5lY3RlZEZvcm1Hcm91cEJhc2VQcm9wcyB7XG4gIC8qKlxuICAgKiBBbiBvYmplY3QgY29uc2lzdGluZyBvZiBhIGBjb21wb25lbnRgIGtleSB0byBzcGVjaWZ5IHdoYXQgQ29ubmVjdGVkRm9ybUlucHV0IHRvIHJlbmRlciAtIHRoZSByZW1haW5pbmcga2V5L3ZhbHVlIHBhaXJzIGFyZSB0aGF0IGNvbXBvbmVudHMgZGVzaXJlZCBwcm9wcy5cbiAgICovXG4gIGZpZWxkOiBPbWl0PFJlYWN0LkNvbXBvbmVudFByb3BzPFQ+LCAnbmFtZScgfCAnZGlzYWJsZWQnPiAmIEZpZWxkUHJvcHM8VD47XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBDb25uZWN0ZWRGb3JtR3JvdXA8VCBleHRlbmRzIENvbm5lY3RlZEZpZWxkPih7XG4gIGN1c3RvbUVycm9yLFxuICBjaGlsZHJlbixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgZXJyb3JUeXBlID0gJ2Fic29sdXRlJyxcbiAgZmllbGQsXG4gIGhpZGVMYWJlbCxcbiAgaWQsXG4gIGxhYmVsLFxuICBuYW1lLFxuICBsYWJlbFNpemUsXG4gIHNwYWNpbmcgPSAnZml0JyxcbiAgaXNTb2xvRmllbGQsXG4gIGluZm90aXAsXG59OiBDb25uZWN0ZWRGb3JtR3JvdXBQcm9wczxUPikge1xuICBjb25zdCB7IGVycm9yLCBpc0ZpcnN0RXJyb3IsIGlzRGlzYWJsZWQsIHNldEVycm9yLCB2YWxpZGF0aW9uIH0gPSB1c2VGaWVsZCh7XG4gICAgbmFtZSxcbiAgICBkaXNhYmxlZCxcbiAgfSk7XG4gIGNvbnN0IHsgY29tcG9uZW50OiBDb21wb25lbnQsIC4uLnJlc3QgfSA9IGZpZWxkO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGN1c3RvbUVycm9yKSB7XG4gICAgICBzZXRFcnJvcihuYW1lLCB7XG4gICAgICAgIHR5cGU6ICdtYW51YWwnLFxuICAgICAgICBtZXNzYWdlOiBjdXN0b21FcnJvcixcbiAgICAgIH0pO1xuICAgIH1cbiAgfSwgW2N1c3RvbUVycm9yLCBuYW1lLCBzZXRFcnJvcl0pO1xuXG4gIGNvbnN0IHJlbmRlcmVkTGFiZWwgPSAoXG4gICAgPEZvcm1Hcm91cExhYmVsXG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIGh0bWxGb3I9e2lkIHx8IG5hbWV9XG4gICAgICBpbmZvdGlwPXtpbmZvdGlwfVxuICAgICAgaXNTb2xvRmllbGQ9e2lzU29sb0ZpZWxkfVxuICAgICAgcmVxdWlyZWQ9eyEhdmFsaWRhdGlvbj8ucmVxdWlyZWR9XG4gICAgICBzaXplPXtsYWJlbFNpemV9XG4gICAgPlxuICAgICAge2xhYmVsfVxuICAgIDwvRm9ybUdyb3VwTGFiZWw+XG4gICk7XG5cbiAgY29uc3QgdGV4dEVycm9yID0gY3VzdG9tRXJyb3IgfHwgZ2V0RXJyb3JNZXNzYWdlKGVycm9yKTtcbiAgY29uc3Qgc2hvd0Vycm9yID0gISEodGV4dEVycm9yICYmICFoaWRlTGFiZWwpO1xuICBjb25zdCBlcnJvcklkID0gc2hvd0Vycm9yID8gYCR7aWQgfHwgbmFtZX1fZXJyb3JgIDogdW5kZWZpbmVkO1xuXG4gIHJldHVybiAoXG4gICAgPEZvcm1Hcm91cCBzcGFjaW5nPXtoaWRlTGFiZWwgPyAndGlnaHQnIDogc3BhY2luZ30+XG4gICAgICB7aGlkZUxhYmVsID8gPEhpZGRlblRleHQ+e3JlbmRlcmVkTGFiZWx9PC9IaWRkZW5UZXh0PiA6IHJlbmRlcmVkTGFiZWx9XG4gICAgICA8Q29tcG9uZW50XG4gICAgICAgIHsuLi4ocmVzdCBhcyBhbnkpfVxuICAgICAgICBhcmlhLWRlc2NyaWJlZGJ5PXtlcnJvcklkfVxuICAgICAgICBhcmlhLWludmFsaWQ9e3Nob3dFcnJvcn1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgLz5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtzaG93RXJyb3IgJiYgKFxuICAgICAgICA8Rm9ybUVycm9yXG4gICAgICAgICAgYXJpYS1saXZlPXtpc0ZpcnN0RXJyb3IgPyAnYXNzZXJ0aXZlJyA6ICdvZmYnfVxuICAgICAgICAgIGlkPXtlcnJvcklkfVxuICAgICAgICAgIHJvbGU9e2lzRmlyc3RFcnJvciA/ICdhbGVydCcgOiAnc3RhdHVzJ31cbiAgICAgICAgICB2YXJpYW50PXtlcnJvclR5cGV9XG4gICAgICAgID5cbiAgICAgICAgICA8TWFya2Rvd25cbiAgICAgICAgICAgIGlubGluZVxuICAgICAgICAgICAgb3ZlcnJpZGVzPXt7XG4gICAgICAgICAgICAgIGE6IHtcbiAgICAgICAgICAgICAgICBhbGxvd2VkQXR0cmlidXRlczogWydocmVmJywgJ3RhcmdldCddLFxuICAgICAgICAgICAgICAgIGNvbXBvbmVudDogRXJyb3JBbmNob3IsXG4gICAgICAgICAgICAgICAgcHJvY2Vzc05vZGU6IChcbiAgICAgICAgICAgICAgICAgIG5vZGU6IHVua25vd24sXG4gICAgICAgICAgICAgICAgICBwcm9wczogeyBvbkNsaWNrPzogKCkgPT4gdm9pZCB9XG4gICAgICAgICAgICAgICAgKSA9PiA8RXJyb3JBbmNob3Igey4uLnByb3BzfSAvPixcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBza2lwRGVmYXVsdE92ZXJyaWRlcz17eyBhOiB0cnVlIH19XG4gICAgICAgICAgICBzcGFjaW5nPVwibm9uZVwiXG4gICAgICAgICAgICB0ZXh0PXt0ZXh0RXJyb3J9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Gb3JtRXJyb3I+XG4gICAgICApfVxuICAgIDwvRm9ybUdyb3VwPlxuICApO1xufVxuIl19 */");
16
+ }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db25uZWN0ZWRGb3JtL0Nvbm5lY3RlZEZvcm1Hcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW9CIiwiZmlsZSI6Ii4uLy4uL3NyYy9Db25uZWN0ZWRGb3JtL0Nvbm5lY3RlZEZvcm1Hcm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBGb3JtRXJyb3IsIEZvcm1Hcm91cCwgRm9ybUdyb3VwTGFiZWwsIEZvcm1Hcm91cFByb3BzIH0gZnJvbSAnLi4nO1xuaW1wb3J0IHsgQW5jaG9yIH0gZnJvbSAnLi4vQW5jaG9yJztcbmltcG9ydCB7IEhpZGRlblRleHQgfSBmcm9tICcuLi9IaWRkZW5UZXh0JztcbmltcG9ydCB7IE1hcmtkb3duIH0gZnJvbSAnLi4vTWFya2Rvd24nO1xuaW1wb3J0IHsgSW5mb1RpcFN1YkNvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vVGlwL0luZm9UaXAvdHlwZS11dGlscyc7XG5pbXBvcnQgeyBDb25uZWN0ZWRGaWVsZCwgRmllbGRQcm9wcywgU3VibWl0Q29udGV4dFByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRFcnJvck1lc3NhZ2UsIHVzZUZpZWxkIH0gZnJvbSAnLi91dGlscyc7XG5cbmNvbnN0IEVycm9yQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgY29sb3I6ICdmZWVkYmFjay1lcnJvcicsXG4gIH0pXG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIENvbm5lY3RlZEZvcm1Hcm91cEJhc2VQcm9wc1xuICBleHRlbmRzIE9taXQ8XG4gICAgRm9ybUdyb3VwUHJvcHMsXG4gICAgJ2xhYmVsJyB8ICdkaXNhYmxlZCcgfCAnZGVzY3JpcHRpb24nIHwgJ2h0bWxGb3InXG4gID4ge1xuICBjdXN0b21FcnJvcj86IHN0cmluZztcbiAgZXJyb3JUeXBlPzogJ2luaXRpYWwnIHwgJ2Fic29sdXRlJztcbiAgaGlkZUxhYmVsPzogYm9vbGVhbjtcbiAgbmFtZTogc3RyaW5nO1xuICBsYWJlbDogUmVhY3QuUmVhY3ROb2RlO1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJbmZvVGlwIHRvIGRpc3BsYXkgbmV4dCB0byB0aGUgZmllbGQgbGFiZWwuIFRoZSBJbmZvVGlwIGJ1dHRvbiBpc1xuICAgKiBhdXRvbWF0aWNhbGx5IGxhYmVsbGVkIGJ5IHRoZSBmaWVsZCBsYWJlbC4gVG8gb3ZlcnJpZGUgdGhpcyBiZWhhdmlvcixcbiAgICogcHJvdmlkZSBgYXJpYUxhYmVsYCBvciBgYXJpYUxhYmVsbGVkYnlgLlxuICAgKi9cbiAgaW5mb3RpcD86IEluZm9UaXBTdWJDb21wb25lbnRQcm9wcztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBDb25uZWN0ZWRGb3JtR3JvdXBQcm9wczxUIGV4dGVuZHMgQ29ubmVjdGVkRmllbGQ+XG4gIGV4dGVuZHMgU3VibWl0Q29udGV4dFByb3BzLFxuICAgIENvbm5lY3RlZEZvcm1Hcm91cEJhc2VQcm9wcyB7XG4gIC8qKlxuICAgKiBBbiBvYmplY3QgY29uc2lzdGluZyBvZiBhIGBjb21wb25lbnRgIGtleSB0byBzcGVjaWZ5IHdoYXQgQ29ubmVjdGVkRm9ybUlucHV0IHRvIHJlbmRlciAtIHRoZSByZW1haW5pbmcga2V5L3ZhbHVlIHBhaXJzIGFyZSB0aGF0IGNvbXBvbmVudHMgZGVzaXJlZCBwcm9wcy5cbiAgICovXG4gIGZpZWxkOiBPbWl0PFJlYWN0LkNvbXBvbmVudFByb3BzPFQ+LCAnbmFtZScgfCAnZGlzYWJsZWQnPiAmIEZpZWxkUHJvcHM8VD47XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBDb25uZWN0ZWRGb3JtR3JvdXA8VCBleHRlbmRzIENvbm5lY3RlZEZpZWxkPih7XG4gIGN1c3RvbUVycm9yLFxuICBjaGlsZHJlbixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgZXJyb3JUeXBlID0gJ2Fic29sdXRlJyxcbiAgZmllbGQsXG4gIGhpZGVMYWJlbCxcbiAgaWQsXG4gIGxhYmVsLFxuICBuYW1lLFxuICBsYWJlbFNpemUsXG4gIHNwYWNpbmcgPSAnZml0JyxcbiAgaXNTb2xvRmllbGQsXG4gIGluZm90aXAsXG59OiBDb25uZWN0ZWRGb3JtR3JvdXBQcm9wczxUPikge1xuICBjb25zdCB7IGVycm9yLCBpc0ZpcnN0RXJyb3IsIGlzRGlzYWJsZWQsIHNldEVycm9yLCB2YWxpZGF0aW9uIH0gPSB1c2VGaWVsZCh7XG4gICAgbmFtZSxcbiAgICBkaXNhYmxlZCxcbiAgfSk7XG4gIGNvbnN0IHsgY29tcG9uZW50OiBDb21wb25lbnQsIC4uLnJlc3QgfSA9IGZpZWxkO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGN1c3RvbUVycm9yKSB7XG4gICAgICBzZXRFcnJvcihuYW1lLCB7XG4gICAgICAgIHR5cGU6ICdtYW51YWwnLFxuICAgICAgICBtZXNzYWdlOiBjdXN0b21FcnJvcixcbiAgICAgIH0pO1xuICAgIH1cbiAgfSwgW2N1c3RvbUVycm9yLCBuYW1lLCBzZXRFcnJvcl0pO1xuXG4gIGNvbnN0IHJlbmRlcmVkTGFiZWwgPSAoXG4gICAgPEZvcm1Hcm91cExhYmVsXG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIGh0bWxGb3I9e2lkIHx8IG5hbWV9XG4gICAgICBpbmZvdGlwPXtpbmZvdGlwfVxuICAgICAgaXNTb2xvRmllbGQ9e2lzU29sb0ZpZWxkfVxuICAgICAgcmVxdWlyZWQ9eyEhdmFsaWRhdGlvbj8ucmVxdWlyZWR9XG4gICAgICBzaXplPXtsYWJlbFNpemV9XG4gICAgPlxuICAgICAge2xhYmVsfVxuICAgIDwvRm9ybUdyb3VwTGFiZWw+XG4gICk7XG5cbiAgY29uc3QgdGV4dEVycm9yID0gY3VzdG9tRXJyb3IgfHwgZ2V0RXJyb3JNZXNzYWdlKGVycm9yKTtcbiAgY29uc3Qgc2hvd0Vycm9yID0gISEodGV4dEVycm9yICYmICFoaWRlTGFiZWwpO1xuICBjb25zdCBlcnJvcklkID0gc2hvd0Vycm9yID8gYCR7aWQgfHwgbmFtZX1fZXJyb3JgIDogdW5kZWZpbmVkO1xuXG4gIHJldHVybiAoXG4gICAgPEZvcm1Hcm91cCBzcGFjaW5nPXtoaWRlTGFiZWwgPyAndGlnaHQnIDogc3BhY2luZ30+XG4gICAgICB7aGlkZUxhYmVsID8gPEhpZGRlblRleHQ+e3JlbmRlcmVkTGFiZWx9PC9IaWRkZW5UZXh0PiA6IHJlbmRlcmVkTGFiZWx9XG4gICAgICA8Q29tcG9uZW50XG4gICAgICAgIHsuLi4ocmVzdCBhcyBhbnkpfVxuICAgICAgICBhcmlhLWRlc2NyaWJlZGJ5PXtlcnJvcklkfVxuICAgICAgICBhcmlhLWludmFsaWQ9e3Nob3dFcnJvcn1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgLz5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtzaG93RXJyb3IgJiYgKFxuICAgICAgICA8Rm9ybUVycm9yXG4gICAgICAgICAgYXJpYS1saXZlPXtpc0ZpcnN0RXJyb3IgPyAnYXNzZXJ0aXZlJyA6ICdvZmYnfVxuICAgICAgICAgIGlkPXtlcnJvcklkfVxuICAgICAgICAgIHJvbGU9e2lzRmlyc3RFcnJvciA/ICdhbGVydCcgOiAnc3RhdHVzJ31cbiAgICAgICAgICB2YXJpYW50PXtlcnJvclR5cGV9XG4gICAgICAgID5cbiAgICAgICAgICA8TWFya2Rvd25cbiAgICAgICAgICAgIGlubGluZVxuICAgICAgICAgICAgb3ZlcnJpZGVzPXt7XG4gICAgICAgICAgICAgIGE6IHtcbiAgICAgICAgICAgICAgICBhbGxvd2VkQXR0cmlidXRlczogWydocmVmJywgJ3RhcmdldCddLFxuICAgICAgICAgICAgICAgIGNvbXBvbmVudDogRXJyb3JBbmNob3IsXG4gICAgICAgICAgICAgICAgcHJvY2Vzc05vZGU6IChcbiAgICAgICAgICAgICAgICAgIG5vZGU6IHVua25vd24sXG4gICAgICAgICAgICAgICAgICBwcm9wczogeyBvbkNsaWNrPzogKCkgPT4gdm9pZCB9XG4gICAgICAgICAgICAgICAgKSA9PiB7XG4gICAgICAgICAgICAgICAgICBjb25zdCB7IGtleTogZWxlbWVudEtleSwgLi4ucmVzdCB9ID1cbiAgICAgICAgICAgICAgICAgICAgcHJvcHMgYXMgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEVycm9yQW5jaG9yPiAmIHtcbiAgICAgICAgICAgICAgICAgICAgICBrZXk/OiBSZWFjdC5LZXk7XG4gICAgICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgICByZXR1cm4gPEVycm9yQW5jaG9yIGtleT17ZWxlbWVudEtleX0gey4uLnJlc3R9IC8+O1xuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgc2tpcERlZmF1bHRPdmVycmlkZXM9e3sgYTogdHJ1ZSB9fVxuICAgICAgICAgICAgc3BhY2luZz1cIm5vbmVcIlxuICAgICAgICAgICAgdGV4dD17dGV4dEVycm9yfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvRm9ybUVycm9yPlxuICAgICAgKX1cbiAgICA8L0Zvcm1Hcm91cD5cbiAgKTtcbn1cbiJdfQ== */");
17
17
  export function ConnectedFormGroup({
18
18
  customError,
19
19
  children,
@@ -84,9 +84,15 @@ export function ConnectedFormGroup({
84
84
  a: {
85
85
  allowedAttributes: ['href', 'target'],
86
86
  component: ErrorAnchor,
87
- processNode: (node, props) => /*#__PURE__*/_jsx(ErrorAnchor, {
88
- ...props
89
- })
87
+ processNode: (node, props) => {
88
+ const {
89
+ key: elementKey,
90
+ ...rest
91
+ } = props;
92
+ return /*#__PURE__*/_jsx(ErrorAnchor, {
93
+ ...rest
94
+ }, elementKey);
95
+ }
90
96
  }
91
97
  },
92
98
  skipDefaultOverrides: {