@atlaskit/react-select 1.6.0 → 1.6.1
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/CHANGELOG.md +6 -0
- package/dist/cjs/components/internal/dummy-input.js +1 -0
- package/dist/cjs/components/multi-value.js +1 -0
- package/dist/cjs/components/option.js +1 -0
- package/dist/cjs/select.js +8 -4
- package/dist/es2019/components/internal/dummy-input.js +1 -0
- package/dist/es2019/components/multi-value.js +1 -0
- package/dist/es2019/components/option.js +1 -0
- package/dist/es2019/select.js +8 -4
- package/dist/esm/components/internal/dummy-input.js +1 -0
- package/dist/esm/components/multi-value.js +1 -0
- package/dist/esm/components/option.js +1 -0
- package/dist/esm/select.js +8 -4
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -22,6 +22,7 @@ var dummyInputStyles = (0, _react.css)({
|
|
|
22
22
|
border: 0,
|
|
23
23
|
caretColor: 'transparent',
|
|
24
24
|
color: 'transparent',
|
|
25
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
25
26
|
fontSize: 'inherit',
|
|
26
27
|
gridArea: '1 / 1 / 2 / 3',
|
|
27
28
|
insetInlineStart: -100,
|
|
@@ -68,6 +68,7 @@ var multiValueLabelCSS = exports.multiValueLabelCSS = function multiValueLabelCS
|
|
|
68
68
|
textOverflow: cropWithEllipsis || cropWithEllipsis === undefined ? 'ellipsis' : undefined,
|
|
69
69
|
whiteSpace: 'nowrap',
|
|
70
70
|
borderRadius: "var(--ds-border-radius-050, 2px)",
|
|
71
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
71
72
|
fontSize: '85%',
|
|
72
73
|
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
73
74
|
padding: "var(--ds-space-025, 2px)",
|
package/dist/cjs/select.js
CHANGED
|
@@ -1709,10 +1709,14 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
|
|
|
1709
1709
|
}, {
|
|
1710
1710
|
key: "renderMultiselectMessage",
|
|
1711
1711
|
value: function renderMultiselectMessage() {
|
|
1712
|
-
return
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
|
|
1712
|
+
return (
|
|
1713
|
+
/*#__PURE__*/
|
|
1714
|
+
// eslint-disable-next-line @atlaskit/design-system/use-primitives-text
|
|
1715
|
+
_react.default.createElement("span", {
|
|
1716
|
+
id: this.getElementId('multi-message'),
|
|
1717
|
+
hidden: true
|
|
1718
|
+
}, ", multiple selections available,")
|
|
1719
|
+
);
|
|
1716
1720
|
}
|
|
1717
1721
|
}, {
|
|
1718
1722
|
key: "render",
|
|
@@ -60,6 +60,7 @@ export const multiValueLabelCSS = ({
|
|
|
60
60
|
textOverflow: cropWithEllipsis || cropWithEllipsis === undefined ? 'ellipsis' : undefined,
|
|
61
61
|
whiteSpace: 'nowrap',
|
|
62
62
|
borderRadius: "var(--ds-border-radius-050, 2px)",
|
|
63
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
63
64
|
fontSize: '85%',
|
|
64
65
|
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
65
66
|
padding: "var(--ds-space-025, 2px)",
|
package/dist/es2019/select.js
CHANGED
|
@@ -1732,10 +1732,14 @@ export default class Select extends Component {
|
|
|
1732
1732
|
}));
|
|
1733
1733
|
}
|
|
1734
1734
|
renderMultiselectMessage() {
|
|
1735
|
-
return
|
|
1736
|
-
|
|
1737
|
-
|
|
1738
|
-
|
|
1735
|
+
return (
|
|
1736
|
+
/*#__PURE__*/
|
|
1737
|
+
// eslint-disable-next-line @atlaskit/design-system/use-primitives-text
|
|
1738
|
+
React.createElement("span", {
|
|
1739
|
+
id: this.getElementId('multi-message'),
|
|
1740
|
+
hidden: true
|
|
1741
|
+
}, ", multiple selections available,")
|
|
1742
|
+
);
|
|
1739
1743
|
}
|
|
1740
1744
|
render() {
|
|
1741
1745
|
const {
|
|
@@ -61,6 +61,7 @@ export var multiValueLabelCSS = function multiValueLabelCSS(_ref2) {
|
|
|
61
61
|
textOverflow: cropWithEllipsis || cropWithEllipsis === undefined ? 'ellipsis' : undefined,
|
|
62
62
|
whiteSpace: 'nowrap',
|
|
63
63
|
borderRadius: "var(--ds-border-radius-050, 2px)",
|
|
64
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
64
65
|
fontSize: '85%',
|
|
65
66
|
font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
66
67
|
padding: "var(--ds-space-025, 2px)",
|
package/dist/esm/select.js
CHANGED
|
@@ -1700,10 +1700,14 @@ var Select = /*#__PURE__*/function (_Component) {
|
|
|
1700
1700
|
}, {
|
|
1701
1701
|
key: "renderMultiselectMessage",
|
|
1702
1702
|
value: function renderMultiselectMessage() {
|
|
1703
|
-
return
|
|
1704
|
-
|
|
1705
|
-
|
|
1706
|
-
|
|
1703
|
+
return (
|
|
1704
|
+
/*#__PURE__*/
|
|
1705
|
+
// eslint-disable-next-line @atlaskit/design-system/use-primitives-text
|
|
1706
|
+
React.createElement("span", {
|
|
1707
|
+
id: this.getElementId('multi-message'),
|
|
1708
|
+
hidden: true
|
|
1709
|
+
}, ", multiple selections available,")
|
|
1710
|
+
);
|
|
1707
1711
|
}
|
|
1708
1712
|
}, {
|
|
1709
1713
|
key: "render",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/react-select",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.1",
|
|
4
4
|
"description": "A forked version of react-select to only be used in atlaskit/select",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -30,11 +30,11 @@
|
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@atlaskit/ds-lib": "^3.3.0",
|
|
33
|
-
"@atlaskit/icon": "^23.0
|
|
33
|
+
"@atlaskit/icon": "^23.3.0",
|
|
34
34
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
35
35
|
"@atlaskit/primitives": "^13.3.0",
|
|
36
36
|
"@atlaskit/spinner": "^16.3.0",
|
|
37
|
-
"@atlaskit/tokens": "^
|
|
37
|
+
"@atlaskit/tokens": "^3.0.0",
|
|
38
38
|
"@babel/runtime": "^7.0.0",
|
|
39
39
|
"@emotion/react": "^11.7.1",
|
|
40
40
|
"@floating-ui/dom": "^1.0.1",
|