@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.
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/check-lg-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-down-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-left-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-right-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/plus-stroke.svg.js +1 -1
- package/dist/esm/styled/items/StyledAddItem.js +1 -1
- package/dist/esm/styled/items/StyledItem.js +1 -1
- package/dist/esm/styled/items/StyledItemIcon.js +1 -1
- package/dist/esm/styled/items/StyledItemMeta.js +1 -1
- package/dist/esm/styled/items/StyledNextIcon.js +1 -1
- package/dist/esm/styled/items/StyledNextItem.js +1 -1
- package/dist/esm/styled/items/StyledPreviousIcon.js +1 -1
- package/dist/esm/styled/items/StyledPreviousItem.js +1 -1
- package/dist/esm/styled/items/header/StyledHeaderIcon.js +1 -1
- package/dist/esm/styled/items/header/StyledHeaderItem.js +1 -1
- package/dist/esm/styled/items/media/StyledMediaBody.js +1 -1
- package/dist/esm/styled/items/media/StyledMediaFigure.js +1 -1
- package/dist/esm/styled/items/media/StyledMediaItem.js +1 -1
- package/dist/esm/styled/menu/StyledMenu.js +2 -2
- package/dist/esm/styled/menu/StyledMenuWrapper.js +1 -1
- package/dist/esm/styled/menu/StyledSeparator.js +1 -1
- package/dist/esm/styled/multiselect/StyledMultiselectInput.js +1 -1
- package/dist/esm/styled/multiselect/StyledMultiselectItemWrapper.js +1 -1
- package/dist/esm/styled/multiselect/StyledMultiselectItemsContainer.js +1 -1
- package/dist/esm/styled/multiselect/StyledMultiselectMoreAnchor.js +1 -1
- package/dist/esm/styled/select/StyledFauxInput.js +1 -1
- package/dist/esm/styled/select/StyledInput.js +1 -1
- package/dist/esm/styled/select/StyledSelect.js +1 -1
- package/dist/index.cjs.js +29 -29
- package/dist/typings/styled/select/StyledFauxInput.d.ts +2 -2
- 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 (
|
|
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 (
|
|
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 (
|
|
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 (
|
|
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 (
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
13
|
+
'data-garden-version': '9.0.0-next.14'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledMediaBody",
|
|
16
16
|
componentId: "sc-133sssc-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.
|
|
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.
|
|
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: '
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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: '
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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 (
|
|
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.
|
|
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.
|
|
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 (
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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 (
|
|
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 (
|
|
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 (
|
|
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.
|
|
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.
|
|
26
|
+
"@zendeskgarden/react-forms": "^9.0.0-next.14",
|
|
27
27
|
"downshift": "^7.0.0",
|
|
28
|
-
"polished": "^4.
|
|
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.
|
|
42
|
-
"@zendeskgarden/svg-icons": "7.
|
|
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": "
|
|
55
|
+
"gitHead": "4cd4e10839f6d083f0c5e642b99256e390a37ae6"
|
|
56
56
|
}
|