property-practice-ui 0.4.1 → 0.5.0
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/CHANGELOG.md +12 -0
- package/dist/index.cjs +9 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +9 -2
- package/dist/index.js.map +1 -1
- package/dist/molecules.cjs +2 -2
- package/dist/molecules.cjs.map +1 -1
- package/dist/molecules.js +2 -2
- package/dist/molecules.js.map +1 -1
- package/dist/organisms.cjs +25 -3
- package/dist/organisms.cjs.map +1 -1
- package/dist/organisms.js +25 -3
- package/dist/organisms.js.map +1 -1
- package/package.json +1 -1
- package/src/molecules/RadioGroup/RadioGroup.tsx +2 -2
package/dist/organisms.cjs
CHANGED
|
@@ -1258,7 +1258,7 @@ var Container10 = styled41__default.default.div`
|
|
|
1258
1258
|
gap: 1rem;
|
|
1259
1259
|
background-color: #ffffff;
|
|
1260
1260
|
width: 284px;
|
|
1261
|
-
height:
|
|
1261
|
+
height: 100%;
|
|
1262
1262
|
padding: 1.5rem;
|
|
1263
1263
|
border-radius: 8px;
|
|
1264
1264
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
@@ -2164,12 +2164,13 @@ var CarouselContainer = styled41__default.default.div`
|
|
|
2164
2164
|
`;
|
|
2165
2165
|
var CardsWrapper = styled41__default.default.div`
|
|
2166
2166
|
display: flex;
|
|
2167
|
+
align-items: stretch;
|
|
2167
2168
|
gap: 1.5rem;
|
|
2168
2169
|
padding: 1rem 0;
|
|
2169
2170
|
|
|
2170
2171
|
/* Desktop: controlled by JS */
|
|
2171
2172
|
@media (min-width: 768px) {
|
|
2172
|
-
overflow
|
|
2173
|
+
overflow: hidden;
|
|
2173
2174
|
}
|
|
2174
2175
|
|
|
2175
2176
|
/* Mobile: native scroll with snap */
|
|
@@ -2186,6 +2187,7 @@ var CardsWrapper = styled41__default.default.div`
|
|
|
2186
2187
|
`;
|
|
2187
2188
|
var CardContainer = styled41__default.default.div`
|
|
2188
2189
|
display: flex;
|
|
2190
|
+
align-items: stretch;
|
|
2189
2191
|
gap: 1.5rem;
|
|
2190
2192
|
|
|
2191
2193
|
/* Desktop: transform animation */
|
|
@@ -2528,6 +2530,11 @@ var HeaderContainer3 = styled41__default.default.header`
|
|
|
2528
2530
|
background-color: #ffffff;
|
|
2529
2531
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
2530
2532
|
padding: 0 1rem;
|
|
2533
|
+
position: sticky;
|
|
2534
|
+
top: 0;
|
|
2535
|
+
z-index: 100;
|
|
2536
|
+
transform: translateY(${(props) => props.$isVisible ? "0" : "-100%"});
|
|
2537
|
+
transition: transform 0.3s ease-in-out;
|
|
2531
2538
|
`;
|
|
2532
2539
|
var LogoWrapper3 = styled41__default.default.div`
|
|
2533
2540
|
display: flex;
|
|
@@ -2605,7 +2612,22 @@ var Header3 = ({
|
|
|
2605
2612
|
secondaryBgVariant = "transparent",
|
|
2606
2613
|
secondaryTextVariant = "brand"
|
|
2607
2614
|
}) => {
|
|
2608
|
-
|
|
2615
|
+
const [isVisible, setIsVisible] = react.useState(true);
|
|
2616
|
+
const lastScrollY = react.useRef(0);
|
|
2617
|
+
react.useEffect(() => {
|
|
2618
|
+
const handleScroll = () => {
|
|
2619
|
+
const currentScrollY = window.scrollY;
|
|
2620
|
+
if (currentScrollY < lastScrollY.current) {
|
|
2621
|
+
setIsVisible(true);
|
|
2622
|
+
} else {
|
|
2623
|
+
setIsVisible(false);
|
|
2624
|
+
}
|
|
2625
|
+
lastScrollY.current = currentScrollY;
|
|
2626
|
+
};
|
|
2627
|
+
window.addEventListener("scroll", handleScroll, { passive: true });
|
|
2628
|
+
return () => window.removeEventListener("scroll", handleScroll);
|
|
2629
|
+
}, []);
|
|
2630
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(HeaderContainer3, { $isVisible: isVisible, children: [
|
|
2609
2631
|
/* @__PURE__ */ jsxRuntime.jsx(LogoWrapper3, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: "Logo" }) }),
|
|
2610
2632
|
/* @__PURE__ */ jsxRuntime.jsxs(ButtonGroup3, { children: [
|
|
2611
2633
|
/* @__PURE__ */ jsxRuntime.jsx(
|