@redsift/design-system 11.6.0-muiv5-alpha.5 → 11.6.0-muiv5-alpha.7

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 (150) hide show
  1. package/_internal/Alert2.js +182 -39
  2. package/_internal/AppBar.js +240 -29
  3. package/_internal/AppContainer.js +132 -86
  4. package/_internal/AppContent.js +84 -17
  5. package/_internal/Badge2.js +137 -4
  6. package/_internal/BreadcrumbItem.js +85 -3
  7. package/_internal/Breadcrumbs2.js +86 -21
  8. package/_internal/Button2.js +81 -20
  9. package/_internal/ButtonGroup.js +165 -25
  10. package/_internal/ButtonLink.js +74 -18
  11. package/_internal/Card2.js +151 -29
  12. package/_internal/CardActions.js +38 -3
  13. package/_internal/CardBody.js +36 -3
  14. package/_internal/CardHeader.js +77 -3
  15. package/_internal/Checkbox2.js +234 -58
  16. package/_internal/CheckboxGroup.js +182 -4
  17. package/_internal/ConditionalWrapper.js +11 -12
  18. package/_internal/DetailedCard.js +6912 -48
  19. package/_internal/DetailedCardCollapsibleSectionItems.js +58 -3
  20. package/_internal/DetailedCardHeader.js +61 -3
  21. package/_internal/DetailedCardSection.js +166 -3
  22. package/_internal/DetailedCardSectionItem.js +88 -3
  23. package/_internal/Flexbox2.js +85 -22
  24. package/_internal/Grid2.js +87 -24
  25. package/_internal/GridItem.js +34 -3
  26. package/_internal/Heading2.js +107 -3
  27. package/_internal/Icon2.js +206 -5
  28. package/_internal/IconButton.js +71 -3
  29. package/_internal/IconButtonLink.js +65 -18
  30. package/_internal/Item2.js +390 -73
  31. package/_internal/Link2.js +56 -15
  32. package/_internal/LinkButton.js +56 -13
  33. package/_internal/Number2.js +103 -61
  34. package/_internal/NumberField.js +3959 -65
  35. package/_internal/Pill2.js +400 -4
  36. package/_internal/ProgressBar.js +61 -18
  37. package/_internal/Radio2.js +227 -56
  38. package/_internal/RadioGroup.js +170 -4
  39. package/_internal/Shield2.js +220 -4
  40. package/_internal/SideNavigationMenu.js +586 -4
  41. package/_internal/SideNavigationMenuItem.js +299 -4
  42. package/_internal/Skeleton2.js +36 -9
  43. package/_internal/SkeletonCircle.js +52 -3
  44. package/_internal/SkeletonText.js +71 -3
  45. package/_internal/Spinner2.js +319 -29
  46. package/_internal/Switch2.js +310 -56
  47. package/_internal/SwitchGroup.js +182 -4
  48. package/_internal/Text2.js +45 -3
  49. package/_internal/TextArea.js +430 -20
  50. package/_internal/TextField.js +463 -19
  51. package/_internal/alert.js +2 -5
  52. package/_internal/app-bar.js +2 -8
  53. package/_internal/app-container.js +3 -9
  54. package/_internal/app-content.js +2 -5
  55. package/_internal/app-side-panel.js +3 -11
  56. package/_internal/badge.js +2 -6
  57. package/_internal/breadcrumb-item.js +1 -4
  58. package/_internal/breadcrumbs.js +2 -6
  59. package/_internal/button-group.js +2 -5
  60. package/_internal/button-link.js +2 -8
  61. package/_internal/button.js +3 -8
  62. package/_internal/card-actions.js +1 -4
  63. package/_internal/card-body.js +1 -4
  64. package/_internal/card-header.js +1 -8
  65. package/_internal/card.js +2 -11
  66. package/_internal/checkbox-group.js +2 -6
  67. package/_internal/checkbox.js +2 -6
  68. package/_internal/colors.js +87 -91
  69. package/_internal/conditional-wrapper.js +2 -2
  70. package/_internal/detailed-card-collapsible-section-items.js +1 -3
  71. package/_internal/detailed-card-header.js +1 -7
  72. package/_internal/detailed-card-section-item.js +1 -10
  73. package/_internal/detailed-card-section.js +1 -6
  74. package/_internal/detailed-card.js +2 -16
  75. package/_internal/flexbox.js +2 -5
  76. package/_internal/focus-within-group.js +3 -3
  77. package/_internal/fonts.js +4 -6
  78. package/_internal/gradient-border.js +35 -16
  79. package/_internal/grid-item.js +1 -4
  80. package/_internal/grid.js +2 -6
  81. package/_internal/heading.js +2 -6
  82. package/_internal/icon-button-link.js +2 -8
  83. package/_internal/icon-button.js +2 -6
  84. package/_internal/icon.js +2 -6
  85. package/_internal/item.js +2 -8
  86. package/_internal/link-button.js +2 -8
  87. package/_internal/link.js +3 -8
  88. package/_internal/listbox.js +3 -6
  89. package/_internal/number-field.js +2 -9
  90. package/_internal/number.js +2 -7
  91. package/_internal/pill.js +2 -6
  92. package/_internal/progress-bar.js +2 -5
  93. package/_internal/radio-group.js +2 -6
  94. package/_internal/radio.js +2 -6
  95. package/_internal/shared.js +2 -5
  96. package/_internal/shield.js +2 -6
  97. package/_internal/side-navigation-menu-bar.js +3 -9
  98. package/_internal/side-navigation-menu-item.js +2 -8
  99. package/_internal/side-navigation-menu.js +2 -8
  100. package/_internal/skeleton-circle.js +1 -6
  101. package/_internal/skeleton-text.js +2 -6
  102. package/_internal/skeleton.js +1 -7
  103. package/_internal/spinner.js +2 -5
  104. package/_internal/styles.js +235 -17
  105. package/_internal/styles2.js +44 -280
  106. package/_internal/switch-group.js +2 -6
  107. package/_internal/switch.js +2 -6
  108. package/_internal/text-area.js +2 -9
  109. package/_internal/text-field.js +2 -10
  110. package/_internal/text.js +2 -6
  111. package/_internal/theme.js +1 -3
  112. package/_internal/types.js +7 -31
  113. package/_internal/types2.js +18 -29
  114. package/_internal/types3.js +15 -18
  115. package/_internal/useAppSidePanel.js +331 -6
  116. package/_internal/useFocusOnList.js +502 -44
  117. package/_internal/useListboxItem.js +120 -23
  118. package/_internal/useSideNavigationMenuBar.js +371 -7
  119. package/_internal/useTheme.js +10 -8
  120. package/index.d.ts +4667 -0
  121. package/index.js +523 -1674
  122. package/package.json +2 -2
  123. package/_internal/SideNavigationMenuBar.js +0 -9
  124. package/_internal/helpers.js +0 -23
  125. package/_internal/types10.js +0 -20
  126. package/_internal/types11.js +0 -27
  127. package/_internal/types12.js +0 -35
  128. package/_internal/types13.js +0 -143
  129. package/_internal/types14.js +0 -11
  130. package/_internal/types15.js +0 -62
  131. package/_internal/types16.js +0 -56
  132. package/_internal/types17.js +0 -57
  133. package/_internal/types18.js +0 -40
  134. package/_internal/types19.js +0 -101
  135. package/_internal/types20.js +0 -47
  136. package/_internal/types21.js +0 -68
  137. package/_internal/types22.js +0 -52
  138. package/_internal/types23.js +0 -174
  139. package/_internal/types24.js +0 -18
  140. package/_internal/types25.js +0 -12
  141. package/_internal/types26.js +0 -36
  142. package/_internal/types27.js +0 -72
  143. package/_internal/types28.js +0 -73
  144. package/_internal/types29.js +0 -99
  145. package/_internal/types4.js +0 -67
  146. package/_internal/types5.js +0 -11
  147. package/_internal/types6.js +0 -11
  148. package/_internal/types7.js +0 -28
  149. package/_internal/types8.js +0 -72
  150. package/_internal/types9.js +0 -16
@@ -1,11 +0,0 @@
1
- import { ComponentProps } from 'react';
2
- import { C as ContainerProps } from './styles2.js';
3
-
4
- /**
5
- * Component props.
6
- */
7
- interface CardActionsProps extends ComponentProps<'div'>, ContainerProps {
8
- }
9
- type StyledCardActionsProps = CardActionsProps;
10
-
11
- export { CardActionsProps as C, StyledCardActionsProps as S };
@@ -1,11 +0,0 @@
1
- import { ComponentProps } from 'react';
2
- import { C as ContainerProps } from './styles2.js';
3
-
4
- /**
5
- * Component props.
6
- */
7
- interface CardBodyProps extends ComponentProps<'div'>, ContainerProps {
8
- }
9
- type StyledCardBodyProps = CardBodyProps;
10
-
11
- export { CardBodyProps as C, StyledCardBodyProps as S };
@@ -1,28 +0,0 @@
1
- import { ComponentProps } from 'react';
2
- import { b as HeadingProps } from './types15.js';
3
- import { b as IconProps } from './types17.js';
4
- import { h as StylingProps, g as FlexLayoutProps } from './styles2.js';
5
-
6
- /**
7
- * Component props.
8
- */
9
- interface CardHeaderProps extends ComponentProps<'div'>, StylingProps, Omit<FlexLayoutProps, 'inline'> {
10
- /** Header. */
11
- header?: string;
12
- /** Heading props allowing to override the component rendered by the heading without changing its style. */
13
- headingProps?: Pick<HeadingProps, 'as' | 'noWrap' | 'variant'>;
14
- /** Subheader */
15
- subheader?: string;
16
- /**
17
- * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
18
- * Can also be a ReactElement.
19
- */
20
- icon?: IconProps['icon'];
21
- /** Custom props to pass to the Icon component. */
22
- iconProps?: Omit<IconProps, 'ref' | 'icon'>;
23
- /** Whether the card is loading or not. */
24
- isLoading?: boolean;
25
- }
26
- type StyledCardHeaderProps = CardHeaderProps;
27
-
28
- export { CardHeaderProps as C, StyledCardHeaderProps as S };
@@ -1,72 +0,0 @@
1
- import { ComponentProps } from 'react';
2
- import { V as ValueOf } from './helpers.js';
3
- import { h as StylingProps } from './styles2.js';
4
- import { T as Theme } from './colors.js';
5
-
6
- /**
7
- * Context props.
8
- */
9
- type CheckboxGroupState = {
10
- /** Adds a value to the set of selected values. */
11
- addValue(value: string): void;
12
- /** Whether the checkbox group is disabled or not. */
13
- readonly isDisabled: boolean;
14
- /** Whether the checkbox group is read only or not. */
15
- readonly isReadOnly: boolean;
16
- /** Removes a value from the set of selected values. */
17
- removeValue(value: string): void;
18
- /** Sets the selected values. */
19
- setValue(value: string[]): void;
20
- /** Current selected values. */
21
- readonly value: readonly string[];
22
- };
23
- /**
24
- * Component orientation.
25
- */
26
- declare const CheckboxGroupOrientation: {
27
- readonly vertical: "vertical";
28
- readonly horizontal: "horizontal";
29
- };
30
- type CheckboxGroupOrientation = ValueOf<typeof CheckboxGroupOrientation>;
31
- /**
32
- * Component props.
33
- */
34
- interface CheckboxGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps {
35
- /**
36
- * Default selected values.
37
- * Used for uncontrolled version.
38
- */
39
- defaultValues?: string[];
40
- /** Description of the checkbox group. */
41
- description?: string;
42
- /** Whether the component is disabled or not. */
43
- isDisabled?: boolean;
44
- /** Whether the component is invalid or not. */
45
- isInvalid?: boolean;
46
- /** Whether the component is read only or not. */
47
- isReadOnly?: boolean;
48
- /** Whether the component is required or not. */
49
- isRequired?: boolean;
50
- /** Label of the checkbox group. */
51
- label?: string;
52
- /** Method to handle component change. */
53
- onChange?(values: string[]): void;
54
- /** Method to handle component change. */
55
- orientation?: CheckboxGroupOrientation;
56
- /** Theme. */
57
- theme?: Theme;
58
- /**
59
- * Currently selected values.
60
- * Used for controlled version.
61
- */
62
- value?: string[];
63
- }
64
- type StyledCheckboxGroupProps = Omit<CheckboxGroupProps, 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'orientation' | 'isRequired'> & {
65
- $isDisabled: CheckboxGroupProps['isDisabled'];
66
- $isInvalid: CheckboxGroupProps['isInvalid'];
67
- $isReadOnly: CheckboxGroupProps['isReadOnly'];
68
- $orientation: CheckboxGroupProps['orientation'];
69
- $theme: CheckboxGroupProps['theme'];
70
- };
71
-
72
- export { CheckboxGroupState as C, StyledCheckboxGroupProps as S, CheckboxGroupOrientation as a, CheckboxGroupProps as b };
@@ -1,16 +0,0 @@
1
- import { ComponentProps } from 'react';
2
-
3
- /**
4
- * Component props.
5
- */
6
- interface DetailedCardCollapsibleSectionItemsProps extends ComponentProps<'div'> {
7
- /** Small caption at the bottom right corner of the collapsible area. */
8
- caption?: string;
9
- /** Whether the background should be hidden or not. */
10
- hideBackground?: boolean;
11
- }
12
- type StyledDetailedCardCollapsibleSectionItemsProps = Omit<DetailedCardCollapsibleSectionItemsProps, 'hideBackground'> & {
13
- $hideBackground: DetailedCardCollapsibleSectionItemsProps['hideBackground'];
14
- };
15
-
16
- export { DetailedCardCollapsibleSectionItemsProps as D, StyledDetailedCardCollapsibleSectionItemsProps as S };