playbook_ui_docs 14.17.0.pre.alpha.play1499backgroundkitoverlay7110 → 14.17.0.pre.alpha.play1964tablekitheadertextstylefix7164
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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_background/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_background/docs/index.js +0 -1
- data/dist/playbook-doc.js +1 -1
- metadata +2 -4
- data/app/pb_kits/playbook/pb_background/docs/_background_overlay.jsx +0 -36
- data/app/pb_kits/playbook/pb_background/docs/_background_overlay.md +0 -1
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui_docs
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 14.17.0.pre.alpha.
|
|
4
|
+
version: 14.17.0.pre.alpha.play1964tablekitheadertextstylefix7164
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Power UX
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2025-04-
|
|
12
|
+
date: 2025-04-11 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: playbook_ui
|
|
@@ -147,8 +147,6 @@ files:
|
|
|
147
147
|
- app/pb_kits/playbook/pb_background/docs/_background_image.md
|
|
148
148
|
- app/pb_kits/playbook/pb_background/docs/_background_light.html.erb
|
|
149
149
|
- app/pb_kits/playbook/pb_background/docs/_background_light.jsx
|
|
150
|
-
- app/pb_kits/playbook/pb_background/docs/_background_overlay.jsx
|
|
151
|
-
- app/pb_kits/playbook/pb_background/docs/_background_overlay.md
|
|
152
150
|
- app/pb_kits/playbook/pb_background/docs/_background_size.html.erb
|
|
153
151
|
- app/pb_kits/playbook/pb_background/docs/_background_size.jsx
|
|
154
152
|
- app/pb_kits/playbook/pb_background/docs/_background_size.md
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import Background from "../../pb_background/_background"
|
|
3
|
-
import Flex from "../../pb_flex/_flex"
|
|
4
|
-
import FlexItem from "../../pb_flex/_flex_item"
|
|
5
|
-
import Title from "../../pb_title/_title"
|
|
6
|
-
|
|
7
|
-
const BackgroundOverlay = (props) => {
|
|
8
|
-
return (
|
|
9
|
-
<Background
|
|
10
|
-
alt="colorful background"
|
|
11
|
-
className="background lazyload"
|
|
12
|
-
imageOverlay="opacity_6"
|
|
13
|
-
imageUrl="https://images.unsplash.com/photo-1528459801416-a9e53bbf4e17?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80"
|
|
14
|
-
{...props}
|
|
15
|
-
backgroundColor="light"
|
|
16
|
-
>
|
|
17
|
-
<Flex
|
|
18
|
-
orientation="column"
|
|
19
|
-
vertical="center"
|
|
20
|
-
{...props}
|
|
21
|
-
>
|
|
22
|
-
<FlexItem>
|
|
23
|
-
<Title
|
|
24
|
-
dark
|
|
25
|
-
padding="lg"
|
|
26
|
-
size={1}
|
|
27
|
-
text="Background Kit Image"
|
|
28
|
-
{...props}
|
|
29
|
-
/>
|
|
30
|
-
</FlexItem>
|
|
31
|
-
</Flex>
|
|
32
|
-
</Background>
|
|
33
|
-
)
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
export default BackgroundOverlay
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
An overlay can be added to the background image by setting the `imageOverlay` prop and adding a `backgroundColor`. The `imageOverlay` prop can be set to any opacity ranging from `opacity_1` to `opacity_10`.
|