@codecademy/brand 3.45.0 → 3.45.1-alpha.2f7fddadf.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.
@@ -63,36 +63,67 @@ declare const logoStyles: import("@codecademy/variance/dist/types/config").Parse
63
63
  };
64
64
  readonly dimensions: {
65
65
  readonly property: "width";
66
- readonly properties: readonly ["width", "height"];
66
+ readonly properties: {
67
+ readonly physical: readonly ["width", "height"];
68
+ readonly logical: readonly ["inlineSize", "blockSize"];
69
+ };
70
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
67
71
  readonly transform: (value: string | number) => string | 0;
68
72
  };
69
73
  readonly width: {
70
- readonly property: "width";
74
+ readonly property: {
75
+ readonly physical: "width";
76
+ readonly logical: "inlineSize";
77
+ };
78
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
71
79
  readonly transform: (value: string | number) => string | 0;
72
80
  };
73
81
  readonly minWidth: {
74
- readonly property: "minWidth";
82
+ readonly property: {
83
+ readonly physical: "minWidth";
84
+ readonly logical: "minInlineSize";
85
+ };
86
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
75
87
  readonly transform: (value: string | number) => string | 0;
76
88
  };
77
89
  readonly maxWidth: {
78
- readonly property: "maxWidth";
90
+ readonly property: {
91
+ readonly physical: "maxWidth";
92
+ readonly logical: "maxInlineSize";
93
+ };
94
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
79
95
  readonly transform: (value: string | number) => string | 0;
80
96
  };
81
97
  readonly height: {
82
- readonly property: "height";
98
+ readonly property: {
99
+ readonly physical: "height";
100
+ readonly logical: "blockSize";
101
+ };
102
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
83
103
  readonly transform: (value: string | number) => string | 0;
84
104
  };
85
105
  readonly minHeight: {
86
- readonly property: "minHeight";
106
+ readonly property: {
107
+ readonly physical: "minHeight";
108
+ readonly logical: "minBlockSize";
109
+ };
110
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
87
111
  readonly transform: (value: string | number) => string | 0;
88
112
  };
89
113
  readonly maxHeight: {
90
- readonly property: "maxHeight";
114
+ readonly property: {
115
+ readonly physical: "maxHeight";
116
+ readonly logical: "maxBlockSize";
117
+ };
118
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
91
119
  readonly transform: (value: string | number) => string | 0;
92
120
  };
93
121
  readonly verticalAlign: {
94
122
  readonly property: "verticalAlign";
95
123
  };
124
+ readonly direction: {
125
+ readonly property: "direction";
126
+ };
96
127
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
97
128
  readonly position: {
98
129
  readonly property: "position";
@@ -131,29 +162,53 @@ declare const logoStyles: import("@codecademy/variance/dist/types/config").Parse
131
162
  };
132
163
  readonly px: {
133
164
  readonly property: "padding";
134
- readonly properties: readonly ["paddingLeft", "paddingRight"];
165
+ readonly properties: {
166
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
167
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
168
+ };
135
169
  readonly scale: "spacing";
170
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
136
171
  };
137
172
  readonly py: {
138
173
  readonly property: "padding";
139
- readonly properties: readonly ["paddingTop", "paddingBottom"];
174
+ readonly properties: {
175
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
176
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
177
+ };
140
178
  readonly scale: "spacing";
179
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
141
180
  };
142
181
  readonly pt: {
143
- readonly property: "paddingTop";
182
+ readonly property: {
183
+ readonly physical: "paddingTop";
184
+ readonly logical: "paddingBlockStart";
185
+ };
144
186
  readonly scale: "spacing";
187
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
145
188
  };
146
189
  readonly pb: {
147
- readonly property: "paddingBottom";
190
+ readonly property: {
191
+ readonly physical: "paddingBottom";
192
+ readonly logical: "paddingBlockEnd";
193
+ };
148
194
  readonly scale: "spacing";
195
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
149
196
  };
150
197
  readonly pr: {
151
- readonly property: "paddingRight";
198
+ readonly property: {
199
+ readonly physical: "paddingRight";
200
+ readonly logical: "paddingInlineEnd";
201
+ };
152
202
  readonly scale: "spacing";
203
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
153
204
  };
154
205
  readonly pl: {
155
- readonly property: "paddingLeft";
206
+ readonly property: {
207
+ readonly physical: "paddingLeft";
208
+ readonly logical: "paddingInlineStart";
209
+ };
156
210
  readonly scale: "spacing";
211
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
157
212
  };
158
213
  readonly m: {
159
214
  readonly property: "margin";
@@ -161,35 +216,59 @@ declare const logoStyles: import("@codecademy/variance/dist/types/config").Parse
161
216
  };
162
217
  readonly mx: {
163
218
  readonly property: "margin";
164
- readonly properties: readonly ["marginLeft", "marginRight"];
219
+ readonly properties: {
220
+ readonly physical: readonly ["marginLeft", "marginRight"];
221
+ readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
222
+ };
223
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
165
224
  readonly scale: "spacing";
166
225
  };
167
226
  readonly my: {
168
227
  readonly property: "margin";
169
- readonly properties: readonly ["marginTop", "marginBottom"];
228
+ readonly properties: {
229
+ readonly physical: readonly ["marginTop", "marginBottom"];
230
+ readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
231
+ };
232
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
170
233
  readonly scale: "spacing";
171
234
  };
172
235
  readonly mt: {
173
- readonly property: "marginTop";
236
+ readonly property: {
237
+ readonly physical: "marginTop";
238
+ readonly logical: "marginBlockStart";
239
+ };
174
240
  readonly scale: "spacing";
241
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
175
242
  };
176
243
  readonly mb: {
177
- readonly property: "marginBottom";
244
+ readonly property: {
245
+ readonly physical: "marginBottom";
246
+ readonly logical: "marginBlockEnd";
247
+ };
178
248
  readonly scale: "spacing";
249
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
179
250
  };
180
251
  readonly mr: {
181
- readonly property: "marginRight";
252
+ readonly property: {
253
+ readonly physical: "marginRight";
254
+ readonly logical: "marginInlineEnd";
255
+ };
182
256
  readonly scale: "spacing";
257
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
183
258
  };
184
259
  readonly ml: {
185
- readonly property: "marginLeft";
260
+ readonly property: {
261
+ readonly physical: "marginLeft";
262
+ readonly logical: "marginInlineStart";
263
+ };
186
264
  readonly scale: "spacing";
265
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
187
266
  };
188
267
  }>>]>>;
189
268
  export declare const LogoSvg: import("@emotion/styled").StyledComponent<{
190
269
  theme?: import("@emotion/react").Theme;
191
270
  as?: React.ElementType;
192
- } & Omit<LogoProps, "variant">, Pick<SVGProps<SVGSVGElement>, "string" | "scale" | "filter" | "fill" | "values" | "spacing" | "name" | "clipPath" | "cursor" | "direction" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "paintOrder" | "pointerEvents" | "rotate" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "mask" | "offset" | "min" | "max" | "end" | "clip" | "style" | "path" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "method" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "shapeRendering" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">, {}>;
271
+ } & Omit<LogoProps, "variant">, Pick<SVGProps<SVGSVGElement>, "string" | "scale" | "filter" | "fill" | "values" | "spacing" | "name" | "clipPath" | "cursor" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "paintOrder" | "pointerEvents" | "rotate" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "mask" | "offset" | "min" | "max" | "end" | "clip" | "style" | "path" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "method" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "shapeRendering" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">, {}>;
193
272
  declare const composedLogoStyles: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").Compose<[import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
194
273
  readonly flexBasis: {
195
274
  readonly property: "flexBasis";
@@ -247,36 +326,67 @@ declare const composedLogoStyles: import("@codecademy/variance/dist/types/config
247
326
  };
248
327
  readonly dimensions: {
249
328
  readonly property: "width";
250
- readonly properties: readonly ["width", "height"];
329
+ readonly properties: {
330
+ readonly physical: readonly ["width", "height"];
331
+ readonly logical: readonly ["inlineSize", "blockSize"];
332
+ };
333
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
251
334
  readonly transform: (value: string | number) => string | 0;
252
335
  };
253
336
  readonly width: {
254
- readonly property: "width";
337
+ readonly property: {
338
+ readonly physical: "width";
339
+ readonly logical: "inlineSize";
340
+ };
341
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
255
342
  readonly transform: (value: string | number) => string | 0;
256
343
  };
257
344
  readonly minWidth: {
258
- readonly property: "minWidth";
345
+ readonly property: {
346
+ readonly physical: "minWidth";
347
+ readonly logical: "minInlineSize";
348
+ };
349
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
259
350
  readonly transform: (value: string | number) => string | 0;
260
351
  };
261
352
  readonly maxWidth: {
262
- readonly property: "maxWidth";
353
+ readonly property: {
354
+ readonly physical: "maxWidth";
355
+ readonly logical: "maxInlineSize";
356
+ };
357
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
263
358
  readonly transform: (value: string | number) => string | 0;
264
359
  };
265
360
  readonly height: {
266
- readonly property: "height";
361
+ readonly property: {
362
+ readonly physical: "height";
363
+ readonly logical: "blockSize";
364
+ };
365
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
267
366
  readonly transform: (value: string | number) => string | 0;
268
367
  };
269
368
  readonly minHeight: {
270
- readonly property: "minHeight";
369
+ readonly property: {
370
+ readonly physical: "minHeight";
371
+ readonly logical: "minBlockSize";
372
+ };
373
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
271
374
  readonly transform: (value: string | number) => string | 0;
272
375
  };
273
376
  readonly maxHeight: {
274
- readonly property: "maxHeight";
377
+ readonly property: {
378
+ readonly physical: "maxHeight";
379
+ readonly logical: "maxBlockSize";
380
+ };
381
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
275
382
  readonly transform: (value: string | number) => string | 0;
276
383
  };
277
384
  readonly verticalAlign: {
278
385
  readonly property: "verticalAlign";
279
386
  };
387
+ readonly direction: {
388
+ readonly property: "direction";
389
+ };
280
390
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
281
391
  readonly color: {
282
392
  readonly property: "color";
@@ -296,28 +406,40 @@ declare const composedLogoStyles: import("@codecademy/variance/dist/types/config
296
406
  };
297
407
  readonly borderColorX: {
298
408
  readonly property: "borderColor";
299
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
409
+ readonly properties: {
410
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
411
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
412
+ };
413
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
300
414
  readonly scale: "colors";
301
415
  };
302
416
  readonly borderColorY: {
303
417
  readonly property: "borderColor";
304
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
418
+ readonly properties: {
419
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
420
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
421
+ };
422
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
305
423
  readonly scale: "colors";
306
424
  };
307
425
  readonly borderColorLeft: {
308
426
  readonly property: "borderLeftColor";
427
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
309
428
  readonly scale: "colors";
310
429
  };
311
430
  readonly borderColorRight: {
312
431
  readonly property: "borderRightColor";
432
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
313
433
  readonly scale: "colors";
314
434
  };
315
435
  readonly borderColorTop: {
316
436
  readonly property: "borderTopColor";
437
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
317
438
  readonly scale: "colors";
318
439
  };
319
440
  readonly borderColorBottom: {
320
441
  readonly property: "borderBottomColor";
442
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
321
443
  readonly scale: "colors";
322
444
  };
323
445
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
@@ -327,29 +449,53 @@ declare const composedLogoStyles: import("@codecademy/variance/dist/types/config
327
449
  };
328
450
  readonly px: {
329
451
  readonly property: "padding";
330
- readonly properties: readonly ["paddingLeft", "paddingRight"];
452
+ readonly properties: {
453
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
454
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
455
+ };
331
456
  readonly scale: "spacing";
457
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
332
458
  };
333
459
  readonly py: {
334
460
  readonly property: "padding";
335
- readonly properties: readonly ["paddingTop", "paddingBottom"];
461
+ readonly properties: {
462
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
463
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
464
+ };
336
465
  readonly scale: "spacing";
466
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
337
467
  };
338
468
  readonly pt: {
339
- readonly property: "paddingTop";
469
+ readonly property: {
470
+ readonly physical: "paddingTop";
471
+ readonly logical: "paddingBlockStart";
472
+ };
340
473
  readonly scale: "spacing";
474
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
341
475
  };
342
476
  readonly pb: {
343
- readonly property: "paddingBottom";
477
+ readonly property: {
478
+ readonly physical: "paddingBottom";
479
+ readonly logical: "paddingBlockEnd";
480
+ };
344
481
  readonly scale: "spacing";
482
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
345
483
  };
346
484
  readonly pr: {
347
- readonly property: "paddingRight";
485
+ readonly property: {
486
+ readonly physical: "paddingRight";
487
+ readonly logical: "paddingInlineEnd";
488
+ };
348
489
  readonly scale: "spacing";
490
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
349
491
  };
350
492
  readonly pl: {
351
- readonly property: "paddingLeft";
493
+ readonly property: {
494
+ readonly physical: "paddingLeft";
495
+ readonly logical: "paddingInlineStart";
496
+ };
352
497
  readonly scale: "spacing";
498
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
353
499
  };
354
500
  readonly m: {
355
501
  readonly property: "margin";
@@ -357,29 +503,53 @@ declare const composedLogoStyles: import("@codecademy/variance/dist/types/config
357
503
  };
358
504
  readonly mx: {
359
505
  readonly property: "margin";
360
- readonly properties: readonly ["marginLeft", "marginRight"];
506
+ readonly properties: {
507
+ readonly physical: readonly ["marginLeft", "marginRight"];
508
+ readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
509
+ };
510
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
361
511
  readonly scale: "spacing";
362
512
  };
363
513
  readonly my: {
364
514
  readonly property: "margin";
365
- readonly properties: readonly ["marginTop", "marginBottom"];
515
+ readonly properties: {
516
+ readonly physical: readonly ["marginTop", "marginBottom"];
517
+ readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
518
+ };
519
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
366
520
  readonly scale: "spacing";
367
521
  };
368
522
  readonly mt: {
369
- readonly property: "marginTop";
523
+ readonly property: {
524
+ readonly physical: "marginTop";
525
+ readonly logical: "marginBlockStart";
526
+ };
370
527
  readonly scale: "spacing";
528
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
371
529
  };
372
530
  readonly mb: {
373
- readonly property: "marginBottom";
531
+ readonly property: {
532
+ readonly physical: "marginBottom";
533
+ readonly logical: "marginBlockEnd";
534
+ };
374
535
  readonly scale: "spacing";
536
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
375
537
  };
376
538
  readonly mr: {
377
- readonly property: "marginRight";
539
+ readonly property: {
540
+ readonly physical: "marginRight";
541
+ readonly logical: "marginInlineEnd";
542
+ };
378
543
  readonly scale: "spacing";
544
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
379
545
  };
380
546
  readonly ml: {
381
- readonly property: "marginLeft";
547
+ readonly property: {
548
+ readonly physical: "marginLeft";
549
+ readonly logical: "marginInlineStart";
550
+ };
382
551
  readonly scale: "spacing";
552
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
383
553
  };
384
554
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
385
555
  readonly position: {
@@ -475,36 +645,67 @@ export declare const StyledSVGWrapper: import("@emotion/styled").StyledComponent
475
645
  }>;
476
646
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
477
647
  readonly property: "width";
478
- readonly properties: readonly ["width", "height"];
648
+ readonly properties: {
649
+ readonly physical: readonly ["width", "height"];
650
+ readonly logical: readonly ["inlineSize", "blockSize"];
651
+ };
652
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
479
653
  readonly transform: (value: string | number) => string | 0;
480
654
  }>;
481
655
  width?: import("@codecademy/variance/dist/types/config").Scale<{
482
- readonly property: "width";
656
+ readonly property: {
657
+ readonly physical: "width";
658
+ readonly logical: "inlineSize";
659
+ };
660
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
483
661
  readonly transform: (value: string | number) => string | 0;
484
662
  }>;
485
663
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
486
- readonly property: "minWidth";
664
+ readonly property: {
665
+ readonly physical: "minWidth";
666
+ readonly logical: "minInlineSize";
667
+ };
668
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
487
669
  readonly transform: (value: string | number) => string | 0;
488
670
  }>;
489
671
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
490
- readonly property: "maxWidth";
672
+ readonly property: {
673
+ readonly physical: "maxWidth";
674
+ readonly logical: "maxInlineSize";
675
+ };
676
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
491
677
  readonly transform: (value: string | number) => string | 0;
492
678
  }>;
493
679
  height?: import("@codecademy/variance/dist/types/config").Scale<{
494
- readonly property: "height";
680
+ readonly property: {
681
+ readonly physical: "height";
682
+ readonly logical: "blockSize";
683
+ };
684
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
495
685
  readonly transform: (value: string | number) => string | 0;
496
686
  }>;
497
687
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
498
- readonly property: "minHeight";
688
+ readonly property: {
689
+ readonly physical: "minHeight";
690
+ readonly logical: "minBlockSize";
691
+ };
692
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
499
693
  readonly transform: (value: string | number) => string | 0;
500
694
  }>;
501
695
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
502
- readonly property: "maxHeight";
696
+ readonly property: {
697
+ readonly physical: "maxHeight";
698
+ readonly logical: "maxBlockSize";
699
+ };
700
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
503
701
  readonly transform: (value: string | number) => string | 0;
504
702
  }>;
505
703
  verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
506
704
  readonly property: "verticalAlign";
507
705
  }>;
706
+ direction?: import("@codecademy/variance/dist/types/config").Scale<{
707
+ readonly property: "direction";
708
+ }>;
508
709
  position?: import("@codecademy/variance/dist/types/config").Scale<{
509
710
  readonly property: "position";
510
711
  }>;
@@ -541,29 +742,53 @@ export declare const StyledSVGWrapper: import("@emotion/styled").StyledComponent
541
742
  }>;
542
743
  px?: import("@codecademy/variance/dist/types/config").Scale<{
543
744
  readonly property: "padding";
544
- readonly properties: readonly ["paddingLeft", "paddingRight"];
745
+ readonly properties: {
746
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
747
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
748
+ };
545
749
  readonly scale: "spacing";
750
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
546
751
  }>;
547
752
  py?: import("@codecademy/variance/dist/types/config").Scale<{
548
753
  readonly property: "padding";
549
- readonly properties: readonly ["paddingTop", "paddingBottom"];
754
+ readonly properties: {
755
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
756
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
757
+ };
550
758
  readonly scale: "spacing";
759
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
551
760
  }>;
552
761
  pt?: import("@codecademy/variance/dist/types/config").Scale<{
553
- readonly property: "paddingTop";
762
+ readonly property: {
763
+ readonly physical: "paddingTop";
764
+ readonly logical: "paddingBlockStart";
765
+ };
554
766
  readonly scale: "spacing";
767
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
555
768
  }>;
556
769
  pb?: import("@codecademy/variance/dist/types/config").Scale<{
557
- readonly property: "paddingBottom";
770
+ readonly property: {
771
+ readonly physical: "paddingBottom";
772
+ readonly logical: "paddingBlockEnd";
773
+ };
558
774
  readonly scale: "spacing";
775
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
559
776
  }>;
560
777
  pr?: import("@codecademy/variance/dist/types/config").Scale<{
561
- readonly property: "paddingRight";
778
+ readonly property: {
779
+ readonly physical: "paddingRight";
780
+ readonly logical: "paddingInlineEnd";
781
+ };
562
782
  readonly scale: "spacing";
783
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
563
784
  }>;
564
785
  pl?: import("@codecademy/variance/dist/types/config").Scale<{
565
- readonly property: "paddingLeft";
786
+ readonly property: {
787
+ readonly physical: "paddingLeft";
788
+ readonly logical: "paddingInlineStart";
789
+ };
566
790
  readonly scale: "spacing";
791
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
567
792
  }>;
568
793
  m?: import("@codecademy/variance/dist/types/config").Scale<{
569
794
  readonly property: "margin";
@@ -571,29 +796,53 @@ export declare const StyledSVGWrapper: import("@emotion/styled").StyledComponent
571
796
  }>;
572
797
  mx?: import("@codecademy/variance/dist/types/config").Scale<{
573
798
  readonly property: "margin";
574
- readonly properties: readonly ["marginLeft", "marginRight"];
799
+ readonly properties: {
800
+ readonly physical: readonly ["marginLeft", "marginRight"];
801
+ readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
802
+ };
803
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
575
804
  readonly scale: "spacing";
576
805
  }>;
577
806
  my?: import("@codecademy/variance/dist/types/config").Scale<{
578
807
  readonly property: "margin";
579
- readonly properties: readonly ["marginTop", "marginBottom"];
808
+ readonly properties: {
809
+ readonly physical: readonly ["marginTop", "marginBottom"];
810
+ readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
811
+ };
812
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
580
813
  readonly scale: "spacing";
581
814
  }>;
582
815
  mt?: import("@codecademy/variance/dist/types/config").Scale<{
583
- readonly property: "marginTop";
816
+ readonly property: {
817
+ readonly physical: "marginTop";
818
+ readonly logical: "marginBlockStart";
819
+ };
584
820
  readonly scale: "spacing";
821
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
585
822
  }>;
586
823
  mb?: import("@codecademy/variance/dist/types/config").Scale<{
587
- readonly property: "marginBottom";
824
+ readonly property: {
825
+ readonly physical: "marginBottom";
826
+ readonly logical: "marginBlockEnd";
827
+ };
588
828
  readonly scale: "spacing";
829
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
589
830
  }>;
590
831
  mr?: import("@codecademy/variance/dist/types/config").Scale<{
591
- readonly property: "marginRight";
832
+ readonly property: {
833
+ readonly physical: "marginRight";
834
+ readonly logical: "marginInlineEnd";
835
+ };
592
836
  readonly scale: "spacing";
837
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
593
838
  }>;
594
839
  ml?: import("@codecademy/variance/dist/types/config").Scale<{
595
- readonly property: "marginLeft";
840
+ readonly property: {
841
+ readonly physical: "marginLeft";
842
+ readonly logical: "marginInlineStart";
843
+ };
596
844
  readonly scale: "spacing";
845
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
597
846
  }>;
598
847
  color?: import("@codecademy/variance/dist/types/config").Scale<{
599
848
  readonly property: "color";
@@ -613,31 +862,43 @@ export declare const StyledSVGWrapper: import("@emotion/styled").StyledComponent
613
862
  }>;
614
863
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
615
864
  readonly property: "borderColor";
616
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
865
+ readonly properties: {
866
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
867
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
868
+ };
869
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
617
870
  readonly scale: "colors";
618
871
  }>;
619
872
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
620
873
  readonly property: "borderColor";
621
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
874
+ readonly properties: {
875
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
876
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
877
+ };
878
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
622
879
  readonly scale: "colors";
623
880
  }>;
624
881
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
625
882
  readonly property: "borderLeftColor";
883
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
626
884
  readonly scale: "colors";
627
885
  }>;
628
886
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
629
887
  readonly property: "borderRightColor";
888
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
630
889
  readonly scale: "colors";
631
890
  }>;
632
891
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
633
892
  readonly property: "borderTopColor";
893
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
634
894
  readonly scale: "colors";
635
895
  }>;
636
896
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
637
897
  readonly property: "borderBottomColor";
898
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
638
899
  readonly scale: "colors";
639
900
  }>;
640
901
  } & {
641
902
  theme?: import("@emotion/react").Theme;
642
- }, Pick<SVGProps<SVGSVGElement>, "string" | "scale" | "filter" | "fill" | "values" | "spacing" | "name" | "clipPath" | "cursor" | "direction" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "paintOrder" | "pointerEvents" | "rotate" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "mask" | "offset" | "min" | "max" | "end" | "clip" | "style" | "path" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "method" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "shapeRendering" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">, {}>;
903
+ }, Pick<SVGProps<SVGSVGElement>, "string" | "scale" | "filter" | "fill" | "values" | "spacing" | "name" | "clipPath" | "cursor" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "paintOrder" | "pointerEvents" | "rotate" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "mask" | "offset" | "min" | "max" | "end" | "clip" | "style" | "path" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "method" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "shapeRendering" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">, {}>;
643
904
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codecademy/brand",
3
- "version": "3.45.0",
3
+ "version": "3.45.1-alpha.2f7fddadf.0",
4
4
  "description": "Brand component library for Codecademy",
5
5
  "license": "MIT",
6
6
  "repository": "git@github.com:codecademy-engineering/mono.git",