gantri-components 2.258.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[];
     /**

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

@@ -4,6 +4,7 @@ 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;
@@ -11,9 +12,6 @@ interface StyledColorOutlineProps {
     $variant?: ColorPickerVariantProp;
 }
 export declare const StyledColorOutline: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledColorOutlineProps>> & string;
-export declare const StyledDisabledDot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    color: ProductColorCode;
-}>> & string;
 export declare const StyledColor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react-spring").AnimatedProps<{
     hidden?: boolean | undefined;
     color?: string | undefined;
@@ -1133,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,8 +2,10 @@ 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; rendered as a small centered dot. */
+    /** Not selectable. Collapses to a small centered dot when `collapseDisabled`. */
     disabled?: boolean;
     onColorClick?: (color: ColorDetails) => void;
     readOnly?: boolean;