@nypl/design-system-react-components 3.2.0-tooltip-rc-2 → 3.2.0-tooltip-rc-4
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/dist/design-system-react-components.cjs +46 -46
- package/dist/design-system-react-components.js +3303 -3261
- package/dist/src/components/Card/Card.d.ts +1 -1
- package/dist/src/components/Select/Select.d.ts +2 -0
- package/dist/src/components/Tooltip/Tooltip.d.ts +3 -3
- package/dist/src/theme/components/searchBar.d.ts +42 -2
- package/dist/src/theme/components/tooltip.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ChakraComponent } from "@chakra-ui/react";
|
|
2
1
|
import React from "react";
|
|
2
|
+
import { ChakraComponent } from "@chakra-ui/react";
|
|
3
3
|
import { LayoutTypes } from "../../helpers/types";
|
|
4
4
|
import { ComponentImageProps } from "../Image/Image";
|
|
5
5
|
interface CardBaseProps {
|
|
@@ -8,6 +8,8 @@ export type LabelPositions = typeof labelPositionsArray[number];
|
|
|
8
8
|
export interface SelectProps {
|
|
9
9
|
/** A class name for the `div` parent element. */
|
|
10
10
|
className?: string;
|
|
11
|
+
/** The initial value of an uncontrolled component */
|
|
12
|
+
defaultValue?: string;
|
|
11
13
|
/** Optional string to populate the `HelperErrorText` for the standard state. */
|
|
12
14
|
helperText?: HelperErrorTextType;
|
|
13
15
|
/** ID that other components can cross reference for accessibility purposes */
|
|
@@ -14,9 +14,9 @@ export interface TooltipProps {
|
|
|
14
14
|
/** Wraps the children of the tooltip in `ComponentWrapper` with `tabIndex=0` when true. */
|
|
15
15
|
shouldWrapChildren?: boolean;
|
|
16
16
|
/** The placement of the tooltip relative to its children. */
|
|
17
|
-
placement?: "top" | "left" | "bottom" | "right";
|
|
18
|
-
/** The
|
|
19
|
-
|
|
17
|
+
placement?: "top" | "left" | "bottom" | "right" | "auto";
|
|
18
|
+
/** The main and cross-axis offset to displace the tooltip from its reference element. */
|
|
19
|
+
offset?: [number, number];
|
|
20
20
|
}
|
|
21
21
|
export declare const Tooltip: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<TooltipProps> & React.RefAttributes<HTMLDivElement>>, React.PropsWithChildren<TooltipProps>>;
|
|
22
22
|
export default Tooltip;
|
|
@@ -5,14 +5,54 @@ declare const SearchBar: {
|
|
|
5
5
|
base: string;
|
|
6
6
|
md: string;
|
|
7
7
|
};
|
|
8
|
+
".textInput": {
|
|
9
|
+
flexGrow: number;
|
|
10
|
+
"div > input": {
|
|
11
|
+
borderRightRadius: number;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
8
14
|
flexFlow: {
|
|
9
15
|
base: string;
|
|
10
16
|
md: string;
|
|
11
17
|
};
|
|
12
|
-
".
|
|
13
|
-
|
|
18
|
+
".searchButton": {
|
|
19
|
+
minWidth: string;
|
|
20
|
+
borderLeftRadius: string;
|
|
21
|
+
lineHeight: string;
|
|
22
|
+
marginBottom: string;
|
|
23
|
+
paddingTop: {
|
|
24
|
+
base: string;
|
|
25
|
+
md: string;
|
|
26
|
+
};
|
|
27
|
+
paddingLeft: {
|
|
28
|
+
base: string;
|
|
29
|
+
md: string;
|
|
30
|
+
};
|
|
31
|
+
paddingBottom: {
|
|
32
|
+
base: string;
|
|
33
|
+
md: string;
|
|
34
|
+
};
|
|
35
|
+
paddingRight: {
|
|
36
|
+
base: string;
|
|
37
|
+
md: string;
|
|
38
|
+
};
|
|
39
|
+
gap: string;
|
|
40
|
+
borderRightRadius: string;
|
|
41
|
+
" > span": {
|
|
42
|
+
display: {
|
|
43
|
+
base: string;
|
|
44
|
+
md: string;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
" > svg": {
|
|
48
|
+
margin: number;
|
|
49
|
+
};
|
|
14
50
|
};
|
|
15
51
|
select: {
|
|
52
|
+
paddingBottom: {
|
|
53
|
+
base: "xs";
|
|
54
|
+
md: "unset";
|
|
55
|
+
};
|
|
16
56
|
flexShrink: string;
|
|
17
57
|
marginBottom: {
|
|
18
58
|
base: "-1px";
|