@zextras/carbonio-design-system 5.1.0 → 6.0.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/.storybook/main.ts +1 -4
- package/CHANGELOG.md +27 -0
- package/dist/zapp-ui.bundle.d.ts +42 -58
- package/dist/zapp-ui.bundle.js +17287 -5245
- package/package.json +10 -11
package/.storybook/main.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { StorybookConfig } from '@storybook/react-webpack5';
|
|
2
2
|
|
|
3
3
|
const config: StorybookConfig = {
|
|
4
|
-
stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
|
|
4
|
+
stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)', '../docs/**/*.mdx'],
|
|
5
5
|
addons: [
|
|
6
6
|
'@storybook/addon-webpack5-compiler-babel',
|
|
7
7
|
'@storybook/addon-essentials',
|
|
@@ -13,9 +13,6 @@ const config: StorybookConfig = {
|
|
|
13
13
|
options: {}
|
|
14
14
|
},
|
|
15
15
|
typescript: {
|
|
16
|
-
// see https://github.com/storybookjs/storybook/issues/26586
|
|
17
|
-
check: false,
|
|
18
|
-
skipCompiler: false,
|
|
19
16
|
reactDocgen: 'react-docgen-typescript'
|
|
20
17
|
}
|
|
21
18
|
};
|
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,33 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
## [6.0.0](https://github.com/Zextras/carbonio-design-system/compare/v5.1.0...v6.0.0) (2024-06-12)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### ⚠ BREAKING CHANGES
|
|
9
|
+
|
|
10
|
+
* **Icon:** remove customColor prop
|
|
11
|
+
* **Icon:** remove onClick prop
|
|
12
|
+
* **Icon:** remove iconCustomColor AccordionItemType field
|
|
13
|
+
* remove EmailComposerInput component
|
|
14
|
+
|
|
15
|
+
### Features
|
|
16
|
+
|
|
17
|
+
* remove EmailComposerInput component ([b29de02](https://github.com/Zextras/carbonio-design-system/commit/b29de02675d14d87bbadc33b8302adb5dd126f2c)), closes [#324](https://github.com/Zextras/carbonio-design-system/issues/324)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Bug Fixes
|
|
21
|
+
|
|
22
|
+
* avoid to call onVisible 2 times ([3741bd4](https://github.com/Zextras/carbonio-design-system/commit/3741bd4a067a808734e253c340a7d679a8f82532)), closes [#331](https://github.com/Zextras/carbonio-design-system/issues/331)
|
|
23
|
+
* **DateTimePicker:** disable input actions when component is disabled ([750f6fc](https://github.com/Zextras/carbonio-design-system/commit/750f6fcb860feb6c4c111f3fd2537aa7f25387a6)), closes [#332](https://github.com/Zextras/carbonio-design-system/issues/332)
|
|
24
|
+
* **Icon:** align to UI kit ([e071b2e](https://github.com/Zextras/carbonio-design-system/commit/e071b2e77972a4edf65f3ffae3ec587cf0ecfeb4)), closes [#337](https://github.com/Zextras/carbonio-design-system/issues/337)
|
|
25
|
+
* **Input, ChipInput:** avoid long placeholder overlap icon ([ab9ab5d](https://github.com/Zextras/carbonio-design-system/commit/ab9ab5de5904fbb0e7b50a8da073776c9a3a3cf2)), closes [#335](https://github.com/Zextras/carbonio-design-system/issues/335)
|
|
26
|
+
* **Select:** remove onChange call from reducer ([5c43154](https://github.com/Zextras/carbonio-design-system/commit/5c431541a6699db326c79f8c6c6ccc5130b55f7b)), closes [#323](https://github.com/Zextras/carbonio-design-system/issues/323)
|
|
27
|
+
* **Text:** align to UI kit ([e6d42d9](https://github.com/Zextras/carbonio-design-system/commit/e6d42d916579454e11d5f4178d98cffed45a37d6)), closes [#322](https://github.com/Zextras/carbonio-design-system/issues/322)
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
* **Icon:** remove Icon deprecated props ([803f72e](https://github.com/Zextras/carbonio-design-system/commit/803f72eb0974cfbe828d89e8ae08a7c229a3fcb4)), closes [#333](https://github.com/Zextras/carbonio-design-system/issues/333)
|
|
31
|
+
|
|
5
32
|
## [5.1.0](https://github.com/Zextras/carbonio-design-system/compare/v5.0.0...v5.1.0) (2024-05-21)
|
|
6
33
|
|
|
7
34
|
|
package/dist/zapp-ui.bundle.d.ts
CHANGED
|
@@ -45,8 +45,6 @@ export declare type AccordionItemType = {
|
|
|
45
45
|
CustomComponent?: React_2.ComponentType<{
|
|
46
46
|
item: AccordionItemType;
|
|
47
47
|
}>;
|
|
48
|
-
/** @deprecated Use iconColor instead */
|
|
49
|
-
iconCustomColor?: string;
|
|
50
48
|
iconColor?: string;
|
|
51
49
|
badgeType?: 'read' | 'unread';
|
|
52
50
|
badgeCounter?: number;
|
|
@@ -90,7 +88,7 @@ declare type ActionButton = ButtonProps & {
|
|
|
90
88
|
backgroundColor?: never;
|
|
91
89
|
};
|
|
92
90
|
|
|
93
|
-
declare type AnyColor = PaletteColor
|
|
91
|
+
declare type AnyColor = LiteralUnion<PaletteColor, string>;
|
|
94
92
|
|
|
95
93
|
export declare const Avatar: React_2.ForwardRefExoticComponent<AvatarPropTypes & React_2.RefAttributes<HTMLDivElement>>;
|
|
96
94
|
|
|
@@ -710,7 +708,7 @@ export declare const DateTimePicker: React_2.ForwardRefExoticComponent<DateTimeP
|
|
|
710
708
|
|
|
711
709
|
export declare interface DateTimePickerProps extends Omit<ReactDatePickerProps, 'onChange' | 'placeholderText'> {
|
|
712
710
|
/** Input's background color */
|
|
713
|
-
backgroundColor?:
|
|
711
|
+
backgroundColor?: PaletteColor;
|
|
714
712
|
/** Close icon to clear the Input */
|
|
715
713
|
isClearable?: boolean;
|
|
716
714
|
/** Label for input */
|
|
@@ -744,7 +742,7 @@ export declare interface DateTimePickerProps extends Omit<ReactDatePickerProps,
|
|
|
744
742
|
* <li>number: measure in px</li>
|
|
745
743
|
* <li>string: any measure in CSS syntax</li>
|
|
746
744
|
*/
|
|
747
|
-
width?: 'fit' | 'fill'
|
|
745
|
+
width?: LiteralUnion<'fit' | 'fill', string> | number;
|
|
748
746
|
/**
|
|
749
747
|
* Use a custom component instead of the default one.
|
|
750
748
|
* The component will be cloned by react-datepicker.
|
|
@@ -752,7 +750,7 @@ export declare interface DateTimePickerProps extends Omit<ReactDatePickerProps,
|
|
|
752
750
|
*/
|
|
753
751
|
CustomComponent?: React_2.ComponentType<{
|
|
754
752
|
value?: string;
|
|
755
|
-
onClick?: React_2.
|
|
753
|
+
onClick?: (e: React_2.SyntheticEvent | KeyboardEvent) => void;
|
|
756
754
|
}>;
|
|
757
755
|
/** Disable the input */
|
|
758
756
|
disabled?: boolean;
|
|
@@ -905,19 +903,6 @@ export declare interface DSWindow {
|
|
|
905
903
|
|
|
906
904
|
declare type ElementType = 'listItem' | 'button' | 'list' | 'chipInputKeys' | 'chipInputSpace';
|
|
907
905
|
|
|
908
|
-
export declare const EmailComposerInput: React_2.ForwardRefExoticComponent<EmailComposerInputProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
909
|
-
|
|
910
|
-
export declare interface EmailComposerInputProps extends HTMLAttributes<HTMLDivElement> {
|
|
911
|
-
/** Input's Placeholder */
|
|
912
|
-
placeholder?: string;
|
|
913
|
-
/** Placeholder Type */
|
|
914
|
-
placeholderType?: 'default' | 'inline';
|
|
915
|
-
/** Input's value */
|
|
916
|
-
value?: string;
|
|
917
|
-
/** Callback to call when Input's value changes */
|
|
918
|
-
onChange?: (ev: React_2.ChangeEvent<HTMLInputElement>) => void;
|
|
919
|
-
}
|
|
920
|
-
|
|
921
906
|
export declare const FileLoader: React_2.ForwardRefExoticComponent<FileLoaderProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
922
907
|
|
|
923
908
|
export declare type FileLoaderProps = IconButtonProps & {
|
|
@@ -1004,7 +989,7 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
|
|
|
1004
989
|
|
|
1005
990
|
declare type HTMLTextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement>;
|
|
1006
991
|
|
|
1007
|
-
export declare const Icon:
|
|
992
|
+
export declare const Icon: React_2.ForwardRefExoticComponent<IconProps & React_2.RefAttributes<SVGSVGElement>>;
|
|
1008
993
|
|
|
1009
994
|
export declare const IconButton: React_2.ForwardRefExoticComponent<IconButtonProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
1010
995
|
|
|
@@ -1066,19 +1051,11 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
|
|
|
1066
1051
|
icon: keyof DefaultTheme['icons'] | IconComponent;
|
|
1067
1052
|
/** whether the icon is in a disabled element */
|
|
1068
1053
|
disabled?: boolean;
|
|
1069
|
-
/** action to perform on Icon Click
|
|
1070
|
-
* @deprecated consider using an IconButton instead of an Icon
|
|
1071
|
-
*/
|
|
1072
|
-
onClick?: React_2.ReactEventHandler<SVGSVGElement>;
|
|
1073
1054
|
}
|
|
1074
1055
|
|
|
1075
1056
|
export declare interface IconProps extends IconComponentProps {
|
|
1076
1057
|
/** Icon Color */
|
|
1077
1058
|
color?: AnyColor;
|
|
1078
|
-
/** Custom color, css syntax
|
|
1079
|
-
* @deprecated use color instead
|
|
1080
|
-
*/
|
|
1081
|
-
customColor?: string;
|
|
1082
1059
|
/** Icon size */
|
|
1083
1060
|
size?: keyof DefaultTheme['sizes']['icon'];
|
|
1084
1061
|
}
|
|
@@ -1193,6 +1170,7 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
|
|
|
1193
1170
|
underlined?: boolean;
|
|
1194
1171
|
} & React_2.AnchorHTMLAttributes<HTMLAnchorElement> & TextProps;
|
|
1195
1172
|
|
|
1173
|
+
/** @deprecated use ListV2 instead */
|
|
1196
1174
|
export declare const List: React_2.ForwardRefExoticComponent<ListProps<any> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1197
1175
|
|
|
1198
1176
|
export declare const ListItem: React_2.ForwardRefExoticComponent<ListItemProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
@@ -1270,6 +1248,8 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
|
|
|
1270
1248
|
children: React_2.ReactElement<ListItemProps>[];
|
|
1271
1249
|
}
|
|
1272
1250
|
|
|
1251
|
+
declare type LiteralUnion<TSub, TBase> = TSub | (TBase & Record<never, never>);
|
|
1252
|
+
|
|
1273
1253
|
export declare const LoadMore: React_2.ForwardRefExoticComponent<LoadMoreProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
1274
1254
|
|
|
1275
1255
|
export declare interface LoadMoreProps extends ContainerProps {
|
|
@@ -1453,7 +1433,7 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
|
|
|
1453
1433
|
maxVisible?: number;
|
|
1454
1434
|
};
|
|
1455
1435
|
|
|
1456
|
-
export declare const Padding: React_2.ForwardRefExoticComponent<(PaddingProps & Omit<React_2.HTMLAttributes<HTMLDivElement>, "slot" | "style" | "title" | "
|
|
1436
|
+
export declare const Padding: React_2.ForwardRefExoticComponent<(PaddingProps & Omit<React_2.HTMLAttributes<HTMLDivElement>, "slot" | "style" | "title" | "className" | "color" | "height" | "id" | "lang" | "width" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "nonce" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">) & React_2.RefAttributes<HTMLDivElement>>;
|
|
1457
1437
|
|
|
1458
1438
|
export declare type PaddingObj = {
|
|
1459
1439
|
value: string | keyof DefaultTheme['sizes']['padding'] | 0;
|
|
@@ -1706,10 +1686,10 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
|
|
|
1706
1686
|
Button: ({ size, ...rest }: ButtonSkeletonProps) => React_2.JSX.Element;
|
|
1707
1687
|
Checkbox: ({ size, ...rest }: IconSkeletonProps) => React_2.JSX.Element;
|
|
1708
1688
|
EmailChip: ({ width, iconStart, iconEnd, iconEndAdditional }: {
|
|
1709
|
-
width?: string
|
|
1710
|
-
iconStart?: boolean
|
|
1711
|
-
iconEnd?: boolean
|
|
1712
|
-
iconEndAdditional?: boolean
|
|
1689
|
+
width?: string;
|
|
1690
|
+
iconStart?: boolean;
|
|
1691
|
+
iconEnd?: boolean;
|
|
1692
|
+
iconEndAdditional?: boolean;
|
|
1713
1693
|
}) => React_2.JSX.Element;
|
|
1714
1694
|
FormSection: StyledComponent<React_2.ForwardRefExoticComponent<FormElementProps & React_2.RefAttributes<HTMLDivElement>>, DefaultTheme, {
|
|
1715
1695
|
variant: string;
|
|
@@ -1721,28 +1701,28 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
|
|
|
1721
1701
|
}, never>;
|
|
1722
1702
|
Icon: ({ size, ...rest }: IconSkeletonProps) => React_2.JSX.Element;
|
|
1723
1703
|
Input: ({ width, checkbox }: {
|
|
1724
|
-
width?: string
|
|
1725
|
-
checkbox?: boolean
|
|
1704
|
+
width?: string;
|
|
1705
|
+
checkbox?: boolean;
|
|
1726
1706
|
}) => React_2.JSX.Element;
|
|
1727
1707
|
ListItem: ({ width, type }: {
|
|
1728
|
-
width?: string
|
|
1729
|
-
type?: number
|
|
1708
|
+
width?: string;
|
|
1709
|
+
type?: number;
|
|
1730
1710
|
}) => React_2.JSX.Element;
|
|
1731
1711
|
Logo: ({ size, ...rest }: LogoSkeletonProps) => React_2.JSX.Element;
|
|
1732
1712
|
Text: StyledComponent<"div", DefaultTheme, SkeletonProps, never>;
|
|
1733
1713
|
Quota: (props: SkeletonProps) => React_2.JSX.Element;
|
|
1734
1714
|
Searchbar: (props: SkeletonProps) => React_2.JSX.Element;
|
|
1735
1715
|
Snackbar: ({ width, elementStart, elementEnd }: {
|
|
1736
|
-
width?: string
|
|
1737
|
-
elementStart?: boolean
|
|
1738
|
-
elementEnd?: boolean
|
|
1716
|
+
width?: string;
|
|
1717
|
+
elementStart?: boolean;
|
|
1718
|
+
elementEnd?: boolean;
|
|
1739
1719
|
}) => React_2.JSX.Element;
|
|
1740
1720
|
Stepper: ({ size, steppersNumber, ...rest }: AvatarSkeletonComponentProps & {
|
|
1741
1721
|
steppersNumber: number;
|
|
1742
1722
|
}) => React_2.JSX.Element;
|
|
1743
1723
|
TableListItem: ({ width, type }: {
|
|
1744
|
-
width?: string
|
|
1745
|
-
type?: number
|
|
1724
|
+
width?: string;
|
|
1725
|
+
type?: number;
|
|
1746
1726
|
}) => React_2.JSX.Element;
|
|
1747
1727
|
};
|
|
1748
1728
|
|
|
@@ -1936,9 +1916,9 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
|
|
|
1936
1916
|
|
|
1937
1917
|
declare type TextOverflow = 'ellipsis' | 'break-word';
|
|
1938
1918
|
|
|
1939
|
-
export declare interface TextProps extends HTMLAttributes<HTMLDivElement> {
|
|
1919
|
+
export declare interface TextProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'children'> {
|
|
1940
1920
|
/** Text color */
|
|
1941
|
-
color?:
|
|
1921
|
+
color?: AnyColor;
|
|
1942
1922
|
/** Text size */
|
|
1943
1923
|
size?: keyof DefaultTheme['sizes']['font'];
|
|
1944
1924
|
/** Text weight */
|
|
@@ -1949,6 +1929,12 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
|
|
|
1949
1929
|
disabled?: boolean;
|
|
1950
1930
|
/** Content of the text */
|
|
1951
1931
|
children?: React_2.ReactNode;
|
|
1932
|
+
/** Italic Font style of the text */
|
|
1933
|
+
italic?: boolean;
|
|
1934
|
+
/** Alignment of the text */
|
|
1935
|
+
textAlign?: React_2.CSSProperties['textAlign'];
|
|
1936
|
+
/** Line Height of the text */
|
|
1937
|
+
lineHeight?: number;
|
|
1952
1938
|
}
|
|
1953
1939
|
|
|
1954
1940
|
export declare const TextWithTooltip: React_2.ForwardRefExoticComponent<TextWithTooltipProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
@@ -1992,19 +1978,7 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
|
|
|
1992
1978
|
showCheckbox: boolean;
|
|
1993
1979
|
}
|
|
1994
1980
|
|
|
1995
|
-
export declare
|
|
1996
|
-
|
|
1997
|
-
declare interface ThemeColorObj {
|
|
1998
|
-
regular: string;
|
|
1999
|
-
hover: string;
|
|
2000
|
-
active: string;
|
|
2001
|
-
focus: string;
|
|
2002
|
-
disabled: string;
|
|
2003
|
-
}
|
|
2004
|
-
|
|
2005
|
-
export { ThemeContext }
|
|
2006
|
-
|
|
2007
|
-
declare interface ThemeObj {
|
|
1981
|
+
export declare interface Theme {
|
|
2008
1982
|
windowObj: Window;
|
|
2009
1983
|
breakpoints: {
|
|
2010
1984
|
width: number;
|
|
@@ -2042,6 +2016,16 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
|
|
|
2042
2016
|
shadows: Record<string, string>;
|
|
2043
2017
|
}
|
|
2044
2018
|
|
|
2019
|
+
declare interface ThemeColorObj {
|
|
2020
|
+
regular: string;
|
|
2021
|
+
hover: string;
|
|
2022
|
+
active: string;
|
|
2023
|
+
focus: string;
|
|
2024
|
+
disabled: string;
|
|
2025
|
+
}
|
|
2026
|
+
|
|
2027
|
+
export { ThemeContext }
|
|
2028
|
+
|
|
2045
2029
|
declare type ThemePaletteColorKey = keyof ThemePaletteObj;
|
|
2046
2030
|
|
|
2047
2031
|
declare type ThemePaletteObj = DefaultTheme['palette'];
|
|
@@ -2188,7 +2172,7 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
|
|
|
2188
2172
|
|
|
2189
2173
|
export declare function useHiddenCount(containerRef: React_2.RefObject<HTMLElement>, listenForWindowResize: boolean): [number, () => void];
|
|
2190
2174
|
|
|
2191
|
-
export declare const useIsVisible: <T extends HTMLElement>(listRef: React_2.RefObject<HTMLDivElement> | undefined, itemRef?: React_2.Ref<T
|
|
2175
|
+
export declare const useIsVisible: <T extends HTMLElement>(listRef: React_2.RefObject<HTMLDivElement> | undefined, itemRef?: React_2.Ref<T>, intersectionObserverInitOptions?: IntersectionObserverInit) => [boolean, React_2.RefObject<T>];
|
|
2192
2176
|
|
|
2193
2177
|
/**
|
|
2194
2178
|
* Attach listeners for the given presets to the given ref.
|