playbook_ui_docs 14.14.0.pre.alpha.play1872verticaltimelineresponsiveissue6409 → 14.14.0.pre.alpha.play1922tooltipfloatingui6361
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_drawer/docs/_drawer_default.html.erb +1 -20
- data/app/pb_kits/playbook/pb_drawer/docs/example.yml +0 -5
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -1
- data/app/pb_kits/playbook/pb_overlay/docs/example.yml +0 -1
- metadata +2 -11
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.html.erb +0 -8
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.html.erb +0 -33
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb +0 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.html.erb +0 -24
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.html.erb +0 -21
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.md +0 -1
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.html.erb +0 -49
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.html.erb +0 -11
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.md +0 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: a654517eed7995d2dd04f924b21ac98079c8bf6e64ddd9389aef999c0ef814d2
|
4
|
+
data.tar.gz: b30aa5fa5020fb86b549c3ea0766a988b8588c98e314d921cb05d875568e7ece
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: d37123b09e80fdca9db9c6b97ebc3ad049f2b4d7a7105c5bf8532eaed35d917089489ddc826ebe793cb671c1241e4774246425b849306487c8df3abe35b3e443
|
7
|
+
data.tar.gz: 2ceaefad3e14f464dd06d569d90eff4f7ee338384b46812fdeff3faf803bd996ac68938df67c32ca29a8edadad4350daa860515e103eaecf83b1a566d78cd036
|
@@ -1,20 +1 @@
|
|
1
|
-
<%= pb_rails("
|
2
|
-
<%= pb_rails("button", props: { text: "Left Drawer", margin_right: "sm", data: {"open-drawer": "drawer-1"} }) %>
|
3
|
-
|
4
|
-
<%= pb_rails("drawer", props: {
|
5
|
-
id:"drawer-1",
|
6
|
-
}) do %>
|
7
|
-
Test me (Left Drawer)
|
8
|
-
<% end %>
|
9
|
-
|
10
|
-
|
11
|
-
<%= pb_rails("button", props: { text: "Right Drawer", data: {"open-drawer": "drawer-2"} }) %>
|
12
|
-
|
13
|
-
<%= pb_rails("drawer", props: {
|
14
|
-
id:"drawer-2",
|
15
|
-
placement: "right"
|
16
|
-
}) do %>
|
17
|
-
Test me (Right Drawer)
|
18
|
-
<% end %>
|
19
|
-
<% end %>
|
20
|
-
|
1
|
+
<%= pb_rails("drawer") %>
|
@@ -32,7 +32,7 @@
|
|
32
32
|
<%= form.url_field :example_url_field_validation, props: { label: true, required: true } %>
|
33
33
|
<%= form.text_area :example_text_area_validation, props: { label: true, required: true } %>
|
34
34
|
<%= form.dropdown_field :example_dropdown_validation, props: { label: true, options: example_dropdown_options, required: true } %>
|
35
|
-
<%= form.select :example_select_validation, [ ["Yes", 1], ["No", 2] ], props: { label: true, blank_selection: "Select One...", required: true
|
35
|
+
<%= form.select :example_select_validation, [ ["Yes", 1], ["No", 2] ], props: { label: true, blank_selection: "Select One...", required: true } %>
|
36
36
|
<%= form.collection_select :example_collection_select_validation, example_collection, :value, :name, props: { label: true, blank_selection: "Select One...", required: true } %>
|
37
37
|
<%= form.check_box :example_checkbox, props: { text: "Example Checkbox", label: true, required: true } %>
|
38
38
|
<%= form.date_picker :example_date_picker_2, props: { label: true, required: true } %>
|
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.14.0.pre.alpha.
|
4
|
+
version: 14.14.0.pre.alpha.play1922tooltipfloatingui6361
|
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-
|
12
|
+
date: 2025-02-27 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: playbook_ui
|
@@ -720,21 +720,14 @@ files:
|
|
720
720
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md
|
721
721
|
- app/pb_kits/playbook/pb_draggable/docs/example.yml
|
722
722
|
- app/pb_kits/playbook/pb_draggable/docs/index.js
|
723
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.html.erb
|
724
723
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx
|
725
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.html.erb
|
726
724
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx
|
727
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb
|
728
725
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx
|
729
726
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb
|
730
727
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx
|
731
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.html.erb
|
732
728
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx
|
733
729
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.md
|
734
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.html.erb
|
735
730
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx
|
736
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.md
|
737
|
-
- app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.html.erb
|
738
731
|
- app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx
|
739
732
|
- app/pb_kits/playbook/pb_drawer/docs/example.yml
|
740
733
|
- app/pb_kits/playbook/pb_drawer/docs/index.js
|
@@ -1388,9 +1381,7 @@ files:
|
|
1388
1381
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.html.erb
|
1389
1382
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.jsx
|
1390
1383
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.md
|
1391
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.html.erb
|
1392
1384
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx
|
1393
|
-
- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.md
|
1394
1385
|
- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional_react.md
|
1395
1386
|
- app/pb_kits/playbook/pb_overlay/docs/example.yml
|
1396
1387
|
- app/pb_kits/playbook/pb_overlay/docs/index.js
|
@@ -1,33 +0,0 @@
|
|
1
|
-
<%= pb_rails("flex") do %>
|
2
|
-
<%= pb_rails("button", props: { text: "Drawer with border right", margin_right: "sm", data: {"open-drawer": "drawer-12"} }) %>
|
3
|
-
|
4
|
-
<%= pb_rails("drawer", props: {
|
5
|
-
id:"drawer-12",
|
6
|
-
overlay: false,
|
7
|
-
border: "right"
|
8
|
-
}) do %>
|
9
|
-
Test me (Border Right)
|
10
|
-
<% end %>
|
11
|
-
|
12
|
-
|
13
|
-
<%= pb_rails("button", props: { text: "Drawer with border left", margin_right: "sm", data: {"open-drawer": "drawer-13"} }) %>
|
14
|
-
|
15
|
-
<%= pb_rails("drawer", props: {
|
16
|
-
id:"drawer-13",
|
17
|
-
overlay: false,
|
18
|
-
border: "left"
|
19
|
-
}) do %>
|
20
|
-
Test me (Border Left)
|
21
|
-
<% end %>
|
22
|
-
|
23
|
-
<%= pb_rails("button", props: { text: "Drawer with border full", data: {"open-drawer": "drawer-14"} }) %>
|
24
|
-
|
25
|
-
<%= pb_rails("drawer", props: {
|
26
|
-
id:"drawer-14",
|
27
|
-
overlay: false,
|
28
|
-
border: "full"
|
29
|
-
}) do %>
|
30
|
-
Test me (Border Full)
|
31
|
-
<% end %>
|
32
|
-
<% end %>
|
33
|
-
|
File without changes
|
@@ -1,24 +0,0 @@
|
|
1
|
-
<%= pb_rails("button", props: { padding: "xs", margin_right: "sm", data: {"open-drawer": "drawer-4"} }) do %>
|
2
|
-
<%= pb_rails("icon", props: { icon: "bars", size: "2x" }) %>
|
3
|
-
<% end %>
|
4
|
-
|
5
|
-
<%= pb_rails("drawer", props: {
|
6
|
-
id:"drawer-4",
|
7
|
-
within_element: true,
|
8
|
-
placement: "bottom",
|
9
|
-
breakpoint: "md",
|
10
|
-
size: "full"
|
11
|
-
}) do %>
|
12
|
-
<%= pb_rails("nav", props: { display: {xl: "none", lg: "none", md: "none", sm: "block" } }) do %>
|
13
|
-
<%= pb_rails("nav/item", props: { text: "Photos", link: "#" }) %>
|
14
|
-
<%= pb_rails("nav/item", props: { text: "Music", link: "#" }) %>
|
15
|
-
<%= pb_rails("nav/item", props: { text: "Video", link: "#", active: true }) %>
|
16
|
-
<%= pb_rails("nav/item", props: { text: "Files", link: "#" }) %>
|
17
|
-
<% end %>
|
18
|
-
<%= pb_rails("nav", props: { display: {md: "block", sm: "none", xs: "none" }, orientation: "horizontal" }) do %>
|
19
|
-
<%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
|
20
|
-
<%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
|
21
|
-
<%= pb_rails("nav/item", props: { text: "Service ", link: "#" }) %>
|
22
|
-
<%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
|
23
|
-
<% end %>
|
24
|
-
<% end %>
|
@@ -1,21 +0,0 @@
|
|
1
|
-
<%= pb_rails("flex") do %>
|
2
|
-
<%= pb_rails("button", props: { text: "No Overlay Drawer", margin_right: "sm", data: {"open-drawer": "drawer-10"} }) %>
|
3
|
-
|
4
|
-
<%= pb_rails("drawer", props: {
|
5
|
-
id:"drawer-10",
|
6
|
-
overlay: false
|
7
|
-
}) do %>
|
8
|
-
Test me (No Overlay)
|
9
|
-
<% end %>
|
10
|
-
|
11
|
-
|
12
|
-
<%= pb_rails("button", props: { text: "Overlay Drawer", data: {"open-drawer": "drawer-11"} }) %>
|
13
|
-
|
14
|
-
<%= pb_rails("drawer", props: {
|
15
|
-
id:"drawer-11",
|
16
|
-
placement: "right"
|
17
|
-
}) do %>
|
18
|
-
Test me (Has Overlay)
|
19
|
-
<% end %>
|
20
|
-
<% end %>
|
21
|
-
|
@@ -1 +0,0 @@
|
|
1
|
-
Click the button to close the drawer when there is no overlay.
|
@@ -1,49 +0,0 @@
|
|
1
|
-
<%= pb_rails("flex") do %>
|
2
|
-
<%= pb_rails("button", props: { text: "XS Drawer", margin_right: "sm", data: {"open-drawer": "drawer-5"} }) %>
|
3
|
-
|
4
|
-
<%= pb_rails("drawer", props: {
|
5
|
-
id:"drawer-5",
|
6
|
-
size: "xs"
|
7
|
-
}) do %>
|
8
|
-
XS
|
9
|
-
<% end %>
|
10
|
-
|
11
|
-
<%= pb_rails("button", props: { text: "SM Drawer", margin_right: "sm", data: {"open-drawer": "drawer-6"} }) %>
|
12
|
-
|
13
|
-
<%= pb_rails("drawer", props: {
|
14
|
-
id:"drawer-6",
|
15
|
-
size: "sm",
|
16
|
-
placement: "right"
|
17
|
-
}) do %>
|
18
|
-
This is a small drawer
|
19
|
-
<% end %>
|
20
|
-
|
21
|
-
<%= pb_rails("button", props: { text: "MD Drawer", margin_right: "sm", data: {"open-drawer": "drawer-7"} }) %>
|
22
|
-
|
23
|
-
<%= pb_rails("drawer", props: {
|
24
|
-
id:"drawer-7",
|
25
|
-
size: "md"
|
26
|
-
}) do %>
|
27
|
-
This is a medium drawer
|
28
|
-
<% end %>
|
29
|
-
|
30
|
-
<%= pb_rails("button", props: { text: "LG Drawer", margin_right: "sm", data: {"open-drawer": "drawer-8"} }) %>
|
31
|
-
|
32
|
-
<%= pb_rails("drawer", props: {
|
33
|
-
id:"drawer-8",
|
34
|
-
size: "lg",
|
35
|
-
placement: "right"
|
36
|
-
}) do %>
|
37
|
-
This is a large drawer
|
38
|
-
<% end %>
|
39
|
-
|
40
|
-
<%= pb_rails("button", props: { text: "XL Drawer", margin_right: "sm", data: {"open-drawer": "drawer-9"} }) %>
|
41
|
-
|
42
|
-
<%= pb_rails("drawer", props: {
|
43
|
-
id:"drawer-9",
|
44
|
-
size: "xl"
|
45
|
-
}) do %>
|
46
|
-
This is an extra large drawer
|
47
|
-
<% end %>
|
48
|
-
<% end %>
|
49
|
-
|
data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.html.erb
DELETED
@@ -1,11 +0,0 @@
|
|
1
|
-
<%= pb_rails("overlay", props: { layout: { "x": "xl" }, color: "card_light", dynamic: true }) do %>
|
2
|
-
<%= pb_rails("flex", props: { column_gap: "lg", orientation: "row", overflow_x: "auto" }) do %>
|
3
|
-
<% 15.times do %>
|
4
|
-
<%= pb_rails("flex/flex_item") do %>
|
5
|
-
<%= pb_rails("card") do %>
|
6
|
-
Card content
|
7
|
-
<% end %>
|
8
|
-
<% end %>
|
9
|
-
<% end %>
|
10
|
-
<% end %>
|
11
|
-
<% end %>
|
@@ -1 +0,0 @@
|
|
1
|
-
Pass the `dynamic` prop to make the overlay render while the scrollbar isn't at either end on the scrollbar.
|