@soul-refiner/design-system 0.2.64 → 0.2.65

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

@@ -127,14 +127,14 @@ const Secondary = styled(Box) `
 const Outlined = styled(Box) `
   background-color: var(--color-white);
   color: var(--color-grey-3);
-  border: 1px solid var(--color-white);
+  border: 1px solid var(--color-grey-8);
 
-  &:active {
-    background-color: var(--color-grey-8);
+  &:hover {
+    background-color: var(--color-grey-10);
   }
 
-  &:hover {
-    border: 1px solid var(--color-grey-8);
+  &:active {
+    background-color: var(--color-grey-9);
   }
 
   ${base}

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

@@ -10,6 +10,7 @@ export type Props = {
     label?: string;
     maxCharacters?: number;
     multiple?: boolean;
+    name?: string;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     onMultipleChange?: (values: string[]) => void;
     placeholder?: string;
@@ -33,5 +34,5 @@ interface WarningProps extends Props {
     warning?: true;
 }
 export type TextInputProps = DisabledProps | SuccessfulProps | WarningProps;
-export declare const TextInput: ({ bg, disabled, helperText, icon, label, maxCharacters, multiple, 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, }: 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, 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, }) => {
     const id = React.useId();
     const isMultiple = multiple;
     const [multipleValueToAdd, setMultipleValueToAdd] = React.useState('');
@@ -49,7 +49,7 @@ 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, onChange: onChange, placeholder: placeholder, value: maxCharacters
+            !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 },

package/package.json

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