@sps-woodland/page-title 8.56.2 → 8.56.3
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/lib/index.js +38 -47
- package/lib/index.umd.cjs +6 -6
- package/lib/style.css +2 -1
- package/package.json +4 -4
package/lib/index.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PageSubtitle as e, PageTitle as t } from "@sps-woodland/core/page-title";
|
|
2
|
+
import { code as n } from "@spscommerce/utils";
|
|
2
3
|
export * from "@sps-woodland/core/page-title";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
react: e`
|
|
4
|
+
//#endregion
|
|
5
|
+
//#region src/manifest.ts
|
|
6
|
+
var r = { "Page Title": {
|
|
7
|
+
components: [t, e],
|
|
8
|
+
examples: {
|
|
9
|
+
basic: {
|
|
10
|
+
label: "Basic",
|
|
11
|
+
examples: { basic: { react: n`
|
|
12
12
|
import { PageTitle } from "@sps-woodland/page-title";
|
|
13
13
|
|
|
14
14
|
function Component() {
|
|
@@ -19,26 +19,24 @@ const a = {
|
|
|
19
19
|
</PageTitle>
|
|
20
20
|
);
|
|
21
21
|
}
|
|
22
|
-
`
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
description: "PageTitle renders an h1 by default. Use the as prop to match the heading level to the position of the title in the page outline, or use div for a title that is not a heading.",
|
|
31
|
-
react: e`
|
|
22
|
+
` } }
|
|
23
|
+
},
|
|
24
|
+
element: {
|
|
25
|
+
label: "Heading Level",
|
|
26
|
+
examples: {
|
|
27
|
+
headingLevel: {
|
|
28
|
+
description: "PageTitle renders an h1 by default. Use the as prop to match the heading level to the position of the title in the page outline, or use div for a title that is not a heading.",
|
|
29
|
+
react: n`
|
|
32
30
|
import { PageTitle } from "@sps-woodland/page-title";
|
|
33
31
|
|
|
34
32
|
function Component() {
|
|
35
33
|
return <PageTitle as="h2">Cabela's Purchase Order #123456789012</PageTitle>;
|
|
36
34
|
}
|
|
37
35
|
`
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
36
|
+
},
|
|
37
|
+
provider: {
|
|
38
|
+
description: "Wrap a region in HeadingLevelProvider to set the heading level for every PageTitle inside it that has no as prop. An as prop on a PageTitle overrides the provider.",
|
|
39
|
+
react: n`
|
|
42
40
|
import { PageTitle, HeadingLevelProvider } from "@sps-woodland/page-title";
|
|
43
41
|
|
|
44
42
|
function Component() {
|
|
@@ -53,24 +51,22 @@ const a = {
|
|
|
53
51
|
);
|
|
54
52
|
}
|
|
55
53
|
`
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
54
|
+
},
|
|
55
|
+
div: {
|
|
56
|
+
description: "Use as=\"div\" for a title that is not a heading. The title renders without a heading element.",
|
|
57
|
+
react: n`
|
|
60
58
|
import { PageTitle } from "@sps-woodland/page-title";
|
|
61
59
|
|
|
62
60
|
function Component() {
|
|
63
61
|
return <PageTitle as="div">Cabela's Purchase Order #123456789012</PageTitle>;
|
|
64
62
|
}
|
|
65
63
|
`
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
withSubtitle: {
|
|
73
|
-
react: e`
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
subtitle: {
|
|
68
|
+
label: "Subtitle",
|
|
69
|
+
examples: { withSubtitle: { react: n`
|
|
74
70
|
import { PageTitle, PageSubtitle } from "@sps-woodland/page-title";
|
|
75
71
|
import { Icon } from "@sps-woodland/core";
|
|
76
72
|
|
|
@@ -86,14 +82,9 @@ const a = {
|
|
|
86
82
|
</PageTitle>
|
|
87
83
|
);
|
|
88
84
|
}
|
|
89
|
-
`
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
"Page Title": a
|
|
96
|
-
};
|
|
97
|
-
export {
|
|
98
|
-
l as MANIFEST
|
|
99
|
-
};
|
|
85
|
+
` } }
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
} };
|
|
89
|
+
//#endregion
|
|
90
|
+
export { r as MANIFEST };
|
package/lib/index.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(e,t){typeof exports
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("@sps-woodland/core/page-title"),require("@spscommerce/utils")):typeof define==`function`&&define.amd?define([`exports`,`@sps-woodland/core/page-title`,`@spscommerce/utils`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.PageTitle={},e.spsWoodlandCorePageTitle,e.spscommerceUtils))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`}),e.MANIFEST={"Page Title":{components:[t.PageTitle,t.PageSubtitle],examples:{basic:{label:`Basic`,examples:{basic:{react:n.code`
|
|
2
2
|
import { PageTitle } from "@sps-woodland/page-title";
|
|
3
3
|
|
|
4
4
|
function Component() {
|
|
@@ -9,13 +9,13 @@
|
|
|
9
9
|
</PageTitle>
|
|
10
10
|
);
|
|
11
11
|
}
|
|
12
|
-
`}}},element:{label
|
|
12
|
+
`}}},element:{label:`Heading Level`,examples:{headingLevel:{description:`PageTitle renders an h1 by default. Use the as prop to match the heading level to the position of the title in the page outline, or use div for a title that is not a heading.`,react:n.code`
|
|
13
13
|
import { PageTitle } from "@sps-woodland/page-title";
|
|
14
14
|
|
|
15
15
|
function Component() {
|
|
16
16
|
return <PageTitle as="h2">Cabela's Purchase Order #123456789012</PageTitle>;
|
|
17
17
|
}
|
|
18
|
-
`},provider:{description
|
|
18
|
+
`},provider:{description:`Wrap a region in HeadingLevelProvider to set the heading level for every PageTitle inside it that has no as prop. An as prop on a PageTitle overrides the provider.`,react:n.code`
|
|
19
19
|
import { PageTitle, HeadingLevelProvider } from "@sps-woodland/page-title";
|
|
20
20
|
|
|
21
21
|
function Component() {
|
|
@@ -29,13 +29,13 @@
|
|
|
29
29
|
</>
|
|
30
30
|
);
|
|
31
31
|
}
|
|
32
|
-
`},div:{description
|
|
32
|
+
`},div:{description:`Use as="div" for a title that is not a heading. The title renders without a heading element.`,react:n.code`
|
|
33
33
|
import { PageTitle } from "@sps-woodland/page-title";
|
|
34
34
|
|
|
35
35
|
function Component() {
|
|
36
36
|
return <PageTitle as="div">Cabela's Purchase Order #123456789012</PageTitle>;
|
|
37
37
|
}
|
|
38
|
-
`}}},subtitle:{label
|
|
38
|
+
`}}},subtitle:{label:`Subtitle`,examples:{withSubtitle:{react:n.code`
|
|
39
39
|
import { PageTitle, PageSubtitle } from "@sps-woodland/page-title";
|
|
40
40
|
import { Icon } from "@sps-woodland/core";
|
|
41
41
|
|
|
@@ -51,4 +51,4 @@
|
|
|
51
51
|
</PageTitle>
|
|
52
52
|
);
|
|
53
53
|
}
|
|
54
|
-
`}}}}}}
|
|
54
|
+
`}}}}}},Object.keys(t).forEach(function(n){n!=="default"&&!Object.prototype.hasOwnProperty.call(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[n]}})})});
|
package/lib/style.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
.pkg_sps-woodland_core__family_page-
|
|
1
|
+
.pkg_sps-woodland_core__family_page-title__version_8_56_3__hash_14qi3ku0{color:#4b5356;margin-top:.25rem;font-size:1.125rem;line-height:1.125rem}.pkg_sps-woodland_core__family_page-title__version_8_56_3__hash_14qi3ku1{margin-top:.25rem;margin-left:.25rem;margin-right:.25rem;font-size:.75rem;line-height:1.125rem}.pkg_sps-woodland_core__family_page-title__version_8_56_3__hash_6nwwl00{flex-direction:row;display:flex}.pkg_sps-woodland_core__family_page-title__version_8_56_3__hash_6nwwl01{color:#1f282c;flex-direction:column;font-size:1.5rem;line-height:1.5rem;display:flex}.pkg_sps-woodland_core__family_page-title__version_8_56_3__hash_6nwwl02{align-self:flex-start;margin-top:.1875rem;margin-right:.25rem;font-size:1.125rem;line-height:1.5rem}.pkg_sps-woodland_core__family_page-title__version_8_56_3__hash_6nwwl03{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}
|
|
2
|
+
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/page-title",
|
|
3
3
|
"description": "SPS Woodland Design System page title component",
|
|
4
|
-
"version": "8.56.
|
|
4
|
+
"version": "8.56.3",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/page-title",
|
|
@@ -30,13 +30,13 @@
|
|
|
30
30
|
"@spscommerce/utils": "^7.0.0 || ^8.0.0 || ^9.0.0",
|
|
31
31
|
"react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
32
32
|
"react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
33
|
-
"@sps-woodland/core": "8.56.
|
|
33
|
+
"@sps-woodland/core": "8.56.3"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@spscommerce/utils": "9.
|
|
36
|
+
"@spscommerce/utils": "9.3.3",
|
|
37
37
|
"react": "16.14.0",
|
|
38
38
|
"react-dom": "16.14.0",
|
|
39
|
-
"@sps-woodland/core": "8.56.
|
|
39
|
+
"@sps-woodland/core": "8.56.3"
|
|
40
40
|
},
|
|
41
41
|
"scripts": {
|
|
42
42
|
"build": "pnpm run build:js && pnpm run build:types && pnpm run build:css",
|