@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.
@@ -12,7 +12,7 @@ interface Props {
12
12
  /**
13
13
  * Allows to define title shown in the header
14
14
  */
15
- title: string;
15
+ title?: string;
16
16
  /**
17
17
  * Unique ID for the component
18
18
  */
@@ -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` }, props.title && (React__default.default.createElement(Title, { "$size": size, "$variant": variant }, props.title))),
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)));
@@ -12,7 +12,7 @@ interface Props {
12
12
  /**
13
13
  * Allows to define title shown in the header
14
14
  */
15
- title: string;
15
+ title?: string;
16
16
  /**
17
17
  * Unique ID for the component
18
18
  */
@@ -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` }, props.title && (React__default.createElement(Title, { "$size": size, "$variant": variant }, props.title))),
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.7",
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.28.6",
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.0.9",
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.52.0",
69
+ "@typescript-eslint/parser": "^8.55.0",
70
70
  "babel-loader": "^9.2.1",
71
71
  "cross-env": "^10.0.0",
72
- "css-loader": "^6.11.0",
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.1",
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.104.1"
99
+ "webpack": "^5.105.2"
100
100
  },
101
101
  "dependencies": {
102
102
  "date-fns-tz": "^3.2.0",