@bichon/ds 0.0.5 → 0.0.7
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.js +13 -5
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -952,7 +952,9 @@ var TextField = forwardRef(
|
|
|
952
952
|
}
|
|
953
953
|
);
|
|
954
954
|
TextField.displayName = "TextField";
|
|
955
|
-
var StyledToastViewport = styled18(ToastPrimitive.Viewport
|
|
955
|
+
var StyledToastViewport = styled18(ToastPrimitive.Viewport, {
|
|
956
|
+
shouldForwardProp: (prop) => prop !== "$position" && prop !== "$viewportOffset"
|
|
957
|
+
})`
|
|
956
958
|
position: fixed;
|
|
957
959
|
${({ $position, $viewportOffset }) => $position === "top" ? `top: ${$viewportOffset}px;` : `bottom: ${$viewportOffset}px;`}
|
|
958
960
|
left: 50%;
|
|
@@ -964,7 +966,9 @@ var StyledToastViewport = styled18(ToastPrimitive.Viewport)`
|
|
|
964
966
|
max-width: 90vw;
|
|
965
967
|
z-index: 9999;
|
|
966
968
|
`;
|
|
967
|
-
var StyledToastRoot = styled18(ToastPrimitive.Root
|
|
969
|
+
var StyledToastRoot = styled18(ToastPrimitive.Root, {
|
|
970
|
+
shouldForwardProp: (prop) => prop !== "$position"
|
|
971
|
+
})`
|
|
968
972
|
background-color: ${({ theme: theme2 }) => theme2.colors.bgDarkGrey};
|
|
969
973
|
color: ${({ theme: theme2 }) => theme2.colors.bgWhite};
|
|
970
974
|
border-radius: ${({ theme: theme2 }) => theme2.radius.lg};
|
|
@@ -1773,8 +1777,8 @@ var StyledSegmentedControlRoot = styled18(
|
|
|
1773
1777
|
{ shouldForwardProp: rootPropFilter }
|
|
1774
1778
|
)`
|
|
1775
1779
|
display: inline-flex;
|
|
1776
|
-
padding: 4px;
|
|
1777
|
-
border-radius:
|
|
1780
|
+
padding: ${({ $size }) => $size === "small" ? "2px" : "4px"};
|
|
1781
|
+
border-radius: ${({ $size, theme: theme2 }) => $size === "small" ? theme2.radius.lg : theme2.radius["2xl"]};
|
|
1778
1782
|
background-color: ${({ theme: theme2 }) => theme2.colors.bgMediumGrey};
|
|
1779
1783
|
box-shadow: ${({ theme: theme2 }) => theme2.shadows.base};
|
|
1780
1784
|
width: fit-content;
|
|
@@ -1790,7 +1794,7 @@ var StyledSegmentedControlItem = styled18(
|
|
|
1790
1794
|
border: none;
|
|
1791
1795
|
outline: none;
|
|
1792
1796
|
cursor: pointer;
|
|
1793
|
-
border-radius:
|
|
1797
|
+
border-radius: ${({ $size, theme: theme2 }) => $size === "small" ? theme2.radius.lg : theme2.radius["2xl"]};
|
|
1794
1798
|
white-space: nowrap;
|
|
1795
1799
|
font-family: inherit;
|
|
1796
1800
|
transition:
|
|
@@ -1983,6 +1987,10 @@ var StyledTableBodyCell = styled18("td", {
|
|
|
1983
1987
|
tr:first-of-type & {
|
|
1984
1988
|
border-top: none;
|
|
1985
1989
|
}
|
|
1990
|
+
|
|
1991
|
+
tr:last-of-type & {
|
|
1992
|
+
border-bottom: 1px solid ${({ theme: theme2 }) => theme2.colors.lineDefault};
|
|
1993
|
+
}
|
|
1986
1994
|
`;
|
|
1987
1995
|
var TableRoot = forwardRef(
|
|
1988
1996
|
({ children, ...props }, ref) => /* @__PURE__ */ jsx(StyledTableRoot, { ref, ...props, children })
|