playbook_ui_docs 14.11.0.pre.rc.10 → 14.11.0.pre.rc.12
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_header.html.erb +18 -0
- data/app/pb_kits/playbook/pb_card/docs/_card_header.jsx +40 -0
- data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx +3 -1
- data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx +4 -1
- data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx +1 -1
- data/dist/playbook-doc.js +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b0732be87082f827a12510465687eb1cc08ba083e5141b8c3b0ae74626918530
|
|
4
|
+
data.tar.gz: f40e95a52b513f3cd12e372d815021087bcfe6f21e59cce5e8b16e72a722aa24
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 023af7e767030a2e49e4b64a9188c3786da36081a7e8038af27a59451f99f3c7096f3ae4d2313920390c2e00f0da5378a2b47f9038f660943c9897507f3fc03b
|
|
7
|
+
data.tar.gz: 15a9805fbd29c3355d56335d6044d5da071a4092a7c3e266e10f227294161cc6814fa33772b8508a638df622311cd6cfc4917d0f47028d553e47129e9c908ee2
|
|
@@ -88,3 +88,21 @@
|
|
|
88
88
|
Body
|
|
89
89
|
<% end %>
|
|
90
90
|
<% end %>
|
|
91
|
+
|
|
92
|
+
<%= pb_rails("card", props: { padding: "none", header: true, margin_bottom: "sm"}) do %>
|
|
93
|
+
<%= pb_rails("card/card_header", props: { padding: "sm", header_color: "success_subtle" }) do %>
|
|
94
|
+
<%= pb_rails("body", props: { text: "Success Subtle" }) %>
|
|
95
|
+
<% end %>
|
|
96
|
+
<%= pb_rails("card/card_body", props: { padding: "md" }) do %>
|
|
97
|
+
Body
|
|
98
|
+
<% end %>
|
|
99
|
+
<% end %>
|
|
100
|
+
|
|
101
|
+
<%= pb_rails("card", props: { padding: "none", header: true, margin_bottom: "sm"}) do %>
|
|
102
|
+
<%= pb_rails("card/card_header", props: { padding: "sm", header_color: "error_subtle" }) do %>
|
|
103
|
+
<%= pb_rails("body", props: { text: "Error Subtle"}) %>
|
|
104
|
+
<% end %>
|
|
105
|
+
<%= pb_rails("card/card_body", props: { padding: "md" }) do %>
|
|
106
|
+
Body
|
|
107
|
+
<% end %>
|
|
108
|
+
<% end %>
|
|
@@ -231,6 +231,46 @@ const CardHeader = (props) => {
|
|
|
231
231
|
/>
|
|
232
232
|
</Card.Body>
|
|
233
233
|
</Card>
|
|
234
|
+
|
|
235
|
+
<Card
|
|
236
|
+
{...props}
|
|
237
|
+
marginBottom='sm'
|
|
238
|
+
padding="none"
|
|
239
|
+
>
|
|
240
|
+
<Card.Header
|
|
241
|
+
headerColor="success_subtle"
|
|
242
|
+
>
|
|
243
|
+
<Body
|
|
244
|
+
text="Success Subtle"
|
|
245
|
+
/>
|
|
246
|
+
</Card.Header>
|
|
247
|
+
<Card.Body>
|
|
248
|
+
<Body
|
|
249
|
+
{...props}
|
|
250
|
+
text="Body"
|
|
251
|
+
/>
|
|
252
|
+
</Card.Body>
|
|
253
|
+
</Card>
|
|
254
|
+
|
|
255
|
+
<Card
|
|
256
|
+
{...props}
|
|
257
|
+
marginBottom='sm'
|
|
258
|
+
padding="none"
|
|
259
|
+
>
|
|
260
|
+
<Card.Header
|
|
261
|
+
headerColor="error_subtle"
|
|
262
|
+
>
|
|
263
|
+
<Body
|
|
264
|
+
text="Error Subtle"
|
|
265
|
+
/>
|
|
266
|
+
</Card.Header>
|
|
267
|
+
<Card.Body>
|
|
268
|
+
<Body
|
|
269
|
+
{...props}
|
|
270
|
+
text="Body"
|
|
271
|
+
/>
|
|
272
|
+
</Card.Body>
|
|
273
|
+
</Card>
|
|
234
274
|
</>
|
|
235
275
|
)
|
|
236
276
|
}
|
|
@@ -25,7 +25,10 @@ const FileUploadCustomDescription = (props) => {
|
|
|
25
25
|
{...props}
|
|
26
26
|
/>
|
|
27
27
|
<FileUpload
|
|
28
|
-
accept={
|
|
28
|
+
accept={{
|
|
29
|
+
"application/pdf": [".pdf"],
|
|
30
|
+
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": [".xlsx"],
|
|
31
|
+
}}
|
|
29
32
|
acceptedFilesDescription="Adobe (.pdf) and Microsoft (.xslx)"
|
|
30
33
|
onFilesAccepted={handleOnFilesAccepted}
|
|
31
34
|
{...props}
|
|
@@ -18,7 +18,7 @@ const AcceptedFilesList = ({ files }) => (
|
|
|
18
18
|
const RejectedFilesList = ({ files }) => (
|
|
19
19
|
<List>
|
|
20
20
|
{files.map((file) => (
|
|
21
|
-
<ListItem key={file.name}><Body color="error">{`${file.name} (file too large)`}</Body></ListItem>
|
|
21
|
+
<ListItem key={file.file.name}><Body color="error">{`${file.file.name} (file too large)`}</Body></ListItem>
|
|
22
22
|
))}
|
|
23
23
|
</List>
|
|
24
24
|
)
|