@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
@@ -1,30 +0,0 @@
1
- import { ComponentProps } from 'react';
2
- import { h as StylingProps, I as InternalSpacingProps, g as FlexLayoutProps, B as BorderProps } 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 FlexboxProps extends ComponentProps<'div'>, StylingProps, InternalSpacingProps, FlexLayoutProps, BorderProps {
10
- /** Used to use a different tag in lieu of a div. */
11
- as?: any;
12
- /** Whether the flexbox has internal divider or not. The number of pixels defining the gap between columns and rows is mandatory. This replaces the gap property. */
13
- divider?: {
14
- colGap: number;
15
- rowGap: number;
16
- };
17
- /** Theme. */
18
- theme?: Theme;
19
- }
20
- type StyledFlexboxProps = FlexboxProps & {
21
- $divider: FlexboxProps['divider'];
22
- $theme: FlexboxProps['theme'];
23
- };
24
-
25
- /**
26
- * The Flexbox component.
27
- */
28
- declare const Flexbox: Comp<FlexboxProps, HTMLDivElement>;
29
-
30
- export { FlexboxProps as F, StyledFlexboxProps as S, Flexbox as a };
@@ -1,32 +0,0 @@
1
- import { G as GridItemProps } from './types.d14.ts';
2
- import { ComponentProps } from 'react';
3
- import { h as StylingProps, I as InternalSpacingProps, G as GridLayoutProps, B as BorderProps } 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 GridProps extends ComponentProps<'div'>, StylingProps, InternalSpacingProps, GridLayoutProps, BorderProps {
11
- /** Whether the grid has divider or not. The number of pixels defining the gap between columns and rows is mandatory. This replaces the grid gap property. */
12
- divider?: {
13
- colGap: number;
14
- rowGap: number;
15
- };
16
- /** Theme. */
17
- theme?: Theme;
18
- }
19
- type StyledGridProps = GridProps & {
20
- $divider: GridProps['divider'];
21
- $theme: GridProps['theme'];
22
- };
23
-
24
- /**
25
- * The Grid component.
26
- */
27
- declare const BaseGrid: Comp<GridProps, HTMLDivElement>;
28
- declare const Grid: Comp<GridProps, HTMLDivElement> & {
29
- Item: Comp<GridItemProps, HTMLDivElement>;
30
- };
31
-
32
- export { BaseGrid as B, GridProps as G, StyledGridProps as S, Grid as a };
@@ -1,9 +0,0 @@
1
- import { G as GridItemProps } from './types.d14.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The GridItem component.
6
- */
7
- declare const GridItem: Comp<GridItemProps, HTMLDivElement>;
8
-
9
- export { GridItem as G };
@@ -1,9 +0,0 @@
1
- import { b as HeadingProps } from './types.d15.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The Heading component.
6
- */
7
- declare const Heading: Comp<HeadingProps, HTMLDivElement>;
8
-
9
- export { Heading as H };
@@ -1,10 +0,0 @@
1
- import { I as IconSize, a as IconDimensions, b as IconProps } from './types.d17.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- declare const sizeToDimension: (size: IconSize | IconDimensions) => IconDimensions;
5
- /**
6
- * The Icon component.
7
- */
8
- declare const Icon: Comp<IconProps, HTMLSpanElement>;
9
-
10
- export { Icon as I, sizeToDimension as s };
@@ -1,12 +0,0 @@
1
- import { b as IconButtonProps } from './types.d16.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The Icon Button is a component that contains only one icon as a child, without text.
6
- *
7
- * This component should use aria-label, aria-labelledby or aria-describedby to make this
8
- * component usable with a screen reader.
9
- */
10
- declare const IconButton: Comp<IconButtonProps, HTMLButtonElement>;
11
-
12
- export { IconButton as I };
@@ -1,28 +0,0 @@
1
- import { b as IconButtonProps } from './types.d16.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 IconButtonLinkProps extends Omit<LinkProps, 'color'>, Pick<IconButtonProps, 'icon' | 'iconProps' | 'color' | 'isActive' | 'isDisabled' | 'isHovered' | 'variant' | 'theme'> {
9
- }
10
- type StyledIconButtonLinkProps = Omit<IconButtonLinkProps, 'isActive' | 'isDisabled' | 'variant' | 'color' | 'size'> & {
11
- $isActive: IconButtonLinkProps['isActive'];
12
- $isDisabled: IconButtonLinkProps['isDisabled'];
13
- $isHovered: IconButtonLinkProps['isHovered'];
14
- $variant: IconButtonLinkProps['variant'];
15
- $theme: IconButtonLinkProps['theme'];
16
- $color: IconButtonLinkProps['color'];
17
- };
18
-
19
- /**
20
- * The IconButtonLink is a semantic link that looks like an icon button.
21
- *
22
- * For a semantic button that looks like an icon button, please use the IconButton 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 IconButtonLink: Comp<IconButtonLinkProps, HTMLAnchorElement>;
27
-
28
- export { IconButtonLinkProps as I, StyledIconButtonLinkProps as S, IconButtonLink as a };
@@ -1,82 +0,0 @@
1
- import * as styled_components from 'styled-components';
2
- import { B as ButtonsColorPalette, T as Theme } from './colors.js';
3
- import { ComponentProps, MouseEvent } from 'react';
4
- import { d as ListboxContextProps } from './types.d19.ts';
5
- import { C as ContainerProps } from './styles.d2.ts';
6
- import { C as Comp } from './helpers.js';
7
-
8
- /**
9
- * Component color.
10
- */
11
- type ItemColor = ButtonsColorPalette;
12
- /**
13
- * Component props.
14
- */
15
- interface ItemProps extends Omit<ComponentProps<any>, 'onClick'>, ContainerProps {
16
- /** Border radius, only if hasBorder is true. */
17
- borderRadius?: string;
18
- /** Color variant. */
19
- color?: ItemColor;
20
- /**
21
- * Default select status.
22
- * Used for uncontrolled version.
23
- */
24
- defaultSelected?: boolean;
25
- /** Whether the component is active or not. */
26
- isActive?: boolean;
27
- /** Whether the component is disabled or not. */
28
- isDisabled?: boolean;
29
- /** Whether the component is focused or not. */
30
- isFocused?: boolean;
31
- /** Whether the component is hovered or not. */
32
- isHovered?: boolean;
33
- /** Whether the Item has borders or not. */
34
- hasBorder?: boolean;
35
- /** Whether the Item is selectable within a group of multiple selectable Items. */
36
- hasCheckbox?: boolean;
37
- /**
38
- * Whether the component is selected or not.
39
- * Used for controlled version.
40
- */
41
- isSelected?: boolean;
42
- /** Method to handle component change. */
43
- onClick?: (isSelected: boolean, value?: string, event?: MouseEvent<HTMLElement>, state?: ListboxContextProps) => void | ComponentProps<'div'>['onClick'];
44
- /** Theme. */
45
- theme?: Theme;
46
- /** Value. */
47
- value?: string;
48
- }
49
- type StyledItemProps = Omit<ItemProps, 'color' | 'onClick' | 'value'> & {
50
- $borderRadius: ItemProps['borderRadius'];
51
- $color: ItemProps['color'];
52
- $hasBorder: ItemProps['hasBorder'];
53
- $hasCheckbox: ItemProps['hasCheckbox'];
54
- $isActive: ItemProps['isActive'];
55
- $isDisabled: ItemProps['isDisabled'];
56
- $isGradient: boolean;
57
- $isHovered: ItemProps['isHovered'];
58
- $theme: ItemProps['theme'];
59
- };
60
-
61
- /**
62
- * Component style.
63
- */
64
- declare const StyledItem: styled_components.StyledComponent<"div", any, Omit<ItemProps, "color" | "onClick" | "value"> & {
65
- $borderRadius: string | undefined;
66
- $color: string | undefined;
67
- $hasBorder: boolean | undefined;
68
- $hasCheckbox: boolean | undefined;
69
- $isActive: boolean | undefined;
70
- $isDisabled: boolean | undefined;
71
- $isGradient: boolean;
72
- $isHovered: boolean | undefined;
73
- $theme: Theme | undefined;
74
- }, never>;
75
-
76
- declare const RenderedListboxItem: Comp<Omit<ItemProps, 'value'> & Required<Pick<ItemProps, 'value'>>, HTMLElement>;
77
- /**
78
- * The Item component.
79
- */
80
- declare const Item: Comp<ItemProps, HTMLElement>;
81
-
82
- export { ItemColor as I, RenderedListboxItem as R, StyledItemProps as S, ItemProps as a, StyledItem as b, Item as c };
@@ -1,26 +0,0 @@
1
- import * as styled_components from 'styled-components';
2
- import { L as LinkProps } from './types.d18.ts';
3
- import { N as NotificationsColorPalette, d as NeutralColorPalette, T as Theme } from './colors.js';
4
- import { C as Comp } from './helpers.js';
5
-
6
- /**
7
- * Component style.
8
- */
9
- declare const StyledLink: styled_components.StyledComponent<"a", any, Omit<LinkProps, "isDisabled"> & {
10
- $isDisabled: boolean | undefined;
11
- $color: (string & {}) | "radar" | NotificationsColorPalette | NeutralColorPalette | undefined;
12
- $theme: Theme | undefined;
13
- $hasIcons: boolean;
14
- }, never>;
15
-
16
- /**
17
- * The Link is a semantic link that looks like a link.
18
- * Shoud be used for internal and external navigation only.
19
- *
20
- * For a semantic link that looks like a button, please use the ButtonLink component.
21
- * For a semantic button that looks like a button, please use the Button component.
22
- * For a semantic button that looks like a link, please use the LinkButton component.
23
- */
24
- declare const Link: Comp<LinkProps, HTMLAnchorElement>;
25
-
26
- export { Link as L, StyledLink as S };
@@ -1,23 +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 LinkButtonProps extends Pick<LinkProps, 'color' | 'leftIcon' | 'leftIconProps' | 'rightIconProps' | 'rightIcon'>, Omit<ButtonProps, 'color' | 'fullWidth' | 'leftIcon' | 'leftIconProps' | 'rightIconProps' | 'rightIcon' | 'size' | 'variant'> {
9
- }
10
- type StyledLinkButtonProps = Omit<LinkButtonProps, 'isDisabled'> & {
11
- $isDisabled: LinkButtonProps['isDisabled'];
12
- };
13
-
14
- /**
15
- * The LinkButton is a semantic button that looks like a link.
16
- *
17
- * For a semantic button that looks like a button, please use the Button component.
18
- * For a semantic link that looks like a link, please use the Link component.
19
- * For a semantic link that looks like a button, please use the ButtonLink component.
20
- */
21
- declare const LinkButton: Comp<LinkButtonProps, HTMLButtonElement>;
22
-
23
- export { LinkButtonProps as L, StyledLinkButtonProps as S, LinkButton as a };
@@ -1,69 +0,0 @@
1
- import { b as TextProps } from './types.d28.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- interface NumberFormatOptions {
5
- }
6
- /**
7
- * Component props.
8
- */
9
- interface NumberProps extends TextProps {
10
- /** Value. */
11
- value: number;
12
- /** The formatting style to use. */
13
- type?: 'decimal' | 'currency' | 'percent' | 'unit';
14
- /** Only used when notation is 'compact'. */
15
- compactDisplay?: 'short' | 'long';
16
- /** The currency to use in currency formatting. Possible values are the ISO 4217 currency codes, such as "USD" for the US dollar, "EUR" for the euro, or "CNY" for the Chinese RMB */
17
- currency?: string;
18
- /** How to display the currency in currency formatting. */
19
- currencyDisplay?: 'symbol' | 'narrowSymbol' | 'code' | 'name';
20
- /** In many locales, accounting format means to wrap the number with parentheses instead of appending a minus sign. */
21
- currencySign?: 'standard' | 'accounting';
22
- /** The locale matching algorithm to use. */
23
- localeMatcher?: 'best fit' | 'lookup';
24
- /** The formatting that should be displayed for the number. */
25
- notation?: 'standard' | 'scientific' | 'engineering' | 'compact';
26
- /** Overrides default numbering system for the current locale. */
27
- numberingSystem?: string;
28
- /** When to display the sign for the number. */
29
- signDisplay?: 'auto' | 'always' | 'exceptZero' | 'never';
30
- /** The unit to use in unit formatting. */
31
- unit?: string;
32
- /** The unit formatting style to use in unit formatting. */
33
- unitDisplay?: 'long' | 'short' | 'narrow';
34
- /** Whether to use grouping separators. */
35
- useGrouping?: boolean;
36
- /** Options for rounding modes. */
37
- roundingMode?: 'ceil' | 'floor' | 'expand' | 'trunc' | 'halfCeil' | 'halfFloor' | 'halfExpand' | 'halfTrunc' | 'halfEven';
38
- /** Specify how rounding conflicts will be resolved. */
39
- roundingPriority?: 'auto' | 'morePrecision' | 'lessPrecision';
40
- /** Specifies the rounding-increment precision. */
41
- roundingIncrement?: 1 | 2 | 5 | 10 | 20 | 25 | 50 | 100 | 200 | 250 | 500 | 1000 | 2000 | 2500 | 5000;
42
- /** A string expressing the strategy for displaying trailing zeros on whole numbers. */
43
- trailingZeroDisplay?: 'auto' | 'stripIfInteger';
44
- /** The minimum number of integer digits to use. A value with a smaller number of integer digits than this number will be left-padded with zeros (to the specified length) when formatted. */
45
- minimumIntegerDigits?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21;
46
- /** The minimum number of fraction digits to use. */
47
- minimumFractionDigits?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20;
48
- /** The maximum number of fraction digits to use. */
49
- maximumFractionDigits?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20;
50
- /** The minimum number of significant digits to use. */
51
- minimumSignificantDigits?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21;
52
- /** The maximum number of significant digits to use. */
53
- maximumSignificantDigits?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21;
54
- }
55
- type StyledNumberProps = Omit<NumberProps, 'as' | 'color' | 'fontFamily' | 'fontSize' | 'value' | 'variant'> & {
56
- $color: NumberProps['color'];
57
- $fontFamily: NumberProps['fontFamily'];
58
- $fontSize: NumberProps['fontSize'];
59
- $fontWeight: NumberProps['fontWeight'];
60
- $variant: NumberProps['variant'];
61
- $theme: NumberProps['theme'];
62
- };
63
-
64
- /**
65
- * The Number component.
66
- */
67
- declare const Number: Comp<NumberProps, HTMLDivElement>;
68
-
69
- export { NumberFormatOptions as N, StyledNumberProps as S, NumberProps as a, Number as b };
@@ -1,80 +0,0 @@
1
- import { FocusEvent, KeyboardEvent, ChangeEvent } from 'react';
2
- import { b as TextFieldProps } from './types.d29.ts';
3
- import { V as ValueOf, C as Comp } from './helpers.js';
4
-
5
- /**
6
- * Component variant.
7
- */
8
- declare const NumberFieldVariant: {
9
- readonly default: "default";
10
- readonly underline: "underline";
11
- };
12
- type NumberFieldVariant = ValueOf<typeof NumberFieldVariant>;
13
- /**
14
- * Component props.
15
- */
16
- interface NumberFieldProps extends Omit<TextFieldProps, 'defaultValue' | 'onChange' | 'value' | 'onBlur' | 'onFocus' | 'onKeyDown' | 'onKeyUp' | 'after' | 'internal' | 'pills' | 'placeholder'> {
17
- /** Handler that is called when the element receives focus. */
18
- onFocus?: (e: FocusEvent<Element>) => void;
19
- /** Handler that is called when the element loses focus. */
20
- onBlur?: (e: FocusEvent<Element>) => void;
21
- /** Handler that is called when the element's focus status changes. */
22
- onFocusChange?: (isFocused: boolean) => void;
23
- /** Handler that is called when a key is pressed. */
24
- onKeyDown?: (e: KeyboardEvent<HTMLElement>) => void;
25
- /** Handler that is called when a key is released. */
26
- onKeyUp?: (e: KeyboardEvent<HTMLElement>) => void;
27
- /**
28
- * Default value.
29
- * Used for uncontrolled version.
30
- */
31
- defaultValue?: number;
32
- /** Method to handle component change. */
33
- onChange?(value?: number, name?: string, event?: ChangeEvent<HTMLInputElement>): void;
34
- /**
35
- * Input value.
36
- * Used for controlled version.
37
- */
38
- value?: number;
39
- /** Placeholder. */
40
- placeholder?: number;
41
- /** A custom aria-label for the decrement button. If not provided, the localized string "Decrement" is used. */
42
- decrementAriaLabel?: string;
43
- /** A custom aria-label for the increment button. If not provided, the localized string "Increment" is used. */
44
- incrementAriaLabel?: string;
45
- /**
46
- * Enables or disables changing the value with scroll.
47
- */
48
- isWheelDisabled?: boolean;
49
- /**
50
- * Formatting options for the value displayed in the number field.
51
- * This also affects what characters are allowed to be typed by the user.
52
- */
53
- formatOptions?: Intl.NumberFormatOptions;
54
- /** The smallest value allowed for the input. */
55
- minValue?: number;
56
- /** The largest value allowed for the input. */
57
- maxValue?: number;
58
- /** The amount that the input value changes with each increment or decrement "tick". */
59
- step?: number;
60
- }
61
- type StyledNumberFieldProps = Omit<NumberFieldProps, 'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'onChange' | 'onBlur' | 'onFocus'> & {
62
- $hasLeftIcon: boolean;
63
- $hasContent: boolean;
64
- $isColored: NumberFieldProps['isColored'];
65
- $isDisabled: NumberFieldProps['isDisabled'];
66
- $isInvalid: NumberFieldProps['isInvalid'];
67
- $isFocused: boolean;
68
- $isFocusVisible: boolean;
69
- $isRequired: NumberFieldProps['isRequired'];
70
- $theme: NumberFieldProps['theme'];
71
- $variant: NumberFieldProps['variant'];
72
- };
73
-
74
- /**
75
- * The NumberField component.
76
- * Can be used as controlled or uncontrolled.
77
- */
78
- declare const NumberField: Comp<NumberFieldProps, HTMLDivElement>;
79
-
80
- export { NumberFieldVariant as N, StyledNumberFieldProps as S, NumberFieldProps as a, NumberField as b };
@@ -1,9 +0,0 @@
1
- import { a as PillProps } from './types.d20.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The Pill component.
6
- */
7
- declare const Pill: Comp<PillProps, HTMLDivElement>;
8
-
9
- export { Pill as P };
@@ -1,26 +0,0 @@
1
- import { LinearProgressProps } from '@mui/material/LinearProgress';
2
- import { T as Theme } from './colors.js';
3
- import { C as Comp } from './helpers.js';
4
-
5
- /**
6
- * Component props.
7
- */
8
- interface ProgressBarProps extends LinearProgressProps {
9
- /** Color of the progress part of the bar. */
10
- progressColor?: string;
11
- /** Color of the background part of the bar. */
12
- backgroundColor?: string;
13
- /** Height of the bar. */
14
- height?: string;
15
- /** Theme. */
16
- theme?: Theme;
17
- /** Width of the bar. */
18
- width?: string;
19
- }
20
-
21
- /**
22
- * The Progress bar component.
23
- */
24
- declare const ProgressBar: Comp<ProgressBarProps, HTMLProgressElement>;
25
-
26
- export { ProgressBarProps as P, ProgressBar as a };
@@ -1,66 +0,0 @@
1
- import { ComponentProps, MutableRefObject, ChangeEvent } from 'react';
2
- import { R as RadioGroupState } from './types.d21.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 RadioProps 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 component is invalid or not. */
27
- isInvalid?: boolean;
28
- /** Whether the component is read only or not. */
29
- isReadOnly?: boolean;
30
- /** Whether the component is required or not. */
31
- isRequired?: boolean;
32
- /**
33
- * Whether the component is selected or not.
34
- * Used for controlled version.
35
- */
36
- isSelected?: boolean;
37
- /** Name to pass to the input element. */
38
- name?: HTMLInputElement['name'];
39
- /** Method to handle component change. */
40
- onChange?(isChecked: boolean, value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>, state?: RadioGroupState): void;
41
- /** Theme. */
42
- theme?: Theme;
43
- /**
44
- * Value to pass to the input element.
45
- * Required within a group.
46
- */
47
- value?: HTMLInputElement['value'];
48
- }
49
- type StyledRadioProps = Omit<RadioProps, 'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isSelected' | 'isRequired' | 'size'> & {
50
- $isColored: RadioProps['isColored'];
51
- $isDisabled: RadioProps['isDisabled'];
52
- $isInvalid: RadioProps['isInvalid'];
53
- $isFocusVisible: boolean;
54
- $isRequired: RadioProps['isRequired'];
55
- $isSelected: RadioProps['isSelected'];
56
- $theme: RadioProps['theme'];
57
- };
58
-
59
- /**
60
- * The Radio component.
61
- * Works both inside a RadioGroup or as standalone.
62
- * Can be used as controlled or uncontrolled.
63
- */
64
- declare const Radio: Comp<RadioProps, HTMLLabelElement>;
65
-
66
- export { RadioProps as R, StyledRadioProps as S, Radio as a };
@@ -1,10 +0,0 @@
1
- import { b as RadioGroupProps } from './types.d21.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The RadioGroup component.
6
- * Can be used as controlled or uncontrolled.
7
- */
8
- declare const RadioGroup: Comp<RadioGroupProps, HTMLDivElement>;
9
-
10
- export { RadioGroup as R };
@@ -1,9 +0,0 @@
1
- import { a as ShieldProps } from './types.d22.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The Shield component.
6
- */
7
- declare const Shield: Comp<ShieldProps, HTMLDivElement>;
8
-
9
- export { Shield as S };
@@ -1,9 +0,0 @@
1
- import { l as SideNavigationMenuProps } from './types.d23.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The SideNavigationMenu component.
6
- */
7
- declare const SideNavigationMenu: Comp<SideNavigationMenuProps, HTMLDivElement>;
8
-
9
- export { SideNavigationMenu as S };
@@ -1,9 +0,0 @@
1
- import { b as SideNavigationMenuBarProps } from './types.d23.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The SideNavigationMenuBar component.
6
- */
7
- declare const SideNavigationMenuBar: Comp<SideNavigationMenuBarProps, HTMLElement>;
8
-
9
- export { SideNavigationMenuBar as S };
@@ -1,9 +0,0 @@
1
- import { f as SideNavigationMenuItemProps } from './types.d23.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The SideNavigationMenuItem component.
6
- */
7
- declare const SideNavigationMenuItem: Comp<SideNavigationMenuItemProps, HTMLAnchorElement>;
8
-
9
- export { SideNavigationMenuItem as S };
@@ -1,15 +0,0 @@
1
- import { a as SkeletonTextProps } from './types.d26.ts';
2
- import { S as SkeletonCircleProps } from './types.d25.ts';
3
- import { S as SkeletonProps } from './types.d24.ts';
4
- import { C as Comp } from './helpers.js';
5
-
6
- /**
7
- * The Skeleton component.
8
- */
9
- declare const BaseSkeleton: Comp<SkeletonProps, HTMLDivElement>;
10
- declare const Skeleton: Comp<SkeletonProps, HTMLDivElement> & {
11
- Circle: Comp<SkeletonCircleProps, HTMLDivElement>;
12
- Text: Comp<SkeletonTextProps, HTMLDivElement>;
13
- };
14
-
15
- export { BaseSkeleton as B, Skeleton as S };
@@ -1,9 +0,0 @@
1
- import { S as SkeletonCircleProps } from './types.d25.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The SkeletonCircle component.
6
- */
7
- declare const SkeletonCircle: Comp<SkeletonCircleProps, HTMLDivElement>;
8
-
9
- export { SkeletonCircle as S };
@@ -1,9 +0,0 @@
1
- import { a as SkeletonTextProps } from './types.d26.ts';
2
- import { C as Comp } from './helpers.js';
3
-
4
- /**
5
- * The SkeletonText component.
6
- */
7
- declare const SkeletonText: Comp<SkeletonTextProps, HTMLDivElement>;
8
-
9
- export { SkeletonText as S };