dtable-ui-component 7.0.0-ahn.21 → 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)',
|
|
@@ -111,12 +108,14 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
|
|
|
111
108
|
}),
|
|
112
109
|
singleValue: provided => {
|
|
113
110
|
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
|
|
114
|
-
color: 'var(--bs-body-color)'
|
|
111
|
+
color: 'var(--bs-body-color)',
|
|
112
|
+
margin: 0
|
|
115
113
|
});
|
|
116
114
|
},
|
|
117
115
|
multiValue: provided => {
|
|
118
116
|
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
|
|
119
|
-
color: 'var(--bs-body-color)'
|
|
117
|
+
color: 'var(--bs-body-color)',
|
|
118
|
+
margin: 0
|
|
120
119
|
});
|
|
121
120
|
},
|
|
122
121
|
multiValueRemove: styles => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, styles), {}, {
|
|
@@ -135,7 +134,8 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
|
|
|
135
134
|
const isDisabled = state.isDisabled;
|
|
136
135
|
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
|
|
137
136
|
color: 'var(--bs-bg-placeholder-color)',
|
|
138
|
-
opacity: isDisabled ? 0.65 : 1
|
|
137
|
+
opacity: isDisabled ? 0.65 : 1,
|
|
138
|
+
margin: 0
|
|
139
139
|
});
|
|
140
140
|
},
|
|
141
141
|
indicatorSeparator: (styles, state) => {
|
|
@@ -146,7 +146,7 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
|
|
|
146
146
|
dropdownIndicator: (provided, state) => {
|
|
147
147
|
const isDisabled = state.isDisabled;
|
|
148
148
|
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
|
|
149
|
-
paddingRight: '
|
|
149
|
+
paddingRight: '16px',
|
|
150
150
|
'.dtable-font': {
|
|
151
151
|
color: 'var(--bs-icon-color) !important',
|
|
152
152
|
opacity: isDisabled ? 0.65 : 1
|