@codecademy/gamut 68.0.1-alpha.0f6254.0 → 68.0.1-alpha.4aeb6d.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 (48) hide show
  1. package/dist/Alert/elements.d.ts +3 -3
  2. package/dist/Anchor/index.d.ts +66 -18
  3. package/dist/Badge/index.d.ts +74 -14
  4. package/dist/Box/Box.d.ts +1 -1
  5. package/dist/Box/FlexBox.d.ts +1 -1
  6. package/dist/Box/GridBox.d.ts +1 -1
  7. package/dist/Box/props.d.ts +204 -40
  8. package/dist/Button/CTAButton.d.ts +2 -2
  9. package/dist/Button/FillButton.d.ts +4 -4
  10. package/dist/Button/IconButton.d.ts +4 -4
  11. package/dist/Button/StrokeButton.d.ts +4 -4
  12. package/dist/Button/TextButton.d.ts +4 -4
  13. package/dist/Button/shared/InlineIconButton.d.ts +2 -2
  14. package/dist/Button/shared/styles.d.ts +193 -41
  15. package/dist/ButtonBase/ButtonBase.d.ts +2 -2
  16. package/dist/Card/elements.d.ts +634 -145
  17. package/dist/ConnectedForm/utils.d.ts +2 -2
  18. package/dist/ContentContainer/index.d.ts +1 -1
  19. package/dist/Disclosure/elements.d.ts +13 -13
  20. package/dist/Form/elements/Form.d.ts +196 -44
  21. package/dist/Form/elements/FormGroup.d.ts +1 -1
  22. package/dist/GridForm/GridFormButtons/index.d.ts +4 -4
  23. package/dist/GridForm/GridFormSections/GridFormSectionBreak.d.ts +144 -28
  24. package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +31 -7
  25. package/dist/Layout/Column.d.ts +61 -13
  26. package/dist/Layout/LayoutGrid.d.ts +61 -13
  27. package/dist/List/elements.d.ts +278 -67
  28. package/dist/Menu/Menu.d.ts +1 -1
  29. package/dist/Menu/elements.d.ts +208 -44
  30. package/dist/Pagination/AnimatedPaginationButtons.d.ts +196 -45
  31. package/dist/Pagination/EllipsisButton.d.ts +4 -4
  32. package/dist/Pagination/PaginationButton.d.ts +6 -6
  33. package/dist/Pagination/utils.d.ts +194 -43
  34. package/dist/Popover/elements.d.ts +2 -2
  35. package/dist/Tabs/TabButton.d.ts +2 -2
  36. package/dist/Tabs/TabNav.d.ts +1 -1
  37. package/dist/Tabs/TabNavLink.d.ts +2 -2
  38. package/dist/Tabs/props.d.ts +60 -12
  39. package/dist/Tag/elements.d.ts +11 -11
  40. package/dist/Tag/types.d.ts +60 -12
  41. package/dist/Tip/InfoTip/InfoTipButton.d.ts +4 -4
  42. package/dist/Tip/InfoTip/styles.d.ts +1 -1
  43. package/dist/Tip/PreviewTip/elements.d.ts +6 -6
  44. package/dist/Tip/ToolTip/elements.d.ts +1 -1
  45. package/dist/Tip/shared/elements.d.ts +3 -3
  46. package/dist/Toggle/elements.d.ts +135 -27
  47. package/dist/Typography/Text.d.ts +76 -16
  48. package/package.json +9 -9
package/dist/Card/elements.d.ts CHANGED
@@ -53,12 +53,10 @@ export declare const MotionBox: import("react").ComponentType<{
53
53
  suppressContentEditableWarning?: boolean | undefined;
54
54
  suppressHydrationWarning?: boolean | undefined;
55
55
  accessKey?: string | undefined;
56
- autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
57
56
  autoFocus?: boolean | undefined;
58
57
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
59
58
  contextMenu?: string | undefined;
60
59
  draggable?: (boolean | "false" | "true") | undefined;
61
- enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
62
60
  hidden?: boolean | undefined;
63
61
  id?: string | undefined;
64
62
  lang?: string | undefined;
@@ -79,6 +77,7 @@ export declare const MotionBox: import("react").ComponentType<{
79
77
  rev?: string | undefined;
80
78
  typeof?: string | undefined;
81
79
  vocab?: string | undefined;
80
+ autoCapitalize?: string | undefined;
82
81
  autoCorrect?: string | undefined;
83
82
  autoSave?: string | undefined;
84
83
  itemProp?: string | undefined;
@@ -91,8 +90,6 @@ export declare const MotionBox: import("react").ComponentType<{
91
90
  unselectable?: "off" | "on" | undefined;
92
91
  inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
93
92
  is?: string | undefined;
94
- exportparts?: string | undefined;
95
- part?: string | undefined;
96
93
  "aria-activedescendant"?: string | undefined;
97
94
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
98
95
  "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
@@ -166,7 +163,7 @@ export declare const MotionBox: import("react").ComponentType<{
166
163
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
167
164
  onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
168
165
  onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
169
- onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
166
+ onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
170
167
  onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
171
168
  onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
172
169
  onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -216,6 +213,8 @@ export declare const MotionBox: import("react").ComponentType<{
216
213
  onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
217
214
  onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
218
215
  onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
216
+ onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
217
+ onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
219
218
  onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
220
219
  onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
221
220
  onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -303,8 +302,8 @@ export declare const MotionBox: import("react").ComponentType<{
303
302
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
304
303
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
305
304
  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;
306
- 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;
307
- 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;
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;
308
307
  backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
309
308
  readonly property: "backgroundImage";
310
309
  }>;
@@ -331,7 +330,7 @@ export declare const MotionBox: import("react").ComponentType<{
331
330
  display?: import("@codecademy/variance/dist/types/config").Scale<{
332
331
  readonly property: "display";
333
332
  }>;
334
- 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;
333
+ 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;
335
334
  flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
336
335
  readonly property: "flexDirection";
337
336
  }>;
@@ -366,8 +365,8 @@ export declare const MotionBox: import("react").ComponentType<{
366
365
  readonly property: "gridTemplateRows";
367
366
  }>;
368
367
  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;
369
- 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;
370
- 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;
368
+ 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;
369
+ 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;
371
370
  left?: import("@codecademy/variance/dist/types/config").Scale<{
372
371
  readonly property: "left";
373
372
  readonly transform: (value: string | number) => string | 0;
@@ -447,7 +446,11 @@ export declare const MotionBox: import("react").ComponentType<{
447
446
  readonly property: "backgroundPosition";
448
447
  }>;
449
448
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
450
- readonly property: "borderBottom";
449
+ readonly property: {
450
+ readonly physical: "borderBottom";
451
+ readonly logical: "borderBlockEnd";
452
+ };
453
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
451
454
  readonly scale: "borders";
452
455
  }>;
453
456
  borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -455,7 +458,11 @@ export declare const MotionBox: import("react").ComponentType<{
455
458
  readonly scale: "colors";
456
459
  }>;
457
460
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
458
- readonly property: "borderLeft";
461
+ readonly property: {
462
+ readonly physical: "borderLeft";
463
+ readonly logical: "borderInlineStart";
464
+ };
465
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
459
466
  readonly scale: "borders";
460
467
  }>;
461
468
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -463,14 +470,22 @@ export declare const MotionBox: import("react").ComponentType<{
463
470
  readonly scale: "borderRadii";
464
471
  }>;
465
472
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
466
- readonly property: "borderRight";
473
+ readonly property: {
474
+ readonly physical: "borderRight";
475
+ readonly logical: "borderInlineEnd";
476
+ };
477
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
467
478
  readonly scale: "borders";
468
479
  }>;
469
480
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
470
481
  readonly property: "borderStyle";
471
482
  }>;
472
483
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
473
- readonly property: "borderTop";
484
+ readonly property: {
485
+ readonly physical: "borderTop";
486
+ readonly logical: "borderBlockStart";
487
+ };
488
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
474
489
  readonly scale: "borders";
475
490
  }>;
476
491
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -502,29 +517,53 @@ export declare const MotionBox: import("react").ComponentType<{
502
517
  }>;
503
518
  px?: import("@codecademy/variance/dist/types/config").Scale<{
504
519
  readonly property: "padding";
505
- readonly properties: readonly ["paddingLeft", "paddingRight"];
520
+ readonly properties: {
521
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
522
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
523
+ };
506
524
  readonly scale: "spacing";
525
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
507
526
  }>;
508
527
  py?: import("@codecademy/variance/dist/types/config").Scale<{
509
528
  readonly property: "padding";
510
- readonly properties: readonly ["paddingTop", "paddingBottom"];
529
+ readonly properties: {
530
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
531
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
532
+ };
511
533
  readonly scale: "spacing";
534
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
512
535
  }>;
513
536
  pt?: import("@codecademy/variance/dist/types/config").Scale<{
514
- readonly property: "paddingTop";
537
+ readonly property: {
538
+ readonly physical: "paddingTop";
539
+ readonly logical: "paddingBlockStart";
540
+ };
515
541
  readonly scale: "spacing";
542
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
516
543
  }>;
517
544
  pb?: import("@codecademy/variance/dist/types/config").Scale<{
518
- readonly property: "paddingBottom";
545
+ readonly property: {
546
+ readonly physical: "paddingBottom";
547
+ readonly logical: "paddingBlockEnd";
548
+ };
519
549
  readonly scale: "spacing";
550
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
520
551
  }>;
521
552
  pr?: import("@codecademy/variance/dist/types/config").Scale<{
522
- readonly property: "paddingRight";
553
+ readonly property: {
554
+ readonly physical: "paddingRight";
555
+ readonly logical: "paddingInlineEnd";
556
+ };
523
557
  readonly scale: "spacing";
558
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
524
559
  }>;
525
560
  pl?: import("@codecademy/variance/dist/types/config").Scale<{
526
- readonly property: "paddingLeft";
561
+ readonly property: {
562
+ readonly physical: "paddingLeft";
563
+ readonly logical: "paddingInlineStart";
564
+ };
527
565
  readonly scale: "spacing";
566
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
528
567
  }>;
529
568
  m?: import("@codecademy/variance/dist/types/config").Scale<{
530
569
  readonly property: "margin";
@@ -532,115 +571,227 @@ export declare const MotionBox: import("react").ComponentType<{
532
571
  }>;
533
572
  mx?: import("@codecademy/variance/dist/types/config").Scale<{
534
573
  readonly property: "margin";
535
- readonly properties: readonly ["marginLeft", "marginRight"];
574
+ readonly properties: {
575
+ readonly physical: readonly ["marginLeft", "marginRight"];
576
+ readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
577
+ };
578
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
536
579
  readonly scale: "spacing";
537
580
  }>;
538
581
  my?: import("@codecademy/variance/dist/types/config").Scale<{
539
582
  readonly property: "margin";
540
- readonly properties: readonly ["marginTop", "marginBottom"];
583
+ readonly properties: {
584
+ readonly physical: readonly ["marginTop", "marginBottom"];
585
+ readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
586
+ };
587
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
541
588
  readonly scale: "spacing";
542
589
  }>;
543
590
  mt?: import("@codecademy/variance/dist/types/config").Scale<{
544
- readonly property: "marginTop";
591
+ readonly property: {
592
+ readonly physical: "marginTop";
593
+ readonly logical: "marginBlockStart";
594
+ };
545
595
  readonly scale: "spacing";
596
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
546
597
  }>;
547
598
  mb?: import("@codecademy/variance/dist/types/config").Scale<{
548
- readonly property: "marginBottom";
599
+ readonly property: {
600
+ readonly physical: "marginBottom";
601
+ readonly logical: "marginBlockEnd";
602
+ };
549
603
  readonly scale: "spacing";
604
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
550
605
  }>;
551
606
  mr?: import("@codecademy/variance/dist/types/config").Scale<{
552
- readonly property: "marginRight";
607
+ readonly property: {
608
+ readonly physical: "marginRight";
609
+ readonly logical: "marginInlineEnd";
610
+ };
553
611
  readonly scale: "spacing";
612
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
554
613
  }>;
555
614
  ml?: import("@codecademy/variance/dist/types/config").Scale<{
556
- readonly property: "marginLeft";
615
+ readonly property: {
616
+ readonly physical: "marginLeft";
617
+ readonly logical: "marginInlineStart";
618
+ };
557
619
  readonly scale: "spacing";
620
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
558
621
  }>;
559
622
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
560
623
  readonly property: "border";
561
- readonly properties: readonly ["borderLeft", "borderRight"];
624
+ readonly properties: {
625
+ readonly physical: readonly ["borderLeft", "borderRight"];
626
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
627
+ };
628
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
562
629
  readonly scale: "borders";
563
630
  }>;
564
631
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
565
632
  readonly property: "border";
566
- readonly properties: readonly ["borderTop", "borderBottom"];
633
+ readonly properties: {
634
+ readonly physical: readonly ["borderTop", "borderBottom"];
635
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
636
+ };
637
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
567
638
  readonly scale: "borders";
568
639
  }>;
569
640
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
570
641
  readonly property: "borderWidth";
571
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
642
+ readonly properties: {
643
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
644
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
645
+ };
646
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
572
647
  }>;
573
648
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
574
649
  readonly property: "borderWidth";
575
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
650
+ readonly properties: {
651
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
652
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
653
+ };
654
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
576
655
  }>;
577
656
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
578
- readonly property: "borderLeftWidth";
657
+ readonly property: {
658
+ readonly physical: "borderLeftWidth";
659
+ readonly logical: "borderInlineStartWidth";
660
+ };
661
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
579
662
  }>;
580
663
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
581
- readonly property: "borderRightWidth";
664
+ readonly property: {
665
+ readonly physical: "borderRightWidth";
666
+ readonly logical: "borderInlineEndWidth";
667
+ };
668
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
582
669
  }>;
583
670
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
584
- readonly property: "borderTopWidth";
671
+ readonly property: {
672
+ readonly physical: "borderTopWidth";
673
+ readonly logical: "borderBlockStartWidth";
674
+ };
675
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
585
676
  }>;
586
677
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
587
- readonly property: "borderBottomWidth";
678
+ readonly property: {
679
+ readonly physical: "borderBottomWidth";
680
+ readonly logical: "borderBlockEndWidth";
681
+ };
682
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
588
683
  }>;
589
684
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
590
685
  readonly property: "borderRadius";
591
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
686
+ readonly properties: {
687
+ readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
688
+ readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
689
+ };
690
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
592
691
  readonly scale: "borderRadii";
593
692
  }>;
594
693
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
595
694
  readonly property: "borderRadius";
596
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
695
+ readonly properties: {
696
+ readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
697
+ readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
698
+ };
699
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
597
700
  readonly scale: "borderRadii";
598
701
  }>;
599
702
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
600
703
  readonly property: "borderRadius";
601
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
704
+ readonly properties: {
705
+ readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
706
+ readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
707
+ };
708
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
602
709
  readonly scale: "borderRadii";
603
710
  }>;
604
711
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
605
712
  readonly property: "borderRadius";
606
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
713
+ readonly properties: {
714
+ readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
715
+ readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
716
+ };
717
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
607
718
  readonly scale: "borderRadii";
608
719
  }>;
609
720
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
610
- readonly property: "borderTopLeftRadius";
721
+ readonly property: {
722
+ readonly physical: "borderTopLeftRadius";
723
+ readonly logical: "borderStartStartRadius";
724
+ };
725
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
611
726
  readonly scale: "borderRadii";
612
727
  }>;
613
728
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
614
- readonly property: "borderTopRightRadius";
729
+ readonly property: {
730
+ readonly physical: "borderTopRightRadius";
731
+ readonly logical: "borderStartEndRadius";
732
+ };
733
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
615
734
  readonly scale: "borderRadii";
616
735
  }>;
617
736
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
618
- readonly property: "borderBottomRightRadius";
737
+ readonly property: {
738
+ readonly physical: "borderBottomRightRadius";
739
+ readonly logical: "borderEndEndRadius";
740
+ };
741
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
619
742
  readonly scale: "borderRadii";
620
743
  }>;
621
744
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
622
- readonly property: "borderBottomLeftRadius";
745
+ readonly property: {
746
+ readonly physical: "borderBottomLeftRadius";
747
+ readonly logical: "borderEndStartRadius";
748
+ };
749
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
623
750
  readonly scale: "borderRadii";
624
751
  }>;
625
752
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
626
753
  readonly property: "borderStyle";
627
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
754
+ readonly properties: {
755
+ readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
756
+ readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
757
+ };
758
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
628
759
  }>;
629
760
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
630
761
  readonly property: "borderStyle";
631
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
762
+ readonly properties: {
763
+ readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
764
+ readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
765
+ };
766
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
632
767
  }>;
633
768
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
634
- readonly property: "borderLeftStyle";
769
+ readonly property: {
770
+ readonly physical: "borderLeftStyle";
771
+ readonly logical: "borderInlineStartStyle";
772
+ };
773
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
635
774
  }>;
636
775
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
637
- readonly property: "borderRightStyle";
776
+ readonly property: {
777
+ readonly physical: "borderRightStyle";
778
+ readonly logical: "borderInlineEndStyle";
779
+ };
780
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
638
781
  }>;
639
782
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
640
- readonly property: "borderTopStyle";
783
+ readonly property: {
784
+ readonly physical: "borderTopStyle";
785
+ readonly logical: "borderBlockStartStyle";
786
+ };
787
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
641
788
  }>;
642
789
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
643
- readonly property: "borderBottomStyle";
790
+ readonly property: {
791
+ readonly physical: "borderBottomStyle";
792
+ readonly logical: "borderBlockEndStyle";
793
+ };
794
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
644
795
  }>;
645
796
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
646
797
  readonly property: "width";
@@ -657,28 +808,40 @@ export declare const MotionBox: import("react").ComponentType<{
657
808
  }>;
658
809
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
659
810
  readonly property: "borderColor";
660
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
811
+ readonly properties: {
812
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
813
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
814
+ };
815
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
661
816
  readonly scale: "colors";
662
817
  }>;
663
818
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
664
819
  readonly property: "borderColor";
665
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
820
+ readonly properties: {
821
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
822
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
823
+ };
824
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
666
825
  readonly scale: "colors";
667
826
  }>;
668
827
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
669
828
  readonly property: "borderLeftColor";
829
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
670
830
  readonly scale: "colors";
671
831
  }>;
672
832
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
673
833
  readonly property: "borderRightColor";
834
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
674
835
  readonly scale: "colors";
675
836
  }>;
676
837
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
677
838
  readonly property: "borderTopColor";
839
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
678
840
  readonly scale: "colors";
679
841
  }>;
680
842
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
681
843
  readonly property: "borderBottomColor";
844
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
682
845
  readonly scale: "colors";
683
846
  }>;
684
847
  theme?: import("@emotion/react").Theme | undefined;
@@ -739,12 +902,10 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
739
902
  suppressContentEditableWarning?: boolean | undefined;
740
903
  suppressHydrationWarning?: boolean | undefined;
741
904
  accessKey?: string | undefined;
742
- autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
743
905
  autoFocus?: boolean | undefined;
744
906
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
745
907
  contextMenu?: string | undefined;
746
908
  draggable?: (boolean | "false" | "true") | undefined;
747
- enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
748
909
  hidden?: boolean | undefined;
749
910
  id?: string | undefined;
750
911
  lang?: string | undefined;
@@ -765,6 +926,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
765
926
  rev?: string | undefined;
766
927
  typeof?: string | undefined;
767
928
  vocab?: string | undefined;
929
+ autoCapitalize?: string | undefined;
768
930
  autoCorrect?: string | undefined;
769
931
  autoSave?: string | undefined;
770
932
  itemProp?: string | undefined;
@@ -777,8 +939,6 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
777
939
  unselectable?: "off" | "on" | undefined;
778
940
  inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
779
941
  is?: string | undefined;
780
- exportparts?: string | undefined;
781
- part?: string | undefined;
782
942
  "aria-activedescendant"?: string | undefined;
783
943
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
784
944
  "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
@@ -852,7 +1012,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
852
1012
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
853
1013
  onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
854
1014
  onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
855
- onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
1015
+ onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
856
1016
  onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
857
1017
  onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
858
1018
  onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -902,6 +1062,8 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
902
1062
  onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
903
1063
  onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
904
1064
  onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1065
+ onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1066
+ onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
905
1067
  onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
906
1068
  onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
907
1069
  onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -989,8 +1151,8 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
989
1151
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
990
1152
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
991
1153
  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;
992
- 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;
993
- 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;
1154
+ 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;
1155
+ 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;
994
1156
  backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
995
1157
  readonly property: "backgroundImage";
996
1158
  }>;
@@ -1017,7 +1179,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1017
1179
  display?: import("@codecademy/variance/dist/types/config").Scale<{
1018
1180
  readonly property: "display";
1019
1181
  }>;
1020
- 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;
1182
+ 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;
1021
1183
  flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
1022
1184
  readonly property: "flexDirection";
1023
1185
  }>;
@@ -1052,8 +1214,8 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1052
1214
  readonly property: "gridTemplateRows";
1053
1215
  }>;
1054
1216
  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;
1055
- 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;
1056
- 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;
1217
+ 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;
1218
+ 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;
1057
1219
  left?: import("@codecademy/variance/dist/types/config").Scale<{
1058
1220
  readonly property: "left";
1059
1221
  readonly transform: (value: string | number) => string | 0;
@@ -1133,7 +1295,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1133
1295
  readonly property: "backgroundPosition";
1134
1296
  }>;
1135
1297
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1136
- readonly property: "borderBottom";
1298
+ readonly property: {
1299
+ readonly physical: "borderBottom";
1300
+ readonly logical: "borderBlockEnd";
1301
+ };
1302
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1137
1303
  readonly scale: "borders";
1138
1304
  }>;
1139
1305
  borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1141,7 +1307,11 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1141
1307
  readonly scale: "colors";
1142
1308
  }>;
1143
1309
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1144
- readonly property: "borderLeft";
1310
+ readonly property: {
1311
+ readonly physical: "borderLeft";
1312
+ readonly logical: "borderInlineStart";
1313
+ };
1314
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1145
1315
  readonly scale: "borders";
1146
1316
  }>;
1147
1317
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1149,14 +1319,22 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1149
1319
  readonly scale: "borderRadii";
1150
1320
  }>;
1151
1321
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
1152
- readonly property: "borderRight";
1322
+ readonly property: {
1323
+ readonly physical: "borderRight";
1324
+ readonly logical: "borderInlineEnd";
1325
+ };
1326
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1153
1327
  readonly scale: "borders";
1154
1328
  }>;
1155
1329
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
1156
1330
  readonly property: "borderStyle";
1157
1331
  }>;
1158
1332
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
1159
- readonly property: "borderTop";
1333
+ readonly property: {
1334
+ readonly physical: "borderTop";
1335
+ readonly logical: "borderBlockStart";
1336
+ };
1337
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1160
1338
  readonly scale: "borders";
1161
1339
  }>;
1162
1340
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1188,29 +1366,53 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1188
1366
  }>;
1189
1367
  px?: import("@codecademy/variance/dist/types/config").Scale<{
1190
1368
  readonly property: "padding";
1191
- readonly properties: readonly ["paddingLeft", "paddingRight"];
1369
+ readonly properties: {
1370
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
1371
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
1372
+ };
1192
1373
  readonly scale: "spacing";
1374
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1193
1375
  }>;
1194
1376
  py?: import("@codecademy/variance/dist/types/config").Scale<{
1195
1377
  readonly property: "padding";
1196
- readonly properties: readonly ["paddingTop", "paddingBottom"];
1378
+ readonly properties: {
1379
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
1380
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
1381
+ };
1197
1382
  readonly scale: "spacing";
1383
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1198
1384
  }>;
1199
1385
  pt?: import("@codecademy/variance/dist/types/config").Scale<{
1200
- readonly property: "paddingTop";
1386
+ readonly property: {
1387
+ readonly physical: "paddingTop";
1388
+ readonly logical: "paddingBlockStart";
1389
+ };
1201
1390
  readonly scale: "spacing";
1391
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1202
1392
  }>;
1203
1393
  pb?: import("@codecademy/variance/dist/types/config").Scale<{
1204
- readonly property: "paddingBottom";
1394
+ readonly property: {
1395
+ readonly physical: "paddingBottom";
1396
+ readonly logical: "paddingBlockEnd";
1397
+ };
1205
1398
  readonly scale: "spacing";
1399
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1206
1400
  }>;
1207
1401
  pr?: import("@codecademy/variance/dist/types/config").Scale<{
1208
- readonly property: "paddingRight";
1402
+ readonly property: {
1403
+ readonly physical: "paddingRight";
1404
+ readonly logical: "paddingInlineEnd";
1405
+ };
1209
1406
  readonly scale: "spacing";
1407
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1210
1408
  }>;
1211
1409
  pl?: import("@codecademy/variance/dist/types/config").Scale<{
1212
- readonly property: "paddingLeft";
1410
+ readonly property: {
1411
+ readonly physical: "paddingLeft";
1412
+ readonly logical: "paddingInlineStart";
1413
+ };
1213
1414
  readonly scale: "spacing";
1415
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1214
1416
  }>;
1215
1417
  m?: import("@codecademy/variance/dist/types/config").Scale<{
1216
1418
  readonly property: "margin";
@@ -1218,115 +1420,227 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1218
1420
  }>;
1219
1421
  mx?: import("@codecademy/variance/dist/types/config").Scale<{
1220
1422
  readonly property: "margin";
1221
- readonly properties: readonly ["marginLeft", "marginRight"];
1423
+ readonly properties: {
1424
+ readonly physical: readonly ["marginLeft", "marginRight"];
1425
+ readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
1426
+ };
1427
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1222
1428
  readonly scale: "spacing";
1223
1429
  }>;
1224
1430
  my?: import("@codecademy/variance/dist/types/config").Scale<{
1225
1431
  readonly property: "margin";
1226
- readonly properties: readonly ["marginTop", "marginBottom"];
1432
+ readonly properties: {
1433
+ readonly physical: readonly ["marginTop", "marginBottom"];
1434
+ readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
1435
+ };
1436
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1227
1437
  readonly scale: "spacing";
1228
1438
  }>;
1229
1439
  mt?: import("@codecademy/variance/dist/types/config").Scale<{
1230
- readonly property: "marginTop";
1440
+ readonly property: {
1441
+ readonly physical: "marginTop";
1442
+ readonly logical: "marginBlockStart";
1443
+ };
1231
1444
  readonly scale: "spacing";
1445
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1232
1446
  }>;
1233
1447
  mb?: import("@codecademy/variance/dist/types/config").Scale<{
1234
- readonly property: "marginBottom";
1448
+ readonly property: {
1449
+ readonly physical: "marginBottom";
1450
+ readonly logical: "marginBlockEnd";
1451
+ };
1235
1452
  readonly scale: "spacing";
1453
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1236
1454
  }>;
1237
1455
  mr?: import("@codecademy/variance/dist/types/config").Scale<{
1238
- readonly property: "marginRight";
1456
+ readonly property: {
1457
+ readonly physical: "marginRight";
1458
+ readonly logical: "marginInlineEnd";
1459
+ };
1239
1460
  readonly scale: "spacing";
1461
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1240
1462
  }>;
1241
1463
  ml?: import("@codecademy/variance/dist/types/config").Scale<{
1242
- readonly property: "marginLeft";
1464
+ readonly property: {
1465
+ readonly physical: "marginLeft";
1466
+ readonly logical: "marginInlineStart";
1467
+ };
1243
1468
  readonly scale: "spacing";
1469
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1244
1470
  }>;
1245
1471
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
1246
1472
  readonly property: "border";
1247
- readonly properties: readonly ["borderLeft", "borderRight"];
1473
+ readonly properties: {
1474
+ readonly physical: readonly ["borderLeft", "borderRight"];
1475
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
1476
+ };
1477
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1248
1478
  readonly scale: "borders";
1249
1479
  }>;
1250
1480
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
1251
1481
  readonly property: "border";
1252
- readonly properties: readonly ["borderTop", "borderBottom"];
1482
+ readonly properties: {
1483
+ readonly physical: readonly ["borderTop", "borderBottom"];
1484
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
1485
+ };
1486
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1253
1487
  readonly scale: "borders";
1254
1488
  }>;
1255
1489
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
1256
1490
  readonly property: "borderWidth";
1257
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
1491
+ readonly properties: {
1492
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
1493
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
1494
+ };
1495
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1258
1496
  }>;
1259
1497
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
1260
1498
  readonly property: "borderWidth";
1261
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
1499
+ readonly properties: {
1500
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
1501
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
1502
+ };
1503
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1262
1504
  }>;
1263
1505
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1264
- readonly property: "borderLeftWidth";
1506
+ readonly property: {
1507
+ readonly physical: "borderLeftWidth";
1508
+ readonly logical: "borderInlineStartWidth";
1509
+ };
1510
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1265
1511
  }>;
1266
1512
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
1267
- readonly property: "borderRightWidth";
1513
+ readonly property: {
1514
+ readonly physical: "borderRightWidth";
1515
+ readonly logical: "borderInlineEndWidth";
1516
+ };
1517
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1268
1518
  }>;
1269
1519
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
1270
- readonly property: "borderTopWidth";
1520
+ readonly property: {
1521
+ readonly physical: "borderTopWidth";
1522
+ readonly logical: "borderBlockStartWidth";
1523
+ };
1524
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1271
1525
  }>;
1272
1526
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1273
- readonly property: "borderBottomWidth";
1527
+ readonly property: {
1528
+ readonly physical: "borderBottomWidth";
1529
+ readonly logical: "borderBlockEndWidth";
1530
+ };
1531
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1274
1532
  }>;
1275
1533
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1276
1534
  readonly property: "borderRadius";
1277
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1535
+ readonly properties: {
1536
+ readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
1537
+ readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
1538
+ };
1539
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1278
1540
  readonly scale: "borderRadii";
1279
1541
  }>;
1280
1542
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
1281
1543
  readonly property: "borderRadius";
1282
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1544
+ readonly properties: {
1545
+ readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
1546
+ readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
1547
+ };
1548
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1283
1549
  readonly scale: "borderRadii";
1284
1550
  }>;
1285
1551
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1286
1552
  readonly property: "borderRadius";
1287
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1553
+ readonly properties: {
1554
+ readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1555
+ readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
1556
+ };
1557
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1288
1558
  readonly scale: "borderRadii";
1289
1559
  }>;
1290
1560
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
1291
1561
  readonly property: "borderRadius";
1292
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1562
+ readonly properties: {
1563
+ readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1564
+ readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
1565
+ };
1566
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1293
1567
  readonly scale: "borderRadii";
1294
1568
  }>;
1295
1569
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1296
- readonly property: "borderTopLeftRadius";
1570
+ readonly property: {
1571
+ readonly physical: "borderTopLeftRadius";
1572
+ readonly logical: "borderStartStartRadius";
1573
+ };
1574
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1297
1575
  readonly scale: "borderRadii";
1298
1576
  }>;
1299
1577
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
1300
- readonly property: "borderTopRightRadius";
1578
+ readonly property: {
1579
+ readonly physical: "borderTopRightRadius";
1580
+ readonly logical: "borderStartEndRadius";
1581
+ };
1582
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1301
1583
  readonly scale: "borderRadii";
1302
1584
  }>;
1303
1585
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
1304
- readonly property: "borderBottomRightRadius";
1586
+ readonly property: {
1587
+ readonly physical: "borderBottomRightRadius";
1588
+ readonly logical: "borderEndEndRadius";
1589
+ };
1590
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1305
1591
  readonly scale: "borderRadii";
1306
1592
  }>;
1307
1593
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1308
- readonly property: "borderBottomLeftRadius";
1594
+ readonly property: {
1595
+ readonly physical: "borderBottomLeftRadius";
1596
+ readonly logical: "borderEndStartRadius";
1597
+ };
1598
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1309
1599
  readonly scale: "borderRadii";
1310
1600
  }>;
1311
1601
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
1312
1602
  readonly property: "borderStyle";
1313
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
1603
+ readonly properties: {
1604
+ readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
1605
+ readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
1606
+ };
1607
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1314
1608
  }>;
1315
1609
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
1316
1610
  readonly property: "borderStyle";
1317
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
1611
+ readonly properties: {
1612
+ readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
1613
+ readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
1614
+ };
1615
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1318
1616
  }>;
1319
1617
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1320
- readonly property: "borderLeftStyle";
1618
+ readonly property: {
1619
+ readonly physical: "borderLeftStyle";
1620
+ readonly logical: "borderInlineStartStyle";
1621
+ };
1622
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1321
1623
  }>;
1322
1624
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
1323
- readonly property: "borderRightStyle";
1625
+ readonly property: {
1626
+ readonly physical: "borderRightStyle";
1627
+ readonly logical: "borderInlineEndStyle";
1628
+ };
1629
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1324
1630
  }>;
1325
1631
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
1326
- readonly property: "borderTopStyle";
1632
+ readonly property: {
1633
+ readonly physical: "borderTopStyle";
1634
+ readonly logical: "borderBlockStartStyle";
1635
+ };
1636
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1327
1637
  }>;
1328
1638
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1329
- readonly property: "borderBottomStyle";
1639
+ readonly property: {
1640
+ readonly physical: "borderBottomStyle";
1641
+ readonly logical: "borderBlockEndStyle";
1642
+ };
1643
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1330
1644
  }>;
1331
1645
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
1332
1646
  readonly property: "width";
@@ -1343,28 +1657,40 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1343
1657
  }>;
1344
1658
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
1345
1659
  readonly property: "borderColor";
1346
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
1660
+ readonly properties: {
1661
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
1662
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
1663
+ };
1664
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1347
1665
  readonly scale: "colors";
1348
1666
  }>;
1349
1667
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
1350
1668
  readonly property: "borderColor";
1351
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
1669
+ readonly properties: {
1670
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
1671
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
1672
+ };
1673
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1352
1674
  readonly scale: "colors";
1353
1675
  }>;
1354
1676
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1355
1677
  readonly property: "borderLeftColor";
1678
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1356
1679
  readonly scale: "colors";
1357
1680
  }>;
1358
1681
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
1359
1682
  readonly property: "borderRightColor";
1683
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1360
1684
  readonly scale: "colors";
1361
1685
  }>;
1362
1686
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
1363
1687
  readonly property: "borderTopColor";
1688
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1364
1689
  readonly scale: "colors";
1365
1690
  }>;
1366
1691
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1367
1692
  readonly property: "borderBottomColor";
1693
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1368
1694
  readonly scale: "colors";
1369
1695
  }>;
1370
1696
  theme?: import("@emotion/react").Theme | undefined;
@@ -1411,12 +1737,10 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1411
1737
  suppressContentEditableWarning?: boolean | undefined;
1412
1738
  suppressHydrationWarning?: boolean | undefined;
1413
1739
  accessKey?: string | undefined;
1414
- autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
1415
1740
  autoFocus?: boolean | undefined;
1416
1741
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
1417
1742
  contextMenu?: string | undefined;
1418
1743
  draggable?: (boolean | "false" | "true") | undefined;
1419
- enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
1420
1744
  hidden?: boolean | undefined;
1421
1745
  id?: string | undefined;
1422
1746
  lang?: string | undefined;
@@ -1437,6 +1761,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1437
1761
  rev?: string | undefined;
1438
1762
  typeof?: string | undefined;
1439
1763
  vocab?: string | undefined;
1764
+ autoCapitalize?: string | undefined;
1440
1765
  autoCorrect?: string | undefined;
1441
1766
  autoSave?: string | undefined;
1442
1767
  itemProp?: string | undefined;
@@ -1449,8 +1774,6 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1449
1774
  unselectable?: "off" | "on" | undefined;
1450
1775
  inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
1451
1776
  is?: string | undefined;
1452
- exportparts?: string | undefined;
1453
- part?: string | undefined;
1454
1777
  "aria-activedescendant"?: string | undefined;
1455
1778
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
1456
1779
  "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
@@ -1524,7 +1847,7 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1524
1847
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1525
1848
  onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1526
1849
  onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1527
- onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
1850
+ onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1528
1851
  onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1529
1852
  onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1530
1853
  onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -1574,6 +1897,8 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1574
1897
  onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1575
1898
  onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1576
1899
  onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1900
+ onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1901
+ onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1577
1902
  onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1578
1903
  onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1579
1904
  onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -1803,7 +2128,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1803
2128
  readonly property: "backgroundPosition";
1804
2129
  }>;
1805
2130
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1806
- readonly property: "borderBottom";
2131
+ readonly property: {
2132
+ readonly physical: "borderBottom";
2133
+ readonly logical: "borderBlockEnd";
2134
+ };
2135
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1807
2136
  readonly scale: "borders";
1808
2137
  }>;
1809
2138
  borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1811,7 +2140,11 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1811
2140
  readonly scale: "colors";
1812
2141
  }>;
1813
2142
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1814
- readonly property: "borderLeft";
2143
+ readonly property: {
2144
+ readonly physical: "borderLeft";
2145
+ readonly logical: "borderInlineStart";
2146
+ };
2147
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1815
2148
  readonly scale: "borders";
1816
2149
  }>;
1817
2150
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1819,14 +2152,22 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1819
2152
  readonly scale: "borderRadii";
1820
2153
  }>;
1821
2154
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
1822
- readonly property: "borderRight";
2155
+ readonly property: {
2156
+ readonly physical: "borderRight";
2157
+ readonly logical: "borderInlineEnd";
2158
+ };
2159
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1823
2160
  readonly scale: "borders";
1824
2161
  }>;
1825
2162
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
1826
2163
  readonly property: "borderStyle";
1827
2164
  }>;
1828
2165
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
1829
- readonly property: "borderTop";
2166
+ readonly property: {
2167
+ readonly physical: "borderTop";
2168
+ readonly logical: "borderBlockStart";
2169
+ };
2170
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1830
2171
  readonly scale: "borders";
1831
2172
  }>;
1832
2173
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1858,29 +2199,53 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1858
2199
  }>;
1859
2200
  px?: import("@codecademy/variance/dist/types/config").Scale<{
1860
2201
  readonly property: "padding";
1861
- readonly properties: readonly ["paddingLeft", "paddingRight"];
2202
+ readonly properties: {
2203
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
2204
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
2205
+ };
1862
2206
  readonly scale: "spacing";
2207
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1863
2208
  }>;
1864
2209
  py?: import("@codecademy/variance/dist/types/config").Scale<{
1865
2210
  readonly property: "padding";
1866
- readonly properties: readonly ["paddingTop", "paddingBottom"];
2211
+ readonly properties: {
2212
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
2213
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
2214
+ };
1867
2215
  readonly scale: "spacing";
2216
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1868
2217
  }>;
1869
2218
  pt?: import("@codecademy/variance/dist/types/config").Scale<{
1870
- readonly property: "paddingTop";
2219
+ readonly property: {
2220
+ readonly physical: "paddingTop";
2221
+ readonly logical: "paddingBlockStart";
2222
+ };
1871
2223
  readonly scale: "spacing";
2224
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1872
2225
  }>;
1873
2226
  pb?: import("@codecademy/variance/dist/types/config").Scale<{
1874
- readonly property: "paddingBottom";
2227
+ readonly property: {
2228
+ readonly physical: "paddingBottom";
2229
+ readonly logical: "paddingBlockEnd";
2230
+ };
1875
2231
  readonly scale: "spacing";
2232
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1876
2233
  }>;
1877
2234
  pr?: import("@codecademy/variance/dist/types/config").Scale<{
1878
- readonly property: "paddingRight";
2235
+ readonly property: {
2236
+ readonly physical: "paddingRight";
2237
+ readonly logical: "paddingInlineEnd";
2238
+ };
1879
2239
  readonly scale: "spacing";
2240
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1880
2241
  }>;
1881
2242
  pl?: import("@codecademy/variance/dist/types/config").Scale<{
1882
- readonly property: "paddingLeft";
2243
+ readonly property: {
2244
+ readonly physical: "paddingLeft";
2245
+ readonly logical: "paddingInlineStart";
2246
+ };
1883
2247
  readonly scale: "spacing";
2248
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1884
2249
  }>;
1885
2250
  m?: import("@codecademy/variance/dist/types/config").Scale<{
1886
2251
  readonly property: "margin";
@@ -1888,115 +2253,227 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1888
2253
  }>;
1889
2254
  mx?: import("@codecademy/variance/dist/types/config").Scale<{
1890
2255
  readonly property: "margin";
1891
- readonly properties: readonly ["marginLeft", "marginRight"];
2256
+ readonly properties: {
2257
+ readonly physical: readonly ["marginLeft", "marginRight"];
2258
+ readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
2259
+ };
2260
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1892
2261
  readonly scale: "spacing";
1893
2262
  }>;
1894
2263
  my?: import("@codecademy/variance/dist/types/config").Scale<{
1895
2264
  readonly property: "margin";
1896
- readonly properties: readonly ["marginTop", "marginBottom"];
2265
+ readonly properties: {
2266
+ readonly physical: readonly ["marginTop", "marginBottom"];
2267
+ readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
2268
+ };
2269
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1897
2270
  readonly scale: "spacing";
1898
2271
  }>;
1899
2272
  mt?: import("@codecademy/variance/dist/types/config").Scale<{
1900
- readonly property: "marginTop";
2273
+ readonly property: {
2274
+ readonly physical: "marginTop";
2275
+ readonly logical: "marginBlockStart";
2276
+ };
1901
2277
  readonly scale: "spacing";
2278
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1902
2279
  }>;
1903
2280
  mb?: import("@codecademy/variance/dist/types/config").Scale<{
1904
- readonly property: "marginBottom";
2281
+ readonly property: {
2282
+ readonly physical: "marginBottom";
2283
+ readonly logical: "marginBlockEnd";
2284
+ };
1905
2285
  readonly scale: "spacing";
2286
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1906
2287
  }>;
1907
2288
  mr?: import("@codecademy/variance/dist/types/config").Scale<{
1908
- readonly property: "marginRight";
2289
+ readonly property: {
2290
+ readonly physical: "marginRight";
2291
+ readonly logical: "marginInlineEnd";
2292
+ };
1909
2293
  readonly scale: "spacing";
2294
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1910
2295
  }>;
1911
2296
  ml?: import("@codecademy/variance/dist/types/config").Scale<{
1912
- readonly property: "marginLeft";
2297
+ readonly property: {
2298
+ readonly physical: "marginLeft";
2299
+ readonly logical: "marginInlineStart";
2300
+ };
1913
2301
  readonly scale: "spacing";
2302
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1914
2303
  }>;
1915
2304
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
1916
2305
  readonly property: "border";
1917
- readonly properties: readonly ["borderLeft", "borderRight"];
2306
+ readonly properties: {
2307
+ readonly physical: readonly ["borderLeft", "borderRight"];
2308
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
2309
+ };
2310
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1918
2311
  readonly scale: "borders";
1919
2312
  }>;
1920
2313
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
1921
2314
  readonly property: "border";
1922
- readonly properties: readonly ["borderTop", "borderBottom"];
2315
+ readonly properties: {
2316
+ readonly physical: readonly ["borderTop", "borderBottom"];
2317
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
2318
+ };
2319
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1923
2320
  readonly scale: "borders";
1924
2321
  }>;
1925
2322
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
1926
2323
  readonly property: "borderWidth";
1927
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
2324
+ readonly properties: {
2325
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
2326
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
2327
+ };
2328
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1928
2329
  }>;
1929
2330
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
1930
2331
  readonly property: "borderWidth";
1931
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
2332
+ readonly properties: {
2333
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
2334
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
2335
+ };
2336
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1932
2337
  }>;
1933
2338
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1934
- readonly property: "borderLeftWidth";
2339
+ readonly property: {
2340
+ readonly physical: "borderLeftWidth";
2341
+ readonly logical: "borderInlineStartWidth";
2342
+ };
2343
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1935
2344
  }>;
1936
2345
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
1937
- readonly property: "borderRightWidth";
2346
+ readonly property: {
2347
+ readonly physical: "borderRightWidth";
2348
+ readonly logical: "borderInlineEndWidth";
2349
+ };
2350
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1938
2351
  }>;
1939
2352
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
1940
- readonly property: "borderTopWidth";
2353
+ readonly property: {
2354
+ readonly physical: "borderTopWidth";
2355
+ readonly logical: "borderBlockStartWidth";
2356
+ };
2357
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1941
2358
  }>;
1942
2359
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1943
- readonly property: "borderBottomWidth";
2360
+ readonly property: {
2361
+ readonly physical: "borderBottomWidth";
2362
+ readonly logical: "borderBlockEndWidth";
2363
+ };
2364
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1944
2365
  }>;
1945
2366
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1946
2367
  readonly property: "borderRadius";
1947
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
2368
+ readonly properties: {
2369
+ readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
2370
+ readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
2371
+ };
2372
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1948
2373
  readonly scale: "borderRadii";
1949
2374
  }>;
1950
2375
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
1951
2376
  readonly property: "borderRadius";
1952
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
2377
+ readonly properties: {
2378
+ readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
2379
+ readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
2380
+ };
2381
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1953
2382
  readonly scale: "borderRadii";
1954
2383
  }>;
1955
2384
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1956
2385
  readonly property: "borderRadius";
1957
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
2386
+ readonly properties: {
2387
+ readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
2388
+ readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
2389
+ };
2390
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1958
2391
  readonly scale: "borderRadii";
1959
2392
  }>;
1960
2393
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
1961
2394
  readonly property: "borderRadius";
1962
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
2395
+ readonly properties: {
2396
+ readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
2397
+ readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
2398
+ };
2399
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1963
2400
  readonly scale: "borderRadii";
1964
2401
  }>;
1965
2402
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1966
- readonly property: "borderTopLeftRadius";
2403
+ readonly property: {
2404
+ readonly physical: "borderTopLeftRadius";
2405
+ readonly logical: "borderStartStartRadius";
2406
+ };
2407
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1967
2408
  readonly scale: "borderRadii";
1968
2409
  }>;
1969
2410
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
1970
- readonly property: "borderTopRightRadius";
2411
+ readonly property: {
2412
+ readonly physical: "borderTopRightRadius";
2413
+ readonly logical: "borderStartEndRadius";
2414
+ };
2415
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1971
2416
  readonly scale: "borderRadii";
1972
2417
  }>;
1973
2418
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
1974
- readonly property: "borderBottomRightRadius";
2419
+ readonly property: {
2420
+ readonly physical: "borderBottomRightRadius";
2421
+ readonly logical: "borderEndEndRadius";
2422
+ };
2423
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1975
2424
  readonly scale: "borderRadii";
1976
2425
  }>;
1977
2426
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1978
- readonly property: "borderBottomLeftRadius";
2427
+ readonly property: {
2428
+ readonly physical: "borderBottomLeftRadius";
2429
+ readonly logical: "borderEndStartRadius";
2430
+ };
2431
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1979
2432
  readonly scale: "borderRadii";
1980
2433
  }>;
1981
2434
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
1982
2435
  readonly property: "borderStyle";
1983
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
2436
+ readonly properties: {
2437
+ readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
2438
+ readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
2439
+ };
2440
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1984
2441
  }>;
1985
2442
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
1986
2443
  readonly property: "borderStyle";
1987
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
2444
+ readonly properties: {
2445
+ readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
2446
+ readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
2447
+ };
2448
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1988
2449
  }>;
1989
2450
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1990
- readonly property: "borderLeftStyle";
2451
+ readonly property: {
2452
+ readonly physical: "borderLeftStyle";
2453
+ readonly logical: "borderInlineStartStyle";
2454
+ };
2455
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1991
2456
  }>;
1992
2457
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
1993
- readonly property: "borderRightStyle";
2458
+ readonly property: {
2459
+ readonly physical: "borderRightStyle";
2460
+ readonly logical: "borderInlineEndStyle";
2461
+ };
2462
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1994
2463
  }>;
1995
2464
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
1996
- readonly property: "borderTopStyle";
2465
+ readonly property: {
2466
+ readonly physical: "borderTopStyle";
2467
+ readonly logical: "borderBlockStartStyle";
2468
+ };
2469
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1997
2470
  }>;
1998
2471
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1999
- readonly property: "borderBottomStyle";
2472
+ readonly property: {
2473
+ readonly physical: "borderBottomStyle";
2474
+ readonly logical: "borderBlockEndStyle";
2475
+ };
2476
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2000
2477
  }>;
2001
2478
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
2002
2479
  readonly property: "width";
@@ -2010,28 +2487,40 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2010
2487
  bg?: "beige" | "blue" | "green" | "hyper" | "lightBlue" | "lightGreen" | "navy" | "orange" | "paleBlue" | "paleGreen" | "palePink" | "paleYellow" | "pink" | "paleRed" | "red" | "yellow" | "black" | "white" | "beige-100" | "blue-0" | "blue-100" | "blue-300" | "blue-400" | "blue-500" | "blue-800" | "navy-100" | "navy-300" | "navy-400" | "navy-500" | "navy-800" | "navy-200" | "navy-600" | "navy-700" | "navy-900" | "green-0" | "green-100" | "green-400" | "green-700" | "green-900" | "yellow-0" | "yellow-400" | "yellow-500" | "yellow-900" | "pink-0" | "pink-400" | "red-0" | "red-300" | "red-400" | "red-500" | "red-600" | "red-900" | "orange-100" | "orange-500" | "hyper-400" | "hyper-500" | "gray-100" | "gray-300" | "gray-800" | "gray-200" | "gray-600" | "gray-900" | "white-100" | "white-300" | "white-400" | "white-500" | "white-200" | "white-600" | "white-700" | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary" | undefined;
2011
2488
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
2012
2489
  readonly property: "borderColor";
2013
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
2490
+ readonly properties: {
2491
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
2492
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
2493
+ };
2494
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2014
2495
  readonly scale: "colors";
2015
2496
  }>;
2016
2497
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
2017
2498
  readonly property: "borderColor";
2018
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
2499
+ readonly properties: {
2500
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
2501
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
2502
+ };
2503
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2019
2504
  readonly scale: "colors";
2020
2505
  }>;
2021
2506
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
2022
2507
  readonly property: "borderLeftColor";
2508
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2023
2509
  readonly scale: "colors";
2024
2510
  }>;
2025
2511
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
2026
2512
  readonly property: "borderRightColor";
2513
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2027
2514
  readonly scale: "colors";
2028
2515
  }>;
2029
2516
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
2030
2517
  readonly property: "borderTopColor";
2518
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2031
2519
  readonly scale: "colors";
2032
2520
  }>;
2033
2521
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
2034
2522
  readonly property: "borderBottomColor";
2523
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
2035
2524
  readonly scale: "colors";
2036
2525
  }>;
2037
2526
  theme?: import("@emotion/react").Theme | undefined;