venice-ui 2.1.9 → 2.1.10

package/dist/cjs/components/Dropdown/Dropdown.js

@@ -90,7 +90,7 @@ const Dropdown = ({ size = 'medium', label, labelPosition = 'top', disabled = fa
     return (react_1.default.createElement(Aligment_1.Aligment, { align: labelPosition === 'top' ? 'flex-start' : 'center', direction: labelPosition === 'top' ? 'column' : 'row', wrap: 'nowrap', width: width },
         label && (react_1.default.createElement(Input_1.InputLabelElement, { size: size, labelPosition: labelPosition }, label)),
         readOnly ? (react_1.default.createElement(Input_1.InputReadOnlyElement, { inputSize: size }, value)) : (react_1.default.createElement(Dropdown_styles_1.DropdownElement, { onClick: () => handleOpen(), ref: sourceRef },
-            react_1.default.createElement(DropdownElements_1.Field, { inputSize: size, disabled: disabled, width: width, active: open, error: error }, value ? getLabelForValue(value) : placeholder),
+            react_1.default.createElement(DropdownElements_1.Field, { inputSize: size, disabled: disabled, width: width, active: open, error: error, rightPadding: true }, value ? getLabelForValue(value) : placeholder),
             react_1.default.createElement(Input_1.EyeIconWrapper, { size: size },
                 react_1.default.createElement(Icons_1.Icon, { name: open ? 'arrow_drop_up' : 'arrow_drop_down', size: 24, iconColor: theme.inputDefaultTextColor, iconHoverColor: theme.inputDefaultTextColor, iconBgHoverColor: "transparent" })),
             open &&

package/dist/cjs/components/Dropdown/DropdownElements.js

@@ -30,4 +30,8 @@ exports.Field = styled_components_1.default.div `
     ${common_1.inputColorSchema.disabled}
     cursor: not-allowed;
   `}
+  ${(p) => p.rightPadding &&
+    `
+    padding-right: 30px;
+  `}
 `;

package/dist/esm/components/Dropdown/Dropdown.js

@@ -64,7 +64,7 @@ export const Dropdown = ({ size = 'medium', label, labelPosition = 'top', disabl
     return (React.createElement(Aligment, { align: labelPosition === 'top' ? 'flex-start' : 'center', direction: labelPosition === 'top' ? 'column' : 'row', wrap: 'nowrap', width: width },
         label && (React.createElement(InputLabelElement, { size: size, labelPosition: labelPosition }, label)),
         readOnly ? (React.createElement(InputReadOnlyElement, { inputSize: size }, value)) : (React.createElement(DropdownElement, { onClick: () => handleOpen(), ref: sourceRef },
-            React.createElement(Field, { inputSize: size, disabled: disabled, width: width, active: open, error: error }, value ? getLabelForValue(value) : placeholder),
+            React.createElement(Field, { inputSize: size, disabled: disabled, width: width, active: open, error: error, rightPadding: true }, value ? getLabelForValue(value) : placeholder),
             React.createElement(EyeIconWrapper, { size: size },
                 React.createElement(Icon, { name: open ? 'arrow_drop_up' : 'arrow_drop_down', size: 24, iconColor: theme.inputDefaultTextColor, iconHoverColor: theme.inputDefaultTextColor, iconBgHoverColor: "transparent" })),
             open &&

package/dist/esm/components/Dropdown/DropdownElements.js

@@ -24,4 +24,8 @@ export const Field = styled.div `
     ${inputColorSchema.disabled}
     cursor: not-allowed;
   `}
+  ${(p) => p.rightPadding &&
+    `
+    padding-right: 30px;
+  `}
 `;

package/dist/types/components/Dropdown/DropdownElements.d.ts

@@ -5,5 +5,6 @@ export interface IFieldProps {
     error?: boolean;
     width?: string;
     active: boolean;
+    rightPadding?: boolean;
 }
 export declare const Field: import("styled-components").StyledComponent<"div", any, IFieldProps, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "venice-ui",
-  "version": "2.1.9",
+  "version": "2.1.10",
   "description": "Component library",
   "main": "index.js",
   "module": "./dist/esm/index.js",