@zendeskgarden/react-dropdowns.legacy 9.0.0-next.12 → 9.0.0-next.14

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 (31) hide show
  1. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/check-lg-stroke.svg.js +1 -1
  2. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-down-stroke.svg.js +1 -1
  3. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-left-stroke.svg.js +1 -1
  4. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-right-stroke.svg.js +1 -1
  5. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/plus-stroke.svg.js +1 -1
  6. package/dist/esm/styled/items/StyledAddItem.js +1 -1
  7. package/dist/esm/styled/items/StyledItem.js +1 -1
  8. package/dist/esm/styled/items/StyledItemIcon.js +1 -1
  9. package/dist/esm/styled/items/StyledItemMeta.js +1 -1
  10. package/dist/esm/styled/items/StyledNextIcon.js +1 -1
  11. package/dist/esm/styled/items/StyledNextItem.js +1 -1
  12. package/dist/esm/styled/items/StyledPreviousIcon.js +1 -1
  13. package/dist/esm/styled/items/StyledPreviousItem.js +1 -1
  14. package/dist/esm/styled/items/header/StyledHeaderIcon.js +1 -1
  15. package/dist/esm/styled/items/header/StyledHeaderItem.js +1 -1
  16. package/dist/esm/styled/items/media/StyledMediaBody.js +1 -1
  17. package/dist/esm/styled/items/media/StyledMediaFigure.js +1 -1
  18. package/dist/esm/styled/items/media/StyledMediaItem.js +1 -1
  19. package/dist/esm/styled/menu/StyledMenu.js +2 -2
  20. package/dist/esm/styled/menu/StyledMenuWrapper.js +1 -1
  21. package/dist/esm/styled/menu/StyledSeparator.js +1 -1
  22. package/dist/esm/styled/multiselect/StyledMultiselectInput.js +1 -1
  23. package/dist/esm/styled/multiselect/StyledMultiselectItemWrapper.js +1 -1
  24. package/dist/esm/styled/multiselect/StyledMultiselectItemsContainer.js +1 -1
  25. package/dist/esm/styled/multiselect/StyledMultiselectMoreAnchor.js +1 -1
  26. package/dist/esm/styled/select/StyledFauxInput.js +1 -1
  27. package/dist/esm/styled/select/StyledInput.js +1 -1
  28. package/dist/esm/styled/select/StyledSelect.js +1 -1
  29. package/dist/index.cjs.js +29 -29
  30. package/dist/typings/styled/select/StyledFauxInput.d.ts +2 -2
  31. package/package.json +6 -6
@@ -7,7 +7,7 @@
7
7
  import * as React from 'react';
8
8
 
9
9
  var _path;
10
- 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); }
10
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
11
11
  var SvgCheckLgStroke = function SvgCheckLgStroke(props) {
12
12
  return /*#__PURE__*/React.createElement("svg", _extends({
13
13
  xmlns: "http://www.w3.org/2000/svg",
@@ -7,7 +7,7 @@
7
7
  import * as React from 'react';
8
8
 
9
9
  var _path;
10
- 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); }
10
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
11
11
  var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
12
12
  return /*#__PURE__*/React.createElement("svg", _extends({
13
13
  xmlns: "http://www.w3.org/2000/svg",
@@ -7,7 +7,7 @@
7
7
  import * as React from 'react';
8
8
 
9
9
  var _path;
10
- 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); }
10
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
11
11
  var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
12
12
  return /*#__PURE__*/React.createElement("svg", _extends({
13
13
  xmlns: "http://www.w3.org/2000/svg",
@@ -7,7 +7,7 @@
7
7
  import * as React from 'react';
8
8
 
9
9
  var _path;
10
- 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); }
10
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
11
11
  var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
12
12
  return /*#__PURE__*/React.createElement("svg", _extends({
13
13
  xmlns: "http://www.w3.org/2000/svg",
@@ -7,7 +7,7 @@
7
7
  import * as React from 'react';
8
8
 
9
9
  var _path;
10
- 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); }
10
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
11
11
  var SvgPlusStroke = function SvgPlusStroke(props) {
12
12
  return /*#__PURE__*/React.createElement("svg", _extends({
13
13
  xmlns: "http://www.w3.org/2000/svg",
@@ -11,7 +11,7 @@ import { StyledItem } from './StyledItem.js';
11
11
  const COMPONENT_ID = 'dropdowns.add_item';
12
12
  const StyledAddItem = styled(StyledItem).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.12'
14
+ 'data-garden-version': '9.0.0-next.14'
15
15
  }).withConfig({
16
16
  displayName: "StyledAddItem",
17
17
  componentId: "sc-mlto71-0"
@@ -31,7 +31,7 @@ const getColorStyles = props => {
31
31
  };
32
32
  const StyledItem = styled.li.attrs(props => ({
33
33
  'data-garden-id': COMPONENT_ID,
34
- 'data-garden-version': '9.0.0-next.12',
34
+ 'data-garden-version': '9.0.0-next.14',
35
35
  'aria-disabled': props.disabled
36
36
  })).withConfig({
37
37
  displayName: "StyledItem",
@@ -15,7 +15,7 @@ const getSizeStyles = props => {
15
15
  };
16
16
  const StyledItemIcon = styled.div.attrs({
17
17
  'data-garden-id': COMPONENT_ID,
18
- 'data-garden-version': '9.0.0-next.12'
18
+ 'data-garden-version': '9.0.0-next.14'
19
19
  }).withConfig({
20
20
  displayName: "StyledItemIcon",
21
21
  componentId: "sc-pspm80-0"
@@ -10,7 +10,7 @@ import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgard
10
10
  const COMPONENT_ID = 'dropdowns.item_meta';
11
11
  const StyledItemMeta = styled.span.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.12'
13
+ 'data-garden-version': '9.0.0-next.14'
14
14
  }).withConfig({
15
15
  displayName: "StyledItemMeta",
16
16
  componentId: "sc-1m3x8m1-0"
@@ -16,7 +16,7 @@ const NextIconComponent = _ref => {
16
16
  } = _ref;
17
17
  return React__default.createElement(SvgChevronRightStroke, {
18
18
  "data-garden-id": COMPONENT_ID,
19
- "data-garden-version": '9.0.0-next.12',
19
+ "data-garden-version": '9.0.0-next.14',
20
20
  className: className
21
21
  });
22
22
  };
@@ -12,7 +12,7 @@ import { StyledItemIcon } from './StyledItemIcon.js';
12
12
  const COMPONENT_ID = 'dropdowns.next_item';
13
13
  const StyledNextItem = styled(StyledItem).attrs({
14
14
  'data-garden-id': COMPONENT_ID,
15
- 'data-garden-version': '9.0.0-next.12'
15
+ 'data-garden-version': '9.0.0-next.14'
16
16
  }).withConfig({
17
17
  displayName: "StyledNextItem",
18
18
  componentId: "sc-1wrjlge-0"
@@ -16,7 +16,7 @@ const PreviousIconComponent = _ref => {
16
16
  } = _ref;
17
17
  return React__default.createElement(SvgChevronLeftStroke, {
18
18
  "data-garden-id": COMPONENT_ID,
19
- "data-garden-version": '9.0.0-next.12',
19
+ "data-garden-version": '9.0.0-next.14',
20
20
  className: className
21
21
  });
22
22
  };
@@ -11,7 +11,7 @@ import { StyledItem } from './StyledItem.js';
11
11
  const COMPONENT_ID = 'dropdowns.previous_item';
12
12
  const StyledPreviousItem = styled(StyledItem).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.12'
14
+ 'data-garden-version': '9.0.0-next.14'
15
15
  }).withConfig({
16
16
  displayName: "StyledPreviousItem",
17
17
  componentId: "sc-1qv9jwe-0"
@@ -10,7 +10,7 @@ import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgard
10
10
  const COMPONENT_ID = 'dropdowns.header_icon';
11
11
  const StyledHeaderIcon = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.12'
13
+ 'data-garden-version': '9.0.0-next.14'
14
14
  }).withConfig({
15
15
  displayName: "StyledHeaderIcon",
16
16
  componentId: "sc-ow8s45-0"
@@ -17,7 +17,7 @@ const getHorizontalPadding = props => {
17
17
  };
18
18
  const StyledHeaderItem = styled(StyledItem).attrs({
19
19
  'data-garden-id': COMPONENT_ID,
20
- 'data-garden-version': '9.0.0-next.12'
20
+ 'data-garden-version': '9.0.0-next.14'
21
21
  }).withConfig({
22
22
  displayName: "StyledHeaderItem",
23
23
  componentId: "sc-1xosinr-0"
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
10
10
  const COMPONENT_ID = 'dropdowns.media_body';
11
11
  const StyledMediaBody = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.12'
13
+ 'data-garden-version': '9.0.0-next.14'
14
14
  }).withConfig({
15
15
  displayName: "StyledMediaBody",
16
16
  componentId: "sc-133sssc-0"
@@ -22,7 +22,7 @@ _ref => {
22
22
  );
23
23
  }).attrs({
24
24
  'data-garden-id': COMPONENT_ID,
25
- 'data-garden-version': '9.0.0-next.12'
25
+ 'data-garden-version': '9.0.0-next.14'
26
26
  }).withConfig({
27
27
  displayName: "StyledMediaFigure",
28
28
  componentId: "sc-16vz3xj-0"
@@ -11,7 +11,7 @@ import { StyledItem } from '../StyledItem.js';
11
11
  const COMPONENT_ID = 'dropdowns.media_item';
12
12
  const StyledMediaItem = styled(StyledItem).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.12'
14
+ 'data-garden-version': '9.0.0-next.14'
15
15
  }).withConfig({
16
16
  displayName: "StyledMediaItem",
17
17
  componentId: "sc-af4509-0"
@@ -11,14 +11,14 @@ import { getArrowPosition } from '../../utils/garden-placements.js';
11
11
  const COMPONENT_ID = 'dropdowns.menu';
12
12
  const StyledMenu = styled.ul.attrs(props => ({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.12',
14
+ 'data-garden-version': '9.0.0-next.14',
15
15
  className: props.isAnimated && 'is-animated'
16
16
  })).withConfig({
17
17
  displayName: "StyledMenu",
18
18
  componentId: "sc-lzt5u6-0"
19
19
  })(["position:static !important;max-height:", ";overflow-y:auto;", ";", ";"], props => props.maxHeight, props => props.hasArrow && arrowStyles(getArrowPosition(props.placement), {
20
20
  size: `${props.theme.space.base * 2}px`,
21
- inset: '2px',
21
+ inset: '1.5px',
22
22
  animationModifier: props.isAnimated ? '.is-animated' : undefined
23
23
  }), props => retrieveComponentStyles(COMPONENT_ID, props));
24
24
  StyledMenu.defaultProps = {
@@ -11,7 +11,7 @@ import { getMenuPosition } from '../../utils/garden-placements.js';
11
11
  const COMPONENT_ID = 'dropdowns.menu_wrapper';
12
12
  const StyledMenuWrapper = styled.div.attrs(props => ({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.12',
14
+ 'data-garden-version': '9.0.0-next.14',
15
15
  className: props.isAnimated && 'is-animated'
16
16
  })).withConfig({
17
17
  displayName: "StyledMenuWrapper",
@@ -10,7 +10,7 @@ import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgard
10
10
  const COMPONENT_ID = 'dropdowns.separator';
11
11
  const StyledSeparator = styled.li.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.12',
13
+ 'data-garden-version': '9.0.0-next.14',
14
14
  role: 'separator'
15
15
  }).withConfig({
16
16
  displayName: "StyledSeparator",
@@ -20,7 +20,7 @@ const visibleStyling = props => {
20
20
  };
21
21
  const StyledMultiselectInput = styled(StyledInput).attrs({
22
22
  'data-garden-id': COMPONENT_ID,
23
- 'data-garden-version': '9.0.0-next.12',
23
+ 'data-garden-version': '9.0.0-next.14',
24
24
  isBare: true
25
25
  }).withConfig({
26
26
  displayName: "StyledMultiselectInput",
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
10
10
  const COMPONENT_ID = 'dropdowns.multiselect_item_wrapper';
11
11
  const StyledMultiselectItemWrapper = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.12'
13
+ 'data-garden-version': '9.0.0-next.14'
14
14
  }).withConfig({
15
15
  displayName: "StyledMultiselectItemWrapper",
16
16
  componentId: "sc-vgr7nd-0"
@@ -22,7 +22,7 @@ const sizeStyles = props => {
22
22
  };
23
23
  const StyledMultiselectItemsContainer = styled.div.attrs({
24
24
  'data-garden-id': COMPONENT_ID,
25
- 'data-garden-version': '9.0.0-next.12'
25
+ 'data-garden-version': '9.0.0-next.14'
26
26
  }).withConfig({
27
27
  displayName: "StyledMultiselectItemsContainer",
28
28
  componentId: "sc-1dxwjyz-0"
@@ -10,7 +10,7 @@ import { getLineHeight, getColorV8, retrieveComponentStyles, DEFAULT_THEME } fro
10
10
  const COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
11
11
  const StyledMultiselectMoreAnchor = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.12'
13
+ 'data-garden-version': '9.0.0-next.14'
14
14
  }).withConfig({
15
15
  displayName: "StyledMultiselectMoreAnchor",
16
16
  componentId: "sc-pkakky-0"
@@ -11,7 +11,7 @@ import { FauxInput } from '@zendeskgarden/react-forms';
11
11
  const COMPONENT_ID = 'dropdowns.faux_input';
12
12
  const StyledFauxInput = styled(FauxInput).attrs(props => ({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.12',
14
+ 'data-garden-version': '9.0.0-next.14',
15
15
  mediaLayout: true,
16
16
  theme: props.theme
17
17
  })).withConfig({
@@ -12,7 +12,7 @@ const COMPONENT_ID = 'dropdowns.input';
12
12
  const hiddenStyling = css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
13
13
  const StyledInput = styled(Input).attrs({
14
14
  'data-garden-id': COMPONENT_ID,
15
- 'data-garden-version': '9.0.0-next.12',
15
+ 'data-garden-version': '9.0.0-next.14',
16
16
  isBare: true
17
17
  }).withConfig({
18
18
  displayName: "StyledInput",
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
10
10
  const COMPONENT_ID = 'dropdowns.select';
11
11
  const StyledSelect = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.12'
13
+ 'data-garden-version': '9.0.0-next.14'
14
14
  }).withConfig({
15
15
  displayName: "StyledSelect",
16
16
  componentId: "sc-xf4qjv-0"
package/dist/index.cjs.js CHANGED
@@ -289,14 +289,14 @@ function getMenuPosition(popperPlacement) {
289
289
  const COMPONENT_ID$m = 'dropdowns.menu';
290
290
  const StyledMenu = styled__default.default.ul.attrs(props => ({
291
291
  'data-garden-id': COMPONENT_ID$m,
292
- 'data-garden-version': '9.0.0-next.12',
292
+ 'data-garden-version': '9.0.0-next.14',
293
293
  className: props.isAnimated && 'is-animated'
294
294
  })).withConfig({
295
295
  displayName: "StyledMenu",
296
296
  componentId: "sc-lzt5u6-0"
297
297
  })(["position:static !important;max-height:", ";overflow-y:auto;", ";", ";"], props => props.maxHeight, props => props.hasArrow && reactTheming.arrowStyles(getArrowPosition(props.placement), {
298
298
  size: `${props.theme.space.base * 2}px`,
299
- inset: '2px',
299
+ inset: '1.5px',
300
300
  animationModifier: props.isAnimated ? '.is-animated' : undefined
301
301
  }), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$m, props));
302
302
  StyledMenu.defaultProps = {
@@ -306,7 +306,7 @@ StyledMenu.defaultProps = {
306
306
  const COMPONENT_ID$l = 'dropdowns.menu_wrapper';
307
307
  const StyledMenuWrapper = styled__default.default.div.attrs(props => ({
308
308
  'data-garden-id': COMPONENT_ID$l,
309
- 'data-garden-version': '9.0.0-next.12',
309
+ 'data-garden-version': '9.0.0-next.14',
310
310
  className: props.isAnimated && 'is-animated'
311
311
  })).withConfig({
312
312
  displayName: "StyledMenuWrapper",
@@ -325,7 +325,7 @@ StyledMenuWrapper.defaultProps = {
325
325
  const COMPONENT_ID$k = 'dropdowns.separator';
326
326
  const StyledSeparator = styled__default.default.li.attrs({
327
327
  'data-garden-id': COMPONENT_ID$k,
328
- 'data-garden-version': '9.0.0-next.12',
328
+ 'data-garden-version': '9.0.0-next.14',
329
329
  role: 'separator'
330
330
  }).withConfig({
331
331
  displayName: "StyledSeparator",
@@ -358,7 +358,7 @@ const getColorStyles = props => {
358
358
  };
359
359
  const StyledItem = styled__default.default.li.attrs(props => ({
360
360
  'data-garden-id': COMPONENT_ID$j,
361
- 'data-garden-version': '9.0.0-next.12',
361
+ 'data-garden-version': '9.0.0-next.14',
362
362
  'aria-disabled': props.disabled
363
363
  })).withConfig({
364
364
  displayName: "StyledItem",
@@ -371,7 +371,7 @@ StyledItem.defaultProps = {
371
371
  const COMPONENT_ID$i = 'dropdowns.add_item';
372
372
  const StyledAddItem = styled__default.default(StyledItem).attrs({
373
373
  'data-garden-id': COMPONENT_ID$i,
374
- 'data-garden-version': '9.0.0-next.12'
374
+ 'data-garden-version': '9.0.0-next.14'
375
375
  }).withConfig({
376
376
  displayName: "StyledAddItem",
377
377
  componentId: "sc-mlto71-0"
@@ -383,7 +383,7 @@ StyledAddItem.defaultProps = {
383
383
  const COMPONENT_ID$h = 'dropdowns.item_meta';
384
384
  const StyledItemMeta = styled__default.default.span.attrs({
385
385
  'data-garden-id': COMPONENT_ID$h,
386
- 'data-garden-version': '9.0.0-next.12'
386
+ 'data-garden-version': '9.0.0-next.14'
387
387
  }).withConfig({
388
388
  displayName: "StyledItemMeta",
389
389
  componentId: "sc-1m3x8m1-0"
@@ -398,7 +398,7 @@ const getSizeStyles = props => {
398
398
  };
399
399
  const StyledItemIcon = styled__default.default.div.attrs({
400
400
  'data-garden-id': COMPONENT_ID$g,
401
- 'data-garden-version': '9.0.0-next.12'
401
+ 'data-garden-version': '9.0.0-next.14'
402
402
  }).withConfig({
403
403
  displayName: "StyledItemIcon",
404
404
  componentId: "sc-pspm80-0"
@@ -410,7 +410,7 @@ StyledItemIcon.defaultProps = {
410
410
  const COMPONENT_ID$f = 'dropdowns.next_item';
411
411
  const StyledNextItem = styled__default.default(StyledItem).attrs({
412
412
  'data-garden-id': COMPONENT_ID$f,
413
- 'data-garden-version': '9.0.0-next.12'
413
+ 'data-garden-version': '9.0.0-next.14'
414
414
  }).withConfig({
415
415
  displayName: "StyledNextItem",
416
416
  componentId: "sc-1wrjlge-0"
@@ -420,7 +420,7 @@ StyledNextItem.defaultProps = {
420
420
  };
421
421
 
422
422
  var _path$4;
423
- 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); }
423
+ function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
424
424
  var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
425
425
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
426
426
  xmlns: "http://www.w3.org/2000/svg",
@@ -442,7 +442,7 @@ const NextIconComponent = _ref => {
442
442
  } = _ref;
443
443
  return React__namespace.default.createElement(SvgChevronRightStroke, {
444
444
  "data-garden-id": COMPONENT_ID$e,
445
- "data-garden-version": '9.0.0-next.12',
445
+ "data-garden-version": '9.0.0-next.14',
446
446
  className: className
447
447
  });
448
448
  };
@@ -457,7 +457,7 @@ StyledNextIcon.defaultProps = {
457
457
  const COMPONENT_ID$d = 'dropdowns.previous_item';
458
458
  const StyledPreviousItem = styled__default.default(StyledItem).attrs({
459
459
  'data-garden-id': COMPONENT_ID$d,
460
- 'data-garden-version': '9.0.0-next.12'
460
+ 'data-garden-version': '9.0.0-next.14'
461
461
  }).withConfig({
462
462
  displayName: "StyledPreviousItem",
463
463
  componentId: "sc-1qv9jwe-0"
@@ -467,7 +467,7 @@ StyledPreviousItem.defaultProps = {
467
467
  };
468
468
 
469
469
  var _path$3;
470
- 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); }
470
+ function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
471
471
  var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
472
472
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
473
473
  xmlns: "http://www.w3.org/2000/svg",
@@ -489,7 +489,7 @@ const PreviousIconComponent = _ref => {
489
489
  } = _ref;
490
490
  return React__namespace.default.createElement(SvgChevronLeftStroke, {
491
491
  "data-garden-id": COMPONENT_ID$c,
492
- "data-garden-version": '9.0.0-next.12',
492
+ "data-garden-version": '9.0.0-next.14',
493
493
  className: className
494
494
  });
495
495
  };
@@ -504,7 +504,7 @@ StyledPreviousIcon.defaultProps = {
504
504
  const COMPONENT_ID$b = 'dropdowns.header_icon';
505
505
  const StyledHeaderIcon = styled__default.default.div.attrs({
506
506
  'data-garden-id': COMPONENT_ID$b,
507
- 'data-garden-version': '9.0.0-next.12'
507
+ 'data-garden-version': '9.0.0-next.14'
508
508
  }).withConfig({
509
509
  displayName: "StyledHeaderIcon",
510
510
  componentId: "sc-ow8s45-0"
@@ -522,7 +522,7 @@ const getHorizontalPadding = props => {
522
522
  };
523
523
  const StyledHeaderItem = styled__default.default(StyledItem).attrs({
524
524
  'data-garden-id': COMPONENT_ID$a,
525
- 'data-garden-version': '9.0.0-next.12'
525
+ 'data-garden-version': '9.0.0-next.14'
526
526
  }).withConfig({
527
527
  displayName: "StyledHeaderItem",
528
528
  componentId: "sc-1xosinr-0"
@@ -534,7 +534,7 @@ StyledHeaderItem.defaultProps = {
534
534
  const COMPONENT_ID$9 = 'dropdowns.media_body';
535
535
  const StyledMediaBody = styled__default.default.div.attrs({
536
536
  'data-garden-id': COMPONENT_ID$9,
537
- 'data-garden-version': '9.0.0-next.12'
537
+ 'data-garden-version': '9.0.0-next.14'
538
538
  }).withConfig({
539
539
  displayName: "StyledMediaBody",
540
540
  componentId: "sc-133sssc-0"
@@ -557,7 +557,7 @@ _ref => {
557
557
  );
558
558
  }).attrs({
559
559
  'data-garden-id': COMPONENT_ID$8,
560
- 'data-garden-version': '9.0.0-next.12'
560
+ 'data-garden-version': '9.0.0-next.14'
561
561
  }).withConfig({
562
562
  displayName: "StyledMediaFigure",
563
563
  componentId: "sc-16vz3xj-0"
@@ -569,7 +569,7 @@ StyledMediaFigure.defaultProps = {
569
569
  const COMPONENT_ID$7 = 'dropdowns.media_item';
570
570
  const StyledMediaItem = styled__default.default(StyledItem).attrs({
571
571
  'data-garden-id': COMPONENT_ID$7,
572
- 'data-garden-version': '9.0.0-next.12'
572
+ 'data-garden-version': '9.0.0-next.14'
573
573
  }).withConfig({
574
574
  displayName: "StyledMediaItem",
575
575
  componentId: "sc-af4509-0"
@@ -581,7 +581,7 @@ StyledMediaItem.defaultProps = {
581
581
  const COMPONENT_ID$6 = 'dropdowns.faux_input';
582
582
  const StyledFauxInput = styled__default.default(reactForms.FauxInput).attrs(props => ({
583
583
  'data-garden-id': COMPONENT_ID$6,
584
- 'data-garden-version': '9.0.0-next.12',
584
+ 'data-garden-version': '9.0.0-next.14',
585
585
  mediaLayout: true,
586
586
  theme: props.theme
587
587
  })).withConfig({
@@ -596,7 +596,7 @@ const COMPONENT_ID$5 = 'dropdowns.input';
596
596
  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;"]);
597
597
  const StyledInput = styled__default.default(reactForms.Input).attrs({
598
598
  'data-garden-id': COMPONENT_ID$5,
599
- 'data-garden-version': '9.0.0-next.12',
599
+ 'data-garden-version': '9.0.0-next.14',
600
600
  isBare: true
601
601
  }).withConfig({
602
602
  displayName: "StyledInput",
@@ -609,7 +609,7 @@ StyledInput.defaultProps = {
609
609
  const COMPONENT_ID$4 = 'dropdowns.select';
610
610
  const StyledSelect = styled__default.default.div.attrs({
611
611
  'data-garden-id': COMPONENT_ID$4,
612
- 'data-garden-version': '9.0.0-next.12'
612
+ 'data-garden-version': '9.0.0-next.14'
613
613
  }).withConfig({
614
614
  displayName: "StyledSelect",
615
615
  componentId: "sc-xf4qjv-0"
@@ -630,7 +630,7 @@ const visibleStyling = props => {
630
630
  };
631
631
  const StyledMultiselectInput = styled__default.default(StyledInput).attrs({
632
632
  'data-garden-id': COMPONENT_ID$3,
633
- 'data-garden-version': '9.0.0-next.12',
633
+ 'data-garden-version': '9.0.0-next.14',
634
634
  isBare: true
635
635
  }).withConfig({
636
636
  displayName: "StyledMultiselectInput",
@@ -655,7 +655,7 @@ const sizeStyles = props => {
655
655
  };
656
656
  const StyledMultiselectItemsContainer = styled__default.default.div.attrs({
657
657
  'data-garden-id': COMPONENT_ID$2,
658
- 'data-garden-version': '9.0.0-next.12'
658
+ 'data-garden-version': '9.0.0-next.14'
659
659
  }).withConfig({
660
660
  displayName: "StyledMultiselectItemsContainer",
661
661
  componentId: "sc-1dxwjyz-0"
@@ -667,7 +667,7 @@ StyledMultiselectItemsContainer.defaultProps = {
667
667
  const COMPONENT_ID$1 = 'dropdowns.multiselect_item_wrapper';
668
668
  const StyledMultiselectItemWrapper = styled__default.default.div.attrs({
669
669
  'data-garden-id': COMPONENT_ID$1,
670
- 'data-garden-version': '9.0.0-next.12'
670
+ 'data-garden-version': '9.0.0-next.14'
671
671
  }).withConfig({
672
672
  displayName: "StyledMultiselectItemWrapper",
673
673
  componentId: "sc-vgr7nd-0"
@@ -679,7 +679,7 @@ StyledMultiselectItemWrapper.defaultProps = {
679
679
  const COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
680
680
  const StyledMultiselectMoreAnchor = styled__default.default.div.attrs({
681
681
  'data-garden-id': COMPONENT_ID,
682
- 'data-garden-version': '9.0.0-next.12'
682
+ 'data-garden-version': '9.0.0-next.14'
683
683
  }).withConfig({
684
684
  displayName: "StyledMultiselectMoreAnchor",
685
685
  componentId: "sc-pkakky-0"
@@ -838,7 +838,7 @@ Trigger.defaultProps = {
838
838
  };
839
839
 
840
840
  var _path$2;
841
- 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); }
841
+ function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
842
842
  var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
843
843
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
844
844
  xmlns: "http://www.w3.org/2000/svg",
@@ -1690,7 +1690,7 @@ const Separator = React__namespace.default.forwardRef((props, ref) => React__nam
1690
1690
  Separator.displayName = 'Separator';
1691
1691
 
1692
1692
  var _path$1;
1693
- 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); }
1693
+ function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
1694
1694
  var SvgPlusStroke = function SvgPlusStroke(props) {
1695
1695
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
1696
1696
  xmlns: "http://www.w3.org/2000/svg",
@@ -1707,7 +1707,7 @@ var SvgPlusStroke = function SvgPlusStroke(props) {
1707
1707
  };
1708
1708
 
1709
1709
  var _path;
1710
- 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); }
1710
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
1711
1711
  var SvgCheckLgStroke = function SvgCheckLgStroke(props) {
1712
1712
  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
1713
1713
  xmlns: "http://www.w3.org/2000/svg",
@@ -7,11 +7,11 @@
7
7
  /// <reference types="react" />
8
8
  export declare const StyledFauxInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-forms").IFauxInputProps & import("react").RefAttributes<HTMLDivElement>> & {
9
9
  EndIcon: {
10
- ({ isDisabled, isRotated, ...props }: import("@zendeskgarden/react-forms").IFauxInputStartIconProps): import("react").JSX.Element;
10
+ ({ isDisabled, isFocused, isHovered, isRotated, ...props }: import("@zendeskgarden/react-forms").IFauxInputStartIconProps): import("react").JSX.Element;
11
11
  displayName: string;
12
12
  };
13
13
  StartIcon: {
14
- ({ isDisabled, isRotated, ...props }: import("@zendeskgarden/react-forms").IFauxInputStartIconProps): import("react").JSX.Element;
14
+ ({ isDisabled, isFocused, isHovered, isRotated, ...props }: import("@zendeskgarden/react-forms").IFauxInputStartIconProps): import("react").JSX.Element;
15
15
  displayName: string;
16
16
  };
17
17
  }, import("styled-components").DefaultTheme, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-dropdowns.legacy",
3
- "version": "9.0.0-next.12",
3
+ "version": "9.0.0-next.14",
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,9 +23,9 @@
23
23
  "dependencies": {
24
24
  "@zendeskgarden/container-selection": "^2.0.0",
25
25
  "@zendeskgarden/container-utilities": "^1.0.14",
26
- "@zendeskgarden/react-forms": "^9.0.0-next.12",
26
+ "@zendeskgarden/react-forms": "^9.0.0-next.14",
27
27
  "downshift": "^7.0.0",
28
- "polished": "^4.0.0",
28
+ "polished": "^4.3.1",
29
29
  "prop-types": "^15.5.7",
30
30
  "react-merge-refs": "^2.0.0",
31
31
  "react-popper": "^1.3.4"
@@ -38,8 +38,8 @@
38
38
  },
39
39
  "devDependencies": {
40
40
  "@types/lodash.debounce": "4.0.9",
41
- "@zendeskgarden/react-theming": "^9.0.0-next.12",
42
- "@zendeskgarden/svg-icons": "7.0.0",
41
+ "@zendeskgarden/react-theming": "^9.0.0-next.14",
42
+ "@zendeskgarden/svg-icons": "7.1.1",
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": "7925ff78236795111e2953efbce549839df3a86d"
55
+ "gitHead": "4cd4e10839f6d083f0c5e642b99256e390a37ae6"
56
56
  }