@butternutbox/pawprint-native 1.2.0 → 1.3.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/.turbo/turbo-build.log +7 -7
- package/CHANGELOG.md +6 -0
- package/dist/index.cjs +57 -37
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +273 -236
- package/dist/index.d.ts +273 -236
- package/dist/index.js +57 -38
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/molecules/Menu/Menu.stories.tsx +19 -55
- package/src/components/molecules/Menu/Menu.test.tsx +55 -1
- package/src/components/molecules/Menu/Menu.tsx +56 -31
- package/src/components/molecules/Menu/MenuItem.tsx +32 -39
- package/src/components/molecules/Menu/hooks/index.ts +1 -0
- package/src/components/molecules/Menu/hooks/useMenuTrigger.test.ts +48 -0
- package/src/components/molecules/Menu/hooks/useMenuTrigger.ts +40 -0
- package/src/components/molecules/Menu/index.ts +2 -1
package/dist/index.d.cts
CHANGED
|
@@ -4,7 +4,8 @@ export { tokens } from '@butternutbox/pawprint-tokens';
|
|
|
4
4
|
import * as _emotion_native from '@emotion/native';
|
|
5
5
|
export { default as styled } from '@emotion/native';
|
|
6
6
|
export * from '@butternutbox/pawprint-fonts';
|
|
7
|
-
import React from 'react';
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
import React__default from 'react';
|
|
8
9
|
import * as _emotion_react from '@emotion/react';
|
|
9
10
|
import { Theme } from '@emotion/react';
|
|
10
11
|
import * as react_native from 'react-native';
|
|
@@ -33,9 +34,9 @@ declare module "@emotion/react" {
|
|
|
33
34
|
interface PawprintProviderProps {
|
|
34
35
|
brand?: BrandName;
|
|
35
36
|
initialTheme?: ThemeName;
|
|
36
|
-
children:
|
|
37
|
+
children: React__default.ReactNode;
|
|
37
38
|
}
|
|
38
|
-
declare const PawprintProvider:
|
|
39
|
+
declare const PawprintProvider: React__default.FC<PawprintProviderProps>;
|
|
39
40
|
|
|
40
41
|
type ThemeContextType = {
|
|
41
42
|
brand: BrandName;
|
|
@@ -46,9 +47,9 @@ type ThemeContextType = {
|
|
|
46
47
|
type Props = {
|
|
47
48
|
brand?: BrandName;
|
|
48
49
|
initialTheme?: ThemeName;
|
|
49
|
-
children:
|
|
50
|
+
children: React__default.ReactNode;
|
|
50
51
|
};
|
|
51
|
-
declare const ThemeProvider: ({ children, brand, initialTheme }: Props) =>
|
|
52
|
+
declare const ThemeProvider: ({ children, brand, initialTheme }: Props) => React__default.JSX.Element;
|
|
52
53
|
declare const usePawprint: () => ThemeContextType;
|
|
53
54
|
|
|
54
55
|
/**
|
|
@@ -79,7 +80,7 @@ type BaseAvatarProps = {
|
|
|
79
80
|
fallbackString?: string;
|
|
80
81
|
};
|
|
81
82
|
type AvatarProps = BaseAvatarProps & (SmallAvatarProps | MediumLargeAvatarProps);
|
|
82
|
-
declare const Avatar:
|
|
83
|
+
declare const Avatar: React__default.ForwardRefExoticComponent<AvatarProps & React__default.RefAttributes<View>>;
|
|
83
84
|
|
|
84
85
|
type CarouselControlsProps = {
|
|
85
86
|
/**
|
|
@@ -112,7 +113,7 @@ type CarouselControlsProps = {
|
|
|
112
113
|
* <CarouselControls count={4} activeIndex={currentIndex} showBackground={false} />
|
|
113
114
|
* ```
|
|
114
115
|
*/
|
|
115
|
-
declare const CarouselControls:
|
|
116
|
+
declare const CarouselControls: React__default.ForwardRefExoticComponent<{
|
|
116
117
|
/**
|
|
117
118
|
* Total number of carousel items. Renders one dot per item (max 5 visible
|
|
118
119
|
* for 6–7 items via a sliding window).
|
|
@@ -129,7 +130,7 @@ declare const CarouselControls: React.ForwardRefExoticComponent<{
|
|
|
129
130
|
* background pill would clash with the page background.
|
|
130
131
|
*/
|
|
131
132
|
showBackground?: boolean;
|
|
132
|
-
} & ViewProps &
|
|
133
|
+
} & ViewProps & React__default.RefAttributes<View>>;
|
|
133
134
|
|
|
134
135
|
type BodySize = "xs" | "sm" | "md" | "lg";
|
|
135
136
|
type HeadingSize = "2xs" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -218,12 +219,12 @@ type TypographyProps = (SemanticVariant & NativeTextProps) | (TokenVariant & Nat
|
|
|
218
219
|
* Accept terms
|
|
219
220
|
* </Typography>
|
|
220
221
|
*/
|
|
221
|
-
declare const Typography:
|
|
222
|
+
declare const Typography: React__default.ForwardRefExoticComponent<TypographyProps & React__default.RefAttributes<Text>>;
|
|
222
223
|
|
|
223
224
|
type IconCategory = "core" | "marketing" | "payments" | "flags";
|
|
224
225
|
type IconSize = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
225
226
|
type IconColour = "primary" | "secondary" | "disabled" | "success" | "warning" | "error" | "promo" | "info" | "alt" | "action-default" | "action-inverse";
|
|
226
|
-
type PawprintIcon =
|
|
227
|
+
type PawprintIcon = React__default.ComponentType<{
|
|
227
228
|
width?: number;
|
|
228
229
|
height?: number;
|
|
229
230
|
color?: string;
|
|
@@ -254,12 +255,12 @@ type IconProps = IconOwnProps & Omit<ViewProps, keyof IconOwnProps>;
|
|
|
254
255
|
* @param colour - *(optional)* Colour variant from semantic icon tokens (default: primary)
|
|
255
256
|
* @param aria-label - *(optional)* Accessible label; omit for decorative icons
|
|
256
257
|
*/
|
|
257
|
-
declare const Icon:
|
|
258
|
+
declare const Icon: React__default.ForwardRefExoticComponent<IconOwnProps & Omit<ViewProps, keyof IconOwnProps> & React__default.RefAttributes<View>>;
|
|
258
259
|
|
|
259
260
|
type BadgeVariant = "primary" | "promo" | "success" | "warning" | "error";
|
|
260
261
|
type BadgeSize = "small" | "medium" | "large";
|
|
261
262
|
type BaseBadgeProps = {
|
|
262
|
-
children:
|
|
263
|
+
children: React__default.ReactNode;
|
|
263
264
|
variant?: BadgeVariant;
|
|
264
265
|
size?: BadgeSize;
|
|
265
266
|
icon?: PawprintIcon;
|
|
@@ -297,7 +298,7 @@ type BadgeProps = BadgeOwnProps$1 & Omit<ViewProps, keyof BadgeOwnProps$1>;
|
|
|
297
298
|
* <Badge variant="promo" pinned top={16}>Special</Badge>
|
|
298
299
|
* </View>
|
|
299
300
|
*/
|
|
300
|
-
declare const Badge$1:
|
|
301
|
+
declare const Badge$1: React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<View>>;
|
|
301
302
|
|
|
302
303
|
type ButtonVariant = "filled" | "outlined" | "text";
|
|
303
304
|
type ButtonSize = "sm" | "md" | "lg";
|
|
@@ -308,9 +309,9 @@ type ButtonOwnProps = {
|
|
|
308
309
|
colour?: ButtonColour;
|
|
309
310
|
loading?: boolean;
|
|
310
311
|
fullWidth?: boolean;
|
|
311
|
-
startIcon?:
|
|
312
|
-
endIcon?:
|
|
313
|
-
children?:
|
|
312
|
+
startIcon?: React__default.ReactNode;
|
|
313
|
+
endIcon?: React__default.ReactNode;
|
|
314
|
+
children?: React__default.ReactNode;
|
|
314
315
|
};
|
|
315
316
|
type ButtonProps = ButtonOwnProps & Omit<PressableProps, keyof ButtonOwnProps | "children">;
|
|
316
317
|
/**
|
|
@@ -334,7 +335,7 @@ type ButtonProps = ButtonOwnProps & Omit<PressableProps, keyof ButtonOwnProps |
|
|
|
334
335
|
* @param startIcon - *(optional)* Leading icon element
|
|
335
336
|
* @param endIcon - *(optional)* Trailing icon element
|
|
336
337
|
*/
|
|
337
|
-
declare const Button:
|
|
338
|
+
declare const Button: React__default.ForwardRefExoticComponent<ButtonOwnProps & Omit<PressableProps, keyof ButtonOwnProps> & React__default.RefAttributes<View>>;
|
|
338
339
|
|
|
339
340
|
type DividerSize = "small" | "medium" | "large";
|
|
340
341
|
type DividerColour = "light" | "dark";
|
|
@@ -342,7 +343,7 @@ type DividerOwnProps = {
|
|
|
342
343
|
size?: DividerSize;
|
|
343
344
|
colour?: DividerColour;
|
|
344
345
|
};
|
|
345
|
-
type DividerProps = DividerOwnProps & Omit<
|
|
346
|
+
type DividerProps = DividerOwnProps & Omit<React__default.ComponentProps<typeof View>, keyof DividerOwnProps>;
|
|
346
347
|
/**
|
|
347
348
|
* A horizontal rule used to separate content, group related elements, and
|
|
348
349
|
* establish a clear visual hierarchy. Native counterpart to the web `Divider`.
|
|
@@ -359,7 +360,7 @@ type DividerProps = DividerOwnProps & Omit<React.ComponentProps<typeof View>, ke
|
|
|
359
360
|
* (small = 1px, medium = 2px, large = 4px).
|
|
360
361
|
* @param {"light" | "dark"} [colour="light"] - Colour variant.
|
|
361
362
|
*/
|
|
362
|
-
declare const Divider:
|
|
363
|
+
declare const Divider: React__default.ForwardRefExoticComponent<DividerOwnProps & Omit<react_native.ViewProps, keyof DividerOwnProps> & React__default.RefAttributes<View>>;
|
|
363
364
|
|
|
364
365
|
type HintVariant = "default" | "success" | "warning" | "error";
|
|
365
366
|
type HintOwnProps = {
|
|
@@ -376,7 +377,7 @@ type HintProps = HintOwnProps & Omit<ViewProps, keyof HintOwnProps>;
|
|
|
376
377
|
* <Hint variant="success" />
|
|
377
378
|
* <Hint variant="error" />
|
|
378
379
|
*/
|
|
379
|
-
declare const Hint:
|
|
380
|
+
declare const Hint: React__default.ForwardRefExoticComponent<HintOwnProps & Omit<ViewProps, "variant"> & React__default.RefAttributes<View>>;
|
|
380
381
|
|
|
381
382
|
type IconButtonVariant = "filled" | "outlined" | "text";
|
|
382
383
|
type IconButtonSize = "sm" | "md" | "lg";
|
|
@@ -410,10 +411,10 @@ type IconButtonProps = IconButtonOwnProps & Omit<PressableProps, keyof IconButto
|
|
|
410
411
|
* @param loading - *(optional)* Shows spinner and disables interaction
|
|
411
412
|
* @param aria-label - **(required)** Accessible label for the button
|
|
412
413
|
*/
|
|
413
|
-
declare const IconButton:
|
|
414
|
+
declare const IconButton: React__default.ForwardRefExoticComponent<IconButtonOwnProps & Omit<PressableProps, "children" | keyof IconButtonOwnProps> & React__default.RefAttributes<View>>;
|
|
414
415
|
|
|
415
416
|
type IllustrationSize = "sm" | "lg" | "xl" | "xxl" | "xxxl";
|
|
416
|
-
type PawprintIllustration$2 =
|
|
417
|
+
type PawprintIllustration$2 = React__default.ComponentType<{
|
|
417
418
|
width?: number;
|
|
418
419
|
height?: number;
|
|
419
420
|
}>;
|
|
@@ -452,17 +453,17 @@ type IllustrationProps = IllustrationOwnProps & Omit<ViewProps, keyof Illustrati
|
|
|
452
453
|
* @param alignSelf - *(optional)* Flexbox alignSelf
|
|
453
454
|
* @param aria-label - *(optional)* Accessible label
|
|
454
455
|
*/
|
|
455
|
-
declare const Illustration:
|
|
456
|
+
declare const Illustration: React__default.ForwardRefExoticComponent<{
|
|
456
457
|
illustration: PawprintIllustration$2;
|
|
457
458
|
size?: IllustrationSize;
|
|
458
459
|
"aria-label"?: string;
|
|
459
|
-
} & FlexboxProps & Omit<ViewProps, "aria-label" | "size" | "illustration" | keyof FlexboxProps> &
|
|
460
|
+
} & FlexboxProps & Omit<ViewProps, "aria-label" | "size" | "illustration" | keyof FlexboxProps> & React__default.RefAttributes<View>>;
|
|
460
461
|
|
|
461
462
|
type InputState = "default" | "error" | "success";
|
|
462
463
|
type InputFieldOwnProps = {
|
|
463
|
-
leadingIcon?:
|
|
464
|
-
trailingIcon?:
|
|
465
|
-
actionIcon?:
|
|
464
|
+
leadingIcon?: React__default.ReactNode;
|
|
465
|
+
trailingIcon?: React__default.ReactNode;
|
|
466
|
+
actionIcon?: React__default.ReactNode;
|
|
466
467
|
state?: InputState;
|
|
467
468
|
hideStateIcons?: boolean;
|
|
468
469
|
containerWidth?: number;
|
|
@@ -479,18 +480,18 @@ type InputFieldProps = InputFieldOwnProps & Omit<TextInputProps, keyof InputFiel
|
|
|
479
480
|
* @param {InputState} [state] - Visual state of the input (default, error, success)
|
|
480
481
|
* @param {boolean} [hideStateIcons] - Hide automatic error/success icons
|
|
481
482
|
*/
|
|
482
|
-
declare const InputField:
|
|
483
|
+
declare const InputField: React__default.ForwardRefExoticComponent<InputFieldOwnProps & Omit<TextInputProps, keyof InputFieldOwnProps> & React__default.RefAttributes<TextInput>>;
|
|
483
484
|
/**
|
|
484
485
|
* Bare text input with design-system typography and colors applied.
|
|
485
486
|
* No container, border, or padding — use inside components that provide
|
|
486
487
|
* their own visual wrapper (e.g. SelectField trigger).
|
|
487
488
|
*/
|
|
488
|
-
declare const InputText:
|
|
489
|
+
declare const InputText: React__default.ForwardRefExoticComponent<TextInputProps & React__default.RefAttributes<TextInput>>;
|
|
489
490
|
|
|
490
491
|
type InputLabelOwnProps = {
|
|
491
492
|
optionalText?: string;
|
|
492
493
|
state?: InputState;
|
|
493
|
-
children:
|
|
494
|
+
children: React__default.ReactNode;
|
|
494
495
|
};
|
|
495
496
|
type InputLabelProps = InputLabelOwnProps & Omit<ViewProps, keyof InputLabelOwnProps>;
|
|
496
497
|
/**
|
|
@@ -500,11 +501,11 @@ type InputLabelProps = InputLabelOwnProps & Omit<ViewProps, keyof InputLabelOwnP
|
|
|
500
501
|
* @param state - Visual state of the input (affects label color for error state)
|
|
501
502
|
* @param children - Label text content
|
|
502
503
|
*/
|
|
503
|
-
declare const InputLabel:
|
|
504
|
+
declare const InputLabel: React__default.ForwardRefExoticComponent<InputLabelOwnProps & Omit<ViewProps, keyof InputLabelOwnProps> & React__default.RefAttributes<View>>;
|
|
504
505
|
|
|
505
506
|
type InputDescriptionOwnProps = {
|
|
506
507
|
state?: InputState;
|
|
507
|
-
children:
|
|
508
|
+
children: React__default.ReactNode;
|
|
508
509
|
};
|
|
509
510
|
type InputDescriptionProps = InputDescriptionOwnProps & Omit<ViewProps, keyof InputDescriptionOwnProps>;
|
|
510
511
|
/**
|
|
@@ -513,19 +514,19 @@ type InputDescriptionProps = InputDescriptionOwnProps & Omit<ViewProps, keyof In
|
|
|
513
514
|
* @param state - Visual state of the input (affects description color for error state)
|
|
514
515
|
* @param children - Description text content
|
|
515
516
|
*/
|
|
516
|
-
declare const InputDescription:
|
|
517
|
+
declare const InputDescription: React__default.ForwardRefExoticComponent<InputDescriptionOwnProps & Omit<ViewProps, keyof InputDescriptionOwnProps> & React__default.RefAttributes<View>>;
|
|
517
518
|
|
|
518
519
|
type InputErrorProps = {
|
|
519
|
-
children?:
|
|
520
|
+
children?: React__default.ReactNode;
|
|
520
521
|
} & ViewProps;
|
|
521
522
|
/**
|
|
522
523
|
* Error message component for Input fields.
|
|
523
524
|
*
|
|
524
525
|
* @param children - Error message text
|
|
525
526
|
*/
|
|
526
|
-
declare const InputError:
|
|
527
|
-
children?:
|
|
528
|
-
} & ViewProps &
|
|
527
|
+
declare const InputError: React__default.ForwardRefExoticComponent<{
|
|
528
|
+
children?: React__default.ReactNode;
|
|
529
|
+
} & ViewProps & React__default.RefAttributes<View>>;
|
|
529
530
|
|
|
530
531
|
type InputOwnProps = {
|
|
531
532
|
label?: string;
|
|
@@ -538,11 +539,11 @@ type InputOwnProps = {
|
|
|
538
539
|
type InputProps = InputOwnProps & Omit<InputFieldProps, keyof InputOwnProps> & Omit<ViewProps, keyof InputOwnProps>;
|
|
539
540
|
declare const StyledRoot$6: _emotion_native.StyledComponent<ViewProps & {
|
|
540
541
|
theme?: _emotion_react.Theme;
|
|
541
|
-
as?:
|
|
542
|
+
as?: React__default.ElementType;
|
|
542
543
|
}, {}, {
|
|
543
|
-
ref?:
|
|
544
|
+
ref?: React__default.Ref<View> | undefined;
|
|
544
545
|
}>;
|
|
545
|
-
type InputComponent =
|
|
546
|
+
type InputComponent = React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<View>> & {
|
|
546
547
|
Root: typeof StyledRoot$6;
|
|
547
548
|
Label: typeof InputLabel;
|
|
548
549
|
Field: typeof InputField;
|
|
@@ -559,7 +560,7 @@ type LinkOwnProps = {
|
|
|
559
560
|
size?: LinkSize;
|
|
560
561
|
disabled?: boolean;
|
|
561
562
|
href?: string;
|
|
562
|
-
children?:
|
|
563
|
+
children?: React__default.ReactNode;
|
|
563
564
|
};
|
|
564
565
|
type LinkProps = LinkOwnProps & Omit<PressableProps, keyof LinkOwnProps | "children">;
|
|
565
566
|
/**
|
|
@@ -577,7 +578,7 @@ type LinkProps = LinkOwnProps & Omit<PressableProps, keyof LinkOwnProps | "child
|
|
|
577
578
|
* @example
|
|
578
579
|
* <Link href="https://example.com" standalone>Find out more</Link>
|
|
579
580
|
*/
|
|
580
|
-
declare const Link:
|
|
581
|
+
declare const Link: React__default.ForwardRefExoticComponent<LinkOwnProps & Omit<PressableProps, keyof LinkOwnProps> & React__default.RefAttributes<View>>;
|
|
581
582
|
|
|
582
583
|
type LogoBrand = "butternut" | "psibufet" | "bcorp";
|
|
583
584
|
type LogoVariant = "wordmark" | "primary" | "tabbed-top" | "tabbed-bottom" | "favicon";
|
|
@@ -601,9 +602,9 @@ type LogoProps = LogoOwnProps & Omit<ViewProps, keyof LogoOwnProps>;
|
|
|
601
602
|
* @param variant - *(optional)* Logo variant (default: "primary"). Ignored for "bcorp".
|
|
602
603
|
* @param aria-label - *(optional)* Accessible label
|
|
603
604
|
*/
|
|
604
|
-
declare const Logo:
|
|
605
|
+
declare const Logo: React__default.ForwardRefExoticComponent<LogoOwnProps & Omit<ViewProps, keyof LogoOwnProps> & React__default.RefAttributes<View>>;
|
|
605
606
|
|
|
606
|
-
type LogoSvgComponent =
|
|
607
|
+
type LogoSvgComponent = React__default.ComponentType<{
|
|
607
608
|
width?: number;
|
|
608
609
|
height?: number;
|
|
609
610
|
}>;
|
|
@@ -620,7 +621,7 @@ type NumberInputFieldProps = NumberInputFieldOwnProps & Omit<InputFieldProps, ke
|
|
|
620
621
|
* Renders a centered number input sized to `numberField.size.large.height`.
|
|
621
622
|
* When fieldText is provided, wraps input + text in a horizontal group.
|
|
622
623
|
*/
|
|
623
|
-
declare const NumberInputField:
|
|
624
|
+
declare const NumberInputField: React__default.ForwardRefExoticComponent<NumberInputFieldOwnProps & Omit<InputFieldProps, keyof NumberInputFieldOwnProps> & React__default.RefAttributes<TextInput>>;
|
|
624
625
|
|
|
625
626
|
type NumberInputOwnProps = Pick<InputProps, "label" | "description" | "error" | "state" | "optionalText" | "onValueChange"> & {
|
|
626
627
|
fieldText?: string;
|
|
@@ -629,11 +630,11 @@ type NumberInputOwnProps = Pick<InputProps, "label" | "description" | "error" |
|
|
|
629
630
|
type NumberInputProps = NumberInputOwnProps & Omit<InputFieldProps, keyof NumberInputOwnProps> & Omit<ViewProps, keyof NumberInputOwnProps>;
|
|
630
631
|
declare const StyledRoot$5: _emotion_native.StyledComponent<ViewProps & {
|
|
631
632
|
theme?: _emotion_react.Theme;
|
|
632
|
-
as?:
|
|
633
|
+
as?: React__default.ElementType;
|
|
633
634
|
}, {}, {
|
|
634
|
-
ref?:
|
|
635
|
+
ref?: React__default.Ref<View> | undefined;
|
|
635
636
|
}>;
|
|
636
|
-
type NumberInputComponent =
|
|
637
|
+
type NumberInputComponent = React__default.ForwardRefExoticComponent<NumberInputProps & React__default.RefAttributes<View>> & {
|
|
637
638
|
Root: typeof StyledRoot$5;
|
|
638
639
|
Label: typeof InputLabel;
|
|
639
640
|
Field: typeof NumberInputField;
|
|
@@ -663,11 +664,11 @@ type SpinnerProps = SpinnerOwnProps & Omit<ViewProps, keyof SpinnerOwnProps>;
|
|
|
663
664
|
* @param size - *(optional)* Size variant: sm, md (default), lg
|
|
664
665
|
* @param variant - *(optional)* Colour variant: dark (default), light
|
|
665
666
|
*/
|
|
666
|
-
declare const Spinner:
|
|
667
|
+
declare const Spinner: React__default.ForwardRefExoticComponent<SpinnerOwnProps & Omit<ViewProps, keyof SpinnerOwnProps> & React__default.RefAttributes<View>>;
|
|
667
668
|
|
|
668
669
|
type SwitchOwnProps = {
|
|
669
|
-
label?:
|
|
670
|
-
subText?:
|
|
670
|
+
label?: React__default.ReactNode;
|
|
671
|
+
subText?: React__default.ReactNode;
|
|
671
672
|
disabled?: boolean;
|
|
672
673
|
checked?: boolean;
|
|
673
674
|
defaultChecked?: boolean;
|
|
@@ -686,12 +687,12 @@ type SwitchProps = SwitchOwnProps & Omit<ViewProps, keyof SwitchOwnProps>;
|
|
|
686
687
|
* @example
|
|
687
688
|
* <Switch label="SMS Delivery Notifications" subText="I want to receive SMS notifications" />
|
|
688
689
|
*/
|
|
689
|
-
declare const Switch:
|
|
690
|
+
declare const Switch: React__default.ForwardRefExoticComponent<SwitchOwnProps & Omit<ViewProps, keyof SwitchOwnProps> & React__default.RefAttributes<View>>;
|
|
690
691
|
|
|
691
692
|
type TagVariant = "primary" | "secondary" | "tertiary" | "promo" | "success" | "warning" | "error";
|
|
692
693
|
type TagSize = "small" | "medium" | "large";
|
|
693
694
|
type TagOwnProps = {
|
|
694
|
-
children:
|
|
695
|
+
children: React__default.ReactNode;
|
|
695
696
|
variant?: TagVariant;
|
|
696
697
|
size?: TagSize;
|
|
697
698
|
icon?: PawprintIcon;
|
|
@@ -709,11 +710,11 @@ type TagProps = TagOwnProps & Omit<ViewProps, keyof TagOwnProps>;
|
|
|
709
710
|
* <Tag>Company news</Tag>
|
|
710
711
|
* <Tag variant="success" size="large" icon={CheckCircle}>Verified</Tag>
|
|
711
712
|
*/
|
|
712
|
-
declare const Tag:
|
|
713
|
+
declare const Tag: React__default.ForwardRefExoticComponent<TagOwnProps & Omit<ViewProps, keyof TagOwnProps> & React__default.RefAttributes<View>>;
|
|
713
714
|
|
|
714
715
|
type TextAreaFieldOwnProps = {
|
|
715
|
-
leadingIcon?:
|
|
716
|
-
trailingIcon?:
|
|
716
|
+
leadingIcon?: React__default.ReactNode;
|
|
717
|
+
trailingIcon?: React__default.ReactNode;
|
|
717
718
|
state?: InputState;
|
|
718
719
|
hideStateIcons?: boolean;
|
|
719
720
|
rows?: number;
|
|
@@ -728,17 +729,17 @@ type TextAreaFieldProps = TextAreaFieldOwnProps & Omit<TextInputProps, keyof Tex
|
|
|
728
729
|
* @param {boolean} [hideStateIcons] - Hide automatic error/success icons
|
|
729
730
|
* @param {number} [rows=2] - Number of visible text rows (used to calculate minHeight)
|
|
730
731
|
*/
|
|
731
|
-
declare const TextAreaField:
|
|
732
|
+
declare const TextAreaField: React__default.ForwardRefExoticComponent<TextAreaFieldOwnProps & Omit<TextInputProps, keyof TextAreaFieldOwnProps> & React__default.RefAttributes<TextInput>>;
|
|
732
733
|
|
|
733
734
|
type TextAreaLabelOwnProps = {
|
|
734
735
|
optionalText?: string;
|
|
735
736
|
state?: InputState;
|
|
736
|
-
children:
|
|
737
|
+
children: React__default.ReactNode;
|
|
737
738
|
maxLength?: number;
|
|
738
739
|
currentLength?: number;
|
|
739
740
|
};
|
|
740
741
|
type TextAreaLabelProps = TextAreaLabelOwnProps;
|
|
741
|
-
declare const TextAreaLabel:
|
|
742
|
+
declare const TextAreaLabel: React__default.ForwardRefExoticComponent<TextAreaLabelOwnProps & React__default.RefAttributes<View>>;
|
|
742
743
|
|
|
743
744
|
type TextAreaOwnProps = {
|
|
744
745
|
label?: string;
|
|
@@ -751,11 +752,11 @@ type TextAreaOwnProps = {
|
|
|
751
752
|
type TextAreaProps = TextAreaOwnProps & Omit<TextAreaFieldProps, keyof TextAreaOwnProps> & Omit<ViewProps, keyof TextAreaOwnProps>;
|
|
752
753
|
declare const StyledRoot$4: _emotion_native.StyledComponent<ViewProps & {
|
|
753
754
|
theme?: _emotion_react.Theme;
|
|
754
|
-
as?:
|
|
755
|
+
as?: React__default.ElementType;
|
|
755
756
|
}, {}, {
|
|
756
|
-
ref?:
|
|
757
|
+
ref?: React__default.Ref<View> | undefined;
|
|
757
758
|
}>;
|
|
758
|
-
type TextAreaComponent =
|
|
759
|
+
type TextAreaComponent = React__default.ForwardRefExoticComponent<TextAreaProps & React__default.RefAttributes<View>> & {
|
|
759
760
|
Root: typeof StyledRoot$4;
|
|
760
761
|
Label: typeof TextAreaLabel;
|
|
761
762
|
Field: typeof TextAreaField;
|
|
@@ -772,18 +773,18 @@ type AccordionRootOwnProps = {
|
|
|
772
773
|
value?: string[];
|
|
773
774
|
onValueChange?: (value: string[]) => void;
|
|
774
775
|
disabled?: boolean;
|
|
775
|
-
children:
|
|
776
|
+
children: React__default.ReactNode;
|
|
776
777
|
};
|
|
777
778
|
type AccordionProps = AccordionRootOwnProps & Omit<ViewProps, keyof AccordionRootOwnProps>;
|
|
778
779
|
type AccordionItemOwnProps = {
|
|
779
780
|
title: string;
|
|
780
|
-
children:
|
|
781
|
+
children: React__default.ReactNode;
|
|
781
782
|
value?: string;
|
|
782
783
|
disabled?: boolean;
|
|
783
784
|
};
|
|
784
785
|
type AccordionItemProps = AccordionItemOwnProps & Omit<ViewProps, keyof AccordionItemOwnProps>;
|
|
785
|
-
declare const Accordion:
|
|
786
|
-
Item:
|
|
786
|
+
declare const Accordion: React__default.ForwardRefExoticComponent<AccordionRootOwnProps & Omit<ViewProps, keyof AccordionRootOwnProps> & React__default.RefAttributes<View>> & {
|
|
787
|
+
Item: React__default.ForwardRefExoticComponent<AccordionItemOwnProps & Omit<ViewProps, keyof AccordionItemOwnProps> & React__default.RefAttributes<View>>;
|
|
787
788
|
};
|
|
788
789
|
|
|
789
790
|
declare class SubtleScaleIn extends ComplexAnimationBuilder {
|
|
@@ -892,7 +893,7 @@ type AnimatedProps = {
|
|
|
892
893
|
* <Animated variant="fadeUp" delay={0.1}>Subtitle</Animated>
|
|
893
894
|
* ```
|
|
894
895
|
*/
|
|
895
|
-
declare const Animated:
|
|
896
|
+
declare const Animated: React__default.ForwardRefExoticComponent<{
|
|
896
897
|
/**
|
|
897
898
|
* Animation preset. Defaults to `"fade"`.
|
|
898
899
|
*
|
|
@@ -926,7 +927,7 @@ declare const Animated: React.ForwardRefExoticComponent<{
|
|
|
926
927
|
* `Animated`, whose exit only runs inside `AnimatePresence`.
|
|
927
928
|
*/
|
|
928
929
|
exit?: boolean;
|
|
929
|
-
} & ViewProps &
|
|
930
|
+
} & ViewProps & React__default.RefAttributes<View>>;
|
|
930
931
|
|
|
931
932
|
type DrawerHeaderVariant = "titleAndText" | "image" | "fullBleed";
|
|
932
933
|
|
|
@@ -950,15 +951,15 @@ type DrawerRootOwnProps = {
|
|
|
950
951
|
* panel's bottom-anchored positioning still resolves against the full screen.
|
|
951
952
|
*/
|
|
952
953
|
backdrop?: boolean;
|
|
953
|
-
children:
|
|
954
|
+
children: React__default.ReactNode;
|
|
954
955
|
};
|
|
955
956
|
type DrawerProps = DrawerRootOwnProps & Omit<ViewProps, keyof DrawerRootOwnProps>;
|
|
956
957
|
type DrawerTriggerProps = {
|
|
957
|
-
children:
|
|
958
|
+
children: React__default.ReactElement;
|
|
958
959
|
};
|
|
959
960
|
type DrawerPortalProps = {
|
|
960
|
-
children:
|
|
961
|
-
topContent?:
|
|
961
|
+
children: React__default.ReactNode;
|
|
962
|
+
topContent?: React__default.ReactNode;
|
|
962
963
|
};
|
|
963
964
|
type DrawerOverlayProviderProps = {
|
|
964
965
|
/**
|
|
@@ -966,43 +967,43 @@ type DrawerOverlayProviderProps = {
|
|
|
966
967
|
* Modal window (e.g. an app's toast/notification stack). Pass `null` to render
|
|
967
968
|
* nothing extra.
|
|
968
969
|
*/
|
|
969
|
-
component:
|
|
970
|
-
children:
|
|
970
|
+
component: React__default.ComponentType | null;
|
|
971
|
+
children: React__default.ReactNode;
|
|
971
972
|
};
|
|
972
|
-
declare const Drawer:
|
|
973
|
-
Root:
|
|
974
|
-
Trigger:
|
|
973
|
+
declare const Drawer: React__default.ForwardRefExoticComponent<DrawerRootOwnProps & Omit<ViewProps, keyof DrawerRootOwnProps> & React__default.RefAttributes<View>> & {
|
|
974
|
+
Root: React__default.ForwardRefExoticComponent<DrawerRootOwnProps & Omit<ViewProps, keyof DrawerRootOwnProps> & React__default.RefAttributes<View>>;
|
|
975
|
+
Trigger: React__default.ForwardRefExoticComponent<DrawerTriggerProps & React__default.RefAttributes<View>>;
|
|
975
976
|
Portal: {
|
|
976
977
|
({ children, topContent }: DrawerPortalProps): react_jsx_runtime.JSX.Element | null;
|
|
977
978
|
displayName: string;
|
|
978
979
|
};
|
|
979
980
|
OverlayProvider: {
|
|
980
|
-
({ component, children }: DrawerOverlayProviderProps):
|
|
981
|
+
({ component, children }: DrawerOverlayProviderProps): React__default.ReactElement;
|
|
981
982
|
displayName: string;
|
|
982
983
|
};
|
|
983
|
-
Overlay:
|
|
984
|
-
Content:
|
|
985
|
-
Grabber:
|
|
986
|
-
Header:
|
|
984
|
+
Overlay: React__default.ForwardRefExoticComponent<DrawerOverlayProps & React__default.RefAttributes<View>>;
|
|
985
|
+
Content: React__default.ForwardRefExoticComponent<DrawerContentProps & React__default.RefAttributes<View>>;
|
|
986
|
+
Grabber: React__default.ForwardRefExoticComponent<ViewProps & React__default.RefAttributes<View>>;
|
|
987
|
+
Header: React__default.ForwardRefExoticComponent<{
|
|
987
988
|
variant?: DrawerHeaderVariant;
|
|
988
989
|
imageSource?: react_native.ImageSourcePropType;
|
|
989
990
|
} & Omit<ViewProps, keyof {
|
|
990
991
|
variant?: DrawerHeaderVariant;
|
|
991
992
|
imageSource?: react_native.ImageSourcePropType;
|
|
992
|
-
}> &
|
|
993
|
-
Title:
|
|
994
|
-
children:
|
|
995
|
-
} & Omit<ViewProps, "children"> &
|
|
996
|
-
Description:
|
|
997
|
-
children:
|
|
998
|
-
} & Omit<ViewProps, "children"> &
|
|
999
|
-
Close:
|
|
993
|
+
}> & React__default.RefAttributes<View>>;
|
|
994
|
+
Title: React__default.ForwardRefExoticComponent<{
|
|
995
|
+
children: React__default.ReactNode;
|
|
996
|
+
} & Omit<ViewProps, "children"> & React__default.RefAttributes<View>>;
|
|
997
|
+
Description: React__default.ForwardRefExoticComponent<{
|
|
998
|
+
children: React__default.ReactNode;
|
|
999
|
+
} & Omit<ViewProps, "children"> & React__default.RefAttributes<View>>;
|
|
1000
|
+
Close: React__default.ForwardRefExoticComponent<{
|
|
1000
1001
|
"aria-label"?: string;
|
|
1001
|
-
} & Omit<ViewProps, "children"> &
|
|
1002
|
-
Body:
|
|
1002
|
+
} & Omit<ViewProps, "children"> & React__default.RefAttributes<View>>;
|
|
1003
|
+
Body: React__default.ForwardRefExoticComponent<react_native.ScrollViewProps & {
|
|
1003
1004
|
ignoreKeyboardAvoidance?: boolean;
|
|
1004
|
-
} &
|
|
1005
|
-
Footer:
|
|
1005
|
+
} & React__default.RefAttributes<react_native.ScrollView>>;
|
|
1006
|
+
Footer: React__default.ForwardRefExoticComponent<ViewProps & React__default.RefAttributes<View>>;
|
|
1006
1007
|
};
|
|
1007
1008
|
|
|
1008
1009
|
type DrawerGrabberProps = ViewProps;
|
|
@@ -1014,11 +1015,11 @@ type DrawerHeaderOwnProps = {
|
|
|
1014
1015
|
type DrawerHeaderProps = DrawerHeaderOwnProps & Omit<ViewProps, keyof DrawerHeaderOwnProps>;
|
|
1015
1016
|
|
|
1016
1017
|
type DrawerTitleProps = {
|
|
1017
|
-
children:
|
|
1018
|
+
children: React__default.ReactNode;
|
|
1018
1019
|
} & Omit<ViewProps, "children">;
|
|
1019
1020
|
|
|
1020
1021
|
type DrawerDescriptionProps = {
|
|
1021
|
-
children:
|
|
1022
|
+
children: React__default.ReactNode;
|
|
1022
1023
|
} & Omit<ViewProps, "children">;
|
|
1023
1024
|
|
|
1024
1025
|
type DrawerCloseProps = {
|
|
@@ -1034,8 +1035,8 @@ type DrawerFooterProps = ViewProps;
|
|
|
1034
1035
|
type ButtonDockVariant = "stacked" | "inline";
|
|
1035
1036
|
type ButtonDockOwnProps = {
|
|
1036
1037
|
variant?: ButtonDockVariant;
|
|
1037
|
-
leadingContent?:
|
|
1038
|
-
description?:
|
|
1038
|
+
leadingContent?: React__default.ReactNode;
|
|
1039
|
+
description?: React__default.ReactNode;
|
|
1039
1040
|
};
|
|
1040
1041
|
type ButtonDockProps = ButtonDockOwnProps & Omit<ViewProps, keyof ButtonDockOwnProps>;
|
|
1041
1042
|
/**
|
|
@@ -1056,13 +1057,13 @@ type ButtonDockProps = ButtonDockOwnProps & Omit<ViewProps, keyof ButtonDockOwnP
|
|
|
1056
1057
|
* @param leadingContent - *(optional)* Content rendered above buttons (stacked only)
|
|
1057
1058
|
* @param description - *(optional)* Helper text rendered below buttons (stacked only)
|
|
1058
1059
|
*/
|
|
1059
|
-
declare const ButtonDock:
|
|
1060
|
+
declare const ButtonDock: React__default.ForwardRefExoticComponent<ButtonDockOwnProps & Omit<ViewProps, keyof ButtonDockOwnProps> & React__default.RefAttributes<View>>;
|
|
1060
1061
|
|
|
1061
1062
|
type ButtonGroupLayout = "stacked" | "inline";
|
|
1062
1063
|
type ButtonGroupOwnProps = {
|
|
1063
1064
|
layout?: ButtonGroupLayout;
|
|
1064
|
-
description?:
|
|
1065
|
-
children:
|
|
1065
|
+
description?: React__default.ReactNode;
|
|
1066
|
+
children: React__default.ReactNode;
|
|
1066
1067
|
};
|
|
1067
1068
|
type ButtonGroupProps = ButtonGroupOwnProps & Omit<ViewProps, keyof ButtonGroupOwnProps>;
|
|
1068
1069
|
/**
|
|
@@ -1081,14 +1082,14 @@ type ButtonGroupProps = ButtonGroupOwnProps & Omit<ViewProps, keyof ButtonGroupO
|
|
|
1081
1082
|
* @param {React.ReactNode} [description] - Optional text displayed below the buttons.
|
|
1082
1083
|
* @param {React.ReactNode} children - 1 or 2 Button elements.
|
|
1083
1084
|
*/
|
|
1084
|
-
declare const ButtonGroup:
|
|
1085
|
+
declare const ButtonGroup: React__default.ForwardRefExoticComponent<ButtonGroupOwnProps & Omit<ViewProps, keyof ButtonGroupOwnProps> & React__default.RefAttributes<View>>;
|
|
1085
1086
|
|
|
1086
1087
|
type CheckboxVariant = "standalone" | "tile";
|
|
1087
1088
|
type CheckboxOwnProps = {
|
|
1088
1089
|
variant?: CheckboxVariant;
|
|
1089
1090
|
label: string;
|
|
1090
1091
|
subText?: string;
|
|
1091
|
-
illustration?:
|
|
1092
|
+
illustration?: React__default.ReactNode;
|
|
1092
1093
|
checked?: boolean;
|
|
1093
1094
|
defaultChecked?: boolean;
|
|
1094
1095
|
onCheckedChange?: (checked: boolean) => void;
|
|
@@ -1119,10 +1120,10 @@ type CheckboxProps = CheckboxOwnProps & Omit<PressableProps, keyof CheckboxOwnPr
|
|
|
1119
1120
|
* <Checkbox label="Accept terms" subText="Required to proceed" />
|
|
1120
1121
|
* <Checkbox variant="tile" label="Newsletters" subText="Stay up to date" />
|
|
1121
1122
|
*/
|
|
1122
|
-
declare const Checkbox:
|
|
1123
|
+
declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxOwnProps & Omit<PressableProps, "children" | keyof CheckboxOwnProps> & React__default.RefAttributes<View>>;
|
|
1123
1124
|
|
|
1124
1125
|
type CheckboxGroupOwnProps = {
|
|
1125
|
-
children:
|
|
1126
|
+
children: React__default.ReactNode;
|
|
1126
1127
|
orientation?: "horizontal" | "vertical";
|
|
1127
1128
|
};
|
|
1128
1129
|
type CheckboxGroupProps = CheckboxGroupOwnProps & Omit<ViewProps, keyof CheckboxGroupOwnProps>;
|
|
@@ -1141,20 +1142,20 @@ type CheckboxGroupProps = CheckboxGroupOwnProps & Omit<ViewProps, keyof Checkbox
|
|
|
1141
1142
|
* <Checkbox variant="tile" label="Beef" />
|
|
1142
1143
|
* </CheckboxGroup>
|
|
1143
1144
|
*/
|
|
1144
|
-
declare const CheckboxGroup:
|
|
1145
|
+
declare const CheckboxGroup: React__default.ForwardRefExoticComponent<CheckboxGroupOwnProps & Omit<ViewProps, keyof CheckboxGroupOwnProps> & React__default.RefAttributes<View>>;
|
|
1145
1146
|
|
|
1146
1147
|
type CopyFieldInputOwnProps = {
|
|
1147
1148
|
onCopy?: (value: string) => void;
|
|
1148
1149
|
onValueChange?: (value: string) => void;
|
|
1149
1150
|
copyButtonLabel?: string;
|
|
1150
1151
|
};
|
|
1151
|
-
declare const CopyFieldInput:
|
|
1152
|
+
declare const CopyFieldInput: React__default.ForwardRefExoticComponent<CopyFieldInputOwnProps & Omit<InputFieldProps, keyof CopyFieldInputOwnProps> & React__default.RefAttributes<TextInput>>;
|
|
1152
1153
|
|
|
1153
1154
|
declare const StyledRoot$3: _emotion_native.StyledComponent<ViewProps & {
|
|
1154
1155
|
theme?: _emotion_react.Theme;
|
|
1155
|
-
as?:
|
|
1156
|
+
as?: React__default.ElementType;
|
|
1156
1157
|
}, {}, {
|
|
1157
|
-
ref?:
|
|
1158
|
+
ref?: React__default.Ref<View> | undefined;
|
|
1158
1159
|
}>;
|
|
1159
1160
|
type CopyFieldOwnProps = {
|
|
1160
1161
|
label?: string;
|
|
@@ -1167,7 +1168,7 @@ type CopyFieldOwnProps = {
|
|
|
1167
1168
|
copyButtonLabel?: string;
|
|
1168
1169
|
};
|
|
1169
1170
|
type CopyFieldProps = CopyFieldOwnProps & Omit<InputFieldProps, keyof CopyFieldOwnProps> & Omit<ViewProps, keyof CopyFieldOwnProps>;
|
|
1170
|
-
type CopyFieldComponent =
|
|
1171
|
+
type CopyFieldComponent = React__default.ForwardRefExoticComponent<CopyFieldProps & React__default.RefAttributes<View>> & {
|
|
1171
1172
|
Root: typeof StyledRoot$3;
|
|
1172
1173
|
Label: typeof InputLabel;
|
|
1173
1174
|
Field: typeof CopyFieldInput;
|
|
@@ -1193,7 +1194,7 @@ type FilterTabRootOwnProps = {
|
|
|
1193
1194
|
value?: string[];
|
|
1194
1195
|
defaultValue?: string[];
|
|
1195
1196
|
onValueChange?: (value: string[]) => void;
|
|
1196
|
-
children:
|
|
1197
|
+
children: React__default.ReactNode;
|
|
1197
1198
|
};
|
|
1198
1199
|
type FilterTabProps = FilterTabRootOwnProps & Omit<ViewProps, keyof FilterTabRootOwnProps>;
|
|
1199
1200
|
type FilterTabItemOwnProps = {
|
|
@@ -1205,8 +1206,8 @@ type FilterTabItemOwnProps = {
|
|
|
1205
1206
|
disabled?: boolean;
|
|
1206
1207
|
};
|
|
1207
1208
|
type FilterTabItemProps = FilterTabItemOwnProps & Omit<PressableProps, keyof FilterTabItemOwnProps | "children">;
|
|
1208
|
-
declare const FilterTab:
|
|
1209
|
-
Item:
|
|
1209
|
+
declare const FilterTab: React__default.ForwardRefExoticComponent<FilterTabRootOwnProps & Omit<ViewProps, keyof FilterTabRootOwnProps> & React__default.RefAttributes<View>> & {
|
|
1210
|
+
Item: React__default.ForwardRefExoticComponent<FilterTabItemOwnProps & Omit<PressableProps, "children" | keyof FilterTabItemOwnProps> & React__default.RefAttributes<View>>;
|
|
1210
1211
|
};
|
|
1211
1212
|
|
|
1212
1213
|
type NumberFieldSize$1 = "sm" | "lg";
|
|
@@ -1286,7 +1287,7 @@ type NumberFieldProps = NumberFieldOwnProps & Omit<NumberFieldInputProps, keyof
|
|
|
1286
1287
|
*
|
|
1287
1288
|
* Note: Unlike the web version, this component does not support a compound component API.
|
|
1288
1289
|
*/
|
|
1289
|
-
declare const NumberField:
|
|
1290
|
+
declare const NumberField: React__default.ForwardRefExoticComponent<NumberFieldOwnProps & Omit<NumberFieldInputProps, "fieldSize" | keyof NumberFieldOwnProps> & Omit<ViewProps, keyof NumberFieldOwnProps> & React__default.RefAttributes<View>>;
|
|
1290
1291
|
|
|
1291
1292
|
/**
|
|
1292
1293
|
* Input field component for PasswordField.
|
|
@@ -1297,7 +1298,7 @@ declare const NumberField: React.ForwardRefExoticComponent<NumberFieldOwnProps &
|
|
|
1297
1298
|
* @param state - Visual state of the input
|
|
1298
1299
|
* @param editable - Controls whether the input is editable
|
|
1299
1300
|
*/
|
|
1300
|
-
declare const PasswordFieldInput:
|
|
1301
|
+
declare const PasswordFieldInput: React__default.ForwardRefExoticComponent<Omit<PasswordFieldProps, "error" | "label" | "description" | "optionalText" | "requirements" | "showRequirements"> & React__default.RefAttributes<TextInput>>;
|
|
1301
1302
|
|
|
1302
1303
|
/**
|
|
1303
1304
|
* Error message component for PasswordField.
|
|
@@ -1306,9 +1307,9 @@ declare const PasswordFieldInput: React.ForwardRefExoticComponent<Omit<PasswordF
|
|
|
1306
1307
|
*
|
|
1307
1308
|
* @param children - Error message text
|
|
1308
1309
|
*/
|
|
1309
|
-
declare const PasswordFieldError:
|
|
1310
|
-
children?:
|
|
1311
|
-
} & ViewProps &
|
|
1310
|
+
declare const PasswordFieldError: React__default.ForwardRefExoticComponent<{
|
|
1311
|
+
children?: React__default.ReactNode;
|
|
1312
|
+
} & ViewProps & React__default.RefAttributes<View>>;
|
|
1312
1313
|
|
|
1313
1314
|
type PasswordRequirement = {
|
|
1314
1315
|
text: string;
|
|
@@ -1325,13 +1326,13 @@ type PasswordFieldRequirementsProps = PasswordFieldRequirementsOwnProps & Omit<V
|
|
|
1325
1326
|
*
|
|
1326
1327
|
* @param requirements - Array of requirement strings or objects with text and satisfied status
|
|
1327
1328
|
*/
|
|
1328
|
-
declare const PasswordFieldRequirements:
|
|
1329
|
+
declare const PasswordFieldRequirements: React__default.ForwardRefExoticComponent<PasswordFieldRequirementsOwnProps & Omit<ViewProps, keyof PasswordFieldRequirementsOwnProps> & React__default.RefAttributes<View>>;
|
|
1329
1330
|
|
|
1330
1331
|
declare const StyledRoot$2: _emotion_native.StyledComponent<ViewProps & {
|
|
1331
1332
|
theme?: _emotion_react.Theme;
|
|
1332
|
-
as?:
|
|
1333
|
+
as?: React__default.ElementType;
|
|
1333
1334
|
}, {}, {
|
|
1334
|
-
ref?:
|
|
1335
|
+
ref?: React__default.Ref<View> | undefined;
|
|
1335
1336
|
}>;
|
|
1336
1337
|
type PasswordFieldOwnProps = {
|
|
1337
1338
|
label?: string;
|
|
@@ -1344,7 +1345,7 @@ type PasswordFieldOwnProps = {
|
|
|
1344
1345
|
onValueChange?: (value: string) => void;
|
|
1345
1346
|
};
|
|
1346
1347
|
type PasswordFieldProps = PasswordFieldOwnProps & Omit<InputFieldProps, keyof PasswordFieldOwnProps> & Omit<ViewProps, keyof PasswordFieldOwnProps>;
|
|
1347
|
-
type PasswordFieldComponent =
|
|
1348
|
+
type PasswordFieldComponent = React__default.ForwardRefExoticComponent<PasswordFieldProps & React__default.RefAttributes<View>> & {
|
|
1348
1349
|
Root: typeof StyledRoot$2;
|
|
1349
1350
|
Label: typeof InputLabel;
|
|
1350
1351
|
Field: typeof PasswordFieldInput;
|
|
@@ -1401,8 +1402,8 @@ type ProgressOwnProps = {
|
|
|
1401
1402
|
max?: number;
|
|
1402
1403
|
size?: ProgressSize;
|
|
1403
1404
|
colour?: ProgressColour;
|
|
1404
|
-
label?:
|
|
1405
|
-
description?:
|
|
1405
|
+
label?: React__default.ReactNode;
|
|
1406
|
+
description?: React__default.ReactNode;
|
|
1406
1407
|
getValueLabel?: (value: number, max: number) => string;
|
|
1407
1408
|
animate?: boolean;
|
|
1408
1409
|
};
|
|
@@ -1440,13 +1441,13 @@ declare const PROGRESS_ANIMATION: {
|
|
|
1440
1441
|
* <Progress label="Box capacity" description="14/14" value={100} />
|
|
1441
1442
|
* ```
|
|
1442
1443
|
*/
|
|
1443
|
-
declare const Progress:
|
|
1444
|
+
declare const Progress: React__default.ForwardRefExoticComponent<ProgressOwnProps & Omit<ViewProps, keyof ProgressOwnProps> & React__default.RefAttributes<View>>;
|
|
1444
1445
|
|
|
1445
1446
|
type RadioOwnProps = {
|
|
1446
1447
|
value: string;
|
|
1447
1448
|
variant?: "standalone" | "tile";
|
|
1448
|
-
label?:
|
|
1449
|
-
subText?:
|
|
1449
|
+
label?: React__default.ReactNode;
|
|
1450
|
+
subText?: React__default.ReactNode;
|
|
1450
1451
|
asset?: IllustrationProps;
|
|
1451
1452
|
tag?: TagProps;
|
|
1452
1453
|
disabled?: boolean;
|
|
@@ -1470,12 +1471,12 @@ type RadioProps = RadioOwnProps & Omit<PressableProps, keyof RadioOwnProps | "ch
|
|
|
1470
1471
|
* @example
|
|
1471
1472
|
* <Radio value="chicken" label="Chicken" subText="Tender & tasty" />
|
|
1472
1473
|
*/
|
|
1473
|
-
declare const Radio:
|
|
1474
|
+
declare const Radio: React__default.ForwardRefExoticComponent<RadioOwnProps & Omit<PressableProps, "children" | keyof RadioOwnProps> & React__default.RefAttributes<View>>;
|
|
1474
1475
|
/**
|
|
1475
1476
|
* RadioTile component for tile-variant radio buttons.
|
|
1476
1477
|
* Convenience wrapper around Radio with variant="tile" preset.
|
|
1477
1478
|
*/
|
|
1478
|
-
declare const RadioTile:
|
|
1479
|
+
declare const RadioTile: React__default.ForwardRefExoticComponent<Omit<RadioProps, "variant"> & React__default.RefAttributes<View>>;
|
|
1479
1480
|
|
|
1480
1481
|
type RadioGroupOwnProps = {
|
|
1481
1482
|
name: string;
|
|
@@ -1487,19 +1488,19 @@ type RadioGroupOwnProps = {
|
|
|
1487
1488
|
onValueChange?: (value: string) => void;
|
|
1488
1489
|
};
|
|
1489
1490
|
type RadioGroupProps = RadioGroupOwnProps & Omit<ViewProps, keyof RadioGroupOwnProps>;
|
|
1490
|
-
type RadioGroupComponent =
|
|
1491
|
+
type RadioGroupComponent = React__default.ForwardRefExoticComponent<RadioGroupProps & React__default.RefAttributes<View>> & {
|
|
1491
1492
|
Radio: typeof Radio;
|
|
1492
1493
|
Tile: typeof RadioTile;
|
|
1493
1494
|
};
|
|
1494
1495
|
declare const RadioGroup: RadioGroupComponent;
|
|
1495
1496
|
|
|
1496
|
-
declare const SearchFieldInput:
|
|
1497
|
+
declare const SearchFieldInput: React__default.ForwardRefExoticComponent<Omit<SearchFieldProps, "error" | "label" | "description" | "optionalText"> & React__default.RefAttributes<TextInput>>;
|
|
1497
1498
|
|
|
1498
1499
|
declare const StyledRoot$1: _emotion_native.StyledComponent<ViewProps & {
|
|
1499
1500
|
theme?: _emotion_react.Theme;
|
|
1500
|
-
as?:
|
|
1501
|
+
as?: React__default.ElementType;
|
|
1501
1502
|
}, {}, {
|
|
1502
|
-
ref?:
|
|
1503
|
+
ref?: React__default.Ref<View> | undefined;
|
|
1503
1504
|
}>;
|
|
1504
1505
|
type SearchFieldOwnProps = {
|
|
1505
1506
|
label?: string;
|
|
@@ -1511,7 +1512,7 @@ type SearchFieldOwnProps = {
|
|
|
1511
1512
|
onValueChange?: (value: string) => void;
|
|
1512
1513
|
};
|
|
1513
1514
|
type SearchFieldProps = SearchFieldOwnProps & Omit<InputFieldProps, keyof SearchFieldOwnProps> & Omit<ViewProps, keyof SearchFieldOwnProps>;
|
|
1514
|
-
type SearchFieldComponent =
|
|
1515
|
+
type SearchFieldComponent = React__default.ForwardRefExoticComponent<SearchFieldProps & React__default.RefAttributes<View>> & {
|
|
1515
1516
|
Root: typeof StyledRoot$1;
|
|
1516
1517
|
Label: typeof InputLabel;
|
|
1517
1518
|
Field: typeof SearchFieldInput;
|
|
@@ -1550,7 +1551,7 @@ declare function useSearchField({ initialValue, onValueChange: onValueChangeCall
|
|
|
1550
1551
|
type SegmentedControlLayout = "fixed" | "intrinsic";
|
|
1551
1552
|
type SegmentedControlOption = {
|
|
1552
1553
|
value: string;
|
|
1553
|
-
label:
|
|
1554
|
+
label: React__default.ReactNode;
|
|
1554
1555
|
disabled?: boolean;
|
|
1555
1556
|
};
|
|
1556
1557
|
type SegmentedControlOwnProps = {
|
|
@@ -1565,53 +1566,53 @@ type SegmentedControlProps = SegmentedControlOwnProps & Omit<ViewProps, keyof Se
|
|
|
1565
1566
|
type SegmentedControlItemOwnProps = {
|
|
1566
1567
|
value: string;
|
|
1567
1568
|
disabled?: boolean;
|
|
1568
|
-
children:
|
|
1569
|
+
children: React__default.ReactNode;
|
|
1569
1570
|
};
|
|
1570
1571
|
type SegmentedControlItemProps = SegmentedControlItemOwnProps & Omit<ViewProps, keyof SegmentedControlItemOwnProps>;
|
|
1571
1572
|
/**
|
|
1572
1573
|
* SegmentedControl.Item for compound component API.
|
|
1573
1574
|
*/
|
|
1574
|
-
declare const SegmentedControlItem:
|
|
1575
|
-
type SegmentedControlComponent =
|
|
1575
|
+
declare const SegmentedControlItem: React__default.ForwardRefExoticComponent<SegmentedControlItemOwnProps & Omit<ViewProps, keyof SegmentedControlItemOwnProps> & React__default.RefAttributes<View>>;
|
|
1576
|
+
type SegmentedControlComponent = React__default.ForwardRefExoticComponent<SegmentedControlProps & React__default.RefAttributes<View>> & {
|
|
1576
1577
|
Item: typeof SegmentedControlItem;
|
|
1577
1578
|
};
|
|
1578
1579
|
declare const SegmentedControl: SegmentedControlComponent;
|
|
1579
1580
|
|
|
1580
1581
|
type SelectFieldTriggerOwnProps = {
|
|
1581
1582
|
state?: InputState;
|
|
1582
|
-
leadingIcon?:
|
|
1583
|
-
children?:
|
|
1583
|
+
leadingIcon?: React__default.ReactNode;
|
|
1584
|
+
children?: React__default.ReactNode;
|
|
1584
1585
|
isOpen?: boolean;
|
|
1585
1586
|
isSearching?: boolean;
|
|
1586
|
-
actionIcon?:
|
|
1587
|
+
actionIcon?: React__default.ReactNode;
|
|
1587
1588
|
};
|
|
1588
1589
|
type SelectFieldTriggerProps = SelectFieldTriggerOwnProps & Omit<PressableProps, keyof SelectFieldTriggerOwnProps>;
|
|
1589
|
-
declare const SelectFieldTrigger:
|
|
1590
|
+
declare const SelectFieldTrigger: React__default.ForwardRefExoticComponent<SelectFieldTriggerOwnProps & Omit<PressableProps, keyof SelectFieldTriggerOwnProps> & React__default.RefAttributes<View>>;
|
|
1590
1591
|
|
|
1591
|
-
declare const SelectFieldValue:
|
|
1592
|
+
declare const SelectFieldValue: React__default.ForwardRefExoticComponent<{
|
|
1592
1593
|
placeholder?: string;
|
|
1593
1594
|
hasValue?: boolean;
|
|
1594
|
-
} & Omit<ViewProps, "children"> &
|
|
1595
|
+
} & Omit<ViewProps, "children"> & React__default.RefAttributes<View>>;
|
|
1595
1596
|
|
|
1596
|
-
declare const SelectFieldContent:
|
|
1597
|
-
children?:
|
|
1598
|
-
} & Omit<ViewProps, "children"> &
|
|
1597
|
+
declare const SelectFieldContent: React__default.ForwardRefExoticComponent<{
|
|
1598
|
+
children?: React__default.ReactNode;
|
|
1599
|
+
} & Omit<ViewProps, "children"> & React__default.RefAttributes<View>>;
|
|
1599
1600
|
|
|
1600
1601
|
type SelectFieldItemOwnProps = {
|
|
1601
1602
|
value: string;
|
|
1602
|
-
leadingIcon?:
|
|
1603
|
+
leadingIcon?: React__default.ReactNode;
|
|
1603
1604
|
hintText?: string;
|
|
1604
1605
|
disabled?: boolean;
|
|
1605
1606
|
isSelected?: boolean;
|
|
1606
1607
|
};
|
|
1607
1608
|
type SelectFieldItemProps = SelectFieldItemOwnProps & Omit<PressableProps, keyof SelectFieldItemOwnProps>;
|
|
1608
|
-
declare const SelectFieldItem:
|
|
1609
|
+
declare const SelectFieldItem: React__default.ForwardRefExoticComponent<SelectFieldItemOwnProps & Omit<PressableProps, keyof SelectFieldItemOwnProps> & React__default.RefAttributes<View>>;
|
|
1609
1610
|
|
|
1610
1611
|
declare const StyledRoot: _emotion_native.StyledComponent<ViewProps & {
|
|
1611
1612
|
theme?: _emotion_react.Theme;
|
|
1612
|
-
as?:
|
|
1613
|
+
as?: React__default.ElementType;
|
|
1613
1614
|
}, {}, {
|
|
1614
|
-
ref?:
|
|
1615
|
+
ref?: React__default.Ref<View> | undefined;
|
|
1615
1616
|
}>;
|
|
1616
1617
|
/**
|
|
1617
1618
|
* A single item returned by an async `onSearchQuery` resolver. Mirrors the
|
|
@@ -1620,7 +1621,7 @@ declare const StyledRoot: _emotion_native.StyledComponent<ViewProps & {
|
|
|
1620
1621
|
type SelectFieldSearchResult = {
|
|
1621
1622
|
value: string;
|
|
1622
1623
|
label: string;
|
|
1623
|
-
leadingIcon?:
|
|
1624
|
+
leadingIcon?: React__default.ReactNode;
|
|
1624
1625
|
hintText?: string;
|
|
1625
1626
|
disabled?: boolean;
|
|
1626
1627
|
};
|
|
@@ -1631,11 +1632,11 @@ type SelectFieldOwnProps<Value = Option | string> = {
|
|
|
1631
1632
|
state?: InputState;
|
|
1632
1633
|
optionalText?: string;
|
|
1633
1634
|
placeholder?: string;
|
|
1634
|
-
leadingIcon?:
|
|
1635
|
+
leadingIcon?: React__default.ReactNode;
|
|
1635
1636
|
value?: Value | null;
|
|
1636
1637
|
defaultValue?: Value | null;
|
|
1637
1638
|
onValueChange?: (value: Value | null) => void;
|
|
1638
|
-
children?:
|
|
1639
|
+
children?: React__default.ReactNode;
|
|
1639
1640
|
disabled?: boolean;
|
|
1640
1641
|
searchable?: boolean;
|
|
1641
1642
|
searchPlaceholder?: string;
|
|
@@ -1645,7 +1646,7 @@ type SelectFieldOwnProps<Value = Option | string> = {
|
|
|
1645
1646
|
errorText?: string;
|
|
1646
1647
|
};
|
|
1647
1648
|
type SelectFieldProps<Value = Option> = SelectFieldOwnProps<Value> & Omit<ViewProps, keyof SelectFieldOwnProps<Value>>;
|
|
1648
|
-
type SelectFieldComponent =
|
|
1649
|
+
type SelectFieldComponent = React__default.ForwardRefExoticComponent<SelectFieldProps<Option | string> & React__default.RefAttributes<View>> & {
|
|
1649
1650
|
Root: typeof StyledRoot;
|
|
1650
1651
|
Label: typeof InputLabel;
|
|
1651
1652
|
Trigger: typeof SelectFieldTrigger;
|
|
@@ -1728,7 +1729,7 @@ type NativeSelectPickerProps = ViewProps & {
|
|
|
1728
1729
|
* />
|
|
1729
1730
|
* ```
|
|
1730
1731
|
*/
|
|
1731
|
-
declare const NativeSelectPicker:
|
|
1732
|
+
declare const NativeSelectPicker: React__default.ForwardRefExoticComponent<ViewProps & {
|
|
1732
1733
|
items: NativeSelectPickerItem[];
|
|
1733
1734
|
value?: string | number | null;
|
|
1734
1735
|
placeholder?: {
|
|
@@ -1738,7 +1739,7 @@ declare const NativeSelectPicker: React.ForwardRefExoticComponent<ViewProps & {
|
|
|
1738
1739
|
onValueChange: (value: string | number) => void;
|
|
1739
1740
|
disabled?: boolean;
|
|
1740
1741
|
hideIcon?: boolean;
|
|
1741
|
-
} &
|
|
1742
|
+
} & React__default.RefAttributes<View>>;
|
|
1742
1743
|
|
|
1743
1744
|
type SliderOwnProps = {
|
|
1744
1745
|
value?: number;
|
|
@@ -1751,8 +1752,8 @@ type SliderOwnProps = {
|
|
|
1751
1752
|
disabled?: boolean;
|
|
1752
1753
|
leadingLabel?: string;
|
|
1753
1754
|
trailingLabel?: string;
|
|
1754
|
-
leadingIcon?:
|
|
1755
|
-
trailingIcon?:
|
|
1755
|
+
leadingIcon?: React__default.ReactNode;
|
|
1756
|
+
trailingIcon?: React__default.ReactNode;
|
|
1756
1757
|
description?: string;
|
|
1757
1758
|
};
|
|
1758
1759
|
type SliderProps = SliderOwnProps & Omit<ViewProps, keyof SliderOwnProps>;
|
|
@@ -1776,14 +1777,14 @@ type SliderProps = SliderOwnProps & Omit<ViewProps, keyof SliderOwnProps>;
|
|
|
1776
1777
|
* @example
|
|
1777
1778
|
* <Slider defaultValue={25} leadingLabel="0kg" trailingLabel="50kg+" />
|
|
1778
1779
|
*/
|
|
1779
|
-
declare const Slider:
|
|
1780
|
+
declare const Slider: React__default.ForwardRefExoticComponent<SliderOwnProps & Omit<ViewProps, keyof SliderOwnProps> & React__default.RefAttributes<View>>;
|
|
1780
1781
|
|
|
1781
1782
|
type NotificationType = "error" | "success" | "warning" | "info";
|
|
1782
1783
|
type NotificationSize = "sm" | "lg";
|
|
1783
1784
|
type BaseProps = {
|
|
1784
1785
|
type?: NotificationType;
|
|
1785
1786
|
showIcon?: boolean;
|
|
1786
|
-
children:
|
|
1787
|
+
children: React__default.ReactNode;
|
|
1787
1788
|
};
|
|
1788
1789
|
type InlineVariantProps = BaseProps & {
|
|
1789
1790
|
variant?: "inline";
|
|
@@ -1847,13 +1848,13 @@ type NotificationProps = NotificationOwnProps & Omit<ViewProps, keyof Notificati
|
|
|
1847
1848
|
* </Notification>
|
|
1848
1849
|
* ```
|
|
1849
1850
|
*/
|
|
1850
|
-
declare const Notification:
|
|
1851
|
+
declare const Notification: React__default.ForwardRefExoticComponent<NotificationProps & React__default.RefAttributes<View>>;
|
|
1851
1852
|
|
|
1852
1853
|
type StackedNotificationType = "info" | "warning";
|
|
1853
1854
|
type StackedNotificationItem = {
|
|
1854
1855
|
id: string;
|
|
1855
1856
|
type: StackedNotificationType;
|
|
1856
|
-
message:
|
|
1857
|
+
message: React__default.ReactNode;
|
|
1857
1858
|
};
|
|
1858
1859
|
type StackedNotificationsOwnProps = {
|
|
1859
1860
|
items: StackedNotificationItem[];
|
|
@@ -1891,7 +1892,7 @@ type StackedNotificationsProps = StackedNotificationsOwnProps & Omit<ViewProps,
|
|
|
1891
1892
|
* />
|
|
1892
1893
|
* ```
|
|
1893
1894
|
*/
|
|
1894
|
-
declare const StackedNotifications:
|
|
1895
|
+
declare const StackedNotifications: React__default.ForwardRefExoticComponent<StackedNotificationsOwnProps & Omit<ViewProps, "children" | keyof StackedNotificationsOwnProps> & React__default.RefAttributes<View>>;
|
|
1895
1896
|
|
|
1896
1897
|
type TooltipAlignment = "left" | "middle" | "right";
|
|
1897
1898
|
type TooltipPosition = "top" | "bottom";
|
|
@@ -1903,7 +1904,7 @@ type TooltipOwnProps = {
|
|
|
1903
1904
|
* inside the tooltip's own `<Typography>`, so it inherits the base font and
|
|
1904
1905
|
* only the emphasised spans override it.
|
|
1905
1906
|
*/
|
|
1906
|
-
text: string |
|
|
1907
|
+
text: string | React__default.ReactNode;
|
|
1907
1908
|
alignment?: TooltipAlignment;
|
|
1908
1909
|
position?: TooltipPosition;
|
|
1909
1910
|
/**
|
|
@@ -1912,32 +1913,32 @@ type TooltipOwnProps = {
|
|
|
1912
1913
|
*
|
|
1913
1914
|
* Requires a <PortalHost /> at the application root.
|
|
1914
1915
|
*/
|
|
1915
|
-
children?:
|
|
1916
|
+
children?: React__default.ReactNode;
|
|
1916
1917
|
};
|
|
1917
1918
|
type TooltipProps = TooltipOwnProps & Omit<ViewProps, keyof TooltipOwnProps>;
|
|
1918
|
-
declare const Tooltip:
|
|
1919
|
+
declare const Tooltip: React__default.ForwardRefExoticComponent<TooltipOwnProps & Omit<ViewProps, keyof TooltipOwnProps> & React__default.RefAttributes<View>>;
|
|
1919
1920
|
|
|
1920
1921
|
type MenuItemVariant = "action" | "destructive";
|
|
1921
1922
|
type MenuItemOwnProps = {
|
|
1922
1923
|
/**
|
|
1923
|
-
* `action` renders the label in the
|
|
1924
|
-
*
|
|
1924
|
+
* `action` renders the label in the link colour, `destructive` in the error
|
|
1925
|
+
* colour (e.g. "Log out"). Defaults to `action`.
|
|
1925
1926
|
*/
|
|
1926
1927
|
variant?: MenuItemVariant;
|
|
1927
1928
|
onPress: () => void;
|
|
1928
1929
|
/** The label. A string is rendered with the row's own Typography. */
|
|
1929
|
-
children:
|
|
1930
|
+
children: React__default.ReactNode;
|
|
1930
1931
|
/**
|
|
1931
1932
|
* Whether to render a divider beneath the row. Defaults to `true`; set
|
|
1932
|
-
* `false` on the last row so the
|
|
1933
|
+
* `false` on the last row so the divider doesn't sit against the card's
|
|
1933
1934
|
* rounded bottom edge.
|
|
1934
1935
|
*/
|
|
1935
1936
|
divider?: boolean;
|
|
1936
1937
|
};
|
|
1937
1938
|
type MenuItemProps = MenuItemOwnProps & Omit<PressableProps, keyof MenuItemOwnProps | "children">;
|
|
1938
1939
|
/**
|
|
1939
|
-
* A single row inside a {@link Menu}. Renders its label
|
|
1940
|
-
* `variant`, with a divider beneath it unless `divider` is set to `false`.
|
|
1940
|
+
* A single row inside a {@link Menu}. Renders its label left-aligned, coloured
|
|
1941
|
+
* by `variant`, with a divider beneath it unless `divider` is set to `false`.
|
|
1941
1942
|
*
|
|
1942
1943
|
* @example
|
|
1943
1944
|
* ```tsx
|
|
@@ -1946,47 +1947,57 @@ type MenuItemProps = MenuItemOwnProps & Omit<PressableProps, keyof MenuItemOwnPr
|
|
|
1946
1947
|
* </Menu.Item>
|
|
1947
1948
|
* ```
|
|
1948
1949
|
*/
|
|
1949
|
-
declare const MenuItem:
|
|
1950
|
+
declare const MenuItem: React__default.ForwardRefExoticComponent<MenuItemOwnProps & Omit<PressableProps, keyof MenuItemOwnProps> & React__default.RefAttributes<react_native.View>>;
|
|
1950
1951
|
|
|
1951
1952
|
type MenuAlign = "left" | "right";
|
|
1953
|
+
/** A rect in window coordinates, as returned by `View#measureInWindow`. */
|
|
1954
|
+
type MenuAnchorRect = {
|
|
1955
|
+
x: number;
|
|
1956
|
+
y: number;
|
|
1957
|
+
width: number;
|
|
1958
|
+
height: number;
|
|
1959
|
+
};
|
|
1952
1960
|
type MenuProps = {
|
|
1953
1961
|
/** Whether the menu is visible. */
|
|
1954
1962
|
open: boolean;
|
|
1955
1963
|
/** Called when the user taps outside the card or dismisses via the OS. */
|
|
1956
1964
|
onClose: () => void;
|
|
1957
1965
|
/**
|
|
1958
|
-
*
|
|
1959
|
-
*
|
|
1960
|
-
*
|
|
1966
|
+
* The trigger's rect in window coordinates (from `measureInWindow`). The
|
|
1967
|
+
* card drops just below it, with its `align` edge lined up with the
|
|
1968
|
+
* trigger's.
|
|
1969
|
+
*/
|
|
1970
|
+
anchor?: MenuAnchorRect;
|
|
1971
|
+
/**
|
|
1972
|
+
* @deprecated Pass `anchor` so the card hangs from the trigger. Distance, in
|
|
1973
|
+
* px, from the top of the screen to the bottom edge of the bar the card drops
|
|
1974
|
+
* flush beneath, inset from the screen edge. Ignored when `anchor` is set.
|
|
1961
1975
|
*/
|
|
1962
1976
|
anchorOffset?: number;
|
|
1963
1977
|
/** Which edge the card aligns to. Defaults to `right`. */
|
|
1964
1978
|
align?: MenuAlign;
|
|
1965
|
-
/** Card width in px. Defaults to
|
|
1979
|
+
/** Card width in px. Defaults to 280 (capped at 90% of the window). */
|
|
1966
1980
|
width?: number;
|
|
1967
1981
|
/** Accessibility label for the outside-tap dismiss layer. */
|
|
1968
1982
|
closeAccessibilityLabel?: string;
|
|
1969
1983
|
/** `Menu.Item` rows. */
|
|
1970
|
-
children:
|
|
1984
|
+
children: React__default.ReactNode;
|
|
1971
1985
|
};
|
|
1972
1986
|
/**
|
|
1973
|
-
* A dropdown menu that
|
|
1974
|
-
*
|
|
1975
|
-
*
|
|
1976
|
-
*
|
|
1987
|
+
* A dropdown menu that hangs beneath its trigger. Tapping outside the card
|
|
1988
|
+
* dismisses it; the page behind is left undarkened. The consumer owns
|
|
1989
|
+
* open/close state and supplies the rows as `Menu.Item` children; the
|
|
1990
|
+
* app-specific content stays at the call site.
|
|
1977
1991
|
*
|
|
1978
|
-
*
|
|
1979
|
-
*
|
|
1992
|
+
* `useMenuTrigger` measures the trigger and supplies the `anchor`, open state
|
|
1993
|
+
* and `onClose` as `menuProps`.
|
|
1980
1994
|
*
|
|
1981
1995
|
* @example
|
|
1982
1996
|
* ```tsx
|
|
1983
|
-
* const
|
|
1984
|
-
* const [barHeight, setBarHeight] = useState(0)
|
|
1997
|
+
* const { triggerRef, open, menuProps } = useMenuTrigger()
|
|
1985
1998
|
*
|
|
1986
|
-
* <
|
|
1987
|
-
*
|
|
1988
|
-
* </View>
|
|
1989
|
-
* <Menu open={open} onClose={() => setOpen(false)} anchorOffset={barHeight}>
|
|
1999
|
+
* <Pressable ref={triggerRef} onPress={open}>...</Pressable>
|
|
2000
|
+
* <Menu {...menuProps}>
|
|
1990
2001
|
* <Menu.Item onPress={onDiscounts}>Discount codes</Menu.Item>
|
|
1991
2002
|
* <Menu.Item variant="destructive" divider={false} onPress={onLogOut}>
|
|
1992
2003
|
* Log out
|
|
@@ -1995,23 +2006,49 @@ type MenuProps = {
|
|
|
1995
2006
|
* ```
|
|
1996
2007
|
*/
|
|
1997
2008
|
declare const Menu: {
|
|
1998
|
-
({ open, onClose, anchorOffset, align, width, closeAccessibilityLabel, children }: MenuProps): react_jsx_runtime.JSX.Element;
|
|
2009
|
+
({ open, onClose, anchor, anchorOffset, align, width, closeAccessibilityLabel, children }: MenuProps): react_jsx_runtime.JSX.Element;
|
|
1999
2010
|
displayName: string;
|
|
2000
2011
|
} & {
|
|
2001
|
-
Item:
|
|
2012
|
+
Item: React__default.ForwardRefExoticComponent<{
|
|
2002
2013
|
variant?: MenuItemVariant;
|
|
2003
2014
|
onPress: () => void;
|
|
2004
|
-
children:
|
|
2015
|
+
children: React__default.ReactNode;
|
|
2005
2016
|
divider?: boolean;
|
|
2006
2017
|
} & Omit<react_native.PressableProps, keyof {
|
|
2007
2018
|
variant?: MenuItemVariant;
|
|
2008
2019
|
onPress: () => void;
|
|
2009
|
-
children:
|
|
2020
|
+
children: React__default.ReactNode;
|
|
2010
2021
|
divider?: boolean;
|
|
2011
|
-
}> &
|
|
2022
|
+
}> & React__default.RefAttributes<View>>;
|
|
2023
|
+
};
|
|
2024
|
+
|
|
2025
|
+
/**
|
|
2026
|
+
* Wires a trigger to a {@link Menu}: measures the trigger when it opens so the
|
|
2027
|
+
* card hangs beneath it.
|
|
2028
|
+
*
|
|
2029
|
+
* @example
|
|
2030
|
+
* ```tsx
|
|
2031
|
+
* const { triggerRef, open, close, menuProps } = useMenuTrigger()
|
|
2032
|
+
*
|
|
2033
|
+
* <Pressable ref={triggerRef} onPress={open}>...</Pressable>
|
|
2034
|
+
* <Menu {...menuProps}>
|
|
2035
|
+
* <Menu.Item onPress={close}>Discount codes</Menu.Item>
|
|
2036
|
+
* </Menu>
|
|
2037
|
+
* ```
|
|
2038
|
+
*/
|
|
2039
|
+
declare const useMenuTrigger: () => {
|
|
2040
|
+
triggerRef: React.RefObject<View | null>;
|
|
2041
|
+
isOpen: boolean;
|
|
2042
|
+
open: () => void;
|
|
2043
|
+
close: () => void;
|
|
2044
|
+
menuProps: {
|
|
2045
|
+
open: boolean;
|
|
2046
|
+
onClose: () => void;
|
|
2047
|
+
anchor: MenuAnchorRect | undefined;
|
|
2048
|
+
};
|
|
2012
2049
|
};
|
|
2013
2050
|
|
|
2014
|
-
type PawprintIllustration$1 =
|
|
2051
|
+
type PawprintIllustration$1 = React__default.ComponentType<{
|
|
2015
2052
|
width?: number;
|
|
2016
2053
|
height?: number;
|
|
2017
2054
|
}>;
|
|
@@ -2021,7 +2058,7 @@ type MessageCardInsightOwnProps = {
|
|
|
2021
2058
|
icon?: PawprintIcon;
|
|
2022
2059
|
illustration?: PawprintIllustration$1;
|
|
2023
2060
|
title?: string;
|
|
2024
|
-
children:
|
|
2061
|
+
children: React__default.ReactNode;
|
|
2025
2062
|
};
|
|
2026
2063
|
type MessageCardInsightProps = MessageCardInsightOwnProps & Omit<ViewProps, keyof MessageCardInsightOwnProps>;
|
|
2027
2064
|
/**
|
|
@@ -2037,7 +2074,7 @@ type MessageCardInsightProps = MessageCardInsightOwnProps & Omit<ViewProps, keyo
|
|
|
2037
2074
|
* in both `standalone` and `supporting` variants.
|
|
2038
2075
|
* @param {React.ReactNode} children - Body copy.
|
|
2039
2076
|
*/
|
|
2040
|
-
declare const MessageCardInsight:
|
|
2077
|
+
declare const MessageCardInsight: React__default.ForwardRefExoticComponent<MessageCardInsightOwnProps & Omit<ViewProps, keyof MessageCardInsightOwnProps> & React__default.RefAttributes<View>>;
|
|
2041
2078
|
type BannerColourScheme = "primary" | "secondary";
|
|
2042
2079
|
type MessageCardBannerMedia = {
|
|
2043
2080
|
type: "image";
|
|
@@ -2051,7 +2088,7 @@ type MessageCardBannerOwnProps = {
|
|
|
2051
2088
|
colourScheme?: BannerColourScheme;
|
|
2052
2089
|
media?: MessageCardBannerMedia;
|
|
2053
2090
|
title?: string;
|
|
2054
|
-
children:
|
|
2091
|
+
children: React__default.ReactNode;
|
|
2055
2092
|
linkLabel?: string;
|
|
2056
2093
|
linkHref?: string;
|
|
2057
2094
|
onLinkPress?: () => void;
|
|
@@ -2072,7 +2109,7 @@ type MessageCardBannerProps = MessageCardBannerOwnProps & Omit<ViewProps, keyof
|
|
|
2072
2109
|
* @param {string} [linkHref] - URL opened via `Linking` when pressed.
|
|
2073
2110
|
* @param {() => void} [onLinkPress] - Callback when the CTA is pressed.
|
|
2074
2111
|
*/
|
|
2075
|
-
declare const MessageCardBanner:
|
|
2112
|
+
declare const MessageCardBanner: React__default.ForwardRefExoticComponent<MessageCardBannerOwnProps & Omit<ViewProps, keyof MessageCardBannerOwnProps> & React__default.RefAttributes<View>>;
|
|
2076
2113
|
/**
|
|
2077
2114
|
* Compound component exposing two sub-components:
|
|
2078
2115
|
*
|
|
@@ -2080,8 +2117,8 @@ declare const MessageCardBanner: React.ForwardRefExoticComponent<MessageCardBann
|
|
|
2080
2117
|
* - `MessageCard.Banner` — horizontal image/illustration + copy + optional CTA
|
|
2081
2118
|
*/
|
|
2082
2119
|
declare const MessageCard: {
|
|
2083
|
-
Insight:
|
|
2084
|
-
Banner:
|
|
2120
|
+
Insight: React__default.ForwardRefExoticComponent<MessageCardInsightOwnProps & Omit<ViewProps, keyof MessageCardInsightOwnProps> & React__default.RefAttributes<View>>;
|
|
2121
|
+
Banner: React__default.ForwardRefExoticComponent<MessageCardBannerOwnProps & Omit<ViewProps, keyof MessageCardBannerOwnProps> & React__default.RefAttributes<View>>;
|
|
2085
2122
|
};
|
|
2086
2123
|
|
|
2087
2124
|
/**
|
|
@@ -2165,9 +2202,9 @@ type DatePickerProps = DatePickerOwnProps & Omit<ViewProps, keyof DatePickerOwnP
|
|
|
2165
2202
|
* />
|
|
2166
2203
|
* ```
|
|
2167
2204
|
*/
|
|
2168
|
-
declare const DatePicker:
|
|
2205
|
+
declare const DatePicker: React__default.ForwardRefExoticComponent<DatePickerOwnProps & Omit<ViewProps, keyof DatePickerOwnProps> & React__default.RefAttributes<View>>;
|
|
2169
2206
|
|
|
2170
|
-
type PawprintIllustration =
|
|
2207
|
+
type PawprintIllustration = React__default.ComponentType<{
|
|
2171
2208
|
width?: number;
|
|
2172
2209
|
height?: number;
|
|
2173
2210
|
}>;
|
|
@@ -2177,7 +2214,7 @@ type PictureSelectorItem = {
|
|
|
2177
2214
|
disabled?: boolean;
|
|
2178
2215
|
ariaLabel?: string;
|
|
2179
2216
|
insightTitle?: string;
|
|
2180
|
-
insightDescription?:
|
|
2217
|
+
insightDescription?: React__default.ReactNode;
|
|
2181
2218
|
};
|
|
2182
2219
|
type PictureSelectorOwnProps = {
|
|
2183
2220
|
label?: string;
|
|
@@ -2219,7 +2256,7 @@ type PictureSelectorProps = PictureSelectorOwnProps & Omit<ViewProps, keyof Pict
|
|
|
2219
2256
|
* @param {number} [itemMinHeight] - Optional override for the card's min-height.
|
|
2220
2257
|
* Defaults to `pictureButton.size.minHeight` (120px).
|
|
2221
2258
|
*/
|
|
2222
|
-
declare const PictureSelector:
|
|
2259
|
+
declare const PictureSelector: React__default.ForwardRefExoticComponent<PictureSelectorOwnProps & Omit<ViewProps, keyof PictureSelectorOwnProps> & React__default.RefAttributes<View>>;
|
|
2223
2260
|
|
|
2224
2261
|
type CountdownLayout = "stacked" | "inline";
|
|
2225
2262
|
/**
|
|
@@ -2245,7 +2282,7 @@ type CountdownOwnProps = {
|
|
|
2245
2282
|
seconds?: number;
|
|
2246
2283
|
showDays?: boolean;
|
|
2247
2284
|
showSeconds?: boolean;
|
|
2248
|
-
label?:
|
|
2285
|
+
label?: React__default.ReactNode;
|
|
2249
2286
|
labels?: CountdownLabels;
|
|
2250
2287
|
};
|
|
2251
2288
|
type CountdownProps = CountdownOwnProps & Omit<ViewProps, keyof CountdownOwnProps>;
|
|
@@ -2296,26 +2333,26 @@ type CountdownProps = CountdownOwnProps & Omit<ViewProps, keyof CountdownOwnProp
|
|
|
2296
2333
|
* />
|
|
2297
2334
|
* ```
|
|
2298
2335
|
*/
|
|
2299
|
-
declare const Countdown:
|
|
2336
|
+
declare const Countdown: React__default.ForwardRefExoticComponent<CountdownOwnProps & Omit<ViewProps, keyof CountdownOwnProps> & React__default.RefAttributes<View>>;
|
|
2300
2337
|
|
|
2301
2338
|
type BadgeOwnProps = {
|
|
2302
|
-
icon?:
|
|
2303
|
-
text:
|
|
2339
|
+
icon?: React__default.ReactNode;
|
|
2340
|
+
text: React__default.ReactNode;
|
|
2304
2341
|
};
|
|
2305
|
-
declare const Badge:
|
|
2342
|
+
declare const Badge: React__default.ForwardRefExoticComponent<BadgeOwnProps & Omit<ViewProps, keyof BadgeOwnProps> & React__default.RefAttributes<View>>;
|
|
2306
2343
|
|
|
2307
2344
|
type ProductListingCardGridOwnProps = {
|
|
2308
|
-
children:
|
|
2345
|
+
children: React__default.ReactNode;
|
|
2309
2346
|
xs?: number;
|
|
2310
2347
|
md?: number;
|
|
2311
2348
|
lg?: number;
|
|
2312
2349
|
};
|
|
2313
|
-
declare const Grid:
|
|
2350
|
+
declare const Grid: React__default.ForwardRefExoticComponent<ProductListingCardGridOwnProps & Omit<ViewProps, keyof ProductListingCardGridOwnProps> & React__default.RefAttributes<View>>;
|
|
2314
2351
|
|
|
2315
2352
|
type ProductListingCardOwnProps = {
|
|
2316
|
-
image?: string |
|
|
2353
|
+
image?: string | React__default.ReactNode | ImageSourcePropType;
|
|
2317
2354
|
imageAlt?: string;
|
|
2318
|
-
badge?:
|
|
2355
|
+
badge?: React__default.ReactNode;
|
|
2319
2356
|
category?: string;
|
|
2320
2357
|
title?: string;
|
|
2321
2358
|
size?: string;
|
|
@@ -2329,7 +2366,7 @@ type ProductListingCardOwnProps = {
|
|
|
2329
2366
|
onPress?: () => void;
|
|
2330
2367
|
};
|
|
2331
2368
|
type ProductListingCardProps = ProductListingCardOwnProps & Omit<PressableProps, keyof ProductListingCardOwnProps>;
|
|
2332
|
-
declare const _ProductListingCard:
|
|
2369
|
+
declare const _ProductListingCard: React__default.ForwardRefExoticComponent<ProductListingCardOwnProps & Omit<PressableProps, keyof ProductListingCardOwnProps> & React__default.RefAttributes<View>>;
|
|
2333
2370
|
declare const ProductListingCardWithBadgeAndGrid: typeof _ProductListingCard & {
|
|
2334
2371
|
Badge: typeof Badge;
|
|
2335
2372
|
Grid: typeof Grid;
|
|
@@ -2337,7 +2374,7 @@ declare const ProductListingCardWithBadgeAndGrid: typeof _ProductListingCard & {
|
|
|
2337
2374
|
|
|
2338
2375
|
type ProductDisplayCardProps = ViewProps & {
|
|
2339
2376
|
title: string;
|
|
2340
|
-
subtext?: string |
|
|
2377
|
+
subtext?: string | React__default.ReactNode;
|
|
2341
2378
|
showSubtext?: boolean;
|
|
2342
2379
|
quantity?: number;
|
|
2343
2380
|
onQuantityChange?: (quantity: number) => void;
|
|
@@ -2366,11 +2403,11 @@ type ProductDisplayCardProps = ViewProps & {
|
|
|
2366
2403
|
decrementDisabled?: boolean;
|
|
2367
2404
|
minQuantity?: number;
|
|
2368
2405
|
quantityStep?: number;
|
|
2369
|
-
image?: string |
|
|
2406
|
+
image?: string | React__default.ReactNode;
|
|
2370
2407
|
imageBackgroundColor?: string;
|
|
2371
2408
|
thumbnailWidth?: number;
|
|
2372
2409
|
onImagePress?: () => void;
|
|
2373
|
-
banner?: string |
|
|
2410
|
+
banner?: string | React__default.ReactNode;
|
|
2374
2411
|
showBanner?: boolean;
|
|
2375
2412
|
bannerType?: "error" | "info" | "none";
|
|
2376
2413
|
showBannerIcon?: boolean;
|
|
@@ -2411,9 +2448,9 @@ type ProductDisplayCardProps = ViewProps & {
|
|
|
2411
2448
|
* @param bannerType - *(optional)* Banner variant: "error" (with icon), "info" (with icon), or "none" (no icon, default)
|
|
2412
2449
|
* @param showBannerIcon - *(optional)* Show/hide icon in banner (default: true)
|
|
2413
2450
|
*/
|
|
2414
|
-
declare const ProductDisplayCard:
|
|
2451
|
+
declare const ProductDisplayCard: React__default.ForwardRefExoticComponent<ViewProps & {
|
|
2415
2452
|
title: string;
|
|
2416
|
-
subtext?: string |
|
|
2453
|
+
subtext?: string | React__default.ReactNode;
|
|
2417
2454
|
showSubtext?: boolean;
|
|
2418
2455
|
quantity?: number;
|
|
2419
2456
|
onQuantityChange?: (quantity: number) => void;
|
|
@@ -2442,15 +2479,15 @@ declare const ProductDisplayCard: React.ForwardRefExoticComponent<ViewProps & {
|
|
|
2442
2479
|
decrementDisabled?: boolean;
|
|
2443
2480
|
minQuantity?: number;
|
|
2444
2481
|
quantityStep?: number;
|
|
2445
|
-
image?: string |
|
|
2482
|
+
image?: string | React__default.ReactNode;
|
|
2446
2483
|
imageBackgroundColor?: string;
|
|
2447
2484
|
thumbnailWidth?: number;
|
|
2448
2485
|
onImagePress?: () => void;
|
|
2449
|
-
banner?: string |
|
|
2486
|
+
banner?: string | React__default.ReactNode;
|
|
2450
2487
|
showBanner?: boolean;
|
|
2451
2488
|
bannerType?: "error" | "info" | "none";
|
|
2452
2489
|
showBannerIcon?: boolean;
|
|
2453
|
-
} &
|
|
2490
|
+
} & React__default.RefAttributes<View>>;
|
|
2454
2491
|
|
|
2455
2492
|
type TabNavigationLayout = "fixed" | "intrinsic";
|
|
2456
2493
|
type TabNavigationOwnProps = {
|
|
@@ -2459,11 +2496,11 @@ type TabNavigationOwnProps = {
|
|
|
2459
2496
|
onValueChange?: (value: string) => void;
|
|
2460
2497
|
layout?: TabNavigationLayout;
|
|
2461
2498
|
animation?: AnimatedVariant;
|
|
2462
|
-
children?:
|
|
2499
|
+
children?: React__default.ReactNode;
|
|
2463
2500
|
};
|
|
2464
2501
|
type TabNavigationProps = TabNavigationOwnProps & Omit<ViewProps, keyof TabNavigationOwnProps>;
|
|
2465
2502
|
type TabNavigationListOwnProps = {
|
|
2466
|
-
children?:
|
|
2503
|
+
children?: React__default.ReactNode;
|
|
2467
2504
|
};
|
|
2468
2505
|
type TabNavigationListProps = TabNavigationListOwnProps & Omit<ViewProps, keyof TabNavigationListOwnProps>;
|
|
2469
2506
|
type TabNavigationTabOwnProps = {
|
|
@@ -2471,12 +2508,12 @@ type TabNavigationTabOwnProps = {
|
|
|
2471
2508
|
disabled?: boolean;
|
|
2472
2509
|
icon?: PawprintIcon;
|
|
2473
2510
|
avatar?: AvatarProps;
|
|
2474
|
-
children:
|
|
2511
|
+
children: React__default.ReactNode;
|
|
2475
2512
|
};
|
|
2476
2513
|
type TabNavigationTabProps = TabNavigationTabOwnProps & Omit<ViewProps, keyof TabNavigationTabOwnProps>;
|
|
2477
2514
|
type TabNavigationPanelOwnProps = {
|
|
2478
2515
|
value: string;
|
|
2479
|
-
children?:
|
|
2516
|
+
children?: React__default.ReactNode;
|
|
2480
2517
|
};
|
|
2481
2518
|
type TabNavigationPanelProps = TabNavigationPanelOwnProps & Omit<ViewProps, keyof TabNavigationPanelOwnProps>;
|
|
2482
2519
|
/**
|
|
@@ -2486,7 +2523,7 @@ type TabNavigationPanelProps = TabNavigationPanelOwnProps & Omit<ViewProps, keyo
|
|
|
2486
2523
|
*
|
|
2487
2524
|
* Must be used within a `TabNavigation` component.
|
|
2488
2525
|
*/
|
|
2489
|
-
declare const TabNavigationList:
|
|
2526
|
+
declare const TabNavigationList: React__default.ForwardRefExoticComponent<TabNavigationListOwnProps & Omit<ViewProps, "children"> & React__default.RefAttributes<View>>;
|
|
2490
2527
|
/**
|
|
2491
2528
|
* An individual tab button within a `TabNavigation`. Selected tabs render with
|
|
2492
2529
|
* a brand bottom border and bold label; unselected tabs use a neutral border
|
|
@@ -2506,7 +2543,7 @@ declare const TabNavigationList: React.ForwardRefExoticComponent<TabNavigationLi
|
|
|
2506
2543
|
* @param {AvatarProps} [avatar] - Optional leading `Avatar`; props are forwarded to the `Avatar` atom.
|
|
2507
2544
|
* @param {React.ReactNode} children - Tab label (and optional leading content).
|
|
2508
2545
|
*/
|
|
2509
|
-
declare const TabNavigationTab:
|
|
2546
|
+
declare const TabNavigationTab: React__default.ForwardRefExoticComponent<TabNavigationTabOwnProps & Omit<ViewProps, keyof TabNavigationTabOwnProps> & React__default.RefAttributes<View>>;
|
|
2510
2547
|
/**
|
|
2511
2548
|
* Content area shown when the tab with the matching `value` is selected. Wraps
|
|
2512
2549
|
* `@rn-primitives/tabs` `Content` (which unmounts the inactive panels) and
|
|
@@ -2517,8 +2554,8 @@ declare const TabNavigationTab: React.ForwardRefExoticComponent<TabNavigationTab
|
|
|
2517
2554
|
* @param {string} value - Matches the `value` of a `TabNavigation.Tab`.
|
|
2518
2555
|
* @param {React.ReactNode} [children] - Panel content.
|
|
2519
2556
|
*/
|
|
2520
|
-
declare const TabNavigationPanel:
|
|
2521
|
-
type TabNavigationComponent =
|
|
2557
|
+
declare const TabNavigationPanel: React__default.ForwardRefExoticComponent<TabNavigationPanelOwnProps & Omit<ViewProps, keyof TabNavigationPanelOwnProps> & React__default.RefAttributes<View>>;
|
|
2558
|
+
type TabNavigationComponent = React__default.ForwardRefExoticComponent<TabNavigationProps & React__default.RefAttributes<View>> & {
|
|
2522
2559
|
List: typeof TabNavigationList;
|
|
2523
2560
|
Tab: typeof TabNavigationTab;
|
|
2524
2561
|
Panel: typeof TabNavigationPanel;
|
|
@@ -2531,7 +2568,7 @@ type FloatingActionButtonAnimation = "shine" | "nudge";
|
|
|
2531
2568
|
type FloatingActionButtonBaseProps = {
|
|
2532
2569
|
variant?: FloatingActionButtonVariant;
|
|
2533
2570
|
icon?: PawprintIcon;
|
|
2534
|
-
children:
|
|
2571
|
+
children: React__default.ReactNode;
|
|
2535
2572
|
linkLabel: string;
|
|
2536
2573
|
animation?: FloatingActionButtonAnimation;
|
|
2537
2574
|
};
|
|
@@ -2614,10 +2651,10 @@ type FloatingActionButtonProps = FloatingActionButtonOwnProps & Omit<ViewProps,
|
|
|
2614
2651
|
* </FloatingActionButton>
|
|
2615
2652
|
* ```
|
|
2616
2653
|
*/
|
|
2617
|
-
declare const FloatingActionButton:
|
|
2654
|
+
declare const FloatingActionButton: React__default.ForwardRefExoticComponent<FloatingActionButtonProps & React__default.RefAttributes<View>>;
|
|
2618
2655
|
|
|
2619
2656
|
declare const useDrawerKeyboardAvoidance: (minPadding?: number) => {
|
|
2620
2657
|
contentContainerStyle: StyleProp<ViewStyle>;
|
|
2621
2658
|
};
|
|
2622
2659
|
|
|
2623
|
-
export { Accordion, type AccordionItemProps, type AccordionProps, type AccordionSize, Animated, type AnimatedProps, type AnimatedVariant, Avatar, type AvatarFallbackType, type AvatarProps, type AvatarSize, Badge$1 as Badge, type BadgeProps, Button, type ButtonColour, ButtonDock, type ButtonDockProps, type ButtonDockVariant, ButtonGroup, type ButtonGroupLayout, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, CarouselControls, type CarouselControlsProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxVariant, CopyField, CopyFieldInput, type CopyFieldProps, Countdown, type CountdownLabels, type CountdownProps, type CountdownUnitLabel, type DateItemState, DatePicker, type DatePickerProps, Divider, type DividerColour, type DividerProps, type DividerSize, Drawer, type DrawerBodyProps, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerFooterProps, type DrawerGrabberProps, type DrawerHeaderProps, type DrawerHeaderVariant, type DrawerOverlayProps, type DrawerOverlayProviderProps, type DrawerPortalProps, type DrawerProps, type DrawerTitleProps, type DrawerTriggerProps, FilterTab, type FilterTabItemProps, type FilterTabProps, FloatingActionButton, type FloatingActionButtonAnimation, type FloatingActionButtonIconButtonIcon, type FloatingActionButtonProps, type FloatingActionButtonVariant, Hint, type HintProps, Icon, IconButton, type IconButtonColour, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type IconCategory, type IconColour, type IconProps, type IconSize, Illustration, type IllustrationProps, type IllustrationSize, Input, InputDescription, type InputDescriptionProps, InputError, type InputErrorProps, InputField, type InputFieldProps, InputLabel, type InputLabelProps, type InputProps, InputText, Link, type LinkProps, type LinkSize, type LinkWeight, Logo, type LogoBrand, type LogoProps, type LogoSvgComponent, type LogoVariant, Menu, type MenuAlign, MenuItem, type MenuItemProps, type MenuItemVariant, type MenuProps, MessageCard, MessageCardBanner, type MessageCardBannerMedia, type MessageCardBannerProps, MessageCardInsight, type MessageCardInsightProps, NativeSelectPicker, type NativeSelectPickerItem, type NativeSelectPickerProps, Notification, type NotificationProps, NumberField, type NumberFieldProps, NumberInput, NumberInputField, type NumberInputFieldProps, type NumberInputProps, PROGRESS_ANIMATION, PasswordField, PasswordFieldInput, type PasswordFieldProps, PasswordFieldRequirements, type PasswordFieldRequirementsProps, type PasswordRequirement, type PasswordValidationRule, type PawprintIcon, type PawprintIllustration$2 as PawprintIllustration, PawprintProvider, type PawprintProviderProps, PictureSelector, type PictureSelectorItem, type PictureSelectorProps, ProductDisplayCard, type ProductDisplayCardProps, ProductListingCardWithBadgeAndGrid as ProductListingCard, type ProductListingCardProps, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioOwnProps, type RadioProps, RadioTile, SearchField, SearchFieldInput, type SearchFieldProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectField, SelectFieldContent, SelectFieldItem, type SelectFieldItemProps, type SelectFieldProps, type SelectFieldSearchResult, SelectFieldTrigger, type SelectFieldTriggerProps, SelectFieldValue, type SelectValidationRule, Slider, type SliderProps, Spinner, type SpinnerProps, type SpinnerSize, type SpinnerVariant, type StackedNotificationItem, type StackedNotificationType, StackedNotifications, type StackedNotificationsProps, Switch, type SwitchProps, TabNavigation, type TabNavigationListProps, type TabNavigationPanelProps, type TabNavigationProps, type TabNavigationTabProps, Tag, type TagProps, TextArea, TextAreaField, type TextAreaFieldProps, TextAreaLabel, type TextAreaLabelProps, type TextAreaProps, ThemeProvider, Tooltip, type TooltipProps, Typography, type TypographyProps, createPawprintTheme, fadeAnimation, fadeDownAnimation, fadeUpAnimation, registerLogo, resolveLogo, scaleAnimation, slideInAnimation, slideOutAnimation, theme, useCopyField, useDrawerKeyboardAvoidance, usePasswordField, usePawprint, useSearchField, useSelectField };
|
|
2660
|
+
export { Accordion, type AccordionItemProps, type AccordionProps, type AccordionSize, Animated, type AnimatedProps, type AnimatedVariant, Avatar, type AvatarFallbackType, type AvatarProps, type AvatarSize, Badge$1 as Badge, type BadgeProps, Button, type ButtonColour, ButtonDock, type ButtonDockProps, type ButtonDockVariant, ButtonGroup, type ButtonGroupLayout, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, CarouselControls, type CarouselControlsProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxVariant, CopyField, CopyFieldInput, type CopyFieldProps, Countdown, type CountdownLabels, type CountdownProps, type CountdownUnitLabel, type DateItemState, DatePicker, type DatePickerProps, Divider, type DividerColour, type DividerProps, type DividerSize, Drawer, type DrawerBodyProps, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerFooterProps, type DrawerGrabberProps, type DrawerHeaderProps, type DrawerHeaderVariant, type DrawerOverlayProps, type DrawerOverlayProviderProps, type DrawerPortalProps, type DrawerProps, type DrawerTitleProps, type DrawerTriggerProps, FilterTab, type FilterTabItemProps, type FilterTabProps, FloatingActionButton, type FloatingActionButtonAnimation, type FloatingActionButtonIconButtonIcon, type FloatingActionButtonProps, type FloatingActionButtonVariant, Hint, type HintProps, Icon, IconButton, type IconButtonColour, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type IconCategory, type IconColour, type IconProps, type IconSize, Illustration, type IllustrationProps, type IllustrationSize, Input, InputDescription, type InputDescriptionProps, InputError, type InputErrorProps, InputField, type InputFieldProps, InputLabel, type InputLabelProps, type InputProps, InputText, Link, type LinkProps, type LinkSize, type LinkWeight, Logo, type LogoBrand, type LogoProps, type LogoSvgComponent, type LogoVariant, Menu, type MenuAlign, type MenuAnchorRect, MenuItem, type MenuItemProps, type MenuItemVariant, type MenuProps, MessageCard, MessageCardBanner, type MessageCardBannerMedia, type MessageCardBannerProps, MessageCardInsight, type MessageCardInsightProps, NativeSelectPicker, type NativeSelectPickerItem, type NativeSelectPickerProps, Notification, type NotificationProps, NumberField, type NumberFieldProps, NumberInput, NumberInputField, type NumberInputFieldProps, type NumberInputProps, PROGRESS_ANIMATION, PasswordField, PasswordFieldInput, type PasswordFieldProps, PasswordFieldRequirements, type PasswordFieldRequirementsProps, type PasswordRequirement, type PasswordValidationRule, type PawprintIcon, type PawprintIllustration$2 as PawprintIllustration, PawprintProvider, type PawprintProviderProps, PictureSelector, type PictureSelectorItem, type PictureSelectorProps, ProductDisplayCard, type ProductDisplayCardProps, ProductListingCardWithBadgeAndGrid as ProductListingCard, type ProductListingCardProps, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioOwnProps, type RadioProps, RadioTile, SearchField, SearchFieldInput, type SearchFieldProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectField, SelectFieldContent, SelectFieldItem, type SelectFieldItemProps, type SelectFieldProps, type SelectFieldSearchResult, SelectFieldTrigger, type SelectFieldTriggerProps, SelectFieldValue, type SelectValidationRule, Slider, type SliderProps, Spinner, type SpinnerProps, type SpinnerSize, type SpinnerVariant, type StackedNotificationItem, type StackedNotificationType, StackedNotifications, type StackedNotificationsProps, Switch, type SwitchProps, TabNavigation, type TabNavigationListProps, type TabNavigationPanelProps, type TabNavigationProps, type TabNavigationTabProps, Tag, type TagProps, TextArea, TextAreaField, type TextAreaFieldProps, TextAreaLabel, type TextAreaLabelProps, type TextAreaProps, ThemeProvider, Tooltip, type TooltipProps, Typography, type TypographyProps, createPawprintTheme, fadeAnimation, fadeDownAnimation, fadeUpAnimation, registerLogo, resolveLogo, scaleAnimation, slideInAnimation, slideOutAnimation, theme, useCopyField, useDrawerKeyboardAvoidance, useMenuTrigger, usePasswordField, usePawprint, useSearchField, useSelectField };
|