playbook_ui_docs 12.31.0.pre.alpha.multilevelnopillsdesigns944 → 12.32.0
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_button/docs/_button_hover.html.erb +3 -0
- data/app/pb_kits/playbook/pb_button/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.html.erb +17 -0
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.jsx +33 -0
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.md +3 -0
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_message/docs/_message_hover.html.erb +25 -0
- data/app/pb_kits/playbook/pb_message/docs/example.yml +1 -0
- data/dist/playbook-doc.js +8 -8
- metadata +11 -6
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: '01700709d03454065bd3f7c29892078b5e36a98c67633cd5e4a5c7ca8d67f8a2'
|
4
|
+
data.tar.gz: fc154b9f27ecc769def6089ee546aec147cfcda0f6f7933ef5fa041af98b6ad5
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 67c99086eab351f965e1fab1198f5b9c37cdac0514414f5bda7bcd64ed0d2171a8b40457321313d13b13ffbe88d8489d09555f3decc6962bad42cd10a625d57b
|
7
|
+
data.tar.gz: 5aa40d6431811565b9e1dafaa360c496a36bdde350eb9fcdd1aac5c0b5b710ffb811f38486136bbf0b00b38866674361d78b2864797ee24e65d07bc5b6fe4be9
|
@@ -0,0 +1,3 @@
|
|
1
|
+
<%= pb_rails("button", props: { hover: { shadow: "deep"}, text: "Shadow Deep", margin_right: "lg" }) %>
|
2
|
+
<%= pb_rails("button", props: { hover: { shadow: "deeper"}, text: "Shadow Deeper", margin_right: "lg" }) %>
|
3
|
+
<%= pb_rails("button", props: { hover: { shadow: "deepest"}, text: "Shadow Deepest", margin_right: "lg" }) %>
|
@@ -0,0 +1,17 @@
|
|
1
|
+
<%= pb_rails("fixed_confirmation_toast", props: {
|
2
|
+
padding_y: "none",
|
3
|
+
status: "success"
|
4
|
+
}) do %>
|
5
|
+
<%= pb_rails("title", props: {
|
6
|
+
dark: true,
|
7
|
+
margin_left: "md",
|
8
|
+
text: "Design & Handoff Process was moved to UX Designer Learning Track.",
|
9
|
+
size: 4
|
10
|
+
}) %>
|
11
|
+
<%= pb_rails("button", props: {
|
12
|
+
dark: true,
|
13
|
+
padding_right: "none",
|
14
|
+
text: "Undo",
|
15
|
+
variant: "link"
|
16
|
+
}) %>
|
17
|
+
<% end %>
|
data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.jsx
ADDED
@@ -0,0 +1,33 @@
|
|
1
|
+
import React from 'react'
|
2
|
+
|
3
|
+
import FixedConfirmationToast from '../_fixed_confirmation_toast'
|
4
|
+
import Button from '../../pb_button/_button'
|
5
|
+
import Title from '../../pb_title/_title'
|
6
|
+
|
7
|
+
const FixedConfirmationToastChildren = (props) => {
|
8
|
+
return (
|
9
|
+
<>
|
10
|
+
<FixedConfirmationToast
|
11
|
+
paddingY="none"
|
12
|
+
status="success"
|
13
|
+
{...props}
|
14
|
+
>
|
15
|
+
<Title
|
16
|
+
dark
|
17
|
+
marginLeft="md"
|
18
|
+
size={4}
|
19
|
+
text="Design & Handoff Process was moved to UX Designer Learning Track."
|
20
|
+
/>
|
21
|
+
<Button
|
22
|
+
dark
|
23
|
+
onClick={() => alert("button clicked!")}
|
24
|
+
paddingRight="none"
|
25
|
+
text="Undo"
|
26
|
+
variant="link"
|
27
|
+
/>
|
28
|
+
</FixedConfirmationToast>
|
29
|
+
</>
|
30
|
+
)
|
31
|
+
}
|
32
|
+
|
33
|
+
export default FixedConfirmationToastChildren
|
@@ -5,6 +5,7 @@ examples:
|
|
5
5
|
- fixed_confirmation_toast_multi_line: Multi Line
|
6
6
|
- fixed_confirmation_toast_close: Click to Close
|
7
7
|
- fixed_confirmation_toast_positions: Click to Show Positions
|
8
|
+
- fixed_confirmation_toast_children: Children
|
8
9
|
|
9
10
|
react:
|
10
11
|
- fixed_confirmation_toast_default: Default
|
@@ -12,3 +13,4 @@ examples:
|
|
12
13
|
- fixed_confirmation_toast_close: Click to Close
|
13
14
|
- fixed_confirmation_toast_positions: Click to Show Positions
|
14
15
|
- fixed_confirmation_toast_auto_close: Click to Show Auto Close
|
16
|
+
- fixed_confirmation_toast_children: Children
|
@@ -3,3 +3,4 @@ export { default as FixedConfirmationToastMultiLine } from './_fixed_confirmatio
|
|
3
3
|
export { default as FixedConfirmationToastClose } from './_fixed_confirmation_toast_close.jsx'
|
4
4
|
export { default as FixedConfirmationToastPositions } from './_fixed_confirmation_toast_positions.jsx'
|
5
5
|
export { default as FixedConfirmationToastAutoClose } from './_fixed_confirmation_toast_auto_close.jsx'
|
6
|
+
export { default as FixedConfirmationToastChildren } from './_fixed_confirmation_toast_children.jsx'
|
@@ -0,0 +1,25 @@
|
|
1
|
+
<%= pb_rails("message", props: {
|
2
|
+
avatar_name: "Mike Bishop",
|
3
|
+
avatar_status: "online",
|
4
|
+
avatar_url: "https://randomuser.me/api/portraits/men/50.jpg",
|
5
|
+
border_radius: "rounded",
|
6
|
+
hover: { background: "success_subtle" },
|
7
|
+
label: "Anna Black",
|
8
|
+
message: "How can we assist you today?",
|
9
|
+
padding: "xs",
|
10
|
+
}) %>
|
11
|
+
|
12
|
+
<br><br>
|
13
|
+
|
14
|
+
<%= pb_rails("message", props: {
|
15
|
+
align_timestamp: "left",
|
16
|
+
avatar_name: "Lucille Sanchez",
|
17
|
+
avatar_url: "https://randomuser.me/api/portraits/women/50.jpg",
|
18
|
+
border_radius: "rounded",
|
19
|
+
hover: { shadow: "deepest" },
|
20
|
+
label: "Becca Jacobs",
|
21
|
+
message: "Application for Kate Smith is waiting for your approval",
|
22
|
+
padding: "xs",
|
23
|
+
}) %>
|
24
|
+
|
25
|
+
<br><br>
|