property-practice-ui 0.4.0 → 0.4.2
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/ContentCard/ContentCard.tsx +1 -1
- package/src/molecules/SideNav/SideNav.tsx +1 -1
- package/src/organisms/FeatureCarousel/FeatureCarousel.tsx +3 -1
- package/src/organisms/Header/Header.tsx +27 -2
package/dist/index.js
CHANGED
|
@@ -2215,7 +2215,7 @@ var Container11 = styled42.div`
|
|
|
2215
2215
|
gap: 1rem;
|
|
2216
2216
|
background-color: #ffffff;
|
|
2217
2217
|
width: 284px;
|
|
2218
|
-
height:
|
|
2218
|
+
height: 100%;
|
|
2219
2219
|
padding: 1.5rem;
|
|
2220
2220
|
border-radius: 8px;
|
|
2221
2221
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
@@ -3006,12 +3006,13 @@ var CarouselContainer = styled42.div`
|
|
|
3006
3006
|
`;
|
|
3007
3007
|
var CardsWrapper = styled42.div`
|
|
3008
3008
|
display: flex;
|
|
3009
|
+
align-items: stretch;
|
|
3009
3010
|
gap: 1.5rem;
|
|
3010
3011
|
padding: 1rem 0;
|
|
3011
3012
|
|
|
3012
3013
|
/* Desktop: controlled by JS */
|
|
3013
3014
|
@media (min-width: 768px) {
|
|
3014
|
-
overflow
|
|
3015
|
+
overflow: hidden;
|
|
3015
3016
|
}
|
|
3016
3017
|
|
|
3017
3018
|
/* Mobile: native scroll with snap */
|
|
@@ -3028,6 +3029,7 @@ var CardsWrapper = styled42.div`
|
|
|
3028
3029
|
`;
|
|
3029
3030
|
var CardContainer = styled42.div`
|
|
3030
3031
|
display: flex;
|
|
3032
|
+
align-items: stretch;
|
|
3031
3033
|
gap: 1.5rem;
|
|
3032
3034
|
|
|
3033
3035
|
/* Desktop: transform animation */
|
|
@@ -3296,6 +3298,11 @@ styled42.header`
|
|
|
3296
3298
|
background-color: #ffffff;
|
|
3297
3299
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
3298
3300
|
padding: 0 1rem;
|
|
3301
|
+
position: sticky;
|
|
3302
|
+
top: 0;
|
|
3303
|
+
z-index: 100;
|
|
3304
|
+
transform: translateY(${(props) => props.$isVisible ? "0" : "-100%"});
|
|
3305
|
+
transition: transform 0.3s ease-in-out;
|
|
3299
3306
|
`;
|
|
3300
3307
|
styled42.div`
|
|
3301
3308
|
display: flex;
|