gantri-components 2.209.0 → 2.211.0

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 {};