forstok-ui-lib 6.7.1 → 6.7.3
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/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/select/index.tsx +8 -8
package/package.json
CHANGED
|
@@ -175,15 +175,15 @@ const SelectComponent = ({ type, isError=false, mode, customOption, customLabel,
|
|
|
175
175
|
control: (provided: CSSObject, state:ControlProps<TOption, typeof isMulti>) => ({
|
|
176
176
|
...provided,
|
|
177
177
|
borderRadius: '.5rem',
|
|
178
|
-
minHeight:
|
|
179
|
-
height: height ?? (mode === 'orders' ? '90px' :'30px'),
|
|
180
|
-
maxHeight: mode === 'picklist' ? '46px': 'none',
|
|
178
|
+
minHeight: mode === 'multi' ? '50px' : (mode === 'picklist' ? '30px': '1px'),
|
|
179
|
+
height: mode === 'multi' ? '50px' : (height ?? (mode === 'orders' ? '90px' :'30px')),
|
|
180
|
+
maxHeight: mode === 'multi' ? '50px' : (mode === 'picklist' ? '46px': 'none'),
|
|
181
181
|
cursor: 'pointer',
|
|
182
182
|
borderWidth: isError ? '1px' : '0',
|
|
183
183
|
boxShadow: (state.isFocused) ? '-.0625rem 0rem .0625rem 0rem rgba(26, 26, 26, .122) inset, .0625rem 0rem .0625rem 0rem rgba(26, 26, 26, .122) inset, 0rem .125rem .0625rem 0rem rgba(26, 26, 26, .2) inset' : '0rem -.0625rem 0rem 0rem #b5b5b5 inset,0rem 0rem 0rem .0625rem rgba(0, 0, 0, .1) inset,0rem .03125rem 0rem .09375rem #FFF inset',
|
|
184
184
|
borderColor: ((state.isFocused && mode !== 'filter') && !isError) ? 'var(--pri-clr-ln__fc)' : (isError ? 'var(--err-clr-ln)' : (mode ==='filter' ? '#ffffff' : ' var(--ck-clr-ln)' )),
|
|
185
185
|
background: state.isFocused ? 'rgba(247, 247, 247, 1)' : '#ffffff',
|
|
186
|
-
overflow: mode === 'picklist' ? 'hidden': (mode === 'orders' ? 'auto' : 'initial'),
|
|
186
|
+
overflow: mode === 'multi' ? 'auto' : (mode === 'picklist' ? 'hidden': (mode === 'orders' ? 'auto' : 'initial')),
|
|
187
187
|
alignItems: mode === 'orders' ? 'start' : 'center',
|
|
188
188
|
padding: mode === 'orders' ? '6px 0' : 'unset',
|
|
189
189
|
color: 'rgba(74, 74, 74, 1)',
|
|
@@ -231,10 +231,10 @@ const SelectComponent = ({ type, isError=false, mode, customOption, customLabel,
|
|
|
231
231
|
} as CSSObjectWithLabel),
|
|
232
232
|
valueContainer: (provided: CSSObject) => ({
|
|
233
233
|
...provided,
|
|
234
|
-
height: '30px',
|
|
235
|
-
maxHeight: mode === 'picklist' ? '46px': 'none',
|
|
236
|
-
minHeight: mode === 'picklist' ? '30px': '1px',
|
|
237
|
-
overflow: mode === 'picklist' ? 'auto': 'initial',
|
|
234
|
+
height: mode === 'multi' ? '44px' : '30px',
|
|
235
|
+
maxHeight: mode === 'multi' ? '44px' : (mode === 'picklist' ? '46px': 'none'),
|
|
236
|
+
minHeight: mode === 'multi' ? '44px' : (mode === 'picklist' ? '30px': '1px'),
|
|
237
|
+
overflow: (mode === 'multi' || mode === 'picklist') ? 'auto': 'initial',
|
|
238
238
|
paddingTop: '0',
|
|
239
239
|
paddingBottom: '0',
|
|
240
240
|
paddingRight: '2px',
|