playbook_ui 12.23.0.pre.alpha.play698responsivespacingglobalprop703 → 12.24.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_avatar/docs/_avatar_swift.md +1 -0
- data/app/pb_kits/playbook/pb_avatar/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_card/_card.tsx +1 -0
- data/app/pb_kits/playbook/pb_docs/kit_example.html.erb +6 -1
- data/app/pb_kits/playbook/pb_docs/kit_example.rb +13 -2
- data/app/pb_kits/playbook/pb_title/_title.scss +1 -0
- data/app/pb_kits/playbook/pb_title/docs/_title_light_weight.html.erb +1 -0
- data/app/pb_kits/playbook/pb_title/docs/_title_light_weight.jsx +11 -6
- data/app/pb_kits/playbook/pb_title/docs/_title_light_weight.md +2 -2
- data/lib/playbook/pb_doc_helper.rb +4 -1
- data/lib/playbook/version.rb +1 -1
- metadata +8 -7
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: f27b3e255fc8158201600b6221f2091e84ceb753c83d6d28a045ca256729ec05
|
4
|
+
data.tar.gz: d2af8d464afa9225d3a3647dc83c2a241f208849978b39312d49f45b74415937
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: '018df9baaa8a9b1bc628873a71a2c1a5dde29e228be173511078a8f934cab375c7992f7bdd1b8e50523d401bd3554fb5f491f2fe98daf811c27e88c5ed6534a4'
|
7
|
+
data.tar.gz: 30cf511832a2ce5021ed6658e76f89c5ecacd040538b67e169e41071eb6451969cc8e0fe71a6855e8a413ae1465837fd122ba26baa07a49788031c21e2c00744
|
@@ -0,0 +1 @@
|
|
1
|
+
![image for avatar](https://images.unsplash.com/photo-1684237276530-a562fa8338b1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=580&q=80)
|
@@ -7,7 +7,12 @@
|
|
7
7
|
<%= example %>
|
8
8
|
<br>
|
9
9
|
</div>
|
10
|
-
|
10
|
+
|
11
|
+
<% if (action_name == "kit_show_swift") %>
|
12
|
+
<div class="pb--kit-example-markdown pt_none <%= dark ? "dark" : "" %>">
|
13
|
+
<%= render_markdown(description) %>
|
14
|
+
</div>
|
15
|
+
<% end %>
|
11
16
|
<% if show_code %>
|
12
17
|
<div class="markdown pb--kit-example-markdown <%= dark ? "dark" : "" %>">
|
13
18
|
<%= render_markdown(description) %>
|
@@ -11,7 +11,7 @@ module Playbook
|
|
11
11
|
prop :example_title, type: Playbook::Props::String, required: true
|
12
12
|
prop :example_key, type: Playbook::Props::String, required: true
|
13
13
|
prop :show_code, type: Playbook::Props::Boolean, default: true
|
14
|
-
prop :type, type: Playbook::Props::Enum, values: %w[rails react], default: "rails"
|
14
|
+
prop :type, type: Playbook::Props::Enum, values: %w[rails react swift], default: "rails"
|
15
15
|
prop :dark, type: Playbook::Props::Boolean, default: false
|
16
16
|
|
17
17
|
def example
|
@@ -19,6 +19,9 @@ module Playbook
|
|
19
19
|
render inline: source
|
20
20
|
elsif type == "react"
|
21
21
|
react_component example_key.camelize, { dark: dark }
|
22
|
+
elsif type == "swift"
|
23
|
+
## render the markdown file
|
24
|
+
render inline: source
|
22
25
|
end
|
23
26
|
end
|
24
27
|
|
@@ -32,7 +35,11 @@ module Playbook
|
|
32
35
|
|
33
36
|
def source
|
34
37
|
@source ||= begin
|
35
|
-
extension = type == "
|
38
|
+
extension = if type == "rails"
|
39
|
+
"html.erb"
|
40
|
+
else
|
41
|
+
type == "swift" ? "swift" : "jsx"
|
42
|
+
end
|
36
43
|
stringified_code = read_kit_file("docs", "_#{example_key}.#{extension}")
|
37
44
|
sanitize_code(stringified_code)
|
38
45
|
end
|
@@ -42,6 +49,10 @@ module Playbook
|
|
42
49
|
read_kit_file("", "_#{example_key}.tsx")
|
43
50
|
end
|
44
51
|
|
52
|
+
def swift_source
|
53
|
+
read_kit_file("", "_#{example_key}.swift")
|
54
|
+
end
|
55
|
+
|
45
56
|
private
|
46
57
|
|
47
58
|
def sanitize_code(stringified_code)
|
@@ -1,15 +1,20 @@
|
|
1
|
-
import React from
|
1
|
+
import React from "react"
|
2
2
|
|
3
|
-
import Title from
|
3
|
+
import Title from "../_title"
|
4
4
|
|
5
5
|
const TitleLightWeight = (props) => {
|
6
6
|
return (
|
7
7
|
<div>
|
8
|
-
<Title
|
9
|
-
bold={false}
|
8
|
+
<Title bold={false}
|
10
9
|
size={1}
|
11
|
-
tag=
|
12
|
-
text=
|
10
|
+
tag='h1'
|
11
|
+
text='Title 1'
|
12
|
+
{...props}
|
13
|
+
/>
|
14
|
+
<Title bold={false}
|
15
|
+
size={2}
|
16
|
+
tag='h2'
|
17
|
+
text='Title 2'
|
13
18
|
{...props}
|
14
19
|
/>
|
15
20
|
</div>
|
@@ -1,4 +1,4 @@
|
|
1
1
|
##### Prop
|
2
|
-
Title `size 1` will use `font-weight: 700` by default, if you want a lighter font weight, use the `bold` prop set to `false`.
|
3
|
-
Title `size
|
2
|
+
Title `size 1` & `size 2` will use `font-weight: 700` by default, if you want a lighter font weight, use the `bold` prop set to `false`.
|
3
|
+
Title `size 3` uses a light font weight by default and will not accept a bold font weight.
|
4
4
|
Title `size 4` uses a heavy font weight by default and will not accept a lighter font weight.
|
@@ -84,8 +84,11 @@ module Playbook
|
|
84
84
|
def pb_doc_render_clickable_title(kit, type)
|
85
85
|
url = "#"
|
86
86
|
begin
|
87
|
-
url =
|
87
|
+
url = case type
|
88
|
+
when "react"
|
88
89
|
kit_show_reacts_path(kit)
|
90
|
+
when "swift"
|
91
|
+
kit_show_swift_path(kit)
|
89
92
|
else
|
90
93
|
kit_show_path(kit)
|
91
94
|
end
|
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,15 +1,15 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 12.
|
4
|
+
version: 12.24.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
8
8
|
- Power Devs
|
9
|
-
autorequire:
|
9
|
+
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2023-05-
|
12
|
+
date: 2023-05-26 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -311,6 +311,7 @@ files:
|
|
311
311
|
- app/pb_kits/playbook/pb_avatar/docs/_avatar_status.html.erb
|
312
312
|
- app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx
|
313
313
|
- app/pb_kits/playbook/pb_avatar/docs/_avatar_status.md
|
314
|
+
- app/pb_kits/playbook/pb_avatar/docs/_avatar_swift.md
|
314
315
|
- app/pb_kits/playbook/pb_avatar/docs/_description.md
|
315
316
|
- app/pb_kits/playbook/pb_avatar/docs/_footer.md
|
316
317
|
- app/pb_kits/playbook/pb_avatar/docs/example.yml
|
@@ -2491,7 +2492,7 @@ homepage: http://playbook.powerapp.cloud
|
|
2491
2492
|
licenses:
|
2492
2493
|
- ISC
|
2493
2494
|
metadata: {}
|
2494
|
-
post_install_message:
|
2495
|
+
post_install_message:
|
2495
2496
|
rdoc_options: []
|
2496
2497
|
require_paths:
|
2497
2498
|
- lib
|
@@ -2502,12 +2503,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
2502
2503
|
version: '0'
|
2503
2504
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
2504
2505
|
requirements:
|
2505
|
-
- - "
|
2506
|
+
- - ">="
|
2506
2507
|
- !ruby/object:Gem::Version
|
2507
|
-
version:
|
2508
|
+
version: '0'
|
2508
2509
|
requirements: []
|
2509
2510
|
rubygems_version: 3.3.7
|
2510
|
-
signing_key:
|
2511
|
+
signing_key:
|
2511
2512
|
specification_version: 4
|
2512
2513
|
summary: Playbook Design System
|
2513
2514
|
test_files: []
|