@hexure/ui 1.14.0 → 1.14.2

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

@@ -5,6 +5,7 @@ export interface OptionProps {
     label?: string;
     value: string | number;
     color?: string;
+    disabled?: boolean;
 }
 export interface OptionGroupProps {
     options: OptionProps[];

package/dist/esm/index.js

@@ -3829,9 +3829,9 @@ const Select = (_a) => {
         React.createElement(Trigger$1, Object.assign({ "data-itemid": `${baseId}-trigger`, disabled: readOnly, id: `${baseId}-trigger`, name: baseId, onChange: handleChange, placeholder: placeholder, ref: innerRef, tabIndex: readOnly ? -1 : tabIndex, value: value }, accessibleProps),
             placeholder && !value && (React.createElement("option", { "data-itemid": `${baseId}-placeholder`, disabled: true, value: '' }, placeholder)),
             filteredOptionGroups &&
-                filteredOptionGroups.map((group, i) => (React.createElement("optgroup", { "data-itemid": `${baseId}-optgroup-${i}`, key: i, label: group.label || `Group ${i}` }, group.options.map((option, j) => (React.createElement("option", { "data-itemid": `${baseId}-option-${i}-${j}`, key: j, style: { color: option.color }, value: option.value }, option.label || option.value)))))),
+                filteredOptionGroups.map((group, i) => (React.createElement("optgroup", { "data-itemid": `${baseId}-optgroup-${i}`, key: i, label: group.label || `Group ${i}` }, group.options.map((option, j) => (React.createElement("option", { "data-itemid": `${baseId}-option-${i}-${j}`, disabled: option.disabled, key: j, style: { color: option.color }, value: option.value }, option.label || option.value)))))),
             filteredOptions &&
-                filteredOptions.map((option, i) => (React.createElement("option", { "data-itemid": `${baseId}-option-${i}`, key: i, style: { color: option.color }, value: option.value }, option.label || option.value)))),
+                filteredOptions.map((option, i) => (React.createElement("option", { "data-itemid": `${baseId}-option-${i}`, disabled: option.disabled, key: i, style: { color: option.color }, value: option.value }, option.label || option.value)))),
         React.createElement(IconWrapper$2, { color: Colors.BLACK.Hex, "data-itemid": `${baseId}-icon`, path: mdiChevronDown, size: '22px' })));
 };
 
@@ -5153,6 +5153,10 @@ const StyledInput = styled.input `
   box-sizing: border-box;
   display: block;
   width: 100%;
+
+  &::-webkit-search-cancel-button {
+    cursor: pointer;
+  }
 `;
 const StyledTextArea = styled.textarea `
   border: none !important;
@@ -5178,6 +5182,7 @@ const StyledTextArea = styled.textarea `
   box-sizing: border-box;
   display: block;
   width: 100%;
+  resize: none;
   ${({ $readOnly }) => $readOnly &&
     `
     background-color: #f0f0f0;