design-zystem 1.0.248 → 1.0.249
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/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +5 -1
- package/dist/index.mjs +5 -1
- package/package.json +2 -1
package/dist/index.d.mts
CHANGED
|
@@ -31,6 +31,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
|
|
|
31
31
|
alignSelf?: string;
|
|
32
32
|
justifyContent?: string;
|
|
33
33
|
borderRadius?: string;
|
|
34
|
+
border?: string;
|
|
34
35
|
style?: CSSProperties;
|
|
35
36
|
}
|
|
36
37
|
declare const Box: ({ children, hasShadow, ...rest }: BoxProps) => react_jsx_runtime.JSX.Element;
|
package/dist/index.d.ts
CHANGED
|
@@ -31,6 +31,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
|
|
|
31
31
|
alignSelf?: string;
|
|
32
32
|
justifyContent?: string;
|
|
33
33
|
borderRadius?: string;
|
|
34
|
+
border?: string;
|
|
34
35
|
style?: CSSProperties;
|
|
35
36
|
}
|
|
36
37
|
declare const Box: ({ children, hasShadow, ...rest }: BoxProps) => react_jsx_runtime.JSX.Element;
|
package/dist/index.js
CHANGED
|
@@ -328,12 +328,16 @@ var shouldForwardProp2 = (prop) => ![
|
|
|
328
328
|
"isScrollable",
|
|
329
329
|
"hasShadow",
|
|
330
330
|
"borderRadius",
|
|
331
|
+
"border",
|
|
331
332
|
"height"
|
|
332
333
|
].includes(prop);
|
|
333
334
|
var StyledBox = import_styled_components2.default.div.withConfig({ shouldForwardProp: shouldForwardProp2 })`
|
|
334
335
|
position: relative;
|
|
335
336
|
display: flex;
|
|
336
|
-
border:
|
|
337
|
+
border: ${(props) => {
|
|
338
|
+
var _a;
|
|
339
|
+
return (_a = props.border) != null ? _a : `1px solid ${colors.grey_300}`;
|
|
340
|
+
}};
|
|
337
341
|
|
|
338
342
|
border-radius: ${(props) => props.borderRadius || "8px"};
|
|
339
343
|
|
package/dist/index.mjs
CHANGED
|
@@ -231,12 +231,16 @@ var shouldForwardProp2 = (prop) => ![
|
|
|
231
231
|
"isScrollable",
|
|
232
232
|
"hasShadow",
|
|
233
233
|
"borderRadius",
|
|
234
|
+
"border",
|
|
234
235
|
"height"
|
|
235
236
|
].includes(prop);
|
|
236
237
|
var StyledBox = styled2.div.withConfig({ shouldForwardProp: shouldForwardProp2 })`
|
|
237
238
|
position: relative;
|
|
238
239
|
display: flex;
|
|
239
|
-
border:
|
|
240
|
+
border: ${(props) => {
|
|
241
|
+
var _a;
|
|
242
|
+
return (_a = props.border) != null ? _a : `1px solid ${colors.grey_300}`;
|
|
243
|
+
}};
|
|
240
244
|
|
|
241
245
|
border-radius: ${(props) => props.borderRadius || "8px"};
|
|
242
246
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "design-zystem",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.249",
|
|
4
4
|
"description": "A React design system of importable components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
"@storybook/react-vite": "^10.2.17",
|
|
33
33
|
"@testing-library/jest-dom": "^6.9.1",
|
|
34
34
|
"@testing-library/react": "^16.3.2",
|
|
35
|
+
"@types/node": "^25.9.3",
|
|
35
36
|
"@types/react-dom": "^18.3.1",
|
|
36
37
|
"@typescript-eslint/parser": "^8.56.1",
|
|
37
38
|
"@vitest/browser-playwright": "^4.0.18",
|