@codecademy/gamut-icons 9.54.3-alpha.f12c24.0 → 9.55.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.
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { GamutIconProps } from '../../props';
3
+ export declare const LiveLearningIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,57 @@
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 LiveLearningIcon = /*#__PURE__*/React.forwardRef(({
6
+ title,
7
+ titleId,
8
+ size = 16,
9
+ height = size,
10
+ width = size,
11
+ ...props
12
+ }, svgRef) => {
13
+ const maskId = useIconId('LiveLearningIcon');
14
+ return /*#__PURE__*/_jsxs(Svg, {
15
+ xmlns: "http://www.w3.org/2000/svg",
16
+ fill: "#fff",
17
+ viewBox: "0 0 24 24",
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("path", {
32
+ fill: "transparent",
33
+ stroke: "#fff",
34
+ strokeLinecap: "round",
35
+ strokeLinejoin: "round",
36
+ strokeMiterlimit: 10,
37
+ strokeWidth: 1.5,
38
+ d: "M11.3 7.8a2.2 2.2 0 110-4.4 2.2 2.2 0 010 4.4zm-3.4 4.5c0-1.9 1.5-3.4 3.4-3.4s3.4 1.5 3.4 3.4m3.55 4.15s-.5-1.4-4.3-1.6c-.4 0-.7.2-.7.5v5.8c0 .3.3.5.6.5 3.9.1 4.4 1.6 4.4 1.6v-6.8zm0 0s.5-1.4 4.3-1.6c.4 0 .7.2.7.5v5.8c0 .3-.3.5-.6.5-3.9.1-4.4 1.6-4.4 1.6"
39
+ }), /*#__PURE__*/_jsx("path", {
40
+ fill: "transparent",
41
+ stroke: "#fff",
42
+ strokeLinecap: "round",
43
+ strokeLinejoin: "round",
44
+ strokeMiterlimit: 10,
45
+ strokeWidth: 1.5,
46
+ d: "M21.35 12.15v-10c0-.8-.6-1.4-1.4-1.4H2.15c-.8 0-1.4.6-1.4 1.4v13.7c0 .8.6 1.4 1.4 1.4h7.8m-1.3 0l-.7 4m1.75 0H6.95"
47
+ })]
48
+ }), /*#__PURE__*/_jsx("g", {
49
+ mask: `url(#${maskId})`,
50
+ children: /*#__PURE__*/_jsx("rect", {
51
+ width: `100%`,
52
+ height: `100%`,
53
+ fill: `currentColor`
54
+ })
55
+ })]
56
+ });
57
+ });
@@ -167,6 +167,7 @@ export * from './LinkedinIcon';
167
167
  export * from './LinkedinOutlineIcon';
168
168
  export * from './ListIcon';
169
169
  export * from './ListeningIcon';
170
+ export * from './LiveLearningIcon';
170
171
  export * from './LiveVideoIcon';
171
172
  export * from './LocationPinIcon';
172
173
  export * from './LockHeavyIcon';
@@ -167,6 +167,7 @@ export * from './LinkedinIcon';
167
167
  export * from './LinkedinOutlineIcon';
168
168
  export * from './ListIcon';
169
169
  export * from './ListeningIcon';
170
+ export * from './LiveLearningIcon';
170
171
  export * from './LiveVideoIcon';
171
172
  export * from './LocationPinIcon';
172
173
  export * from './LockHeavyIcon';
package/dist/props.d.ts CHANGED
@@ -167,53 +167,29 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
167
167
  };
168
168
  readonly px: {
169
169
  readonly property: "padding";
170
- readonly properties: {
171
- readonly physical: readonly ["paddingLeft", "paddingRight"];
172
- readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
173
- };
170
+ readonly properties: readonly ["paddingLeft", "paddingRight"];
174
171
  readonly scale: "spacing";
175
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
176
172
  };
177
173
  readonly py: {
178
174
  readonly property: "padding";
179
- readonly properties: {
180
- readonly physical: readonly ["paddingTop", "paddingBottom"];
181
- readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
182
- };
175
+ readonly properties: readonly ["paddingTop", "paddingBottom"];
183
176
  readonly scale: "spacing";
184
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
185
177
  };
186
178
  readonly pt: {
187
- readonly property: {
188
- readonly physical: "paddingTop";
189
- readonly logical: "paddingBlockStart";
190
- };
179
+ readonly property: "paddingTop";
191
180
  readonly scale: "spacing";
192
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
193
181
  };
194
182
  readonly pb: {
195
- readonly property: {
196
- readonly physical: "paddingBottom";
197
- readonly logical: "paddingBlockEnd";
198
- };
183
+ readonly property: "paddingBottom";
199
184
  readonly scale: "spacing";
200
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
201
185
  };
202
186
  readonly pr: {
203
- readonly property: {
204
- readonly physical: "paddingRight";
205
- readonly logical: "paddingInlineEnd";
206
- };
187
+ readonly property: "paddingRight";
207
188
  readonly scale: "spacing";
208
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
209
189
  };
210
190
  readonly pl: {
211
- readonly property: {
212
- readonly physical: "paddingLeft";
213
- readonly logical: "paddingInlineStart";
214
- };
191
+ readonly property: "paddingLeft";
215
192
  readonly scale: "spacing";
216
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
217
193
  };
218
194
  readonly m: {
219
195
  readonly property: "margin";
@@ -221,53 +197,29 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
221
197
  };
222
198
  readonly mx: {
223
199
  readonly property: "margin";
224
- readonly properties: {
225
- readonly physical: readonly ["marginLeft", "marginRight"];
226
- readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
227
- };
228
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
200
+ readonly properties: readonly ["marginLeft", "marginRight"];
229
201
  readonly scale: "spacing";
230
202
  };
231
203
  readonly my: {
232
204
  readonly property: "margin";
233
- readonly properties: {
234
- readonly physical: readonly ["marginTop", "marginBottom"];
235
- readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
236
- };
237
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
205
+ readonly properties: readonly ["marginTop", "marginBottom"];
238
206
  readonly scale: "spacing";
239
207
  };
240
208
  readonly mt: {
241
- readonly property: {
242
- readonly physical: "marginTop";
243
- readonly logical: "marginBlockStart";
244
- };
209
+ readonly property: "marginTop";
245
210
  readonly scale: "spacing";
246
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
247
211
  };
248
212
  readonly mb: {
249
- readonly property: {
250
- readonly physical: "marginBottom";
251
- readonly logical: "marginBlockEnd";
252
- };
213
+ readonly property: "marginBottom";
253
214
  readonly scale: "spacing";
254
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
255
215
  };
256
216
  readonly mr: {
257
- readonly property: {
258
- readonly physical: "marginRight";
259
- readonly logical: "marginInlineEnd";
260
- };
217
+ readonly property: "marginRight";
261
218
  readonly scale: "spacing";
262
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
263
219
  };
264
220
  readonly ml: {
265
- readonly property: {
266
- readonly physical: "marginLeft";
267
- readonly logical: "marginInlineStart";
268
- };
221
+ readonly property: "marginLeft";
269
222
  readonly scale: "spacing";
270
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
271
223
  };
272
224
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
273
225
  readonly position: {
@@ -307,52 +259,28 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
307
259
  };
308
260
  readonly borderX: {
309
261
  readonly property: "border";
310
- readonly properties: {
311
- readonly physical: readonly ["borderLeft", "borderRight"];
312
- readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
313
- };
314
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
262
+ readonly properties: readonly ["borderLeft", "borderRight"];
315
263
  readonly scale: "borders";
316
264
  };
317
265
  readonly borderY: {
318
266
  readonly property: "border";
319
- readonly properties: {
320
- readonly physical: readonly ["borderTop", "borderBottom"];
321
- readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
322
- };
323
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
267
+ readonly properties: readonly ["borderTop", "borderBottom"];
324
268
  readonly scale: "borders";
325
269
  };
326
270
  readonly borderTop: {
327
- readonly property: {
328
- readonly physical: "borderTop";
329
- readonly logical: "borderBlockStart";
330
- };
331
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
271
+ readonly property: "borderTop";
332
272
  readonly scale: "borders";
333
273
  };
334
274
  readonly borderRight: {
335
- readonly property: {
336
- readonly physical: "borderRight";
337
- readonly logical: "borderInlineEnd";
338
- };
339
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
275
+ readonly property: "borderRight";
340
276
  readonly scale: "borders";
341
277
  };
342
278
  readonly borderBottom: {
343
- readonly property: {
344
- readonly physical: "borderBottom";
345
- readonly logical: "borderBlockEnd";
346
- };
347
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
279
+ readonly property: "borderBottom";
348
280
  readonly scale: "borders";
349
281
  };
350
282
  readonly borderLeft: {
351
- readonly property: {
352
- readonly physical: "borderLeft";
353
- readonly logical: "borderInlineStart";
354
- };
355
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
283
+ readonly property: "borderLeft";
356
284
  readonly scale: "borders";
357
285
  };
358
286
  readonly borderWidth: {
@@ -360,47 +288,23 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
360
288
  };
361
289
  readonly borderWidthX: {
362
290
  readonly property: "borderWidth";
363
- readonly properties: {
364
- readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
365
- readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
366
- };
367
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
291
+ readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
368
292
  };
369
293
  readonly borderWidthY: {
370
294
  readonly property: "borderWidth";
371
- readonly properties: {
372
- readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
373
- readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
374
- };
375
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
295
+ readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
376
296
  };
377
297
  readonly borderWidthLeft: {
378
- readonly property: {
379
- readonly physical: "borderLeftWidth";
380
- readonly logical: "borderInlineStartWidth";
381
- };
382
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
298
+ readonly property: "borderLeftWidth";
383
299
  };
384
300
  readonly borderWidthRight: {
385
- readonly property: {
386
- readonly physical: "borderRightWidth";
387
- readonly logical: "borderInlineEndWidth";
388
- };
389
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
301
+ readonly property: "borderRightWidth";
390
302
  };
391
303
  readonly borderWidthTop: {
392
- readonly property: {
393
- readonly physical: "borderTopWidth";
394
- readonly logical: "borderBlockStartWidth";
395
- };
396
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
304
+ readonly property: "borderTopWidth";
397
305
  };
398
306
  readonly borderWidthBottom: {
399
- readonly property: {
400
- readonly physical: "borderBottomWidth";
401
- readonly logical: "borderBlockEndWidth";
402
- };
403
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
307
+ readonly property: "borderBottomWidth";
404
308
  };
405
309
  readonly borderRadius: {
406
310
  readonly property: "borderRadius";
@@ -408,70 +312,38 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
408
312
  };
409
313
  readonly borderRadiusLeft: {
410
314
  readonly property: "borderRadius";
411
- readonly properties: {
412
- readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
413
- readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
414
- };
415
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
315
+ readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
416
316
  readonly scale: "borderRadii";
417
317
  };
418
318
  readonly borderRadiusTop: {
419
319
  readonly property: "borderRadius";
420
- readonly properties: {
421
- readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
422
- readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
423
- };
424
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
320
+ readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
425
321
  readonly scale: "borderRadii";
426
322
  };
427
323
  readonly borderRadiusBottom: {
428
324
  readonly property: "borderRadius";
429
- readonly properties: {
430
- readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
431
- readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
432
- };
433
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
325
+ readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
434
326
  readonly scale: "borderRadii";
435
327
  };
436
328
  readonly borderRadiusRight: {
437
329
  readonly property: "borderRadius";
438
- readonly properties: {
439
- readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
440
- readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
441
- };
442
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
330
+ readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
443
331
  readonly scale: "borderRadii";
444
332
  };
445
333
  readonly borderRadiusTopLeft: {
446
- readonly property: {
447
- readonly physical: "borderTopLeftRadius";
448
- readonly logical: "borderStartStartRadius";
449
- };
450
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
334
+ readonly property: "borderTopLeftRadius";
451
335
  readonly scale: "borderRadii";
452
336
  };
453
337
  readonly borderRadiusTopRight: {
454
- readonly property: {
455
- readonly physical: "borderTopRightRadius";
456
- readonly logical: "borderStartEndRadius";
457
- };
458
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
338
+ readonly property: "borderTopRightRadius";
459
339
  readonly scale: "borderRadii";
460
340
  };
461
341
  readonly borderRadiusBottomRight: {
462
- readonly property: {
463
- readonly physical: "borderBottomRightRadius";
464
- readonly logical: "borderEndEndRadius";
465
- };
466
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
342
+ readonly property: "borderBottomRightRadius";
467
343
  readonly scale: "borderRadii";
468
344
  };
469
345
  readonly borderRadiusBottomLeft: {
470
- readonly property: {
471
- readonly physical: "borderBottomLeftRadius";
472
- readonly logical: "borderEndStartRadius";
473
- };
474
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
346
+ readonly property: "borderBottomLeftRadius";
475
347
  readonly scale: "borderRadii";
476
348
  };
477
349
  readonly borderStyle: {
@@ -479,47 +351,23 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
479
351
  };
480
352
  readonly borderStyleX: {
481
353
  readonly property: "borderStyle";
482
- readonly properties: {
483
- readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
484
- readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
485
- };
486
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
354
+ readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
487
355
  };
488
356
  readonly borderStyleY: {
489
357
  readonly property: "borderStyle";
490
- readonly properties: {
491
- readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
492
- readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
493
- };
494
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
358
+ readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
495
359
  };
496
360
  readonly borderStyleLeft: {
497
- readonly property: {
498
- readonly physical: "borderLeftStyle";
499
- readonly logical: "borderInlineStartStyle";
500
- };
501
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
361
+ readonly property: "borderLeftStyle";
502
362
  };
503
363
  readonly borderStyleRight: {
504
- readonly property: {
505
- readonly physical: "borderRightStyle";
506
- readonly logical: "borderInlineEndStyle";
507
- };
508
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
364
+ readonly property: "borderRightStyle";
509
365
  };
510
366
  readonly borderStyleTop: {
511
- readonly property: {
512
- readonly physical: "borderTopStyle";
513
- readonly logical: "borderBlockStartStyle";
514
- };
515
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
367
+ readonly property: "borderTopStyle";
516
368
  };
517
369
  readonly borderStyleBottom: {
518
- readonly property: {
519
- readonly physical: "borderBottomStyle";
520
- readonly logical: "borderBlockEndStyle";
521
- };
522
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
370
+ readonly property: "borderBottomStyle";
523
371
  };
524
372
  }>>]>>;
525
373
  export declare const Svg: import("@emotion/styled").StyledComponent<{
@@ -660,53 +508,29 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
660
508
  }>;
661
509
  px?: import("@codecademy/variance/dist/types/config").Scale<{
662
510
  readonly property: "padding";
663
- readonly properties: {
664
- readonly physical: readonly ["paddingLeft", "paddingRight"];
665
- readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
666
- };
511
+ readonly properties: readonly ["paddingLeft", "paddingRight"];
667
512
  readonly scale: "spacing";
668
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
669
513
  }>;
670
514
  py?: import("@codecademy/variance/dist/types/config").Scale<{
671
515
  readonly property: "padding";
672
- readonly properties: {
673
- readonly physical: readonly ["paddingTop", "paddingBottom"];
674
- readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
675
- };
516
+ readonly properties: readonly ["paddingTop", "paddingBottom"];
676
517
  readonly scale: "spacing";
677
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
678
518
  }>;
679
519
  pt?: import("@codecademy/variance/dist/types/config").Scale<{
680
- readonly property: {
681
- readonly physical: "paddingTop";
682
- readonly logical: "paddingBlockStart";
683
- };
520
+ readonly property: "paddingTop";
684
521
  readonly scale: "spacing";
685
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
686
522
  }>;
687
523
  pb?: import("@codecademy/variance/dist/types/config").Scale<{
688
- readonly property: {
689
- readonly physical: "paddingBottom";
690
- readonly logical: "paddingBlockEnd";
691
- };
524
+ readonly property: "paddingBottom";
692
525
  readonly scale: "spacing";
693
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
694
526
  }>;
695
527
  pr?: import("@codecademy/variance/dist/types/config").Scale<{
696
- readonly property: {
697
- readonly physical: "paddingRight";
698
- readonly logical: "paddingInlineEnd";
699
- };
528
+ readonly property: "paddingRight";
700
529
  readonly scale: "spacing";
701
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
702
530
  }>;
703
531
  pl?: import("@codecademy/variance/dist/types/config").Scale<{
704
- readonly property: {
705
- readonly physical: "paddingLeft";
706
- readonly logical: "paddingInlineStart";
707
- };
532
+ readonly property: "paddingLeft";
708
533
  readonly scale: "spacing";
709
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
710
534
  }>;
711
535
  m?: import("@codecademy/variance/dist/types/config").Scale<{
712
536
  readonly property: "margin";
@@ -714,53 +538,29 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
714
538
  }>;
715
539
  mx?: import("@codecademy/variance/dist/types/config").Scale<{
716
540
  readonly property: "margin";
717
- readonly properties: {
718
- readonly physical: readonly ["marginLeft", "marginRight"];
719
- readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
720
- };
721
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
541
+ readonly properties: readonly ["marginLeft", "marginRight"];
722
542
  readonly scale: "spacing";
723
543
  }>;
724
544
  my?: import("@codecademy/variance/dist/types/config").Scale<{
725
545
  readonly property: "margin";
726
- readonly properties: {
727
- readonly physical: readonly ["marginTop", "marginBottom"];
728
- readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
729
- };
730
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
546
+ readonly properties: readonly ["marginTop", "marginBottom"];
731
547
  readonly scale: "spacing";
732
548
  }>;
733
549
  mt?: import("@codecademy/variance/dist/types/config").Scale<{
734
- readonly property: {
735
- readonly physical: "marginTop";
736
- readonly logical: "marginBlockStart";
737
- };
550
+ readonly property: "marginTop";
738
551
  readonly scale: "spacing";
739
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
740
552
  }>;
741
553
  mb?: import("@codecademy/variance/dist/types/config").Scale<{
742
- readonly property: {
743
- readonly physical: "marginBottom";
744
- readonly logical: "marginBlockEnd";
745
- };
554
+ readonly property: "marginBottom";
746
555
  readonly scale: "spacing";
747
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
748
556
  }>;
749
557
  mr?: import("@codecademy/variance/dist/types/config").Scale<{
750
- readonly property: {
751
- readonly physical: "marginRight";
752
- readonly logical: "marginInlineEnd";
753
- };
558
+ readonly property: "marginRight";
754
559
  readonly scale: "spacing";
755
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
756
560
  }>;
757
561
  ml?: import("@codecademy/variance/dist/types/config").Scale<{
758
- readonly property: {
759
- readonly physical: "marginLeft";
760
- readonly logical: "marginInlineStart";
761
- };
562
+ readonly property: "marginLeft";
762
563
  readonly scale: "spacing";
763
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
764
564
  }>;
765
565
  position?: import("@codecademy/variance/dist/types/config").Scale<{
766
566
  readonly property: "position";
@@ -798,52 +598,28 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
798
598
  }>;
799
599
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
800
600
  readonly property: "border";
801
- readonly properties: {
802
- readonly physical: readonly ["borderLeft", "borderRight"];
803
- readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
804
- };
805
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
601
+ readonly properties: readonly ["borderLeft", "borderRight"];
806
602
  readonly scale: "borders";
807
603
  }>;
808
604
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
809
605
  readonly property: "border";
810
- readonly properties: {
811
- readonly physical: readonly ["borderTop", "borderBottom"];
812
- readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
813
- };
814
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
606
+ readonly properties: readonly ["borderTop", "borderBottom"];
815
607
  readonly scale: "borders";
816
608
  }>;
817
609
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
818
- readonly property: {
819
- readonly physical: "borderTop";
820
- readonly logical: "borderBlockStart";
821
- };
822
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
610
+ readonly property: "borderTop";
823
611
  readonly scale: "borders";
824
612
  }>;
825
613
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
826
- readonly property: {
827
- readonly physical: "borderRight";
828
- readonly logical: "borderInlineEnd";
829
- };
830
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
614
+ readonly property: "borderRight";
831
615
  readonly scale: "borders";
832
616
  }>;
833
617
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
834
- readonly property: {
835
- readonly physical: "borderBottom";
836
- readonly logical: "borderBlockEnd";
837
- };
838
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
618
+ readonly property: "borderBottom";
839
619
  readonly scale: "borders";
840
620
  }>;
841
621
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
842
- readonly property: {
843
- readonly physical: "borderLeft";
844
- readonly logical: "borderInlineStart";
845
- };
846
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
622
+ readonly property: "borderLeft";
847
623
  readonly scale: "borders";
848
624
  }>;
849
625
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -851,47 +627,23 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
851
627
  }>;
852
628
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
853
629
  readonly property: "borderWidth";
854
- readonly properties: {
855
- readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
856
- readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
857
- };
858
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
630
+ readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
859
631
  }>;
860
632
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
861
633
  readonly property: "borderWidth";
862
- readonly properties: {
863
- readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
864
- readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
865
- };
866
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
634
+ readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
867
635
  }>;
868
636
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
869
- readonly property: {
870
- readonly physical: "borderLeftWidth";
871
- readonly logical: "borderInlineStartWidth";
872
- };
873
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
637
+ readonly property: "borderLeftWidth";
874
638
  }>;
875
639
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
876
- readonly property: {
877
- readonly physical: "borderRightWidth";
878
- readonly logical: "borderInlineEndWidth";
879
- };
880
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
640
+ readonly property: "borderRightWidth";
881
641
  }>;
882
642
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
883
- readonly property: {
884
- readonly physical: "borderTopWidth";
885
- readonly logical: "borderBlockStartWidth";
886
- };
887
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
643
+ readonly property: "borderTopWidth";
888
644
  }>;
889
645
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
890
- readonly property: {
891
- readonly physical: "borderBottomWidth";
892
- readonly logical: "borderBlockEndWidth";
893
- };
894
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
646
+ readonly property: "borderBottomWidth";
895
647
  }>;
896
648
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
897
649
  readonly property: "borderRadius";
@@ -899,70 +651,38 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
899
651
  }>;
900
652
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
901
653
  readonly property: "borderRadius";
902
- readonly properties: {
903
- readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
904
- readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
905
- };
906
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
654
+ readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
907
655
  readonly scale: "borderRadii";
908
656
  }>;
909
657
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
910
658
  readonly property: "borderRadius";
911
- readonly properties: {
912
- readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
913
- readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
914
- };
915
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
659
+ readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
916
660
  readonly scale: "borderRadii";
917
661
  }>;
918
662
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
919
663
  readonly property: "borderRadius";
920
- readonly properties: {
921
- readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
922
- readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
923
- };
924
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
664
+ readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
925
665
  readonly scale: "borderRadii";
926
666
  }>;
927
667
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
928
668
  readonly property: "borderRadius";
929
- readonly properties: {
930
- readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
931
- readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
932
- };
933
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
669
+ readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
934
670
  readonly scale: "borderRadii";
935
671
  }>;
936
672
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
937
- readonly property: {
938
- readonly physical: "borderTopLeftRadius";
939
- readonly logical: "borderStartStartRadius";
940
- };
941
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
673
+ readonly property: "borderTopLeftRadius";
942
674
  readonly scale: "borderRadii";
943
675
  }>;
944
676
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
945
- readonly property: {
946
- readonly physical: "borderTopRightRadius";
947
- readonly logical: "borderStartEndRadius";
948
- };
949
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
677
+ readonly property: "borderTopRightRadius";
950
678
  readonly scale: "borderRadii";
951
679
  }>;
952
680
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
953
- readonly property: {
954
- readonly physical: "borderBottomRightRadius";
955
- readonly logical: "borderEndEndRadius";
956
- };
957
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
681
+ readonly property: "borderBottomRightRadius";
958
682
  readonly scale: "borderRadii";
959
683
  }>;
960
684
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
961
- readonly property: {
962
- readonly physical: "borderBottomLeftRadius";
963
- readonly logical: "borderEndStartRadius";
964
- };
965
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
685
+ readonly property: "borderBottomLeftRadius";
966
686
  readonly scale: "borderRadii";
967
687
  }>;
968
688
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -970,47 +690,23 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
970
690
  }>;
971
691
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
972
692
  readonly property: "borderStyle";
973
- readonly properties: {
974
- readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
975
- readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
976
- };
977
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
693
+ readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
978
694
  }>;
979
695
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
980
696
  readonly property: "borderStyle";
981
- readonly properties: {
982
- readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
983
- readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
984
- };
985
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
697
+ readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
986
698
  }>;
987
699
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
988
- readonly property: {
989
- readonly physical: "borderLeftStyle";
990
- readonly logical: "borderInlineStartStyle";
991
- };
992
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
700
+ readonly property: "borderLeftStyle";
993
701
  }>;
994
702
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
995
- readonly property: {
996
- readonly physical: "borderRightStyle";
997
- readonly logical: "borderInlineEndStyle";
998
- };
999
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
703
+ readonly property: "borderRightStyle";
1000
704
  }>;
1001
705
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
1002
- readonly property: {
1003
- readonly physical: "borderTopStyle";
1004
- readonly logical: "borderBlockStartStyle";
1005
- };
1006
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
706
+ readonly property: "borderTopStyle";
1007
707
  }>;
1008
708
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1009
- readonly property: {
1010
- readonly physical: "borderBottomStyle";
1011
- readonly logical: "borderBlockEndStyle";
1012
- };
1013
- readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
709
+ readonly property: "borderBottomStyle";
1014
710
  }>;
1015
711
  } & {
1016
712
  theme?: import("@emotion/react").Theme | undefined;
@@ -0,0 +1,11 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" id="Online-Class-Student--Streamline-Ultimate" height="24" width="24">
2
+ <desc>
3
+ Online Class Student Streamline Icon: https://streamlinehq.com
4
+ </desc>
5
+ <path fill="transparent" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M11.3 7.79996c-1.215 0 -2.19999 -0.98497 -2.19999 -2.2 0 -1.21502 0.98499 -2.2 2.19999 -2.2s2.2 0.98498 2.2 2.2c0 1.21503 -0.985 2.2 -2.2 2.2Z"></path>
6
+ <path fill="transparent" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M7.89996 12.3c0 -1.9 1.5 -3.40004 3.40004 -3.40004 1.9 0 3.4 1.50004 3.4 3.40004"></path>
7
+ <path fill="transparent" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M18.25 16.45s-0.5 -1.4 -4.3 -1.6c-0.4 0 -0.7 0.2 -0.7 0.5v5.8c0 0.3 0.3 0.5 0.6 0.5 3.9 0.1 4.4 1.6 4.4 1.6v-6.8Zm0 0s0.5 -1.4 4.3 -1.6c0.4 0 0.7 0.2 0.7 0.5v5.8c0 0.3 -0.3 0.5 -0.6 0.5 -3.9 0.1 -4.4 1.6 -4.4 1.6"></path>
8
+ <path fill="transparent" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M21.35 12.15v-10c0 -0.8 -0.6 -1.4 -1.4 -1.4H2.14998c-0.8 0 -1.399995 0.6 -1.399995 1.4v13.7c0 0.8 0.599995 1.4 1.399995 1.4h7.79997"></path>
9
+ <path fill="transparent" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="m8.6499 17.25 -0.69999 4"></path>
10
+ <path fill="transparent" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M9.69995 21.25H6.94998"></path>
11
+ </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.54.3-alpha.f12c24.0",
4
+ "version": "9.55.0",
5
5
  "author": "Codecademy <dev@codecademy.com>",
6
6
  "dependencies": {
7
- "@codecademy/gamut-styles": "17.11.3-alpha.f12c24.0",
8
- "@codecademy/variance": "0.25.3-alpha.f12c24.0"
7
+ "@codecademy/gamut-styles": "17.11.2",
8
+ "@codecademy/variance": "0.25.2"
9
9
  },
10
10
  "files": [
11
11
  "dist"
@@ -29,5 +29,5 @@
29
29
  },
30
30
  "sideEffects": false,
31
31
  "types": "dist/index.d.ts",
32
- "gitHead": "621175f83edaf6c595338c95749c132faf2e5829"
32
+ "gitHead": "236b592edb5f348beafb43ca6d45f4f3f4154a8d"
33
33
  }