@zendeskgarden/react-dropdowns 8.73.0 → 8.73.2

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 (5) hide show
  1. package/dist/index.cjs.js +23 -23
  2. package/dist/index.esm.js +23 -23
  3. package/dist/typings/styled/items/media/StyledMediaFigure.d.ts +56 -49
  4. package/dist/typings/types/index.d.ts +2 -2
  5. package/package.json +5 -5
package/dist/index.cjs.js CHANGED
@@ -306,7 +306,7 @@ function getMenuPosition(popperPlacement) {
306
306
  const COMPONENT_ID$m = 'dropdowns.menu';
307
307
  const StyledMenu = styled__default.default.ul.attrs(props => ({
308
308
  'data-garden-id': COMPONENT_ID$m,
309
- 'data-garden-version': '8.73.0',
309
+ 'data-garden-version': '8.73.2',
310
310
  className: props.isAnimated && 'is-animated'
311
311
  })).withConfig({
312
312
  displayName: "StyledMenu",
@@ -323,7 +323,7 @@ StyledMenu.defaultProps = {
323
323
  const COMPONENT_ID$l = 'dropdowns.menu_wrapper';
324
324
  const StyledMenuWrapper = styled__default.default.div.attrs(props => ({
325
325
  'data-garden-id': COMPONENT_ID$l,
326
- 'data-garden-version': '8.73.0',
326
+ 'data-garden-version': '8.73.2',
327
327
  className: props.isAnimated && 'is-animated'
328
328
  })).withConfig({
329
329
  displayName: "StyledMenuWrapper",
@@ -342,7 +342,7 @@ StyledMenuWrapper.defaultProps = {
342
342
  const COMPONENT_ID$k = 'dropdowns.separator';
343
343
  const StyledSeparator = styled__default.default.li.attrs({
344
344
  'data-garden-id': COMPONENT_ID$k,
345
- 'data-garden-version': '8.73.0',
345
+ 'data-garden-version': '8.73.2',
346
346
  role: 'separator'
347
347
  }).withConfig({
348
348
  displayName: "StyledSeparator",
@@ -375,7 +375,7 @@ const getColorStyles = props => {
375
375
  };
376
376
  const StyledItem = styled__default.default.li.attrs(props => ({
377
377
  'data-garden-id': COMPONENT_ID$j,
378
- 'data-garden-version': '8.73.0',
378
+ 'data-garden-version': '8.73.2',
379
379
  'aria-disabled': props.disabled
380
380
  })).withConfig({
381
381
  displayName: "StyledItem",
@@ -388,7 +388,7 @@ StyledItem.defaultProps = {
388
388
  const COMPONENT_ID$i = 'dropdowns.add_item';
389
389
  const StyledAddItem = styled__default.default(StyledItem).attrs({
390
390
  'data-garden-id': COMPONENT_ID$i,
391
- 'data-garden-version': '8.73.0'
391
+ 'data-garden-version': '8.73.2'
392
392
  }).withConfig({
393
393
  displayName: "StyledAddItem",
394
394
  componentId: "sc-ekqk50-0"
@@ -400,7 +400,7 @@ StyledAddItem.defaultProps = {
400
400
  const COMPONENT_ID$h = 'dropdowns.item_meta';
401
401
  const StyledItemMeta = styled__default.default.span.attrs({
402
402
  'data-garden-id': COMPONENT_ID$h,
403
- 'data-garden-version': '8.73.0'
403
+ 'data-garden-version': '8.73.2'
404
404
  }).withConfig({
405
405
  displayName: "StyledItemMeta",
406
406
  componentId: "sc-k6xy28-0"
@@ -415,7 +415,7 @@ const getSizeStyles = props => {
415
415
  };
416
416
  const StyledItemIcon = styled__default.default.div.attrs({
417
417
  'data-garden-id': COMPONENT_ID$g,
418
- 'data-garden-version': '8.73.0'
418
+ 'data-garden-version': '8.73.2'
419
419
  }).withConfig({
420
420
  displayName: "StyledItemIcon",
421
421
  componentId: "sc-1v0ty11-0"
@@ -427,7 +427,7 @@ StyledItemIcon.defaultProps = {
427
427
  const COMPONENT_ID$f = 'dropdowns.next_item';
428
428
  const StyledNextItem = styled__default.default(StyledItem).attrs({
429
429
  'data-garden-id': COMPONENT_ID$f,
430
- 'data-garden-version': '8.73.0'
430
+ 'data-garden-version': '8.73.2'
431
431
  }).withConfig({
432
432
  displayName: "StyledNextItem",
433
433
  componentId: "sc-1bcygn5-0"
@@ -459,7 +459,7 @@ const NextIconComponent = _ref => {
459
459
  } = _ref;
460
460
  return React__namespace.default.createElement(SvgChevronRightStroke, {
461
461
  "data-garden-id": COMPONENT_ID$e,
462
- "data-garden-version": '8.73.0',
462
+ "data-garden-version": '8.73.2',
463
463
  className: className
464
464
  });
465
465
  };
@@ -474,7 +474,7 @@ StyledNextIcon.defaultProps = {
474
474
  const COMPONENT_ID$d = 'dropdowns.previous_item';
475
475
  const StyledPreviousItem = styled__default.default(StyledItem).attrs({
476
476
  'data-garden-id': COMPONENT_ID$d,
477
- 'data-garden-version': '8.73.0'
477
+ 'data-garden-version': '8.73.2'
478
478
  }).withConfig({
479
479
  displayName: "StyledPreviousItem",
480
480
  componentId: "sc-1nmdds9-0"
@@ -506,7 +506,7 @@ const PreviousIconComponent = _ref => {
506
506
  } = _ref;
507
507
  return React__namespace.default.createElement(SvgChevronLeftStroke, {
508
508
  "data-garden-id": COMPONENT_ID$c,
509
- "data-garden-version": '8.73.0',
509
+ "data-garden-version": '8.73.2',
510
510
  className: className
511
511
  });
512
512
  };
@@ -521,7 +521,7 @@ StyledPreviousIcon.defaultProps = {
521
521
  const COMPONENT_ID$b = 'dropdowns.header_icon';
522
522
  const StyledHeaderIcon = styled__default.default.div.attrs({
523
523
  'data-garden-id': COMPONENT_ID$b,
524
- 'data-garden-version': '8.73.0'
524
+ 'data-garden-version': '8.73.2'
525
525
  }).withConfig({
526
526
  displayName: "StyledHeaderIcon",
527
527
  componentId: "sc-1fl6nsz-0"
@@ -539,7 +539,7 @@ const getHorizontalPadding = props => {
539
539
  };
540
540
  const StyledHeaderItem = styled__default.default(StyledItem).attrs({
541
541
  'data-garden-id': COMPONENT_ID$a,
542
- 'data-garden-version': '8.73.0'
542
+ 'data-garden-version': '8.73.2'
543
543
  }).withConfig({
544
544
  displayName: "StyledHeaderItem",
545
545
  componentId: "sc-137filx-0"
@@ -551,7 +551,7 @@ StyledHeaderItem.defaultProps = {
551
551
  const COMPONENT_ID$9 = 'dropdowns.media_body';
552
552
  const StyledMediaBody = styled__default.default.div.attrs({
553
553
  'data-garden-id': COMPONENT_ID$9,
554
- 'data-garden-version': '8.73.0'
554
+ 'data-garden-version': '8.73.2'
555
555
  }).withConfig({
556
556
  displayName: "StyledMediaBody",
557
557
  componentId: "sc-36j7ef-0"
@@ -574,7 +574,7 @@ _ref => {
574
574
  );
575
575
  }).attrs({
576
576
  'data-garden-id': COMPONENT_ID$8,
577
- 'data-garden-version': '8.73.0'
577
+ 'data-garden-version': '8.73.2'
578
578
  }).withConfig({
579
579
  displayName: "StyledMediaFigure",
580
580
  componentId: "sc-2f2x8x-0"
@@ -586,7 +586,7 @@ StyledMediaFigure.defaultProps = {
586
586
  const COMPONENT_ID$7 = 'dropdowns.media_item';
587
587
  const StyledMediaItem = styled__default.default(StyledItem).attrs({
588
588
  'data-garden-id': COMPONENT_ID$7,
589
- 'data-garden-version': '8.73.0'
589
+ 'data-garden-version': '8.73.2'
590
590
  }).withConfig({
591
591
  displayName: "StyledMediaItem",
592
592
  componentId: "sc-ikwshz-0"
@@ -598,7 +598,7 @@ StyledMediaItem.defaultProps = {
598
598
  const COMPONENT_ID$6 = 'dropdowns.faux_input';
599
599
  const StyledFauxInput = styled__default.default(reactForms.FauxInput).attrs(props => ({
600
600
  'data-garden-id': COMPONENT_ID$6,
601
- 'data-garden-version': '8.73.0',
601
+ 'data-garden-version': '8.73.2',
602
602
  mediaLayout: true,
603
603
  theme: props.theme
604
604
  })).withConfig({
@@ -613,7 +613,7 @@ const COMPONENT_ID$5 = 'dropdowns.input';
613
613
  const hiddenStyling = styled.css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
614
614
  const StyledInput = styled__default.default(reactForms.Input).attrs({
615
615
  'data-garden-id': COMPONENT_ID$5,
616
- 'data-garden-version': '8.73.0',
616
+ 'data-garden-version': '8.73.2',
617
617
  isBare: true
618
618
  }).withConfig({
619
619
  displayName: "StyledInput",
@@ -626,7 +626,7 @@ StyledInput.defaultProps = {
626
626
  const COMPONENT_ID$4 = 'dropdowns.select';
627
627
  const StyledSelect = styled__default.default.div.attrs({
628
628
  'data-garden-id': COMPONENT_ID$4,
629
- 'data-garden-version': '8.73.0'
629
+ 'data-garden-version': '8.73.2'
630
630
  }).withConfig({
631
631
  displayName: "StyledSelect",
632
632
  componentId: "sc-xifmwj-0"
@@ -647,7 +647,7 @@ const visibleStyling = props => {
647
647
  };
648
648
  const StyledMultiselectInput = styled__default.default(StyledInput).attrs({
649
649
  'data-garden-id': COMPONENT_ID$3,
650
- 'data-garden-version': '8.73.0',
650
+ 'data-garden-version': '8.73.2',
651
651
  isBare: true
652
652
  }).withConfig({
653
653
  displayName: "StyledMultiselectInput",
@@ -672,7 +672,7 @@ const sizeStyles = props => {
672
672
  };
673
673
  const StyledMultiselectItemsContainer = styled__default.default.div.attrs({
674
674
  'data-garden-id': COMPONENT_ID$2,
675
- 'data-garden-version': '8.73.0'
675
+ 'data-garden-version': '8.73.2'
676
676
  }).withConfig({
677
677
  displayName: "StyledMultiselectItemsContainer",
678
678
  componentId: "sc-1jzhet8-0"
@@ -684,7 +684,7 @@ StyledMultiselectItemsContainer.defaultProps = {
684
684
  const COMPONENT_ID$1 = 'dropdowns.multiselect_item_wrapper';
685
685
  const StyledMultiselectItemWrapper = styled__default.default.div.attrs({
686
686
  'data-garden-id': COMPONENT_ID$1,
687
- 'data-garden-version': '8.73.0'
687
+ 'data-garden-version': '8.73.2'
688
688
  }).withConfig({
689
689
  displayName: "StyledMultiselectItemWrapper",
690
690
  componentId: "sc-1rb2bye-0"
@@ -696,7 +696,7 @@ StyledMultiselectItemWrapper.defaultProps = {
696
696
  const COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
697
697
  const StyledMultiselectMoreAnchor = styled__default.default.div.attrs({
698
698
  'data-garden-id': COMPONENT_ID,
699
- 'data-garden-version': '8.73.0'
699
+ 'data-garden-version': '8.73.2'
700
700
  }).withConfig({
701
701
  displayName: "StyledMultiselectMoreAnchor",
702
702
  componentId: "sc-1m9v46e-0"
package/dist/index.esm.js CHANGED
@@ -280,7 +280,7 @@ function getMenuPosition(popperPlacement) {
280
280
  const COMPONENT_ID$m = 'dropdowns.menu';
281
281
  const StyledMenu = styled.ul.attrs(props => ({
282
282
  'data-garden-id': COMPONENT_ID$m,
283
- 'data-garden-version': '8.73.0',
283
+ 'data-garden-version': '8.73.2',
284
284
  className: props.isAnimated && 'is-animated'
285
285
  })).withConfig({
286
286
  displayName: "StyledMenu",
@@ -297,7 +297,7 @@ StyledMenu.defaultProps = {
297
297
  const COMPONENT_ID$l = 'dropdowns.menu_wrapper';
298
298
  const StyledMenuWrapper = styled.div.attrs(props => ({
299
299
  'data-garden-id': COMPONENT_ID$l,
300
- 'data-garden-version': '8.73.0',
300
+ 'data-garden-version': '8.73.2',
301
301
  className: props.isAnimated && 'is-animated'
302
302
  })).withConfig({
303
303
  displayName: "StyledMenuWrapper",
@@ -316,7 +316,7 @@ StyledMenuWrapper.defaultProps = {
316
316
  const COMPONENT_ID$k = 'dropdowns.separator';
317
317
  const StyledSeparator = styled.li.attrs({
318
318
  'data-garden-id': COMPONENT_ID$k,
319
- 'data-garden-version': '8.73.0',
319
+ 'data-garden-version': '8.73.2',
320
320
  role: 'separator'
321
321
  }).withConfig({
322
322
  displayName: "StyledSeparator",
@@ -349,7 +349,7 @@ const getColorStyles = props => {
349
349
  };
350
350
  const StyledItem = styled.li.attrs(props => ({
351
351
  'data-garden-id': COMPONENT_ID$j,
352
- 'data-garden-version': '8.73.0',
352
+ 'data-garden-version': '8.73.2',
353
353
  'aria-disabled': props.disabled
354
354
  })).withConfig({
355
355
  displayName: "StyledItem",
@@ -362,7 +362,7 @@ StyledItem.defaultProps = {
362
362
  const COMPONENT_ID$i = 'dropdowns.add_item';
363
363
  const StyledAddItem = styled(StyledItem).attrs({
364
364
  'data-garden-id': COMPONENT_ID$i,
365
- 'data-garden-version': '8.73.0'
365
+ 'data-garden-version': '8.73.2'
366
366
  }).withConfig({
367
367
  displayName: "StyledAddItem",
368
368
  componentId: "sc-ekqk50-0"
@@ -374,7 +374,7 @@ StyledAddItem.defaultProps = {
374
374
  const COMPONENT_ID$h = 'dropdowns.item_meta';
375
375
  const StyledItemMeta = styled.span.attrs({
376
376
  'data-garden-id': COMPONENT_ID$h,
377
- 'data-garden-version': '8.73.0'
377
+ 'data-garden-version': '8.73.2'
378
378
  }).withConfig({
379
379
  displayName: "StyledItemMeta",
380
380
  componentId: "sc-k6xy28-0"
@@ -389,7 +389,7 @@ const getSizeStyles = props => {
389
389
  };
390
390
  const StyledItemIcon = styled.div.attrs({
391
391
  'data-garden-id': COMPONENT_ID$g,
392
- 'data-garden-version': '8.73.0'
392
+ 'data-garden-version': '8.73.2'
393
393
  }).withConfig({
394
394
  displayName: "StyledItemIcon",
395
395
  componentId: "sc-1v0ty11-0"
@@ -401,7 +401,7 @@ StyledItemIcon.defaultProps = {
401
401
  const COMPONENT_ID$f = 'dropdowns.next_item';
402
402
  const StyledNextItem = styled(StyledItem).attrs({
403
403
  'data-garden-id': COMPONENT_ID$f,
404
- 'data-garden-version': '8.73.0'
404
+ 'data-garden-version': '8.73.2'
405
405
  }).withConfig({
406
406
  displayName: "StyledNextItem",
407
407
  componentId: "sc-1bcygn5-0"
@@ -433,7 +433,7 @@ const NextIconComponent = _ref => {
433
433
  } = _ref;
434
434
  return React__default.createElement(SvgChevronRightStroke, {
435
435
  "data-garden-id": COMPONENT_ID$e,
436
- "data-garden-version": '8.73.0',
436
+ "data-garden-version": '8.73.2',
437
437
  className: className
438
438
  });
439
439
  };
@@ -448,7 +448,7 @@ StyledNextIcon.defaultProps = {
448
448
  const COMPONENT_ID$d = 'dropdowns.previous_item';
449
449
  const StyledPreviousItem = styled(StyledItem).attrs({
450
450
  'data-garden-id': COMPONENT_ID$d,
451
- 'data-garden-version': '8.73.0'
451
+ 'data-garden-version': '8.73.2'
452
452
  }).withConfig({
453
453
  displayName: "StyledPreviousItem",
454
454
  componentId: "sc-1nmdds9-0"
@@ -480,7 +480,7 @@ const PreviousIconComponent = _ref => {
480
480
  } = _ref;
481
481
  return React__default.createElement(SvgChevronLeftStroke, {
482
482
  "data-garden-id": COMPONENT_ID$c,
483
- "data-garden-version": '8.73.0',
483
+ "data-garden-version": '8.73.2',
484
484
  className: className
485
485
  });
486
486
  };
@@ -495,7 +495,7 @@ StyledPreviousIcon.defaultProps = {
495
495
  const COMPONENT_ID$b = 'dropdowns.header_icon';
496
496
  const StyledHeaderIcon = styled.div.attrs({
497
497
  'data-garden-id': COMPONENT_ID$b,
498
- 'data-garden-version': '8.73.0'
498
+ 'data-garden-version': '8.73.2'
499
499
  }).withConfig({
500
500
  displayName: "StyledHeaderIcon",
501
501
  componentId: "sc-1fl6nsz-0"
@@ -513,7 +513,7 @@ const getHorizontalPadding = props => {
513
513
  };
514
514
  const StyledHeaderItem = styled(StyledItem).attrs({
515
515
  'data-garden-id': COMPONENT_ID$a,
516
- 'data-garden-version': '8.73.0'
516
+ 'data-garden-version': '8.73.2'
517
517
  }).withConfig({
518
518
  displayName: "StyledHeaderItem",
519
519
  componentId: "sc-137filx-0"
@@ -525,7 +525,7 @@ StyledHeaderItem.defaultProps = {
525
525
  const COMPONENT_ID$9 = 'dropdowns.media_body';
526
526
  const StyledMediaBody = styled.div.attrs({
527
527
  'data-garden-id': COMPONENT_ID$9,
528
- 'data-garden-version': '8.73.0'
528
+ 'data-garden-version': '8.73.2'
529
529
  }).withConfig({
530
530
  displayName: "StyledMediaBody",
531
531
  componentId: "sc-36j7ef-0"
@@ -548,7 +548,7 @@ _ref => {
548
548
  );
549
549
  }).attrs({
550
550
  'data-garden-id': COMPONENT_ID$8,
551
- 'data-garden-version': '8.73.0'
551
+ 'data-garden-version': '8.73.2'
552
552
  }).withConfig({
553
553
  displayName: "StyledMediaFigure",
554
554
  componentId: "sc-2f2x8x-0"
@@ -560,7 +560,7 @@ StyledMediaFigure.defaultProps = {
560
560
  const COMPONENT_ID$7 = 'dropdowns.media_item';
561
561
  const StyledMediaItem = styled(StyledItem).attrs({
562
562
  'data-garden-id': COMPONENT_ID$7,
563
- 'data-garden-version': '8.73.0'
563
+ 'data-garden-version': '8.73.2'
564
564
  }).withConfig({
565
565
  displayName: "StyledMediaItem",
566
566
  componentId: "sc-ikwshz-0"
@@ -572,7 +572,7 @@ StyledMediaItem.defaultProps = {
572
572
  const COMPONENT_ID$6 = 'dropdowns.faux_input';
573
573
  const StyledFauxInput = styled(FauxInput).attrs(props => ({
574
574
  'data-garden-id': COMPONENT_ID$6,
575
- 'data-garden-version': '8.73.0',
575
+ 'data-garden-version': '8.73.2',
576
576
  mediaLayout: true,
577
577
  theme: props.theme
578
578
  })).withConfig({
@@ -587,7 +587,7 @@ const COMPONENT_ID$5 = 'dropdowns.input';
587
587
  const hiddenStyling = css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
588
588
  const StyledInput = styled(Input).attrs({
589
589
  'data-garden-id': COMPONENT_ID$5,
590
- 'data-garden-version': '8.73.0',
590
+ 'data-garden-version': '8.73.2',
591
591
  isBare: true
592
592
  }).withConfig({
593
593
  displayName: "StyledInput",
@@ -600,7 +600,7 @@ StyledInput.defaultProps = {
600
600
  const COMPONENT_ID$4 = 'dropdowns.select';
601
601
  const StyledSelect = styled.div.attrs({
602
602
  'data-garden-id': COMPONENT_ID$4,
603
- 'data-garden-version': '8.73.0'
603
+ 'data-garden-version': '8.73.2'
604
604
  }).withConfig({
605
605
  displayName: "StyledSelect",
606
606
  componentId: "sc-xifmwj-0"
@@ -621,7 +621,7 @@ const visibleStyling = props => {
621
621
  };
622
622
  const StyledMultiselectInput = styled(StyledInput).attrs({
623
623
  'data-garden-id': COMPONENT_ID$3,
624
- 'data-garden-version': '8.73.0',
624
+ 'data-garden-version': '8.73.2',
625
625
  isBare: true
626
626
  }).withConfig({
627
627
  displayName: "StyledMultiselectInput",
@@ -646,7 +646,7 @@ const sizeStyles = props => {
646
646
  };
647
647
  const StyledMultiselectItemsContainer = styled.div.attrs({
648
648
  'data-garden-id': COMPONENT_ID$2,
649
- 'data-garden-version': '8.73.0'
649
+ 'data-garden-version': '8.73.2'
650
650
  }).withConfig({
651
651
  displayName: "StyledMultiselectItemsContainer",
652
652
  componentId: "sc-1jzhet8-0"
@@ -658,7 +658,7 @@ StyledMultiselectItemsContainer.defaultProps = {
658
658
  const COMPONENT_ID$1 = 'dropdowns.multiselect_item_wrapper';
659
659
  const StyledMultiselectItemWrapper = styled.div.attrs({
660
660
  'data-garden-id': COMPONENT_ID$1,
661
- 'data-garden-version': '8.73.0'
661
+ 'data-garden-version': '8.73.2'
662
662
  }).withConfig({
663
663
  displayName: "StyledMultiselectItemWrapper",
664
664
  componentId: "sc-1rb2bye-0"
@@ -670,7 +670,7 @@ StyledMultiselectItemWrapper.defaultProps = {
670
670
  const COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
671
671
  const StyledMultiselectMoreAnchor = styled.div.attrs({
672
672
  'data-garden-id': COMPONENT_ID,
673
- 'data-garden-version': '8.73.0'
673
+ 'data-garden-version': '8.73.2'
674
674
  }).withConfig({
675
675
  displayName: "StyledMultiselectMoreAnchor",
676
676
  componentId: "sc-1m9v46e-0"
package/dist/typings/styled/items/media/StyledMediaFigure.d.ts CHANGED
@@ -61,56 +61,61 @@ export declare const StyledMediaFigure: import("styled-components").StyledCompon
61
61
  results?: number | undefined;
62
62
  security?: string | undefined;
63
63
  unselectable?: "on" | "off" | undefined;
64
- inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
64
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
65
65
  is?: string | undefined;
66
- 'aria-activedescendant'?: string | undefined;
67
- 'aria-atomic'?: (boolean | "true" | "false") | undefined;
68
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
69
- 'aria-busy'?: (boolean | "true" | "false") | undefined;
70
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
71
- 'aria-colcount'?: number | undefined;
72
- 'aria-colindex'?: number | undefined;
73
- 'aria-colspan'?: number | undefined;
74
- 'aria-controls'?: string | undefined;
75
- 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
76
- 'aria-describedby'?: string | undefined;
77
- 'aria-details'?: string | undefined;
78
- 'aria-disabled'?: (boolean | "true" | "false") | undefined;
79
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
80
- 'aria-errormessage'?: string | undefined;
81
- 'aria-expanded'?: (boolean | "true" | "false") | undefined;
82
- 'aria-flowto'?: string | undefined;
83
- 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
84
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
85
- 'aria-hidden'?: (boolean | "true" | "false") | undefined;
86
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
87
- 'aria-keyshortcuts'?: string | undefined;
88
- 'aria-label'?: string | undefined;
89
- 'aria-labelledby'?: string | undefined;
90
- 'aria-level'?: number | undefined;
91
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
92
- 'aria-modal'?: (boolean | "true" | "false") | undefined;
93
- 'aria-multiline'?: (boolean | "true" | "false") | undefined;
94
- 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
95
- 'aria-orientation'?: "horizontal" | "vertical" | undefined;
96
- 'aria-owns'?: string | undefined;
97
- 'aria-placeholder'?: string | undefined;
98
- 'aria-posinset'?: number | undefined;
99
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
100
- 'aria-readonly'?: (boolean | "true" | "false") | undefined;
101
- 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
102
- 'aria-required'?: (boolean | "true" | "false") | undefined;
103
- 'aria-roledescription'?: string | undefined;
104
- 'aria-rowcount'?: number | undefined;
105
- 'aria-rowindex'?: number | undefined;
106
- 'aria-rowspan'?: number | undefined;
107
- 'aria-selected'?: (boolean | "true" | "false") | undefined;
108
- 'aria-setsize'?: number | undefined;
109
- 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
110
- 'aria-valuemax'?: number | undefined;
111
- 'aria-valuemin'?: number | undefined;
112
- 'aria-valuenow'?: number | undefined;
113
- 'aria-valuetext'?: string | undefined;
66
+ "aria-activedescendant"?: string | undefined;
67
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
68
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
69
+ "aria-braillelabel"?: string | undefined;
70
+ "aria-brailleroledescription"?: string | undefined;
71
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
72
+ "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
73
+ "aria-colcount"?: number | undefined;
74
+ "aria-colindex"?: number | undefined;
75
+ "aria-colindextext"?: string | undefined;
76
+ "aria-colspan"?: number | undefined;
77
+ "aria-controls"?: string | undefined;
78
+ "aria-current"?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
79
+ "aria-describedby"?: string | undefined;
80
+ "aria-description"?: string | undefined;
81
+ "aria-details"?: string | undefined;
82
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
83
+ "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
84
+ "aria-errormessage"?: string | undefined;
85
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
86
+ "aria-flowto"?: string | undefined;
87
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
88
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
89
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
90
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
91
+ "aria-keyshortcuts"?: string | undefined;
92
+ "aria-label"?: string | undefined;
93
+ "aria-labelledby"?: string | undefined;
94
+ "aria-level"?: number | undefined;
95
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
96
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
97
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
98
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
99
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
100
+ "aria-owns"?: string | undefined;
101
+ "aria-placeholder"?: string | undefined;
102
+ "aria-posinset"?: number | undefined;
103
+ "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
104
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
105
+ "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
106
+ "aria-required"?: (boolean | "true" | "false") | undefined;
107
+ "aria-roledescription"?: string | undefined;
108
+ "aria-rowcount"?: number | undefined;
109
+ "aria-rowindex"?: number | undefined;
110
+ "aria-rowindextext"?: string | undefined;
111
+ "aria-rowspan"?: number | undefined;
112
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
113
+ "aria-setsize"?: number | undefined;
114
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
115
+ "aria-valuemax"?: number | undefined;
116
+ "aria-valuemin"?: number | undefined;
117
+ "aria-valuenow"?: number | undefined;
118
+ "aria-valuetext"?: string | undefined;
114
119
  dangerouslySetInnerHTML?: {
115
120
  __html: string | TrustedHTML;
116
121
  } | undefined;
@@ -182,6 +187,8 @@ export declare const StyledMediaFigure: import("styled-components").StyledCompon
182
187
  onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
183
188
  onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
184
189
  onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
190
+ onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
191
+ onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
185
192
  onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
186
193
  onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
187
194
  onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
package/dist/typings/types/index.d.ts CHANGED
@@ -4,7 +4,7 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
- import { HTMLAttributes, LiHTMLAttributes } from 'react';
7
+ import { HTMLAttributes, LiHTMLAttributes, PropsWithChildren } from 'react';
8
8
  import { ControllerStateAndHelpers, StateChangeOptions } from 'downshift';
9
9
  import { Modifiers } from 'popper.js';
10
10
  import { IFauxInputProps } from '@zendeskgarden/react-forms';
@@ -12,7 +12,7 @@ export declare const PLACEMENT: readonly ["auto", "top", "top-start", "top-end",
12
12
  export declare const POPPER_PLACEMENT: readonly ["auto", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"];
13
13
  export type GardenPlacement = (typeof PLACEMENT)[number];
14
14
  export type PopperPlacement = (typeof POPPER_PLACEMENT)[number];
15
- export interface IDropdownProps {
15
+ export interface IDropdownProps extends PropsWithChildren {
16
16
  /** Opens the dropdown */
17
17
  isOpen?: boolean;
18
18
  /** Identifies the currently selected item */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-dropdowns",
3
- "version": "8.73.0",
3
+ "version": "8.73.2",
4
4
  "description": "Components relating to dropdowns in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -23,7 +23,7 @@
23
23
  "dependencies": {
24
24
  "@zendeskgarden/container-selection": "^2.0.0",
25
25
  "@zendeskgarden/container-utilities": "^1.0.0",
26
- "@zendeskgarden/react-forms": "^8.73.0",
26
+ "@zendeskgarden/react-forms": "^8.73.2",
27
27
  "downshift": "^7.0.0",
28
28
  "polished": "^4.0.0",
29
29
  "prop-types": "^15.5.7",
@@ -38,8 +38,8 @@
38
38
  },
39
39
  "devDependencies": {
40
40
  "@types/lodash.debounce": "4.0.7",
41
- "@zendeskgarden/react-theming": "^8.73.0",
42
- "@zendeskgarden/svg-icons": "6.33.0",
41
+ "@zendeskgarden/react-theming": "^8.73.2",
42
+ "@zendeskgarden/svg-icons": "7.0.0",
43
43
  "lodash.debounce": "4.0.8"
44
44
  },
45
45
  "keywords": [
@@ -52,5 +52,5 @@
52
52
  "access": "public"
53
53
  },
54
54
  "zendeskgarden:src": "src/index.ts",
55
- "gitHead": "9a7e6368b5cd3cb0f6e3f7fe9ff97b1c98460bbc"
55
+ "gitHead": "21b0318b2548a1058b85aaeae4ba270fdb85a3db"
56
56
  }