@zendeskgarden/react-dropdowns 8.54.3 → 8.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.
package/dist/index.cjs.js CHANGED
@@ -91,7 +91,7 @@ function _defineProperty(obj, key, value) {
91
91
  }
92
92
 
93
93
  function _extends$5() {
94
- _extends$5 = Object.assign || function (target) {
94
+ _extends$5 = Object.assign ? Object.assign.bind() : function (target) {
95
95
  for (var i = 1; i < arguments.length; i++) {
96
96
  var source = arguments[i];
97
97
 
@@ -104,7 +104,6 @@ function _extends$5() {
104
104
 
105
105
  return target;
106
106
  };
107
-
108
107
  return _extends$5.apply(this, arguments);
109
108
  }
110
109
 
@@ -446,7 +445,7 @@ var COMPONENT_ID$m = 'dropdowns.menu';
446
445
  var StyledMenu = styled__default["default"].ul.attrs(function (props) {
447
446
  return {
448
447
  'data-garden-id': COMPONENT_ID$m,
449
- 'data-garden-version': '8.54.3',
448
+ 'data-garden-version': '8.56.0',
450
449
  className: props.isAnimated && 'is-animated'
451
450
  };
452
451
  }).withConfig({
@@ -471,7 +470,7 @@ var COMPONENT_ID$l = 'dropdowns.menu_wrapper';
471
470
  var StyledMenuWrapper = styled__default["default"].div.attrs(function (props) {
472
471
  return {
473
472
  'data-garden-id': COMPONENT_ID$l,
474
- 'data-garden-version': '8.54.3',
473
+ 'data-garden-version': '8.56.0',
475
474
  className: props.isAnimated && 'is-animated'
476
475
  };
477
476
  }).withConfig({
@@ -495,7 +494,7 @@ StyledMenuWrapper.defaultProps = {
495
494
  var COMPONENT_ID$k = 'dropdowns.separator';
496
495
  var StyledSeparator = styled__default["default"].li.attrs({
497
496
  'data-garden-id': COMPONENT_ID$k,
498
- 'data-garden-version': '8.54.3',
497
+ 'data-garden-version': '8.56.0',
499
498
  role: 'separator'
500
499
  }).withConfig({
501
500
  displayName: "StyledSeparator",
@@ -535,7 +534,7 @@ var getColorStyles = function getColorStyles(props) {
535
534
  var StyledItem = styled__default["default"].li.attrs(function (props) {
536
535
  return {
537
536
  'data-garden-id': COMPONENT_ID$j,
538
- 'data-garden-version': '8.54.3',
537
+ 'data-garden-version': '8.56.0',
539
538
  'aria-disabled': props.disabled
540
539
  };
541
540
  }).withConfig({
@@ -565,7 +564,7 @@ StyledItem.defaultProps = {
565
564
  var COMPONENT_ID$i = 'dropdowns.add_item';
566
565
  var StyledAddItem = styled__default["default"](StyledItem).attrs({
567
566
  'data-garden-id': COMPONENT_ID$i,
568
- 'data-garden-version': '8.54.3'
567
+ 'data-garden-version': '8.56.0'
569
568
  }).withConfig({
570
569
  displayName: "StyledAddItem",
571
570
  componentId: "sc-ekqk50-0"
@@ -581,7 +580,7 @@ StyledAddItem.defaultProps = {
581
580
  var COMPONENT_ID$h = 'dropdowns.item_meta';
582
581
  var StyledItemMeta = styled__default["default"].span.attrs({
583
582
  'data-garden-id': COMPONENT_ID$h,
584
- 'data-garden-version': '8.54.3'
583
+ 'data-garden-version': '8.56.0'
585
584
  }).withConfig({
586
585
  displayName: "StyledItemMeta",
587
586
  componentId: "sc-k6xy28-0"
@@ -604,7 +603,7 @@ var getSizeStyles = function getSizeStyles(props) {
604
603
  };
605
604
  var StyledItemIcon = styled__default["default"].div.attrs({
606
605
  'data-garden-id': COMPONENT_ID$g,
607
- 'data-garden-version': '8.54.3'
606
+ 'data-garden-version': '8.56.0'
608
607
  }).withConfig({
609
608
  displayName: "StyledItemIcon",
610
609
  componentId: "sc-1v0ty11-0"
@@ -630,7 +629,7 @@ StyledItemIcon.defaultProps = {
630
629
  var COMPONENT_ID$f = 'dropdowns.next_item';
631
630
  var StyledNextItem = styled__default["default"](StyledItem).attrs({
632
631
  'data-garden-id': COMPONENT_ID$f,
633
- 'data-garden-version': '8.54.3'
632
+ 'data-garden-version': '8.56.0'
634
633
  }).withConfig({
635
634
  displayName: "StyledNextItem",
636
635
  componentId: "sc-1bcygn5-0"
@@ -647,7 +646,7 @@ StyledNextItem.defaultProps = {
647
646
 
648
647
  var _path$4;
649
648
 
650
- function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
649
+ function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
651
650
 
652
651
  var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
653
652
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
@@ -668,7 +667,7 @@ var NextIconComponent = function NextIconComponent(_ref) {
668
667
  var className = _ref.className;
669
668
  return React__default["default"].createElement(SvgChevronRightStroke, {
670
669
  "data-garden-id": COMPONENT_ID$e,
671
- "data-garden-version": '8.54.3',
670
+ "data-garden-version": '8.56.0',
672
671
  className: className
673
672
  });
674
673
  };
@@ -689,7 +688,7 @@ StyledNextIcon.defaultProps = {
689
688
  var COMPONENT_ID$d = 'dropdowns.previous_item';
690
689
  var StyledPreviousItem = styled__default["default"](StyledItem).attrs({
691
690
  'data-garden-id': COMPONENT_ID$d,
692
- 'data-garden-version': '8.54.3'
691
+ 'data-garden-version': '8.56.0'
693
692
  }).withConfig({
694
693
  displayName: "StyledPreviousItem",
695
694
  componentId: "sc-1nmdds9-0"
@@ -704,7 +703,7 @@ StyledPreviousItem.defaultProps = {
704
703
 
705
704
  var _path$3;
706
705
 
707
- function _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
706
+ function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
708
707
 
709
708
  var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
710
709
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
@@ -725,7 +724,7 @@ var PreviousIconComponent = function PreviousIconComponent(_ref) {
725
724
  var className = _ref.className;
726
725
  return React__default["default"].createElement(SvgChevronLeftStroke, {
727
726
  "data-garden-id": COMPONENT_ID$c,
728
- "data-garden-version": '8.54.3',
727
+ "data-garden-version": '8.56.0',
729
728
  className: className
730
729
  });
731
730
  };
@@ -746,7 +745,7 @@ StyledPreviousIcon.defaultProps = {
746
745
  var COMPONENT_ID$b = 'dropdowns.header_icon';
747
746
  var StyledHeaderIcon = styled__default["default"].div.attrs({
748
747
  'data-garden-id': COMPONENT_ID$b,
749
- 'data-garden-version': '8.54.3'
748
+ 'data-garden-version': '8.56.0'
750
749
  }).withConfig({
751
750
  displayName: "StyledHeaderIcon",
752
751
  componentId: "sc-1fl6nsz-0"
@@ -776,7 +775,7 @@ var getHorizontalPadding = function getHorizontalPadding(props) {
776
775
  };
777
776
  var StyledHeaderItem = styled__default["default"](StyledItem).attrs({
778
777
  'data-garden-id': COMPONENT_ID$a,
779
- 'data-garden-version': '8.54.3'
778
+ 'data-garden-version': '8.56.0'
780
779
  }).withConfig({
781
780
  displayName: "StyledHeaderItem",
782
781
  componentId: "sc-137filx-0"
@@ -796,7 +795,7 @@ StyledHeaderItem.defaultProps = {
796
795
  var COMPONENT_ID$9 = 'dropdowns.media_body';
797
796
  var StyledMediaBody = styled__default["default"].div.attrs({
798
797
  'data-garden-id': COMPONENT_ID$9,
799
- 'data-garden-version': '8.54.3'
798
+ 'data-garden-version': '8.56.0'
800
799
  }).withConfig({
801
800
  displayName: "StyledMediaBody",
802
801
  componentId: "sc-36j7ef-0"
@@ -824,7 +823,7 @@ function (_ref) {
824
823
  );
825
824
  }).attrs({
826
825
  'data-garden-id': COMPONENT_ID$8,
827
- 'data-garden-version': '8.54.3'
826
+ 'data-garden-version': '8.56.0'
828
827
  }).withConfig({
829
828
  displayName: "StyledMediaFigure",
830
829
  componentId: "sc-2f2x8x-0"
@@ -846,7 +845,7 @@ StyledMediaFigure.defaultProps = {
846
845
  var COMPONENT_ID$7 = 'dropdowns.media_item';
847
846
  var StyledMediaItem = styled__default["default"](StyledItem).attrs({
848
847
  'data-garden-id': COMPONENT_ID$7,
849
- 'data-garden-version': '8.54.3'
848
+ 'data-garden-version': '8.56.0'
850
849
  }).withConfig({
851
850
  displayName: "StyledMediaItem",
852
851
  componentId: "sc-ikwshz-0"
@@ -861,7 +860,7 @@ var COMPONENT_ID$6 = 'dropdowns.faux_input';
861
860
  var StyledFauxInput = styled__default["default"](reactForms.FauxInput).attrs(function (props) {
862
861
  return {
863
862
  'data-garden-id': COMPONENT_ID$6,
864
- 'data-garden-version': '8.54.3',
863
+ 'data-garden-version': '8.56.0',
865
864
  mediaLayout: true,
866
865
  theme: props.theme
867
866
  };
@@ -883,7 +882,7 @@ var COMPONENT_ID$5 = 'dropdowns.input';
883
882
  var hiddenStyling = styled.css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
884
883
  var StyledInput = styled__default["default"](reactForms.Input).attrs({
885
884
  'data-garden-id': COMPONENT_ID$5,
886
- 'data-garden-version': '8.54.3',
885
+ 'data-garden-version': '8.56.0',
887
886
  isBare: true
888
887
  }).withConfig({
889
888
  displayName: "StyledInput",
@@ -900,7 +899,7 @@ StyledInput.defaultProps = {
900
899
  var COMPONENT_ID$4 = 'dropdowns.select';
901
900
  var StyledSelect = styled__default["default"].div.attrs({
902
901
  'data-garden-id': COMPONENT_ID$4,
903
- 'data-garden-version': '8.54.3'
902
+ 'data-garden-version': '8.56.0'
904
903
  }).withConfig({
905
904
  displayName: "StyledSelect",
906
905
  componentId: "sc-xifmwj-0"
@@ -923,7 +922,7 @@ var visibleStyling = function visibleStyling(props) {
923
922
  };
924
923
  var StyledMultiselectInput = styled__default["default"](StyledInput).attrs({
925
924
  'data-garden-id': COMPONENT_ID$3,
926
- 'data-garden-version': '8.54.3'
925
+ 'data-garden-version': '8.56.0'
927
926
  }).withConfig({
928
927
  displayName: "StyledMultiselectInput",
929
928
  componentId: "sc-1avnf6f-0"
@@ -953,7 +952,7 @@ var sizeStyles = function sizeStyles(props) {
953
952
  };
954
953
  var StyledMultiselectItemsContainer = styled__default["default"].div.attrs({
955
954
  'data-garden-id': COMPONENT_ID$2,
956
- 'data-garden-version': '8.54.3'
955
+ 'data-garden-version': '8.56.0'
957
956
  }).withConfig({
958
957
  displayName: "StyledMultiselectItemsContainer",
959
958
  componentId: "sc-1jzhet8-0"
@@ -969,7 +968,7 @@ StyledMultiselectItemsContainer.defaultProps = {
969
968
  var COMPONENT_ID$1 = 'dropdowns.multiselect_item_wrapper';
970
969
  var StyledMultiselectItemWrapper = styled__default["default"].div.attrs({
971
970
  'data-garden-id': COMPONENT_ID$1,
972
- 'data-garden-version': '8.54.3'
971
+ 'data-garden-version': '8.56.0'
973
972
  }).withConfig({
974
973
  displayName: "StyledMultiselectItemWrapper",
975
974
  componentId: "sc-1rb2bye-0"
@@ -985,7 +984,7 @@ StyledMultiselectItemWrapper.defaultProps = {
985
984
  var COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
986
985
  var StyledMultiselectMoreAnchor = styled__default["default"].div.attrs({
987
986
  'data-garden-id': COMPONENT_ID,
988
- 'data-garden-version': '8.54.3'
987
+ 'data-garden-version': '8.56.0'
989
988
  }).withConfig({
990
989
  displayName: "StyledMultiselectMoreAnchor",
991
990
  componentId: "sc-1m9v46e-0"
@@ -1148,7 +1147,7 @@ Trigger.defaultProps = {
1148
1147
 
1149
1148
  var _path$2;
1150
1149
 
1151
- function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
1150
+ function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
1152
1151
 
1153
1152
  var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
1154
1153
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
@@ -1772,6 +1771,7 @@ var Select = React__default["default"].forwardRef(function (_ref, _ref3) {
1772
1771
  isHovered: isContainerHovered,
1773
1772
  isFocused: isContainerFocused
1774
1773
  }, selectProps, {
1774
+ role: "none",
1775
1775
  ref: function ref(selectRef) {
1776
1776
  popperReference(selectRef);
1777
1777
  mergeRefs__default["default"]([triggerRef, _ref3, popperReferenceElementRef])(selectRef);
@@ -2017,7 +2017,7 @@ Separator.displayName = 'Separator';
2017
2017
 
2018
2018
  var _path$1;
2019
2019
 
2020
- function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
2020
+ function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
2021
2021
 
2022
2022
  var SvgPlusStroke = function SvgPlusStroke(props) {
2023
2023
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
@@ -2036,7 +2036,7 @@ var SvgPlusStroke = function SvgPlusStroke(props) {
2036
2036
 
2037
2037
  var _path;
2038
2038
 
2039
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2039
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2040
2040
 
2041
2041
  var SvgCheckLgStroke = function SvgCheckLgStroke(props) {
2042
2042
  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
package/dist/index.esm.js CHANGED
@@ -62,7 +62,7 @@ function _defineProperty(obj, key, value) {
62
62
  }
63
63
 
64
64
  function _extends$5() {
65
- _extends$5 = Object.assign || function (target) {
65
+ _extends$5 = Object.assign ? Object.assign.bind() : function (target) {
66
66
  for (var i = 1; i < arguments.length; i++) {
67
67
  var source = arguments[i];
68
68
 
@@ -75,7 +75,6 @@ function _extends$5() {
75
75
 
76
76
  return target;
77
77
  };
78
-
79
78
  return _extends$5.apply(this, arguments);
80
79
  }
81
80
 
@@ -417,7 +416,7 @@ var COMPONENT_ID$m = 'dropdowns.menu';
417
416
  var StyledMenu = styled.ul.attrs(function (props) {
418
417
  return {
419
418
  'data-garden-id': COMPONENT_ID$m,
420
- 'data-garden-version': '8.54.3',
419
+ 'data-garden-version': '8.56.0',
421
420
  className: props.isAnimated && 'is-animated'
422
421
  };
423
422
  }).withConfig({
@@ -442,7 +441,7 @@ var COMPONENT_ID$l = 'dropdowns.menu_wrapper';
442
441
  var StyledMenuWrapper = styled.div.attrs(function (props) {
443
442
  return {
444
443
  'data-garden-id': COMPONENT_ID$l,
445
- 'data-garden-version': '8.54.3',
444
+ 'data-garden-version': '8.56.0',
446
445
  className: props.isAnimated && 'is-animated'
447
446
  };
448
447
  }).withConfig({
@@ -466,7 +465,7 @@ StyledMenuWrapper.defaultProps = {
466
465
  var COMPONENT_ID$k = 'dropdowns.separator';
467
466
  var StyledSeparator = styled.li.attrs({
468
467
  'data-garden-id': COMPONENT_ID$k,
469
- 'data-garden-version': '8.54.3',
468
+ 'data-garden-version': '8.56.0',
470
469
  role: 'separator'
471
470
  }).withConfig({
472
471
  displayName: "StyledSeparator",
@@ -506,7 +505,7 @@ var getColorStyles = function getColorStyles(props) {
506
505
  var StyledItem = styled.li.attrs(function (props) {
507
506
  return {
508
507
  'data-garden-id': COMPONENT_ID$j,
509
- 'data-garden-version': '8.54.3',
508
+ 'data-garden-version': '8.56.0',
510
509
  'aria-disabled': props.disabled
511
510
  };
512
511
  }).withConfig({
@@ -536,7 +535,7 @@ StyledItem.defaultProps = {
536
535
  var COMPONENT_ID$i = 'dropdowns.add_item';
537
536
  var StyledAddItem = styled(StyledItem).attrs({
538
537
  'data-garden-id': COMPONENT_ID$i,
539
- 'data-garden-version': '8.54.3'
538
+ 'data-garden-version': '8.56.0'
540
539
  }).withConfig({
541
540
  displayName: "StyledAddItem",
542
541
  componentId: "sc-ekqk50-0"
@@ -552,7 +551,7 @@ StyledAddItem.defaultProps = {
552
551
  var COMPONENT_ID$h = 'dropdowns.item_meta';
553
552
  var StyledItemMeta = styled.span.attrs({
554
553
  'data-garden-id': COMPONENT_ID$h,
555
- 'data-garden-version': '8.54.3'
554
+ 'data-garden-version': '8.56.0'
556
555
  }).withConfig({
557
556
  displayName: "StyledItemMeta",
558
557
  componentId: "sc-k6xy28-0"
@@ -575,7 +574,7 @@ var getSizeStyles = function getSizeStyles(props) {
575
574
  };
576
575
  var StyledItemIcon = styled.div.attrs({
577
576
  'data-garden-id': COMPONENT_ID$g,
578
- 'data-garden-version': '8.54.3'
577
+ 'data-garden-version': '8.56.0'
579
578
  }).withConfig({
580
579
  displayName: "StyledItemIcon",
581
580
  componentId: "sc-1v0ty11-0"
@@ -601,7 +600,7 @@ StyledItemIcon.defaultProps = {
601
600
  var COMPONENT_ID$f = 'dropdowns.next_item';
602
601
  var StyledNextItem = styled(StyledItem).attrs({
603
602
  'data-garden-id': COMPONENT_ID$f,
604
- 'data-garden-version': '8.54.3'
603
+ 'data-garden-version': '8.56.0'
605
604
  }).withConfig({
606
605
  displayName: "StyledNextItem",
607
606
  componentId: "sc-1bcygn5-0"
@@ -618,7 +617,7 @@ StyledNextItem.defaultProps = {
618
617
 
619
618
  var _path$4;
620
619
 
621
- function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
620
+ function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
622
621
 
623
622
  var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
624
623
  return /*#__PURE__*/React.createElement("svg", _extends$4({
@@ -639,7 +638,7 @@ var NextIconComponent = function NextIconComponent(_ref) {
639
638
  var className = _ref.className;
640
639
  return React__default.createElement(SvgChevronRightStroke, {
641
640
  "data-garden-id": COMPONENT_ID$e,
642
- "data-garden-version": '8.54.3',
641
+ "data-garden-version": '8.56.0',
643
642
  className: className
644
643
  });
645
644
  };
@@ -660,7 +659,7 @@ StyledNextIcon.defaultProps = {
660
659
  var COMPONENT_ID$d = 'dropdowns.previous_item';
661
660
  var StyledPreviousItem = styled(StyledItem).attrs({
662
661
  'data-garden-id': COMPONENT_ID$d,
663
- 'data-garden-version': '8.54.3'
662
+ 'data-garden-version': '8.56.0'
664
663
  }).withConfig({
665
664
  displayName: "StyledPreviousItem",
666
665
  componentId: "sc-1nmdds9-0"
@@ -675,7 +674,7 @@ StyledPreviousItem.defaultProps = {
675
674
 
676
675
  var _path$3;
677
676
 
678
- function _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
677
+ function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
679
678
 
680
679
  var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
681
680
  return /*#__PURE__*/React.createElement("svg", _extends$3({
@@ -696,7 +695,7 @@ var PreviousIconComponent = function PreviousIconComponent(_ref) {
696
695
  var className = _ref.className;
697
696
  return React__default.createElement(SvgChevronLeftStroke, {
698
697
  "data-garden-id": COMPONENT_ID$c,
699
- "data-garden-version": '8.54.3',
698
+ "data-garden-version": '8.56.0',
700
699
  className: className
701
700
  });
702
701
  };
@@ -717,7 +716,7 @@ StyledPreviousIcon.defaultProps = {
717
716
  var COMPONENT_ID$b = 'dropdowns.header_icon';
718
717
  var StyledHeaderIcon = styled.div.attrs({
719
718
  'data-garden-id': COMPONENT_ID$b,
720
- 'data-garden-version': '8.54.3'
719
+ 'data-garden-version': '8.56.0'
721
720
  }).withConfig({
722
721
  displayName: "StyledHeaderIcon",
723
722
  componentId: "sc-1fl6nsz-0"
@@ -747,7 +746,7 @@ var getHorizontalPadding = function getHorizontalPadding(props) {
747
746
  };
748
747
  var StyledHeaderItem = styled(StyledItem).attrs({
749
748
  'data-garden-id': COMPONENT_ID$a,
750
- 'data-garden-version': '8.54.3'
749
+ 'data-garden-version': '8.56.0'
751
750
  }).withConfig({
752
751
  displayName: "StyledHeaderItem",
753
752
  componentId: "sc-137filx-0"
@@ -767,7 +766,7 @@ StyledHeaderItem.defaultProps = {
767
766
  var COMPONENT_ID$9 = 'dropdowns.media_body';
768
767
  var StyledMediaBody = styled.div.attrs({
769
768
  'data-garden-id': COMPONENT_ID$9,
770
- 'data-garden-version': '8.54.3'
769
+ 'data-garden-version': '8.56.0'
771
770
  }).withConfig({
772
771
  displayName: "StyledMediaBody",
773
772
  componentId: "sc-36j7ef-0"
@@ -795,7 +794,7 @@ function (_ref) {
795
794
  );
796
795
  }).attrs({
797
796
  'data-garden-id': COMPONENT_ID$8,
798
- 'data-garden-version': '8.54.3'
797
+ 'data-garden-version': '8.56.0'
799
798
  }).withConfig({
800
799
  displayName: "StyledMediaFigure",
801
800
  componentId: "sc-2f2x8x-0"
@@ -817,7 +816,7 @@ StyledMediaFigure.defaultProps = {
817
816
  var COMPONENT_ID$7 = 'dropdowns.media_item';
818
817
  var StyledMediaItem = styled(StyledItem).attrs({
819
818
  'data-garden-id': COMPONENT_ID$7,
820
- 'data-garden-version': '8.54.3'
819
+ 'data-garden-version': '8.56.0'
821
820
  }).withConfig({
822
821
  displayName: "StyledMediaItem",
823
822
  componentId: "sc-ikwshz-0"
@@ -832,7 +831,7 @@ var COMPONENT_ID$6 = 'dropdowns.faux_input';
832
831
  var StyledFauxInput = styled(FauxInput).attrs(function (props) {
833
832
  return {
834
833
  'data-garden-id': COMPONENT_ID$6,
835
- 'data-garden-version': '8.54.3',
834
+ 'data-garden-version': '8.56.0',
836
835
  mediaLayout: true,
837
836
  theme: props.theme
838
837
  };
@@ -854,7 +853,7 @@ var COMPONENT_ID$5 = 'dropdowns.input';
854
853
  var hiddenStyling = css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
855
854
  var StyledInput = styled(Input).attrs({
856
855
  'data-garden-id': COMPONENT_ID$5,
857
- 'data-garden-version': '8.54.3',
856
+ 'data-garden-version': '8.56.0',
858
857
  isBare: true
859
858
  }).withConfig({
860
859
  displayName: "StyledInput",
@@ -871,7 +870,7 @@ StyledInput.defaultProps = {
871
870
  var COMPONENT_ID$4 = 'dropdowns.select';
872
871
  var StyledSelect = styled.div.attrs({
873
872
  'data-garden-id': COMPONENT_ID$4,
874
- 'data-garden-version': '8.54.3'
873
+ 'data-garden-version': '8.56.0'
875
874
  }).withConfig({
876
875
  displayName: "StyledSelect",
877
876
  componentId: "sc-xifmwj-0"
@@ -894,7 +893,7 @@ var visibleStyling = function visibleStyling(props) {
894
893
  };
895
894
  var StyledMultiselectInput = styled(StyledInput).attrs({
896
895
  'data-garden-id': COMPONENT_ID$3,
897
- 'data-garden-version': '8.54.3'
896
+ 'data-garden-version': '8.56.0'
898
897
  }).withConfig({
899
898
  displayName: "StyledMultiselectInput",
900
899
  componentId: "sc-1avnf6f-0"
@@ -924,7 +923,7 @@ var sizeStyles = function sizeStyles(props) {
924
923
  };
925
924
  var StyledMultiselectItemsContainer = styled.div.attrs({
926
925
  'data-garden-id': COMPONENT_ID$2,
927
- 'data-garden-version': '8.54.3'
926
+ 'data-garden-version': '8.56.0'
928
927
  }).withConfig({
929
928
  displayName: "StyledMultiselectItemsContainer",
930
929
  componentId: "sc-1jzhet8-0"
@@ -940,7 +939,7 @@ StyledMultiselectItemsContainer.defaultProps = {
940
939
  var COMPONENT_ID$1 = 'dropdowns.multiselect_item_wrapper';
941
940
  var StyledMultiselectItemWrapper = styled.div.attrs({
942
941
  'data-garden-id': COMPONENT_ID$1,
943
- 'data-garden-version': '8.54.3'
942
+ 'data-garden-version': '8.56.0'
944
943
  }).withConfig({
945
944
  displayName: "StyledMultiselectItemWrapper",
946
945
  componentId: "sc-1rb2bye-0"
@@ -956,7 +955,7 @@ StyledMultiselectItemWrapper.defaultProps = {
956
955
  var COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
957
956
  var StyledMultiselectMoreAnchor = styled.div.attrs({
958
957
  'data-garden-id': COMPONENT_ID,
959
- 'data-garden-version': '8.54.3'
958
+ 'data-garden-version': '8.56.0'
960
959
  }).withConfig({
961
960
  displayName: "StyledMultiselectMoreAnchor",
962
961
  componentId: "sc-1m9v46e-0"
@@ -1119,7 +1118,7 @@ Trigger.defaultProps = {
1119
1118
 
1120
1119
  var _path$2;
1121
1120
 
1122
- function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
1121
+ function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
1123
1122
 
1124
1123
  var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
1125
1124
  return /*#__PURE__*/React.createElement("svg", _extends$2({
@@ -1743,6 +1742,7 @@ var Select = React__default.forwardRef(function (_ref, _ref3) {
1743
1742
  isHovered: isContainerHovered,
1744
1743
  isFocused: isContainerFocused
1745
1744
  }, selectProps, {
1745
+ role: "none",
1746
1746
  ref: function ref(selectRef) {
1747
1747
  popperReference(selectRef);
1748
1748
  mergeRefs([triggerRef, _ref3, popperReferenceElementRef])(selectRef);
@@ -1988,7 +1988,7 @@ Separator.displayName = 'Separator';
1988
1988
 
1989
1989
  var _path$1;
1990
1990
 
1991
- function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
1991
+ function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
1992
1992
 
1993
1993
  var SvgPlusStroke = function SvgPlusStroke(props) {
1994
1994
  return /*#__PURE__*/React.createElement("svg", _extends$1({
@@ -2007,7 +2007,7 @@ var SvgPlusStroke = function SvgPlusStroke(props) {
2007
2007
 
2008
2008
  var _path;
2009
2009
 
2010
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2010
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2011
2011
 
2012
2012
  var SvgCheckLgStroke = function SvgCheckLgStroke(props) {
2013
2013
  return /*#__PURE__*/React.createElement("svg", _extends({
@@ -10,7 +10,7 @@ interface IStyledMultiselectInputProps {
10
10
  isCompact: boolean;
11
11
  isVisible: boolean;
12
12
  }
13
- export declare const StyledMultiselectInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-forms").IInputProps & import("react").RefAttributes<HTMLInputElement>>, DefaultTheme, {
13
+ export declare const StyledMultiselectInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("packages/forms/dist/typings").IInputProps & import("react").RefAttributes<HTMLInputElement>>, DefaultTheme, {
14
14
  'data-garden-id': string;
15
15
  'data-garden-version': string;
16
16
  isBare: true;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-dropdowns",
3
- "version": "8.54.3",
3
+ "version": "8.56.0",
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.54.3",
26
+ "@zendeskgarden/react-forms": "^8.56.0",
27
27
  "downshift": "^6.0.0",
28
28
  "polished": "^4.0.0",
29
29
  "prop-types": "^15.5.7",
@@ -38,7 +38,7 @@
38
38
  },
39
39
  "devDependencies": {
40
40
  "@types/lodash.debounce": "4.0.7",
41
- "@zendeskgarden/react-theming": "^8.54.3",
41
+ "@zendeskgarden/react-theming": "^8.56.0",
42
42
  "@zendeskgarden/svg-icons": "6.33.0",
43
43
  "lodash.debounce": "4.0.8"
44
44
  },
@@ -52,5 +52,5 @@
52
52
  "access": "public"
53
53
  },
54
54
  "zendeskgarden:src": "src/index.ts",
55
- "gitHead": "a0cee36de7275885b23776c0cb02dedeb63613b3"
55
+ "gitHead": "c0e1cb7669a366ff510cc9613e2b426d48019732"
56
56
  }