@redsift/design-system 11.6.0-muiv5-alpha.6 → 11.6.0-muiv5-alpha.8

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.
Files changed (149) hide show
  1. package/index.d.ts +3026 -97
  2. package/package.json +2 -2
  3. package/_internal/Alert.d2.ts +0 -54
  4. package/_internal/AppBar.d.ts +0 -37
  5. package/_internal/AppContainer.d.ts +0 -96
  6. package/_internal/AppContent.d.ts +0 -25
  7. package/_internal/Badge.d2.ts +0 -9
  8. package/_internal/BreadcrumbItem.d.ts +0 -9
  9. package/_internal/Breadcrumbs.d2.ts +0 -29
  10. package/_internal/Button.d2.ts +0 -30
  11. package/_internal/ButtonGroup.d.ts +0 -41
  12. package/_internal/ButtonLink.d.ts +0 -28
  13. package/_internal/Card.d2.ts +0 -35
  14. package/_internal/CardActions.d.ts +0 -9
  15. package/_internal/CardBody.d.ts +0 -9
  16. package/_internal/CardHeader.d.ts +0 -9
  17. package/_internal/Checkbox.d2.ts +0 -68
  18. package/_internal/CheckboxGroup.d.ts +0 -10
  19. package/_internal/ConditionalWrapper.d.ts +0 -14
  20. package/_internal/DetailedCard.d.ts +0 -52
  21. package/_internal/DetailedCardCollapsibleSectionItems.d.ts +0 -9
  22. package/_internal/DetailedCardHeader.d.ts +0 -9
  23. package/_internal/DetailedCardSection.d.ts +0 -9
  24. package/_internal/DetailedCardSectionItem.d.ts +0 -9
  25. package/_internal/Flexbox.d2.ts +0 -30
  26. package/_internal/Grid.d2.ts +0 -32
  27. package/_internal/GridItem.d.ts +0 -9
  28. package/_internal/Heading.d2.ts +0 -9
  29. package/_internal/Icon.d2.ts +0 -10
  30. package/_internal/IconButton.d.ts +0 -12
  31. package/_internal/IconButtonLink.d.ts +0 -28
  32. package/_internal/Item.d2.ts +0 -82
  33. package/_internal/Link.d2.ts +0 -26
  34. package/_internal/LinkButton.d.ts +0 -23
  35. package/_internal/Number.d2.ts +0 -69
  36. package/_internal/NumberField.d.ts +0 -80
  37. package/_internal/Pill.d2.ts +0 -9
  38. package/_internal/ProgressBar.d.ts +0 -26
  39. package/_internal/Radio.d2.ts +0 -66
  40. package/_internal/RadioGroup.d.ts +0 -10
  41. package/_internal/Shield.d2.ts +0 -9
  42. package/_internal/SideNavigationMenu.d.ts +0 -9
  43. package/_internal/SideNavigationMenuBar.d.ts +0 -9
  44. package/_internal/SideNavigationMenuItem.d.ts +0 -9
  45. package/_internal/Skeleton.d2.ts +0 -15
  46. package/_internal/SkeletonCircle.d.ts +0 -9
  47. package/_internal/SkeletonText.d.ts +0 -9
  48. package/_internal/Spinner.d2.ts +0 -43
  49. package/_internal/Switch.d2.ts +0 -66
  50. package/_internal/SwitchGroup.d.ts +0 -10
  51. package/_internal/Text.d2.ts +0 -9
  52. package/_internal/TextArea.d.ts +0 -34
  53. package/_internal/TextField.d.ts +0 -29
  54. package/_internal/alert.d.ts +0 -5
  55. package/_internal/app-bar.d.ts +0 -8
  56. package/_internal/app-container.d.ts +0 -9
  57. package/_internal/app-content.d.ts +0 -5
  58. package/_internal/app-side-panel.d.ts +0 -11
  59. package/_internal/badge.d.ts +0 -6
  60. package/_internal/breadcrumb-item.d.ts +0 -5
  61. package/_internal/breadcrumbs.d.ts +0 -6
  62. package/_internal/button-group.d.ts +0 -5
  63. package/_internal/button-link.d.ts +0 -8
  64. package/_internal/button.d.ts +0 -8
  65. package/_internal/card-actions.d.ts +0 -5
  66. package/_internal/card-body.d.ts +0 -5
  67. package/_internal/card-header.d.ts +0 -9
  68. package/_internal/card.d.ts +0 -11
  69. package/_internal/checkbox-group.d.ts +0 -6
  70. package/_internal/checkbox.d.ts +0 -6
  71. package/_internal/colors.d.ts +0 -102
  72. package/_internal/conditional-wrapper.d.ts +0 -2
  73. package/_internal/detailed-card-collapsible-section-items.d.ts +0 -4
  74. package/_internal/detailed-card-header.d.ts +0 -8
  75. package/_internal/detailed-card-section-item.d.ts +0 -11
  76. package/_internal/detailed-card-section.d.ts +0 -7
  77. package/_internal/detailed-card.d.ts +0 -16
  78. package/_internal/flexbox.d.ts +0 -5
  79. package/_internal/focus-within-group.d.ts +0 -3
  80. package/_internal/fonts.d.ts +0 -12
  81. package/_internal/gradient-border.d.ts +0 -19
  82. package/_internal/grid-item.d.ts +0 -5
  83. package/_internal/grid.d.ts +0 -6
  84. package/_internal/heading.d.ts +0 -7
  85. package/_internal/helpers.d.ts +0 -23
  86. package/_internal/icon-button-link.d.ts +0 -8
  87. package/_internal/icon-button.d.ts +0 -7
  88. package/_internal/icon.d.ts +0 -6
  89. package/_internal/item.d.ts +0 -8
  90. package/_internal/link-button.d.ts +0 -8
  91. package/_internal/link.d.ts +0 -8
  92. package/_internal/listbox.d.ts +0 -6
  93. package/_internal/number-field.d.ts +0 -9
  94. package/_internal/number.d.ts +0 -7
  95. package/_internal/pill.d.ts +0 -6
  96. package/_internal/progress-bar.d.ts +0 -5
  97. package/_internal/radio-group.d.ts +0 -6
  98. package/_internal/radio.d.ts +0 -6
  99. package/_internal/shared.d.ts +0 -5
  100. package/_internal/shield.d.ts +0 -6
  101. package/_internal/side-navigation-menu-bar.d.ts +0 -9
  102. package/_internal/side-navigation-menu-item.d.ts +0 -8
  103. package/_internal/side-navigation-menu.d.ts +0 -8
  104. package/_internal/skeleton-circle.d.ts +0 -7
  105. package/_internal/skeleton-text.d.ts +0 -7
  106. package/_internal/skeleton.d.ts +0 -8
  107. package/_internal/spinner.d.ts +0 -5
  108. package/_internal/styles.d.ts +0 -17
  109. package/_internal/styles.d2.ts +0 -283
  110. package/_internal/switch-group.d.ts +0 -6
  111. package/_internal/switch.d.ts +0 -6
  112. package/_internal/text-area.d.ts +0 -9
  113. package/_internal/text-field.d.ts +0 -10
  114. package/_internal/text.d.ts +0 -7
  115. package/_internal/theme.d.ts +0 -4
  116. package/_internal/types.d.ts +0 -39
  117. package/_internal/types.d10.ts +0 -20
  118. package/_internal/types.d11.ts +0 -27
  119. package/_internal/types.d12.ts +0 -35
  120. package/_internal/types.d13.ts +0 -143
  121. package/_internal/types.d14.ts +0 -11
  122. package/_internal/types.d15.ts +0 -62
  123. package/_internal/types.d16.ts +0 -56
  124. package/_internal/types.d17.ts +0 -57
  125. package/_internal/types.d18.ts +0 -40
  126. package/_internal/types.d19.ts +0 -101
  127. package/_internal/types.d2.ts +0 -37
  128. package/_internal/types.d20.ts +0 -47
  129. package/_internal/types.d21.ts +0 -68
  130. package/_internal/types.d22.ts +0 -52
  131. package/_internal/types.d23.ts +0 -174
  132. package/_internal/types.d24.ts +0 -18
  133. package/_internal/types.d25.ts +0 -12
  134. package/_internal/types.d26.ts +0 -36
  135. package/_internal/types.d27.ts +0 -72
  136. package/_internal/types.d28.ts +0 -73
  137. package/_internal/types.d29.ts +0 -99
  138. package/_internal/types.d3.ts +0 -23
  139. package/_internal/types.d4.ts +0 -67
  140. package/_internal/types.d5.ts +0 -11
  141. package/_internal/types.d6.ts +0 -11
  142. package/_internal/types.d7.ts +0 -28
  143. package/_internal/types.d8.ts +0 -72
  144. package/_internal/types.d9.ts +0 -16
  145. package/_internal/useAppSidePanel.d.ts +0 -12
  146. package/_internal/useFocusOnList.d.ts +0 -83
  147. package/_internal/useListboxItem.d.ts +0 -32
  148. package/_internal/useSideNavigationMenuBar.d.ts +0 -9
  149. package/_internal/useTheme.d.ts +0 -13
package/package.json CHANGED
@@ -33,7 +33,7 @@
33
33
  "version": "version-changelog ../../CHANGELOG.md && changelog-verify ../../CHANGELOG.md && git add ../../CHANGELOG.md"
34
34
  },
35
35
  "types": "index.d.ts",
36
- "version": "11.6.0-muiv5-alpha.6",
36
+ "version": "11.6.0-muiv5-alpha.8",
37
37
  "dependencies": {
38
38
  "@react-spring/web": "^9.7.1",
39
39
  "classnames": "^2.3.1",
@@ -100,5 +100,5 @@
100
100
  "react-dom": ">=17",
101
101
  "styled-components": "^5.3.5"
102
102
  },
103
- "gitHead": "c10cd42a94d8705dab7e947fa3fdc0ef0d93767e"
103
+ "gitHead": "ae1291b7b1536be10c6a15375bec7f0e75b03cbe"
104
104
  }
@@ -1,54 +0,0 @@
1
- import { ComponentProps } from 'react';
2
- import { V as ValueOf, C as Comp } from './helpers.js';
3
- import { h as StylingProps } from './styles.d2.ts';
4
- import { T as Theme } from './colors.js';
5
-
6
- /**
7
- * Component variant.
8
- */
9
- declare const AlertVariant: {
10
- readonly success: "success";
11
- readonly error: "error";
12
- readonly warning: "warning";
13
- readonly info: "info";
14
- };
15
- type AlertVariant = ValueOf<typeof AlertVariant>;
16
- declare const AlertStyleVariant: {
17
- readonly default: "default";
18
- readonly minimal: "minimal";
19
- };
20
- type AlertStyleVariant = ValueOf<typeof AlertStyleVariant>;
21
- /**
22
- * Component props.
23
- */
24
- interface AlertProps extends ComponentProps<'div'>, StylingProps {
25
- /** Whether the component can be closed or not. */
26
- isClosable?: boolean;
27
- /** Whether the component is closed or not. Used for controlled version. */
28
- isClosed?: boolean;
29
- /** Method to handle component change. */
30
- onClose?(isClosed: boolean): void;
31
- /** Title. */
32
- title?: string;
33
- /** Theme. */
34
- theme?: Theme;
35
- /** Variant */
36
- variant?: AlertVariant;
37
- /** Style variant. */
38
- styleVariant?: AlertStyleVariant;
39
- }
40
- type StyledAlertProps = Omit<AlertProps, 'variant' | 'styleVariant'> & {
41
- $hasTitle: boolean;
42
- $isClosable: AlertProps['isClosable'];
43
- $isClosed: AlertProps['isClosed'];
44
- $variant: AlertProps['variant'];
45
- $theme: AlertProps['theme'];
46
- $styleVariant: AlertProps['styleVariant'];
47
- };
48
-
49
- /**
50
- * The Alert component.
51
- */
52
- declare const Alert: Comp<AlertProps, HTMLDivElement>;
53
-
54
- export { AlertVariant as A, StyledAlertProps as S, AlertStyleVariant as a, AlertProps as b, Alert as c };
@@ -1,37 +0,0 @@
1
- import { ComponentProps, RefObject, ReactElement } from 'react';
2
- import { b as IconButtonProps } from './types.d16.ts';
3
- import { B as BreadcrumbItemProps } from './types.d3.ts';
4
- import { T as Theme } from './colors.js';
5
- import { C as Comp } from './helpers.js';
6
-
7
- /**
8
- * Component props.
9
- */
10
- interface AppBarProps extends Omit<ComponentProps<'header'>, 'title'> {
11
- /** Array of breadcrumb item props to use to generate a Breadcrumbs in place of the title. The last item is considered as the current page. */
12
- breadcrumbs?: Omit<BreadcrumbItemProps, 'ref'>[];
13
- /** Custom props to pass to the IconButton used to collapse the side panel. */
14
- iconButtonProps?: Omit<IconButtonProps, 'icon'>;
15
- /** Custom ref to pass to the IconButton used to collapse the side panel. */
16
- iconButtonRef?: RefObject<HTMLButtonElement>;
17
- /** Title of the page if no one provided automatically */
18
- fallbackTitle?: string;
19
- /** Title of the page, if no breadcrumbs used. */
20
- title?: string | ReactElement;
21
- /** Theme. */
22
- theme?: Theme;
23
- }
24
- type StyledAppBarProps = AppBarProps & {
25
- $hasBorder: boolean;
26
- $isLoaded: boolean;
27
- $isSidePanelCollapsed: boolean;
28
- $isAppFullScreen: boolean;
29
- $theme: AppBarProps['theme'];
30
- };
31
-
32
- /**
33
- * The AppBar component.
34
- */
35
- declare const AppBar: Comp<AppBarProps, HTMLHeadingElement>;
36
-
37
- export { AppBarProps as A, StyledAppBarProps as S, AppBar as a };
@@ -1,96 +0,0 @@
1
- import React, { Dispatch, SetStateAction, RefObject, ComponentProps, ReactElement } from 'react';
2
- import { A as AppSidePanelVariant } from './types.js';
3
- import { B as BreadcrumbItemProps } from './types.d3.ts';
4
- import { V as ValueOf, C as Comp } from './helpers.js';
5
- import { T as Theme } from './colors.js';
6
-
7
- declare const Product: {
8
- readonly asm: "asm";
9
- readonly 'brand-trust': "brand-trust";
10
- readonly certificates: "certificates";
11
- readonly ondmarc: "ondmarc";
12
- readonly pulse: "pulse";
13
- readonly radar: "radar";
14
- readonly 'rojo-ds': "rojo-ds";
15
- readonly 'vendor-secure': "vendor-secure";
16
- readonly website: "website";
17
- };
18
- type Product = ValueOf<typeof Product>;
19
- declare const ProductName: {
20
- readonly asm: "ASM";
21
- readonly 'brand-trust': "Brand Trust";
22
- readonly certificates: "Certificates";
23
- readonly ondmarc: "OnDMARC";
24
- readonly pulse: "Pulse";
25
- readonly radar: "RADAR";
26
- readonly 'rojo-ds': "ROJO DS";
27
- readonly 'vendor-secure': "Vendor Secure";
28
- readonly website: "Website";
29
- };
30
- type ProductName = ValueOf<typeof ProductName>;
31
- declare const ProductLogo: {
32
- readonly asm: JSX.Element;
33
- readonly 'brand-trust': JSX.Element;
34
- readonly certificates: JSX.Element;
35
- readonly ondmarc: JSX.Element;
36
- readonly pulse: JSX.Element;
37
- readonly radar: JSX.Element;
38
- readonly 'rojo-ds': JSX.Element;
39
- readonly 'vendor-secure': JSX.Element;
40
- readonly website: JSX.Element;
41
- };
42
- type ProductLogo = ValueOf<typeof ProductLogo>;
43
-
44
- /**
45
- * Context props.
46
- */
47
- type AppContainerState = {
48
- /** Collapses the side panel. */
49
- collapseSidePanel(): void;
50
- /** Expandes the side panel. */
51
- expandSidePanel(): void;
52
- /** Product theme. */
53
- product?: AppContainerProps['product'];
54
- /** Set breadcrumbs of the page. */
55
- setBreadcrumbs(breadcrumbs?: Omit<BreadcrumbItemProps, 'ref'>[]): void;
56
- /** Page breadcrumbs. */
57
- readonly breadcrumbs?: Omit<BreadcrumbItemProps, 'ref'>[];
58
- /** Side panel variant. */
59
- sidePanelVariant: AppSidePanelVariant;
60
- /** Change side panel variant. */
61
- setSidePanelVariant: Dispatch<SetStateAction<AppSidePanelVariant>>;
62
- /** AppContainer ref. */
63
- appContainerRef: RefObject<HTMLDivElement>;
64
- /** Whether the App takes the entire screen or not. */
65
- isFullScreen?: boolean;
66
- };
67
- /**
68
- * Component props.
69
- */
70
- interface AppContainerProps extends ComponentProps<'div'> {
71
- /** Whether the App takes the entire screen or not. */
72
- isFullScreen?: boolean;
73
- /** The locale to apply to the children. */
74
- locale?: string;
75
- /** Product theme to apply to everything within. This overrides the CSS variables automatically. */
76
- product?: Product | {
77
- name: string;
78
- logo?: ReactElement;
79
- };
80
- /** Overall theme. */
81
- theme?: Theme;
82
- }
83
- type StyledAppContainerProps = Omit<AppContainerProps, 'locale' | 'product'> & {
84
- $theme: Theme;
85
- $product?: AppContainerProps['product'];
86
- };
87
-
88
- declare const AppContainerContext: React.Context<AppContainerState | null>;
89
-
90
- declare const RadarSvgLinearGradient: React.FC;
91
- /**
92
- * The AppContainer component.
93
- */
94
- declare const AppContainer: Comp<AppContainerProps, HTMLDivElement>;
95
-
96
- export { AppContainerContext as A, Product as P, RadarSvgLinearGradient as R, StyledAppContainerProps as S, ProductName as a, ProductLogo as b, AppContainerState as c, AppContainerProps as d, AppContainer as e };
@@ -1,25 +0,0 @@
1
- import { ComponentProps } from 'react';
2
- import { h as StylingProps, C as ContainerProps } from './styles.d2.ts';
3
- import { T as Theme } from './colors.js';
4
- import { C as Comp } from './helpers.js';
5
-
6
- /**
7
- * Component props.
8
- */
9
- interface AppContentProps extends ComponentProps<'main'>, StylingProps, ContainerProps {
10
- /** Theme. */
11
- theme?: Theme;
12
- }
13
- type StyledAppContentProps = Omit<AppContentProps, 'product'> & {
14
- $isLoaded: boolean;
15
- $isSidePanelCollapsed: boolean;
16
- $isAppFullScreen: boolean;
17
- $theme: AppContentProps['theme'];
18
- };
19
-
20
- /**
21
- * The AppContent component.
22
- */
23
- declare const AppContent: Comp<AppContentProps, HTMLElement>;
24
-
25
- export { AppContentProps as A, StyledAppContentProps as S, AppContent as a };
@@ -1,9 +0,0 @@
1
- import { a as BadgeProps } from './types.d2.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The Badge component.
6
- */
7
- declare const Badge: Comp<BadgeProps, HTMLDivElement>;
8
-
9
- export { Badge as B };
@@ -1,9 +0,0 @@
1
- import { B as BreadcrumbItemProps } from './types.d3.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The BreadcrumbItem components is a list of links to the parent pages of the current page in hierarchical order.
6
- */
7
- declare const BreadcrumbItem: Comp<BreadcrumbItemProps, HTMLAnchorElement>;
8
-
9
- export { BreadcrumbItem as B };
@@ -1,29 +0,0 @@
1
- import { B as BreadcrumbItemProps } from './types.d3.ts';
2
- import { ComponentProps } from 'react';
3
- import { h as StylingProps } from './styles.d2.ts';
4
- import { T as Theme } from './colors.js';
5
- import { C as Comp } from './helpers.js';
6
-
7
- /**
8
- * Component props.
9
- */
10
- interface BreadcrumbsProps extends ComponentProps<'nav'>, StylingProps {
11
- /** Whether the component is disabled or not. */
12
- isDisabled?: boolean;
13
- /** Theme. */
14
- theme?: Theme;
15
- }
16
- type StyledBreadcrumbsProps = Omit<BreadcrumbsProps, 'isDisabled'> & {
17
- $isDisabled: BreadcrumbsProps['isDisabled'];
18
- $theme: BreadcrumbsProps['theme'];
19
- };
20
-
21
- /**
22
- * The Breadcrumbs components is a list of links to the parent pages of the current page in hierarchical order.
23
- */
24
- declare const BaseBreadcrumbs: Comp<BreadcrumbsProps, HTMLElement>;
25
- declare const Breadcrumbs: Comp<BreadcrumbsProps, HTMLElement> & {
26
- Item: Comp<BreadcrumbItemProps, HTMLAnchorElement>;
27
- };
28
-
29
- export { BreadcrumbsProps as B, StyledBreadcrumbsProps as S, BaseBreadcrumbs as a, Breadcrumbs as b };
@@ -1,30 +0,0 @@
1
- import * as styled_components from 'styled-components';
2
- import { b as ButtonProps, B as ButtonVariant } from './types.d4.ts';
3
- import { T as Theme } from './colors.js';
4
- import { C as Comp } from './helpers.js';
5
-
6
- /**
7
- * Component style.
8
- */
9
- declare const StyledButton: styled_components.StyledComponent<"button", any, ButtonProps & {
10
- $color: string | undefined;
11
- $fullWidth?: boolean | undefined;
12
- $isActive: boolean | undefined;
13
- $isDisabled: boolean | undefined;
14
- $isGradient: boolean;
15
- $isHovered: boolean | undefined;
16
- $isLoading: boolean | undefined;
17
- $theme: Theme | undefined;
18
- $variant: ButtonVariant | undefined;
19
- }, never>;
20
-
21
- /**
22
- * The Button is a semantic button that looks like a button.
23
- *
24
- * For a semantic link that looks like a button, please use the ButtonLink component.
25
- * For a semantic link that looks like a link, please use the Link component.
26
- * For a semantic button that looks like a link, please use the LinkButton component.
27
- */
28
- declare const Button: Comp<ButtonProps, HTMLButtonElement>;
29
-
30
- export { Button as B, StyledButton as S };
@@ -1,41 +0,0 @@
1
- import { ComponentProps } from 'react';
2
- import { h as StylingProps, g as FlexLayoutProps } from './styles.d2.ts';
3
- import { V as ValueOf, C as Comp } from './helpers.js';
4
- import { B as ButtonsColorPalette, T as Theme } from './colors.js';
5
-
6
- /**
7
- * Component variant.
8
- */
9
- declare const ButtonGroupVariant: {
10
- readonly primary: "primary";
11
- readonly secondary: "secondary";
12
- readonly unstyled: "unstyled";
13
- };
14
- type ButtonGroupVariant = ValueOf<typeof ButtonGroupVariant>;
15
- /**
16
- * Component color.
17
- */
18
- type ButtonGroupColor = ButtonsColorPalette;
19
- /**
20
- * Component props.
21
- */
22
- interface ButtonGroupProps extends ComponentProps<'div'>, StylingProps, FlexLayoutProps {
23
- /** Button color. */
24
- color?: ButtonGroupColor;
25
- /** Button variant. */
26
- variant?: ButtonGroupVariant;
27
- /** Theme. */
28
- theme?: Theme;
29
- }
30
- type StyledButtonGroupProps = ButtonGroupProps & {
31
- $color: ButtonGroupProps['color'];
32
- $variant: ButtonGroupProps['variant'];
33
- $theme: ButtonGroupProps['theme'];
34
- };
35
-
36
- /**
37
- * The ButtonGroup component.
38
- */
39
- declare const ButtonGroup: Comp<ButtonGroupProps, HTMLDivElement>;
40
-
41
- export { ButtonGroupVariant as B, StyledButtonGroupProps as S, ButtonGroupColor as a, ButtonGroupProps as b, ButtonGroup as c };
@@ -1,28 +0,0 @@
1
- import { b as ButtonProps } from './types.d4.ts';
2
- import { L as LinkProps } from './types.d18.ts';
3
- import { C as Comp } from './helpers.js';
4
-
5
- /**
6
- * Component props.
7
- */
8
- interface ButtonLinkProps extends Omit<LinkProps, 'color'>, Pick<ButtonProps, 'color' | 'isActive' | 'isDisabled' | 'isHovered' | 'leftIcon' | 'leftIconProps' | 'rightIconProps' | 'rightIcon' | 'variant' | 'theme'> {
9
- }
10
- type StyledButtonLinkProps = ButtonLinkProps & {
11
- $isActive: ButtonLinkProps['isActive'];
12
- $isDisabled: ButtonLinkProps['isDisabled'];
13
- $isHovered: ButtonLinkProps['isHovered'];
14
- $variant: ButtonLinkProps['variant'];
15
- $theme: ButtonLinkProps['theme'];
16
- $color: ButtonLinkProps['color'];
17
- };
18
-
19
- /**
20
- * The ButtonLink is a semantic link that looks like a button.
21
- *
22
- * For a semantic button that looks like a button, please use the Button component.
23
- * For a semantic link that looks like a link, please use the Link component.
24
- * For a semantic button that looks like a link, please use the LinkButton component.
25
- */
26
- declare const ButtonLink: Comp<ButtonLinkProps, HTMLAnchorElement>;
27
-
28
- export { ButtonLinkProps as B, StyledButtonLinkProps as S, ButtonLink as a };
@@ -1,35 +0,0 @@
1
- import { C as CardActionsProps } from './types.d5.ts';
2
- import { C as CardBodyProps } from './types.d6.ts';
3
- import { C as CardHeaderProps } from './types.d7.ts';
4
- import { ComponentProps } from 'react';
5
- import { h as StylingProps } from './styles.d2.ts';
6
- import { T as Theme } from './colors.js';
7
- import { C as Comp } from './helpers.js';
8
-
9
- /**
10
- * Component props.
11
- */
12
- interface CardProps extends ComponentProps<'div'>, StylingProps {
13
- /** Default collapse status. Used for uncontrolled version. */
14
- defaultCollapsed?: boolean;
15
- /** Whether the component is collapsed or not. Used for controlled version. */
16
- isCollapsed?: boolean;
17
- /** Whether the component can be collapse or not. */
18
- isCollapsible?: boolean;
19
- /** Method to handle component change. */
20
- onCollapse?(isCollapsed: boolean): void;
21
- /** Theme. */
22
- theme?: Theme;
23
- }
24
- type StyledCardProps = Omit<CardProps, 'isCollapsed'> & {
25
- $isCollapsed: CardProps['isCollapsed'];
26
- $theme: CardProps['theme'];
27
- };
28
-
29
- declare const Card: Comp<CardProps, HTMLDivElement> & {
30
- Header: Comp<CardHeaderProps, HTMLDivElement>;
31
- Body: Comp<CardBodyProps, HTMLDivElement>;
32
- Actions: Comp<CardActionsProps, HTMLDivElement>;
33
- };
34
-
35
- export { CardProps as C, StyledCardProps as S, Card as a };
@@ -1,9 +0,0 @@
1
- import { C as CardActionsProps } from './types.d5.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The CardActions component.
6
- */
7
- declare const CardActions: Comp<CardActionsProps, HTMLDivElement>;
8
-
9
- export { CardActions as C };
@@ -1,9 +0,0 @@
1
- import { C as CardBodyProps } from './types.d6.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The CardBody component.
6
- */
7
- declare const CardBody: Comp<CardBodyProps, HTMLDivElement>;
8
-
9
- export { CardBody as C };
@@ -1,9 +0,0 @@
1
- import { C as CardHeaderProps } from './types.d7.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The CardHeader component.
6
- */
7
- declare const CardHeader: Comp<CardHeaderProps, HTMLDivElement>;
8
-
9
- export { CardHeader as C };
@@ -1,68 +0,0 @@
1
- import { ComponentProps, MutableRefObject, ChangeEvent } from 'react';
2
- import { C as CheckboxGroupState } from './types.d8.ts';
3
- import { h as StylingProps } from './styles.d2.ts';
4
- import { T as Theme } from './colors.js';
5
- import { C as Comp } from './helpers.js';
6
-
7
- /**
8
- * Component props.
9
- */
10
- interface CheckboxProps extends Omit<ComponentProps<'label'>, 'onChange'>, StylingProps {
11
- /** Whether the component can be autofocused. */
12
- autoFocus?: boolean;
13
- /**
14
- * Default select status.
15
- * Used for uncontrolled version.
16
- */
17
- defaultSelected?: boolean;
18
- /** Custom props to pass to the input element. */
19
- inputProps?: ComponentProps<'input'>;
20
- /** Custom ref object to pass to the input element. */
21
- inputRef?: MutableRefObject<HTMLInputElement>;
22
- /** Whether the component should use the product colors or shades of grey. */
23
- isColored?: boolean;
24
- /** Whether the component is disabled or not. */
25
- isDisabled?: boolean;
26
- /** Whether the checkbox status is indeterminate or not. */
27
- isIndeterminate?: boolean;
28
- /** Whether the component is invalid or not. */
29
- isInvalid?: boolean;
30
- /** Whether the component is read only or not. */
31
- isReadOnly?: boolean;
32
- /** Whether the component is required or not. */
33
- isRequired?: boolean;
34
- /**
35
- * Whether the component is selected or not.
36
- * Used for controlled version.
37
- */
38
- isSelected?: boolean;
39
- /** Name to pass to the input element. */
40
- name?: HTMLInputElement['name'];
41
- /** Method to handle component change. */
42
- onChange?(isChecked: boolean, value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>, state?: CheckboxGroupState): void;
43
- /** Theme. */
44
- theme?: Theme;
45
- /**
46
- * Value to pass to the input element.
47
- * Required within a group.
48
- */
49
- value?: HTMLInputElement['value'];
50
- }
51
- type StyledCheckboxProps = Omit<CheckboxProps, 'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isSelected' | 'isRequired'> & {
52
- $isColored: CheckboxProps['isColored'];
53
- $isDisabled: CheckboxProps['isDisabled'];
54
- $isInvalid: CheckboxProps['isInvalid'];
55
- $isFocusVisible: boolean;
56
- $isRequired: CheckboxProps['isRequired'];
57
- $isSelected: CheckboxProps['isSelected'];
58
- $theme: CheckboxProps['theme'];
59
- };
60
-
61
- /**
62
- * The Checkbox component.
63
- * Works both inside a CheckboxGroup or as standalone.
64
- * Can be used as controlled or uncontrolled.
65
- */
66
- declare const Checkbox: Comp<CheckboxProps, HTMLLabelElement>;
67
-
68
- export { CheckboxProps as C, StyledCheckboxProps as S, Checkbox as a };
@@ -1,10 +0,0 @@
1
- import { b as CheckboxGroupProps } from './types.d8.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The CheckboxGroup component.
6
- * Can be used as controlled or uncontrolled.
7
- */
8
- declare const CheckboxGroup: Comp<CheckboxGroupProps, HTMLDivElement>;
9
-
10
- export { CheckboxGroup as C };
@@ -1,14 +0,0 @@
1
- import React$1 from 'react';
2
-
3
- interface ConditionalWrapperProps<T = {}> {
4
- /** Children to render with or without the wrapper. */
5
- children: React.ReactElement<T> | null;
6
- /** Condition to define whether or not the children should be wrapped. */
7
- condition: boolean;
8
- /** Wrapper to conditionaly put around the children. */
9
- wrapper: (children: React.ReactElement<T> | null) => React.ReactElement<T> | null;
10
- }
11
-
12
- declare const ConditionalWrapper: React$1.FC<ConditionalWrapperProps>;
13
-
14
- export { ConditionalWrapperProps as C, ConditionalWrapper as a };
@@ -1,52 +0,0 @@
1
- import { D as DetailedCardSectionItemProps } from './types.d12.ts';
2
- import { D as DetailedCardCollapsibleSectionItemsProps } from './types.d9.ts';
3
- import { D as DetailedCardHeaderProps } from './types.d10.ts';
4
- import { D as DetailedCardSectionProps } from './types.d11.ts';
5
- import { ComponentProps } from 'react';
6
- import { S as ShieldVariant } from './types.d22.ts';
7
- import { b as IconProps } from './types.d17.ts';
8
- import { h as StylingProps } from './styles.d2.ts';
9
- import { N as NotificationsColorPalette, T as Theme } from './colors.js';
10
- import { C as Comp } from './helpers.js';
11
-
12
- /**
13
- * Component props.
14
- */
15
- interface DetailedCardProps extends ComponentProps<'div'>, StylingProps {
16
- /** Whether the component is collapsed or not. Used for controlled version. */
17
- areAllCollapsed?: boolean;
18
- /** Banner variant. */
19
- bannerVariant?: 'standard' | 'condensed';
20
- /** Banner color. */
21
- color?: NotificationsColorPalette;
22
- /** Default collapse status. Used for uncontrolled version. */
23
- defaultAllCollapsed?: boolean;
24
- /**
25
- * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
26
- * Can also be a ReactElement.
27
- */
28
- icon?: IconProps['icon'];
29
- /** Whether the card has buttons to collapse and expand all section items. */
30
- isCollapsible?: boolean;
31
- /** Whether the card is loading or not. */
32
- isLoading?: boolean;
33
- /** Shield to display in place of the banner icon. */
34
- shield?: ShieldVariant;
35
- /** Theme. */
36
- theme?: Theme;
37
- /** Method to handle component change. */
38
- onCollapseAll?(areAllCollapsed: boolean): void;
39
- }
40
- type StyledDetailedCardProps = Omit<DetailedCardProps, 'color'> & {
41
- $color: DetailedCardProps['color'];
42
- $theme: DetailedCardProps['theme'];
43
- };
44
-
45
- declare const DetailedCard: Comp<DetailedCardProps, HTMLDivElement> & {
46
- Header: Comp<DetailedCardHeaderProps, HTMLDivElement>;
47
- Section: Comp<DetailedCardSectionProps, HTMLDivElement>;
48
- CollapsibleSectionItems: Comp<DetailedCardCollapsibleSectionItemsProps, HTMLDivElement>;
49
- SectionItem: Comp<DetailedCardSectionItemProps, HTMLDivElement>;
50
- };
51
-
52
- export { DetailedCardProps as D, StyledDetailedCardProps as S, DetailedCard as a };
@@ -1,9 +0,0 @@
1
- import { D as DetailedCardCollapsibleSectionItemsProps } from './types.d9.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The DetailedCardCollapsibleSectionItems Section component.
6
- */
7
- declare const DetailedCardCollapsibleSectionItems: Comp<DetailedCardCollapsibleSectionItemsProps, HTMLDivElement>;
8
-
9
- export { DetailedCardCollapsibleSectionItems as D };
@@ -1,9 +0,0 @@
1
- import { D as DetailedCardHeaderProps } from './types.d10.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The DetailedCardHeader component.
6
- */
7
- declare const DetailedCardHeader: Comp<DetailedCardHeaderProps, HTMLDivElement>;
8
-
9
- export { DetailedCardHeader as D };
@@ -1,9 +0,0 @@
1
- import { D as DetailedCardSectionProps } from './types.d11.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The DetailedCardSection component.
6
- */
7
- declare const DetailedCardSection: Comp<DetailedCardSectionProps, HTMLDivElement>;
8
-
9
- export { DetailedCardSection as D };
@@ -1,9 +0,0 @@
1
- import { D as DetailedCardSectionItemProps } from './types.d12.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The DetailedCardSectionItems component.
6
- */
7
- declare const DetailedCardSectionItem: Comp<DetailedCardSectionItemProps, HTMLDivElement>;
8
-
9
- export { DetailedCardSectionItem as D };