gantri-components 1.119.2 → 1.120.0-beta.11

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" | "variant" | "minWidth" | "width" | "borderColor" | "opacity" | "size" | "textColor">, never>;
+export declare const StyledBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, Pick<BadgeProps, "color" | "width" | "borderColor" | "minWidth" | "opacity" | "size" | "textColor" | "variant">, never>;

package/dist/components/box/box.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { BoxProps } from './box.types';
-export declare const Box: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<BoxProps>>;
+export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<BoxProps>>;

package/dist/components/cell/cell.d.ts

@@ -1,3 +1,3 @@
-import { FC, PropsWithChildren } from 'react';
+import * as React from 'react';
 import { CellProps } from './cell.types';
-export declare const Cell: FC<PropsWithChildren<CellProps>>;
+export declare const Cell: React.ForwardRefExoticComponent<CellProps & React.RefAttributes<CellProps>>;

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

@@ -1,7 +1,11 @@
+import { JSXElementConstructor } from 'react';
 import { TextVariant } from '../typography/typography.types';
 import { FieldChangeEvent } from '../text-field';
-import { JSXElementConstructor } from 'react';
 export interface CheckboxProps<T = boolean> {
+    /** Overrides `labelTx` and `labelText` props to render `Component` inside a `label` element. */
+    Component?: JSXElementConstructor<{
+        checked: boolean;
+    }>;
     checked?: boolean;
     disabled?: boolean;
     labelPosition?: 'left' | 'right';
@@ -11,10 +15,6 @@ export interface CheckboxProps<T = boolean> {
     name?: string;
     onChange?: (event: FieldChangeEvent<T>) => void;
     onSelected?: (value: T) => void;
-    /** Overrides `labelTx` and `labelText` props to render `Component` inside a `label` element. */
-    Component?: JSXElementConstructor<{
-        checked: boolean;
-    }>;
 }
 export interface LabelContentProps extends Pick<CheckboxProps, 'labelText' | 'labelTx' | 'labelVariant' | 'Component'> {
     isChecked: boolean;

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

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

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

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

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

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

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

package/dist/components/conditional/conditional.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { ConditionalProps } from './conditional.types';
+export declare const Conditional: FC<PropsWithChildren<ConditionalProps>>;

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

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface ConditionalProps {
+    Fallback?: ReactNode;
+    condition: boolean;
+}

package/dist/components/conditional/index.d.ts

@@ -0,0 +1 @@
+export * from './conditional';

package/dist/components/flex/flex.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { FlexProps } from './flex.types';
-export declare const Flex: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<FlexProps>>;
+export declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<FlexProps>>;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { FlexProps } from './flex.types';
-export declare const StyledFlexContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<import("../box/box.types").BoxProps>>, import("styled-components").DefaultTheme, FlexProps, never>;
+export declare const StyledFlexContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box/box.types").BoxProps & import("react").RefAttributes<import("../box/box.types").BoxProps>>, import("styled-components").DefaultTheme, FlexProps, never>;

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

@@ -8,4 +8,5 @@ export interface FlexProps extends BoxProps {
     height?: ResolutionAwareProp<string>;
     justifyContent?: ResolutionAwareProp<Property.JustifyContent>;
     width?: ResolutionAwareProp<string>;
+    wrap?: ResolutionAwareProp<Property.FlexWrap>;
 }

package/dist/components/grid/grid.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { GridProps } from './grid.types';
-export declare const Grid: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<GridProps>>;
+export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<GridProps>>;

package/dist/components/icon/generated/actions/StarHalf.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgStarHalf: React.NamedExoticComponent<object>;
+export default SvgStarHalf;

package/dist/components/icon/generated/actions/StarHalf24.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgStarHalf24: React.NamedExoticComponent<object>;
+export default SvgStarHalf24;

package/dist/components/icon/generated/actions/index.d.ts

@@ -10,7 +10,8 @@ export { default as Star } from './Star';
 export { default as Star24 } from './Star24';
 export { default as StarFilled } from './StarFilled';
 export { default as StarFilled24 } from './StarFilled24';
-export { default as StarHaftFilled } from './StarHaftFilled';
+export { default as StarHalf } from './StarHalf';
+export { default as StarHalf24 } from './StarHalf24';
 export { default as ThumbsUp } from './ThumbsUp';
 export { default as ThumbsUp24 } from './ThumbsUp24';
 export { default as TrashCan } from './TrashCan';

package/dist/components/icon/generated/ui-control/Email24.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgEmail24: React.NamedExoticComponent<object>;
+export default SvgEmail24;

package/dist/components/icon/generated/ui-control/index.d.ts

@@ -4,6 +4,7 @@ export { default as CheckMarkCircleFilled } from './CheckMarkCircleFilled';
 export { default as CheckMarkCircleFilled24 } from './CheckMarkCircleFilled24';
 export { default as Drag } from './Drag';
 export { default as Email } from './Email';
+export { default as Email24 } from './Email24';
 export { default as Globe } from './Globe';
 export { default as Globe24 } from './Globe24';
 export { default as Grid } from './Grid';

package/dist/components/icon/icon.type.d.ts

@@ -1,2 +1,2 @@
-export declare const IconsList: readonly ["actions:funnel", "actions:funnel_24", "actions:gear", "actions:gear_24", "actions:life_buoy", "actions:life_buoy_24", "actions:link", "actions:link_24", "actions:star", "actions:star_24", "actions:star_filled", "actions:star_filled_24", "actions:star_haft_filled", "actions:thumbs_up", "actions:thumbs_up_24", "actions:trash_can", "actions:trash_can_24", "alert:bell", "alert:bell_24", "alert:bell_filled", "alert:bell_filled_24", "alert:i_circle", "alert:i_circle_24", "alert:lightning_bolt", "alert:lightning_bolt_24", "alert:lightning_bolt_filled", "alert:lightning_bolt_filled_24", "alert:question_mark_circle", "alert:question_mark_circle_24", "alert:warning_triangle", "alert:warning_triangle_24", "animated:loader", "arrows:arrow_chevron_double_down", "arrows:arrow_chevron_double_down_24", "arrows:arrow_chevron_double_left", "arrows:arrow_chevron_double_left_24", "arrows:arrow_chevron_double_right", "arrows:arrow_chevron_double_right_24", "arrows:arrow_chevron_double_up", "arrows:arrow_chevron_double_up_24", "arrows:arrow_chevron_down", "arrows:arrow_chevron_down_24", "arrows:arrow_chevron_left", "arrows:arrow_chevron_left_24", "arrows:arrow_chevron_right", "arrows:arrow_chevron_right_24", "arrows:arrow_chevron_up", "arrows:arrow_chevron_up_24", "arrows:arrow_down", "arrows:arrow_down_24", "arrows:arrow_download", "arrows:arrow_download_24", "arrows:arrow_external", "arrows:arrow_external_24", "arrows:arrow_left", "arrows:arrow_left_24", "arrows:arrow_line_down", "arrows:arrow_line_down_24", "arrows:arrow_line_left", "arrows:arrow_line_left_24", "arrows:arrow_line_right", "arrows:arrow_line_right_24", "arrows:arrow_line_up", "arrows:arrow_line_up_24", "arrows:arrow_right", "arrows:arrow_right_24", "arrows:arrow_triangle_down", "arrows:arrow_triangle_down_24", "arrows:arrow_triangle_left", "arrows:arrow_triangle_left_24", "arrows:arrow_triangle_right", "arrows:arrow_triangle_right_24", "arrows:arrow_triangle_up", "arrows:arrow_triangle_up_24", "arrows:arrow_triangle_updown", "arrows:arrow_triangle_updown_24", "arrows:arrow_triangle_updown_down_filled", "arrows:arrow_triangle_updown_down_filled_24", "arrows:arrow_triangle_updown_filled", "arrows:arrow_triangle_updown_filled_24", "arrows:arrow_triangle_updown_top_filled", "arrows:arrow_triangle_updown_top_filled_24", "arrows:arrow_up", "arrows:arrow_up_24", "arrows:arrow_updown", "arrows:arrow_updown_24", "arrows:arrow_updown_filled", "arrows:arrow_updown_filled_24", "arrows:arrow_upload", "arrows:arrow_upload_24", "data:chart_bar", "data:chart_bar_24", "docs:document_blank", "docs:document_blank_24", "docs:pencil", "docs:pencil_24", "location:house", "location:house_24", "location:location_california", "location:location_california_24", "location:location_pin", "location:location_pin_24", "logos:logo_affirm", "logos:logo_apple", "logos:logo_behance", "logos:logo_facebook", "logos:logo_gantri", "logos:logo_github", "logos:logo_google", "logos:logo_instagram", "logos:logo_linkedin", "logos:logo_pinterest", "logos:logo_twitter", "logos:logo_yotpo", "logos:logo_youtube", "machine:difficulty_easy", "machine:difficulty_hard", "machine:difficulty_moderate", "machine:difficulty_multiple", "machine:laptop", "media:photo", "media:photo_24", "media:photo_filled", "media:photo_filled_24", "payment:cash", "payment:cash_24", "payment:credit_card", "payment:credit_card_24", "payment:gift_box", "payment:gift_box_24", "payment:gift_card", "payment:gift_card_24", "payment:shopping_bag", "payment:shopping_bag_24", "people:people", "people:people_24", "people:person", "people:person_24", "time:calendar", "time:calendar_24", "time:clock", "time:clock_24", "time:clock_filled", "time:clock_filled_24", "ui-control:check_mark", "ui-control:check_mark_24", "ui-control:check_mark_circle_filled", "ui-control:check_mark_circle_filled_24", "ui-control:drag", "ui-control:email", "ui-control:globe", "ui-control:globe_24", "ui-control:grid", "ui-control:grid_24", "ui-control:left_quote", "ui-control:lines_three", "ui-control:lines_three_24", "ui-control:lines_two", "ui-control:lines_two_24", "ui-control:minus", "ui-control:minus_24", "ui-control:minus_circle", "ui-control:minus_circle_24", "ui-control:play", "ui-control:plus", "ui-control:plus_24", "ui-control:plus_circle", "ui-control:plus_circle_24", "ui-control:three_dots_cluster", "ui-control:three_dots_cluster_24", "ui-control:three_dots_horizontal", "ui-control:three_dots_horizontal_24", "ui-control:x", "ui-control:x_24", "view:eye_open", "view:eye_open_24", "view:magnifying_glass", "view:magnifying_glass_24", "view:magnifying_glass_filled", "view:magnifying_glass_filled_24", "work:assemble", "work:assemble_24", "work:basket_filled", "work:basket_filled_24", "work:box", "work:box_24", "work:corner", "work:corner_24", "work:cube_outline", "work:cube_outline_24", "work:leaf", "work:leaf_24", "work:light_bulb", "work:light_bulb_24", "work:mask", "work:mask_24", "work:no_entry", "work:no_entry_24", "work:p_circle", "work:p_circle_24", "work:print_nozzle", "work:print_nozzle_24", "work:rfid_signal", "work:rfid_signal_24", "work:sand_paper", "work:sand_paper_24", "work:sun", "work:sun_24", "work:triangle_ruler", "work:triangle_ruler_24", "work:water_drop", "work:water_drop_24", "work:wrench", "work:wrench_24"];
+export declare const IconsList: readonly ["actions:funnel", "actions:funnel_24", "actions:gear", "actions:gear_24", "actions:life_buoy", "actions:life_buoy_24", "actions:link", "actions:link_24", "actions:star", "actions:star_24", "actions:star_filled", "actions:star_filled_24", "actions:star_half", "actions:star_half_24", "actions:thumbs_up", "actions:thumbs_up_24", "actions:trash_can", "actions:trash_can_24", "alert:bell", "alert:bell_24", "alert:bell_filled", "alert:bell_filled_24", "alert:i_circle", "alert:i_circle_24", "alert:lightning_bolt", "alert:lightning_bolt_24", "alert:lightning_bolt_filled", "alert:lightning_bolt_filled_24", "alert:question_mark_circle", "alert:question_mark_circle_24", "alert:warning_triangle", "alert:warning_triangle_24", "animated:loader", "arrows:arrow_chevron_double_down", "arrows:arrow_chevron_double_down_24", "arrows:arrow_chevron_double_left", "arrows:arrow_chevron_double_left_24", "arrows:arrow_chevron_double_right", "arrows:arrow_chevron_double_right_24", "arrows:arrow_chevron_double_up", "arrows:arrow_chevron_double_up_24", "arrows:arrow_chevron_down", "arrows:arrow_chevron_down_24", "arrows:arrow_chevron_left", "arrows:arrow_chevron_left_24", "arrows:arrow_chevron_right", "arrows:arrow_chevron_right_24", "arrows:arrow_chevron_up", "arrows:arrow_chevron_up_24", "arrows:arrow_down", "arrows:arrow_down_24", "arrows:arrow_download", "arrows:arrow_download_24", "arrows:arrow_external", "arrows:arrow_external_24", "arrows:arrow_left", "arrows:arrow_left_24", "arrows:arrow_line_down", "arrows:arrow_line_down_24", "arrows:arrow_line_left", "arrows:arrow_line_left_24", "arrows:arrow_line_right", "arrows:arrow_line_right_24", "arrows:arrow_line_up", "arrows:arrow_line_up_24", "arrows:arrow_right", "arrows:arrow_right_24", "arrows:arrow_triangle_down", "arrows:arrow_triangle_down_24", "arrows:arrow_triangle_left", "arrows:arrow_triangle_left_24", "arrows:arrow_triangle_right", "arrows:arrow_triangle_right_24", "arrows:arrow_triangle_up", "arrows:arrow_triangle_up_24", "arrows:arrow_triangle_updown", "arrows:arrow_triangle_updown_24", "arrows:arrow_triangle_updown_down_filled", "arrows:arrow_triangle_updown_down_filled_24", "arrows:arrow_triangle_updown_filled", "arrows:arrow_triangle_updown_filled_24", "arrows:arrow_triangle_updown_top_filled", "arrows:arrow_triangle_updown_top_filled_24", "arrows:arrow_up", "arrows:arrow_up_24", "arrows:arrow_updown", "arrows:arrow_updown_24", "arrows:arrow_updown_filled", "arrows:arrow_updown_filled_24", "arrows:arrow_upload", "arrows:arrow_upload_24", "data:chart_bar", "data:chart_bar_24", "docs:document_blank", "docs:document_blank_24", "docs:pencil", "docs:pencil_24", "location:house", "location:house_24", "location:location_california", "location:location_california_24", "location:location_pin", "location:location_pin_24", "logos:logo_affirm", "logos:logo_apple", "logos:logo_behance", "logos:logo_facebook", "logos:logo_gantri", "logos:logo_github", "logos:logo_google", "logos:logo_instagram", "logos:logo_linkedin", "logos:logo_pinterest", "logos:logo_twitter", "logos:logo_yotpo", "logos:logo_youtube", "machine:difficulty_easy", "machine:difficulty_hard", "machine:difficulty_moderate", "machine:difficulty_multiple", "machine:laptop", "media:photo", "media:photo_24", "media:photo_filled", "media:photo_filled_24", "payment:cash", "payment:cash_24", "payment:credit_card", "payment:credit_card_24", "payment:gift_box", "payment:gift_box_24", "payment:gift_card", "payment:gift_card_24", "payment:shopping_bag", "payment:shopping_bag_24", "people:people", "people:people_24", "people:person", "people:person_24", "time:calendar", "time:calendar_24", "time:clock", "time:clock_24", "time:clock_filled", "time:clock_filled_24", "ui-control:check_mark", "ui-control:check_mark_24", "ui-control:check_mark_circle_filled", "ui-control:check_mark_circle_filled_24", "ui-control:drag", "ui-control:email", "ui-control:email_24", "ui-control:globe", "ui-control:globe_24", "ui-control:grid", "ui-control:grid_24", "ui-control:left_quote", "ui-control:lines_three", "ui-control:lines_three_24", "ui-control:lines_two", "ui-control:lines_two_24", "ui-control:minus", "ui-control:minus_24", "ui-control:minus_circle", "ui-control:minus_circle_24", "ui-control:play", "ui-control:plus", "ui-control:plus_24", "ui-control:plus_circle", "ui-control:plus_circle_24", "ui-control:three_dots_cluster", "ui-control:three_dots_cluster_24", "ui-control:three_dots_horizontal", "ui-control:three_dots_horizontal_24", "ui-control:x", "ui-control:x_24", "view:eye_open", "view:eye_open_24", "view:magnifying_glass", "view:magnifying_glass_24", "view:magnifying_glass_filled", "view:magnifying_glass_filled_24", "work:assemble", "work:assemble_24", "work:basket_filled", "work:basket_filled_24", "work:box", "work:box_24", "work:corner", "work:corner_24", "work:cube_outline", "work:cube_outline_24", "work:leaf", "work:leaf_24", "work:light_bulb", "work:light_bulb_24", "work:mask", "work:mask_24", "work:no_entry", "work:no_entry_24", "work:p_circle", "work:p_circle_24", "work:print_nozzle", "work:print_nozzle_24", "work:rfid_signal", "work:rfid_signal_24", "work:sand_paper", "work:sand_paper_24", "work:sun", "work:sun_24", "work:triangle_ruler", "work:triangle_ruler_24", "work:water_drop", "work:water_drop_24", "work:wrench", "work:wrench_24"];
 export declare type IconType = typeof IconsList[number];

package/dist/components/index.d.ts

@@ -6,6 +6,7 @@ export * from './button';
 export * from './cell';
 export * from './checkbox';
 export * from './circular-progress';
+export * from './conditional';
 export * from './color-picker';
 export * from './confirmation-modal';
 export * from './dropdown';

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

@@ -13,7 +13,7 @@ export declare const StyledModalFooter: import("styled-components").StyledCompon
 }, never>;
 export declare const StyledModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledModalBodyContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledModalScrollableContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<import("../grid/grid.types").GridProps>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledModalScrollableContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../grid/grid.types").GridProps & import("react").RefAttributes<import("../grid/grid.types").GridProps>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledModalChildrenContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledModalBackdrop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledModalCloseButtonContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,30 +1,19 @@
 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' | 'manual';
+    triggerEvent?: 'click' | 'hover' | 'focus' | 'manual';
 }
 export interface UseOverlayParams {
     content: ReactNode;

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

@@ -1,4 +1,4 @@
-import { TextVariant } from '../typography/typography.types';
+import { TextVariant } from '../typography';
 export interface RadioProps {
     disabled?: boolean;
     groupValue?: any;

package/dist/components/stack/stack.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { StackProps } from './stack.types';
-export declare const Stack: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<StackProps>>;
+export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<StackProps>>;

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

@@ -1,4 +1,11 @@
 import React from 'react';
-import { TextVariant, TypographyProps } from './typography.types';
-export declare const variantToType: Partial<Record<TextVariant, 'h1' | 'p'>>;
+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";
+};
 export declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<unknown>>;

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

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

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

@@ -6,11 +6,13 @@ 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 extends Partial<TypographyDefaultProps> {
+export interface TypographyProps {
     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>;
@@ -19,6 +21,8 @@ export interface TypographyProps extends Partial<TypographyDefaultProps> {
     htmlFor?: string;
     htmlText?: string;
     icon?: JSX.Element;
+    iconGap?: string;
+    iconPosition?: 'left' | 'right';
     justifySelf?: ResolutionAwareProp<Property.JustifySelf>;
     letterSpacing?: ResolutionAwareProp<Property.LetterSpacing>;
     lineHeight?: ResolutionAwareProp<Property.LineHeight>;
@@ -42,14 +46,9 @@ export interface TypographyProps extends Partial<TypographyDefaultProps> {
     transform?: Property.TextTransform;
     tx?: string;
     txValues?: Record<string, unknown>;
-    type?: keyof HTMLElementTagNameMap;
+    type?: string;
+    variant?: TextVariant;
     verticalMargin?: ResolutionAwareProp<Property.Margin>;
     verticalPadding?: ResolutionAwareProp<Property.Padding>;
-}
-export interface TypographyDefaultProps {
-    color: TypographyColor;
-    display: ResolutionAwareProp<Property.Display>;
-    iconPosition: 'left' | 'right';
-    variant: TextVariant;
-    whiteSpace: ResolutionAwareProp<any>;
+    whiteSpace?: ResolutionAwareProp<any>;
 }