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.
Files changed (18) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/index.cjs +9 -2
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.js +9 -2
  5. package/dist/index.js.map +1 -1
  6. package/dist/molecules.cjs +2 -2
  7. package/dist/molecules.cjs.map +1 -1
  8. package/dist/molecules.js +2 -2
  9. package/dist/molecules.js.map +1 -1
  10. package/dist/organisms.cjs +25 -3
  11. package/dist/organisms.cjs.map +1 -1
  12. package/dist/organisms.js +25 -3
  13. package/dist/organisms.js.map +1 -1
  14. package/package.json +1 -1
  15. package/src/molecules/ContentCard/ContentCard.tsx +1 -1
  16. package/src/molecules/SideNav/SideNav.tsx +1 -1
  17. package/src/organisms/FeatureCarousel/FeatureCarousel.tsx +3 -1
  18. package/src/organisms/Header/Header.tsx +27 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # property-practice-ui
2
2
 
3
+ ## 0.4.2
4
+
5
+ ### Patch Changes
6
+
7
+ - aa4d402: bundle modules
8
+
9
+ ## 0.4.1
10
+
11
+ ### Patch Changes
12
+
13
+ - b18d52d: fix issues with responsiveness
14
+
3
15
  ## 0.4.0
4
16
 
5
17
  ### Minor Changes
package/dist/index.cjs CHANGED
@@ -2222,7 +2222,7 @@ var Container11 = styled42__default.default.div`
2222
2222
  gap: 1rem;
2223
2223
  background-color: #ffffff;
2224
2224
  width: 284px;
2225
- height: 482px;
2225
+ height: 100%;
2226
2226
  padding: 1.5rem;
2227
2227
  border-radius: 8px;
2228
2228
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
@@ -3013,12 +3013,13 @@ var CarouselContainer = styled42__default.default.div`
3013
3013
  `;
3014
3014
  var CardsWrapper = styled42__default.default.div`
3015
3015
  display: flex;
3016
+ align-items: stretch;
3016
3017
  gap: 1.5rem;
3017
3018
  padding: 1rem 0;
3018
3019
 
3019
3020
  /* Desktop: controlled by JS */
3020
3021
  @media (min-width: 768px) {
3021
- overflow-x: hidden;
3022
+ overflow: hidden;
3022
3023
  }
3023
3024
 
3024
3025
  /* Mobile: native scroll with snap */
@@ -3035,6 +3036,7 @@ var CardsWrapper = styled42__default.default.div`
3035
3036
  `;
3036
3037
  var CardContainer = styled42__default.default.div`
3037
3038
  display: flex;
3039
+ align-items: stretch;
3038
3040
  gap: 1.5rem;
3039
3041
 
3040
3042
  /* Desktop: transform animation */
@@ -3303,6 +3305,11 @@ styled42__default.default.header`
3303
3305
  background-color: #ffffff;
3304
3306
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
3305
3307
  padding: 0 1rem;
3308
+ position: sticky;
3309
+ top: 0;
3310
+ z-index: 100;
3311
+ transform: translateY(${(props) => props.$isVisible ? "0" : "-100%"});
3312
+ transition: transform 0.3s ease-in-out;
3306
3313
  `;
3307
3314
  styled42__default.default.div`
3308
3315
  display: flex;