gantri-components 2.257.0 → 2.259.0

package/dist/components/color-picker/color-picker.types.d.ts

@@ -25,6 +25,12 @@ export interface ColorPickerProps extends Partial<ColorPickerDefaultProps> {
 export interface ColorPickerDefaultProps {
     allowDeselecting: boolean;
     allowMultipleSelection: boolean;
+    /**
+     * When `true`, `disabled` colors collapse to a small centered dot (e.g. a
+     * "Creator's choice" view). When `false` (default) they keep their full size
+     * but stay non-selectable (e.g. an "All colors" view). The change animates.
+     */
+    collapseDisabled: boolean;
     /** List of colors to render. Defaults to Gantri's product colors list. */
     colors: ColorDetails[];
     /**
@@ -41,6 +47,9 @@ export interface ColorPickerDefaultProps {
 export interface ColorDetails {
     code: ProductColorCode;
     name: string;
+    /** When true, the swatch is not selectable and renders as a small centered
+     * dot — used to show palette colors the product is not available in. */
+    disabled?: boolean;
 }
 export interface ColorPickerChangeEvent extends Pick<ChangeEvent<HTMLInputElement>, Exclude<keyof ChangeEvent<HTMLInputElement>, 'target'>> {
     target: {

package/dist/components/color-picker/components/color-picker-item/color-picker-item.styles.d.ts

@@ -4,6 +4,8 @@ import { CSSProperties } from 'styled-components';
 import { ColorPickerVariantProp } from '../../color-picker.types';
 import { ProductColorCode } from '../../../../styles/theme';
 interface StyledColorOutlineProps {
+    $collapsed?: boolean;
+    $disabled?: boolean;
     $isClickable: boolean;
     $selected?: boolean;
     $size?: CSSProperties['width'];
@@ -1129,6 +1131,7 @@ export declare const StyledColor: import("styled-components/dist/types").IStyled
     scrollLeft?: number | import("@react-spring/shared/dist/declarations/src/fluids").FluidValue<number, any> | undefined;
     viewBox?: string | import("@react-spring/shared/dist/declarations/src/fluids").FluidValue<string, any> | undefined;
 }, {
+    $collapsed?: boolean | undefined;
     color: ProductColorCode;
 }>> & string & Omit<import("react-spring").AnimatedComponent<"span">, keyof import("react").Component<any, {}, any>>;
 export {};

package/dist/components/color-picker/components/color-picker-item/color-picker-item.types.d.ts

@@ -2,7 +2,11 @@ import { CSSProperties } from 'styled-components';
 import { ColorDetails, ColorPickerVariantProp } from '../../color-picker.types';
 export interface ColorPickerItemProps extends Partial<ColorPickerItemDefaultProps> {
     active?: boolean;
+    /** When true (with `disabled`), collapse the swatch to a small centered dot. */
+    collapseDisabled?: boolean;
     color: ColorDetails;
+    /** Not selectable. Collapses to a small centered dot when `collapseDisabled`. */
+    disabled?: boolean;
     onColorClick?: (color: ColorDetails) => void;
     readOnly?: boolean;
     /** Overrides `variant`. */