@nypl/design-system-react-components 3.5.4 → 3.5.5-rc

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.
@@ -1,67 +1,24 @@
1
1
  declare const SearchBar: {
2
2
  baseStyle?: {
3
- display: string;
4
- marginBottom: {
5
- base: string;
6
- md: string;
7
- };
8
3
  ".textInput": {
9
4
  flexGrow: number;
10
5
  "div > input": {
11
6
  borderRightRadius: number;
12
7
  };
13
8
  };
14
- flexFlow: {
15
- base: string;
16
- md: string;
17
- };
18
9
  ".searchButton": {
19
10
  minWidth: string;
20
11
  borderLeftRadius: string;
21
12
  lineHeight: string;
22
13
  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
14
  gap: string;
40
15
  borderRightRadius: string;
41
- " > span": {
42
- display: {
43
- base: string;
44
- md: string;
45
- };
46
- };
47
16
  " > svg": {
48
17
  margin: number;
49
18
  };
50
19
  };
51
20
  select: {
52
- paddingBottom: {
53
- base: "xs";
54
- md: "unset";
55
- };
56
21
  flexShrink: string;
57
- marginBottom: {
58
- base: "-1px";
59
- md: "0";
60
- };
61
- maxWidth: {
62
- base: any;
63
- md: "255px";
64
- };
65
22
  textOverflow: string;
66
23
  _hover: {
67
24
  zIndex: string;
@@ -70,15 +27,16 @@ declare const SearchBar: {
70
27
  };
71
28
  };
72
29
  };
30
+ display: string;
73
31
  };
74
32
  sizes?: {
75
33
  [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
76
- keys: "select"[];
34
+ keys: ("select" | "button")[];
77
35
  }>;
78
36
  };
79
37
  variants?: {
80
38
  [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
81
- keys: "select"[];
39
+ keys: ("select" | "button")[];
82
40
  }>;
83
41
  };
84
42
  defaultProps?: {
@@ -86,6 +44,6 @@ declare const SearchBar: {
86
44
  variant?: string | number;
87
45
  colorScheme?: string;
88
46
  };
89
- parts: "select"[];
47
+ parts: ("select" | "button")[];
90
48
  };
91
49
  export default SearchBar;
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Generates container query styles based on the provided breakpoint and styles.
3
+ *
4
+ * @param {string} props.breakpoint - The breakpoint at which the container query should apply. It can be "base" or a key from the breakpoints object.
5
+ * @param {object} props.styles - The styles to apply within the container query.
6
+ * @returns {object} An object containing the container query styles.
7
+ */
8
+ export declare const setContainerStyles: (props: {
9
+ breakpoint: string;
10
+ styles: object;
11
+ }) => object;
@@ -53,4 +53,6 @@ export declare const exampleWrapperStyles: {
53
53
  overflow: string;
54
54
  width: string;
55
55
  };
56
+ /** Return just the text from within a JSX.Element */
57
+ export declare const getTextFromElement: (elem: React.ReactElement | string) => string;
56
58
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nypl/design-system-react-components",
3
- "version": "3.5.4",
3
+ "version": "3.5.5-rc",
4
4
  "description": "NYPL Reservoir Design System React Components",
5
5
  "repository": {
6
6
  "type": "git",