@phillips/seldon 1.74.4 → 1.75.1

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 (48) hide show
  1. package/dist/components/Accordion/Accordion.js +2 -2
  2. package/dist/components/Accordion/AccordionItem.js +3 -3
  3. package/dist/components/Breadcrumb/Breadcrumb.js +6 -6
  4. package/dist/components/Breadcrumb/BreadcrumbItem.js +6 -6
  5. package/dist/components/Button/Button.js +7 -7
  6. package/dist/components/Carousel/Carousel.js +8 -8
  7. package/dist/components/Carousel/CarouselContent.js +3 -3
  8. package/dist/components/Carousel/CarouselDots.js +24 -24
  9. package/dist/components/Carousel/CarouselItem.js +3 -3
  10. package/dist/components/ContentPeek/ContentPeek.js +5 -5
  11. package/dist/components/Drawer/Drawer.js +6 -6
  12. package/dist/components/Dropdown/Dropdown.js +3 -3
  13. package/dist/components/Grid/Grid.js +3 -3
  14. package/dist/components/Grid/utils.js +4 -4
  15. package/dist/components/GridItem/GridItem.js +8 -8
  16. package/dist/components/IconButton/IconButton.js +2 -2
  17. package/dist/components/Link/Link.js +6 -6
  18. package/dist/components/LinkBlock/LinkBlock.js +6 -6
  19. package/dist/components/LinkList/LinkList.js +5 -5
  20. package/dist/components/Modal/Modal.js +4 -4
  21. package/dist/components/Navigation/Navigation.js +4 -4
  22. package/dist/components/Navigation/NavigationList/NavigationList.js +3 -3
  23. package/dist/components/PageContentWrapper/PageContentWrapper.js +4 -4
  24. package/dist/components/PinchZoom/PinchZoom.js +3 -3
  25. package/dist/components/Row/Row.js +4 -4
  26. package/dist/components/Search/Search.js +5 -5
  27. package/dist/components/SeldonImage/SeldonImage.d.ts +47 -0
  28. package/dist/components/SeldonImage/SeldonImage.js +73 -0
  29. package/dist/components/SeldonImage/index.d.ts +1 -0
  30. package/dist/components/SplitPanel/SplitPanel.js +2 -2
  31. package/dist/components/Video/Video.js +2 -2
  32. package/dist/index.d.ts +1 -0
  33. package/dist/index.js +2 -0
  34. package/dist/patterns/DetailList/DetailList.js +7 -7
  35. package/dist/patterns/LanguageSelector/LanguageSelector.js +4 -4
  36. package/dist/patterns/Social/Social.js +5 -5
  37. package/dist/patterns/Subscribe/Subscribe.js +8 -8
  38. package/dist/patterns/UserManagement/UserManagement.js +2 -2
  39. package/dist/patterns/ViewingsList/ViewingsList.js +10 -10
  40. package/dist/patterns/ViewingsList/ViewingsListCard.js +12 -12
  41. package/dist/patterns/ViewingsList/ViewingsListCardForm.js +6 -6
  42. package/dist/scss/componentStyles.scss +1 -0
  43. package/dist/scss/components/Carousel/_carousel.scss +3 -3
  44. package/dist/scss/components/SeldonImage/_seldonImage.scss +68 -0
  45. package/dist/scss/patterns/DetailList/_detailList.scss +1 -1
  46. package/dist/site-furniture/Footer/Footer.js +2 -2
  47. package/dist/site-furniture/Header/Header.js +4 -4
  48. package/package.json +1 -1
@@ -0,0 +1,68 @@
1
+ @use '../../allPartials' as *;
2
+
3
+ .#{$px}-seldon-image {
4
+ overflow: hidden;
5
+ position: relative;
6
+
7
+ &--aspect-ratio-16-9 {
8
+ aspect-ratio: 16 / 9;
9
+ }
10
+
11
+ &--aspect-ratio-1-1 {
12
+ aspect-ratio: 1 / 1;
13
+ }
14
+
15
+ &--hidden {
16
+ background-color: #eee;
17
+ }
18
+
19
+ &--error {
20
+ left: 50%;
21
+ position: absolute;
22
+ top: 50%;
23
+ transform: translate(-50%, -50%);
24
+ }
25
+
26
+ &-img {
27
+ height: 100%;
28
+ object-fit: contain;
29
+ width: 100%;
30
+
31
+ &--object-fit-contain {
32
+ object-fit: contain;
33
+ }
34
+
35
+ &--object-fit-cover {
36
+ object-fit: cover;
37
+ }
38
+
39
+ &--object-fit-fill {
40
+ object-fit: fill;
41
+ }
42
+
43
+ &--object-fit-scale-down {
44
+ object-fit: scale-down;
45
+ }
46
+
47
+ &--hidden {
48
+ visibility: hidden;
49
+ }
50
+ }
51
+
52
+ &-blur {
53
+ background-position: center;
54
+ background-size: cover;
55
+ filter: blur(10px);
56
+ height: 100%;
57
+ left: 0;
58
+ opacity: 0.5;
59
+ position: absolute;
60
+ top: 0;
61
+ width: 100%;
62
+ z-index: -1;
63
+
64
+ &--hidden {
65
+ visibility: hidden;
66
+ }
67
+ }
68
+ }
@@ -3,7 +3,7 @@
3
3
  .#{$px}-detail-list {
4
4
  display: flex;
5
5
  flex-direction: column;
6
- gap: $spacing-sm;
6
+ margin: 0;
7
7
 
8
8
  &-wrapper {
9
9
  .#{$px}-detail {
@@ -4,7 +4,7 @@ import { px as r, defaultYear as m } from "../../utils/index.js";
4
4
  import f from "../../assets/PhillipsLogo.svg.js";
5
5
  import { TextVariants as c } from "../../components/Text/types.js";
6
6
  import d from "../../components/Text/Text.js";
7
- const N = ({
7
+ const $ = ({
8
8
  children: a,
9
9
  className: i,
10
10
  copyright: s = `© ${m} Phillips Auctioneers, LLC`,
@@ -17,5 +17,5 @@ const N = ({
17
17
  ] })
18
18
  ] });
19
19
  export {
20
- N as default
20
+ $ as default
21
21
  };
@@ -18,8 +18,8 @@ const I = O(R), L = T(
18
18
  logoText: x = "Home Page",
19
19
  ...C
20
20
  }, y) => {
21
- const E = s(r, p), m = s(r, g), [c, M] = h(!1), N = s(r, f), $ = P(r, [f, p, g]), [n, b] = h(!1), S = n ? v : _, H = function() {
22
- b((t) => !t);
21
+ const E = s(r, p), m = s(r, g), [c, M] = h(!1), $ = s(r, f), b = P(r, [f, p, g]), [n, N] = h(!1), S = n ? v : _, H = function() {
22
+ N((t) => !t);
23
23
  };
24
24
  return /* @__PURE__ */ o("header", { ...C, className: d(`${e}-header`, u), ref: y, children: [
25
25
  /* @__PURE__ */ o("div", { className: `${e}-header__top-row`, children: [
@@ -53,7 +53,7 @@ const I = O(R), L = T(
53
53
  },
54
54
  children: [
55
55
  l.Children.map(
56
- N,
56
+ $,
57
57
  (t) => l.isValidElement(t) ? l.cloneElement(t, {
58
58
  children: [
59
59
  ...l.Children.toArray(t.props.children),
@@ -61,7 +61,7 @@ const I = O(R), L = T(
61
61
  ]
62
62
  }) : t
63
63
  ),
64
- $
64
+ b
65
65
  ]
66
66
  }
67
67
  ) }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phillips/seldon",
3
- "version": "1.74.4",
3
+ "version": "1.75.1",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/PhillipsAuctionHouse/seldon"