playbook_ui_docs 12.30.1.pre.alpha.hovertesting914 → 12.30.1.pre.alpha.play846responsivespacingglobalpropsneedsdefault924

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.
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: 12.30.1.pre.alpha.hovertesting914
4
+ version: 12.30.1.pre.alpha.play846responsivespacingglobalpropsneedsdefault924
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-07-12 00:00:00.000000000 Z
12
+ date: 2023-07-13 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -146,7 +146,6 @@ files:
146
146
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.html.erb
147
147
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx
148
148
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.md
149
- - app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
150
149
  - app/pb_kits/playbook/pb_button/docs/_button_icon_options.html.erb
151
150
  - app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx
152
151
  - app/pb_kits/playbook/pb_button/docs/_button_icon_options.md
@@ -838,7 +837,6 @@ files:
838
837
  - app/pb_kits/playbook/pb_message/docs/_message_default.html.erb
839
838
  - app/pb_kits/playbook/pb_message/docs/_message_default.jsx
840
839
  - app/pb_kits/playbook/pb_message/docs/_message_default.md
841
- - app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
842
840
  - app/pb_kits/playbook/pb_message/docs/_message_timestamp.html.erb
843
841
  - app/pb_kits/playbook/pb_message/docs/_message_timestamp.jsx
844
842
  - app/pb_kits/playbook/pb_message/docs/example.yml
@@ -1,130 +0,0 @@
1
- import React from "react"
2
- import { Button } from "../../"
3
-
4
- const ButtonHover = (props) => (
5
- <div>
6
- <div>
7
- <Button
8
- hover={{ background: "info" }}
9
- marginRight='lg'
10
- onClick={() => alert("button clicked!")}
11
- tabIndex={0}
12
- text='Color 1'
13
- {...props}
14
- />{" "}
15
- <Button
16
- hover={{ background: "success_subtle" }}
17
- marginRight='lg'
18
- onClick={() => alert("button clicked!")}
19
- tabIndex={0}
20
- text='Color 2'
21
- variant='secondary'
22
- {...props}
23
- />{" "}
24
- <Button
25
- hover={{ background: "warning_subtle" }}
26
- marginRight='lg'
27
- onClick={() => alert("button clicked!")}
28
- tabIndex={0}
29
- text='Color 3'
30
- variant='link'
31
- {...props}
32
- />
33
- </div>
34
- <div>
35
- <Button
36
- hover={{ shadow: "deep" }}
37
- marginRight='lg'
38
- marginTop='xl'
39
- onClick={() => alert("button clicked!")}
40
- tabIndex={0}
41
- text='Shadow Deep'
42
- {...props}
43
- />{" "}
44
- <Button
45
- hover={{ shadow: "deeper" }}
46
- marginRight='lg'
47
- marginTop='xl'
48
- onClick={() => alert("button clicked!")}
49
- tabIndex={0}
50
- text='Shadow Deeper'
51
- variant='secondary'
52
- {...props}
53
- />{" "}
54
- <Button
55
- hover={{ shadow: "deepest" }}
56
- marginRight='lg'
57
- marginTop='xl'
58
- onClick={() => alert("button clicked!")}
59
- tabIndex={0}
60
- text='Shadow Deepest'
61
- variant='link'
62
- {...props}
63
- />
64
- </div>
65
- <div>
66
- <Button
67
- hover={{ scale: "sm" }}
68
- marginRight='lg'
69
- marginTop='xl'
70
- onClick={() => alert("button clicked!")}
71
- tabIndex={0}
72
- text='Scale Small'
73
- {...props}
74
- />{" "}
75
- <Button
76
- hover={{ scale: "md" }}
77
- marginRight='lg'
78
- marginTop='xl'
79
- onClick={() => alert("button clicked!")}
80
- tabIndex={0}
81
- text='Scale Medium'
82
- variant='secondary'
83
- {...props}
84
- />{" "}
85
- <Button
86
- hover={{ scale: "lg" }}
87
- marginRight='lg'
88
- marginTop='xl'
89
- onClick={() => alert("button clicked!")}
90
- tabIndex={0}
91
- text='Scale Large'
92
- variant='link'
93
- {...props}
94
- />
95
- </div>
96
- <div>
97
- <Button
98
- hover={{ background: "error_subtle", shadow: "deep" }}
99
- marginRight='lg'
100
- marginTop='xl'
101
- onClick={() => alert("button clicked!")}
102
- tabIndex={0}
103
- text='Multiple Attributes'
104
- {...props}
105
- />{" "}
106
- <Button
107
- hover={{ background: "info_subtle", shadow: "deeper" }}
108
- marginRight='lg'
109
- marginTop='xl'
110
- onClick={() => alert("button clicked!")}
111
- tabIndex={0}
112
- text='Multiple Attributes'
113
- variant='secondary'
114
- {...props}
115
- />{" "}
116
- <Button
117
- hover={{ background: "success_subtle", shadow: "deepest" }}
118
- marginRight='lg'
119
- marginTop='xl'
120
- onClick={() => alert("button clicked!")}
121
- tabIndex={0}
122
- text='Multiple Attributes'
123
- variant='link'
124
- {...props}
125
- />
126
- </div>
127
- </div>
128
- )
129
-
130
- export default ButtonHover
@@ -1,41 +0,0 @@
1
- import React from "react"
2
-
3
- import Message from "../_message"
4
-
5
- const MessageHover = (props) => {
6
- return (
7
- <div>
8
- <Message
9
- avatarName='Mike Bishop'
10
- avatarStatus='online'
11
- avatarUrl='https://randomuser.me/api/portraits/men/50.jpg'
12
- borderRadius='rounded'
13
- hover={{ background: "success_subtle" }}
14
- label='Anna Black'
15
- message='How can we assist you today?'
16
- padding="xs"
17
- {...props}
18
- />
19
-
20
- <br />
21
- <br />
22
- <br />
23
-
24
- <Message
25
- avatarName='Becca Jacobs'
26
- avatarUrl='https://randomuser.me/api/portraits/women/50.jpg'
27
- borderRadius='rounded'
28
- hover={{ shadow: "deepest" }}
29
- label='Lucille Sanchez'
30
- message='Application for Kate Smith is waiting for your approval'
31
- padding="xs"
32
- {...props}
33
- />
34
-
35
- <br />
36
-
37
- </div>
38
- )
39
- }
40
-
41
- export default MessageHover