gantri-components 2.256.0 → 2.258.0

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

@@ -41,6 +41,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,12 +4,16 @@ import { CSSProperties } from 'styled-components';
 import { ColorPickerVariantProp } from '../../color-picker.types';
 import { ProductColorCode } from '../../../../styles/theme';
 interface StyledColorOutlineProps {
+    $disabled?: boolean;
     $isClickable: boolean;
     $selected?: boolean;
     $size?: CSSProperties['width'];
     $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;

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

@@ -3,6 +3,8 @@ import { ColorDetails, ColorPickerVariantProp } from '../../color-picker.types';
 export interface ColorPickerItemProps extends Partial<ColorPickerItemDefaultProps> {
     active?: boolean;
     color: ColorDetails;
+    /** Not selectable; rendered as a small centered dot. */
+    disabled?: boolean;
     onColorClick?: (color: ColorDetails) => void;
     readOnly?: boolean;
     /** Overrides `variant`. */

package/dist/components/typography/typography.types.d.ts

@@ -4,7 +4,7 @@ import { AriaAttributes, CSSProperties, ReactElement } from 'react';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
 import { ElementSpacingProps } from '../box/box.types';
 export type TypographyColor = keyof DefaultTheme['colors']['typography'];
-export type TextVariant = 'p0' | 'p1' | 'p2' | 'p3' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hero' | 'mh1' | 'mh2' | 'mh3' | 'mh4' | 'mh5' | 'mh6' | 'mp1' | 'mp2' | 'mp3' | 'xl' | string;
+export type TextVariant = 'p0' | 'p1' | 'p2' | 'p3' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hero' | 'mh1' | 'mh2' | 'mh3' | 'mh4' | 'mh5' | 'mh6' | 'mp1' | 'mp2' | 'mp3' | 'xl' | 'l' | 'm' | 's' | 'xs' | string;
 export type TextStyle = 'regular' | 'bold';
 export interface TypographyProps extends Partial<TypographyDefaultProps>, AriaAttributes, ElementSpacingProps {
     align?: ResolutionAwareProp<string>;