dtable-ui-component 7.0.0-ahn.20 → 7.0.0-ahn.22
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.
|
@@ -14,7 +14,6 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
14
14
|
const _excluded = ["innerProps"]; // DtableSelect is based on seatable-ui.css, so use the following content to override the default react-select style
|
|
15
15
|
const DEFAULT_CONTROL_STYLE = {
|
|
16
16
|
fontSize: '14px',
|
|
17
|
-
padding: '0 4px 0 8px',
|
|
18
17
|
border: '1px solid var(--bs-border-color) !important',
|
|
19
18
|
boxShadow: 'none',
|
|
20
19
|
backgroundColor: 'var(--bs-popover-bg)',
|
|
@@ -23,7 +22,6 @@ const DEFAULT_CONTROL_STYLE = {
|
|
|
23
22
|
};
|
|
24
23
|
const DISABLED_CONTROL_STYLE = {
|
|
25
24
|
fontSize: '14px',
|
|
26
|
-
padding: '0 4px 0 8px',
|
|
27
25
|
border: '1px solid rgba(0, 40, 100, 0.12)',
|
|
28
26
|
boxShadow: 'none',
|
|
29
27
|
backgroundColor: 'var(--bs-bg-color)',
|
|
@@ -34,7 +32,6 @@ const DISABLED_CONTROL_STYLE = {
|
|
|
34
32
|
};
|
|
35
33
|
const FOCUS_CONTROL_STYLE = {
|
|
36
34
|
fontSize: '14px',
|
|
37
|
-
padding: '0 4px 0 8px',
|
|
38
35
|
border: '1px solid var(--bs-bg-border-color)',
|
|
39
36
|
boxShadow: 'none',
|
|
40
37
|
backgroundColor: 'var(--bs-popover-bg)',
|
|
@@ -42,7 +39,8 @@ const FOCUS_CONTROL_STYLE = {
|
|
|
42
39
|
outline: '0'
|
|
43
40
|
};
|
|
44
41
|
const HEADER_ICON_STYLE = {
|
|
45
|
-
|
|
42
|
+
margin: '0 0.5rem 0 0 !important',
|
|
43
|
+
padding: 0
|
|
46
44
|
};
|
|
47
45
|
const controlCallback = (provided, state) => {
|
|
48
46
|
const isDisabled = state.isDisabled,
|
|
@@ -110,12 +108,14 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
|
|
|
110
108
|
}),
|
|
111
109
|
singleValue: provided => {
|
|
112
110
|
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
|
|
113
|
-
color: 'var(--bs-body-color)'
|
|
111
|
+
color: 'var(--bs-body-color)',
|
|
112
|
+
margin: 0
|
|
114
113
|
});
|
|
115
114
|
},
|
|
116
115
|
multiValue: provided => {
|
|
117
116
|
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
|
|
118
|
-
color: 'var(--bs-body-color)'
|
|
117
|
+
color: 'var(--bs-body-color)',
|
|
118
|
+
margin: 0
|
|
119
119
|
});
|
|
120
120
|
},
|
|
121
121
|
multiValueRemove: styles => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, styles), {}, {
|
|
@@ -134,7 +134,8 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
|
|
|
134
134
|
const isDisabled = state.isDisabled;
|
|
135
135
|
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
|
|
136
136
|
color: 'var(--bs-bg-placeholder-color)',
|
|
137
|
-
opacity: isDisabled ? 0.65 : 1
|
|
137
|
+
opacity: isDisabled ? 0.65 : 1,
|
|
138
|
+
margin: 0
|
|
138
139
|
});
|
|
139
140
|
},
|
|
140
141
|
indicatorSeparator: (styles, state) => {
|
|
@@ -145,7 +146,7 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
|
|
|
145
146
|
dropdownIndicator: (provided, state) => {
|
|
146
147
|
const isDisabled = state.isDisabled;
|
|
147
148
|
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
|
|
148
|
-
paddingRight: '
|
|
149
|
+
paddingRight: '16px',
|
|
149
150
|
'.dtable-font': {
|
|
150
151
|
color: 'var(--bs-icon-color) !important',
|
|
151
152
|
opacity: isDisabled ? 0.65 : 1
|