@seeqdev/qomponents 0.0.7 → 0.0.9

package/dist/Select/Select.types.d.ts

@@ -4,7 +4,7 @@ import { InputGroupPlacement } from '../types';
 export type Option = {
     label: string;
     value: string | number;
-};
+} | any;
 export type GroupedOption = {
     label: string;
     options: Option[];

package/dist/TextArea/TextArea.types.d.ts

@@ -1,4 +1,4 @@
-import { FormControlElement } from '../types';
+type FormControlElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
 export interface TextAreaProps {
     /** extra class names to be placed on the TextArea component */
     extraClassNames?: string;
@@ -25,3 +25,4 @@ export interface TextAreaProps {
     /** value of the TextArea */
     value?: string | string[] | number;
 }
+export {};

package/dist/TextField/TextField.types.d.ts

@@ -1,4 +1,5 @@
-import { FormControlElement, InputGroupPlacement } from '../types';
+import { InputGroupPlacement } from '../types';
+type FormControlElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
 export interface TextFieldProps {
     readonly?: boolean;
     onChange?: React.ChangeEventHandler<FormControlElement>;
@@ -15,3 +16,4 @@ export interface TextFieldProps {
     inputGroup?: InputGroupPlacement;
     step?: number | string;
 }
+export {};

package/dist/index.esm.js

@@ -7293,7 +7293,7 @@ var CreatableSelect = /*#__PURE__*/forwardRef(function (props, ref) {
 });
 var CreatableSelect$1 = CreatableSelect;
 
-const baseClasses = ['tw-px-2.5', 'focus:tw-ring-0', 'disabled:tw-cursor-not-allowed'].join(' ');
+const baseClasses = ['focus:tw-ring-0', 'disabled:tw-cursor-not-allowed'].join(' ');
 const containerStyles = ['tw-bg-white', 'dark:tw-bg-sq-dark-background'].join(' ');
 const errorClasses = 'tw-border-sq-danger-color';
 const borderColorClasses = ['tw-border-sq-disabled-gray', 'dark:tw-border-sq-dark-disabled-gray'].join(' ');
@@ -7369,7 +7369,7 @@ const multiValueStyles = [
  *  For ease of testing most of the elements of this select can be identified by classNames prefixed with "spec".
  *
  */
-const Select = ({ options, value, placeholder = 'select', noOptionsMessage = 'no matching options', isSearchable = false, creatable = false, isMulti = false, isClearable = false, closeMenuOnSelect = true, id, inputId, menuPortalTarget, getOptionLabel, getSelectedValueLabel, getOptionValue, onChange, menuIsOpen, menuPlacement = 'auto', extraClassNames, inputGroup, filterConfig, filterOption, small = false, isDisabled = false, showError = false, isLoading = false, formatGroupLabel, onRemove, defaultValue, }) => {
+const Select = ({ options, value, placeholder = 'select', noOptionsMessage = 'no matching options', isSearchable = false, creatable = false, isMulti = false, isClearable = false, closeMenuOnSelect = true, id, inputId, menuPortalTarget = document.body, getOptionLabel, getSelectedValueLabel, getOptionValue, onChange, menuIsOpen, menuPlacement = 'auto', extraClassNames, inputGroup, filterConfig, filterOption, small = false, isDisabled = false, showError = false, isLoading = false, formatGroupLabel, onRemove, defaultValue, }) => {
     const getOptionOrSelectedLabel = (option, { context }) => {
         const getSelectedOptionLabel = getSelectedValueLabel ? getSelectedValueLabel : getOptionLabel;
         if (getOptionLabel || getSelectedValueLabel) {
@@ -7427,7 +7427,7 @@ const Select = ({ options, value, placeholder = 'select', noOptionsMessage = 'no
                     border = menuIsOpen ? 'tw-rounded-tr-sm' : 'tw-rounded-r-sm';
                 }
                 const appliedClasses = `${borderStyles} ${border}  ${showError ? errorClasses : borderColorClasses} ${small ? 'reactSelectMinHeightSmall' : 'reactSelectMinHeight'} `;
-                return `${appliedClasses} ${baseClasses} specSelectControl ${isDisabled ? disabledClasses : ''}`;
+                return `${appliedClasses} ${baseClasses} specSelectControl ${isDisabled ? disabledClasses : ''} ${small ? 'tw-pl-2 tw-pr-1' : 'tw-pl-2.5 tw-pr-1.5'}`;
             },
             placeholder: () => placeholderStyles,
             container: () => `${textStyles} ${containerStyles} ${extraClassNames}`,
@@ -7446,7 +7446,7 @@ const Select = ({ options, value, placeholder = 'select', noOptionsMessage = 'no
             singleValue: () => 'specOpenSelect',
             multiValue: () => multiValueStyles,
             multiValueRemove: () => 'hover:tw-text-sq-danger-color specSelectMultiValueRemove',
-            clearIndicator: () => 'hover:tw-text-sq-danger-color specClearSelect',
+            clearIndicator: () => 'tw-text-sq-disabled-gray hover:tw-text-sq-danger-color specClearSelect',
             group: () => 'specSelectGroup',
             groupHeading: () => groupHeadingStyles,
         },