@dnanpm/styleguide 4.0.7 → 4.0.8
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/build/cjs/components/Drawer/Drawer.d.ts +1 -1
- package/build/cjs/components/Drawer/Drawer.js +3 -3
- package/build/cjs/components/Modal/Modal.js +2 -1
- package/build/es/components/Drawer/Drawer.d.ts +1 -1
- package/build/es/components/Drawer/Drawer.js +3 -3
- package/build/es/components/Modal/Modal.js +2 -1
- package/package.json +7 -7
|
@@ -181,9 +181,9 @@ const Drawer = (_a) => {
|
|
|
181
181
|
React__default.default.createElement(StyledReactModal, { id: props.id, isOpen: props.isOpen, overlayElement: ModalOverlay, contentElement: ModalContent, onRequestClose: props.onRequestClose, portalClassName: props.className, contentLabel: props.contentLabel, shouldCloseOnEsc: isClosable, shouldCloseOnOverlayClick: isClosable, closeTimeoutMS: 300, "$size": size, "$side": side },
|
|
182
182
|
React__default.default.createElement(StyledBox, { "data-testid": dataTestId, elevation: "extraHigh", padding: "0" },
|
|
183
183
|
React__default.default.createElement(ContentContainer, null,
|
|
184
|
-
React__default.default.createElement(Header, { "$variant": variant, "data-testid": dataTestId && `${dataTestId}-header` },
|
|
185
|
-
React__default.default.createElement(Title, { "$size": size, "$variant": variant }, props.title),
|
|
186
|
-
props.subtitle && (React__default.default.createElement(Subtitle, { "$size": size, "$variant": variant }, props.subtitle))),
|
|
184
|
+
(props.title || props.subtitle) && (React__default.default.createElement(Header, { "$variant": variant, "data-testid": dataTestId && `${dataTestId}-header` },
|
|
185
|
+
props.title && (React__default.default.createElement(Title, { "$size": size, "$variant": variant }, props.title)),
|
|
186
|
+
props.subtitle && (React__default.default.createElement(Subtitle, { "$size": size, "$variant": variant }, props.subtitle)))),
|
|
187
187
|
closeButton && isClosable && (React__default.default.createElement(CloseButton, { onClick: props.onRequestClose, "aria-label": props.closeLabel, "data-testid": dataTestId && `${dataTestId}-close-button`, "$variant": variant },
|
|
188
188
|
React__default.default.createElement(icons.Close, { color: variant === 'light'
|
|
189
189
|
? theme.default.color.default.plum
|
|
@@ -162,7 +162,8 @@ const Modal = (_a) => {
|
|
|
162
162
|
React__default.default.createElement(icons.Close, { color: variant === 'light'
|
|
163
163
|
? theme.default.color.default.plum
|
|
164
164
|
: theme.default.color.default.white }))),
|
|
165
|
-
React__default.default.createElement(Header, { "$variant": variant, "data-testid": dataTestId && `${dataTestId}-header` },
|
|
165
|
+
props.title && (React__default.default.createElement(Header, { "$variant": variant, "data-testid": dataTestId && `${dataTestId}-header` },
|
|
166
|
+
React__default.default.createElement(Title, { "$size": size, "$variant": variant }, props.title))),
|
|
166
167
|
React__default.default.createElement(ContentWrapper, null, props.children),
|
|
167
168
|
props.footer && (React__default.default.createElement(Footer, { "data-testid": dataTestId && `${dataTestId}-footer` }, props.footer)))),
|
|
168
169
|
React__default.default.createElement(GlobalStyle, null)));
|
|
@@ -172,9 +172,9 @@ const Drawer = (_a) => {
|
|
|
172
172
|
React__default.createElement(StyledReactModal, { id: props.id, isOpen: props.isOpen, overlayElement: ModalOverlay, contentElement: ModalContent, onRequestClose: props.onRequestClose, portalClassName: props.className, contentLabel: props.contentLabel, shouldCloseOnEsc: isClosable, shouldCloseOnOverlayClick: isClosable, closeTimeoutMS: 300, "$size": size, "$side": side },
|
|
173
173
|
React__default.createElement(StyledBox, { "data-testid": dataTestId, elevation: "extraHigh", padding: "0" },
|
|
174
174
|
React__default.createElement(ContentContainer, null,
|
|
175
|
-
React__default.createElement(Header, { "$variant": variant, "data-testid": dataTestId && `${dataTestId}-header` },
|
|
176
|
-
React__default.createElement(Title, { "$size": size, "$variant": variant }, props.title),
|
|
177
|
-
props.subtitle && (React__default.createElement(Subtitle, { "$size": size, "$variant": variant }, props.subtitle))),
|
|
175
|
+
(props.title || props.subtitle) && (React__default.createElement(Header, { "$variant": variant, "data-testid": dataTestId && `${dataTestId}-header` },
|
|
176
|
+
props.title && (React__default.createElement(Title, { "$size": size, "$variant": variant }, props.title)),
|
|
177
|
+
props.subtitle && (React__default.createElement(Subtitle, { "$size": size, "$variant": variant }, props.subtitle)))),
|
|
178
178
|
closeButton && isClosable && (React__default.createElement(CloseButton, { onClick: props.onRequestClose, "aria-label": props.closeLabel, "data-testid": dataTestId && `${dataTestId}-close-button`, "$variant": variant },
|
|
179
179
|
React__default.createElement(Close, { color: variant === 'light'
|
|
180
180
|
? theme.color.default.plum
|
|
@@ -153,7 +153,8 @@ const Modal = (_a) => {
|
|
|
153
153
|
React__default.createElement(Close, { color: variant === 'light'
|
|
154
154
|
? theme.color.default.plum
|
|
155
155
|
: theme.color.default.white }))),
|
|
156
|
-
React__default.createElement(Header, { "$variant": variant, "data-testid": dataTestId && `${dataTestId}-header` },
|
|
156
|
+
props.title && (React__default.createElement(Header, { "$variant": variant, "data-testid": dataTestId && `${dataTestId}-header` },
|
|
157
|
+
React__default.createElement(Title, { "$size": size, "$variant": variant }, props.title))),
|
|
157
158
|
React__default.createElement(ContentWrapper, null, props.children),
|
|
158
159
|
props.footer && (React__default.createElement(Footer, { "data-testid": dataTestId && `${dataTestId}-footer` }, props.footer)))),
|
|
159
160
|
React__default.createElement(GlobalStyle, null)));
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dnanpm/styleguide",
|
|
3
3
|
"sideEffects": false,
|
|
4
|
-
"version": "v4.0.
|
|
4
|
+
"version": "v4.0.8",
|
|
5
5
|
"main": "build/cjs/index.js",
|
|
6
6
|
"module": "build/es/index.js",
|
|
7
7
|
"jsnext:main": "build/es/index.js",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"not op_mini all"
|
|
45
45
|
],
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@babel/core": "^7.
|
|
47
|
+
"@babel/core": "^7.29.0",
|
|
48
48
|
"@babel/preset-env": "^7.26.0",
|
|
49
49
|
"@babel/preset-react": "^7.26.3",
|
|
50
50
|
"@babel/preset-typescript": "^7.28.5",
|
|
@@ -59,21 +59,21 @@
|
|
|
59
59
|
"@testing-library/react": "^16.3.2",
|
|
60
60
|
"@testing-library/user-event": "^14.5.2",
|
|
61
61
|
"@types/jest": "^30.0.0",
|
|
62
|
-
"@types/node": "^25.
|
|
62
|
+
"@types/node": "^25.2.3",
|
|
63
63
|
"@types/ramda": "^0.31.1",
|
|
64
64
|
"@types/react": "^18.3.11",
|
|
65
65
|
"@types/react-dom": "^18.3.1",
|
|
66
66
|
"@types/react-modal": "^3.13.1",
|
|
67
67
|
"@types/resize-observer-browser": "^0.1.8",
|
|
68
68
|
"@typescript-eslint/eslint-plugin": "^8.46.4",
|
|
69
|
-
"@typescript-eslint/parser": "^8.
|
|
69
|
+
"@typescript-eslint/parser": "^8.55.0",
|
|
70
70
|
"babel-loader": "^9.2.1",
|
|
71
71
|
"cross-env": "^10.0.0",
|
|
72
|
-
"css-loader": "^
|
|
72
|
+
"css-loader": "^7.1.3",
|
|
73
73
|
"eslint": "^9.39.1",
|
|
74
74
|
"eslint-config-prettier": "^10.1.8",
|
|
75
75
|
"eslint-plugin-import": "^2.32.0",
|
|
76
|
-
"eslint-plugin-jsdoc": "^62.0
|
|
76
|
+
"eslint-plugin-jsdoc": "^62.5.0",
|
|
77
77
|
"eslint-plugin-jsx-a11y": "^6.10.2",
|
|
78
78
|
"eslint-plugin-react": "^7.37.5",
|
|
79
79
|
"eslint-plugin-react-hooks": "^7.0.1",
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"ts-node": "^10.9.2",
|
|
97
97
|
"tslib": "^2.8.1",
|
|
98
98
|
"typescript": "^5.1.6",
|
|
99
|
-
"webpack": "^5.
|
|
99
|
+
"webpack": "^5.105.2"
|
|
100
100
|
},
|
|
101
101
|
"dependencies": {
|
|
102
102
|
"date-fns-tz": "^3.2.0",
|