gantri-components 2.209.0 → 2.210.0

package/dist/components/banner/banner.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { BannerProps } from './banner.types';
+export declare const Banner: FC<BannerProps>;

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { StyledBannerProps } from './banner.types';
+export declare const StyledBanner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledBannerProps>> & string;
+export declare const StyledBannerContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledBannerTextContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledBannerVerticalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledBannerLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
+    $color: string;
+}>> & string;
+export declare const StyledBannerCaption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
+    $color: string;
+}>> & string;
+export declare const StyledBannerCta: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isDark: boolean;
+}>> & string;
+export declare const StyledCloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

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

@@ -0,0 +1,29 @@
+import { ReactElement } from 'react';
+export type BannerVariant = 'success' | 'info' | 'warning' | 'alert' | 'subtle' | 'contrast' | 'dynamic';
+export type BannerLayout = 'horizontal' | 'vertical';
+export interface BannerProps {
+    /** Banner color variant. */
+    variant?: BannerVariant;
+    /** Layout direction. Horizontal shows CTA arrow inline, vertical stacks CTA button below. */
+    layout?: BannerLayout;
+    /** Whether to use the emphasized (solid) or de-emphasized (tinted) style. */
+    emphasized?: boolean;
+    /** Primary label text. */
+    label?: string;
+    /** Secondary caption text. */
+    caption?: string;
+    /** Icon element displayed before the label. */
+    icon?: ReactElement;
+    /** CTA action text (vertical layout) or show arrow icon (horizontal layout). */
+    actionText?: string;
+    /** Callback when the banner or CTA is clicked. */
+    onClick?: () => void;
+    /** Whether the banner can be dismissed. */
+    closeable?: boolean;
+    /** Callback when the close button is clicked. */
+    onClose?: () => void;
+}
+export interface StyledBannerProps {
+    $variant: BannerVariant;
+    $emphasized: boolean;
+}

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

@@ -0,0 +1,2 @@
+export * from './banner';
+export * from './banner.types';

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { ButtonProps } from './button.types';
 import { PropsWithHidden } from '../box/box.types';
-export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Partial<PropsWithHidden<ButtonProps>>>> & string;
+export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Partial<PropsWithHidden<ButtonProps>> & {
+    $iconOnly?: boolean | undefined;
+}>> & string;
 export declare const StyledButtonContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ButtonProps>> & string;

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

@@ -3,11 +3,13 @@ import { CheckboxVariant } from './checkbox.types';
 export declare const StyledCheckboxWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
     $hasError: boolean;
 }>> & string;
-export declare const StyledCheckbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+interface StyledCheckboxProps {
     $checked: boolean;
-    $hasError?: boolean | undefined;
-    $variant?: CheckboxVariant | undefined;
-}>> & string;
+    $hasError?: boolean;
+    $variant?: CheckboxVariant;
+}
+export declare const StyledCheckbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledCheckboxProps>> & string;
 export declare const StyledCheckboxContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     disabled: boolean;
 }>> & string;
+export {};

package/dist/components/index.d.ts

@@ -1,5 +1,6 @@
 export * from './aspect-ratio';
 export * from './badge';
+export * from './banner';
 export * from './box';
 export * from './breadcrumbs';
 export * from './button-menu';
@@ -22,11 +23,13 @@ export * from './icon';
 export * from './image';
 export * from './in-view';
 export * from './input-group';
+export * from './label';
 export * from './line';
 export * from './linear-progress';
 export * from './max-width';
 export * from './modal';
 export * from './multi-select-list';
+export * from './option-selector';
 export * from './overlay';
 export * from './pills';
 export * from './positioned';

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

@@ -0,0 +1,2 @@
+export * from './label';
+export * from './label.types';

package/dist/components/label/label.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { LabelProps } from './label.types';
+export declare const Label: (props: LabelProps) => React.JSX.Element | null;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StyledLabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledOptionalText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

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

@@ -0,0 +1,19 @@
+import { ReactElement } from 'react';
+import { TextVariant } from '../typography';
+import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
+export interface LabelProps {
+    /** Label text. */
+    text?: string;
+    /** i18n translation key. */
+    tx?: string;
+    /** i18n components for interpolation. */
+    txComponents?: readonly ReactElement[] | {
+        readonly [tagName: string]: ReactElement;
+    };
+    /** i18n values for interpolation. */
+    txValues?: Record<string, unknown>;
+    /** Typography variant. Defaults to theme default. */
+    variant?: ResolutionAwareProp<TextVariant>;
+    /** Whether the field is required. Hides "(Optional)" when true. */
+    required?: boolean;
+}

package/dist/components/option-selector/index.d.ts

@@ -0,0 +1,2 @@
+export * from './option-selector';
+export * from './option-selector.types';

package/dist/components/option-selector/option-selector.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { OptionSelectorProps } from './option-selector.types';
+export declare const OptionSelector: {
+    (props: OptionSelectorProps): React.JSX.Element;
+    defaultProps: Partial<OptionSelectorProps>;
+};

package/dist/components/option-selector/option-selector.presets.d.ts

@@ -0,0 +1,2 @@
+import { OptionSelectorProps } from './option-selector.types';
+export declare const optionSelectorDefaultProps: Partial<OptionSelectorProps>;

package/dist/components/option-selector/option-selector.styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { StyledOptionProps } from './option-selector.types';
+export declare const StyledBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledOptionButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledOptionProps>> & string;
+export declare const StyledErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/option-selector/option-selector.types.d.ts

@@ -0,0 +1,68 @@
+import { ReactElement } from 'react';
+import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
+import { BoxDimension } from '../box/box.types';
+import { TextFieldSize } from '../text-field/text-field.types';
+import { TextVariant } from '../typography';
+export type OptionSelectorSize = TextFieldSize;
+export interface OptionSelectorItem {
+    /** Unique value for this option. */
+    value: string;
+    /** Display label for the option. */
+    label: string;
+    /** Whether this option is disabled. */
+    disabled?: boolean;
+    /** Optional badge text displayed in the top-right corner of the option. */
+    badge?: string;
+}
+export interface OptionSelectorProps {
+    /** Array of options. Can be strings (used as both value and label) or OptionSelectorItem objects. */
+    items: (string | OptionSelectorItem)[];
+    /** Currently selected value. */
+    value: string;
+    /** Callback when an option is selected. */
+    onSelected: (value: string) => void;
+    /** Number of columns in the grid. */
+    columns?: ResolutionAwareProp<number>;
+    /** Gap between items. Defaults to '.5x' (4px). */
+    gap?: ResolutionAwareProp<BoxDimension>;
+    /** Label text displayed above the options. */
+    labelText?: string;
+    /** i18n translation key for label. */
+    labelTx?: string;
+    /** i18n components for label interpolation. */
+    labelTxComponents?: readonly ReactElement[] | {
+        readonly [tagName: string]: ReactElement;
+    };
+    /** i18n values for label interpolation. */
+    labelTxValues?: Record<string, unknown>;
+    /** Typography variant for the label. */
+    labelVariant?: ResolutionAwareProp<TextVariant>;
+    /** Optional name for form integration. */
+    name?: string;
+    /** Whether the field is required. */
+    required?: boolean;
+    /** Formik integration props - injected by FormikInput. */
+    onChange?: (event: {
+        target: {
+            name: string;
+            value: string;
+        };
+    }) => void;
+    /** Formik integration props - injected by FormikInput. */
+    onBlur?: (event: {
+        target: {
+            name: string;
+        };
+    }) => void;
+    /** Max width for each option button. */
+    optionMaxWidth?: string;
+    /** Size of the option buttons. Matches TextField sizes. Defaults to 'medium'. */
+    size?: ResolutionAwareProp<OptionSelectorSize>;
+    /** Error message from Formik validation. */
+    errorMessage?: string;
+}
+export interface StyledOptionProps {
+    $disabled: boolean;
+    $selected: boolean;
+    $size?: ResolutionAwareProp<OptionSelectorSize>;
+}

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

@@ -3,15 +3,18 @@ import { RadioVariant } from './radio.types';
 export declare const StyledRadioContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $disabled?: boolean | undefined;
 }>> & string;
-export declare const StyledRadioWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+interface StyledRadioWrapperProps {
     disabled: boolean | undefined;
     isChecked: boolean | undefined;
     showAsTile: boolean | undefined;
-}>> & string;
-export declare const StyledRadio: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $checked?: boolean | undefined;
-    $disabled?: boolean | undefined;
-    $variant?: RadioVariant | undefined;
-}>> & string;
+}
+export declare const StyledRadioWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, StyledRadioWrapperProps>> & string;
+interface StyledRadioProps {
+    $checked?: boolean;
+    $disabled?: boolean;
+    $variant?: RadioVariant;
+}
+export declare const StyledRadio: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledRadioProps>> & string;
 export declare const StyledRadioInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 export declare const StyledRadioMarker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export {};

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

@@ -2,9 +2,11 @@
 export declare const StyledToggleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $disabled?: boolean | undefined;
 }>> & string;
-export declare const StyledToggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+interface StyledToggleProps {
     $checked: boolean;
-    $disabled?: boolean | undefined;
+    $disabled?: boolean;
     $withErrors: boolean;
-}>> & string;
+}
+export declare const StyledToggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledToggleProps>> & string;
 export declare const StyledToggleSwitch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};