@luminati-io/uikit 6.3.106 → 6.3.107

package/dist/umd/uikit.development.js

@@ -48007,7 +48007,7 @@ Dropdown.propTypes = {
   labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   labelTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   helperText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
-  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg']),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['xs', 'sm', 'md', 'lg']),
   options: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().any)),
   multiselect: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   clearable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
@@ -48417,6 +48417,7 @@ var useStyles = function useStyles(_ref) {
           isFocused = _ref2.isFocused,
           selectProps = _ref2.selectProps;
         var height = {
+          xs: 28,
           sm: 36,
           md: 40,
           lg: 48
@@ -48435,10 +48436,14 @@ var useStyles = function useStyles(_ref) {
           borderColor = color.border_primary;
           boxShadow = shadow.primary;
         }
-        return _objectSpread(_objectSpread(_objectSpread({}, baseStyles), labelSm), {}, {
+        return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, baseStyles), labelSm), {}, {
           '&:hover': _objectSpread(_objectSpread({}, baseStyles['&:hover']), {}, {
             borderColor: color.border_accent
-          }),
+          })
+        }, size == 'xs' ? {
+          height: '28px',
+          alignItems: 'flex-start'
+        } : {}), {}, {
           minHeight: (0,_util__WEBPACK_IMPORTED_MODULE_3__.px)(height[size] || height.sm),
           padding: "".concat(_constants__WEBPACK_IMPORTED_MODULE_2__.INPUT_VERTICAL_PADDING, "px ") + "".concat(_constants__WEBPACK_IMPORTED_MODULE_2__.INPUT_HORIZONTAL_PADDING, "px"),
           color: foreColor,
@@ -48451,7 +48456,10 @@ var useStyles = function useStyles(_ref) {
       input: function input(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
           color: color.text_tertiary
-        });
+        }, size == 'xs' ? {
+          height: '18px',
+          margin: 0
+        } : {});
       },
       valueContainer: function valueContainer(baseStyles, state) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
@@ -48467,8 +48475,10 @@ var useStyles = function useStyles(_ref) {
       indicatorsContainer: function indicatorsContainer(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
           gap: spacing['03'],
-          minHeight: spacing['06']
-        });
+          minHeight: size == 'xs' ? spacing['05'] : spacing['06']
+        }, size == 'xs' ? {
+          height: '18px'
+        } : {});
       },
       menu: function menu(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {