@phillips/seldon 1.75.1 → 1.75.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/dist/components/Breadcrumb/Breadcrumb.js +1 -1
- package/dist/components/Navigation/Navigation.js +1 -1
- package/dist/components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js +1 -1
- package/dist/patterns/LanguageSelector/LanguageSelector.js +1 -1
- package/dist/providers/SeldonProvider/SeldonProvider.d.ts +1 -3
- package/dist/providers/SeldonProvider/SeldonProvider.js +6 -8
- package/dist/providers/{utils.d.ts → SeldonProvider/utils.d.ts} +1 -1
- package/dist/providers/SeldonProvider/utils.js +8 -0
- package/dist/scss/_reset.scss +52 -2
- package/dist/scss/componentStyles.scss +0 -3
- package/dist/scss/components/Search/SearchResults/_searchResults.scss +6 -0
- package/dist/site-furniture/Header/Header.js +1 -1
- package/package.json +1 -1
- package/dist/providers/SeldonProvider/_seldonProvider.css +0 -1
- package/dist/providers/utils.js +0 -8
- package/dist/scss/providers/SeldonProvider/_seldonProvider.scss +0 -56
|
@@ -2,7 +2,7 @@ import { jsxs as h, jsx as r } from "react/jsx-runtime";
|
|
|
2
2
|
import { getCommonProps as u, px as t } from "../../utils/index.js";
|
|
3
3
|
import f from "../../node_modules/classnames/index.js";
|
|
4
4
|
import p from "./BreadcrumbItem.js";
|
|
5
|
-
import { SSRMediaQuery as c } from "../../providers/utils.js";
|
|
5
|
+
import { SSRMediaQuery as c } from "../../providers/SeldonProvider/utils.js";
|
|
6
6
|
import N from "../../assets/arrowPrev.svg.js";
|
|
7
7
|
const v = ({
|
|
8
8
|
className: s,
|
|
@@ -5,7 +5,7 @@ import S from "../../node_modules/classnames/index.js";
|
|
|
5
5
|
import { HeaderContext as y } from "../../site-furniture/Header/Header.js";
|
|
6
6
|
import c from "./NavigationList/NavigationList.js";
|
|
7
7
|
import f from "../../patterns/LanguageSelector/LanguageSelector.js";
|
|
8
|
-
import { SSRMediaQuery as C } from "../../providers/utils.js";
|
|
8
|
+
import { SSRMediaQuery as C } from "../../providers/SeldonProvider/utils.js";
|
|
9
9
|
const _ = E(
|
|
10
10
|
({ children: i, className: p, id: a, visible: v = !0, ...g }, h) => {
|
|
11
11
|
var r, s;
|
|
@@ -7,7 +7,7 @@ import f from "../../Text/Text.js";
|
|
|
7
7
|
import M from "../NavigationList/NavigationList.js";
|
|
8
8
|
import O from "../../Accordion/Accordion.js";
|
|
9
9
|
import y from "../../Accordion/AccordionItem.js";
|
|
10
|
-
import { SSRMediaQuery as u } from "../../../providers/utils.js";
|
|
10
|
+
import { SSRMediaQuery as u } from "../../../providers/SeldonProvider/utils.js";
|
|
11
11
|
const S = ({ id: i, label: r, children: t }) => /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
|
|
12
12
|
y,
|
|
13
13
|
{
|
|
@@ -11,7 +11,7 @@ import { LinkVariants as M } from "../../components/Link/types.js";
|
|
|
11
11
|
import { TextVariants as E } from "../../components/Text/types.js";
|
|
12
12
|
import P from "../../components/Text/Text.js";
|
|
13
13
|
import V from "../../components/Navigation/NavigationList/NavigationList.js";
|
|
14
|
-
import { SSRMediaQuery as f } from "../../providers/utils.js";
|
|
14
|
+
import { SSRMediaQuery as f } from "../../providers/SeldonProvider/utils.js";
|
|
15
15
|
const j = ({
|
|
16
16
|
id: a,
|
|
17
17
|
value: n,
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
|
2
2
|
/**
|
|
3
|
-
* The SeldonProvider provides the ability for our components to render differently based on different media queries,
|
|
4
|
-
* It also applies a global reset to the browser's default styles for all seldon components within.
|
|
5
|
-
* In the future it may provide other kinds of context data like common internationalization (i18n) data.
|
|
3
|
+
* 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.
|
|
6
4
|
*
|
|
7
5
|
* It is recommended to wrap this provider once around your entire application to ensure that all Seldon components can access the same context.
|
|
8
6
|
*/
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { SSRMediaQuery as i, ssrMediaQueryStyle as d } from "
|
|
3
|
-
/*
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
/* @__PURE__ */ r("style", { children: d }),
|
|
7
|
-
/* @__PURE__ */ r("div", { className: `${t}-provider`, children: e })
|
|
1
|
+
import { jsxs as r, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { SSRMediaQuery as i, ssrMediaQueryStyle as d } from "./utils.js";
|
|
3
|
+
const l = ({ children: e }) => /* @__PURE__ */ r(i.MediaContextProvider, { children: [
|
|
4
|
+
/* @__PURE__ */ o("style", { children: d }),
|
|
5
|
+
e
|
|
8
6
|
] });
|
|
9
7
|
export {
|
|
10
|
-
|
|
8
|
+
l as SeldonProvider
|
|
11
9
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Used to hide or show components based on the current breakpoint in a SSR friendly way
|
|
3
3
|
*/
|
|
4
|
-
export declare const SSRMediaQuery: import("@artsy/fresnel/dist/Media").CreateMediaResults<"
|
|
4
|
+
export declare const SSRMediaQuery: import("@artsy/fresnel/dist/Media").CreateMediaResults<"sm" | "md" | "lg" | "xl" | "xsm", never>;
|
|
5
5
|
export declare const ssrMediaQueryStyle: string;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import "../../node_modules/@artsy/fresnel/dist/index.js";
|
|
2
|
+
import { BREAKPOINTS as e } from "../../utils/constants.js";
|
|
3
|
+
import { __exports as r } from "../../_virtual/index2.js";
|
|
4
|
+
const t = r.createMedia({ breakpoints: e }), s = t.createMediaStyle();
|
|
5
|
+
export {
|
|
6
|
+
t as SSRMediaQuery,
|
|
7
|
+
s as ssrMediaQueryStyle
|
|
8
|
+
};
|
package/dist/scss/_reset.scss
CHANGED
|
@@ -1,10 +1,60 @@
|
|
|
1
|
+
*,
|
|
2
|
+
*::before,
|
|
3
|
+
*::after {
|
|
4
|
+
box-sizing: border-box;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
* {
|
|
8
|
+
margin: 0;
|
|
9
|
+
}
|
|
10
|
+
|
|
1
11
|
body {
|
|
2
12
|
-webkit-font-smoothing: antialiased;
|
|
3
13
|
line-height: 1.5;
|
|
4
14
|
}
|
|
5
15
|
|
|
16
|
+
img,
|
|
17
|
+
picture,
|
|
18
|
+
video,
|
|
19
|
+
canvas,
|
|
20
|
+
svg {
|
|
21
|
+
display: block;
|
|
22
|
+
max-width: 100%;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
input,
|
|
26
|
+
button,
|
|
27
|
+
textarea,
|
|
28
|
+
select {
|
|
29
|
+
font: inherit;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
p,
|
|
33
|
+
h1,
|
|
34
|
+
h2,
|
|
35
|
+
h3,
|
|
36
|
+
h4,
|
|
37
|
+
h5,
|
|
38
|
+
h6 {
|
|
39
|
+
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
|
|
40
|
+
font-weight: unset;
|
|
41
|
+
overflow-wrap: break-word;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
a {
|
|
45
|
+
color: inherit;
|
|
46
|
+
text-decoration: none;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
ul {
|
|
50
|
+
list-style: none;
|
|
51
|
+
padding: 0;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
li {
|
|
55
|
+
list-style: none;
|
|
56
|
+
}
|
|
57
|
+
|
|
6
58
|
#root {
|
|
7
59
|
isolation: isolate;
|
|
8
60
|
}
|
|
9
|
-
|
|
10
|
-
// Any other global styles should be added to `_seldonProvider.scss`
|
|
@@ -22,6 +22,12 @@
|
|
|
22
22
|
font-family: Montserrat, sans-serif;
|
|
23
23
|
gap: $spacing-sm;
|
|
24
24
|
width: 100%;
|
|
25
|
+
|
|
26
|
+
strong {
|
|
27
|
+
font-variation-settings: 'wght' 700;
|
|
28
|
+
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
|
|
29
|
+
font-weight: unset;
|
|
30
|
+
}
|
|
25
31
|
}
|
|
26
32
|
}
|
|
27
33
|
|
|
@@ -7,7 +7,7 @@ import p from "../../patterns/UserManagement/UserManagement.js";
|
|
|
7
7
|
import g from "../../patterns/LanguageSelector/LanguageSelector.js";
|
|
8
8
|
import f from "../../components/Navigation/Navigation.js";
|
|
9
9
|
import { defaultHeaderContext as R } from "./utils.js";
|
|
10
|
-
import { SSRMediaQuery as w } from "../../providers/utils.js";
|
|
10
|
+
import { SSRMediaQuery as w } from "../../providers/SeldonProvider/utils.js";
|
|
11
11
|
const I = O(R), L = T(
|
|
12
12
|
({
|
|
13
13
|
logo: i = /* @__PURE__ */ a(j, {}),
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.seldon-provider *,.seldon-provider *:before,.seldon-provider *:after{box-sizing:border-box}.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 blockquote,.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/providers/utils.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import "../node_modules/@artsy/fresnel/dist/index.js";
|
|
2
|
-
import { BREAKPOINTS as e } from "../utils/constants.js";
|
|
3
|
-
import { __exports as r } from "../_virtual/index2.js";
|
|
4
|
-
const t = r.createMedia({ breakpoints: e }), s = t.createMediaStyle();
|
|
5
|
-
export {
|
|
6
|
-
t as SSRMediaQuery,
|
|
7
|
-
s as ssrMediaQueryStyle
|
|
8
|
-
};
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
.seldon-provider {
|
|
2
|
-
*,
|
|
3
|
-
*::before,
|
|
4
|
-
*::after {
|
|
5
|
-
box-sizing: border-box;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
img,
|
|
9
|
-
picture,
|
|
10
|
-
video,
|
|
11
|
-
canvas,
|
|
12
|
-
svg {
|
|
13
|
-
display: block;
|
|
14
|
-
max-width: 100%;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
input,
|
|
18
|
-
button,
|
|
19
|
-
textarea,
|
|
20
|
-
select {
|
|
21
|
-
font: inherit;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
strong {
|
|
25
|
-
font-variation-settings: 'wght' 700;
|
|
26
|
-
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
|
|
27
|
-
font-weight: unset;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
blockquote,
|
|
31
|
-
p,
|
|
32
|
-
h1,
|
|
33
|
-
h2,
|
|
34
|
-
h3,
|
|
35
|
-
h4,
|
|
36
|
-
h5,
|
|
37
|
-
h6 {
|
|
38
|
-
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
|
|
39
|
-
font-weight: unset;
|
|
40
|
-
overflow-wrap: break-word;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
a {
|
|
44
|
-
color: inherit;
|
|
45
|
-
text-decoration: none;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
ul {
|
|
49
|
-
list-style: none;
|
|
50
|
-
padding: 0;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
li {
|
|
54
|
-
list-style: none;
|
|
55
|
-
}
|
|
56
|
-
}
|