playbook_ui 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/_background.scss +0 -26
- data/app/pb_kits/playbook/pb_background/_background.tsx +3 -6
- data/app/pb_kits/playbook/pb_background/background.test.js +0 -5
- 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/app/pb_kits/playbook/pb_table/styles/_headers.scss +19 -7
- data/dist/chunks/{_typeahead-1gVtCLYL.js → _typeahead-7W5Ha5Td.js} +1 -1
- data/dist/chunks/{_weekday_stacked-Cl62R0Ef.js → _weekday_stacked-DSKatW3m.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +4 -6
- 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
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui
|
|
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: actionpack
|
|
@@ -421,8 +421,6 @@ files:
|
|
|
421
421
|
- app/pb_kits/playbook/pb_background/docs/_background_image.md
|
|
422
422
|
- app/pb_kits/playbook/pb_background/docs/_background_light.html.erb
|
|
423
423
|
- app/pb_kits/playbook/pb_background/docs/_background_light.jsx
|
|
424
|
-
- app/pb_kits/playbook/pb_background/docs/_background_overlay.jsx
|
|
425
|
-
- app/pb_kits/playbook/pb_background/docs/_background_overlay.md
|
|
426
424
|
- app/pb_kits/playbook/pb_background/docs/_background_size.html.erb
|
|
427
425
|
- app/pb_kits/playbook/pb_background/docs/_background_size.jsx
|
|
428
426
|
- app/pb_kits/playbook/pb_background/docs/_background_size.md
|
|
@@ -3469,8 +3467,8 @@ files:
|
|
|
3469
3467
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
|
3470
3468
|
- app/pb_kits/playbook/utilities/text.ts
|
|
3471
3469
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
|
3472
|
-
- dist/chunks/_typeahead-
|
|
3473
|
-
- dist/chunks/_weekday_stacked-
|
|
3470
|
+
- dist/chunks/_typeahead-7W5Ha5Td.js
|
|
3471
|
+
- dist/chunks/_weekday_stacked-DSKatW3m.js
|
|
3474
3472
|
- dist/chunks/lazysizes-B7xYodB-.js
|
|
3475
3473
|
- dist/chunks/lib-BGzBzFZX.js
|
|
3476
3474
|
- dist/chunks/pb_form_validation-BvNy9Bd6.js
|
|
@@ -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`.
|