playbook_ui 12.16.0.pre.alpha.PLAY693tooltipwrongbg532 → 12.16.0.pre.alpha.PLAY693tooltipwrongbg558
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_card/docs/_card_background.jsx +1 -1
- data/app/pb_kits/playbook/pb_docs/kit_example.html.erb +1 -17
- data/app/pb_kits/playbook/pb_docs/kit_example.rb +6 -2
- data/app/pb_kits/playbook/pb_image/docs/{_default_image.tsx → _default_image.jsx} +1 -1
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb +4 -4
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb +1 -2
- data/lib/playbook/version.rb +1 -1
- metadata +3 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: e99edb382c2990a8e04e53649d6936a8660f71ce5e2605f8228e2477063421d3
|
|
4
|
+
data.tar.gz: 31b0b86d40bd1730e69f25b6642f1a46f391836374fa997bedf2c9b8010b3983
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a46dbd023117c9c3cb37d192b5a4191684366abe9638bc86cd10ad6d71f51b8817b11cea2416e2c62e17ccf4972a926d4d8a907ebf80184a02d753b78bc1fc6a
|
|
7
|
+
data.tar.gz: 4f5de4efa0dbc203a4461280e7ff9178165fffa1c5cdd9ac2f00af08b4bf573fbecc5a56e014b400b597768bceb06123a60ff05bacc2f9b5a916552d3cfce36e
|
|
@@ -20,16 +20,6 @@
|
|
|
20
20
|
<a href="#" id="copy-<%= example_key %>-trigger" onclick="copyOnClick(`<%= example_html %>`, `copy-<%= example_key %>`)">
|
|
21
21
|
Copy HTML
|
|
22
22
|
</a>
|
|
23
|
-
<%= pb_rails("popover", props: {
|
|
24
|
-
classname: "popover-copy",
|
|
25
|
-
close_on_click: "any",
|
|
26
|
-
trigger_element_id: "copy-#{example_key}-trigger",
|
|
27
|
-
tooltip_id: "copy-#{example_key}",
|
|
28
|
-
position: "top",
|
|
29
|
-
padding: "xs"
|
|
30
|
-
}) do %>
|
|
31
|
-
HTML Copied
|
|
32
|
-
<% end %>
|
|
33
23
|
</li>
|
|
34
24
|
<% end %>
|
|
35
25
|
<li>
|
|
@@ -49,13 +39,7 @@
|
|
|
49
39
|
<script>
|
|
50
40
|
function copyOnClick(content, elementID) {
|
|
51
41
|
copyContent(content)
|
|
52
|
-
|
|
53
|
-
const popover = document.getElementById(elementID);
|
|
54
|
-
popover.style.display = "block";
|
|
55
|
-
|
|
56
|
-
setTimeout(() => {
|
|
57
|
-
popover.style.display = "none";
|
|
58
|
-
}, 3000);
|
|
59
42
|
}
|
|
43
|
+
|
|
60
44
|
</script>
|
|
61
45
|
|
|
@@ -41,8 +41,12 @@ module Playbook
|
|
|
41
41
|
private
|
|
42
42
|
|
|
43
43
|
def sanitize_code(stringified_code)
|
|
44
|
-
stringified_code = stringified_code.gsub(
|
|
45
|
-
.gsub(
|
|
44
|
+
stringified_code = stringified_code.gsub('"../.."', '"playbook-ui"')
|
|
45
|
+
.gsub('"../../"', '"playbook-ui"')
|
|
46
|
+
.gsub("'../../'", "'playbook-ui'")
|
|
47
|
+
.gsub("'../..'", "'playbook-ui'")
|
|
48
|
+
.gsub(%r{from "../.*}, "from 'playbook-ui'")
|
|
49
|
+
.gsub(%r{from '../.*}, "from 'playbook-ui'")
|
|
46
50
|
stringified_code = dark ? stringified_code.gsub("{...props}", "dark") : stringified_code.gsub(/\s*{...props}\s*\n/, "\n")
|
|
47
51
|
if stringified_code.include?("props: { ")
|
|
48
52
|
stringified_code = stringified_code.gsub("props: {", "props: {dark: true,") if type == "rails" && dark
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<%= pb_rails("flex", props: {
|
|
1
|
+
<%= pb_rails("flex", props: { gap: "md", justify: "center", wrap: true }) do %>
|
|
2
2
|
<%= pb_rails("flex/flex_item") do %>
|
|
3
3
|
<span id='regular-tooltip-1'>Hover here (Top)</span>
|
|
4
4
|
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
<% end %>
|
|
12
12
|
<% end %>
|
|
13
13
|
|
|
14
|
-
<%= pb_rails("flex/flex_item"
|
|
14
|
+
<%= pb_rails("flex/flex_item") do %>
|
|
15
15
|
<span id='regular-tooltip-2'>Hover here (Bottom)</span>
|
|
16
16
|
<%= pb_rails("tooltip", props: {
|
|
17
17
|
trigger_element_selector: "#regular-tooltip-2",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
<% end %>
|
|
23
23
|
<% end %>
|
|
24
24
|
|
|
25
|
-
<%= pb_rails("flex/flex_item"
|
|
25
|
+
<%= pb_rails("flex/flex_item") do %>
|
|
26
26
|
<span id='regular-tooltip-3'>Hover here (Right)</span>
|
|
27
27
|
<%= pb_rails("tooltip", props: {
|
|
28
28
|
trigger_element_selector: "#regular-tooltip-3",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
<% end %>
|
|
34
34
|
<% end %>
|
|
35
35
|
|
|
36
|
-
<%= pb_rails("flex/flex_item"
|
|
36
|
+
<%= pb_rails("flex/flex_item") do %>
|
|
37
37
|
<span id='regular-tooltip-4'>Hover here (Left)</span>
|
|
38
38
|
<%= pb_rails("tooltip", props: {
|
|
39
39
|
trigger_element_selector: "#regular-tooltip-4",
|
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: 12.16.0.pre.alpha.
|
|
4
|
+
version: 12.16.0.pre.alpha.PLAY693tooltipwrongbg558
|
|
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: 2023-04-
|
|
12
|
+
date: 2023-04-27 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: actionpack
|
|
@@ -1221,7 +1221,7 @@ files:
|
|
|
1221
1221
|
- app/pb_kits/playbook/pb_image/docs/_custom_error_image.html.erb
|
|
1222
1222
|
- app/pb_kits/playbook/pb_image/docs/_custom_error_image.jsx
|
|
1223
1223
|
- app/pb_kits/playbook/pb_image/docs/_default_image.html.erb
|
|
1224
|
-
- app/pb_kits/playbook/pb_image/docs/_default_image.
|
|
1224
|
+
- app/pb_kits/playbook/pb_image/docs/_default_image.jsx
|
|
1225
1225
|
- app/pb_kits/playbook/pb_image/docs/_description.md
|
|
1226
1226
|
- app/pb_kits/playbook/pb_image/docs/_rounded_image.html.erb
|
|
1227
1227
|
- app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
|