@soul-refiner/design-system 1.1.5 → 1.1.7

package/dist/components/actions/upload/upload.d.ts

@@ -14,6 +14,7 @@ export interface UploadProps extends React.PropsWithChildren {
     subtext?: string;
     text?: React.ReactNode;
     type: UploadTypes;
+    height?: number;
 }
-export declare const Upload: ({ background, borderColor, children, iconColor, multiple, onDrop, size, subtext, text, type, }: UploadProps) => React.JSX.Element;
+export declare const Upload: ({ background, borderColor, children, iconColor, multiple, onDrop, size, subtext, text, type, height, }: UploadProps) => React.JSX.Element;
 export {};

package/dist/components/actions/upload/upload.js

@@ -4,7 +4,7 @@ import styled from 'styled-components';
 import { COLORS } from '../../../common';
 import { Box, Button, P } from '../../';
 import { UploadAudio, UploadFile, UploadImage, UploadVideo, } from '../../../icons';
-export const Upload = ({ background = 'hue-blue-3', borderColor = 'hue-blue-2', children, iconColor = 'primary-blue-2', multiple, onDrop, size = 'large', subtext, text, type, }) => {
+export const Upload = ({ background = 'hue-blue-3', borderColor = 'hue-blue-2', children, iconColor = 'primary-blue-2', multiple, onDrop, size = 'large', subtext, text, type, height, }) => {
     const filesRef = React.useRef(null);
     const [draggingOver, setDraggingOver] = React.useState(false);
     const fileTypeLookup = {
@@ -113,7 +113,7 @@ export const Upload = ({ background = 'hue-blue-3', borderColor = 'hue-blue-2',
             filesRef.current.value = '';
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(Wrapper, { "$background": background, "$borderColor": borderColor, "$draggingOver": draggingOver, "$height": heightLookup[type].height[size], "$size": size, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop },
+        React.createElement(Wrapper, { "$background": background, "$borderColor": borderColor, "$draggingOver": draggingOver, "$height": height || heightLookup[type].height[size], "$size": size, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop },
             React.createElement(Box, { "$align": "center", "$borderRadius": "medium", "$dir": "column", "$display": "flex", "$gap": 16, "$justify": "center", sx: "height: 100%; width: 100%; svg { flex-shrink: 0; };" },
                 iconLookup[type],
                 size !== 'small' && (React.createElement(Box, { "$align": "center", "$dir": "column", "$display": "flex", "$gap": 8, "$justify": "center", sx: "width: 100%;" },

package/dist/components/iconography/icon/icon.d.ts

@@ -6,7 +6,7 @@ type NativeProps = Pick<React.HTMLAttributes<SVGElement>, 'children' | 'classNam
 export interface IconProps extends NativeProps {
     as?: React.ElementType;
     color?: (typeof COLORS)[number];
-    size?: 16 | 20 | 24;
+    size?: 16 | 20 | 24 | 40;
     sx?: string;
 }
 export declare const Icon: ({ as, children, color, size, sx, ...rest }: IconProps) => React.JSX.Element;

package/dist/components/input/text_input/text_input.d.ts

@@ -17,9 +17,9 @@ export type Props = {
     size?: TextInputSize;
     sx?: string;
     value: string | string[];
-    isNumber?: boolean;
     placeIconAtTheEnd?: boolean;
     inputSx?: string;
+    type?: 'number' | 'password' | 'text';
 };
 interface DisabledProps extends Props {
     disabled?: true;
@@ -37,5 +37,5 @@ interface WarningProps extends Props {
     warning?: true;
 }
 export type TextInputProps = DisabledProps | SuccessfulProps | WarningProps;
-export declare const TextInput: ({ bg, disabled, helperText, icon, label, maxCharacters, multiple, name, onChange, onMultipleChange, placeholder, size, successful, sx, value, warning, isNumber, placeIconAtTheEnd, inputSx, }: TextInputProps) => React.JSX.Element;
+export declare const TextInput: ({ bg, disabled, helperText, icon, label, maxCharacters, multiple, name, onChange, onMultipleChange, placeholder, size, successful, sx, value, warning, type, placeIconAtTheEnd, inputSx, }: TextInputProps) => React.JSX.Element;
 export {};

package/dist/components/input/text_input/text_input.js

@@ -3,7 +3,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { Chip } from '../../feedback/chip/chip';
 import { CheckmarkCircle, AlertCircle } from '../../../icons';
-export const TextInput = ({ bg = 'var(--color-blue-10)', disabled, helperText, icon, label, maxCharacters, multiple, name, onChange, onMultipleChange, placeholder, size = 'large', successful, sx, value, warning, isNumber, placeIconAtTheEnd = false, inputSx, }) => {
+export const TextInput = ({ bg = 'var(--color-blue-10)', disabled, helperText, icon, label, maxCharacters, multiple, name, onChange, onMultipleChange, placeholder, size = 'large', successful, sx, value, warning, type = 'text', placeIconAtTheEnd = false, inputSx, }) => {
     const id = React.useId();
     const isMultiple = multiple;
     const [multipleValueToAdd, setMultipleValueToAdd] = React.useState('');
@@ -49,12 +49,12 @@ export const TextInput = ({ bg = 'var(--color-blue-10)', disabled, helperText, i
             isMultiple && (React.createElement(MultipleInputWrapper, { onSubmit: handleMultipleAdd },
                 value.filter(Boolean).map((item, index) => (React.createElement(Chip, { key: id + item + index, color: "blue", size: "small", onDismiss: () => handleMultipleItemRemoval(item) }, item))),
                 React.createElement(Input, { onChange: handleMultipleValueToAdd, onKeyDown: handleMultipleValueDelete, value: multipleValueToAdd, "$size": size, "$sx": inputSx }))),
-            !isMultiple && (React.createElement(Input, { disabled: disabled, name: name, onChange: onChange, placeholder: placeholder, value: isNumber
+            !isMultiple && (React.createElement(Input, { disabled: disabled, name: name, onChange: onChange, placeholder: placeholder, value: type === 'number'
                     ? value
                     : maxCharacters
                         ? value?.slice(0, maxCharacters - 1) || ''
-                        : value, "$size": size, type: isNumber ? 'number' : 'text', "$sx": inputSx })),
-            maxCharacters && !isNumber && !placeIconAtTheEnd && (React.createElement(MaxCharactersText, { "$size": size },
+                        : value, "$size": size, type: type, "$sx": inputSx })),
+            maxCharacters && type !== 'number' && !placeIconAtTheEnd && (React.createElement(MaxCharactersText, { "$size": size },
                 value?.length || 0,
                 " / ",
                 maxCharacters)),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soul-refiner/design-system",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "main": "dist/index.js",
   "license": "MIT",
   "publishConfig": {