venice-ui 2.1.9 → 2.1.11

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.
Files changed (9) hide show
  1. package/dist/cjs/components/Dropdown/Dropdown.js +1 -1
  2. package/dist/cjs/components/Dropdown/DropdownElements.js +4 -0
  3. package/dist/cjs/components/Icons/IconsPath.js +3 -0
  4. package/dist/esm/components/Dropdown/Dropdown.js +1 -1
  5. package/dist/esm/components/Dropdown/DropdownElements.js +4 -0
  6. package/dist/esm/components/Icons/IconsPath.js +3 -0
  7. package/dist/types/components/Dropdown/DropdownElements.d.ts +1 -0
  8. package/dist/types/components/Icons/IconsPath.d.ts +3 -0
  9. package/package.json +3 -3
package/dist/cjs/components/Dropdown/Dropdown.js CHANGED
@@ -90,7 +90,7 @@ const Dropdown = ({ size = 'medium', label, labelPosition = 'top', disabled = fa
90
90
  return (react_1.default.createElement(Aligment_1.Aligment, { align: labelPosition === 'top' ? 'flex-start' : 'center', direction: labelPosition === 'top' ? 'column' : 'row', wrap: 'nowrap', width: width },
91
91
  label && (react_1.default.createElement(Input_1.InputLabelElement, { size: size, labelPosition: labelPosition }, label)),
92
92
  readOnly ? (react_1.default.createElement(Input_1.InputReadOnlyElement, { inputSize: size }, value)) : (react_1.default.createElement(Dropdown_styles_1.DropdownElement, { onClick: () => handleOpen(), ref: sourceRef },
93
- react_1.default.createElement(DropdownElements_1.Field, { inputSize: size, disabled: disabled, width: width, active: open, error: error }, value ? getLabelForValue(value) : placeholder),
93
+ react_1.default.createElement(DropdownElements_1.Field, { inputSize: size, disabled: disabled, width: width, active: open, error: error, rightPadding: true }, value ? getLabelForValue(value) : placeholder),
94
94
  react_1.default.createElement(Input_1.EyeIconWrapper, { size: size },
95
95
  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" })),
96
96
  open &&
package/dist/cjs/components/Dropdown/DropdownElements.js CHANGED
@@ -30,4 +30,8 @@ exports.Field = styled_components_1.default.div `
30
30
  ${common_1.inputColorSchema.disabled}
31
31
  cursor: not-allowed;
32
32
  `}
33
+ ${(p) => p.rightPadding &&
34
+ `
35
+ padding-right: 30px;
36
+ `}
33
37
  `;
package/dist/cjs/components/Icons/IconsPath.js CHANGED
@@ -5,6 +5,8 @@ exports.iconsPath = {
5
5
  account: 'M5.85 17.1q1.275-.975 2.85-1.538Q10.275 15 12 15q1.725 0 3.3.562 1.575.563 2.85 1.538.875-1.025 1.363-2.325Q20 13.475 20 12q0-3.325-2.337-5.663Q15.325 4 12 4T6.338 6.337Q4 8.675 4 12q0 1.475.488 2.775.487 1.3 1.362 2.325ZM12 13q-1.475 0-2.488-1.012Q8.5 10.975 8.5 9.5t1.012-2.488Q10.525 6 12 6t2.488 1.012Q15.5 8.025 15.5 9.5t-1.012 2.488Q13.475 13 12 13Zm0 9q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175 1.35-1.35 3.175-2.138Q9.925 2 12 2t3.9.787q1.825.788 3.175 2.138 1.35 1.35 2.137 3.175Q22 9.925 22 12t-.788 3.9q-.787 1.825-2.137 3.175-1.35 1.35-3.175 2.137Q14.075 22 12 22Zm0-2q1.325 0 2.5-.387 1.175-.388 2.15-1.113-.975-.725-2.15-1.113Q13.325 17 12 17t-2.5.387q-1.175.388-2.15 1.113.975.725 2.15 1.113Q10.675 20 12 20Zm0-9q.65 0 1.075-.425.425-.425.425-1.075 0-.65-.425-1.075Q12.65 8 12 8q-.65 0-1.075.425Q10.5 8.85 10.5 9.5q0 .65.425 1.075Q11.35 11 12 11Zm0-1.5Zm0 9Z',
6
6
  add: 'M11 19v-6H5v-2h6V5h2v6h6v2h-6v6Z',
7
7
  add_circle: 'M11 17h2v-4h4v-2h-4V7h-2v4H7v2h4Zm1 5q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175 1.35-1.35 3.175-2.138Q9.925 2 12 2t3.9.787q1.825.788 3.175 2.138 1.35 1.35 2.137 3.175Q22 9.925 22 12t-.788 3.9q-.787 1.825-2.137 3.175-1.35 1.35-3.175 2.137Q14.075 22 12 22Zm0-2q3.35 0 5.675-2.325Q20 15.35 20 12q0-3.35-2.325-5.675Q15.35 4 12 4 8.65 4 6.325 6.325 4 8.65 4 12q0 3.35 2.325 5.675Q8.65 20 12 20Zm0-8Z',
8
+ arrow_down: 'M11 3V15.175L5.4 9.575L4 11L12 19L20 11L18.6 9.575L13 15.175V3H11Z',
9
+ arrow_up: 'M11 20V7.825L5.4 13.425L4 12L12 4L20 12L18.6 13.425L13 7.825V20H11Z',
8
10
  arrow_drop_down: 'M12 15L7 10H17L12 15Z',
9
11
  arrow_drop_up: 'M7 14L12 9L17 14H7Z',
10
12
  back: 'M16 22 6 12 16 2l1.775 1.775L9.55 12l8.225 8.225Z',
@@ -20,6 +22,7 @@ exports.iconsPath = {
20
22
  circle: 'm10.6 16.6 7.05-7.05-1.4-1.4-5.65 5.65-2.85-2.85-1.4 1.4ZM12 22q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175 1.35-1.35 3.175-2.138Q9.925 2 12 2t3.9.787q1.825.788 3.175 2.138 1.35 1.35 2.137 3.175Q22 9.925 22 12t-.788 3.9q-.787 1.825-2.137 3.175-1.35 1.35-3.175 2.137Q14.075 22 12 22Zm0-2q3.35 0 5.675-2.325Q20 15.35 20 12q0-3.35-2.325-5.675Q15.35 4 12 4 8.65 4 6.325 6.325 4 8.65 4 12q0 3.35 2.325 5.675Q8.65 20 12 20Zm0-8Z',
21
23
  delete: 'M7 21q-.825 0-1.412-.587Q5 19.825 5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413Q17.825 21 17 21ZM17 6H7v13h10ZM9 17h2V8H9Zm4 0h2V8h-2ZM7 6v13Z',
22
24
  download: 'M6 20q-.825 0-1.412-.587Q4 18.825 4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413Q18.825 20 18 20Zm6-4-5-5 1.4-1.45 2.6 2.6V4h2v8.15l2.6-2.6L17 11Z',
25
+ download_off: 'M20.4 21.825L17.775 19.2H6.625C6.075 19.2 5.60417 19.0042 5.2125 18.6125C4.82083 18.2208 4.625 17.75 4.625 17.2V14.2H6.625V17.2H15.775L13.2 14.625L12.625 15.2L7.625 10.2L8.2 9.625L2 3.425L3.425 2L21.825 20.4L20.4 21.825ZM16.05 11.775L14.625 10.35L16.225 8.75L17.625 10.2L16.05 11.775ZM13.625 9.35L11.625 7.35V3.2H13.625V9.35ZM20.625 16.35L18.625 14.35V14.2H20.625V16.35Z',
23
26
  edit: 'M5 19h1.4l8.625-8.625-1.4-1.4L5 17.6ZM19.3 8.925l-4.25-4.2 1.4-1.4q.575-.575 1.413-.575.837 0 1.412.575l1.4 1.4q.575.575.6 1.388.025.812-.55 1.387ZM17.85 10.4 7.25 21H3v-4.25l10.6-10.6Zm-3.525-.725-.7-.7 1.4 1.4Z',
24
27
  error: 'M12 17C12.2833 17 12.5208 16.9042 12.7125 16.7125C12.9042 16.5208 13 16.2833 13 16C13 15.7167 12.9042 15.4792 12.7125 15.2875C12.5208 15.0958 12.2833 15 12 15C11.7167 15 11.4792 15.0958 11.2875 15.2875C11.0958 15.4792 11 15.7167 11 16C11 16.2833 11.0958 16.5208 11.2875 16.7125C11.4792 16.9042 11.7167 17 12 17ZM11 13H13V7H11V13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z',
25
28
  filters: 'M10 18v-2h4v2Zm-4-5v-2h12v2ZM3 8V6h18v2Z',
package/dist/esm/components/Dropdown/Dropdown.js CHANGED
@@ -64,7 +64,7 @@ export const Dropdown = ({ size = 'medium', label, labelPosition = 'top', disabl
64
64
  return (React.createElement(Aligment, { align: labelPosition === 'top' ? 'flex-start' : 'center', direction: labelPosition === 'top' ? 'column' : 'row', wrap: 'nowrap', width: width },
65
65
  label && (React.createElement(InputLabelElement, { size: size, labelPosition: labelPosition }, label)),
66
66
  readOnly ? (React.createElement(InputReadOnlyElement, { inputSize: size }, value)) : (React.createElement(DropdownElement, { onClick: () => handleOpen(), ref: sourceRef },
67
- React.createElement(Field, { inputSize: size, disabled: disabled, width: width, active: open, error: error }, value ? getLabelForValue(value) : placeholder),
67
+ React.createElement(Field, { inputSize: size, disabled: disabled, width: width, active: open, error: error, rightPadding: true }, value ? getLabelForValue(value) : placeholder),
68
68
  React.createElement(EyeIconWrapper, { size: size },
69
69
  React.createElement(Icon, { name: open ? 'arrow_drop_up' : 'arrow_drop_down', size: 24, iconColor: theme.inputDefaultTextColor, iconHoverColor: theme.inputDefaultTextColor, iconBgHoverColor: "transparent" })),
70
70
  open &&
package/dist/esm/components/Dropdown/DropdownElements.js CHANGED
@@ -24,4 +24,8 @@ export const Field = styled.div `
24
24
  ${inputColorSchema.disabled}
25
25
  cursor: not-allowed;
26
26
  `}
27
+ ${(p) => p.rightPadding &&
28
+ `
29
+ padding-right: 30px;
30
+ `}
27
31
  `;
package/dist/esm/components/Icons/IconsPath.js CHANGED
@@ -2,6 +2,8 @@ export const iconsPath = {
2
2
  account: 'M5.85 17.1q1.275-.975 2.85-1.538Q10.275 15 12 15q1.725 0 3.3.562 1.575.563 2.85 1.538.875-1.025 1.363-2.325Q20 13.475 20 12q0-3.325-2.337-5.663Q15.325 4 12 4T6.338 6.337Q4 8.675 4 12q0 1.475.488 2.775.487 1.3 1.362 2.325ZM12 13q-1.475 0-2.488-1.012Q8.5 10.975 8.5 9.5t1.012-2.488Q10.525 6 12 6t2.488 1.012Q15.5 8.025 15.5 9.5t-1.012 2.488Q13.475 13 12 13Zm0 9q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175 1.35-1.35 3.175-2.138Q9.925 2 12 2t3.9.787q1.825.788 3.175 2.138 1.35 1.35 2.137 3.175Q22 9.925 22 12t-.788 3.9q-.787 1.825-2.137 3.175-1.35 1.35-3.175 2.137Q14.075 22 12 22Zm0-2q1.325 0 2.5-.387 1.175-.388 2.15-1.113-.975-.725-2.15-1.113Q13.325 17 12 17t-2.5.387q-1.175.388-2.15 1.113.975.725 2.15 1.113Q10.675 20 12 20Zm0-9q.65 0 1.075-.425.425-.425.425-1.075 0-.65-.425-1.075Q12.65 8 12 8q-.65 0-1.075.425Q10.5 8.85 10.5 9.5q0 .65.425 1.075Q11.35 11 12 11Zm0-1.5Zm0 9Z',
3
3
  add: 'M11 19v-6H5v-2h6V5h2v6h6v2h-6v6Z',
4
4
  add_circle: 'M11 17h2v-4h4v-2h-4V7h-2v4H7v2h4Zm1 5q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175 1.35-1.35 3.175-2.138Q9.925 2 12 2t3.9.787q1.825.788 3.175 2.138 1.35 1.35 2.137 3.175Q22 9.925 22 12t-.788 3.9q-.787 1.825-2.137 3.175-1.35 1.35-3.175 2.137Q14.075 22 12 22Zm0-2q3.35 0 5.675-2.325Q20 15.35 20 12q0-3.35-2.325-5.675Q15.35 4 12 4 8.65 4 6.325 6.325 4 8.65 4 12q0 3.35 2.325 5.675Q8.65 20 12 20Zm0-8Z',
5
+ arrow_down: 'M11 3V15.175L5.4 9.575L4 11L12 19L20 11L18.6 9.575L13 15.175V3H11Z',
6
+ arrow_up: 'M11 20V7.825L5.4 13.425L4 12L12 4L20 12L18.6 13.425L13 7.825V20H11Z',
5
7
  arrow_drop_down: 'M12 15L7 10H17L12 15Z',
6
8
  arrow_drop_up: 'M7 14L12 9L17 14H7Z',
7
9
  back: 'M16 22 6 12 16 2l1.775 1.775L9.55 12l8.225 8.225Z',
@@ -17,6 +19,7 @@ export const iconsPath = {
17
19
  circle: 'm10.6 16.6 7.05-7.05-1.4-1.4-5.65 5.65-2.85-2.85-1.4 1.4ZM12 22q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175 1.35-1.35 3.175-2.138Q9.925 2 12 2t3.9.787q1.825.788 3.175 2.138 1.35 1.35 2.137 3.175Q22 9.925 22 12t-.788 3.9q-.787 1.825-2.137 3.175-1.35 1.35-3.175 2.137Q14.075 22 12 22Zm0-2q3.35 0 5.675-2.325Q20 15.35 20 12q0-3.35-2.325-5.675Q15.35 4 12 4 8.65 4 6.325 6.325 4 8.65 4 12q0 3.35 2.325 5.675Q8.65 20 12 20Zm0-8Z',
18
20
  delete: 'M7 21q-.825 0-1.412-.587Q5 19.825 5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413Q17.825 21 17 21ZM17 6H7v13h10ZM9 17h2V8H9Zm4 0h2V8h-2ZM7 6v13Z',
19
21
  download: 'M6 20q-.825 0-1.412-.587Q4 18.825 4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413Q18.825 20 18 20Zm6-4-5-5 1.4-1.45 2.6 2.6V4h2v8.15l2.6-2.6L17 11Z',
22
+ download_off: 'M20.4 21.825L17.775 19.2H6.625C6.075 19.2 5.60417 19.0042 5.2125 18.6125C4.82083 18.2208 4.625 17.75 4.625 17.2V14.2H6.625V17.2H15.775L13.2 14.625L12.625 15.2L7.625 10.2L8.2 9.625L2 3.425L3.425 2L21.825 20.4L20.4 21.825ZM16.05 11.775L14.625 10.35L16.225 8.75L17.625 10.2L16.05 11.775ZM13.625 9.35L11.625 7.35V3.2H13.625V9.35ZM20.625 16.35L18.625 14.35V14.2H20.625V16.35Z',
20
23
  edit: 'M5 19h1.4l8.625-8.625-1.4-1.4L5 17.6ZM19.3 8.925l-4.25-4.2 1.4-1.4q.575-.575 1.413-.575.837 0 1.412.575l1.4 1.4q.575.575.6 1.388.025.812-.55 1.387ZM17.85 10.4 7.25 21H3v-4.25l10.6-10.6Zm-3.525-.725-.7-.7 1.4 1.4Z',
21
24
  error: 'M12 17C12.2833 17 12.5208 16.9042 12.7125 16.7125C12.9042 16.5208 13 16.2833 13 16C13 15.7167 12.9042 15.4792 12.7125 15.2875C12.5208 15.0958 12.2833 15 12 15C11.7167 15 11.4792 15.0958 11.2875 15.2875C11.0958 15.4792 11 15.7167 11 16C11 16.2833 11.0958 16.5208 11.2875 16.7125C11.4792 16.9042 11.7167 17 12 17ZM11 13H13V7H11V13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z',
22
25
  filters: 'M10 18v-2h4v2Zm-4-5v-2h12v2ZM3 8V6h18v2Z',
package/dist/types/components/Dropdown/DropdownElements.d.ts CHANGED
@@ -5,5 +5,6 @@ export interface IFieldProps {
5
5
  error?: boolean;
6
6
  width?: string;
7
7
  active: boolean;
8
+ rightPadding?: boolean;
8
9
  }
9
10
  export declare const Field: import("styled-components").StyledComponent<"div", any, IFieldProps, never>;
package/dist/types/components/Icons/IconsPath.d.ts CHANGED
@@ -2,6 +2,8 @@ export declare const iconsPath: {
2
2
  account: string;
3
3
  add: string;
4
4
  add_circle: string;
5
+ arrow_down: string;
6
+ arrow_up: string;
5
7
  arrow_drop_down: string;
6
8
  arrow_drop_up: string;
7
9
  back: string;
@@ -17,6 +19,7 @@ export declare const iconsPath: {
17
19
  circle: string;
18
20
  delete: string;
19
21
  download: string;
22
+ download_off: string;
20
23
  edit: string;
21
24
  error: string;
22
25
  filters: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "venice-ui",
3
- "version": "2.1.9",
3
+ "version": "2.1.11",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "module": "./dist/esm/index.js",
@@ -68,8 +68,8 @@
68
68
  "react-dom": "^18.2.0"
69
69
  },
70
70
  "engines": {
71
- "node": "18.20.4",
72
- "npm": "10.7.0"
71
+ "node": "22.14.0",
72
+ "npm": "10.9.2"
73
73
  },
74
74
  "dependencies": {
75
75
  "@storybook/addon-a11y": "^7.0.12",