design-zystem 1.0.360 → 1.0.361
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
|
@@ -764,6 +764,7 @@ interface TableRowProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
764
764
|
hoverable?: boolean;
|
|
765
765
|
/** Colored bar on the left edge to flag a row, e.g. one needing follow-up. Drawn over the row so columns stay aligned with unflagged rows. */
|
|
766
766
|
accentColor?: string;
|
|
767
|
+
opacity?: number;
|
|
767
768
|
onClick?: (e: MouseEvent<HTMLDivElement>) => void;
|
|
768
769
|
style?: CSSProperties;
|
|
769
770
|
className?: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -764,6 +764,7 @@ interface TableRowProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
764
764
|
hoverable?: boolean;
|
|
765
765
|
/** Colored bar on the left edge to flag a row, e.g. one needing follow-up. Drawn over the row so columns stay aligned with unflagged rows. */
|
|
766
766
|
accentColor?: string;
|
|
767
|
+
opacity?: number;
|
|
767
768
|
onClick?: (e: MouseEvent<HTMLDivElement>) => void;
|
|
768
769
|
style?: CSSProperties;
|
|
769
770
|
className?: string;
|
package/dist/index.js
CHANGED
|
@@ -3992,7 +3992,8 @@ var shouldForwardPropTableRow = (prop) => ![
|
|
|
3992
3992
|
"height",
|
|
3993
3993
|
"isClickable",
|
|
3994
3994
|
"hoverable",
|
|
3995
|
-
"accentColor"
|
|
3995
|
+
"accentColor",
|
|
3996
|
+
"opacity"
|
|
3996
3997
|
].includes(prop);
|
|
3997
3998
|
var StyledTableRow = import_styled_components32.default.div.withConfig({
|
|
3998
3999
|
shouldForwardProp: shouldForwardPropTableRow
|
|
@@ -4004,7 +4005,13 @@ var StyledTableRow = import_styled_components32.default.div.withConfig({
|
|
|
4004
4005
|
background-color: ${(props) => props.backgroundColor || "inherit"};
|
|
4005
4006
|
border-top: ${(props) => props.borderTop || "none"};
|
|
4006
4007
|
height: ${(props) => props.height || ""};
|
|
4007
|
-
|
|
4008
|
+
opacity: ${(props) => {
|
|
4009
|
+
var _a;
|
|
4010
|
+
return (_a = props.opacity) != null ? _a : 1;
|
|
4011
|
+
}};
|
|
4012
|
+
transition:
|
|
4013
|
+
box-shadow 0.12s ease,
|
|
4014
|
+
opacity 0.12s ease;
|
|
4008
4015
|
${(props) => props.accentColor ? `position: relative;
|
|
4009
4016
|
&::before {
|
|
4010
4017
|
content: '';
|
package/dist/index.mjs
CHANGED
|
@@ -3855,7 +3855,8 @@ var shouldForwardPropTableRow = (prop) => ![
|
|
|
3855
3855
|
"height",
|
|
3856
3856
|
"isClickable",
|
|
3857
3857
|
"hoverable",
|
|
3858
|
-
"accentColor"
|
|
3858
|
+
"accentColor",
|
|
3859
|
+
"opacity"
|
|
3859
3860
|
].includes(prop);
|
|
3860
3861
|
var StyledTableRow = styled32.div.withConfig({
|
|
3861
3862
|
shouldForwardProp: shouldForwardPropTableRow
|
|
@@ -3867,7 +3868,13 @@ var StyledTableRow = styled32.div.withConfig({
|
|
|
3867
3868
|
background-color: ${(props) => props.backgroundColor || "inherit"};
|
|
3868
3869
|
border-top: ${(props) => props.borderTop || "none"};
|
|
3869
3870
|
height: ${(props) => props.height || ""};
|
|
3870
|
-
|
|
3871
|
+
opacity: ${(props) => {
|
|
3872
|
+
var _a;
|
|
3873
|
+
return (_a = props.opacity) != null ? _a : 1;
|
|
3874
|
+
}};
|
|
3875
|
+
transition:
|
|
3876
|
+
box-shadow 0.12s ease,
|
|
3877
|
+
opacity 0.12s ease;
|
|
3871
3878
|
${(props) => props.accentColor ? `position: relative;
|
|
3872
3879
|
&::before {
|
|
3873
3880
|
content: '';
|