@phillips/seldon 1.73.1 → 1.73.3

package/dist/index.d.ts

@@ -43,7 +43,7 @@ export { default as Video, type VideoProps } from './components/Video/Video';
 export * from './patterns/LanguageSelector';
 export * from './components/ContentPeek';
 export * from './components/Collapsible';
-export * from './providers/SeldonProvider';
+export * from './providers/SeldonProvider/SeldonProvider';
 export { default as PageContentWrapper } from './components/PageContentWrapper/PageContentWrapper';
 export * from './components/Carousel';
 export * from './components/Detail';

package/dist/index.js

@@ -52,7 +52,7 @@ import { default as ro } from "./components/ContentPeek/ContentPeek.js";
 import { default as fo } from "./components/Collapsible/Collapsible.js";
 import { default as mo } from "./components/Collapsible/CollapsibleContent.js";
 import { default as so } from "./components/Collapsible/CollapsibleTrigger.js";
-import { SeldonProvider as uo } from "./providers/SeldonProvider.js";
+import { SeldonProvider as uo } from "./providers/SeldonProvider/SeldonProvider.js";
 import { default as no } from "./components/PageContentWrapper/PageContentWrapper.js";
 import { default as co } from "./components/Carousel/Carousel.js";
 import { default as Co } from "./components/Carousel/CarouselContent.js";

package/dist/providers/SeldonProvider/SeldonProvider.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+/**
+ * The SeldonProvider provides the ability for our components to render differently based on different media queries,
+ * It also applies a global reset to the browser's default styles for all seldon components within.
+ * In the future it may provide other kinds of context data like common internationalization (i18n) data.
+ *
+ * It is recommended to wrap this provider once around your entire application to ensure that all Seldon components can access the same context.
+ */
+export declare const SeldonProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/providers/SeldonProvider/SeldonProvider.js

@@ -0,0 +1,11 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { SSRMediaQuery as i, ssrMediaQueryStyle as d } from "../utils.js";
+/* empty css                     */
+import { px as t } from "../../utils/index.js";
+const a = ({ children: e }) => /* @__PURE__ */ o(i.MediaContextProvider, { children: [
+  /* @__PURE__ */ r("style", { children: d }),
+  /* @__PURE__ */ r("div", { className: `${t}-provider`, children: e })
+] });
+export {
+  a as SeldonProvider
+};

package/dist/providers/SeldonProvider/_seldonProvider.css

@@ -0,0 +1 @@
+.seldon-provider *,.seldon-provider *:before,.seldon-provider *:after{box-sizing:border-box}.seldon-provider *{margin:0}.seldon-provider img,.seldon-provider picture,.seldon-provider video,.seldon-provider canvas,.seldon-provider svg{display:block;max-width:100%}.seldon-provider input,.seldon-provider button,.seldon-provider textarea,.seldon-provider select{font:inherit}.seldon-provider strong{font-variation-settings:"wght" 700;font-weight:unset}.seldon-provider p,.seldon-provider h1,.seldon-provider h2,.seldon-provider h3,.seldon-provider h4,.seldon-provider h5,.seldon-provider h6{font-weight:unset;overflow-wrap:break-word}.seldon-provider a{color:inherit;text-decoration:none}.seldon-provider ul{list-style:none;padding:0}.seldon-provider li{list-style:none}

package/dist/scss/_reset.scss

@@ -1,60 +1,10 @@
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-* {
-  margin: 0;
-}
-
 body {
   -webkit-font-smoothing: antialiased;
   line-height: 1.5;
 }
 
-img,
-picture,
-video,
-canvas,
-svg {
-  display: block;
-  max-width: 100%;
-}
-
-input,
-button,
-textarea,
-select {
-  font: inherit;
-}
-
-p,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
-  font-weight: unset;
-  overflow-wrap: break-word;
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
-ul {
-  list-style: none;
-  padding: 0;
-}
-
-li {
-  list-style: none;
-}
-
 #root {
   isolation: isolate;
 }
+
+// Any other global styles should be added to `_seldonProvider.scss`

package/dist/scss/componentStyles.scss

@@ -45,6 +45,9 @@
 @use 'patterns/Subscribe/subscribe';
 @use 'patterns/Social/social';
 
+// Providers
+@use 'providers/SeldonProvider/seldonProvider';
+
 // Site Furniture
 @use 'site-furniture/Header/header';
 @use 'site-furniture/Footer/footer';

package/dist/scss/components/Navigation/NavigationItemTrigger/_navigationItemTrigger.scss

@@ -34,7 +34,6 @@
 
     & > &__submenu {
       align-items: flex-start;
-      border-top: 1px solid $light-gray;
       height: fit-content;
       max-height: 0;
       opacity: 0;
@@ -44,14 +43,12 @@
       right: 0;
       top: calc($header-height + 1px);
       transition:
-        max-height 0.2s ease-in-out,
-        opacity 0s ease-in-out 0.2s,
-        z-index 0s ease-in-out 0.2s;
+        max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+        opacity 0.2s cubic-bezier(0.65, 0, 0.35, 1);
       width: 100%;
-      z-index: -1;
       .#{$px}-nav__list__section {
         opacity: 0;
-        transition: opacity 0.5s ease-in-out;
+        transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
       }
     }
 
@@ -60,10 +57,7 @@
       max-height: 700px;
       opacity: 1;
       pointer-events: all;
-      transition:
-        max-height 0.25s ease-in-out,
-        z-index 0s ease-in-out 0.25s;
-      z-index: 1;
+      transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 
       .#{$px}-nav__list__section {
         opacity: 1;

package/dist/scss/components/Navigation/NavigationList/_navigationList.scss

@@ -1,7 +1,7 @@
 @use '../../../allPartials' as *;
 
-$opacity-transition: opacity 0.25s ease-in;
-$top-transition: top 0.25s ease-in 0.1s;
+$opacity-transition: opacity 0.2s cubic-bezier(0.65, 0, 0.35, 1);
+$top-transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 
 .#{$px}-nav__list {
   align-items: flex-start;

package/dist/scss/providers/SeldonProvider/_seldonProvider.scss

@@ -0,0 +1,59 @@
+.seldon-provider {
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  * {
+    margin: 0;
+  }
+
+  img,
+  picture,
+  video,
+  canvas,
+  svg {
+    display: block;
+    max-width: 100%;
+  }
+
+  input,
+  button,
+  textarea,
+  select {
+    font: inherit;
+  }
+
+  strong {
+    font-variation-settings: 'wght' 700;
+    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
+    font-weight: unset;
+  }
+
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
+    font-weight: unset;
+    overflow-wrap: break-word;
+  }
+
+  a {
+    color: inherit;
+    text-decoration: none;
+  }
+
+  ul {
+    list-style: none;
+    padding: 0;
+  }
+
+  li {
+    list-style: none;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.73.1",
+  "version": "1.73.3",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"

package/dist/providers/SeldonProvider.d.ts

@@ -1,7 +0,0 @@
-import { PropsWithChildren } from 'react';
-/**
- * The SeldonProvider currently provides the ability for our components to render differently based on different media queries, but in the future it may provide other kinds of context data like common internationalization (i18n) data.
- *
- * It is recommended to wrap this provider once around your entire application to ensure that all Seldon components can access the same context.
- */
-export declare const SeldonProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/providers/SeldonProvider.js

@@ -1,9 +0,0 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import { SSRMediaQuery as i, ssrMediaQueryStyle as d } from "./utils.js";
-const l = ({ children: e }) => /* @__PURE__ */ r(i.MediaContextProvider, { children: [
-  /* @__PURE__ */ o("style", { children: d }),
-  e
-] });
-export {
-  l as SeldonProvider
-};