@nypl/design-system-react-components 3.6.1 → 3.6.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 +51 -51
- package/dist/design-system-react-components.js +10320 -10900
- package/dist/src/theme/components/button.d.ts +3 -0
- package/dist/src/theme/components/feedbackBox.d.ts +15 -3
- package/dist/src/theme/components/icon.d.ts +2 -5
- package/dist/src/theme/components/searchBar.d.ts +1 -1
- package/dist/src/theme/sharedStyles.d.ts +4 -0
- package/package.json +16 -16
|
@@ -10,6 +10,7 @@ export declare const baseButtonStyle: {
|
|
|
10
10
|
lineHeight: string;
|
|
11
11
|
minWidth: string;
|
|
12
12
|
textDecoration: string;
|
|
13
|
+
transitionDuration: string;
|
|
13
14
|
wordWrap: string;
|
|
14
15
|
svg: {
|
|
15
16
|
fill: string;
|
|
@@ -46,6 +47,7 @@ export declare const buttonBaseStyle: {
|
|
|
46
47
|
lineHeight: string;
|
|
47
48
|
minWidth: string;
|
|
48
49
|
textDecoration: string;
|
|
50
|
+
transitionDuration: string;
|
|
49
51
|
wordWrap: string;
|
|
50
52
|
svg: {
|
|
51
53
|
fill: string;
|
|
@@ -119,6 +121,7 @@ declare const Button: {
|
|
|
119
121
|
lineHeight: string;
|
|
120
122
|
minWidth: string;
|
|
121
123
|
textDecoration: string;
|
|
124
|
+
transitionDuration: string;
|
|
122
125
|
wordWrap: string;
|
|
123
126
|
svg: {
|
|
124
127
|
fill: string;
|
|
@@ -100,15 +100,27 @@ declare const FeedbackBox: {
|
|
|
100
100
|
zIndex: string;
|
|
101
101
|
};
|
|
102
102
|
};
|
|
103
|
+
radioGroup: {
|
|
104
|
+
".radioGroupStack": {
|
|
105
|
+
flexDirection: {
|
|
106
|
+
base: "column";
|
|
107
|
+
md: "row";
|
|
108
|
+
};
|
|
109
|
+
gap: {
|
|
110
|
+
base: string;
|
|
111
|
+
md: string;
|
|
112
|
+
};
|
|
113
|
+
};
|
|
114
|
+
};
|
|
103
115
|
};
|
|
104
116
|
sizes?: {
|
|
105
117
|
[key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
|
|
106
|
-
keys: ("closeButton" | "drawerBody" | "drawerContent" | "drawerHeader" | "openButton")[];
|
|
118
|
+
keys: ("radioGroup" | "closeButton" | "drawerBody" | "drawerContent" | "drawerHeader" | "openButton")[];
|
|
107
119
|
}>;
|
|
108
120
|
};
|
|
109
121
|
variants?: {
|
|
110
122
|
[key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
|
|
111
|
-
keys: ("closeButton" | "drawerBody" | "drawerContent" | "drawerHeader" | "openButton")[];
|
|
123
|
+
keys: ("radioGroup" | "closeButton" | "drawerBody" | "drawerContent" | "drawerHeader" | "openButton")[];
|
|
112
124
|
}>;
|
|
113
125
|
};
|
|
114
126
|
defaultProps?: {
|
|
@@ -116,6 +128,6 @@ declare const FeedbackBox: {
|
|
|
116
128
|
variant?: string | number;
|
|
117
129
|
colorScheme?: string;
|
|
118
130
|
};
|
|
119
|
-
parts: ("closeButton" | "drawerBody" | "drawerContent" | "drawerHeader" | "openButton")[];
|
|
131
|
+
parts: ("radioGroup" | "closeButton" | "drawerBody" | "drawerContent" | "drawerHeader" | "openButton")[];
|
|
120
132
|
};
|
|
121
133
|
export default FeedbackBox;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { StyleFunctionProps } from "@chakra-ui/system";
|
|
2
|
+
import { iconSizeStyles } from "../sharedStyles";
|
|
2
3
|
declare const align: Record<string, {
|
|
3
4
|
marginEnd?: string;
|
|
4
5
|
marginStart?: string;
|
|
@@ -6,15 +7,11 @@ declare const align: Record<string, {
|
|
|
6
7
|
declare const iconRotation: Record<string, {
|
|
7
8
|
transform: string;
|
|
8
9
|
}>;
|
|
9
|
-
declare const size: Record<string, {
|
|
10
|
-
height?: string;
|
|
11
|
-
width?: string;
|
|
12
|
-
}>;
|
|
13
10
|
interface IconBaseStyle extends StyleFunctionProps {
|
|
14
11
|
align: keyof typeof align;
|
|
15
12
|
color: string;
|
|
16
13
|
iconRotation: keyof typeof iconRotation;
|
|
17
|
-
size: keyof typeof
|
|
14
|
+
size: keyof typeof iconSizeStyles;
|
|
18
15
|
}
|
|
19
16
|
declare const Icon: {
|
|
20
17
|
baseStyle?: (props: IconBaseStyle) => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nypl/design-system-react-components",
|
|
3
|
-
"version": "3.6.
|
|
3
|
+
"version": "3.6.2",
|
|
4
4
|
"description": "NYPL Reservoir Design System React Components",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -79,16 +79,16 @@
|
|
|
79
79
|
"@jest/core": "29.7.0",
|
|
80
80
|
"@rollup/plugin-commonjs": "24.0.1",
|
|
81
81
|
"@rollup/plugin-typescript": "11.0.0",
|
|
82
|
-
"@storybook/addon-a11y": "8.
|
|
83
|
-
"@storybook/addon-designs": "8.
|
|
84
|
-
"@storybook/addon-essentials": "8.
|
|
85
|
-
"@storybook/addon-interactions": "8.
|
|
86
|
-
"@storybook/addon-jest": "8.
|
|
87
|
-
"@storybook/addon-links": "8.
|
|
88
|
-
"@storybook/blocks": "8.
|
|
89
|
-
"@storybook/react": "8.
|
|
90
|
-
"@storybook/react-vite": "8.
|
|
91
|
-
"@storybook/test": "8.
|
|
82
|
+
"@storybook/addon-a11y": "8.6.12",
|
|
83
|
+
"@storybook/addon-designs": "8.2.1",
|
|
84
|
+
"@storybook/addon-essentials": "8.6.12",
|
|
85
|
+
"@storybook/addon-interactions": "8.6.12",
|
|
86
|
+
"@storybook/addon-jest": "8.6.12",
|
|
87
|
+
"@storybook/addon-links": "8.6.12",
|
|
88
|
+
"@storybook/blocks": "8.6.12",
|
|
89
|
+
"@storybook/react": "8.6.12",
|
|
90
|
+
"@storybook/react-vite": "8.6.12",
|
|
91
|
+
"@storybook/test": "8.6.12",
|
|
92
92
|
"@testing-library/dom": "9.2.0",
|
|
93
93
|
"@testing-library/jest-dom": "5.14.1",
|
|
94
94
|
"@testing-library/react": "12.0.0",
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
"@types/testing-library__jest-dom": "5.14.1",
|
|
102
102
|
"@typescript-eslint/eslint-plugin": "5.57.0",
|
|
103
103
|
"@typescript-eslint/parser": "5.57.0",
|
|
104
|
-
"@vitejs/plugin-react": "4.
|
|
104
|
+
"@vitejs/plugin-react": "4.4.1",
|
|
105
105
|
"eslint": "7.31.0",
|
|
106
106
|
"eslint-config-prettier": "8.8.0",
|
|
107
107
|
"eslint-plugin-jsx-a11y": "6.7.1",
|
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
"jest-axe": "9.0.0",
|
|
114
114
|
"jest-environment-jsdom": "29.7.0",
|
|
115
115
|
"jest-transformer-svg": "2.0.2",
|
|
116
|
-
"js-cookie": "
|
|
116
|
+
"js-cookie": "3.0.5",
|
|
117
117
|
"lint-staged": "10.5.4",
|
|
118
118
|
"normalize.css": "8.0.1",
|
|
119
119
|
"prettier": "2.4.1",
|
|
@@ -124,12 +124,12 @@
|
|
|
124
124
|
"react-test-renderer": "18.2.0",
|
|
125
125
|
"remark-gfm": "4.0.0",
|
|
126
126
|
"sass": "1.60.0",
|
|
127
|
-
"storybook": "8.
|
|
127
|
+
"storybook": "8.6.12",
|
|
128
128
|
"ts-jest": "29.1.5",
|
|
129
129
|
"tslib": "2.3.0",
|
|
130
130
|
"typescript": "4.9.5",
|
|
131
|
-
"vite": "5.
|
|
131
|
+
"vite": "5.4.18",
|
|
132
132
|
"vite-plugin-dts": "2.1.0",
|
|
133
|
-
"vite-plugin-svgr": "4.
|
|
133
|
+
"vite-plugin-svgr": "4.3.0"
|
|
134
134
|
}
|
|
135
135
|
}
|