@soul-refiner/design-system 1.1.5 → 1.1.6

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.6",
   "main": "dist/index.js",
   "license": "MIT",
   "publishConfig": {