gantri-components 1.119.0 → 1.119.2

package/dist/components/badge/badge.styles.d.ts

@@ -1,2 +1,2 @@
 import { BadgeProps } from './badge.types';
-export declare const StyledBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, Pick<BadgeProps, "color" | "width" | "borderColor" | "minWidth" | "opacity" | "size" | "textColor" | "variant">, never>;
+export declare const StyledBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, Pick<BadgeProps, "color" | "variant" | "minWidth" | "width" | "borderColor" | "opacity" | "size" | "textColor">, never>;

package/dist/components/color-picker/__tests__/color-picker.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,2 +1,2 @@
-import { ColorPickerProps } from './color-picker.types';
-export declare const ColorPickerPresets: Partial<ColorPickerProps>;
+import { ColorPickerDefaultProps } from './color-picker.types';
+export declare const ColorPickerPresets: ColorPickerDefaultProps;

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

@@ -1,12 +1,6 @@
 import { ChangeEvent } from 'react';
 export declare type ColorPickerVariant = 'large' | 'small';
-export interface ColorPickerProps {
-    allowMultipleSelection?: boolean;
-    /**
-     * List of colors to render,
-     * defaults to gantri's product colors list
-     * */
-    colors?: PickerColor[];
+export interface ColorPickerProps extends Partial<ColorPickerDefaultProps> {
     labelText?: string;
     labelTx?: string;
     labelTxValues?: Record<string, unknown>;
@@ -15,7 +9,12 @@ export interface ColorPickerProps {
     onValueChange?: (selected: PickerColor | PickerColor[] | null) => void;
     readOnly?: boolean;
     value?: string | string[];
-    variant?: ColorPickerVariant;
+}
+export interface ColorPickerDefaultProps {
+    allowMultipleSelection: boolean;
+    /** List of colors to render. Defaults to Gantri's product colors list. */
+    colors: PickerColor[];
+    variant: ColorPickerVariant;
 }
 export interface PickerColor {
     code: string;

package/dist/components/color-picker/components/color-picker-item/__tests__/color-picker-item.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+import { ColorPickerItemDefaultProps } from './color-picker-item.types';
+export declare const colorPickerItemDefaultProps: ColorPickerItemDefaultProps;

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

@@ -1,9 +1,12 @@
-import { Property } from 'csstype';
+import { CSSProperties } from 'styled-components';
 import { ColorPickerVariant, PickerColor } from '../../color-picker.types';
-export interface ColorPickerItemProps {
+export interface ColorPickerItemProps extends Partial<ColorPickerItemDefaultProps> {
     active?: boolean;
     color: PickerColor;
     onColorClick: (color: PickerColor) => void;
-    size?: Property.Width;
-    variant?: ColorPickerVariant;
+    /** Overrides `variant`. */
+    size?: CSSProperties['width'];
+}
+export interface ColorPickerItemDefaultProps {
+    variant: ColorPickerVariant;
 }

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

@@ -1,12 +1,12 @@
-import { Property } from 'csstype';
+import { CSSProperties } from 'styled-components';
 import { ColorPickerVariant } from '../../color-picker.types';
 export declare const StyledColorOutline: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $selected?: boolean | undefined;
-    $size?: Property.Width<0 | (string & {})> | undefined;
+    $size?: CSSProperties['width'];
     $variant?: ColorPickerVariant | undefined;
 }, never>;
 export declare const StyledColor: import("styled-components").StyledComponent<import("react-spring").AnimatedComponent<"span">, import("styled-components").DefaultTheme, {
-    $size?: Property.Width<0 | (string & {})> | undefined;
+    $size?: CSSProperties['width'];
     $variant?: ColorPickerVariant | undefined;
     color: string;
 }, never>;

package/dist/components/overlay/__tests__/overlay.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,19 +1,30 @@
 import { CSSProperties, ReactNode } from 'react';
 export interface OverlayProps {
+    /** Trigger event interactions with this component causes `content` to render, as appropriate. */
+    children?: ReactNode;
+    /** Applied as inline styles to the `children` wrapper. */
     containerStyles?: CSSProperties;
+    /** The component to show/hide. */
     content: ReactNode;
     disabled?: boolean;
     offsetBottom?: string;
     offsetLeft?: string;
     offsetRight?: string;
     offsetTop?: string;
+    /**
+     * Not called if `triggerEvent` is `'manual'`.
+     *
+     * If `triggerEvent` is `'hover'`, this can be called twice. Once for unhovering the child, and once for unhovering the content.
+     *  */
     onClose?: (opened: false) => void;
+    /** Not called if `triggerEvent` is `'manual'` */
     onOpen?: (opened: true) => void;
+    /** Should be used when `triggerEvent` is `'manual'`. */
     open?: boolean;
     parentContainer?: HTMLElement;
     position?: OverlayPosition;
     prerenderContent?: boolean;
-    triggerEvent?: 'click' | 'hover' | 'focus' | 'manual';
+    triggerEvent?: 'click' | 'hover' | 'manual';
 }
 export interface UseOverlayParams {
     content: ReactNode;

package/dist/components/typography/__tests__/typhography.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,11 +1,4 @@
 import React from 'react';
-import { TypographyProps } from './typography.types';
-export declare const variantToType: {
-    readonly badge: "span";
-    readonly hero: "h1";
-    readonly p0: "p";
-    readonly p1: "p";
-    readonly p2: "p";
-    readonly p3: "p";
-};
+import { TextVariant, TypographyProps } from './typography.types';
+export declare const variantToType: Partial<Record<TextVariant, 'h1' | 'p'>>;
 export declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<unknown>>;

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

@@ -1,2 +1,2 @@
-import { TypographyProps } from './typography.types';
-export declare const TypographyPresets: TypographyProps;
+import { TypographyDefaultProps } from './typography.types';
+export declare const TypographyPresets: TypographyDefaultProps;

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

@@ -6,13 +6,11 @@ export declare type TextAlign = 'string' | 'left' | 'center' | 'right' | 'unset'
 export declare type TypographyColor = keyof DefaultTheme['colors']['typography'];
 export declare type TextVariant = 'p0' | 'p1' | 'p2' | 'p3' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'hero';
 export declare type TextStyle = 'regular' | 'bold';
-export interface TypographyProps {
+export interface TypographyProps extends Partial<TypographyDefaultProps> {
     align?: ResolutionAwareProp<string>;
     alignSelf?: ResolutionAwareProp<Property.AlignSelf>;
     className?: string;
-    color?: TypographyColor;
     decoration?: Property.TextDecoration;
-    display?: ResolutionAwareProp<Property.Display>;
     fontSize?: ResolutionAwareProp<Property.Font>;
     fontWeight?: Property.FontWeight;
     hidden?: ResolutionAwareProp<boolean>;
@@ -21,7 +19,6 @@ export interface TypographyProps {
     htmlFor?: string;
     htmlText?: string;
     icon?: JSX.Element;
-    iconPosition?: 'left' | 'right';
     justifySelf?: ResolutionAwareProp<Property.JustifySelf>;
     letterSpacing?: ResolutionAwareProp<Property.LetterSpacing>;
     lineHeight?: ResolutionAwareProp<Property.LineHeight>;
@@ -45,9 +42,14 @@ export interface TypographyProps {
     transform?: Property.TextTransform;
     tx?: string;
     txValues?: Record<string, unknown>;
-    type?: string;
-    variant?: TextVariant;
+    type?: keyof HTMLElementTagNameMap;
     verticalMargin?: ResolutionAwareProp<Property.Margin>;
     verticalPadding?: ResolutionAwareProp<Property.Padding>;
-    whiteSpace?: ResolutionAwareProp<any>;
+}
+export interface TypographyDefaultProps {
+    color: TypographyColor;
+    display: ResolutionAwareProp<Property.Display>;
+    iconPosition: 'left' | 'right';
+    variant: TextVariant;
+    whiteSpace: ResolutionAwareProp<any>;
 }