venice-ui 1.0.30 → 1.0.32

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/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { InputSize, ButtonMode } from 'types';
+import { InputSize, ButtonMode } from '../../types';
 export interface IButtonProps {
     text: string;
     mode?: ButtonMode;

package/dist/types/components/Button/Button.styles.d.ts

@@ -1,4 +1,4 @@
-import { InputSize } from 'types';
+import { InputSize } from '../../types';
 interface IButtonElement {
     mode: string;
     size: InputSize;

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

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { IAction } from 'types';
+import { IAction } from '../../types';
 interface ICardProps {
     children: React.ReactNode;
     title?: string;

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/ElementHeader/ElementHeader.d.ts

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { IAction } from 'types';
+import { IAction } from '../../types';
 interface IElementHeader {
     title?: string;
     showTitle?: boolean;

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { InputSize } from 'types';
+import { InputSize } from '../../types';
 export interface ILoaderProps {
     color?: string;
     size: InputSize;

package/dist/types/components/Loader/Loader.styles.d.ts

@@ -1,4 +1,4 @@
-import { InputSize } from 'types';
+import { InputSize } from '../../types';
 export declare const Action1: import("styled-components").Keyframes;
 export declare const Action2: (move: string) => import("styled-components").Keyframes;
 export declare const Action3: import("styled-components").Keyframes;

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { IAction, InputSize } from 'types';
+import { IAction, InputSize } from '../../types';
 interface IMoreProps {
     options: IAction[];
     size?: InputSize;

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { InputSize, IOption, LabelPosition } from 'types';
+import { InputSize, IOption, LabelPosition } from '../../types';
 export interface ISelectorProps {
     label?: string;
     labelPosition?: LabelPosition;

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

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { IIconsActions } from 'types';
+import { IIconsActions } from '../../types';
 interface ISidepanel {
     isOpen: boolean;
     children: React.ReactNode;

package/dist/types/components/Typography/Typography.styles.d.ts

@@ -1,4 +1,4 @@
-import { InputSize, LabelPosition } from 'types';
+import { InputSize, LabelPosition } from '../../types';
 export declare const Text: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TextSmall: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TextHeader: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,4 +1,4 @@
-import { InputSize, PanelPosition } from 'types';
+import { InputSize, PanelPosition } from '../../types';
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ScrollCotainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 interface IPanelStyle {

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.30",
+  "version": "1.0.32",
   "description": "Component library",
   "main": "index.js",
   "module": "./dist/esm/index.js",