venice-ui 1.0.29 → 1.0.31

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

@@ -15,6 +15,7 @@ exports.Field = styled_components_1.default.div `
   ${(p) => (0, common_1.setSize)(p.inputSize)}
   color: ${Theme_1.Theme.colors.text};
   width: ${(p) => (p.width ? p.width : '100%')};
+  height:  ${(p) => (0, common_1.setFieldHeight)(p.inputSize)};
   ${(p) => p.error &&
     `
     ${common_1.colorMode.error}

package/dist/cjs/components/common/inputStyles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setAnimationParams = exports.animationParams = exports.setPanelPosition = exports.panelPosition = exports.setPanelTop = exports.panelTop = exports.setIconSize = exports.iconSize = exports.setLabelFontSize = exports.lableFontSize = exports.colorMode = exports.setSize = exports.sizes = exports.defaultStyles = void 0;
+exports.setAnimationParams = exports.animationParams = exports.setFieldHeight = exports.fieldHeight = exports.setPanelPosition = exports.panelPosition = exports.setPanelTop = exports.panelTop = exports.setIconSize = exports.iconSize = exports.setLabelFontSize = exports.lableFontSize = exports.colorMode = exports.setSize = exports.sizes = exports.defaultStyles = void 0;
 const polished_1 = require("polished");
 const Theme_1 = require("../../Theme");
 exports.defaultStyles = `
@@ -95,6 +95,15 @@ const setPanelPosition = (position) => {
     return exports.panelPosition[position];
 };
 exports.setPanelPosition = setPanelPosition;
+exports.fieldHeight = {
+    small: '26px',
+    medium: '36px',
+    large: '42px'
+};
+const setFieldHeight = (size) => {
+    return exports.fieldHeight[size];
+};
+exports.setFieldHeight = setFieldHeight;
 exports.animationParams = {
     small: {
         width: '40px',

package/dist/cjs/index.js

@@ -25,6 +25,7 @@ __exportStar(require("./components/Input"), exports);
 __exportStar(require("./components/Loader"), exports);
 __exportStar(require("./components/Modal"), exports);
 __exportStar(require("./components/Section"), exports);
+__exportStar(require("./components/Selector"), exports);
 __exportStar(require("./components/Sidepanel"), exports);
 __exportStar(require("./components/Tile"), exports);
 __exportStar(require("./components/Typography"), exports);

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

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { defaultStyles, setSize, colorMode } from "../common";
+import { defaultStyles, setSize, colorMode, setFieldHeight } from "../common";
 import { Theme } from "../../Theme";
 export const Field = styled.div `
   position: relative;
@@ -9,6 +9,7 @@ export const Field = styled.div `
   ${(p) => setSize(p.inputSize)}
   color: ${Theme.colors.text};
   width: ${(p) => (p.width ? p.width : '100%')};
+  height:  ${(p) => setFieldHeight(p.inputSize)};
   ${(p) => p.error &&
     `
     ${colorMode.error}

package/dist/esm/components/common/inputStyles.js

@@ -87,6 +87,14 @@ export const panelPosition = {
 export const setPanelPosition = (position) => {
     return panelPosition[position];
 };
+export const fieldHeight = {
+    small: '26px',
+    medium: '36px',
+    large: '42px'
+};
+export const setFieldHeight = (size) => {
+    return fieldHeight[size];
+};
 export const animationParams = {
     small: {
         width: '40px',

package/dist/esm/index.js

@@ -9,6 +9,7 @@ export * from "./components/Input";
 export * from './components/Loader';
 export * from './components/Modal';
 export * from './components/Section';
+export * from './components/Selector';
 export * from './components/Sidepanel';
 export * from './components/Tile';
 export * from './components/Typography';

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

@@ -1,7 +1,6 @@
 import { FC } from 'react';
 import { IFormElement, IOption } from '../../types';
 export interface IDropdownProps extends IFormElement {
-    mode: 'normal' | 'icon';
     options: IOption[];
     handleSelect: (name: string, value: string | number) => void;
 }

package/dist/types/components/File/File.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { IFormElement } from 'types';
+import { IFormElement } from '../../types';
 export interface IFileProps extends IFormElement {
     handleChange: any;
     placeholder?: string;

package/dist/types/components/common/inputStyles.d.ts

@@ -34,6 +34,12 @@ export declare const panelPosition: {
     right: string;
 };
 export declare const setPanelPosition: (position: PanelPosition) => string;
+export declare const fieldHeight: {
+    small: string;
+    medium: string;
+    large: string;
+};
+export declare const setFieldHeight: (size: InputSize) => string;
 export declare const animationParams: {
     small: {
         width: string;

package/dist/types/index.d.ts

@@ -9,6 +9,7 @@ export * from "./components/Input";
 export * from './components/Loader';
 export * from './components/Modal';
 export * from './components/Section';
+export * from './components/Selector';
 export * from './components/Sidepanel';
 export * from './components/Tile';
 export * from './components/Typography';

package/package.json

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