@volksverpetzer/ui-web 0.13.0 → 0.13.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.
- package/dist/ToolPage.css +8 -0
- package/dist/ToolPage.js +7 -1
- package/dist/styles.css +8 -0
- package/package.json +1 -1
package/dist/ToolPage.css
CHANGED
|
@@ -132,6 +132,14 @@
|
|
|
132
132
|
gap: var(--vvp-spacing-xs, 4px);
|
|
133
133
|
}
|
|
134
134
|
|
|
135
|
+
/*
|
|
136
|
+
* The decorative background is 220px tall and fades out; without extra space
|
|
137
|
+
* the content slot (a card, form, list) starts on top of the jagged edge.
|
|
138
|
+
*/
|
|
139
|
+
.vvp-ui-tool-page--with-background .vvp-ui-tool-page__content {
|
|
140
|
+
margin-top: var(--vvp-spacing-huge, 40px);
|
|
141
|
+
}
|
|
142
|
+
|
|
135
143
|
.vvp-ui-tool-page__content {
|
|
136
144
|
width: 100%;
|
|
137
145
|
}
|
package/dist/ToolPage.js
CHANGED
|
@@ -14,7 +14,13 @@ const GithubIcon = () => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", wid
|
|
|
14
14
|
* photo) instead of the abstract shape.
|
|
15
15
|
*/
|
|
16
16
|
export function ToolPage({ icon, title, tags, children, helpText, githubUrl, background = true, headerImage, centered = false, className, ...rest }) {
|
|
17
|
-
const classes = [
|
|
17
|
+
const classes = [
|
|
18
|
+
"vvp-ui-tool-page",
|
|
19
|
+
!headerImage && background && "vvp-ui-tool-page--with-background",
|
|
20
|
+
className,
|
|
21
|
+
]
|
|
22
|
+
.filter(Boolean)
|
|
23
|
+
.join(" ");
|
|
18
24
|
const innerClasses = [
|
|
19
25
|
"vvp-ui-tool-page__inner",
|
|
20
26
|
centered && "vvp-ui-tool-page__inner--centered",
|
package/dist/styles.css
CHANGED
|
@@ -656,6 +656,14 @@
|
|
|
656
656
|
gap: var(--vvp-spacing-xs, 4px);
|
|
657
657
|
}
|
|
658
658
|
|
|
659
|
+
/*
|
|
660
|
+
* The decorative background is 220px tall and fades out; without extra space
|
|
661
|
+
* the content slot (a card, form, list) starts on top of the jagged edge.
|
|
662
|
+
*/
|
|
663
|
+
.vvp-ui-tool-page--with-background .vvp-ui-tool-page__content {
|
|
664
|
+
margin-top: var(--vvp-spacing-huge, 40px);
|
|
665
|
+
}
|
|
666
|
+
|
|
659
667
|
.vvp-ui-tool-page__content {
|
|
660
668
|
width: 100%;
|
|
661
669
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@volksverpetzer/ui-web",
|
|
3
|
-
"version": "0.13.
|
|
3
|
+
"version": "0.13.1",
|
|
4
4
|
"description": "Shared brand-visible React components (Button, Badge, Card, ProgressBar, Input, Alert, Slider, ThemeToggle, InputButton) for vvp_link_shortener, vvp_divi5_extensions, crowdfunding, and vectorcrawl. Plain, hand-scoped CSS (vvp-ui-* class prefix) consuming the --vvp-* custom properties emitted by @volksverpetzer/design-tokens — no Tailwind classes, so it drops into a Tailwind app and Divi's WordPress-embedded CSS alike.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|