@powerhousedao/design-system 1.39.15-dev.1 → 1.39.15-dev.2

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-list-option.js

@@ -28,7 +28,7 @@ const IdAutocompleteListOption = ({ variant = "withValue", icon, title = "Title
                 : "text-gray-500 dark:text-gray-600"), children: value }) }));
     const renderWithValueTitleAndDescription = (showDescription = true) => (_jsxs("div", { className: cn("flex w-full flex-col gap-1"), children: [_jsxs("div", { className: cn("flex gap-2"), children: [_jsx(IconRenderer, { customIcon: asPlaceholder ? placeholderIcon : icon, asPlaceholder: asPlaceholder }), _jsxs("div", { className: cn("flex min-w-0 grow flex-col gap-[-2px]"), children: [_jsx("span", { className: cn("truncate text-sm font-bold leading-5", asPlaceholder
                                     ? "text-gray-400 dark:text-gray-700"
-                                    : "text-gray-900 dark:text-gray-300"), children: title }), !showValue && typeof path === "object" ? (_jsx("a", { href: path.url, target: "_blank", rel: "noopener noreferrer", className: cn("truncate text-xs leading-5 text-blue-900 hover:underline"), children: path.text })) : (_jsx("span", { className: cn("truncate text-xs leading-5", asPlaceholder
+                                    : "text-gray-900 dark:text-gray-300"), children: title }), !showValue && typeof path === "object" ? (_jsx("a", { href: path.url, target: "_blank", rel: "noopener noreferrer", className: cn("truncate text-xs leading-5 text-blue-900 hover:underline focus-visible:outline-none"), children: path.text })) : (_jsx("span", { className: cn("truncate text-xs leading-5", asPlaceholder
                                     ? "text-gray-400 dark:text-gray-700"
                                     : "text-gray-500 dark:text-gray-600"), children: typeof path === "object" ? path.text : path }))] }), asPlaceholder === false && handleFetchSelectedOption && (_jsx(ReloadButton, { isLoadingSelectedOption: isLoadingSelectedOption, handleFetchSelectedOption: handleFetchSelectedOption, isFetchSelectedOptionSync: isFetchSelectedOptionSync, value: value }))] }), showValue && (_jsx("div", { className: cn("flex max-w-full items-center"), children: _jsx("span", { className: cn("truncate text-xs leading-5", asPlaceholder
                         ? "text-gray-400 dark:text-gray-700"

package/dist/src/scalars/components/fragments/id-autocomplete/use-id-autocomplete.js

@@ -176,7 +176,7 @@ export function useIdAutocomplete({ autoComplete, defaultValue, value, isOpenByD
     useEffect(() => {
         if (!isInternalChange.current) {
             shouldFetchOptions.current = false;
-            setSelectedValue(value ?? "");
+            setSelectedValue(value ?? defaultValue ?? "");
             setSelectedOption(undefined);
         }
         isInternalChange.current = false;

package/dist/src/scalars/components/fragments/select-field/content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/select-field/content.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,YAAY;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,aAAa,EAAE,MAAM,GAAG,WAAW,CAAC;IACpC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAC;IACxC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,eAAe,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACzC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAqI1C,CAAC"}
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/select-field/content.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,YAAY;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,aAAa,EAAE,MAAM,GAAG,WAAW,CAAC;IACpC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAC;IACxC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,eAAe,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACzC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuI1C,CAAC"}

package/dist/src/scalars/components/fragments/select-field/content.js

@@ -29,5 +29,5 @@ export const Content = ({ searchable, commandListRef, multiple, selectedValues,
                                             selectedValues.length === enabledOptions.length && (_jsx(Icon, { name: "Checkmark", size: 16, className: "text-gray-900 dark:text-gray-50" })) })), _jsx("span", { className: "text-[14px] font-semibold leading-4 text-gray-900 dark:text-gray-50", children: selectedValues.length === enabledOptions.length
                                             ? "Deselect All"
                                             : "Select All" }), selectionIcon === "checkmark" &&
-                                        selectionIconPosition === "right" && (_jsx("div", { className: "ml-auto size-4", children: selectedValues.length === enabledOptions.length && (_jsx(Icon, { name: "Checkmark", size: 16, className: "text-gray-900 dark:text-gray-50" })) }))] }) }) })), _jsxs(CommandGroup, { className: multiple && cmdkSearch === "" ? "pt-0" : undefined, children: [_jsx(CommandItemList, { options: favoriteOptions, selectedValues: selectedValues, selectionIcon: selectionIcon, selectionIconPosition: selectionIconPosition, hasAnyIcon: hasAnyIcon, toggleOption: toggleOption }), favoriteOptions.length > 0 && (_jsx("div", { className: "my-1 border-b border-gray-300 dark:border-gray-600" })), _jsx(CommandItemList, { options: options, selectedValues: selectedValues, selectionIcon: selectionIcon, selectionIconPosition: selectionIconPosition, hasAnyIcon: hasAnyIcon, toggleOption: toggleOption })] })] })] }));
+                                        selectionIconPosition === "right" && (_jsx("div", { className: "ml-auto size-4", children: selectedValues.length === enabledOptions.length && (_jsx(Icon, { name: "Checkmark", size: 16, className: "text-gray-900 dark:text-gray-50" })) }))] }) }) })), _jsxs(CommandGroup, { className: multiple && cmdkSearch === "" ? "pt-0" : undefined, children: [_jsx(CommandItemList, { options: favoriteOptions, selectedValues: selectedValues, multiple: multiple, selectionIcon: selectionIcon, selectionIconPosition: selectionIconPosition, hasAnyIcon: hasAnyIcon, toggleOption: toggleOption }), favoriteOptions.length > 0 && (_jsx("div", { className: "my-1 border-b border-gray-300 dark:border-gray-600" })), _jsx(CommandItemList, { options: options, selectedValues: selectedValues, multiple: multiple, selectionIcon: selectionIcon, selectionIconPosition: selectionIconPosition, hasAnyIcon: hasAnyIcon, toggleOption: toggleOption })] })] })] }));
 };

package/dist/src/scalars/components/fragments/select-field/select-field.js

@@ -47,8 +47,8 @@ description, placeholder, className, contentClassName, contentAlign = "start", .
                         onBlur?.({ target: {} });
                     }
                 }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { id: id, name: name, type: "button", role: "combobox", onBlur: onTriggerBlur, disabled: disabled, "aria-invalid": errors.length > 0, "aria-label": label ? undefined : multiple ? "Multi select" : "Select", "aria-required": required, "aria-expanded": isPopoverOpen, className: cn("flex h-9 w-full items-center justify-between px-3 py-2", "dark:border-charcoal-700 dark:bg-charcoal-900 rounded-md border border-gray-300 bg-white", "hover:border-gray-300 hover:bg-gray-100", "dark:hover:border-charcoal-700 dark:hover:bg-charcoal-800", "dark:focus:ring-charcoal-300 focus:outline-none focus:ring-1 focus:ring-gray-900 focus:ring-offset-0", "dark:focus-visible:ring-charcoal-300 focus-visible:ring-1 focus-visible:ring-gray-900 focus-visible:ring-offset-0", disabled && [
-                                "!pointer-events-auto cursor-not-allowed",
-                                "dark:hover:border-charcoal-700 dark:hover:bg-charcoal-900 hover:border-gray-300 hover:bg-white",
+                                "!pointer-events-auto cursor-not-allowed bg-gray-50",
+                                "dark:hover:border-charcoal-700 dark:hover:bg-charcoal-900 hover:border-gray-300 hover:bg-gray-50",
                             ], className), ...props, ref: ref, children: _jsx(SelectedContent, { selectedValues: selectedValues, options: [...favoriteOptions, ...options], multiple: multiple, searchable: searchable, placeholder: placeholder, handleClear: handleClear }) }) }), _jsx(PopoverContent, { align: contentAlign, onEscapeKeyDown: (e) => {
                             e.preventDefault();
                             handleOpenChange(false);

package/dist/src/ui/components/data-entry/input/input.js

@@ -13,7 +13,7 @@ const inputBaseStyles = cn(
 // Focus styles
 "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-900 focus-visible:ring-offset-0 focus-visible:ring-offset-white", "dark:focus-visible:ring-charcoal-300 dark:focus-visible:ring-offset-charcoal-900 dark:focus:bg-charcoal-900 focus:bg-gray-50", 
 // Disabled state
-"disabled:cursor-not-allowed", "disabled:border-gray-300 disabled:bg-white disabled:text-gray-700", "disabled:dark:border-charcoal-800 disabled:dark:bg-charcoal-900 disabled:dark:text-gray-300");
+"disabled:cursor-not-allowed", "disabled:border-gray-300 disabled:bg-gray-50 disabled:text-gray-700", "disabled:dark:border-charcoal-800 disabled:dark:bg-charcoal-900 disabled:dark:text-gray-300");
 const Input = React.forwardRef(({ className, type, ...props }, ref) => {
     return (_jsx("input", { type: type, className: cn(inputBaseStyles, className), ref: ref, ...props }));
 });

package/dist/src/ui/components/data-entry/textarea/textarea.js

@@ -20,7 +20,7 @@ const textareaBaseStyles = cn(
 // Focus styles
 "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-900 focus-visible:ring-offset-0 focus-visible:ring-offset-white", "dark:focus-visible:ring-charcoal-300 dark:focus-visible:ring-offset-charcoal-900 dark:focus:bg-charcoal-900 focus:bg-gray-50", 
 // Disabled state
-"disabled:cursor-not-allowed", "disabled:border-gray-300 disabled:bg-white disabled:text-gray-700", "disabled:dark:border-charcoal-800 disabled:dark:bg-charcoal-900 disabled:dark:text-gray-300");
+"disabled:cursor-not-allowed", "disabled:border-gray-300 disabled:bg-gray-50 disabled:text-gray-700", "disabled:dark:border-charcoal-800 disabled:dark:bg-charcoal-900 disabled:dark:text-gray-300");
 const Textarea = React.forwardRef(({ autoComplete, autoExpand, multiline = true, className, defaultValue, description, errors, id: propId, label, lowercase, maxLength, minLength, name, onChange, placeholder, required, rows = 3, trim, uppercase, value, warnings, ...props }, ref) => {
     const autoCompleteValue = autoComplete === undefined ? undefined : autoComplete ? "on" : "off";
     const hasError = errors && errors.length > 0;

package/dist/style.css

@@ -3791,6 +3791,11 @@
       border-color: var(--color-gray-700);
     }
   }
+  .disabled\:bg-gray-50 {
+    &:disabled {
+      background-color: var(--color-gray-50);
+    }
+  }
   .disabled\:bg-gray-300 {
     &:disabled {
       background-color: var(--color-gray-300);
@@ -3801,11 +3806,6 @@
       background-color: transparent;
     }
   }
-  .disabled\:bg-white {
-    &:disabled {
-      background-color: var(--color-white);
-    }
-  }
   .disabled\:p-0 {
     &:disabled {
       padding: calc(var(--spacing) * 0);