@zendeskgarden/react-dropdowns 8.74.1 → 8.74.3

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
@@ -16,7 +16,7 @@ var containerUtilities = require('@zendeskgarden/container-utilities');
16
16
  var reactTheming = require('@zendeskgarden/react-theming');
17
17
  var polished = require('polished');
18
18
  var reactForms = require('@zendeskgarden/react-forms');
19
- var reactMergeRefs = require('react-merge-refs');
19
+ var mergeRefs = require('react-merge-refs');
20
20
  var containerSelection = require('@zendeskgarden/container-selection');
21
21
  var reactDom = require('react-dom');
22
22
 
@@ -44,6 +44,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
44
44
  var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
45
45
  var styled__default = /*#__PURE__*/_interopDefault(styled);
46
46
  var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
47
+ var mergeRefs__default = /*#__PURE__*/_interopDefault(mergeRefs);
47
48
 
48
49
  function _extends$5() {
49
50
  _extends$5 = Object.assign ? Object.assign.bind() : function (target) {
@@ -305,7 +306,7 @@ function getMenuPosition(popperPlacement) {
305
306
  const COMPONENT_ID$m = 'dropdowns.menu';
306
307
  const StyledMenu = styled__default.default.ul.attrs(props => ({
307
308
  'data-garden-id': COMPONENT_ID$m,
308
- 'data-garden-version': '8.74.1',
309
+ 'data-garden-version': '8.74.3',
309
310
  className: props.isAnimated && 'is-animated'
310
311
  })).withConfig({
311
312
  displayName: "StyledMenu",
@@ -322,7 +323,7 @@ StyledMenu.defaultProps = {
322
323
  const COMPONENT_ID$l = 'dropdowns.menu_wrapper';
323
324
  const StyledMenuWrapper = styled__default.default.div.attrs(props => ({
324
325
  'data-garden-id': COMPONENT_ID$l,
325
- 'data-garden-version': '8.74.1',
326
+ 'data-garden-version': '8.74.3',
326
327
  className: props.isAnimated && 'is-animated'
327
328
  })).withConfig({
328
329
  displayName: "StyledMenuWrapper",
@@ -341,7 +342,7 @@ StyledMenuWrapper.defaultProps = {
341
342
  const COMPONENT_ID$k = 'dropdowns.separator';
342
343
  const StyledSeparator = styled__default.default.li.attrs({
343
344
  'data-garden-id': COMPONENT_ID$k,
344
- 'data-garden-version': '8.74.1',
345
+ 'data-garden-version': '8.74.3',
345
346
  role: 'separator'
346
347
  }).withConfig({
347
348
  displayName: "StyledSeparator",
@@ -374,7 +375,7 @@ const getColorStyles = props => {
374
375
  };
375
376
  const StyledItem = styled__default.default.li.attrs(props => ({
376
377
  'data-garden-id': COMPONENT_ID$j,
377
- 'data-garden-version': '8.74.1',
378
+ 'data-garden-version': '8.74.3',
378
379
  'aria-disabled': props.disabled
379
380
  })).withConfig({
380
381
  displayName: "StyledItem",
@@ -387,7 +388,7 @@ StyledItem.defaultProps = {
387
388
  const COMPONENT_ID$i = 'dropdowns.add_item';
388
389
  const StyledAddItem = styled__default.default(StyledItem).attrs({
389
390
  'data-garden-id': COMPONENT_ID$i,
390
- 'data-garden-version': '8.74.1'
391
+ 'data-garden-version': '8.74.3'
391
392
  }).withConfig({
392
393
  displayName: "StyledAddItem",
393
394
  componentId: "sc-ekqk50-0"
@@ -399,7 +400,7 @@ StyledAddItem.defaultProps = {
399
400
  const COMPONENT_ID$h = 'dropdowns.item_meta';
400
401
  const StyledItemMeta = styled__default.default.span.attrs({
401
402
  'data-garden-id': COMPONENT_ID$h,
402
- 'data-garden-version': '8.74.1'
403
+ 'data-garden-version': '8.74.3'
403
404
  }).withConfig({
404
405
  displayName: "StyledItemMeta",
405
406
  componentId: "sc-k6xy28-0"
@@ -414,7 +415,7 @@ const getSizeStyles = props => {
414
415
  };
415
416
  const StyledItemIcon = styled__default.default.div.attrs({
416
417
  'data-garden-id': COMPONENT_ID$g,
417
- 'data-garden-version': '8.74.1'
418
+ 'data-garden-version': '8.74.3'
418
419
  }).withConfig({
419
420
  displayName: "StyledItemIcon",
420
421
  componentId: "sc-1v0ty11-0"
@@ -426,7 +427,7 @@ StyledItemIcon.defaultProps = {
426
427
  const COMPONENT_ID$f = 'dropdowns.next_item';
427
428
  const StyledNextItem = styled__default.default(StyledItem).attrs({
428
429
  'data-garden-id': COMPONENT_ID$f,
429
- 'data-garden-version': '8.74.1'
430
+ 'data-garden-version': '8.74.3'
430
431
  }).withConfig({
431
432
  displayName: "StyledNextItem",
432
433
  componentId: "sc-1bcygn5-0"
@@ -458,7 +459,7 @@ const NextIconComponent = _ref => {
458
459
  } = _ref;
459
460
  return React__namespace.default.createElement(SvgChevronRightStroke, {
460
461
  "data-garden-id": COMPONENT_ID$e,
461
- "data-garden-version": '8.74.1',
462
+ "data-garden-version": '8.74.3',
462
463
  className: className
463
464
  });
464
465
  };
@@ -473,7 +474,7 @@ StyledNextIcon.defaultProps = {
473
474
  const COMPONENT_ID$d = 'dropdowns.previous_item';
474
475
  const StyledPreviousItem = styled__default.default(StyledItem).attrs({
475
476
  'data-garden-id': COMPONENT_ID$d,
476
- 'data-garden-version': '8.74.1'
477
+ 'data-garden-version': '8.74.3'
477
478
  }).withConfig({
478
479
  displayName: "StyledPreviousItem",
479
480
  componentId: "sc-1nmdds9-0"
@@ -505,7 +506,7 @@ const PreviousIconComponent = _ref => {
505
506
  } = _ref;
506
507
  return React__namespace.default.createElement(SvgChevronLeftStroke, {
507
508
  "data-garden-id": COMPONENT_ID$c,
508
- "data-garden-version": '8.74.1',
509
+ "data-garden-version": '8.74.3',
509
510
  className: className
510
511
  });
511
512
  };
@@ -520,7 +521,7 @@ StyledPreviousIcon.defaultProps = {
520
521
  const COMPONENT_ID$b = 'dropdowns.header_icon';
521
522
  const StyledHeaderIcon = styled__default.default.div.attrs({
522
523
  'data-garden-id': COMPONENT_ID$b,
523
- 'data-garden-version': '8.74.1'
524
+ 'data-garden-version': '8.74.3'
524
525
  }).withConfig({
525
526
  displayName: "StyledHeaderIcon",
526
527
  componentId: "sc-1fl6nsz-0"
@@ -538,7 +539,7 @@ const getHorizontalPadding = props => {
538
539
  };
539
540
  const StyledHeaderItem = styled__default.default(StyledItem).attrs({
540
541
  'data-garden-id': COMPONENT_ID$a,
541
- 'data-garden-version': '8.74.1'
542
+ 'data-garden-version': '8.74.3'
542
543
  }).withConfig({
543
544
  displayName: "StyledHeaderItem",
544
545
  componentId: "sc-137filx-0"
@@ -550,7 +551,7 @@ StyledHeaderItem.defaultProps = {
550
551
  const COMPONENT_ID$9 = 'dropdowns.media_body';
551
552
  const StyledMediaBody = styled__default.default.div.attrs({
552
553
  'data-garden-id': COMPONENT_ID$9,
553
- 'data-garden-version': '8.74.1'
554
+ 'data-garden-version': '8.74.3'
554
555
  }).withConfig({
555
556
  displayName: "StyledMediaBody",
556
557
  componentId: "sc-36j7ef-0"
@@ -573,7 +574,7 @@ _ref => {
573
574
  );
574
575
  }).attrs({
575
576
  'data-garden-id': COMPONENT_ID$8,
576
- 'data-garden-version': '8.74.1'
577
+ 'data-garden-version': '8.74.3'
577
578
  }).withConfig({
578
579
  displayName: "StyledMediaFigure",
579
580
  componentId: "sc-2f2x8x-0"
@@ -585,7 +586,7 @@ StyledMediaFigure.defaultProps = {
585
586
  const COMPONENT_ID$7 = 'dropdowns.media_item';
586
587
  const StyledMediaItem = styled__default.default(StyledItem).attrs({
587
588
  'data-garden-id': COMPONENT_ID$7,
588
- 'data-garden-version': '8.74.1'
589
+ 'data-garden-version': '8.74.3'
589
590
  }).withConfig({
590
591
  displayName: "StyledMediaItem",
591
592
  componentId: "sc-ikwshz-0"
@@ -597,7 +598,7 @@ StyledMediaItem.defaultProps = {
597
598
  const COMPONENT_ID$6 = 'dropdowns.faux_input';
598
599
  const StyledFauxInput = styled__default.default(reactForms.FauxInput).attrs(props => ({
599
600
  'data-garden-id': COMPONENT_ID$6,
600
- 'data-garden-version': '8.74.1',
601
+ 'data-garden-version': '8.74.3',
601
602
  mediaLayout: true,
602
603
  theme: props.theme
603
604
  })).withConfig({
@@ -612,7 +613,7 @@ const COMPONENT_ID$5 = 'dropdowns.input';
612
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;"]);
613
614
  const StyledInput = styled__default.default(reactForms.Input).attrs({
614
615
  'data-garden-id': COMPONENT_ID$5,
615
- 'data-garden-version': '8.74.1',
616
+ 'data-garden-version': '8.74.3',
616
617
  isBare: true
617
618
  }).withConfig({
618
619
  displayName: "StyledInput",
@@ -625,7 +626,7 @@ StyledInput.defaultProps = {
625
626
  const COMPONENT_ID$4 = 'dropdowns.select';
626
627
  const StyledSelect = styled__default.default.div.attrs({
627
628
  'data-garden-id': COMPONENT_ID$4,
628
- 'data-garden-version': '8.74.1'
629
+ 'data-garden-version': '8.74.3'
629
630
  }).withConfig({
630
631
  displayName: "StyledSelect",
631
632
  componentId: "sc-xifmwj-0"
@@ -646,7 +647,7 @@ const visibleStyling = props => {
646
647
  };
647
648
  const StyledMultiselectInput = styled__default.default(StyledInput).attrs({
648
649
  'data-garden-id': COMPONENT_ID$3,
649
- 'data-garden-version': '8.74.1',
650
+ 'data-garden-version': '8.74.3',
650
651
  isBare: true
651
652
  }).withConfig({
652
653
  displayName: "StyledMultiselectInput",
@@ -671,7 +672,7 @@ const sizeStyles = props => {
671
672
  };
672
673
  const StyledMultiselectItemsContainer = styled__default.default.div.attrs({
673
674
  'data-garden-id': COMPONENT_ID$2,
674
- 'data-garden-version': '8.74.1'
675
+ 'data-garden-version': '8.74.3'
675
676
  }).withConfig({
676
677
  displayName: "StyledMultiselectItemsContainer",
677
678
  componentId: "sc-1jzhet8-0"
@@ -683,7 +684,7 @@ StyledMultiselectItemsContainer.defaultProps = {
683
684
  const COMPONENT_ID$1 = 'dropdowns.multiselect_item_wrapper';
684
685
  const StyledMultiselectItemWrapper = styled__default.default.div.attrs({
685
686
  'data-garden-id': COMPONENT_ID$1,
686
- 'data-garden-version': '8.74.1'
687
+ 'data-garden-version': '8.74.3'
687
688
  }).withConfig({
688
689
  displayName: "StyledMultiselectItemWrapper",
689
690
  componentId: "sc-1rb2bye-0"
@@ -695,7 +696,7 @@ StyledMultiselectItemWrapper.defaultProps = {
695
696
  const COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
696
697
  const StyledMultiselectMoreAnchor = styled__default.default.div.attrs({
697
698
  'data-garden-id': COMPONENT_ID,
698
- 'data-garden-version': '8.74.1'
699
+ 'data-garden-version': '8.74.3'
699
700
  }).withConfig({
700
701
  displayName: "StyledMultiselectMoreAnchor",
701
702
  componentId: "sc-1m9v46e-0"
@@ -942,7 +943,7 @@ const Autocomplete = React.forwardRef((_ref, ref) => {
942
943
  }, selectProps, {
943
944
  ref: selectRef => {
944
945
  popperReference(selectRef);
945
- reactMergeRefs.mergeRefs([triggerRef, ref])(selectRef);
946
+ mergeRefs__default.default([triggerRef, ref])(selectRef);
946
947
  popperReferenceElementRef.current = selectRef;
947
948
  }
948
949
  }), start && React__namespace.default.createElement(StyledFauxInput.StartIcon, {
@@ -964,7 +965,7 @@ const Autocomplete = React.forwardRef((_ref, ref) => {
964
965
  }
965
966
  },
966
967
  role: 'combobox',
967
- ref: reactMergeRefs.mergeRefs([inputRef, controlledInputRef || null])
968
+ ref: mergeRefs__default.default([inputRef, controlledInputRef || null])
968
969
  })), !props.isBare && React__namespace.default.createElement(StyledFauxInput.EndIcon, {
969
970
  isHovered: isHovered || isLabelHovered && !isOpen,
970
971
  isFocused: isContainerFocused,
@@ -1053,13 +1054,13 @@ const Combobox = React.forwardRef((_ref, ref) => {
1053
1054
  } = _ref2;
1054
1055
  const wrapperRefProp = element => {
1055
1056
  popperReference(element);
1056
- reactMergeRefs.mergeRefs([wrapperRef, ref])(element);
1057
+ mergeRefs__default.default([wrapperRef, ref])(element);
1057
1058
  popperReferenceElementRef.current = element;
1058
1059
  };
1059
1060
  return React__namespace.default.createElement(reactForms.MediaInput, _extends$5({}, inputProps, {
1060
1061
  wrapperProps: wrapperProps,
1061
1062
  wrapperRef: wrapperRefProp,
1062
- ref: reactMergeRefs.mergeRefs([inputRef, inputRefProp])
1063
+ ref: mergeRefs__default.default([inputRef, inputRefProp])
1063
1064
  }));
1064
1065
  });
1065
1066
  });
@@ -1283,7 +1284,7 @@ const Multiselect = React__namespace.default.forwardRef((_ref, ref) => {
1283
1284
  isFocused: isContainerFocused,
1284
1285
  ref: selectRef => {
1285
1286
  popperReference(selectRef);
1286
- reactMergeRefs.mergeRefs([triggerRef, popperReferenceElementRef, ref])(selectRef);
1287
+ mergeRefs__default.default([triggerRef, popperReferenceElementRef, ref])(selectRef);
1287
1288
  }
1288
1289
  }), start && React__namespace.default.createElement(StyledFauxInput.StartIcon, {
1289
1290
  isHovered: isHovered || isLabelHovered && !isOpen,
@@ -1322,7 +1323,7 @@ const Multiselect = React__namespace.default.forwardRef((_ref, ref) => {
1322
1323
  isVisible: isFocused || inputValue || selectedItems.length === 0,
1323
1324
  isCompact: props.isCompact,
1324
1325
  role: 'combobox',
1325
- ref: reactMergeRefs.mergeRefs([inputRef, externalInputRef]),
1326
+ ref: mergeRefs__default.default([inputRef, externalInputRef]),
1326
1327
  placeholder: selectedItems.length === 0 ? placeholder : undefined
1327
1328
  }))), !props.isBare && React__namespace.default.createElement(StyledFauxInput.EndIcon, {
1328
1329
  isHovered: isHovered || isLabelHovered && !isOpen,
@@ -1465,7 +1466,7 @@ const Select = React__namespace.default.forwardRef((_ref, ref) => {
1465
1466
  role: "none",
1466
1467
  ref: selectRef => {
1467
1468
  popperReference(selectRef);
1468
- reactMergeRefs.mergeRefs([triggerRef, ref, popperReferenceElementRef])(selectRef);
1469
+ mergeRefs__default.default([triggerRef, ref, popperReferenceElementRef])(selectRef);
1469
1470
  }
1470
1471
  }), start && React__namespace.default.createElement(StyledFauxInput.StartIcon, {
1471
1472
  isHovered: isHovered || isLabelHovered && !isOpen,
@@ -1518,7 +1519,7 @@ const Field = React.forwardRef((props, fieldRef) => {
1518
1519
  return React__namespace.default.createElement(FieldContext.Provider, {
1519
1520
  value: value
1520
1521
  }, React__namespace.default.createElement(reactForms.Field, _extends$5({
1521
- ref: reactMergeRefs.mergeRefs([ref, fieldRef])
1522
+ ref: mergeRefs__default.default([ref, fieldRef])
1522
1523
  }, props)));
1523
1524
  });
1524
1525
  Field.displayName = 'Field';
@@ -1812,7 +1813,7 @@ const Item = React__namespace.default.forwardRef((_ref, forwardRef) => {
1812
1813
  const contextValue = React.useMemo(() => ({
1813
1814
  isDisabled: disabled
1814
1815
  }), [disabled]);
1815
- const ref = reactMergeRefs.mergeRefs([itemRef, forwardRef]);
1816
+ const ref = mergeRefs__default.default([itemRef, forwardRef]);
1816
1817
  if (disabled) {
1817
1818
  return React__namespace.default.createElement(ItemContext.Provider, {
1818
1819
  value: contextValue
package/dist/index.esm.js CHANGED
@@ -16,7 +16,7 @@ import { composeEventHandlers, KEY_CODES } from '@zendeskgarden/container-utilit
16
16
  import { arrowStyles, retrieveComponentStyles, DEFAULT_THEME, menuStyles, getColor, getLineHeight, useDocument } from '@zendeskgarden/react-theming';
17
17
  import { rgba, math } from 'polished';
18
18
  import { FauxInput, Input, VALIDATION, MediaInput, Field as Field$1, Hint as Hint$1, Label as Label$1, Message as Message$1 } from '@zendeskgarden/react-forms';
19
- import { mergeRefs } from 'react-merge-refs';
19
+ import mergeRefs from 'react-merge-refs';
20
20
  import { useSelection } from '@zendeskgarden/container-selection';
21
21
  import { createPortal } from 'react-dom';
22
22
 
@@ -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.74.1',
283
+ 'data-garden-version': '8.74.3',
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.74.1',
300
+ 'data-garden-version': '8.74.3',
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.74.1',
319
+ 'data-garden-version': '8.74.3',
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.74.1',
352
+ 'data-garden-version': '8.74.3',
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.74.1'
365
+ 'data-garden-version': '8.74.3'
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.74.1'
377
+ 'data-garden-version': '8.74.3'
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.74.1'
392
+ 'data-garden-version': '8.74.3'
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.74.1'
404
+ 'data-garden-version': '8.74.3'
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.74.1',
436
+ "data-garden-version": '8.74.3',
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.74.1'
451
+ 'data-garden-version': '8.74.3'
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.74.1',
483
+ "data-garden-version": '8.74.3',
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.74.1'
498
+ 'data-garden-version': '8.74.3'
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.74.1'
516
+ 'data-garden-version': '8.74.3'
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.74.1'
528
+ 'data-garden-version': '8.74.3'
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.74.1'
551
+ 'data-garden-version': '8.74.3'
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.74.1'
563
+ 'data-garden-version': '8.74.3'
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.74.1',
575
+ 'data-garden-version': '8.74.3',
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.74.1',
590
+ 'data-garden-version': '8.74.3',
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.74.1'
603
+ 'data-garden-version': '8.74.3'
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.74.1',
624
+ 'data-garden-version': '8.74.3',
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.74.1'
649
+ 'data-garden-version': '8.74.3'
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.74.1'
661
+ 'data-garden-version': '8.74.3'
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.74.1'
673
+ 'data-garden-version': '8.74.3'
674
674
  }).withConfig({
675
675
  displayName: "StyledMultiselectMoreAnchor",
676
676
  componentId: "sc-1m9v46e-0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-dropdowns",
3
- "version": "8.74.1",
3
+ "version": "8.74.3",
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,11 +23,11 @@
23
23
  "dependencies": {
24
24
  "@zendeskgarden/container-selection": "^2.0.0",
25
25
  "@zendeskgarden/container-utilities": "^1.0.14",
26
- "@zendeskgarden/react-forms": "^8.74.1",
26
+ "@zendeskgarden/react-forms": "^8.74.3",
27
27
  "downshift": "^7.0.0",
28
28
  "polished": "^4.0.0",
29
29
  "prop-types": "^15.5.7",
30
- "react-merge-refs": "^2.0.0",
30
+ "react-merge-refs": "^1.1.0",
31
31
  "react-popper": "^1.3.4"
32
32
  },
33
33
  "peerDependencies": {
@@ -38,7 +38,7 @@
38
38
  },
39
39
  "devDependencies": {
40
40
  "@types/lodash.debounce": "4.0.9",
41
- "@zendeskgarden/react-theming": "^8.74.1",
41
+ "@zendeskgarden/react-theming": "^8.74.3",
42
42
  "@zendeskgarden/svg-icons": "7.0.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": "4637bf600631be336574ddb5a31fda8f9bc27de6"
55
+ "gitHead": "2ae5e421f4bad609f443d6b227e00b6d8e77a06d"
56
56
  }