design-zystem 1.0.255 → 1.0.256
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 +9 -2
- package/dist/index.mjs +9 -2
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -637,6 +637,7 @@ interface TableRowProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
637
637
|
borderTop?: string;
|
|
638
638
|
height?: string;
|
|
639
639
|
isClickable?: boolean;
|
|
640
|
+
hoverable?: boolean;
|
|
640
641
|
onClick?: (e: MouseEvent<HTMLDivElement>) => void;
|
|
641
642
|
style?: CSSProperties;
|
|
642
643
|
className?: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -637,6 +637,7 @@ interface TableRowProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
637
637
|
borderTop?: string;
|
|
638
638
|
height?: string;
|
|
639
639
|
isClickable?: boolean;
|
|
640
|
+
hoverable?: boolean;
|
|
640
641
|
onClick?: (e: MouseEvent<HTMLDivElement>) => void;
|
|
641
642
|
style?: CSSProperties;
|
|
642
643
|
className?: string;
|
package/dist/index.js
CHANGED
|
@@ -3379,7 +3379,13 @@ TableBody.displayName = "TableBody";
|
|
|
3379
3379
|
// src/Components/Table/TableRow/TableRow.tsx
|
|
3380
3380
|
var import_styled_components29 = __toESM(require("styled-components"));
|
|
3381
3381
|
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
3382
|
-
var shouldForwardPropTableRow = (prop) => ![
|
|
3382
|
+
var shouldForwardPropTableRow = (prop) => ![
|
|
3383
|
+
"backgroundColor",
|
|
3384
|
+
"borderTop",
|
|
3385
|
+
"height",
|
|
3386
|
+
"isClickable",
|
|
3387
|
+
"hoverable"
|
|
3388
|
+
].includes(prop);
|
|
3383
3389
|
var StyledTableRow = import_styled_components29.default.div.withConfig({
|
|
3384
3390
|
shouldForwardProp: shouldForwardPropTableRow
|
|
3385
3391
|
})`
|
|
@@ -3390,9 +3396,10 @@ var StyledTableRow = import_styled_components29.default.div.withConfig({
|
|
|
3390
3396
|
background-color: ${(props) => props.backgroundColor || "inherit"};
|
|
3391
3397
|
border-top: ${(props) => props.borderTop || "none"};
|
|
3392
3398
|
height: ${(props) => props.height || ""};
|
|
3399
|
+
transition: box-shadow 0.12s ease;
|
|
3393
3400
|
|
|
3394
3401
|
&:hover {
|
|
3395
|
-
background-color: ${
|
|
3402
|
+
${(props) => props.hoverable ? "box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.025);" : `background-color: ${props.backgroundColor ? props.backgroundColor + "aa" : "#eaeaea"};`}
|
|
3396
3403
|
}
|
|
3397
3404
|
`;
|
|
3398
3405
|
var TableRow = (props) => {
|
package/dist/index.mjs
CHANGED
|
@@ -3286,7 +3286,13 @@ TableBody.displayName = "TableBody";
|
|
|
3286
3286
|
// src/Components/Table/TableRow/TableRow.tsx
|
|
3287
3287
|
import styled29 from "styled-components";
|
|
3288
3288
|
import { jsx as jsx33 } from "react/jsx-runtime";
|
|
3289
|
-
var shouldForwardPropTableRow = (prop) => ![
|
|
3289
|
+
var shouldForwardPropTableRow = (prop) => ![
|
|
3290
|
+
"backgroundColor",
|
|
3291
|
+
"borderTop",
|
|
3292
|
+
"height",
|
|
3293
|
+
"isClickable",
|
|
3294
|
+
"hoverable"
|
|
3295
|
+
].includes(prop);
|
|
3290
3296
|
var StyledTableRow = styled29.div.withConfig({
|
|
3291
3297
|
shouldForwardProp: shouldForwardPropTableRow
|
|
3292
3298
|
})`
|
|
@@ -3297,9 +3303,10 @@ var StyledTableRow = styled29.div.withConfig({
|
|
|
3297
3303
|
background-color: ${(props) => props.backgroundColor || "inherit"};
|
|
3298
3304
|
border-top: ${(props) => props.borderTop || "none"};
|
|
3299
3305
|
height: ${(props) => props.height || ""};
|
|
3306
|
+
transition: box-shadow 0.12s ease;
|
|
3300
3307
|
|
|
3301
3308
|
&:hover {
|
|
3302
|
-
background-color: ${
|
|
3309
|
+
${(props) => props.hoverable ? "box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.025);" : `background-color: ${props.backgroundColor ? props.backgroundColor + "aa" : "#eaeaea"};`}
|
|
3303
3310
|
}
|
|
3304
3311
|
`;
|
|
3305
3312
|
var TableRow = (props) => {
|