@nypl/design-system-react-components 3.1.1-modal-rc-2 → 3.1.2
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 +56 -56
- package/dist/design-system-react-components.js +10187 -9907
- package/dist/src/components/Heading/Heading.d.ts +2 -2
- package/dist/src/components/Hero/Hero.d.ts +10 -5
- package/dist/src/components/HorizontalRule/HorizontalRule.d.ts +2 -0
- package/dist/src/components/Image/Image.d.ts +8 -0
- package/dist/src/components/Modal/Modal.d.ts +6 -29
- package/dist/src/components/SkeletonLoader/SkeletonLoader.d.ts +2 -0
- package/dist/src/components/Template/Template.d.ts +4 -0
- package/dist/src/components/Text/Text.d.ts +2 -0
- package/dist/src/theme/components/breadcrumb.d.ts +2 -2
- package/dist/src/theme/components/button.d.ts +1 -1
- package/dist/src/theme/components/card.d.ts +8 -8
- package/dist/src/theme/components/heading.d.ts +9 -9
- package/dist/src/theme/components/hero.d.ts +81 -12
- package/dist/src/theme/components/link.d.ts +20 -15
- package/dist/src/theme/components/list.d.ts +1 -1
- package/dist/src/theme/components/skeletonLoader.d.ts +2 -2
- package/dist/src/theme/components/structuredContent.d.ts +9 -9
- package/dist/src/theme/components/tagSet.d.ts +43 -47
- package/dist/src/theme/components/template.d.ts +3 -3
- package/dist/src/utils/utils.d.ts +3 -0
- package/package.json +3 -3
|
@@ -5,6 +5,7 @@ interface TagSetFilterProps extends StyleFunctionProps {
|
|
|
5
5
|
declare const _default: {
|
|
6
6
|
TagSet: {
|
|
7
7
|
baseStyle?: {
|
|
8
|
+
alignItems: string;
|
|
8
9
|
display: string;
|
|
9
10
|
flexWrap: string;
|
|
10
11
|
gap: string;
|
|
@@ -23,26 +24,6 @@ declare const _default: {
|
|
|
23
24
|
};
|
|
24
25
|
TagSetExplore: {
|
|
25
26
|
baseStyle?: {
|
|
26
|
-
display: string;
|
|
27
|
-
alignItems: string;
|
|
28
|
-
justifyContent: string;
|
|
29
|
-
bg: string;
|
|
30
|
-
border: string;
|
|
31
|
-
borderColor: string;
|
|
32
|
-
borderRadius: string;
|
|
33
|
-
color: string;
|
|
34
|
-
cursor: string;
|
|
35
|
-
fontSize: string;
|
|
36
|
-
height: {
|
|
37
|
-
base: "32px";
|
|
38
|
-
md: "22px";
|
|
39
|
-
};
|
|
40
|
-
minHeight: string;
|
|
41
|
-
maxWidth: string;
|
|
42
|
-
py: string;
|
|
43
|
-
px: string;
|
|
44
|
-
textDecoration: string;
|
|
45
|
-
transition: string;
|
|
46
27
|
_focusWithin: {
|
|
47
28
|
boxShadow: string;
|
|
48
29
|
outline: string;
|
|
@@ -103,6 +84,30 @@ declare const _default: {
|
|
|
103
84
|
};
|
|
104
85
|
};
|
|
105
86
|
};
|
|
87
|
+
transitionDuration: string;
|
|
88
|
+
transitionTimingFunction: string;
|
|
89
|
+
textDecoration: string;
|
|
90
|
+
textDecorationStyle: string;
|
|
91
|
+
textDecorationThickness: string;
|
|
92
|
+
display: string;
|
|
93
|
+
alignItems: string;
|
|
94
|
+
justifyContent: string;
|
|
95
|
+
bg: string;
|
|
96
|
+
border: string;
|
|
97
|
+
borderColor: string;
|
|
98
|
+
borderRadius: string;
|
|
99
|
+
color: string;
|
|
100
|
+
cursor: string;
|
|
101
|
+
fontSize: string;
|
|
102
|
+
height: {
|
|
103
|
+
base: "32px";
|
|
104
|
+
md: "22px";
|
|
105
|
+
};
|
|
106
|
+
minHeight: string;
|
|
107
|
+
maxWidth: string;
|
|
108
|
+
py: string;
|
|
109
|
+
px: string;
|
|
110
|
+
textUnderlineOffset: string;
|
|
106
111
|
};
|
|
107
112
|
sizes?: {
|
|
108
113
|
[key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
|
|
@@ -119,28 +124,6 @@ declare const _default: {
|
|
|
119
124
|
TagSetFilter: {
|
|
120
125
|
baseStyle?: ({ isDismissible }: TagSetFilterProps) => {
|
|
121
126
|
base: {
|
|
122
|
-
display: string;
|
|
123
|
-
alignItems: string;
|
|
124
|
-
justifyContent: string;
|
|
125
|
-
bg: string;
|
|
126
|
-
border: string;
|
|
127
|
-
borderColor: string;
|
|
128
|
-
borderRadius: string;
|
|
129
|
-
color: string;
|
|
130
|
-
cursor: string;
|
|
131
|
-
height: {
|
|
132
|
-
base: "32px";
|
|
133
|
-
md: "22px";
|
|
134
|
-
};
|
|
135
|
-
minHeight: string;
|
|
136
|
-
maxWidth: string;
|
|
137
|
-
py: string;
|
|
138
|
-
paddingLeft: string;
|
|
139
|
-
paddingRight: string | {
|
|
140
|
-
base: "8px";
|
|
141
|
-
md: "6px";
|
|
142
|
-
};
|
|
143
|
-
fontSize: string;
|
|
144
127
|
"> span": {
|
|
145
128
|
display: string;
|
|
146
129
|
overflow: string;
|
|
@@ -158,19 +141,32 @@ declare const _default: {
|
|
|
158
141
|
_hover: {
|
|
159
142
|
bg: string;
|
|
160
143
|
borderColor: string;
|
|
144
|
+
color: string;
|
|
161
145
|
};
|
|
162
146
|
};
|
|
163
|
-
|
|
164
|
-
|
|
147
|
+
transitionDuration: string;
|
|
148
|
+
transitionTimingFunction: string;
|
|
149
|
+
alignItems: string;
|
|
150
|
+
bg: string;
|
|
151
|
+
border: string;
|
|
152
|
+
borderColor: string;
|
|
153
|
+
borderRadius: string;
|
|
165
154
|
color: string;
|
|
155
|
+
cursor: string;
|
|
156
|
+
display: string;
|
|
157
|
+
fontSize: string;
|
|
166
158
|
height: {
|
|
167
159
|
base: "32px";
|
|
168
160
|
md: "22px";
|
|
169
161
|
};
|
|
170
|
-
|
|
162
|
+
justifyContent: string;
|
|
171
163
|
minHeight: string;
|
|
172
|
-
|
|
173
|
-
|
|
164
|
+
maxWidth: string;
|
|
165
|
+
py: string;
|
|
166
|
+
paddingLeft: string;
|
|
167
|
+
paddingRight: string | {
|
|
168
|
+
base: "8px";
|
|
169
|
+
md: "6px";
|
|
174
170
|
};
|
|
175
171
|
};
|
|
176
172
|
};
|
|
@@ -63,7 +63,7 @@ declare const _default: {
|
|
|
63
63
|
};
|
|
64
64
|
defaultProps?: {
|
|
65
65
|
size?: string | number;
|
|
66
|
-
variant?: "
|
|
66
|
+
variant?: "right" | "left";
|
|
67
67
|
colorScheme?: string;
|
|
68
68
|
};
|
|
69
69
|
};
|
|
@@ -119,7 +119,7 @@ declare const _default: {
|
|
|
119
119
|
};
|
|
120
120
|
defaultProps?: {
|
|
121
121
|
size?: string | number;
|
|
122
|
-
variant?: "
|
|
122
|
+
variant?: "right" | "left";
|
|
123
123
|
colorScheme?: string;
|
|
124
124
|
};
|
|
125
125
|
};
|
|
@@ -141,7 +141,7 @@ declare const _default: {
|
|
|
141
141
|
};
|
|
142
142
|
defaultProps?: {
|
|
143
143
|
size?: string | number;
|
|
144
|
-
variant?: "
|
|
144
|
+
variant?: "right" | "left";
|
|
145
145
|
colorScheme?: string;
|
|
146
146
|
};
|
|
147
147
|
};
|
|
@@ -40,4 +40,7 @@ export declare const contrastRatio: (hex1: string, hex2: string) => string;
|
|
|
40
40
|
export declare const truncateText: (text: string, truncateTextLength?: number) => string;
|
|
41
41
|
/** Prepare a string for use in an ID or class attribute */
|
|
42
42
|
export declare const sanitizeStringForAttribute: (str: string) => string;
|
|
43
|
+
/** Provides a random image to use as a placeholder. */
|
|
44
|
+
export type GetPlaceholderImageProps = "smaller" | "default";
|
|
45
|
+
export declare const getPlaceholderImage: (size?: GetPlaceholderImageProps, index?: number) => string;
|
|
43
46
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nypl/design-system-react-components",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.2",
|
|
4
4
|
"description": "NYPL Reservoir Design System React Components",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"types-ramda": "0.29.4"
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
|
-
"@chakra-ui/react": "2.8.
|
|
56
|
+
"@chakra-ui/react": "2.8.2",
|
|
57
57
|
"@chakra-ui/system": "2.6.2",
|
|
58
58
|
"@charlietango/use-native-lazy-loading": "1.10.0",
|
|
59
59
|
"@emotion/react": "11.11.1",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"vite-plugin-svgr": "2.4.0"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
|
-
"@chakra-ui/react": ">=2.8.
|
|
71
|
+
"@chakra-ui/react": ">=2.8.2",
|
|
72
72
|
"@chakra-ui/system": ">=2.6.2",
|
|
73
73
|
"@emotion/react": ">=11.11.1",
|
|
74
74
|
"@emotion/styled": ">=11.11.0",
|