@razorpay/blade 11.28.1 → 11.29.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/lib/native/components/ActionList/ActionListItem.js +3 -2
- package/build/lib/native/components/ActionList/ActionListItem.js.map +1 -1
- package/build/lib/native/components/ActionList/actionListUtils.js +1 -1
- package/build/lib/native/components/ActionList/actionListUtils.js.map +1 -1
- package/build/lib/native/components/ActionList/componentIds.js +1 -1
- package/build/lib/native/components/ActionList/componentIds.js.map +1 -1
- package/build/lib/native/components/Form/FormHint.js +2 -1
- package/build/lib/native/components/Form/FormHint.js.map +1 -1
- package/build/lib/native/components/index.js +1 -1
- package/build/lib/web/development/components/ActionList/ActionListItem.js +11 -1
- package/build/lib/web/development/components/ActionList/ActionListItem.js.map +1 -1
- package/build/lib/web/development/components/ActionList/actionListUtils.js +2 -2
- package/build/lib/web/development/components/ActionList/actionListUtils.js.map +1 -1
- package/build/lib/web/development/components/ActionList/componentIds.js +1 -0
- package/build/lib/web/development/components/ActionList/componentIds.js.map +1 -1
- package/build/lib/web/development/components/ActionList/index.js +1 -1
- package/build/lib/web/development/components/Form/FormHint.js +19 -15
- package/build/lib/web/development/components/Form/FormHint.js.map +1 -1
- package/build/lib/web/development/components/Form/FormHintWrapper.web.js +2 -4
- package/build/lib/web/development/components/Form/FormHintWrapper.web.js.map +1 -1
- package/build/lib/web/development/components/StepGroup/StepItem.web.js +11 -6
- package/build/lib/web/development/components/StepGroup/StepItem.web.js.map +1 -1
- package/build/lib/web/development/components/Tooltip/TooltipInteractiveWrapper.web.js +9 -13
- package/build/lib/web/development/components/Tooltip/TooltipInteractiveWrapper.web.js.map +1 -1
- package/build/lib/web/development/components/index.js +1 -1
- package/build/lib/web/production/components/ActionList/ActionListItem.js +11 -1
- package/build/lib/web/production/components/ActionList/ActionListItem.js.map +1 -1
- package/build/lib/web/production/components/ActionList/actionListUtils.js +2 -2
- package/build/lib/web/production/components/ActionList/actionListUtils.js.map +1 -1
- package/build/lib/web/production/components/ActionList/componentIds.js +1 -0
- package/build/lib/web/production/components/ActionList/componentIds.js.map +1 -1
- package/build/lib/web/production/components/ActionList/index.js +1 -1
- package/build/lib/web/production/components/Form/FormHint.js +19 -15
- package/build/lib/web/production/components/Form/FormHint.js.map +1 -1
- package/build/lib/web/production/components/Form/FormHintWrapper.web.js +2 -4
- package/build/lib/web/production/components/Form/FormHintWrapper.web.js.map +1 -1
- package/build/lib/web/production/components/StepGroup/StepItem.web.js +11 -6
- package/build/lib/web/production/components/StepGroup/StepItem.web.js.map +1 -1
- package/build/lib/web/production/components/Tooltip/TooltipInteractiveWrapper.web.js +9 -13
- package/build/lib/web/production/components/Tooltip/TooltipInteractiveWrapper.web.js.map +1 -1
- package/build/lib/web/production/components/index.js +1 -1
- package/build/types/components/index.d.ts +445 -1131
- package/build/types/components/index.native.d.ts +254 -249
- package/package.json +1 -1
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
-
import React__default, { ReactNode, ReactElement,
|
|
4
|
-
import { View, ViewStyle,
|
|
5
|
-
import * as styled_components from 'styled-components';
|
|
3
|
+
import React__default, { ReactNode, ReactElement, SyntheticEvent, ImgHTMLAttributes, HTMLAttributeReferrerPolicy, ReactChild, KeyboardEvent } from 'react';
|
|
4
|
+
import { View, ViewStyle, AccessibilityRole, GestureResponderEvent, TouchableOpacity } from 'react-native';
|
|
6
5
|
import { CSSObject } from 'styled-components';
|
|
7
6
|
import { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';
|
|
8
7
|
import { CurrencyCodeType } from '@razorpay/i18nify-js/currency';
|
|
@@ -2899,183 +2898,6 @@ type BadgeProps = {
|
|
|
2899
2898
|
} & TestID & StyledPropsBlade;
|
|
2900
2899
|
declare const Badge: ({ children, emphasis, icon: Icon, size, color, testID, ...styledProps }: BadgeProps) => ReactElement;
|
|
2901
2900
|
|
|
2902
|
-
type ActionListItemProps = {
|
|
2903
|
-
title: string;
|
|
2904
|
-
description?: string;
|
|
2905
|
-
onClick?: (clickProps: {
|
|
2906
|
-
name: string;
|
|
2907
|
-
value?: boolean;
|
|
2908
|
-
event: Platform.Select<{
|
|
2909
|
-
web: React__default.MouseEvent;
|
|
2910
|
-
native: React__default.TouchEvent<TouchableOpacity>;
|
|
2911
|
-
}>;
|
|
2912
|
-
}) => void;
|
|
2913
|
-
/**
|
|
2914
|
-
* value that you get from `onChange` event on SelectInput or in form submissions.
|
|
2915
|
-
*/
|
|
2916
|
-
value: string;
|
|
2917
|
-
/**
|
|
2918
|
-
* Link to open when item is clicked.
|
|
2919
|
-
*/
|
|
2920
|
-
href?: string;
|
|
2921
|
-
/**
|
|
2922
|
-
* HTML target of the link
|
|
2923
|
-
*/
|
|
2924
|
-
target?: string;
|
|
2925
|
-
/**
|
|
2926
|
-
* Item that goes on left-side of item.
|
|
2927
|
-
*
|
|
2928
|
-
* Valid elements - `<ActionListItemIcon />`, `<ActionListItemAsset />`
|
|
2929
|
-
*
|
|
2930
|
-
* Will be overriden in multiselect
|
|
2931
|
-
*/
|
|
2932
|
-
leading?: React__default.ReactNode;
|
|
2933
|
-
/**
|
|
2934
|
-
* Item that goes on right-side of item.
|
|
2935
|
-
*
|
|
2936
|
-
* Valid elements - `<ActionListItemText />`, `<ActionListItemIcon />`
|
|
2937
|
-
*/
|
|
2938
|
-
trailing?: React__default.ReactNode;
|
|
2939
|
-
/**
|
|
2940
|
-
* Item that goes immediately next to the title.
|
|
2941
|
-
*
|
|
2942
|
-
* Valid elements - `<ActionListItemBadge />`, `<ActionListItemBadgeGroup />`
|
|
2943
|
-
*
|
|
2944
|
-
*/
|
|
2945
|
-
titleSuffix?: React__default.ReactElement;
|
|
2946
|
-
isDisabled?: boolean;
|
|
2947
|
-
intent?: Extract<FeedbackColors, 'negative'>;
|
|
2948
|
-
/**
|
|
2949
|
-
* Can be used in combination of `onClick` to highlight item as selected in Button Triggers.
|
|
2950
|
-
*
|
|
2951
|
-
* When trigger is SelectInput, Use `value` prop on SelectInput instead to make dropdown controlled.
|
|
2952
|
-
*/
|
|
2953
|
-
isSelected?: boolean;
|
|
2954
|
-
/**
|
|
2955
|
-
* Internally passed from ActionList. No need to pass it explicitly
|
|
2956
|
-
*
|
|
2957
|
-
* @private
|
|
2958
|
-
*/
|
|
2959
|
-
_index?: number;
|
|
2960
|
-
} & TestID;
|
|
2961
|
-
type ActionListSectionProps = {
|
|
2962
|
-
title: string;
|
|
2963
|
-
children: React__default.ReactNode[] | React__default.ReactNode;
|
|
2964
|
-
/**
|
|
2965
|
-
* Internally used to hide the divider on final item in React Native.
|
|
2966
|
-
*
|
|
2967
|
-
* Should not be used by consumers (also won't work on web)
|
|
2968
|
-
*
|
|
2969
|
-
* @private
|
|
2970
|
-
*/
|
|
2971
|
-
_hideDivider?: boolean;
|
|
2972
|
-
/**
|
|
2973
|
-
* Internally used to hide / show section in AutoComplete
|
|
2974
|
-
*
|
|
2975
|
-
* @private
|
|
2976
|
-
*/
|
|
2977
|
-
_sectionChildValues?: string[];
|
|
2978
|
-
} & TestID;
|
|
2979
|
-
declare const ActionListSection: ({ title, children, testID, _hideDivider, _sectionChildValues, }: ActionListSectionProps) => React__default.ReactElement;
|
|
2980
|
-
declare const ActionListItemIcon: ({ icon }: {
|
|
2981
|
-
icon: IconComponent;
|
|
2982
|
-
}) => React__default.ReactElement;
|
|
2983
|
-
declare const ActionListItemBadgeGroup: ({ children, }: {
|
|
2984
|
-
children: React__default.ReactElement[] | React__default.ReactElement;
|
|
2985
|
-
}) => React__default.ReactElement;
|
|
2986
|
-
declare const ActionListItemBadge: (props: BadgeProps) => React__default.ReactElement;
|
|
2987
|
-
declare const ActionListItemText: ({ children, }: {
|
|
2988
|
-
children: StringChildrenType;
|
|
2989
|
-
}) => React__default.ReactElement;
|
|
2990
|
-
declare const ActionListItem: React__default.MemoExoticComponent<(props: ActionListItemProps) => React__default.ReactElement>;
|
|
2991
|
-
|
|
2992
|
-
type ActionListItemAssetProps = {
|
|
2993
|
-
/**
|
|
2994
|
-
* Source of the image.
|
|
2995
|
-
*/
|
|
2996
|
-
src: string;
|
|
2997
|
-
/**
|
|
2998
|
-
* Alt tag for the image
|
|
2999
|
-
*/
|
|
3000
|
-
alt: string;
|
|
3001
|
-
};
|
|
3002
|
-
declare const ActionListItemAsset: (props: ActionListItemAssetProps) => React.ReactElement;
|
|
3003
|
-
|
|
3004
|
-
type PrimaryAction = {
|
|
3005
|
-
text: string;
|
|
3006
|
-
onClick: () => void;
|
|
3007
|
-
};
|
|
3008
|
-
type SecondaryActionButton = {
|
|
3009
|
-
text: string;
|
|
3010
|
-
onClick: () => void;
|
|
3011
|
-
};
|
|
3012
|
-
type SecondaryActionLinkButton = {
|
|
3013
|
-
text: string;
|
|
3014
|
-
href: string;
|
|
3015
|
-
onClick?: () => void;
|
|
3016
|
-
target?: string;
|
|
3017
|
-
/**
|
|
3018
|
-
* When `target` is set to `_blank` this is automatically set to `noopener noreferrer`
|
|
3019
|
-
*/
|
|
3020
|
-
rel?: string;
|
|
3021
|
-
};
|
|
3022
|
-
type SecondaryAction = SecondaryActionButton | SecondaryActionLinkButton;
|
|
3023
|
-
type AlertProps = {
|
|
3024
|
-
/**
|
|
3025
|
-
* Body content, pass text or JSX. Avoid passing components except `Link` to customize the content.
|
|
3026
|
-
*/
|
|
3027
|
-
description: ReactChild;
|
|
3028
|
-
/**
|
|
3029
|
-
* A brief heading
|
|
3030
|
-
*/
|
|
3031
|
-
title?: string;
|
|
3032
|
-
/**
|
|
3033
|
-
* Shows a dismiss button
|
|
3034
|
-
*
|
|
3035
|
-
* @default true
|
|
3036
|
-
*/
|
|
3037
|
-
isDismissible?: boolean;
|
|
3038
|
-
/**
|
|
3039
|
-
* A callback when the dismiss button is clicked
|
|
3040
|
-
*/
|
|
3041
|
-
onDismiss?: () => void;
|
|
3042
|
-
/**
|
|
3043
|
-
* Can be used to render custom icon
|
|
3044
|
-
*/
|
|
3045
|
-
icon?: IconComponent;
|
|
3046
|
-
/**
|
|
3047
|
-
* Can be set to `high` for a more prominent look. Not to be confused with a11y emphasis.
|
|
3048
|
-
*
|
|
3049
|
-
* @default subtle
|
|
3050
|
-
*/
|
|
3051
|
-
emphasis?: SubtleOrIntense;
|
|
3052
|
-
/**
|
|
3053
|
-
* Makes the Alert span the entire container width, instead of the default max width of `584px`.
|
|
3054
|
-
* This also makes the alert borderless, useful for creating full bleed layouts.
|
|
3055
|
-
*
|
|
3056
|
-
* @default false
|
|
3057
|
-
*/
|
|
3058
|
-
isFullWidth?: boolean;
|
|
3059
|
-
/**
|
|
3060
|
-
* Sets the color tone
|
|
3061
|
-
*/
|
|
3062
|
-
color?: FeedbackColors;
|
|
3063
|
-
/**
|
|
3064
|
-
* Renders a primary action button and a secondary action link button
|
|
3065
|
-
*/
|
|
3066
|
-
actions?: {
|
|
3067
|
-
/**
|
|
3068
|
-
* Renders a button (should **always** be present if `secondary` action is being used)
|
|
3069
|
-
*/
|
|
3070
|
-
primary?: PrimaryAction;
|
|
3071
|
-
/**
|
|
3072
|
-
* Renders a Link button
|
|
3073
|
-
*/
|
|
3074
|
-
secondary?: SecondaryAction;
|
|
3075
|
-
};
|
|
3076
|
-
} & TestID & StyledPropsBlade;
|
|
3077
|
-
declare const Alert: ({ description, title, isDismissible, onDismiss, emphasis, isFullWidth, color, actions, testID, icon, ...styledProps }: AlertProps) => ReactElement | null;
|
|
3078
|
-
|
|
3079
2901
|
type AriaRoles = Exclude<AccessibilityRole, 'header' | 'adjustable' | 'image' | 'none' | 'summary'> | 'alert' | 'alertdialog' | 'application' | 'article' | 'banner' | 'button' | 'cell' | 'checkbox' | 'columnheader' | 'combobox' | 'complementary' | 'contentinfo' | 'definition' | 'dialog' | 'directory' | 'document' | 'feed' | 'figure' | 'form' | 'grid' | 'gridcell' | 'group' | 'heading' | 'img' | 'link' | 'list' | 'listbox' | 'listitem' | 'log' | 'main' | 'marquee' | 'math' | 'menu' | 'menubar' | 'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'meter' | 'navigation' | 'none' | 'note' | 'option' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'scrollbar' | 'search' | 'searchbox' | 'separator' | 'slider' | 'spinbutton' | 'status' | 'switch' | 'tab' | 'table' | 'tablist' | 'tabpanel' | 'term' | 'textbox' | 'timer' | 'toolbar' | 'tooltip' | 'tree' | 'treegrid' | 'treeitem';
|
|
3080
2902
|
type AccessibilityProps = AriaAttributes;
|
|
3081
2903
|
type AriaAttributes = {
|
|
@@ -3338,73 +3160,6 @@ type BaseTextProps = {
|
|
|
3338
3160
|
} & TestID & StyledPropsBlade;
|
|
3339
3161
|
type BaseTextSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
|
|
3340
3162
|
|
|
3341
|
-
type AmountSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
|
|
3342
|
-
type AmountDisplayProps = {
|
|
3343
|
-
type?: 'display';
|
|
3344
|
-
size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge'>;
|
|
3345
|
-
weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
|
|
3346
|
-
};
|
|
3347
|
-
type AmountHeadingProps = {
|
|
3348
|
-
type?: 'heading';
|
|
3349
|
-
size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;
|
|
3350
|
-
weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'semibold'>;
|
|
3351
|
-
};
|
|
3352
|
-
type AmountBodyProps = {
|
|
3353
|
-
type?: 'body';
|
|
3354
|
-
size?: Extract<AmountSizes, 'xsmall' | 'small' | 'medium' | 'large'>;
|
|
3355
|
-
weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
|
|
3356
|
-
};
|
|
3357
|
-
type AmountTypeProps = AmountDisplayProps | AmountHeadingProps | AmountBodyProps;
|
|
3358
|
-
|
|
3359
|
-
type AmountCommonProps = {
|
|
3360
|
-
/**
|
|
3361
|
-
* The value to be rendered within the component.
|
|
3362
|
-
*
|
|
3363
|
-
*/
|
|
3364
|
-
value: number;
|
|
3365
|
-
/**
|
|
3366
|
-
* Sets the color of the amount.
|
|
3367
|
-
*
|
|
3368
|
-
* @default undefined
|
|
3369
|
-
*/
|
|
3370
|
-
color?: BaseTextProps['color'];
|
|
3371
|
-
/**
|
|
3372
|
-
* Indicates what the suffix of amount should be
|
|
3373
|
-
*
|
|
3374
|
-
* @default 'decimals'
|
|
3375
|
-
*/
|
|
3376
|
-
suffix?: 'decimals' | 'none' | 'humanize';
|
|
3377
|
-
/**
|
|
3378
|
-
* Makes the currency indicator(currency symbol/code) and decimal digits small and faded
|
|
3379
|
-
*
|
|
3380
|
-
* @default true
|
|
3381
|
-
*/
|
|
3382
|
-
isAffixSubtle?: true | false;
|
|
3383
|
-
/**
|
|
3384
|
-
* Determines the visual representation of the currency, choose between displaying the currency symbol or code.
|
|
3385
|
-
*
|
|
3386
|
-
* Note: Currency symbol and code is determined by the locale set in user's browser or set via @razorpay/i18nify-react library.
|
|
3387
|
-
*
|
|
3388
|
-
* @default 'currency-symbol'
|
|
3389
|
-
*/
|
|
3390
|
-
currencyIndicator?: 'currency-symbol' | 'currency-code';
|
|
3391
|
-
/**
|
|
3392
|
-
* The currency of the amount. Note that this component
|
|
3393
|
-
* only displays the provided value in the specified currency, it does not perform any currency conversion.
|
|
3394
|
-
*
|
|
3395
|
-
* @default 'INR'
|
|
3396
|
-
* */
|
|
3397
|
-
currency?: CurrencyCodeType;
|
|
3398
|
-
/**
|
|
3399
|
-
* If true, the amount text will have a line through it.
|
|
3400
|
-
*
|
|
3401
|
-
* @default false
|
|
3402
|
-
*/
|
|
3403
|
-
isStrikethrough?: boolean;
|
|
3404
|
-
} & TestID & StyledPropsBlade;
|
|
3405
|
-
type AmountProps = AmountTypeProps & AmountCommonProps;
|
|
3406
|
-
declare const Amount: ({ value, suffix, type, size, weight, isAffixSubtle, isStrikethrough, color, currencyIndicator, currency, testID, ...styledProps }: AmountProps) => ReactElement;
|
|
3407
|
-
|
|
3408
3163
|
type BaseLinkCommonProps = {
|
|
3409
3164
|
color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
|
|
3410
3165
|
icon?: IconComponent;
|
|
@@ -3678,18 +3433,263 @@ type AvatarCommonProps = {
|
|
|
3678
3433
|
} & BladeCommonEvents & StyledPropsBlade;
|
|
3679
3434
|
type AvatarProps = AvatarCommonProps & AvatarImgProps;
|
|
3680
3435
|
|
|
3681
|
-
|
|
3682
|
-
|
|
3683
|
-
|
|
3684
|
-
|
|
3685
|
-
|
|
3686
|
-
|
|
3687
|
-
|
|
3688
|
-
|
|
3689
|
-
|
|
3690
|
-
|
|
3691
|
-
|
|
3692
|
-
|
|
3436
|
+
type ActionListItemProps = {
|
|
3437
|
+
title: string;
|
|
3438
|
+
description?: string;
|
|
3439
|
+
onClick?: (clickProps: {
|
|
3440
|
+
name: string;
|
|
3441
|
+
value?: boolean;
|
|
3442
|
+
event: Platform.Select<{
|
|
3443
|
+
web: React__default.MouseEvent;
|
|
3444
|
+
native: React__default.TouchEvent<TouchableOpacity>;
|
|
3445
|
+
}>;
|
|
3446
|
+
}) => void;
|
|
3447
|
+
/**
|
|
3448
|
+
* value that you get from `onChange` event on SelectInput or in form submissions.
|
|
3449
|
+
*/
|
|
3450
|
+
value: string;
|
|
3451
|
+
/**
|
|
3452
|
+
* Link to open when item is clicked.
|
|
3453
|
+
*/
|
|
3454
|
+
href?: string;
|
|
3455
|
+
/**
|
|
3456
|
+
* HTML target of the link
|
|
3457
|
+
*/
|
|
3458
|
+
target?: string;
|
|
3459
|
+
/**
|
|
3460
|
+
* Item that goes on left-side of item.
|
|
3461
|
+
*
|
|
3462
|
+
* Valid elements - `<ActionListItemIcon />`, `<ActionListItemAsset />`
|
|
3463
|
+
*
|
|
3464
|
+
* Will be overriden in multiselect
|
|
3465
|
+
*/
|
|
3466
|
+
leading?: React__default.ReactNode;
|
|
3467
|
+
/**
|
|
3468
|
+
* Item that goes on right-side of item.
|
|
3469
|
+
*
|
|
3470
|
+
* Valid elements - `<ActionListItemText />`, `<ActionListItemIcon />`
|
|
3471
|
+
*/
|
|
3472
|
+
trailing?: React__default.ReactNode;
|
|
3473
|
+
/**
|
|
3474
|
+
* Item that goes immediately next to the title.
|
|
3475
|
+
*
|
|
3476
|
+
* Valid elements - `<ActionListItemBadge />`, `<ActionListItemBadgeGroup />`
|
|
3477
|
+
*
|
|
3478
|
+
*/
|
|
3479
|
+
titleSuffix?: React__default.ReactElement;
|
|
3480
|
+
isDisabled?: boolean;
|
|
3481
|
+
intent?: Extract<FeedbackColors, 'negative'>;
|
|
3482
|
+
/**
|
|
3483
|
+
* Can be used in combination of `onClick` to highlight item as selected in Button Triggers.
|
|
3484
|
+
*
|
|
3485
|
+
* When trigger is SelectInput, Use `value` prop on SelectInput instead to make dropdown controlled.
|
|
3486
|
+
*/
|
|
3487
|
+
isSelected?: boolean;
|
|
3488
|
+
/**
|
|
3489
|
+
* Internally passed from ActionList. No need to pass it explicitly
|
|
3490
|
+
*
|
|
3491
|
+
* @private
|
|
3492
|
+
*/
|
|
3493
|
+
_index?: number;
|
|
3494
|
+
} & TestID;
|
|
3495
|
+
type ActionListSectionProps = {
|
|
3496
|
+
title: string;
|
|
3497
|
+
children: React__default.ReactNode[] | React__default.ReactNode;
|
|
3498
|
+
/**
|
|
3499
|
+
* Internally used to hide the divider on final item in React Native.
|
|
3500
|
+
*
|
|
3501
|
+
* Should not be used by consumers (also won't work on web)
|
|
3502
|
+
*
|
|
3503
|
+
* @private
|
|
3504
|
+
*/
|
|
3505
|
+
_hideDivider?: boolean;
|
|
3506
|
+
/**
|
|
3507
|
+
* Internally used to hide / show section in AutoComplete
|
|
3508
|
+
*
|
|
3509
|
+
* @private
|
|
3510
|
+
*/
|
|
3511
|
+
_sectionChildValues?: string[];
|
|
3512
|
+
} & TestID;
|
|
3513
|
+
declare const ActionListSection: ({ title, children, testID, _hideDivider, _sectionChildValues, }: ActionListSectionProps) => React__default.ReactElement;
|
|
3514
|
+
declare const ActionListItemIcon: ({ icon }: {
|
|
3515
|
+
icon: IconComponent;
|
|
3516
|
+
}) => React__default.ReactElement;
|
|
3517
|
+
declare const ActionListItemBadgeGroup: ({ children, }: {
|
|
3518
|
+
children: React__default.ReactElement[] | React__default.ReactElement;
|
|
3519
|
+
}) => React__default.ReactElement;
|
|
3520
|
+
declare const ActionListItemAvatar: (avatarProps: Omit<AvatarProps, 'size' | ''>) => React__default.ReactElement;
|
|
3521
|
+
declare const ActionListItemBadge: (props: BadgeProps) => React__default.ReactElement;
|
|
3522
|
+
declare const ActionListItemText: ({ children, }: {
|
|
3523
|
+
children: StringChildrenType;
|
|
3524
|
+
}) => React__default.ReactElement;
|
|
3525
|
+
declare const ActionListItem: React__default.MemoExoticComponent<(props: ActionListItemProps) => React__default.ReactElement>;
|
|
3526
|
+
|
|
3527
|
+
type ActionListItemAssetProps = {
|
|
3528
|
+
/**
|
|
3529
|
+
* Source of the image.
|
|
3530
|
+
*/
|
|
3531
|
+
src: string;
|
|
3532
|
+
/**
|
|
3533
|
+
* Alt tag for the image
|
|
3534
|
+
*/
|
|
3535
|
+
alt: string;
|
|
3536
|
+
};
|
|
3537
|
+
declare const ActionListItemAsset: (props: ActionListItemAssetProps) => React.ReactElement;
|
|
3538
|
+
|
|
3539
|
+
type PrimaryAction = {
|
|
3540
|
+
text: string;
|
|
3541
|
+
onClick: () => void;
|
|
3542
|
+
};
|
|
3543
|
+
type SecondaryActionButton = {
|
|
3544
|
+
text: string;
|
|
3545
|
+
onClick: () => void;
|
|
3546
|
+
};
|
|
3547
|
+
type SecondaryActionLinkButton = {
|
|
3548
|
+
text: string;
|
|
3549
|
+
href: string;
|
|
3550
|
+
onClick?: () => void;
|
|
3551
|
+
target?: string;
|
|
3552
|
+
/**
|
|
3553
|
+
* When `target` is set to `_blank` this is automatically set to `noopener noreferrer`
|
|
3554
|
+
*/
|
|
3555
|
+
rel?: string;
|
|
3556
|
+
};
|
|
3557
|
+
type SecondaryAction = SecondaryActionButton | SecondaryActionLinkButton;
|
|
3558
|
+
type AlertProps = {
|
|
3559
|
+
/**
|
|
3560
|
+
* Body content, pass text or JSX. Avoid passing components except `Link` to customize the content.
|
|
3561
|
+
*/
|
|
3562
|
+
description: ReactChild;
|
|
3563
|
+
/**
|
|
3564
|
+
* A brief heading
|
|
3565
|
+
*/
|
|
3566
|
+
title?: string;
|
|
3567
|
+
/**
|
|
3568
|
+
* Shows a dismiss button
|
|
3569
|
+
*
|
|
3570
|
+
* @default true
|
|
3571
|
+
*/
|
|
3572
|
+
isDismissible?: boolean;
|
|
3573
|
+
/**
|
|
3574
|
+
* A callback when the dismiss button is clicked
|
|
3575
|
+
*/
|
|
3576
|
+
onDismiss?: () => void;
|
|
3577
|
+
/**
|
|
3578
|
+
* Can be used to render custom icon
|
|
3579
|
+
*/
|
|
3580
|
+
icon?: IconComponent;
|
|
3581
|
+
/**
|
|
3582
|
+
* Can be set to `high` for a more prominent look. Not to be confused with a11y emphasis.
|
|
3583
|
+
*
|
|
3584
|
+
* @default subtle
|
|
3585
|
+
*/
|
|
3586
|
+
emphasis?: SubtleOrIntense;
|
|
3587
|
+
/**
|
|
3588
|
+
* Makes the Alert span the entire container width, instead of the default max width of `584px`.
|
|
3589
|
+
* This also makes the alert borderless, useful for creating full bleed layouts.
|
|
3590
|
+
*
|
|
3591
|
+
* @default false
|
|
3592
|
+
*/
|
|
3593
|
+
isFullWidth?: boolean;
|
|
3594
|
+
/**
|
|
3595
|
+
* Sets the color tone
|
|
3596
|
+
*/
|
|
3597
|
+
color?: FeedbackColors;
|
|
3598
|
+
/**
|
|
3599
|
+
* Renders a primary action button and a secondary action link button
|
|
3600
|
+
*/
|
|
3601
|
+
actions?: {
|
|
3602
|
+
/**
|
|
3603
|
+
* Renders a button (should **always** be present if `secondary` action is being used)
|
|
3604
|
+
*/
|
|
3605
|
+
primary?: PrimaryAction;
|
|
3606
|
+
/**
|
|
3607
|
+
* Renders a Link button
|
|
3608
|
+
*/
|
|
3609
|
+
secondary?: SecondaryAction;
|
|
3610
|
+
};
|
|
3611
|
+
} & TestID & StyledPropsBlade;
|
|
3612
|
+
declare const Alert: ({ description, title, isDismissible, onDismiss, emphasis, isFullWidth, color, actions, testID, icon, ...styledProps }: AlertProps) => ReactElement | null;
|
|
3613
|
+
|
|
3614
|
+
type AmountSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
|
|
3615
|
+
type AmountDisplayProps = {
|
|
3616
|
+
type?: 'display';
|
|
3617
|
+
size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge'>;
|
|
3618
|
+
weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
|
|
3619
|
+
};
|
|
3620
|
+
type AmountHeadingProps = {
|
|
3621
|
+
type?: 'heading';
|
|
3622
|
+
size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;
|
|
3623
|
+
weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'semibold'>;
|
|
3624
|
+
};
|
|
3625
|
+
type AmountBodyProps = {
|
|
3626
|
+
type?: 'body';
|
|
3627
|
+
size?: Extract<AmountSizes, 'xsmall' | 'small' | 'medium' | 'large'>;
|
|
3628
|
+
weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
|
|
3629
|
+
};
|
|
3630
|
+
type AmountTypeProps = AmountDisplayProps | AmountHeadingProps | AmountBodyProps;
|
|
3631
|
+
|
|
3632
|
+
type AmountCommonProps = {
|
|
3633
|
+
/**
|
|
3634
|
+
* The value to be rendered within the component.
|
|
3635
|
+
*
|
|
3636
|
+
*/
|
|
3637
|
+
value: number;
|
|
3638
|
+
/**
|
|
3639
|
+
* Sets the color of the amount.
|
|
3640
|
+
*
|
|
3641
|
+
* @default undefined
|
|
3642
|
+
*/
|
|
3643
|
+
color?: BaseTextProps['color'];
|
|
3644
|
+
/**
|
|
3645
|
+
* Indicates what the suffix of amount should be
|
|
3646
|
+
*
|
|
3647
|
+
* @default 'decimals'
|
|
3648
|
+
*/
|
|
3649
|
+
suffix?: 'decimals' | 'none' | 'humanize';
|
|
3650
|
+
/**
|
|
3651
|
+
* Makes the currency indicator(currency symbol/code) and decimal digits small and faded
|
|
3652
|
+
*
|
|
3653
|
+
* @default true
|
|
3654
|
+
*/
|
|
3655
|
+
isAffixSubtle?: true | false;
|
|
3656
|
+
/**
|
|
3657
|
+
* Determines the visual representation of the currency, choose between displaying the currency symbol or code.
|
|
3658
|
+
*
|
|
3659
|
+
* Note: Currency symbol and code is determined by the locale set in user's browser or set via @razorpay/i18nify-react library.
|
|
3660
|
+
*
|
|
3661
|
+
* @default 'currency-symbol'
|
|
3662
|
+
*/
|
|
3663
|
+
currencyIndicator?: 'currency-symbol' | 'currency-code';
|
|
3664
|
+
/**
|
|
3665
|
+
* The currency of the amount. Note that this component
|
|
3666
|
+
* only displays the provided value in the specified currency, it does not perform any currency conversion.
|
|
3667
|
+
*
|
|
3668
|
+
* @default 'INR'
|
|
3669
|
+
* */
|
|
3670
|
+
currency?: CurrencyCodeType;
|
|
3671
|
+
/**
|
|
3672
|
+
* If true, the amount text will have a line through it.
|
|
3673
|
+
*
|
|
3674
|
+
* @default false
|
|
3675
|
+
*/
|
|
3676
|
+
isStrikethrough?: boolean;
|
|
3677
|
+
} & TestID & StyledPropsBlade;
|
|
3678
|
+
type AmountProps = AmountTypeProps & AmountCommonProps;
|
|
3679
|
+
declare const Amount: ({ value, suffix, type, size, weight, isAffixSubtle, isStrikethrough, color, currencyIndicator, currency, testID, ...styledProps }: AmountProps) => ReactElement;
|
|
3680
|
+
|
|
3681
|
+
/**
|
|
3682
|
+
* ### Avatar Component
|
|
3683
|
+
*
|
|
3684
|
+
* An avatar component is a standardized visual representation of a user or entity.
|
|
3685
|
+
*
|
|
3686
|
+
* ---
|
|
3687
|
+
*
|
|
3688
|
+
* #### Usage
|
|
3689
|
+
*
|
|
3690
|
+
* ```jsx
|
|
3691
|
+
<Avatar name="Nitin Kumar" src="https://avatars.githubusercontent.com/u/46647141?v=4" />
|
|
3692
|
+
* ```
|
|
3693
3693
|
*
|
|
3694
3694
|
* ---
|
|
3695
3695
|
*
|
|
@@ -10239,744 +10239,77 @@ declare const Radio: React__default.ForwardRefExoticComponent<{
|
|
|
10239
10239
|
readonly l?: SpacingValueType | undefined;
|
|
10240
10240
|
readonly xl?: SpacingValueType | undefined;
|
|
10241
10241
|
};
|
|
10242
|
-
maxHeight: SpacingValueType | {
|
|
10243
|
-
readonly base?: SpacingValueType | undefined;
|
|
10244
|
-
readonly xs?: SpacingValueType | undefined;
|
|
10245
|
-
readonly s?: SpacingValueType | undefined;
|
|
10246
|
-
readonly m?: SpacingValueType | undefined;
|
|
10247
|
-
readonly l?: SpacingValueType | undefined;
|
|
10248
|
-
readonly xl?: SpacingValueType | undefined;
|
|
10249
|
-
};
|
|
10250
|
-
maxWidth: SpacingValueType | {
|
|
10251
|
-
readonly base?: SpacingValueType | undefined;
|
|
10252
|
-
readonly xs?: SpacingValueType | undefined;
|
|
10253
|
-
readonly s?: SpacingValueType | undefined;
|
|
10254
|
-
readonly m?: SpacingValueType | undefined;
|
|
10255
|
-
readonly l?: SpacingValueType | undefined;
|
|
10256
|
-
readonly xl?: SpacingValueType | undefined;
|
|
10257
|
-
};
|
|
10258
|
-
minHeight: SpacingValueType | {
|
|
10259
|
-
readonly base?: SpacingValueType | undefined;
|
|
10260
|
-
readonly xs?: SpacingValueType | undefined;
|
|
10261
|
-
readonly s?: SpacingValueType | undefined;
|
|
10262
|
-
readonly m?: SpacingValueType | undefined;
|
|
10263
|
-
readonly l?: SpacingValueType | undefined;
|
|
10264
|
-
readonly xl?: SpacingValueType | undefined;
|
|
10265
|
-
};
|
|
10266
|
-
minWidth: SpacingValueType | {
|
|
10267
|
-
readonly base?: SpacingValueType | undefined;
|
|
10268
|
-
readonly xs?: SpacingValueType | undefined;
|
|
10269
|
-
readonly s?: SpacingValueType | undefined;
|
|
10270
|
-
readonly m?: SpacingValueType | undefined;
|
|
10271
|
-
readonly l?: SpacingValueType | undefined;
|
|
10272
|
-
readonly xl?: SpacingValueType | undefined;
|
|
10273
|
-
};
|
|
10274
|
-
overflowX?: csstype.Property.OverflowX | {
|
|
10275
|
-
readonly base?: csstype.Property.OverflowX | undefined;
|
|
10276
|
-
readonly xs?: csstype.Property.OverflowX | undefined;
|
|
10277
|
-
readonly s?: csstype.Property.OverflowX | undefined;
|
|
10278
|
-
readonly m?: csstype.Property.OverflowX | undefined;
|
|
10279
|
-
readonly l?: csstype.Property.OverflowX | undefined;
|
|
10280
|
-
readonly xl?: csstype.Property.OverflowX | undefined;
|
|
10281
|
-
} | undefined;
|
|
10282
|
-
overflowY?: csstype.Property.OverflowY | {
|
|
10283
|
-
readonly base?: csstype.Property.OverflowY | undefined;
|
|
10284
|
-
readonly xs?: csstype.Property.OverflowY | undefined;
|
|
10285
|
-
readonly s?: csstype.Property.OverflowY | undefined;
|
|
10286
|
-
readonly m?: csstype.Property.OverflowY | undefined;
|
|
10287
|
-
readonly l?: csstype.Property.OverflowY | undefined;
|
|
10288
|
-
readonly xl?: csstype.Property.OverflowY | undefined;
|
|
10289
|
-
} | undefined;
|
|
10290
|
-
textAlign?: csstype.Property.TextAlign | {
|
|
10291
|
-
readonly base?: csstype.Property.TextAlign | undefined;
|
|
10292
|
-
readonly xs?: csstype.Property.TextAlign | undefined;
|
|
10293
|
-
readonly s?: csstype.Property.TextAlign | undefined;
|
|
10294
|
-
readonly m?: csstype.Property.TextAlign | undefined;
|
|
10295
|
-
readonly l?: csstype.Property.TextAlign | undefined;
|
|
10296
|
-
readonly xl?: csstype.Property.TextAlign | undefined;
|
|
10297
|
-
} | undefined;
|
|
10298
|
-
whiteSpace?: csstype.Property.WhiteSpace | {
|
|
10299
|
-
readonly base?: csstype.Property.WhiteSpace | undefined;
|
|
10300
|
-
readonly xs?: csstype.Property.WhiteSpace | undefined;
|
|
10301
|
-
readonly s?: csstype.Property.WhiteSpace | undefined;
|
|
10302
|
-
readonly m?: csstype.Property.WhiteSpace | undefined;
|
|
10303
|
-
readonly l?: csstype.Property.WhiteSpace | undefined;
|
|
10304
|
-
readonly xl?: csstype.Property.WhiteSpace | undefined;
|
|
10305
|
-
} | undefined;
|
|
10306
|
-
overflow?: csstype.Property.Overflow | {
|
|
10307
|
-
readonly base?: csstype.Property.Overflow | undefined;
|
|
10308
|
-
readonly xs?: csstype.Property.Overflow | undefined;
|
|
10309
|
-
readonly s?: csstype.Property.Overflow | undefined;
|
|
10310
|
-
readonly m?: csstype.Property.Overflow | undefined;
|
|
10311
|
-
readonly l?: csstype.Property.Overflow | undefined;
|
|
10312
|
-
readonly xl?: csstype.Property.Overflow | undefined;
|
|
10313
|
-
} | undefined;
|
|
10314
|
-
__brand__?: "platform-web" | {
|
|
10315
|
-
readonly base?: "platform-web" | undefined;
|
|
10316
|
-
readonly xs?: "platform-web" | undefined;
|
|
10317
|
-
readonly s?: "platform-web" | undefined;
|
|
10318
|
-
readonly m?: "platform-web" | undefined;
|
|
10319
|
-
readonly l?: "platform-web" | undefined;
|
|
10320
|
-
readonly xl?: "platform-web" | undefined;
|
|
10321
|
-
} | undefined;
|
|
10322
|
-
}, "display"> & Pick<{
|
|
10323
|
-
elevation?: ElevationLevels | {
|
|
10324
|
-
readonly base?: ElevationLevels | undefined;
|
|
10325
|
-
readonly xs?: ElevationLevels | undefined;
|
|
10326
|
-
readonly s?: ElevationLevels | undefined;
|
|
10327
|
-
readonly m?: ElevationLevels | undefined;
|
|
10328
|
-
readonly l?: ElevationLevels | undefined;
|
|
10329
|
-
readonly xl?: ElevationLevels | undefined;
|
|
10330
|
-
} | undefined;
|
|
10331
|
-
backgroundImage?: csstype.Property.BackgroundImage | {
|
|
10332
|
-
readonly base?: csstype.Property.BackgroundImage | undefined;
|
|
10333
|
-
readonly xs?: csstype.Property.BackgroundImage | undefined;
|
|
10334
|
-
readonly s?: csstype.Property.BackgroundImage | undefined;
|
|
10335
|
-
readonly m?: csstype.Property.BackgroundImage | undefined;
|
|
10336
|
-
readonly l?: csstype.Property.BackgroundImage | undefined;
|
|
10337
|
-
readonly xl?: csstype.Property.BackgroundImage | undefined;
|
|
10338
|
-
} | undefined;
|
|
10339
|
-
backgroundOrigin?: csstype.Property.BackgroundOrigin | {
|
|
10340
|
-
readonly base?: csstype.Property.BackgroundOrigin | undefined;
|
|
10341
|
-
readonly xs?: csstype.Property.BackgroundOrigin | undefined;
|
|
10342
|
-
readonly s?: csstype.Property.BackgroundOrigin | undefined;
|
|
10343
|
-
readonly m?: csstype.Property.BackgroundOrigin | undefined;
|
|
10344
|
-
readonly l?: csstype.Property.BackgroundOrigin | undefined;
|
|
10345
|
-
readonly xl?: csstype.Property.BackgroundOrigin | undefined;
|
|
10346
|
-
} | undefined;
|
|
10347
|
-
backgroundRepeat?: csstype.Property.BackgroundRepeat | {
|
|
10348
|
-
readonly base?: csstype.Property.BackgroundRepeat | undefined;
|
|
10349
|
-
readonly xs?: csstype.Property.BackgroundRepeat | undefined;
|
|
10350
|
-
readonly s?: csstype.Property.BackgroundRepeat | undefined;
|
|
10351
|
-
readonly m?: csstype.Property.BackgroundRepeat | undefined;
|
|
10352
|
-
readonly l?: csstype.Property.BackgroundRepeat | undefined;
|
|
10353
|
-
readonly xl?: csstype.Property.BackgroundRepeat | undefined;
|
|
10354
|
-
} | undefined;
|
|
10355
|
-
backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
|
|
10356
|
-
readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
|
|
10357
|
-
readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
|
|
10358
|
-
readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
|
|
10359
|
-
readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
|
|
10360
|
-
readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
|
|
10361
|
-
readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
|
|
10362
|
-
} | undefined;
|
|
10363
|
-
borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
|
|
10364
|
-
readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10365
|
-
readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10366
|
-
readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10367
|
-
readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10368
|
-
readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10369
|
-
readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10370
|
-
};
|
|
10371
|
-
borderBottomLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
|
|
10372
|
-
readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10373
|
-
readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10374
|
-
readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10375
|
-
readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10376
|
-
readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10377
|
-
readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10378
|
-
};
|
|
10379
|
-
borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
|
|
10380
|
-
readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10381
|
-
readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10382
|
-
readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10383
|
-
readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10384
|
-
readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10385
|
-
readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10386
|
-
};
|
|
10387
|
-
borderBottomStyle?: csstype.Property.BorderBottomStyle | {
|
|
10388
|
-
readonly base?: csstype.Property.BorderBottomStyle | undefined;
|
|
10389
|
-
readonly xs?: csstype.Property.BorderBottomStyle | undefined;
|
|
10390
|
-
readonly s?: csstype.Property.BorderBottomStyle | undefined;
|
|
10391
|
-
readonly m?: csstype.Property.BorderBottomStyle | undefined;
|
|
10392
|
-
readonly l?: csstype.Property.BorderBottomStyle | undefined;
|
|
10393
|
-
readonly xl?: csstype.Property.BorderBottomStyle | undefined;
|
|
10394
|
-
} | undefined;
|
|
10395
|
-
borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
|
|
10396
|
-
readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10397
|
-
readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10398
|
-
readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10399
|
-
readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10400
|
-
readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10401
|
-
readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10402
|
-
};
|
|
10403
|
-
borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
|
|
10404
|
-
readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10405
|
-
readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10406
|
-
readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10407
|
-
readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10408
|
-
readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10409
|
-
readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10410
|
-
};
|
|
10411
|
-
borderLeftStyle?: csstype.Property.BorderLeftStyle | {
|
|
10412
|
-
readonly base?: csstype.Property.BorderLeftStyle | undefined;
|
|
10413
|
-
readonly xs?: csstype.Property.BorderLeftStyle | undefined;
|
|
10414
|
-
readonly s?: csstype.Property.BorderLeftStyle | undefined;
|
|
10415
|
-
readonly m?: csstype.Property.BorderLeftStyle | undefined;
|
|
10416
|
-
readonly l?: csstype.Property.BorderLeftStyle | undefined;
|
|
10417
|
-
readonly xl?: csstype.Property.BorderLeftStyle | undefined;
|
|
10418
|
-
} | undefined;
|
|
10419
|
-
borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
|
|
10420
|
-
readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10421
|
-
readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10422
|
-
readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10423
|
-
readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10424
|
-
readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10425
|
-
readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10426
|
-
};
|
|
10427
|
-
borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
|
|
10428
|
-
readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10429
|
-
readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10430
|
-
readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10431
|
-
readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10432
|
-
readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10433
|
-
readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10434
|
-
};
|
|
10435
|
-
borderRightStyle?: csstype.Property.BorderRightStyle | {
|
|
10436
|
-
readonly base?: csstype.Property.BorderRightStyle | undefined;
|
|
10437
|
-
readonly xs?: csstype.Property.BorderRightStyle | undefined;
|
|
10438
|
-
readonly s?: csstype.Property.BorderRightStyle | undefined;
|
|
10439
|
-
readonly m?: csstype.Property.BorderRightStyle | undefined;
|
|
10440
|
-
readonly l?: csstype.Property.BorderRightStyle | undefined;
|
|
10441
|
-
readonly xl?: csstype.Property.BorderRightStyle | undefined;
|
|
10442
|
-
} | undefined;
|
|
10443
|
-
borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
|
|
10444
|
-
readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10445
|
-
readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10446
|
-
readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10447
|
-
readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10448
|
-
readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10449
|
-
readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10450
|
-
};
|
|
10451
|
-
borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
|
|
10452
|
-
readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10453
|
-
readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10454
|
-
readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10455
|
-
readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10456
|
-
readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10457
|
-
readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10458
|
-
};
|
|
10459
|
-
borderTopLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
|
|
10460
|
-
readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10461
|
-
readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10462
|
-
readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10463
|
-
readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10464
|
-
readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10465
|
-
readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10466
|
-
};
|
|
10467
|
-
borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
|
|
10468
|
-
readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10469
|
-
readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10470
|
-
readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10471
|
-
readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10472
|
-
readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10473
|
-
readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10474
|
-
};
|
|
10475
|
-
borderTopStyle?: csstype.Property.BorderTopStyle | {
|
|
10476
|
-
readonly base?: csstype.Property.BorderTopStyle | undefined;
|
|
10477
|
-
readonly xs?: csstype.Property.BorderTopStyle | undefined;
|
|
10478
|
-
readonly s?: csstype.Property.BorderTopStyle | undefined;
|
|
10479
|
-
readonly m?: csstype.Property.BorderTopStyle | undefined;
|
|
10480
|
-
readonly l?: csstype.Property.BorderTopStyle | undefined;
|
|
10481
|
-
readonly xl?: csstype.Property.BorderTopStyle | undefined;
|
|
10482
|
-
} | undefined;
|
|
10483
|
-
borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
|
|
10484
|
-
readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10485
|
-
readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10486
|
-
readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10487
|
-
readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10488
|
-
readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10489
|
-
readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10490
|
-
};
|
|
10491
|
-
clipPath?: csstype.Property.ClipPath | {
|
|
10492
|
-
readonly base?: csstype.Property.ClipPath | undefined;
|
|
10493
|
-
readonly xs?: csstype.Property.ClipPath | undefined;
|
|
10494
|
-
readonly s?: csstype.Property.ClipPath | undefined;
|
|
10495
|
-
readonly m?: csstype.Property.ClipPath | undefined;
|
|
10496
|
-
readonly l?: csstype.Property.ClipPath | undefined;
|
|
10497
|
-
readonly xl?: csstype.Property.ClipPath | undefined;
|
|
10498
|
-
} | undefined;
|
|
10499
|
-
opacity?: csstype.Property.Opacity | {
|
|
10500
|
-
readonly base?: csstype.Property.Opacity | undefined;
|
|
10501
|
-
readonly xs?: csstype.Property.Opacity | undefined;
|
|
10502
|
-
readonly s?: csstype.Property.Opacity | undefined;
|
|
10503
|
-
readonly m?: csstype.Property.Opacity | undefined;
|
|
10504
|
-
readonly l?: csstype.Property.Opacity | undefined;
|
|
10505
|
-
readonly xl?: csstype.Property.Opacity | undefined;
|
|
10506
|
-
} | undefined;
|
|
10507
|
-
pointerEvents?: csstype.Property.PointerEvents | {
|
|
10508
|
-
readonly base?: csstype.Property.PointerEvents | undefined;
|
|
10509
|
-
readonly xs?: csstype.Property.PointerEvents | undefined;
|
|
10510
|
-
readonly s?: csstype.Property.PointerEvents | undefined;
|
|
10511
|
-
readonly m?: csstype.Property.PointerEvents | undefined;
|
|
10512
|
-
readonly l?: csstype.Property.PointerEvents | undefined;
|
|
10513
|
-
readonly xl?: csstype.Property.PointerEvents | undefined;
|
|
10514
|
-
} | undefined;
|
|
10515
|
-
transform?: csstype.Property.Transform | {
|
|
10516
|
-
readonly base?: csstype.Property.Transform | undefined;
|
|
10517
|
-
readonly xs?: csstype.Property.Transform | undefined;
|
|
10518
|
-
readonly s?: csstype.Property.Transform | undefined;
|
|
10519
|
-
readonly m?: csstype.Property.Transform | undefined;
|
|
10520
|
-
readonly l?: csstype.Property.Transform | undefined;
|
|
10521
|
-
readonly xl?: csstype.Property.Transform | undefined;
|
|
10522
|
-
} | undefined;
|
|
10523
|
-
transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
|
|
10524
|
-
readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
|
|
10525
|
-
readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
|
|
10526
|
-
readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
|
|
10527
|
-
readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
|
|
10528
|
-
readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
|
|
10529
|
-
readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
|
|
10530
|
-
} | undefined;
|
|
10531
|
-
visibility?: csstype.Property.Visibility | {
|
|
10532
|
-
readonly base?: csstype.Property.Visibility | undefined;
|
|
10533
|
-
readonly xs?: csstype.Property.Visibility | undefined;
|
|
10534
|
-
readonly s?: csstype.Property.Visibility | undefined;
|
|
10535
|
-
readonly m?: csstype.Property.Visibility | undefined;
|
|
10536
|
-
readonly l?: csstype.Property.Visibility | undefined;
|
|
10537
|
-
readonly xl?: csstype.Property.Visibility | undefined;
|
|
10538
|
-
} | undefined;
|
|
10539
|
-
backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
|
|
10540
|
-
readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
|
|
10541
|
-
readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
|
|
10542
|
-
readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
|
|
10543
|
-
readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
|
|
10544
|
-
readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
|
|
10545
|
-
readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
|
|
10546
|
-
} | undefined;
|
|
10547
|
-
borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
|
|
10548
|
-
readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10549
|
-
readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10550
|
-
readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10551
|
-
readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10552
|
-
readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10553
|
-
readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
|
|
10554
|
-
};
|
|
10555
|
-
borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
|
|
10556
|
-
readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10557
|
-
readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10558
|
-
readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10559
|
-
readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10560
|
-
readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10561
|
-
readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
|
|
10562
|
-
};
|
|
10563
|
-
borderStyle?: csstype.Property.BorderStyle | {
|
|
10564
|
-
readonly base?: csstype.Property.BorderStyle | undefined;
|
|
10565
|
-
readonly xs?: csstype.Property.BorderStyle | undefined;
|
|
10566
|
-
readonly s?: csstype.Property.BorderStyle | undefined;
|
|
10567
|
-
readonly m?: csstype.Property.BorderStyle | undefined;
|
|
10568
|
-
readonly l?: csstype.Property.BorderStyle | undefined;
|
|
10569
|
-
readonly xl?: csstype.Property.BorderStyle | undefined;
|
|
10570
|
-
} | undefined;
|
|
10571
|
-
borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
|
|
10572
|
-
readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10573
|
-
readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10574
|
-
readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10575
|
-
readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10576
|
-
readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10577
|
-
readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
|
|
10578
|
-
};
|
|
10579
|
-
__brand__?: "platform-web" | {
|
|
10580
|
-
readonly base?: "platform-web" | undefined;
|
|
10581
|
-
readonly xs?: "platform-web" | undefined;
|
|
10582
|
-
readonly s?: "platform-web" | undefined;
|
|
10583
|
-
readonly m?: "platform-web" | undefined;
|
|
10584
|
-
readonly l?: "platform-web" | undefined;
|
|
10585
|
-
readonly xl?: "platform-web" | undefined;
|
|
10586
|
-
} | undefined;
|
|
10587
|
-
}, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
|
|
10588
|
-
|
|
10589
|
-
type RadioGroupProps = {
|
|
10590
|
-
/**
|
|
10591
|
-
* Accepts multiple radios as children
|
|
10592
|
-
*/
|
|
10593
|
-
children: React__default.ReactNode;
|
|
10594
|
-
/**
|
|
10595
|
-
* Help text of the radio group
|
|
10596
|
-
*/
|
|
10597
|
-
helpText?: string;
|
|
10598
|
-
/**
|
|
10599
|
-
* Error text of the radio group
|
|
10600
|
-
* Renders when `validationState` is set to 'error'
|
|
10601
|
-
*
|
|
10602
|
-
* Overrides helpText
|
|
10603
|
-
*/
|
|
10604
|
-
errorText?: string;
|
|
10605
|
-
/**
|
|
10606
|
-
* Sets the error state of the radioGroup
|
|
10607
|
-
* If set to `error` it will render the `errorText` of the group,
|
|
10608
|
-
* and propagate `invalid` prop to every radio
|
|
10609
|
-
*/
|
|
10610
|
-
validationState?: 'error' | 'none';
|
|
10611
|
-
/**
|
|
10612
|
-
* Renders a necessity indicator after radioGroup label
|
|
10613
|
-
*
|
|
10614
|
-
* If set to `undefined` it renders nothing.
|
|
10615
|
-
*/
|
|
10616
|
-
necessityIndicator?: 'required' | 'optional' | 'none';
|
|
10617
|
-
/**
|
|
10618
|
-
* Sets the disabled state of the radioGroup
|
|
10619
|
-
* If set to `true` it propagate down to all the radios
|
|
10620
|
-
*
|
|
10621
|
-
* @default false
|
|
10622
|
-
*/
|
|
10623
|
-
isDisabled?: boolean;
|
|
10624
|
-
/**
|
|
10625
|
-
* Sets the required state of the radioGroup
|
|
10626
|
-
* @default false
|
|
10627
|
-
*/
|
|
10628
|
-
isRequired?: boolean;
|
|
10629
|
-
/**
|
|
10630
|
-
* Renders the label of the radio group
|
|
10631
|
-
*/
|
|
10632
|
-
label?: string;
|
|
10633
|
-
/**
|
|
10634
|
-
* Sets the position of the label
|
|
10635
|
-
*
|
|
10636
|
-
* @default 'top'
|
|
10637
|
-
*/
|
|
10638
|
-
labelPosition?: 'top' | 'left';
|
|
10639
|
-
/**
|
|
10640
|
-
* Initial value of the radio group
|
|
10641
|
-
*/
|
|
10642
|
-
defaultValue?: string;
|
|
10643
|
-
/**
|
|
10644
|
-
* value of the radio group
|
|
10645
|
-
*
|
|
10646
|
-
* Use `onChange` to update its value
|
|
10647
|
-
*/
|
|
10648
|
-
value?: string;
|
|
10649
|
-
/**
|
|
10650
|
-
* The callback invoked when any of the radio's state changes
|
|
10651
|
-
*/
|
|
10652
|
-
onChange?: ({ name, value }: {
|
|
10653
|
-
name: string | undefined;
|
|
10654
|
-
value: string;
|
|
10655
|
-
}) => void;
|
|
10656
|
-
/**
|
|
10657
|
-
* The name of the input field in a radio
|
|
10658
|
-
* (Useful for form submission).
|
|
10659
|
-
*/
|
|
10660
|
-
name?: string;
|
|
10661
|
-
/**
|
|
10662
|
-
* Size of the radios
|
|
10663
|
-
*
|
|
10664
|
-
* @default "medium"
|
|
10665
|
-
*/
|
|
10666
|
-
size?: 'small' | 'medium' | 'large';
|
|
10667
|
-
} & TestID & StyledPropsBlade;
|
|
10668
|
-
declare const RadioGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, ...styledProps }: RadioGroupProps) => React__default.ReactElement;
|
|
10669
|
-
|
|
10670
|
-
type TooltipProps = {
|
|
10671
|
-
/**
|
|
10672
|
-
* Tooltip title
|
|
10673
|
-
*/
|
|
10674
|
-
title?: string;
|
|
10675
|
-
/**
|
|
10676
|
-
* Tooltip content
|
|
10677
|
-
*/
|
|
10678
|
-
content: string;
|
|
10679
|
-
/**
|
|
10680
|
-
* Placement of tooltip
|
|
10681
|
-
*
|
|
10682
|
-
* @default "top"
|
|
10683
|
-
*/
|
|
10684
|
-
placement?: Exclude<UseFloatingOptions['placement'], 'left-end' | 'left-start' | 'right-end' | 'right-start'>;
|
|
10685
|
-
children: React.ReactElement;
|
|
10686
|
-
onOpenChange?: ({ isOpen }: {
|
|
10687
|
-
isOpen: boolean;
|
|
10688
|
-
}) => void;
|
|
10689
|
-
/**
|
|
10690
|
-
* Sets the z-index of the modal
|
|
10691
|
-
* @default 1100
|
|
10692
|
-
*/
|
|
10693
|
-
zIndex?: number;
|
|
10694
|
-
};
|
|
10695
|
-
|
|
10696
|
-
declare const Tooltip: ({ title, content, children, placement, onOpenChange, zIndex, }: TooltipProps) => React__default.ReactElement;
|
|
10697
|
-
|
|
10698
|
-
declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Omit<Partial<PaddingProps & MarginProps & {
|
|
10699
|
-
width: SpacingValueType | {
|
|
10700
|
-
readonly base?: SpacingValueType | undefined;
|
|
10701
|
-
readonly xs?: SpacingValueType | undefined;
|
|
10702
|
-
readonly s?: SpacingValueType | undefined;
|
|
10703
|
-
readonly m?: SpacingValueType | undefined;
|
|
10704
|
-
readonly l?: SpacingValueType | undefined;
|
|
10705
|
-
readonly xl?: SpacingValueType | undefined;
|
|
10706
|
-
};
|
|
10707
|
-
display?: csstype.Property.Display | {
|
|
10708
|
-
readonly base?: csstype.Property.Display | undefined;
|
|
10709
|
-
readonly xs?: csstype.Property.Display | undefined;
|
|
10710
|
-
readonly s?: csstype.Property.Display | undefined;
|
|
10711
|
-
readonly m?: csstype.Property.Display | undefined;
|
|
10712
|
-
readonly l?: csstype.Property.Display | undefined;
|
|
10713
|
-
readonly xl?: csstype.Property.Display | undefined;
|
|
10714
|
-
} | undefined;
|
|
10715
|
-
height: SpacingValueType | {
|
|
10716
|
-
readonly base?: SpacingValueType | undefined;
|
|
10717
|
-
readonly xs?: SpacingValueType | undefined;
|
|
10718
|
-
readonly s?: SpacingValueType | undefined;
|
|
10719
|
-
readonly m?: SpacingValueType | undefined;
|
|
10720
|
-
readonly l?: SpacingValueType | undefined;
|
|
10721
|
-
readonly xl?: SpacingValueType | undefined;
|
|
10722
|
-
};
|
|
10723
|
-
maxHeight: SpacingValueType | {
|
|
10724
|
-
readonly base?: SpacingValueType | undefined;
|
|
10725
|
-
readonly xs?: SpacingValueType | undefined;
|
|
10726
|
-
readonly s?: SpacingValueType | undefined;
|
|
10727
|
-
readonly m?: SpacingValueType | undefined;
|
|
10728
|
-
readonly l?: SpacingValueType | undefined;
|
|
10729
|
-
readonly xl?: SpacingValueType | undefined;
|
|
10730
|
-
};
|
|
10731
|
-
maxWidth: SpacingValueType | {
|
|
10732
|
-
readonly base?: SpacingValueType | undefined;
|
|
10733
|
-
readonly xs?: SpacingValueType | undefined;
|
|
10734
|
-
readonly s?: SpacingValueType | undefined;
|
|
10735
|
-
readonly m?: SpacingValueType | undefined;
|
|
10736
|
-
readonly l?: SpacingValueType | undefined;
|
|
10737
|
-
readonly xl?: SpacingValueType | undefined;
|
|
10738
|
-
};
|
|
10739
|
-
minHeight: SpacingValueType | {
|
|
10740
|
-
readonly base?: SpacingValueType | undefined;
|
|
10741
|
-
readonly xs?: SpacingValueType | undefined;
|
|
10742
|
-
readonly s?: SpacingValueType | undefined;
|
|
10743
|
-
readonly m?: SpacingValueType | undefined;
|
|
10744
|
-
readonly l?: SpacingValueType | undefined;
|
|
10745
|
-
readonly xl?: SpacingValueType | undefined;
|
|
10746
|
-
};
|
|
10747
|
-
minWidth: SpacingValueType | {
|
|
10748
|
-
readonly base?: SpacingValueType | undefined;
|
|
10749
|
-
readonly xs?: SpacingValueType | undefined;
|
|
10750
|
-
readonly s?: SpacingValueType | undefined;
|
|
10751
|
-
readonly m?: SpacingValueType | undefined;
|
|
10752
|
-
readonly l?: SpacingValueType | undefined;
|
|
10753
|
-
readonly xl?: SpacingValueType | undefined;
|
|
10754
|
-
};
|
|
10755
|
-
overflowX?: csstype.Property.OverflowX | {
|
|
10756
|
-
readonly base?: csstype.Property.OverflowX | undefined;
|
|
10757
|
-
readonly xs?: csstype.Property.OverflowX | undefined;
|
|
10758
|
-
readonly s?: csstype.Property.OverflowX | undefined;
|
|
10759
|
-
readonly m?: csstype.Property.OverflowX | undefined;
|
|
10760
|
-
readonly l?: csstype.Property.OverflowX | undefined;
|
|
10761
|
-
readonly xl?: csstype.Property.OverflowX | undefined;
|
|
10762
|
-
} | undefined;
|
|
10763
|
-
overflowY?: csstype.Property.OverflowY | {
|
|
10764
|
-
readonly base?: csstype.Property.OverflowY | undefined;
|
|
10765
|
-
readonly xs?: csstype.Property.OverflowY | undefined;
|
|
10766
|
-
readonly s?: csstype.Property.OverflowY | undefined;
|
|
10767
|
-
readonly m?: csstype.Property.OverflowY | undefined;
|
|
10768
|
-
readonly l?: csstype.Property.OverflowY | undefined;
|
|
10769
|
-
readonly xl?: csstype.Property.OverflowY | undefined;
|
|
10770
|
-
} | undefined;
|
|
10771
|
-
textAlign?: csstype.Property.TextAlign | {
|
|
10772
|
-
readonly base?: csstype.Property.TextAlign | undefined;
|
|
10773
|
-
readonly xs?: csstype.Property.TextAlign | undefined;
|
|
10774
|
-
readonly s?: csstype.Property.TextAlign | undefined;
|
|
10775
|
-
readonly m?: csstype.Property.TextAlign | undefined;
|
|
10776
|
-
readonly l?: csstype.Property.TextAlign | undefined;
|
|
10777
|
-
readonly xl?: csstype.Property.TextAlign | undefined;
|
|
10778
|
-
} | undefined;
|
|
10779
|
-
whiteSpace?: csstype.Property.WhiteSpace | {
|
|
10780
|
-
readonly base?: csstype.Property.WhiteSpace | undefined;
|
|
10781
|
-
readonly xs?: csstype.Property.WhiteSpace | undefined;
|
|
10782
|
-
readonly s?: csstype.Property.WhiteSpace | undefined;
|
|
10783
|
-
readonly m?: csstype.Property.WhiteSpace | undefined;
|
|
10784
|
-
readonly l?: csstype.Property.WhiteSpace | undefined;
|
|
10785
|
-
readonly xl?: csstype.Property.WhiteSpace | undefined;
|
|
10786
|
-
} | undefined;
|
|
10787
|
-
overflow?: csstype.Property.Overflow | {
|
|
10788
|
-
readonly base?: csstype.Property.Overflow | undefined;
|
|
10789
|
-
readonly xs?: csstype.Property.Overflow | undefined;
|
|
10790
|
-
readonly s?: csstype.Property.Overflow | undefined;
|
|
10791
|
-
readonly m?: csstype.Property.Overflow | undefined;
|
|
10792
|
-
readonly l?: csstype.Property.Overflow | undefined;
|
|
10793
|
-
readonly xl?: csstype.Property.Overflow | undefined;
|
|
10794
|
-
} | undefined;
|
|
10795
|
-
__brand__?: "platform-web" | {
|
|
10796
|
-
readonly base?: "platform-web" | undefined;
|
|
10797
|
-
readonly xs?: "platform-web" | undefined;
|
|
10798
|
-
readonly s?: "platform-web" | undefined;
|
|
10799
|
-
readonly m?: "platform-web" | undefined;
|
|
10800
|
-
readonly l?: "platform-web" | undefined;
|
|
10801
|
-
readonly xl?: "platform-web" | undefined;
|
|
10802
|
-
} | undefined;
|
|
10803
|
-
} & FlexboxProps & {
|
|
10804
|
-
bottom: SpacingValueType | {
|
|
10805
|
-
readonly base?: SpacingValueType | undefined;
|
|
10806
|
-
readonly xs?: SpacingValueType | undefined;
|
|
10807
|
-
readonly s?: SpacingValueType | undefined;
|
|
10808
|
-
readonly m?: SpacingValueType | undefined;
|
|
10809
|
-
readonly l?: SpacingValueType | undefined;
|
|
10810
|
-
readonly xl?: SpacingValueType | undefined;
|
|
10811
|
-
};
|
|
10812
|
-
left: SpacingValueType | {
|
|
10813
|
-
readonly base?: SpacingValueType | undefined;
|
|
10814
|
-
readonly xs?: SpacingValueType | undefined;
|
|
10815
|
-
readonly s?: SpacingValueType | undefined;
|
|
10816
|
-
readonly m?: SpacingValueType | undefined;
|
|
10817
|
-
readonly l?: SpacingValueType | undefined;
|
|
10818
|
-
readonly xl?: SpacingValueType | undefined;
|
|
10819
|
-
};
|
|
10820
|
-
position?: csstype.Property.Position | {
|
|
10821
|
-
readonly base?: csstype.Property.Position | undefined;
|
|
10822
|
-
readonly xs?: csstype.Property.Position | undefined;
|
|
10823
|
-
readonly s?: csstype.Property.Position | undefined;
|
|
10824
|
-
readonly m?: csstype.Property.Position | undefined;
|
|
10825
|
-
readonly l?: csstype.Property.Position | undefined;
|
|
10826
|
-
readonly xl?: csstype.Property.Position | undefined;
|
|
10827
|
-
} | undefined;
|
|
10828
|
-
right: SpacingValueType | {
|
|
10829
|
-
readonly base?: SpacingValueType | undefined;
|
|
10830
|
-
readonly xs?: SpacingValueType | undefined;
|
|
10831
|
-
readonly s?: SpacingValueType | undefined;
|
|
10832
|
-
readonly m?: SpacingValueType | undefined;
|
|
10833
|
-
readonly l?: SpacingValueType | undefined;
|
|
10834
|
-
readonly xl?: SpacingValueType | undefined;
|
|
10835
|
-
};
|
|
10836
|
-
top: SpacingValueType | {
|
|
10837
|
-
readonly base?: SpacingValueType | undefined;
|
|
10838
|
-
readonly xs?: SpacingValueType | undefined;
|
|
10839
|
-
readonly s?: SpacingValueType | undefined;
|
|
10840
|
-
readonly m?: SpacingValueType | undefined;
|
|
10841
|
-
readonly l?: SpacingValueType | undefined;
|
|
10842
|
-
readonly xl?: SpacingValueType | undefined;
|
|
10843
|
-
};
|
|
10844
|
-
zIndex?: csstype.Property.ZIndex | {
|
|
10845
|
-
readonly base?: csstype.Property.ZIndex | undefined;
|
|
10846
|
-
readonly xs?: csstype.Property.ZIndex | undefined;
|
|
10847
|
-
readonly s?: csstype.Property.ZIndex | undefined;
|
|
10848
|
-
readonly m?: csstype.Property.ZIndex | undefined;
|
|
10849
|
-
readonly l?: csstype.Property.ZIndex | undefined;
|
|
10850
|
-
readonly xl?: csstype.Property.ZIndex | undefined;
|
|
10851
|
-
} | undefined;
|
|
10852
|
-
__brand__?: "platform-web" | {
|
|
10853
|
-
readonly base?: "platform-web" | undefined;
|
|
10854
|
-
readonly xs?: "platform-web" | undefined;
|
|
10855
|
-
readonly s?: "platform-web" | undefined;
|
|
10856
|
-
readonly m?: "platform-web" | undefined;
|
|
10857
|
-
readonly l?: "platform-web" | undefined;
|
|
10858
|
-
readonly xl?: "platform-web" | undefined;
|
|
10859
|
-
} | undefined;
|
|
10860
|
-
} & {
|
|
10861
|
-
gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
|
|
10862
|
-
readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
|
|
10863
|
-
readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
|
|
10864
|
-
readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
|
|
10865
|
-
readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
|
|
10866
|
-
readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
|
|
10867
|
-
readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
|
|
10868
|
-
} | undefined;
|
|
10869
|
-
gridAutoFlow?: csstype.Property.GridAutoFlow | {
|
|
10870
|
-
readonly base?: csstype.Property.GridAutoFlow | undefined;
|
|
10871
|
-
readonly xs?: csstype.Property.GridAutoFlow | undefined;
|
|
10872
|
-
readonly s?: csstype.Property.GridAutoFlow | undefined;
|
|
10873
|
-
readonly m?: csstype.Property.GridAutoFlow | undefined;
|
|
10874
|
-
readonly l?: csstype.Property.GridAutoFlow | undefined;
|
|
10875
|
-
readonly xl?: csstype.Property.GridAutoFlow | undefined;
|
|
10876
|
-
} | undefined;
|
|
10877
|
-
gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
|
|
10878
|
-
readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
|
|
10879
|
-
readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
|
|
10880
|
-
readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
|
|
10881
|
-
readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
|
|
10882
|
-
readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
|
|
10883
|
-
readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
|
|
10884
|
-
} | undefined;
|
|
10885
|
-
gridColumnEnd?: csstype.Property.GridColumnEnd | {
|
|
10886
|
-
readonly base?: csstype.Property.GridColumnEnd | undefined;
|
|
10887
|
-
readonly xs?: csstype.Property.GridColumnEnd | undefined;
|
|
10888
|
-
readonly s?: csstype.Property.GridColumnEnd | undefined;
|
|
10889
|
-
readonly m?: csstype.Property.GridColumnEnd | undefined;
|
|
10890
|
-
readonly l?: csstype.Property.GridColumnEnd | undefined;
|
|
10891
|
-
readonly xl?: csstype.Property.GridColumnEnd | undefined;
|
|
10892
|
-
} | undefined;
|
|
10893
|
-
gridColumnStart?: csstype.Property.GridColumnStart | {
|
|
10894
|
-
readonly base?: csstype.Property.GridColumnStart | undefined;
|
|
10895
|
-
readonly xs?: csstype.Property.GridColumnStart | undefined;
|
|
10896
|
-
readonly s?: csstype.Property.GridColumnStart | undefined;
|
|
10897
|
-
readonly m?: csstype.Property.GridColumnStart | undefined;
|
|
10898
|
-
readonly l?: csstype.Property.GridColumnStart | undefined;
|
|
10899
|
-
readonly xl?: csstype.Property.GridColumnStart | undefined;
|
|
10900
|
-
} | undefined;
|
|
10901
|
-
gridRowEnd?: csstype.Property.GridRowEnd | {
|
|
10902
|
-
readonly base?: csstype.Property.GridRowEnd | undefined;
|
|
10903
|
-
readonly xs?: csstype.Property.GridRowEnd | undefined;
|
|
10904
|
-
readonly s?: csstype.Property.GridRowEnd | undefined;
|
|
10905
|
-
readonly m?: csstype.Property.GridRowEnd | undefined;
|
|
10906
|
-
readonly l?: csstype.Property.GridRowEnd | undefined;
|
|
10907
|
-
readonly xl?: csstype.Property.GridRowEnd | undefined;
|
|
10908
|
-
} | undefined;
|
|
10909
|
-
gridRowStart?: csstype.Property.GridRowStart | {
|
|
10910
|
-
readonly base?: csstype.Property.GridRowStart | undefined;
|
|
10911
|
-
readonly xs?: csstype.Property.GridRowStart | undefined;
|
|
10912
|
-
readonly s?: csstype.Property.GridRowStart | undefined;
|
|
10913
|
-
readonly m?: csstype.Property.GridRowStart | undefined;
|
|
10914
|
-
readonly l?: csstype.Property.GridRowStart | undefined;
|
|
10915
|
-
readonly xl?: csstype.Property.GridRowStart | undefined;
|
|
10916
|
-
} | undefined;
|
|
10917
|
-
gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
|
|
10918
|
-
readonly base?: csstype.Property.GridTemplateAreas | undefined;
|
|
10919
|
-
readonly xs?: csstype.Property.GridTemplateAreas | undefined;
|
|
10920
|
-
readonly s?: csstype.Property.GridTemplateAreas | undefined;
|
|
10921
|
-
readonly m?: csstype.Property.GridTemplateAreas | undefined;
|
|
10922
|
-
readonly l?: csstype.Property.GridTemplateAreas | undefined;
|
|
10923
|
-
readonly xl?: csstype.Property.GridTemplateAreas | undefined;
|
|
10924
|
-
} | undefined;
|
|
10925
|
-
gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
|
|
10926
|
-
readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
|
|
10927
|
-
readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
|
|
10928
|
-
readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
|
|
10929
|
-
readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
|
|
10930
|
-
readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
|
|
10931
|
-
readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
|
|
10932
|
-
} | undefined;
|
|
10933
|
-
gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
|
|
10934
|
-
readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
|
|
10935
|
-
readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
|
|
10936
|
-
readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
|
|
10937
|
-
readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
|
|
10938
|
-
readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
|
|
10939
|
-
readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
|
|
10940
|
-
} | undefined;
|
|
10941
|
-
grid?: csstype.Property.Grid | {
|
|
10942
|
-
readonly base?: csstype.Property.Grid | undefined;
|
|
10943
|
-
readonly xs?: csstype.Property.Grid | undefined;
|
|
10944
|
-
readonly s?: csstype.Property.Grid | undefined;
|
|
10945
|
-
readonly m?: csstype.Property.Grid | undefined;
|
|
10946
|
-
readonly l?: csstype.Property.Grid | undefined;
|
|
10947
|
-
readonly xl?: csstype.Property.Grid | undefined;
|
|
10242
|
+
maxHeight: SpacingValueType | {
|
|
10243
|
+
readonly base?: SpacingValueType | undefined;
|
|
10244
|
+
readonly xs?: SpacingValueType | undefined;
|
|
10245
|
+
readonly s?: SpacingValueType | undefined;
|
|
10246
|
+
readonly m?: SpacingValueType | undefined;
|
|
10247
|
+
readonly l?: SpacingValueType | undefined;
|
|
10248
|
+
readonly xl?: SpacingValueType | undefined;
|
|
10249
|
+
};
|
|
10250
|
+
maxWidth: SpacingValueType | {
|
|
10251
|
+
readonly base?: SpacingValueType | undefined;
|
|
10252
|
+
readonly xs?: SpacingValueType | undefined;
|
|
10253
|
+
readonly s?: SpacingValueType | undefined;
|
|
10254
|
+
readonly m?: SpacingValueType | undefined;
|
|
10255
|
+
readonly l?: SpacingValueType | undefined;
|
|
10256
|
+
readonly xl?: SpacingValueType | undefined;
|
|
10257
|
+
};
|
|
10258
|
+
minHeight: SpacingValueType | {
|
|
10259
|
+
readonly base?: SpacingValueType | undefined;
|
|
10260
|
+
readonly xs?: SpacingValueType | undefined;
|
|
10261
|
+
readonly s?: SpacingValueType | undefined;
|
|
10262
|
+
readonly m?: SpacingValueType | undefined;
|
|
10263
|
+
readonly l?: SpacingValueType | undefined;
|
|
10264
|
+
readonly xl?: SpacingValueType | undefined;
|
|
10265
|
+
};
|
|
10266
|
+
minWidth: SpacingValueType | {
|
|
10267
|
+
readonly base?: SpacingValueType | undefined;
|
|
10268
|
+
readonly xs?: SpacingValueType | undefined;
|
|
10269
|
+
readonly s?: SpacingValueType | undefined;
|
|
10270
|
+
readonly m?: SpacingValueType | undefined;
|
|
10271
|
+
readonly l?: SpacingValueType | undefined;
|
|
10272
|
+
readonly xl?: SpacingValueType | undefined;
|
|
10273
|
+
};
|
|
10274
|
+
overflowX?: csstype.Property.OverflowX | {
|
|
10275
|
+
readonly base?: csstype.Property.OverflowX | undefined;
|
|
10276
|
+
readonly xs?: csstype.Property.OverflowX | undefined;
|
|
10277
|
+
readonly s?: csstype.Property.OverflowX | undefined;
|
|
10278
|
+
readonly m?: csstype.Property.OverflowX | undefined;
|
|
10279
|
+
readonly l?: csstype.Property.OverflowX | undefined;
|
|
10280
|
+
readonly xl?: csstype.Property.OverflowX | undefined;
|
|
10948
10281
|
} | undefined;
|
|
10949
|
-
|
|
10950
|
-
readonly base?: csstype.Property.
|
|
10951
|
-
readonly xs?: csstype.Property.
|
|
10952
|
-
readonly s?: csstype.Property.
|
|
10953
|
-
readonly m?: csstype.Property.
|
|
10954
|
-
readonly l?: csstype.Property.
|
|
10955
|
-
readonly xl?: csstype.Property.
|
|
10282
|
+
overflowY?: csstype.Property.OverflowY | {
|
|
10283
|
+
readonly base?: csstype.Property.OverflowY | undefined;
|
|
10284
|
+
readonly xs?: csstype.Property.OverflowY | undefined;
|
|
10285
|
+
readonly s?: csstype.Property.OverflowY | undefined;
|
|
10286
|
+
readonly m?: csstype.Property.OverflowY | undefined;
|
|
10287
|
+
readonly l?: csstype.Property.OverflowY | undefined;
|
|
10288
|
+
readonly xl?: csstype.Property.OverflowY | undefined;
|
|
10956
10289
|
} | undefined;
|
|
10957
|
-
|
|
10958
|
-
readonly base?: csstype.Property.
|
|
10959
|
-
readonly xs?: csstype.Property.
|
|
10960
|
-
readonly s?: csstype.Property.
|
|
10961
|
-
readonly m?: csstype.Property.
|
|
10962
|
-
readonly l?: csstype.Property.
|
|
10963
|
-
readonly xl?: csstype.Property.
|
|
10290
|
+
textAlign?: csstype.Property.TextAlign | {
|
|
10291
|
+
readonly base?: csstype.Property.TextAlign | undefined;
|
|
10292
|
+
readonly xs?: csstype.Property.TextAlign | undefined;
|
|
10293
|
+
readonly s?: csstype.Property.TextAlign | undefined;
|
|
10294
|
+
readonly m?: csstype.Property.TextAlign | undefined;
|
|
10295
|
+
readonly l?: csstype.Property.TextAlign | undefined;
|
|
10296
|
+
readonly xl?: csstype.Property.TextAlign | undefined;
|
|
10964
10297
|
} | undefined;
|
|
10965
|
-
|
|
10966
|
-
readonly base?: csstype.Property.
|
|
10967
|
-
readonly xs?: csstype.Property.
|
|
10968
|
-
readonly s?: csstype.Property.
|
|
10969
|
-
readonly m?: csstype.Property.
|
|
10970
|
-
readonly l?: csstype.Property.
|
|
10971
|
-
readonly xl?: csstype.Property.
|
|
10298
|
+
whiteSpace?: csstype.Property.WhiteSpace | {
|
|
10299
|
+
readonly base?: csstype.Property.WhiteSpace | undefined;
|
|
10300
|
+
readonly xs?: csstype.Property.WhiteSpace | undefined;
|
|
10301
|
+
readonly s?: csstype.Property.WhiteSpace | undefined;
|
|
10302
|
+
readonly m?: csstype.Property.WhiteSpace | undefined;
|
|
10303
|
+
readonly l?: csstype.Property.WhiteSpace | undefined;
|
|
10304
|
+
readonly xl?: csstype.Property.WhiteSpace | undefined;
|
|
10972
10305
|
} | undefined;
|
|
10973
|
-
|
|
10974
|
-
readonly base?: csstype.Property.
|
|
10975
|
-
readonly xs?: csstype.Property.
|
|
10976
|
-
readonly s?: csstype.Property.
|
|
10977
|
-
readonly m?: csstype.Property.
|
|
10978
|
-
readonly l?: csstype.Property.
|
|
10979
|
-
readonly xl?: csstype.Property.
|
|
10306
|
+
overflow?: csstype.Property.Overflow | {
|
|
10307
|
+
readonly base?: csstype.Property.Overflow | undefined;
|
|
10308
|
+
readonly xs?: csstype.Property.Overflow | undefined;
|
|
10309
|
+
readonly s?: csstype.Property.Overflow | undefined;
|
|
10310
|
+
readonly m?: csstype.Property.Overflow | undefined;
|
|
10311
|
+
readonly l?: csstype.Property.Overflow | undefined;
|
|
10312
|
+
readonly xl?: csstype.Property.Overflow | undefined;
|
|
10980
10313
|
} | undefined;
|
|
10981
10314
|
__brand__?: "platform-web" | {
|
|
10982
10315
|
readonly base?: "platform-web" | undefined;
|
|
@@ -10986,20 +10319,7 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
|
|
|
10986
10319
|
readonly l?: "platform-web" | undefined;
|
|
10987
10320
|
readonly xl?: "platform-web" | undefined;
|
|
10988
10321
|
} | undefined;
|
|
10989
|
-
} & {
|
|
10990
|
-
onMouseOver: React$1.MouseEventHandler<HTMLElement>;
|
|
10991
|
-
onMouseEnter: React$1.MouseEventHandler<HTMLElement>;
|
|
10992
|
-
onMouseLeave: React$1.MouseEventHandler<HTMLElement>;
|
|
10993
|
-
onScroll: React$1.UIEventHandler<HTMLElement>;
|
|
10994
|
-
} & {
|
|
10995
|
-
draggable: boolean;
|
|
10996
|
-
onDragStart: React$1.DragEventHandler<HTMLElement>;
|
|
10997
|
-
onDragEnter: React$1.DragEventHandler<HTMLElement>;
|
|
10998
|
-
onDragLeave: React$1.DragEventHandler<HTMLElement>;
|
|
10999
|
-
onDragOver: React$1.DragEventHandler<HTMLElement>;
|
|
11000
|
-
onDragEnd: React$1.DragEventHandler<HTMLElement>;
|
|
11001
|
-
onDrop: React$1.DragEventHandler<HTMLElement>;
|
|
11002
|
-
} & {
|
|
10322
|
+
}, "display"> & Pick<{
|
|
11003
10323
|
elevation?: ElevationLevels | {
|
|
11004
10324
|
readonly base?: ElevationLevels | undefined;
|
|
11005
10325
|
readonly xs?: ElevationLevels | undefined;
|
|
@@ -11264,128 +10584,118 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
|
|
|
11264
10584
|
readonly l?: "platform-web" | undefined;
|
|
11265
10585
|
readonly xl?: "platform-web" | undefined;
|
|
11266
10586
|
} | undefined;
|
|
11267
|
-
} &
|
|
11268
|
-
|
|
11269
|
-
|
|
11270
|
-
|
|
11271
|
-
|
|
11272
|
-
|
|
11273
|
-
|
|
11274
|
-
|
|
11275
|
-
|
|
11276
|
-
|
|
11277
|
-
|
|
11278
|
-
|
|
11279
|
-
|
|
11280
|
-
|
|
11281
|
-
|
|
11282
|
-
|
|
11283
|
-
|
|
11284
|
-
|
|
11285
|
-
|
|
11286
|
-
|
|
11287
|
-
|
|
11288
|
-
|
|
11289
|
-
|
|
11290
|
-
|
|
11291
|
-
|
|
11292
|
-
|
|
11293
|
-
|
|
11294
|
-
|
|
11295
|
-
|
|
11296
|
-
|
|
11297
|
-
|
|
11298
|
-
|
|
11299
|
-
|
|
11300
|
-
|
|
11301
|
-
|
|
11302
|
-
|
|
11303
|
-
|
|
11304
|
-
|
|
11305
|
-
|
|
11306
|
-
|
|
11307
|
-
|
|
11308
|
-
|
|
11309
|
-
|
|
11310
|
-
|
|
11311
|
-
|
|
11312
|
-
|
|
11313
|
-
|
|
11314
|
-
|
|
11315
|
-
|
|
11316
|
-
|
|
11317
|
-
|
|
11318
|
-
|
|
11319
|
-
|
|
11320
|
-
|
|
11321
|
-
|
|
11322
|
-
|
|
11323
|
-
|
|
11324
|
-
|
|
11325
|
-
|
|
11326
|
-
|
|
11327
|
-
|
|
11328
|
-
|
|
11329
|
-
|
|
11330
|
-
|
|
11331
|
-
|
|
11332
|
-
|
|
11333
|
-
|
|
11334
|
-
|
|
11335
|
-
|
|
11336
|
-
|
|
11337
|
-
|
|
11338
|
-
|
|
11339
|
-
|
|
11340
|
-
|
|
11341
|
-
|
|
11342
|
-
|
|
11343
|
-
|
|
11344
|
-
|
|
11345
|
-
|
|
11346
|
-
|
|
11347
|
-
|
|
11348
|
-
|
|
11349
|
-
|
|
11350
|
-
|
|
11351
|
-
|
|
11352
|
-
|
|
11353
|
-
|
|
11354
|
-
|
|
11355
|
-
|
|
11356
|
-
|
|
11357
|
-
|
|
11358
|
-
|
|
11359
|
-
|
|
11360
|
-
|
|
11361
|
-
|
|
11362
|
-
|
|
11363
|
-
|
|
11364
|
-
|
|
11365
|
-
|
|
11366
|
-
|
|
11367
|
-
|
|
11368
|
-
|
|
11369
|
-
|
|
11370
|
-
|
|
11371
|
-
|
|
11372
|
-
|
|
11373
|
-
|
|
11374
|
-
|
|
11375
|
-
|
|
11376
|
-
|
|
11377
|
-
|
|
11378
|
-
|
|
11379
|
-
} | undefined;
|
|
11380
|
-
} & {
|
|
11381
|
-
className?: string | undefined;
|
|
11382
|
-
id?: string | undefined;
|
|
11383
|
-
tabIndex?: number | undefined;
|
|
11384
|
-
}> & BladeCommonEvents & {
|
|
11385
|
-
'data-blade-component'?: string | undefined;
|
|
11386
|
-
'data-testid'?: string | undefined;
|
|
11387
|
-
tabIndex: -1;
|
|
11388
|
-
}, "tabIndex" | "data-testid" | "data-blade-component">;
|
|
10587
|
+
}, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
|
|
10588
|
+
|
|
10589
|
+
type RadioGroupProps = {
|
|
10590
|
+
/**
|
|
10591
|
+
* Accepts multiple radios as children
|
|
10592
|
+
*/
|
|
10593
|
+
children: React__default.ReactNode;
|
|
10594
|
+
/**
|
|
10595
|
+
* Help text of the radio group
|
|
10596
|
+
*/
|
|
10597
|
+
helpText?: string;
|
|
10598
|
+
/**
|
|
10599
|
+
* Error text of the radio group
|
|
10600
|
+
* Renders when `validationState` is set to 'error'
|
|
10601
|
+
*
|
|
10602
|
+
* Overrides helpText
|
|
10603
|
+
*/
|
|
10604
|
+
errorText?: string;
|
|
10605
|
+
/**
|
|
10606
|
+
* Sets the error state of the radioGroup
|
|
10607
|
+
* If set to `error` it will render the `errorText` of the group,
|
|
10608
|
+
* and propagate `invalid` prop to every radio
|
|
10609
|
+
*/
|
|
10610
|
+
validationState?: 'error' | 'none';
|
|
10611
|
+
/**
|
|
10612
|
+
* Renders a necessity indicator after radioGroup label
|
|
10613
|
+
*
|
|
10614
|
+
* If set to `undefined` it renders nothing.
|
|
10615
|
+
*/
|
|
10616
|
+
necessityIndicator?: 'required' | 'optional' | 'none';
|
|
10617
|
+
/**
|
|
10618
|
+
* Sets the disabled state of the radioGroup
|
|
10619
|
+
* If set to `true` it propagate down to all the radios
|
|
10620
|
+
*
|
|
10621
|
+
* @default false
|
|
10622
|
+
*/
|
|
10623
|
+
isDisabled?: boolean;
|
|
10624
|
+
/**
|
|
10625
|
+
* Sets the required state of the radioGroup
|
|
10626
|
+
* @default false
|
|
10627
|
+
*/
|
|
10628
|
+
isRequired?: boolean;
|
|
10629
|
+
/**
|
|
10630
|
+
* Renders the label of the radio group
|
|
10631
|
+
*/
|
|
10632
|
+
label?: string;
|
|
10633
|
+
/**
|
|
10634
|
+
* Sets the position of the label
|
|
10635
|
+
*
|
|
10636
|
+
* @default 'top'
|
|
10637
|
+
*/
|
|
10638
|
+
labelPosition?: 'top' | 'left';
|
|
10639
|
+
/**
|
|
10640
|
+
* Initial value of the radio group
|
|
10641
|
+
*/
|
|
10642
|
+
defaultValue?: string;
|
|
10643
|
+
/**
|
|
10644
|
+
* value of the radio group
|
|
10645
|
+
*
|
|
10646
|
+
* Use `onChange` to update its value
|
|
10647
|
+
*/
|
|
10648
|
+
value?: string;
|
|
10649
|
+
/**
|
|
10650
|
+
* The callback invoked when any of the radio's state changes
|
|
10651
|
+
*/
|
|
10652
|
+
onChange?: ({ name, value }: {
|
|
10653
|
+
name: string | undefined;
|
|
10654
|
+
value: string;
|
|
10655
|
+
}) => void;
|
|
10656
|
+
/**
|
|
10657
|
+
* The name of the input field in a radio
|
|
10658
|
+
* (Useful for form submission).
|
|
10659
|
+
*/
|
|
10660
|
+
name?: string;
|
|
10661
|
+
/**
|
|
10662
|
+
* Size of the radios
|
|
10663
|
+
*
|
|
10664
|
+
* @default "medium"
|
|
10665
|
+
*/
|
|
10666
|
+
size?: 'small' | 'medium' | 'large';
|
|
10667
|
+
} & TestID & StyledPropsBlade;
|
|
10668
|
+
declare const RadioGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, ...styledProps }: RadioGroupProps) => React__default.ReactElement;
|
|
10669
|
+
|
|
10670
|
+
type TooltipProps = {
|
|
10671
|
+
/**
|
|
10672
|
+
* Tooltip title
|
|
10673
|
+
*/
|
|
10674
|
+
title?: string;
|
|
10675
|
+
/**
|
|
10676
|
+
* Tooltip content
|
|
10677
|
+
*/
|
|
10678
|
+
content: string;
|
|
10679
|
+
/**
|
|
10680
|
+
* Placement of tooltip
|
|
10681
|
+
*
|
|
10682
|
+
* @default "top"
|
|
10683
|
+
*/
|
|
10684
|
+
placement?: Exclude<UseFloatingOptions['placement'], 'left-end' | 'left-start' | 'right-end' | 'right-start'>;
|
|
10685
|
+
children: React.ReactElement;
|
|
10686
|
+
onOpenChange?: ({ isOpen }: {
|
|
10687
|
+
isOpen: boolean;
|
|
10688
|
+
}) => void;
|
|
10689
|
+
/**
|
|
10690
|
+
* Sets the z-index of the modal
|
|
10691
|
+
* @default 1100
|
|
10692
|
+
*/
|
|
10693
|
+
zIndex?: number;
|
|
10694
|
+
};
|
|
10695
|
+
|
|
10696
|
+
declare const Tooltip: ({ title, content, children, placement, onOpenChange, zIndex, }: TooltipProps) => React__default.ReactElement;
|
|
10697
|
+
|
|
10698
|
+
declare const TooltipInteractiveWrapper: React__default.ForwardRefExoticComponent<Omit<BaseBoxProps, "as"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
11389
10699
|
|
|
11390
10700
|
type SideNavProps = {
|
|
11391
10701
|
/**
|
|
@@ -11848,6 +11158,10 @@ type StepItemProps = {
|
|
|
11848
11158
|
* Controlled state of selected item
|
|
11849
11159
|
*/
|
|
11850
11160
|
isSelected?: boolean;
|
|
11161
|
+
/**
|
|
11162
|
+
* State for disabling the step item
|
|
11163
|
+
*/
|
|
11164
|
+
isDisabled?: boolean;
|
|
11851
11165
|
/**
|
|
11852
11166
|
* Anchor tag's href value. Turns StepItem into interactive item and render it as `<a>` tag
|
|
11853
11167
|
*/
|
|
@@ -11908,7 +11222,7 @@ declare const StepGroup: ({ size, orientation, children, testID, _nestingLevel,
|
|
|
11908
11222
|
*
|
|
11909
11223
|
* Checkout {@link https://blade.razorpay.com/?path=/docs/components-stepgroup--docs StepGroup Documentation}
|
|
11910
11224
|
*/
|
|
11911
|
-
declare const StepItem: ({ title, timestamp, description, stepProgress, marker, trailing, isSelected, href, target, onClick, children, _index, _totalIndex, _nestingLevel, }: StepItemProps) => React__default.ReactElement;
|
|
11225
|
+
declare const StepItem: ({ title, timestamp, description, stepProgress, marker, trailing, isSelected, isDisabled, href, target, onClick, children, _index, _totalIndex, _nestingLevel, }: StepItemProps) => React__default.ReactElement;
|
|
11912
11226
|
|
|
11913
11227
|
declare const StepItemIndicator: ({ color }: {
|
|
11914
11228
|
color: IndicatorProps['color'];
|
|
@@ -13909,4 +13223,4 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
|
|
|
13909
13223
|
*/
|
|
13910
13224
|
declare const screenReaderStyles: CSSObject;
|
|
13911
13225
|
|
|
13912
|
-
export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };
|
|
13226
|
+
export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };
|