@atlaskit/react-select 3.15.5 → 3.16.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 +17 -0
- package/accessibility/package.json +17 -0
- package/async/package.json +5 -5
- package/async-creatable/package.json +5 -5
- package/base/package.json +5 -5
- package/clear-indicator/package.json +17 -0
- package/components/package.json +17 -0
- package/control/package.json +17 -0
- package/creatable/package.json +5 -5
- package/dist/cjs/async.js +1 -6
- package/dist/cjs/builtins.js +28 -15
- package/dist/cjs/colors.js +25 -0
- package/dist/cjs/compiled/components/indicators-container.compiled.css +5 -0
- package/dist/cjs/compiled/components/indicators-container.js +40 -0
- package/dist/cjs/compiled/components/select-container.compiled.css +6 -0
- package/dist/cjs/compiled/components/select-container.js +52 -0
- package/dist/cjs/compiled/components/value-container.compiled.css +20 -0
- package/dist/cjs/compiled/components/{containers.js → value-container.js} +7 -69
- package/dist/cjs/creatable.js +1 -6
- package/dist/cjs/entry-points/accessibility.js +12 -0
- package/dist/cjs/entry-points/async-creatable.js +13 -0
- package/dist/cjs/entry-points/async.js +20 -0
- package/dist/cjs/entry-points/base.js +20 -0
- package/dist/cjs/entry-points/clear-indicator.js +12 -0
- package/dist/cjs/entry-points/components.js +18 -0
- package/dist/cjs/entry-points/control.js +13 -0
- package/dist/cjs/entry-points/creatable.js +20 -0
- package/dist/cjs/entry-points/dropdown-indicator.js +12 -0
- package/dist/cjs/entry-points/filters.js +12 -0
- package/dist/cjs/entry-points/group-heading.js +12 -0
- package/dist/cjs/entry-points/group.js +13 -0
- package/dist/cjs/entry-points/indicators-container.js +12 -0
- package/dist/cjs/entry-points/input.js +13 -0
- package/dist/cjs/entry-points/loading-indicator.js +12 -0
- package/dist/cjs/entry-points/menu-list.js +12 -0
- package/dist/cjs/entry-points/menu-portal.js +12 -0
- package/dist/cjs/entry-points/menu.js +13 -0
- package/dist/cjs/entry-points/multi-value-remove.js +12 -0
- package/dist/cjs/entry-points/multi-value.js +13 -0
- package/dist/cjs/entry-points/option.js +13 -0
- package/dist/cjs/entry-points/placeholder.js +13 -0
- package/dist/cjs/entry-points/select-container.js +12 -0
- package/dist/cjs/entry-points/single-value.js +13 -0
- package/dist/cjs/entry-points/state-manager.js +13 -0
- package/dist/cjs/entry-points/styles.js +12 -0
- package/dist/cjs/entry-points/types.js +1 -0
- package/dist/cjs/entry-points/use-async.js +13 -0
- package/dist/cjs/entry-points/use-creatable.js +13 -0
- package/dist/cjs/entry-points/use-state-manager.js +13 -0
- package/dist/cjs/entry-points/value-container.js +12 -0
- package/dist/cjs/format-group-label.js +11 -0
- package/dist/cjs/get-option-label.js +11 -0
- package/dist/cjs/get-option-value.js +11 -0
- package/dist/cjs/is-option-disabled.js +11 -0
- package/dist/cjs/theme.js +8 -26
- package/dist/es2019/async.js +0 -1
- package/dist/es2019/builtins.js +4 -4
- package/dist/es2019/colors.js +19 -0
- package/dist/es2019/compiled/components/indicators-container.compiled.css +5 -0
- package/dist/es2019/compiled/components/indicators-container.js +35 -0
- package/dist/es2019/compiled/components/select-container.compiled.css +6 -0
- package/dist/es2019/compiled/components/select-container.js +47 -0
- package/dist/es2019/compiled/components/value-container.compiled.css +20 -0
- package/dist/es2019/compiled/components/{containers.js → value-container.js} +2 -70
- package/dist/es2019/creatable.js +1 -1
- package/dist/es2019/entry-points/accessibility.js +1 -0
- package/dist/es2019/entry-points/async-creatable.js +1 -0
- package/dist/es2019/entry-points/async.js +2 -0
- package/dist/es2019/entry-points/base.js +2 -0
- package/dist/es2019/entry-points/clear-indicator.js +1 -0
- package/dist/es2019/entry-points/components.js +1 -0
- package/dist/es2019/entry-points/control.js +1 -0
- package/dist/es2019/entry-points/creatable.js +2 -0
- package/dist/es2019/entry-points/dropdown-indicator.js +1 -0
- package/dist/es2019/entry-points/filters.js +1 -0
- package/dist/es2019/entry-points/group-heading.js +1 -0
- package/dist/es2019/entry-points/group.js +1 -0
- package/dist/es2019/entry-points/indicators-container.js +1 -0
- package/dist/es2019/entry-points/input.js +1 -0
- package/dist/es2019/entry-points/loading-indicator.js +1 -0
- package/dist/es2019/entry-points/menu-list.js +1 -0
- package/dist/es2019/entry-points/menu-portal.js +1 -0
- package/dist/es2019/entry-points/menu.js +1 -0
- package/dist/es2019/entry-points/multi-value-remove.js +1 -0
- package/dist/es2019/entry-points/multi-value.js +1 -0
- package/dist/es2019/entry-points/option.js +1 -0
- package/dist/es2019/entry-points/placeholder.js +1 -0
- package/dist/es2019/entry-points/select-container.js +1 -0
- package/dist/es2019/entry-points/single-value.js +1 -0
- package/dist/es2019/entry-points/state-manager.js +1 -0
- package/dist/es2019/entry-points/styles.js +1 -0
- package/dist/es2019/entry-points/types.js +0 -0
- package/dist/es2019/entry-points/use-async.js +1 -0
- package/dist/es2019/entry-points/use-creatable.js +1 -0
- package/dist/es2019/entry-points/use-state-manager.js +1 -0
- package/dist/es2019/entry-points/value-container.js +1 -0
- package/dist/es2019/format-group-label.js +3 -0
- package/dist/es2019/get-option-label.js +3 -0
- package/dist/es2019/get-option-value.js +3 -0
- package/dist/es2019/is-option-disabled.js +3 -0
- package/dist/es2019/theme.js +1 -25
- package/dist/esm/async.js +0 -1
- package/dist/esm/builtins.js +4 -12
- package/dist/esm/colors.js +19 -0
- package/dist/esm/compiled/components/indicators-container.compiled.css +5 -0
- package/dist/esm/compiled/components/indicators-container.js +32 -0
- package/dist/esm/compiled/components/select-container.compiled.css +6 -0
- package/dist/esm/compiled/components/select-container.js +44 -0
- package/dist/esm/compiled/components/value-container.compiled.css +20 -0
- package/dist/esm/compiled/components/value-container.js +50 -0
- package/dist/esm/creatable.js +1 -1
- package/dist/esm/entry-points/accessibility.js +1 -0
- package/dist/esm/entry-points/async-creatable.js +1 -0
- package/dist/esm/entry-points/async.js +2 -0
- package/dist/esm/entry-points/base.js +2 -0
- package/dist/esm/entry-points/clear-indicator.js +1 -0
- package/dist/esm/entry-points/components.js +1 -0
- package/dist/esm/entry-points/control.js +1 -0
- package/dist/esm/entry-points/creatable.js +2 -0
- package/dist/esm/entry-points/dropdown-indicator.js +1 -0
- package/dist/esm/entry-points/filters.js +1 -0
- package/dist/esm/entry-points/group-heading.js +1 -0
- package/dist/esm/entry-points/group.js +1 -0
- package/dist/esm/entry-points/indicators-container.js +1 -0
- package/dist/esm/entry-points/input.js +1 -0
- package/dist/esm/entry-points/loading-indicator.js +1 -0
- package/dist/esm/entry-points/menu-list.js +1 -0
- package/dist/esm/entry-points/menu-portal.js +1 -0
- package/dist/esm/entry-points/menu.js +1 -0
- package/dist/esm/entry-points/multi-value-remove.js +1 -0
- package/dist/esm/entry-points/multi-value.js +1 -0
- package/dist/esm/entry-points/option.js +1 -0
- package/dist/esm/entry-points/placeholder.js +1 -0
- package/dist/esm/entry-points/select-container.js +1 -0
- package/dist/esm/entry-points/single-value.js +1 -0
- package/dist/esm/entry-points/state-manager.js +1 -0
- package/dist/esm/entry-points/styles.js +1 -0
- package/dist/esm/entry-points/types.js +0 -0
- package/dist/esm/entry-points/use-async.js +1 -0
- package/dist/esm/entry-points/use-creatable.js +1 -0
- package/dist/esm/entry-points/use-state-manager.js +1 -0
- package/dist/esm/entry-points/value-container.js +1 -0
- package/dist/esm/format-group-label.js +5 -0
- package/dist/esm/get-option-label.js +5 -0
- package/dist/esm/get-option-value.js +5 -0
- package/dist/esm/is-option-disabled.js +5 -0
- package/dist/esm/theme.js +1 -25
- package/dist/types/async.d.ts +1 -2
- package/dist/types/builtins.d.ts +4 -5
- package/dist/types/colors.d.ts +19 -0
- package/dist/types/compiled/components/indicators-container.d.ts +18 -0
- package/dist/types/compiled/components/select-container.d.ts +22 -0
- package/dist/types/compiled/components/value-container.d.ts +22 -0
- package/dist/types/creatable.d.ts +1 -2
- package/dist/types/entry-points/accessibility.d.ts +2 -0
- package/dist/types/entry-points/async-creatable.d.ts +2 -0
- package/dist/types/entry-points/async.d.ts +3 -0
- package/dist/types/entry-points/base.d.ts +3 -0
- package/dist/types/entry-points/clear-indicator.d.ts +2 -0
- package/dist/types/entry-points/components.d.ts +2 -0
- package/dist/types/entry-points/control.d.ts +2 -0
- package/dist/types/entry-points/creatable.d.ts +3 -0
- package/dist/types/entry-points/dropdown-indicator.d.ts +2 -0
- package/dist/types/entry-points/filters.d.ts +2 -0
- package/dist/types/entry-points/group-heading.d.ts +2 -0
- package/dist/types/entry-points/group.d.ts +2 -0
- package/dist/types/entry-points/indicators-container.d.ts +2 -0
- package/dist/types/entry-points/input.d.ts +2 -0
- package/dist/types/entry-points/loading-indicator.d.ts +2 -0
- package/dist/types/entry-points/menu-list.d.ts +2 -0
- package/dist/types/entry-points/menu-portal.d.ts +2 -0
- package/dist/types/entry-points/menu.d.ts +2 -0
- package/dist/types/entry-points/multi-value-remove.d.ts +2 -0
- package/dist/types/entry-points/multi-value.d.ts +2 -0
- package/dist/types/entry-points/option.d.ts +2 -0
- package/dist/types/entry-points/placeholder.d.ts +2 -0
- package/dist/types/entry-points/select-container.d.ts +2 -0
- package/dist/types/entry-points/single-value.d.ts +2 -0
- package/dist/types/entry-points/state-manager.d.ts +1 -0
- package/dist/types/entry-points/styles.d.ts +2 -0
- package/dist/types/entry-points/types.d.ts +1 -0
- package/dist/types/entry-points/use-async.d.ts +2 -0
- package/dist/types/entry-points/use-creatable.d.ts +2 -0
- package/dist/types/entry-points/use-state-manager.d.ts +2 -0
- package/dist/types/entry-points/value-container.d.ts +2 -0
- package/dist/types/format-group-label.d.ts +2 -0
- package/dist/types/get-option-label.d.ts +1 -0
- package/dist/types/get-option-value.d.ts +1 -0
- package/dist/types/is-option-disabled.d.ts +1 -0
- package/dist/types/theme.d.ts +1 -21
- package/dist/types-ts4.5/async.d.ts +1 -2
- package/dist/types-ts4.5/builtins.d.ts +4 -5
- package/dist/types-ts4.5/colors.d.ts +19 -0
- package/dist/types-ts4.5/compiled/components/indicators-container.d.ts +18 -0
- package/dist/types-ts4.5/compiled/components/select-container.d.ts +22 -0
- package/dist/types-ts4.5/compiled/components/value-container.d.ts +22 -0
- package/dist/types-ts4.5/creatable.d.ts +1 -2
- package/dist/types-ts4.5/entry-points/accessibility.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/async-creatable.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/async.d.ts +3 -0
- package/dist/types-ts4.5/entry-points/base.d.ts +3 -0
- package/dist/types-ts4.5/entry-points/clear-indicator.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/components.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/control.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/creatable.d.ts +3 -0
- package/dist/types-ts4.5/entry-points/dropdown-indicator.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/filters.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/group-heading.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/group.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/indicators-container.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/input.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/loading-indicator.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/menu-list.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/menu-portal.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/menu.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/multi-value-remove.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/multi-value.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/option.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/placeholder.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/select-container.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/single-value.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/state-manager.d.ts +1 -0
- package/dist/types-ts4.5/entry-points/styles.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/types.d.ts +1 -0
- package/dist/types-ts4.5/entry-points/use-async.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/use-creatable.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/use-state-manager.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/value-container.d.ts +2 -0
- package/dist/types-ts4.5/format-group-label.d.ts +2 -0
- package/dist/types-ts4.5/get-option-label.d.ts +1 -0
- package/dist/types-ts4.5/get-option-value.d.ts +1 -0
- package/dist/types-ts4.5/is-option-disabled.d.ts +1 -0
- package/dist/types-ts4.5/theme.d.ts +1 -21
- package/dropdown-indicator/package.json +17 -0
- package/filters/package.json +17 -0
- package/group/package.json +17 -0
- package/group-heading/package.json +17 -0
- package/indicators-container/package.json +17 -0
- package/input/package.json +17 -0
- package/loading-indicator/package.json +17 -0
- package/menu/package.json +17 -0
- package/menu-list/package.json +17 -0
- package/menu-portal/package.json +17 -0
- package/multi-value/package.json +17 -0
- package/multi-value-remove/package.json +17 -0
- package/option/package.json +17 -0
- package/package.json +5 -5
- package/placeholder/package.json +17 -0
- package/select-container/package.json +17 -0
- package/single-value/package.json +17 -0
- package/state-manager/package.json +17 -0
- package/styles/package.json +17 -0
- package/types/package.json +5 -5
- package/use-async/package.json +17 -0
- package/use-creatable/package.json +17 -0
- package/use-state-manager/package.json +17 -0
- package/value-container/package.json +17 -0
- package/dist/cjs/compiled/components/containers.compiled.css +0 -28
- package/dist/es2019/compiled/components/containers.compiled.css +0 -28
- package/dist/esm/compiled/components/containers.compiled.css +0 -28
- package/dist/esm/compiled/components/containers.js +0 -112
- package/dist/types/compiled/components/containers.d.ts +0 -50
- package/dist/types-ts4.5/compiled/components/containers.d.ts +0 -50
|
@@ -1,52 +1,12 @@
|
|
|
1
|
-
/*
|
|
1
|
+
/* value-container.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
-
import "./
|
|
3
|
+
import "./value-container.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { cx } from '@compiled/react';
|
|
7
7
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
8
|
import { getStyleProps } from '../../get-style-props';
|
|
9
9
|
|
|
10
|
-
// ==============================
|
|
11
|
-
// Root Container
|
|
12
|
-
// ==============================
|
|
13
|
-
|
|
14
|
-
// iOS Safari automatically zooms into form inputs on focus when the font size is less than 16px.
|
|
15
|
-
// To prevent this zoom behaviour on mobile devices, the select container uses font.body.large (16px) by default,
|
|
16
|
-
// then switches to the smaller font.body on screens wider than 30rem (desktop).
|
|
17
|
-
// @see: https://medium.com/@rares.popescu/2-ways-to-avoid-the-automatic-zoom-in-on-input-fields-8a71479e542e
|
|
18
|
-
|
|
19
|
-
const containerStyles = {
|
|
20
|
-
default: "_11c81d4k _kqswh2mm _lcxv1rj4 _1tn2fhey",
|
|
21
|
-
rtl: "_1eim1xrj",
|
|
22
|
-
disabled: "_80om13gf"
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
26
|
-
export const SelectContainer = props => {
|
|
27
|
-
const {
|
|
28
|
-
children,
|
|
29
|
-
innerProps,
|
|
30
|
-
isDisabled,
|
|
31
|
-
isRtl,
|
|
32
|
-
xcss
|
|
33
|
-
} = props;
|
|
34
|
-
const {
|
|
35
|
-
className,
|
|
36
|
-
css
|
|
37
|
-
} = getStyleProps(props, 'container', {
|
|
38
|
-
'--is-disabled': isDisabled,
|
|
39
|
-
'--is-rtl': isRtl
|
|
40
|
-
});
|
|
41
|
-
return /*#__PURE__*/React.createElement("div", _extends({
|
|
42
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
43
|
-
className: ax([containerStyles.default, isRtl && containerStyles.rtl, isDisabled && containerStyles.disabled, cx(className, xcss, '-container')])
|
|
44
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
45
|
-
,
|
|
46
|
-
style: css
|
|
47
|
-
}, innerProps), children);
|
|
48
|
-
};
|
|
49
|
-
|
|
50
10
|
// ==============================
|
|
51
11
|
// Value Container
|
|
52
12
|
// ==============================
|
|
@@ -92,32 +52,4 @@ export const ValueContainer = props => {
|
|
|
92
52
|
,
|
|
93
53
|
style: css
|
|
94
54
|
}, innerProps), children);
|
|
95
|
-
};
|
|
96
|
-
|
|
97
|
-
// ==============================
|
|
98
|
-
// Indicator Container
|
|
99
|
-
// ==============================
|
|
100
|
-
|
|
101
|
-
const indicatorContainerStyles = null;
|
|
102
|
-
|
|
103
|
-
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
104
|
-
export const IndicatorsContainer = props => {
|
|
105
|
-
const {
|
|
106
|
-
children,
|
|
107
|
-
innerProps,
|
|
108
|
-
xcss
|
|
109
|
-
} = props;
|
|
110
|
-
const {
|
|
111
|
-
css,
|
|
112
|
-
className
|
|
113
|
-
} = getStyleProps(props, 'indicatorsContainer', {
|
|
114
|
-
indicators: true
|
|
115
|
-
});
|
|
116
|
-
return /*#__PURE__*/React.createElement("div", _extends({
|
|
117
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
118
|
-
style: css
|
|
119
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
120
|
-
,
|
|
121
|
-
className: ax(["_1e0c1txw _4cvr1h6o _1o9zidpf _1wpz1fhb _y4ti1b66", cx(className, xcss, '-IndicatorsContainer')])
|
|
122
|
-
}, innerProps), children);
|
|
123
55
|
};
|
package/dist/es2019/creatable.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { defaultAriaLiveMessages } from '../accessibility/index';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../async-creatable';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ClearIndicator } from '../components/indicators/clear-indicator';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { components, defaultComponents } from '../components/index';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/control';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DropdownIndicator } from '../components/indicators/dropdown-indicator';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { createFilter } from '../filters';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { GroupHeading } from '../components/group-heading';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/group';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { IndicatorsContainer } from '../components/containers/indicators-container';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/input';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { LoadingIndicator } from '../components/indicators/loading-indicator';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MenuList } from '../components/menu-list';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MenuPortal } from '../components/menu-portal';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/menu';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MultiValueRemove } from '../components/multi-value-remove';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/multi-value';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/option';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/placeholder';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SelectContainer } from '../components/containers/select-container';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/single-value';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../state-manager';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { mergeStyles } from '../styles';
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../use-async';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../use-creatable';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../use-state-manager';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ValueContainer } from '../components/containers/value-container';
|
package/dist/es2019/theme.js
CHANGED
|
@@ -1,23 +1,3 @@
|
|
|
1
|
-
export const colors = {
|
|
2
|
-
primary: '#2684FF',
|
|
3
|
-
primary75: '#4C9AFF',
|
|
4
|
-
primary50: '#B2D4FF',
|
|
5
|
-
primary25: '#DEEBFF',
|
|
6
|
-
danger: '#DE350B',
|
|
7
|
-
dangerLight: '#FFBDAD',
|
|
8
|
-
neutral0: 'hsl(0, 0%, 100%)',
|
|
9
|
-
neutral5: 'hsl(0, 0%, 95%)',
|
|
10
|
-
neutral10: 'hsl(0, 0%, 90%)',
|
|
11
|
-
neutral20: 'hsl(0, 0%, 80%)',
|
|
12
|
-
neutral30: 'hsl(0, 0%, 70%)',
|
|
13
|
-
neutral40: 'hsl(0, 0%, 60%)',
|
|
14
|
-
neutral50: 'hsl(0, 0%, 50%)',
|
|
15
|
-
neutral60: 'hsl(0, 0%, 40%)',
|
|
16
|
-
neutral70: 'hsl(0, 0%, 30%)',
|
|
17
|
-
neutral80: 'hsl(0, 0%, 20%)',
|
|
18
|
-
neutral90: 'hsl(0, 0%, 10%)'
|
|
19
|
-
};
|
|
20
|
-
const borderRadius = 4;
|
|
21
1
|
// Used to calculate consistent margin/padding on elements
|
|
22
2
|
const baseUnit = 4;
|
|
23
3
|
// The minimum height of the control
|
|
@@ -29,8 +9,4 @@ export const spacing = {
|
|
|
29
9
|
controlHeight,
|
|
30
10
|
menuGutter
|
|
31
11
|
};
|
|
32
|
-
export
|
|
33
|
-
borderRadius,
|
|
34
|
-
colors,
|
|
35
|
-
spacing
|
|
36
|
-
};
|
|
12
|
+
export { colors } from './colors';
|
package/dist/esm/async.js
CHANGED
package/dist/esm/builtins.js
CHANGED
|
@@ -1,14 +1,6 @@
|
|
|
1
1
|
/* eslint-disable @repo/internal/fs/filename-pattern-match */
|
|
2
2
|
|
|
3
|
-
export
|
|
4
|
-
|
|
5
|
-
};
|
|
6
|
-
export
|
|
7
|
-
return option.label;
|
|
8
|
-
};
|
|
9
|
-
export var getOptionValue = function getOptionValue(option) {
|
|
10
|
-
return option.value;
|
|
11
|
-
};
|
|
12
|
-
export var isOptionDisabled = function isOptionDisabled(option) {
|
|
13
|
-
return !!option.isDisabled;
|
|
14
|
-
};
|
|
3
|
+
export { formatGroupLabel } from './format-group-label';
|
|
4
|
+
export { getOptionLabel } from './get-option-label';
|
|
5
|
+
export { getOptionValue } from './get-option-value';
|
|
6
|
+
export { isOptionDisabled } from './is-option-disabled';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export var colors = {
|
|
2
|
+
primary: '#2684FF',
|
|
3
|
+
primary75: '#4C9AFF',
|
|
4
|
+
primary50: '#B2D4FF',
|
|
5
|
+
primary25: '#DEEBFF',
|
|
6
|
+
danger: '#DE350B',
|
|
7
|
+
dangerLight: '#FFBDAD',
|
|
8
|
+
neutral0: 'hsl(0, 0%, 100%)',
|
|
9
|
+
neutral5: 'hsl(0, 0%, 95%)',
|
|
10
|
+
neutral10: 'hsl(0, 0%, 90%)',
|
|
11
|
+
neutral20: 'hsl(0, 0%, 80%)',
|
|
12
|
+
neutral30: 'hsl(0, 0%, 70%)',
|
|
13
|
+
neutral40: 'hsl(0, 0%, 60%)',
|
|
14
|
+
neutral50: 'hsl(0, 0%, 50%)',
|
|
15
|
+
neutral60: 'hsl(0, 0%, 40%)',
|
|
16
|
+
neutral70: 'hsl(0, 0%, 30%)',
|
|
17
|
+
neutral80: 'hsl(0, 0%, 20%)',
|
|
18
|
+
neutral90: 'hsl(0, 0%, 10%)'
|
|
19
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/* indicators-container.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
+
import "./indicators-container.compiled.css";
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
+
import { cx } from '@compiled/react';
|
|
7
|
+
import { getStyleProps } from '../../get-style-props';
|
|
8
|
+
|
|
9
|
+
// ==============================
|
|
10
|
+
// Indicator Container
|
|
11
|
+
// ==============================
|
|
12
|
+
|
|
13
|
+
var indicatorContainerStyles = null;
|
|
14
|
+
|
|
15
|
+
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
16
|
+
export var IndicatorsContainer = function IndicatorsContainer(props) {
|
|
17
|
+
var children = props.children,
|
|
18
|
+
innerProps = props.innerProps,
|
|
19
|
+
xcss = props.xcss;
|
|
20
|
+
var _getStyleProps = getStyleProps(props, 'indicatorsContainer', {
|
|
21
|
+
indicators: true
|
|
22
|
+
}),
|
|
23
|
+
css = _getStyleProps.css,
|
|
24
|
+
className = _getStyleProps.className;
|
|
25
|
+
return /*#__PURE__*/React.createElement("div", _extends({
|
|
26
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
27
|
+
style: css
|
|
28
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
29
|
+
,
|
|
30
|
+
className: ax(["_1e0c1txw _4cvr1h6o _1o9zidpf _1wpz1fhb _y4ti1b66", cx(className, xcss, '-IndicatorsContainer')])
|
|
31
|
+
}, innerProps), children);
|
|
32
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._1eim1xrj{direction:rtl}
|
|
3
|
+
._80om13gf{cursor:not-allowed}
|
|
4
|
+
._kqswh2mm{position:relative}
|
|
5
|
+
._lcxv1rj4{pointer-events:all}
|
|
6
|
+
@media (min-width:30rem){._1tn2fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/* select-container.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
+
import "./select-container.compiled.css";
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
+
import { cx } from '@compiled/react';
|
|
7
|
+
import { getStyleProps } from '../../get-style-props';
|
|
8
|
+
|
|
9
|
+
// ==============================
|
|
10
|
+
// Root Container
|
|
11
|
+
// ==============================
|
|
12
|
+
|
|
13
|
+
// iOS Safari automatically zooms into form inputs on focus when the font size is less than 16px.
|
|
14
|
+
// To prevent this zoom behaviour on mobile devices, the select container uses font.body.large (16px) by default,
|
|
15
|
+
// then switches to the smaller font.body on screens wider than 30rem (desktop).
|
|
16
|
+
// @see: https://medium.com/@rares.popescu/2-ways-to-avoid-the-automatic-zoom-in-on-input-fields-8a71479e542e
|
|
17
|
+
|
|
18
|
+
var containerStyles = {
|
|
19
|
+
default: "_11c81d4k _kqswh2mm _lcxv1rj4 _1tn2fhey",
|
|
20
|
+
rtl: "_1eim1xrj",
|
|
21
|
+
disabled: "_80om13gf"
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
25
|
+
export var SelectContainer = function SelectContainer(props) {
|
|
26
|
+
var children = props.children,
|
|
27
|
+
innerProps = props.innerProps,
|
|
28
|
+
isDisabled = props.isDisabled,
|
|
29
|
+
isRtl = props.isRtl,
|
|
30
|
+
xcss = props.xcss;
|
|
31
|
+
var _getStyleProps = getStyleProps(props, 'container', {
|
|
32
|
+
'--is-disabled': isDisabled,
|
|
33
|
+
'--is-rtl': isRtl
|
|
34
|
+
}),
|
|
35
|
+
className = _getStyleProps.className,
|
|
36
|
+
css = _getStyleProps.css;
|
|
37
|
+
return /*#__PURE__*/React.createElement("div", _extends({
|
|
38
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
39
|
+
className: ax([containerStyles.default, isRtl && containerStyles.rtl, isDisabled && containerStyles.disabled, cx(className, xcss, '-container')])
|
|
40
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
41
|
+
,
|
|
42
|
+
style: css
|
|
43
|
+
}, innerProps), children);
|
|
44
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
|
|
2
|
+
._zulp1b66{gap:var(--ds-space-050,4px)}._16jlkb7n{flex-grow:1}
|
|
3
|
+
._18m915vq{overflow-y:hidden}
|
|
4
|
+
._1e0c11p5{display:grid}
|
|
5
|
+
._1e0c1txw{display:flex}
|
|
6
|
+
._1n261g80{flex-wrap:wrap}
|
|
7
|
+
._1o9zkb7n{flex-shrink:1}
|
|
8
|
+
._1q511b66{padding-block-start:var(--ds-space-050,4px)}
|
|
9
|
+
._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
|
|
10
|
+
._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
|
|
11
|
+
._1reo15vq{overflow-x:hidden}
|
|
12
|
+
._4cvr1h6o{align-items:center}
|
|
13
|
+
._85i51b66{padding-block-end:var(--ds-space-050,4px)}
|
|
14
|
+
._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
|
|
15
|
+
._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
|
|
16
|
+
._8am5i4x0{-webkit-overflow-scrolling:touch}
|
|
17
|
+
._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
|
|
18
|
+
._i0dlf1ug{flex-basis:0%}
|
|
19
|
+
._kqswh2mm{position:relative}
|
|
20
|
+
._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
/* value-container.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
+
import "./value-container.compiled.css";
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
+
import { cx } from '@compiled/react';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
|
+
import { getStyleProps } from '../../get-style-props';
|
|
9
|
+
|
|
10
|
+
// ==============================
|
|
11
|
+
// Value Container
|
|
12
|
+
// ==============================
|
|
13
|
+
|
|
14
|
+
var valueContainerStyles = {
|
|
15
|
+
default: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo15vq _18m915vq _4cvr1h6o _1e0c11p5 _1n261g80 _8am5i4x0 _kqswh2mm _y4ti12x7 _bozg12x7",
|
|
16
|
+
verticalPaddingStandard: "_1q51v77o _85i5v77o",
|
|
17
|
+
verticalPaddingTagUpliftMulti: "_1q511b66 _85i51b66",
|
|
18
|
+
verticalPaddingTagUpliftCompactMulti: "_1q51v77o _85i5v77o",
|
|
19
|
+
verticalPaddingCompactNonUplift: "_1q51ze3t _85i5ze3t",
|
|
20
|
+
flex: "_1e0c1txw",
|
|
21
|
+
flexWithGap: "_zulp1b66 _1e0c1txw _1n261g80"
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
25
|
+
export var ValueContainer = function ValueContainer(props) {
|
|
26
|
+
var children = props.children,
|
|
27
|
+
innerProps = props.innerProps,
|
|
28
|
+
isMulti = props.isMulti,
|
|
29
|
+
hasValue = props.hasValue,
|
|
30
|
+
isCompact = props.isCompact,
|
|
31
|
+
xcss = props.xcss,
|
|
32
|
+
controlShouldRenderValue = props.selectProps.controlShouldRenderValue;
|
|
33
|
+
var _getStyleProps = getStyleProps(props, 'valueContainer', {
|
|
34
|
+
'value-container': true,
|
|
35
|
+
'value-container--is-multi': isMulti,
|
|
36
|
+
'value-container--has-value': hasValue
|
|
37
|
+
}),
|
|
38
|
+
css = _getStyleProps.css,
|
|
39
|
+
className = _getStyleProps.className;
|
|
40
|
+
var ffTagUplifts = fg('platform-dst-lozenge-tag-badge-visual-uplifts');
|
|
41
|
+
var tagUpliftMultiVertical = ffTagUplifts && isMulti;
|
|
42
|
+
var tagUpliftChipRow = ffTagUplifts && isMulti && hasValue && controlShouldRenderValue;
|
|
43
|
+
return /*#__PURE__*/React.createElement("div", _extends({
|
|
44
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
|
|
45
|
+
className: ax([valueContainerStyles.default, tagUpliftMultiVertical && isCompact && valueContainerStyles.verticalPaddingTagUpliftCompactMulti, tagUpliftMultiVertical && !isCompact && valueContainerStyles.verticalPaddingTagUpliftMulti, !tagUpliftMultiVertical && !isCompact && valueContainerStyles.verticalPaddingStandard, !tagUpliftMultiVertical && isCompact && valueContainerStyles.verticalPaddingCompactNonUplift, isMulti && hasValue && controlShouldRenderValue && valueContainerStyles.flex, tagUpliftChipRow && valueContainerStyles.flexWithGap, cx(className, xcss, '-ValueContainer')])
|
|
46
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
47
|
+
,
|
|
48
|
+
style: css
|
|
49
|
+
}, innerProps), children);
|
|
50
|
+
};
|
package/dist/esm/creatable.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { defaultAriaLiveMessages } from '../accessibility/index';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../async-creatable';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ClearIndicator } from '../components/indicators/clear-indicator';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { components, defaultComponents } from '../components/index';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/control';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DropdownIndicator } from '../components/indicators/dropdown-indicator';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { createFilter } from '../filters';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { GroupHeading } from '../components/group-heading';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/group';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { IndicatorsContainer } from '../components/containers/indicators-container';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/input';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { LoadingIndicator } from '../components/indicators/loading-indicator';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MenuList } from '../components/menu-list';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MenuPortal } from '../components/menu-portal';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/menu';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MultiValueRemove } from '../components/multi-value-remove';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/multi-value';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/option';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/placeholder';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SelectContainer } from '../components/containers/select-container';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../components/single-value';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../state-manager';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { mergeStyles } from '../styles';
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../use-async';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../use-creatable';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../use-state-manager';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ValueContainer } from '../components/containers/value-container';
|