@codecademy/gamut-icons 9.56.0-alpha.f9ca97.0 → 9.56.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 (10) hide show
  1. package/dist/icons/mini/MiniReplyToMessageIcon.d.ts +3 -0
  2. package/dist/icons/mini/MiniReplyToMessageIcon.js +63 -0
  3. package/dist/icons/mini/MiniSmileyAddReactionIcon.d.ts +3 -0
  4. package/dist/icons/mini/MiniSmileyAddReactionIcon.js +74 -0
  5. package/dist/icons/mini/index.d.ts +2 -0
  6. package/dist/icons/mini/index.js +2 -0
  7. package/dist/props.d.ts +95 -479
  8. package/dist/svg/mini/mini-reply-to-message-icon.svg +8 -0
  9. package/dist/svg/mini/mini-smiley-add-reaction-icon.svg +15 -0
  10. package/package.json +5 -5
package/dist/icons/mini/MiniReplyToMessageIcon.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { GamutIconProps } from '../../props';
3
+ export declare const MiniReplyToMessageIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;
package/dist/icons/mini/MiniReplyToMessageIcon.js ADDED
@@ -0,0 +1,63 @@
1
+ import * as React from 'react';
2
+ import { Svg } from '../../props';
3
+ import { useIconId } from '../../useIconId';
4
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
+ export const MiniReplyToMessageIcon = /*#__PURE__*/React.forwardRef(({
6
+ title,
7
+ titleId,
8
+ size = 16,
9
+ height = size,
10
+ width = size,
11
+ ...props
12
+ }, svgRef) => {
13
+ const maskId = useIconId('MiniReplyToMessageIcon');
14
+ return /*#__PURE__*/_jsxs(Svg, {
15
+ viewBox: "0 0 16 16",
16
+ fill: "#fff",
17
+ xmlns: "http://www.w3.org/2000/svg",
18
+ role: "img",
19
+ "aria-hidden": "true",
20
+ "pointer-events": "none",
21
+ width: width,
22
+ height: height,
23
+ ref: svgRef,
24
+ "aria-labelledby": titleId,
25
+ ...props,
26
+ children: [title ? /*#__PURE__*/_jsx("title", {
27
+ id: titleId,
28
+ children: title
29
+ }) : null, /*#__PURE__*/_jsxs("mask", {
30
+ id: `${maskId}`,
31
+ children: [/*#__PURE__*/_jsx("mask", {
32
+ id: "mini-reply-to-message-icon_svg__a",
33
+ style: {
34
+ maskType: 'alpha'
35
+ },
36
+ maskUnits: "userSpaceOnUse",
37
+ x: 0,
38
+ y: 0,
39
+ width: 16,
40
+ height: 16,
41
+ children: /*#__PURE__*/_jsx("path", {
42
+ fillRule: "evenodd",
43
+ clipRule: "evenodd",
44
+ d: "M10.286.571A.571.571 0 009.31.167L7.596 1.882a.571.571 0 000 .808L9.31 4.404A.571.571 0 0010.286 4v-.857H14a.286.286 0 01.286.286v7.714a.286.286 0 01-.286.286H7.566a.857.857 0 00-.536.188l-2.173 1.74v-1.071A.857.857 0 004 11.429H2a.286.286 0 01-.286-.286V3.429A.286.286 0 012 3.143h3.143a.857.857 0 000-1.714H2a2 2 0 00-2 2v7.714a2 2 0 002 2h1.143v2a.857.857 0 001.393.669l3.33-2.67H14a2 2 0 002-2V3.43a2 2 0 00-2-2h-3.714V.57zM4.857 8.714a1.143 1.143 0 100-2.285 1.143 1.143 0 000 2.285zm3.143 0A1.143 1.143 0 108 6.43a1.143 1.143 0 000 2.285zm4.286-1.143a1.143 1.143 0 11-2.286 0 1.143 1.143 0 012.286 0z",
45
+ fill: "#fff"
46
+ })
47
+ }), /*#__PURE__*/_jsx("g", {
48
+ mask: "url(#mini-reply-to-message-icon_svg__a)",
49
+ children: /*#__PURE__*/_jsx("path", {
50
+ fill: "#fff",
51
+ d: "M0 0h16v16H0z"
52
+ })
53
+ })]
54
+ }), /*#__PURE__*/_jsx("g", {
55
+ mask: `url(#${maskId})`,
56
+ children: /*#__PURE__*/_jsx("rect", {
57
+ width: `100%`,
58
+ height: `100%`,
59
+ fill: `currentColor`
60
+ })
61
+ })]
62
+ });
63
+ });
package/dist/icons/mini/MiniSmileyAddReactionIcon.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { GamutIconProps } from '../../props';
3
+ export declare const MiniSmileyAddReactionIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;
package/dist/icons/mini/MiniSmileyAddReactionIcon.js ADDED
@@ -0,0 +1,74 @@
1
+ import * as React from 'react';
2
+ import { Svg } from '../../props';
3
+ import { useIconId } from '../../useIconId';
4
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
+ export const MiniSmileyAddReactionIcon = /*#__PURE__*/React.forwardRef(({
6
+ title,
7
+ titleId,
8
+ size = 16,
9
+ height = size,
10
+ width = size,
11
+ ...props
12
+ }, svgRef) => {
13
+ const maskId = useIconId('MiniSmileyAddReactionIcon');
14
+ return /*#__PURE__*/_jsxs(Svg, {
15
+ viewBox: "0 0 16 16",
16
+ fill: "#fff",
17
+ xmlns: "http://www.w3.org/2000/svg",
18
+ role: "img",
19
+ "aria-hidden": "true",
20
+ "pointer-events": "none",
21
+ width: width,
22
+ height: height,
23
+ ref: svgRef,
24
+ "aria-labelledby": titleId,
25
+ ...props,
26
+ children: [title ? /*#__PURE__*/_jsx("title", {
27
+ id: titleId,
28
+ children: title
29
+ }) : null, /*#__PURE__*/_jsxs("mask", {
30
+ id: `${maskId}`,
31
+ children: [/*#__PURE__*/_jsxs("g", {
32
+ clipPath: "url(#mini-smiley-add-reaction-icon_svg__mini-smiley-add-reaction-icon_svg__clip0_124902_52004)",
33
+ children: [/*#__PURE__*/_jsx("mask", {
34
+ id: "mini-smiley-add-reaction-icon_svg__a",
35
+ style: {
36
+ maskType: 'alpha'
37
+ },
38
+ maskUnits: "userSpaceOnUse",
39
+ x: 0,
40
+ y: 0,
41
+ width: 16,
42
+ height: 16,
43
+ children: /*#__PURE__*/_jsx("path", {
44
+ fillRule: "evenodd",
45
+ clipRule: "evenodd",
46
+ d: "M13.143.857a.857.857 0 00-1.714 0v2h-2a.857.857 0 000 1.714h2v2a.857.857 0 101.714 0v-2h2a.857.857 0 000-1.714h-2v-2zm-5.99 2.631A2.286 2.286 0 009.429 6H10v.571a2.286 2.286 0 002.512 2.275 6.286 6.286 0 11-5.358-5.358zM3.122 8a1 1 0 102 0 1 1 0 00-2 0zm.104 2.044a.714.714 0 01.888.48 2.268 2.268 0 004.345 0 .714.714 0 011.37.408 3.696 3.696 0 01-7.084 0 .714.714 0 01.481-.888zM7.121 8a1 1 0 102 0 1 1 0 00-2 0z",
47
+ fill: "#fff"
48
+ })
49
+ }), /*#__PURE__*/_jsx("g", {
50
+ mask: "url(#mini-smiley-add-reaction-icon_svg__a)",
51
+ children: /*#__PURE__*/_jsx("path", {
52
+ fill: "#fff",
53
+ d: "M0 0h16v16H0z"
54
+ })
55
+ })]
56
+ }), /*#__PURE__*/_jsx("defs", {
57
+ children: /*#__PURE__*/_jsx("clipPath", {
58
+ id: "mini-smiley-add-reaction-icon_svg__mini-smiley-add-reaction-icon_svg__clip0_124902_52004",
59
+ children: /*#__PURE__*/_jsx("path", {
60
+ fill: "#fff",
61
+ d: "M0 0h16v16H0z"
62
+ })
63
+ })
64
+ })]
65
+ }), /*#__PURE__*/_jsx("g", {
66
+ mask: `url(#${maskId})`,
67
+ children: /*#__PURE__*/_jsx("rect", {
68
+ width: `100%`,
69
+ height: `100%`,
70
+ fill: `currentColor`
71
+ })
72
+ })]
73
+ });
74
+ });
package/dist/icons/mini/index.d.ts CHANGED
@@ -25,7 +25,9 @@ export * from './MiniPinIcon';
25
25
  export * from './MiniQuoteIcon';
26
26
  export * from './MiniRemoveCircleIcon';
27
27
  export * from './MiniReorderDotsVerticalIcon';
28
+ export * from './MiniReplyToMessageIcon';
28
29
  export * from './MiniRibbonIcon';
30
+ export * from './MiniSmileyAddReactionIcon';
29
31
  export * from './MiniStarIcon';
30
32
  export * from './MiniThumbsDownIcon';
31
33
  export * from './MiniThumbsUpIcon';
package/dist/icons/mini/index.js CHANGED
@@ -25,7 +25,9 @@ export * from './MiniPinIcon';
25
25
  export * from './MiniQuoteIcon';
26
26
  export * from './MiniRemoveCircleIcon';
27
27
  export * from './MiniReorderDotsVerticalIcon';
28
+ export * from './MiniReplyToMessageIcon';
28
29
  export * from './MiniRibbonIcon';
30
+ export * from './MiniSmileyAddReactionIcon';
29
31
  export * from './MiniStarIcon';
30
32
  export * from './MiniThumbsDownIcon';
31
33
  export * from './MiniThumbsUpIcon';
package/dist/props.d.ts CHANGED
@@ -80,18 +80,10 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
80
80
  readonly property: "overflow";
81
81
  };
82
82
  readonly overflowX: {
83
- readonly property: {
84
- readonly physical: "overflowX";
85
- readonly logical: "overflowInline";
86
- };
87
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
83
+ readonly property: "overflowX";
88
84
  };
89
85
  readonly overflowY: {
90
- readonly property: {
91
- readonly physical: "overflowY";
92
- readonly logical: "overflowBlock";
93
- };
94
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
86
+ readonly property: "overflowY";
95
87
  };
96
88
  readonly dimensions: {
97
89
  readonly property: "width";
@@ -144,40 +136,28 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
144
136
  };
145
137
  readonly borderColorX: {
146
138
  readonly property: "borderColor";
147
- readonly properties: {
148
- readonly physical: readonly ["borderLeftColor", "borderRightColor"];
149
- readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
150
- };
151
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
139
+ readonly properties: readonly ["borderLeftColor", "borderRightColor"];
152
140
  readonly scale: "colors";
153
141
  };
154
142
  readonly borderColorY: {
155
143
  readonly property: "borderColor";
156
- readonly properties: {
157
- readonly physical: readonly ["borderTopColor", "borderBottomColor"];
158
- readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
159
- };
160
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
144
+ readonly properties: readonly ["borderTopColor", "borderBottomColor"];
161
145
  readonly scale: "colors";
162
146
  };
163
147
  readonly borderColorLeft: {
164
148
  readonly property: "borderLeftColor";
165
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
166
149
  readonly scale: "colors";
167
150
  };
168
151
  readonly borderColorRight: {
169
152
  readonly property: "borderRightColor";
170
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
171
153
  readonly scale: "colors";
172
154
  };
173
155
  readonly borderColorTop: {
174
156
  readonly property: "borderTopColor";
175
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
176
157
  readonly scale: "colors";
177
158
  };
178
159
  readonly borderColorBottom: {
179
160
  readonly property: "borderBottomColor";
180
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
181
161
  readonly scale: "colors";
182
162
  };
183
163
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
@@ -187,53 +167,29 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
187
167
  };
188
168
  readonly px: {
189
169
  readonly property: "padding";
190
- readonly properties: {
191
- readonly physical: readonly ["paddingLeft", "paddingRight"];
192
- readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
193
- };
170
+ readonly properties: readonly ["paddingLeft", "paddingRight"];
194
171
  readonly scale: "spacing";
195
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
196
172
  };
197
173
  readonly py: {
198
174
  readonly property: "padding";
199
- readonly properties: {
200
- readonly physical: readonly ["paddingTop", "paddingBottom"];
201
- readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
202
- };
175
+ readonly properties: readonly ["paddingTop", "paddingBottom"];
203
176
  readonly scale: "spacing";
204
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
205
177
  };
206
178
  readonly pt: {
207
- readonly property: {
208
- readonly physical: "paddingTop";
209
- readonly logical: "paddingBlockStart";
210
- };
179
+ readonly property: "paddingTop";
211
180
  readonly scale: "spacing";
212
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
213
181
  };
214
182
  readonly pb: {
215
- readonly property: {
216
- readonly physical: "paddingBottom";
217
- readonly logical: "paddingBlockEnd";
218
- };
183
+ readonly property: "paddingBottom";
219
184
  readonly scale: "spacing";
220
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
221
185
  };
222
186
  readonly pr: {
223
- readonly property: {
224
- readonly physical: "paddingRight";
225
- readonly logical: "paddingInlineEnd";
226
- };
187
+ readonly property: "paddingRight";
227
188
  readonly scale: "spacing";
228
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
229
189
  };
230
190
  readonly pl: {
231
- readonly property: {
232
- readonly physical: "paddingLeft";
233
- readonly logical: "paddingInlineStart";
234
- };
191
+ readonly property: "paddingLeft";
235
192
  readonly scale: "spacing";
236
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
237
193
  };
238
194
  readonly m: {
239
195
  readonly property: "margin";
@@ -241,53 +197,29 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
241
197
  };
242
198
  readonly mx: {
243
199
  readonly property: "margin";
244
- readonly properties: {
245
- readonly physical: readonly ["marginLeft", "marginRight"];
246
- readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
247
- };
248
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
200
+ readonly properties: readonly ["marginLeft", "marginRight"];
249
201
  readonly scale: "spacing";
250
202
  };
251
203
  readonly my: {
252
204
  readonly property: "margin";
253
- readonly properties: {
254
- readonly physical: readonly ["marginTop", "marginBottom"];
255
- readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
256
- };
257
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
205
+ readonly properties: readonly ["marginTop", "marginBottom"];
258
206
  readonly scale: "spacing";
259
207
  };
260
208
  readonly mt: {
261
- readonly property: {
262
- readonly physical: "marginTop";
263
- readonly logical: "marginBlockStart";
264
- };
209
+ readonly property: "marginTop";
265
210
  readonly scale: "spacing";
266
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
267
211
  };
268
212
  readonly mb: {
269
- readonly property: {
270
- readonly physical: "marginBottom";
271
- readonly logical: "marginBlockEnd";
272
- };
213
+ readonly property: "marginBottom";
273
214
  readonly scale: "spacing";
274
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
275
215
  };
276
216
  readonly mr: {
277
- readonly property: {
278
- readonly physical: "marginRight";
279
- readonly logical: "marginInlineEnd";
280
- };
217
+ readonly property: "marginRight";
281
218
  readonly scale: "spacing";
282
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
283
219
  };
284
220
  readonly ml: {
285
- readonly property: {
286
- readonly physical: "marginLeft";
287
- readonly logical: "marginInlineStart";
288
- };
221
+ readonly property: "marginLeft";
289
222
  readonly scale: "spacing";
290
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
291
223
  };
292
224
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
293
225
  readonly position: {
@@ -295,43 +227,23 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
295
227
  };
296
228
  readonly inset: {
297
229
  readonly property: "inset";
298
- readonly properties: {
299
- readonly physical: readonly ["top", "right", "bottom", "left"];
300
- readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
301
- };
302
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
230
+ readonly properties: readonly ["top", "right", "bottom", "left"];
303
231
  readonly transform: (value: string | number) => string | 0;
304
232
  };
305
233
  readonly top: {
306
- readonly property: {
307
- readonly physical: "top";
308
- readonly logical: "insetBlockStart";
309
- };
310
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
234
+ readonly property: "top";
311
235
  readonly transform: (value: string | number) => string | 0;
312
236
  };
313
237
  readonly right: {
314
- readonly property: {
315
- readonly physical: "right";
316
- readonly logical: "insetInlineEnd";
317
- };
318
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
238
+ readonly property: "right";
319
239
  readonly transform: (value: string | number) => string | 0;
320
240
  };
321
241
  readonly bottom: {
322
- readonly property: {
323
- readonly physical: "bottom";
324
- readonly logical: "insetBlockEnd";
325
- };
326
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
242
+ readonly property: "bottom";
327
243
  readonly transform: (value: string | number) => string | 0;
328
244
  };
329
245
  readonly left: {
330
- readonly property: {
331
- readonly physical: "left";
332
- readonly logical: "insetInlineStart";
333
- };
334
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
246
+ readonly property: "left";
335
247
  readonly transform: (value: string | number) => string | 0;
336
248
  };
337
249
  readonly zIndex: {
@@ -347,52 +259,28 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
347
259
  };
348
260
  readonly borderX: {
349
261
  readonly property: "border";
350
- readonly properties: {
351
- readonly physical: readonly ["borderLeft", "borderRight"];
352
- readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
353
- };
354
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
262
+ readonly properties: readonly ["borderLeft", "borderRight"];
355
263
  readonly scale: "borders";
356
264
  };
357
265
  readonly borderY: {
358
266
  readonly property: "border";
359
- readonly properties: {
360
- readonly physical: readonly ["borderTop", "borderBottom"];
361
- readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
362
- };
363
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
267
+ readonly properties: readonly ["borderTop", "borderBottom"];
364
268
  readonly scale: "borders";
365
269
  };
366
270
  readonly borderTop: {
367
- readonly property: {
368
- readonly physical: "borderTop";
369
- readonly logical: "borderBlockStart";
370
- };
371
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
271
+ readonly property: "borderTop";
372
272
  readonly scale: "borders";
373
273
  };
374
274
  readonly borderRight: {
375
- readonly property: {
376
- readonly physical: "borderRight";
377
- readonly logical: "borderInlineEnd";
378
- };
379
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
275
+ readonly property: "borderRight";
380
276
  readonly scale: "borders";
381
277
  };
382
278
  readonly borderBottom: {
383
- readonly property: {
384
- readonly physical: "borderBottom";
385
- readonly logical: "borderBlockEnd";
386
- };
387
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
279
+ readonly property: "borderBottom";
388
280
  readonly scale: "borders";
389
281
  };
390
282
  readonly borderLeft: {
391
- readonly property: {
392
- readonly physical: "borderLeft";
393
- readonly logical: "borderInlineStart";
394
- };
395
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
283
+ readonly property: "borderLeft";
396
284
  readonly scale: "borders";
397
285
  };
398
286
  readonly borderWidth: {
@@ -400,47 +288,23 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
400
288
  };
401
289
  readonly borderWidthX: {
402
290
  readonly property: "borderWidth";
403
- readonly properties: {
404
- readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
405
- readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
406
- };
407
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
291
+ readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
408
292
  };
409
293
  readonly borderWidthY: {
410
294
  readonly property: "borderWidth";
411
- readonly properties: {
412
- readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
413
- readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
414
- };
415
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
295
+ readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
416
296
  };
417
297
  readonly borderWidthLeft: {
418
- readonly property: {
419
- readonly physical: "borderLeftWidth";
420
- readonly logical: "borderInlineStartWidth";
421
- };
422
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
298
+ readonly property: "borderLeftWidth";
423
299
  };
424
300
  readonly borderWidthRight: {
425
- readonly property: {
426
- readonly physical: "borderRightWidth";
427
- readonly logical: "borderInlineEndWidth";
428
- };
429
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
301
+ readonly property: "borderRightWidth";
430
302
  };
431
303
  readonly borderWidthTop: {
432
- readonly property: {
433
- readonly physical: "borderTopWidth";
434
- readonly logical: "borderBlockStartWidth";
435
- };
436
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
304
+ readonly property: "borderTopWidth";
437
305
  };
438
306
  readonly borderWidthBottom: {
439
- readonly property: {
440
- readonly physical: "borderBottomWidth";
441
- readonly logical: "borderBlockEndWidth";
442
- };
443
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
307
+ readonly property: "borderBottomWidth";
444
308
  };
445
309
  readonly borderRadius: {
446
310
  readonly property: "borderRadius";
@@ -448,70 +312,38 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
448
312
  };
449
313
  readonly borderRadiusLeft: {
450
314
  readonly property: "borderRadius";
451
- readonly properties: {
452
- readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
453
- readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
454
- };
455
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
315
+ readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
456
316
  readonly scale: "borderRadii";
457
317
  };
458
318
  readonly borderRadiusTop: {
459
319
  readonly property: "borderRadius";
460
- readonly properties: {
461
- readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
462
- readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
463
- };
464
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
320
+ readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
465
321
  readonly scale: "borderRadii";
466
322
  };
467
323
  readonly borderRadiusBottom: {
468
324
  readonly property: "borderRadius";
469
- readonly properties: {
470
- readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
471
- readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
472
- };
473
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
325
+ readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
474
326
  readonly scale: "borderRadii";
475
327
  };
476
328
  readonly borderRadiusRight: {
477
329
  readonly property: "borderRadius";
478
- readonly properties: {
479
- readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
480
- readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
481
- };
482
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
330
+ readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
483
331
  readonly scale: "borderRadii";
484
332
  };
485
333
  readonly borderRadiusTopLeft: {
486
- readonly property: {
487
- readonly physical: "borderTopLeftRadius";
488
- readonly logical: "borderStartStartRadius";
489
- };
490
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
334
+ readonly property: "borderTopLeftRadius";
491
335
  readonly scale: "borderRadii";
492
336
  };
493
337
  readonly borderRadiusTopRight: {
494
- readonly property: {
495
- readonly physical: "borderTopRightRadius";
496
- readonly logical: "borderStartEndRadius";
497
- };
498
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
338
+ readonly property: "borderTopRightRadius";
499
339
  readonly scale: "borderRadii";
500
340
  };
501
341
  readonly borderRadiusBottomRight: {
502
- readonly property: {
503
- readonly physical: "borderBottomRightRadius";
504
- readonly logical: "borderEndEndRadius";
505
- };
506
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
342
+ readonly property: "borderBottomRightRadius";
507
343
  readonly scale: "borderRadii";
508
344
  };
509
345
  readonly borderRadiusBottomLeft: {
510
- readonly property: {
511
- readonly physical: "borderBottomLeftRadius";
512
- readonly logical: "borderEndStartRadius";
513
- };
514
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
346
+ readonly property: "borderBottomLeftRadius";
515
347
  readonly scale: "borderRadii";
516
348
  };
517
349
  readonly borderStyle: {
@@ -519,47 +351,23 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
519
351
  };
520
352
  readonly borderStyleX: {
521
353
  readonly property: "borderStyle";
522
- readonly properties: {
523
- readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
524
- readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
525
- };
526
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
354
+ readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
527
355
  };
528
356
  readonly borderStyleY: {
529
357
  readonly property: "borderStyle";
530
- readonly properties: {
531
- readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
532
- readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
533
- };
534
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
358
+ readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
535
359
  };
536
360
  readonly borderStyleLeft: {
537
- readonly property: {
538
- readonly physical: "borderLeftStyle";
539
- readonly logical: "borderInlineStartStyle";
540
- };
541
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
361
+ readonly property: "borderLeftStyle";
542
362
  };
543
363
  readonly borderStyleRight: {
544
- readonly property: {
545
- readonly physical: "borderRightStyle";
546
- readonly logical: "borderInlineEndStyle";
547
- };
548
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
364
+ readonly property: "borderRightStyle";
549
365
  };
550
366
  readonly borderStyleTop: {
551
- readonly property: {
552
- readonly physical: "borderTopStyle";
553
- readonly logical: "borderBlockStartStyle";
554
- };
555
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
367
+ readonly property: "borderTopStyle";
556
368
  };
557
369
  readonly borderStyleBottom: {
558
- readonly property: {
559
- readonly physical: "borderBottomStyle";
560
- readonly logical: "borderBlockEndStyle";
561
- };
562
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
370
+ readonly property: "borderBottomStyle";
563
371
  };
564
372
  }>>]>>;
565
373
  export declare const Svg: import("@emotion/styled").StyledComponent<{
@@ -615,18 +423,10 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
615
423
  readonly property: "overflow";
616
424
  }>;
617
425
  overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
618
- readonly property: {
619
- readonly physical: "overflowX";
620
- readonly logical: "overflowInline";
621
- };
622
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
426
+ readonly property: "overflowX";
623
427
  }>;
624
428
  overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
625
- readonly property: {
626
- readonly physical: "overflowY";
627
- readonly logical: "overflowBlock";
628
- };
629
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
429
+ readonly property: "overflowY";
630
430
  }>;
631
431
  dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
632
432
  readonly property: "width";
@@ -678,40 +478,28 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
678
478
  }>;
679
479
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
680
480
  readonly property: "borderColor";
681
- readonly properties: {
682
- readonly physical: readonly ["borderLeftColor", "borderRightColor"];
683
- readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
684
- };
685
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
481
+ readonly properties: readonly ["borderLeftColor", "borderRightColor"];
686
482
  readonly scale: "colors";
687
483
  }>;
688
484
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
689
485
  readonly property: "borderColor";
690
- readonly properties: {
691
- readonly physical: readonly ["borderTopColor", "borderBottomColor"];
692
- readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
693
- };
694
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
486
+ readonly properties: readonly ["borderTopColor", "borderBottomColor"];
695
487
  readonly scale: "colors";
696
488
  }>;
697
489
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
698
490
  readonly property: "borderLeftColor";
699
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
700
491
  readonly scale: "colors";
701
492
  }>;
702
493
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
703
494
  readonly property: "borderRightColor";
704
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
705
495
  readonly scale: "colors";
706
496
  }>;
707
497
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
708
498
  readonly property: "borderTopColor";
709
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
710
499
  readonly scale: "colors";
711
500
  }>;
712
501
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
713
502
  readonly property: "borderBottomColor";
714
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
715
503
  readonly scale: "colors";
716
504
  }>;
717
505
  p?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -720,53 +508,29 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
720
508
  }>;
721
509
  px?: import("@codecademy/variance/dist/types/config").Scale<{
722
510
  readonly property: "padding";
723
- readonly properties: {
724
- readonly physical: readonly ["paddingLeft", "paddingRight"];
725
- readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
726
- };
511
+ readonly properties: readonly ["paddingLeft", "paddingRight"];
727
512
  readonly scale: "spacing";
728
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
729
513
  }>;
730
514
  py?: import("@codecademy/variance/dist/types/config").Scale<{
731
515
  readonly property: "padding";
732
- readonly properties: {
733
- readonly physical: readonly ["paddingTop", "paddingBottom"];
734
- readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
735
- };
516
+ readonly properties: readonly ["paddingTop", "paddingBottom"];
736
517
  readonly scale: "spacing";
737
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
738
518
  }>;
739
519
  pt?: import("@codecademy/variance/dist/types/config").Scale<{
740
- readonly property: {
741
- readonly physical: "paddingTop";
742
- readonly logical: "paddingBlockStart";
743
- };
520
+ readonly property: "paddingTop";
744
521
  readonly scale: "spacing";
745
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
746
522
  }>;
747
523
  pb?: import("@codecademy/variance/dist/types/config").Scale<{
748
- readonly property: {
749
- readonly physical: "paddingBottom";
750
- readonly logical: "paddingBlockEnd";
751
- };
524
+ readonly property: "paddingBottom";
752
525
  readonly scale: "spacing";
753
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
754
526
  }>;
755
527
  pr?: import("@codecademy/variance/dist/types/config").Scale<{
756
- readonly property: {
757
- readonly physical: "paddingRight";
758
- readonly logical: "paddingInlineEnd";
759
- };
528
+ readonly property: "paddingRight";
760
529
  readonly scale: "spacing";
761
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
762
530
  }>;
763
531
  pl?: import("@codecademy/variance/dist/types/config").Scale<{
764
- readonly property: {
765
- readonly physical: "paddingLeft";
766
- readonly logical: "paddingInlineStart";
767
- };
532
+ readonly property: "paddingLeft";
768
533
  readonly scale: "spacing";
769
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
770
534
  }>;
771
535
  m?: import("@codecademy/variance/dist/types/config").Scale<{
772
536
  readonly property: "margin";
@@ -774,96 +538,52 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
774
538
  }>;
775
539
  mx?: import("@codecademy/variance/dist/types/config").Scale<{
776
540
  readonly property: "margin";
777
- readonly properties: {
778
- readonly physical: readonly ["marginLeft", "marginRight"];
779
- readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
780
- };
781
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
541
+ readonly properties: readonly ["marginLeft", "marginRight"];
782
542
  readonly scale: "spacing";
783
543
  }>;
784
544
  my?: import("@codecademy/variance/dist/types/config").Scale<{
785
545
  readonly property: "margin";
786
- readonly properties: {
787
- readonly physical: readonly ["marginTop", "marginBottom"];
788
- readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
789
- };
790
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
546
+ readonly properties: readonly ["marginTop", "marginBottom"];
791
547
  readonly scale: "spacing";
792
548
  }>;
793
549
  mt?: import("@codecademy/variance/dist/types/config").Scale<{
794
- readonly property: {
795
- readonly physical: "marginTop";
796
- readonly logical: "marginBlockStart";
797
- };
550
+ readonly property: "marginTop";
798
551
  readonly scale: "spacing";
799
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
800
552
  }>;
801
553
  mb?: import("@codecademy/variance/dist/types/config").Scale<{
802
- readonly property: {
803
- readonly physical: "marginBottom";
804
- readonly logical: "marginBlockEnd";
805
- };
554
+ readonly property: "marginBottom";
806
555
  readonly scale: "spacing";
807
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
808
556
  }>;
809
557
  mr?: import("@codecademy/variance/dist/types/config").Scale<{
810
- readonly property: {
811
- readonly physical: "marginRight";
812
- readonly logical: "marginInlineEnd";
813
- };
558
+ readonly property: "marginRight";
814
559
  readonly scale: "spacing";
815
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
816
560
  }>;
817
561
  ml?: import("@codecademy/variance/dist/types/config").Scale<{
818
- readonly property: {
819
- readonly physical: "marginLeft";
820
- readonly logical: "marginInlineStart";
821
- };
562
+ readonly property: "marginLeft";
822
563
  readonly scale: "spacing";
823
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
824
564
  }>;
825
565
  position?: import("@codecademy/variance/dist/types/config").Scale<{
826
566
  readonly property: "position";
827
567
  }>;
828
568
  inset?: import("@codecademy/variance/dist/types/config").Scale<{
829
569
  readonly property: "inset";
830
- readonly properties: {
831
- readonly physical: readonly ["top", "right", "bottom", "left"];
832
- readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"];
833
- };
834
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
570
+ readonly properties: readonly ["top", "right", "bottom", "left"];
835
571
  readonly transform: (value: string | number) => string | 0;
836
572
  }>;
837
573
  top?: import("@codecademy/variance/dist/types/config").Scale<{
838
- readonly property: {
839
- readonly physical: "top";
840
- readonly logical: "insetBlockStart";
841
- };
842
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
574
+ readonly property: "top";
843
575
  readonly transform: (value: string | number) => string | 0;
844
576
  }>;
845
577
  right?: import("@codecademy/variance/dist/types/config").Scale<{
846
- readonly property: {
847
- readonly physical: "right";
848
- readonly logical: "insetInlineEnd";
849
- };
850
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
578
+ readonly property: "right";
851
579
  readonly transform: (value: string | number) => string | 0;
852
580
  }>;
853
581
  bottom?: import("@codecademy/variance/dist/types/config").Scale<{
854
- readonly property: {
855
- readonly physical: "bottom";
856
- readonly logical: "insetBlockEnd";
857
- };
858
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
582
+ readonly property: "bottom";
859
583
  readonly transform: (value: string | number) => string | 0;
860
584
  }>;
861
585
  left?: import("@codecademy/variance/dist/types/config").Scale<{
862
- readonly property: {
863
- readonly physical: "left";
864
- readonly logical: "insetInlineStart";
865
- };
866
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
586
+ readonly property: "left";
867
587
  readonly transform: (value: string | number) => string | 0;
868
588
  }>;
869
589
  zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -878,52 +598,28 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
878
598
  }>;
879
599
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
880
600
  readonly property: "border";
881
- readonly properties: {
882
- readonly physical: readonly ["borderLeft", "borderRight"];
883
- readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
884
- };
885
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
601
+ readonly properties: readonly ["borderLeft", "borderRight"];
886
602
  readonly scale: "borders";
887
603
  }>;
888
604
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
889
605
  readonly property: "border";
890
- readonly properties: {
891
- readonly physical: readonly ["borderTop", "borderBottom"];
892
- readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
893
- };
894
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
606
+ readonly properties: readonly ["borderTop", "borderBottom"];
895
607
  readonly scale: "borders";
896
608
  }>;
897
609
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
898
- readonly property: {
899
- readonly physical: "borderTop";
900
- readonly logical: "borderBlockStart";
901
- };
902
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
610
+ readonly property: "borderTop";
903
611
  readonly scale: "borders";
904
612
  }>;
905
613
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
906
- readonly property: {
907
- readonly physical: "borderRight";
908
- readonly logical: "borderInlineEnd";
909
- };
910
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
614
+ readonly property: "borderRight";
911
615
  readonly scale: "borders";
912
616
  }>;
913
617
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
914
- readonly property: {
915
- readonly physical: "borderBottom";
916
- readonly logical: "borderBlockEnd";
917
- };
918
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
618
+ readonly property: "borderBottom";
919
619
  readonly scale: "borders";
920
620
  }>;
921
621
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
922
- readonly property: {
923
- readonly physical: "borderLeft";
924
- readonly logical: "borderInlineStart";
925
- };
926
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
622
+ readonly property: "borderLeft";
927
623
  readonly scale: "borders";
928
624
  }>;
929
625
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -931,47 +627,23 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
931
627
  }>;
932
628
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
933
629
  readonly property: "borderWidth";
934
- readonly properties: {
935
- readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
936
- readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
937
- };
938
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
630
+ readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
939
631
  }>;
940
632
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
941
633
  readonly property: "borderWidth";
942
- readonly properties: {
943
- readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
944
- readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
945
- };
946
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
634
+ readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
947
635
  }>;
948
636
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
949
- readonly property: {
950
- readonly physical: "borderLeftWidth";
951
- readonly logical: "borderInlineStartWidth";
952
- };
953
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
637
+ readonly property: "borderLeftWidth";
954
638
  }>;
955
639
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
956
- readonly property: {
957
- readonly physical: "borderRightWidth";
958
- readonly logical: "borderInlineEndWidth";
959
- };
960
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
640
+ readonly property: "borderRightWidth";
961
641
  }>;
962
642
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
963
- readonly property: {
964
- readonly physical: "borderTopWidth";
965
- readonly logical: "borderBlockStartWidth";
966
- };
967
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
643
+ readonly property: "borderTopWidth";
968
644
  }>;
969
645
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
970
- readonly property: {
971
- readonly physical: "borderBottomWidth";
972
- readonly logical: "borderBlockEndWidth";
973
- };
974
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
646
+ readonly property: "borderBottomWidth";
975
647
  }>;
976
648
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
977
649
  readonly property: "borderRadius";
@@ -979,70 +651,38 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
979
651
  }>;
980
652
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
981
653
  readonly property: "borderRadius";
982
- readonly properties: {
983
- readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
984
- readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
985
- };
986
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
654
+ readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
987
655
  readonly scale: "borderRadii";
988
656
  }>;
989
657
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
990
658
  readonly property: "borderRadius";
991
- readonly properties: {
992
- readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
993
- readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
994
- };
995
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
659
+ readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
996
660
  readonly scale: "borderRadii";
997
661
  }>;
998
662
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
999
663
  readonly property: "borderRadius";
1000
- readonly properties: {
1001
- readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1002
- readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
1003
- };
1004
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
664
+ readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1005
665
  readonly scale: "borderRadii";
1006
666
  }>;
1007
667
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
1008
668
  readonly property: "borderRadius";
1009
- readonly properties: {
1010
- readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1011
- readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
1012
- };
1013
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
669
+ readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1014
670
  readonly scale: "borderRadii";
1015
671
  }>;
1016
672
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1017
- readonly property: {
1018
- readonly physical: "borderTopLeftRadius";
1019
- readonly logical: "borderStartStartRadius";
1020
- };
1021
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
673
+ readonly property: "borderTopLeftRadius";
1022
674
  readonly scale: "borderRadii";
1023
675
  }>;
1024
676
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
1025
- readonly property: {
1026
- readonly physical: "borderTopRightRadius";
1027
- readonly logical: "borderStartEndRadius";
1028
- };
1029
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
677
+ readonly property: "borderTopRightRadius";
1030
678
  readonly scale: "borderRadii";
1031
679
  }>;
1032
680
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
1033
- readonly property: {
1034
- readonly physical: "borderBottomRightRadius";
1035
- readonly logical: "borderEndEndRadius";
1036
- };
1037
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
681
+ readonly property: "borderBottomRightRadius";
1038
682
  readonly scale: "borderRadii";
1039
683
  }>;
1040
684
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1041
- readonly property: {
1042
- readonly physical: "borderBottomLeftRadius";
1043
- readonly logical: "borderEndStartRadius";
1044
- };
1045
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
685
+ readonly property: "borderBottomLeftRadius";
1046
686
  readonly scale: "borderRadii";
1047
687
  }>;
1048
688
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1050,49 +690,25 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
1050
690
  }>;
1051
691
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
1052
692
  readonly property: "borderStyle";
1053
- readonly properties: {
1054
- readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
1055
- readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
1056
- };
1057
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
693
+ readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
1058
694
  }>;
1059
695
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
1060
696
  readonly property: "borderStyle";
1061
- readonly properties: {
1062
- readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
1063
- readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
1064
- };
1065
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
697
+ readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
1066
698
  }>;
1067
699
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
1068
- readonly property: {
1069
- readonly physical: "borderLeftStyle";
1070
- readonly logical: "borderInlineStartStyle";
1071
- };
1072
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
700
+ readonly property: "borderLeftStyle";
1073
701
  }>;
1074
702
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
1075
- readonly property: {
1076
- readonly physical: "borderRightStyle";
1077
- readonly logical: "borderInlineEndStyle";
1078
- };
1079
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
703
+ readonly property: "borderRightStyle";
1080
704
  }>;
1081
705
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
1082
- readonly property: {
1083
- readonly physical: "borderTopStyle";
1084
- readonly logical: "borderBlockStartStyle";
1085
- };
1086
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
706
+ readonly property: "borderTopStyle";
1087
707
  }>;
1088
708
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1089
- readonly property: {
1090
- readonly physical: "borderBottomStyle";
1091
- readonly logical: "borderBlockEndStyle";
1092
- };
1093
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
709
+ readonly property: "borderBottomStyle";
1094
710
  }>;
1095
711
  } & {
1096
712
  theme?: import("@emotion/react").Theme | undefined;
1097
- }, Pick<import("react").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" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "method" | "style" | "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" | "path" | "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">, {}>;
713
+ }, Pick<import("react").SVGProps<SVGSVGElement>, "string" | "scale" | "filter" | "fill" | "values" | "spacing" | "name" | "alignmentBaseline" | "baselineShift" | "clipPath" | "clipRule" | "colorInterpolationFilters" | "cursor" | "cx" | "cy" | "d" | "direction" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontSizeAdjust" | "fontVariant" | "imageRendering" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "paintOrder" | "pointerEvents" | "r" | "rotate" | "rx" | "ry" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textRendering" | "transform" | "transformOrigin" | "unicodeBidi" | "vectorEffect" | "visibility" | "wordSpacing" | "writingMode" | "x" | "y" | "mask" | "offset" | "min" | "max" | "end" | "clip" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "method" | "style" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolation" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "fontStretch" | "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" | "limitingConeAngle" | "local" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "path" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "seed" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "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" | "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">, {}>;
1098
714
  export {};
package/dist/svg/mini/mini-reply-to-message-icon.svg ADDED
@@ -0,0 +1,8 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <mask id="mask0_124902_52001" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M10.2857 0.571446C10.2857 0.340323 10.1465 0.13196 9.93296 0.0435141C9.71943 -0.0449321 9.47366 0.00395682 9.31023 0.167384L7.59594 1.88167C7.37278 2.10482 7.37278 2.46664 7.59594 2.68979L9.31023 4.40408C9.47366 4.56751 9.71943 4.61639 9.93296 4.52794C10.1465 4.4395 10.2857 4.23114 10.2857 4.00001V3.14286H14C14.0758 3.14286 14.1485 3.17296 14.2021 3.22654C14.2557 3.28013 14.2857 3.3528 14.2857 3.42857V11.1429C14.2857 11.2186 14.2557 11.2913 14.2021 11.3449C14.1485 11.3985 14.0758 11.4286 14 11.4286H7.56571C7.37086 11.4286 7.18181 11.495 7.02974 11.6168L4.85714 13.3577V12.2857C4.85714 11.8123 4.47338 11.4286 4 11.4286H2C1.92423 11.4286 1.85155 11.3985 1.79797 11.3449C1.74439 11.2913 1.71429 11.2186 1.71429 11.1429V3.42857C1.71429 3.3528 1.74439 3.28013 1.79797 3.22654C1.85155 3.17296 1.92423 3.14286 2 3.14286H5.14286C5.61624 3.14286 6 2.7591 6 2.28571C6 1.81233 5.61624 1.42857 5.14286 1.42857H2C1.46957 1.42857 0.960859 1.63928 0.585786 2.01435C0.210714 2.38943 0 2.89814 0 3.42857V11.1429C0 11.6733 0.210714 12.1819 0.585786 12.557C0.960859 12.9321 1.46957 13.1429 2 13.1429H3.14286V15.1429C3.14286 15.4725 3.33186 15.7729 3.62899 15.9155C3.92614 16.0582 4.27875 16.0178 4.53598 15.8118L7.86675 13.1429H14C14.5304 13.1429 15.0391 12.9321 15.4142 12.557C15.7893 12.1819 16 11.6733 16 11.1429V3.42857C16 2.89814 15.7893 2.38943 15.4142 2.01435C15.0391 1.63928 14.5304 1.42857 14 1.42857H10.2857V0.571446ZM4.85714 8.71429C5.48832 8.71429 6 8.20261 6 7.57143C6 6.94025 5.48832 6.42857 4.85714 6.42857C4.22597 6.42857 3.71429 6.94025 3.71429 7.57143C3.71429 8.20261 4.22597 8.71429 4.85714 8.71429ZM8 8.71429C8.63118 8.71429 9.14286 8.20261 9.14286 7.57143C9.14286 6.94025 8.63118 6.42857 8 6.42857C7.36882 6.42857 6.85714 6.94025 6.85714 7.57143C6.85714 8.20261 7.36882 8.71429 8 8.71429ZM12.2857 7.57143C12.2857 8.20261 11.7741 8.71429 11.1429 8.71429C10.5117 8.71429 10 8.20261 10 7.57143C10 6.94025 10.5117 6.42857 11.1429 6.42857C11.7741 6.42857 12.2857 6.94025 12.2857 7.57143Z" fill="#000"/>
4
+ </mask>
5
+ <g mask="url(#mask0_124902_52001)">
6
+ <rect width="16" height="16" fill="#000"/>
7
+ </g>
8
+ </svg>
package/dist/svg/mini/mini-smiley-add-reaction-icon.svg ADDED
@@ -0,0 +1,15 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_124902_52004)">
3
+ <mask id="mask0_124902_52004" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M13.1429 0.857143C13.1429 0.383755 12.7591 0 12.2857 0C11.8123 0 11.4286 0.383755 11.4286 0.857143V2.85714H9.42857C8.95519 2.85714 8.57143 3.2409 8.57143 3.71429C8.57143 4.18767 8.95519 4.57143 9.42857 4.57143H11.4286V6.57143C11.4286 7.04481 11.8123 7.42857 12.2857 7.42857C12.7591 7.42857 13.1429 7.04481 13.1429 6.57143V4.57143H15.1429C15.6162 4.57143 16 4.18767 16 3.71429C16 3.2409 15.6162 2.85714 15.1429 2.85714H13.1429V0.857143ZM7.15391 3.48805C7.14659 3.56247 7.14286 3.63794 7.14286 3.71429C7.14286 4.97665 8.16621 6 9.42857 6H10V6.57143C10 7.83379 11.0233 8.85714 12.2857 8.85714C12.3621 8.85714 12.4375 8.85341 12.512 8.84609C12.5512 9.12987 12.5714 9.41971 12.5714 9.71429C12.5714 13.1858 9.75722 16 6.28571 16C2.81421 16 0 13.1858 0 9.71429C0 6.24278 2.81421 3.42857 6.28571 3.42857C6.58029 3.42857 6.87013 3.44883 7.15391 3.48805ZM3.12072 8C3.12072 8.55229 3.56843 9 4.12072 9C4.67301 9 5.12072 8.55229 5.12072 8C5.12072 7.44771 4.67301 7 4.12072 7C3.56843 7 3.12072 7.44771 3.12072 8ZM3.22501 10.0436C3.60311 9.9311 4.00085 10.1464 4.11337 10.5245C4.39213 11.4611 5.26032 12.143 6.2859 12.143C7.31149 12.143 8.17968 11.4611 8.45843 10.5245C8.57096 10.1464 8.9687 9.9311 9.3468 10.0436C9.72489 10.1562 9.94018 10.5539 9.82766 10.932C9.37358 12.4577 7.96074 13.5715 6.2859 13.5715C4.61106 13.5715 3.19823 12.4577 2.74415 10.932C2.63162 10.5539 2.84691 10.1562 3.22501 10.0436ZM7.12072 8C7.12072 8.55229 7.56843 9 8.12072 9C8.67301 9 9.12072 8.55229 9.12072 8C9.12072 7.44771 8.67301 7 8.12072 7C7.56843 7 7.12072 7.44771 7.12072 8Z" fill="#000"/>
5
+ </mask>
6
+ <g mask="url(#mask0_124902_52004)">
7
+ <rect width="16" height="16" fill="#000"/>
8
+ </g>
9
+ </g>
10
+ <defs>
11
+ <clipPath id="clip0_124902_52004">
12
+ <rect width="16" height="16" fill="white"/>
13
+ </clipPath>
14
+ </defs>
15
+ </svg>
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@codecademy/gamut-icons",
3
3
  "description": "Icon library for codecademy.com",
4
- "version": "9.56.0-alpha.f9ca97.0",
4
+ "version": "9.56.0",
5
5
  "author": "Codecademy <dev@codecademy.com>",
6
6
  "dependencies": {
7
- "@codecademy/gamut-styles": "17.12.0-alpha.f9ca97.0",
8
- "@codecademy/variance": "0.26.0-alpha.f9ca97.0"
7
+ "@codecademy/gamut-styles": "17.11.3",
8
+ "@codecademy/variance": "0.25.2"
9
9
  },
10
10
  "files": [
11
11
  "dist"
@@ -17,7 +17,7 @@
17
17
  "@emotion/react": "^11.4.0",
18
18
  "@emotion/styled": "^11.3.0",
19
19
  "lodash": "^4.17.23",
20
- "react": "^17.0.2 || ^18.2.0"
20
+ "react": "^17.0.2 || ^18.3.0"
21
21
  },
22
22
  "publishConfig": {
23
23
  "access": "public"
@@ -29,5 +29,5 @@
29
29
  },
30
30
  "sideEffects": false,
31
31
  "types": "dist/index.d.ts",
32
- "gitHead": "d73668577cae898037fa05bed7b91cc4c7312a9d"
32
+ "gitHead": "ea99df2e216b5647393a0f2b53ff920b2bbd4041"
33
33
  }