@soul-refiner/design-system 0.2.93 → 0.2.95

package/dist/components/actions/button/button.js

@@ -30,7 +30,7 @@ export const Button = ({ as = 'button', children, disabled, fluid = false, href,
                 },
             };
     })?.[0];
-    const dropdownIcon = showChevron ? (isDropdownOpen === true ? (React.createElement(ChevronUp, { size: size === 'large' ? LG_ICON_SIZE : SM_ICON_SIZE })) : isDropdownOpen === false ? (React.createElement(ChevronDown, { size: size === 'large' ? LG_ICON_SIZE : SM_ICON_SIZE })) : undefined) : undefined;
+    const dropdownIcon = showChevron ? (isDropdownOpen === true ? (React.createElement(ChevronUp, { sx: "margin-left:auto;", size: size === 'large' ? LG_ICON_SIZE : SM_ICON_SIZE })) : isDropdownOpen === false ? (React.createElement(ChevronDown, { sx: "margin-left:auto;", size: size === 'large' ? LG_ICON_SIZE : SM_ICON_SIZE })) : undefined) : undefined;
     const padding = !!children
         ? size === 'large'
             ? LG_PADDING

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

@@ -17,6 +17,7 @@ export type Props = {
     size?: TextInputSize;
     sx?: string;
     value: string | string[];
+    isNumber?: boolean;
 };
 interface DisabledProps extends Props {
     disabled?: true;
@@ -34,5 +35,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, }: TextInputProps) => React.JSX.Element;
+export declare const TextInput: ({ bg, disabled, helperText, icon, label, maxCharacters, multiple, name, onChange, onMultipleChange, placeholder, size, successful, sx, value, warning, isNumber, }: 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, }) => {
+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, }) => {
     const id = React.useId();
     const isMultiple = multiple;
     const [multipleValueToAdd, setMultipleValueToAdd] = React.useState('');
@@ -49,10 +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 }))),
-            !isMultiple && (React.createElement(Input, { disabled: disabled, name: name, onChange: onChange, placeholder: placeholder, value: maxCharacters
-                    ? value.slice(0, maxCharacters - 1)
-                    : value, "$size": size })),
-            maxCharacters && (React.createElement(MaxCharactersText, { "$size": size },
+            !isMultiple && (React.createElement(Input, { disabled: disabled, name: name, onChange: onChange, placeholder: placeholder, value: isNumber
+                    ? value
+                    : maxCharacters
+                        ? value.slice(0, maxCharacters - 1)
+                        : value, "$size": size, type: isNumber ? 'number' : 'text' })),
+            maxCharacters && !isNumber && (React.createElement(MaxCharactersText, { "$size": size },
                 value.length,
                 " / ",
                 maxCharacters)),

package/package.json

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