playbook_ui 10.19.0 → 10.20.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_body/_body.jsx +3 -1
- data/app/pb_kits/playbook/pb_caption/_caption.jsx +2 -1
- data/app/pb_kits/playbook/pb_caption/_caption.scss +7 -0
- data/app/pb_kits/playbook/pb_caption/caption.rb +5 -2
- data/app/pb_kits/playbook/pb_date/_date.jsx +1 -1
- data/app/pb_kits/playbook/pb_date/date.html.erb +1 -1
- data/app/pb_kits/playbook/pb_title/_title.jsx +2 -1
- data/app/pb_kits/playbook/pb_title/title.rb +5 -2
- data/lib/playbook/version.rb +2 -2
- 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: 58801952abf6ff0d0a76aa1af436b9baa6e360c543051398d43e972f2fdf3268
|
4
|
+
data.tar.gz: f693eaafecd9f29945efbdf72eccd26e762c40a1887e8744e62e895bfae300ca
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: f29aa234d6d47e8cd9c851eab5c17b06fe11349c23c09eef7fa6e0e21aad7a97e7e5fafc44b1baeed7ae679a57ae6c88d5049a70dcdec4c1dd3a336c4a31e87f
|
7
|
+
data.tar.gz: 30bd72269287a8da66a40d0181000ce5d679675a28af2897f739d0b147b7089333e64da5e55035e88d1b8b1b25974ad966f8d9f00853dd6e82bb6160141ec050
|
@@ -21,6 +21,7 @@ type BodyProps = {
|
|
21
21
|
status?: 'negative' | 'neutral' | 'positive',
|
22
22
|
tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div',
|
23
23
|
text?: string,
|
24
|
+
variant: null | 'link',
|
24
25
|
}
|
25
26
|
|
26
27
|
const Body = (props: BodyProps) => {
|
@@ -36,12 +37,13 @@ const Body = (props: BodyProps) => {
|
|
36
37
|
status,
|
37
38
|
tag = 'div',
|
38
39
|
text,
|
40
|
+
variant = null,
|
39
41
|
} = props
|
40
42
|
|
41
43
|
const ariaProps = buildAriaProps(aria)
|
42
44
|
const dataProps = buildDataProps(data)
|
43
45
|
const classes = classnames(
|
44
|
-
buildCss('pb_body_kit', color, status),
|
46
|
+
buildCss('pb_body_kit', color, variant, status),
|
45
47
|
globalProps(props),
|
46
48
|
className
|
47
49
|
)
|
@@ -30,6 +30,7 @@ const Caption = (props: CaptionProps) => {
|
|
30
30
|
size = 'md',
|
31
31
|
tag = 'div',
|
32
32
|
text,
|
33
|
+
variant = null,
|
33
34
|
} = props
|
34
35
|
const tagOptions = [
|
35
36
|
'h1',
|
@@ -48,7 +49,7 @@ const Caption = (props: CaptionProps) => {
|
|
48
49
|
const ariaProps = buildAriaProps(aria)
|
49
50
|
const dataProps = buildDataProps(data)
|
50
51
|
const css = classnames(
|
51
|
-
buildCss('pb_caption_kit', size, color),
|
52
|
+
buildCss('pb_caption_kit', size, variant, color),
|
52
53
|
globalProps(props),
|
53
54
|
className,
|
54
55
|
)
|
@@ -3,6 +3,9 @@
|
|
3
3
|
|
4
4
|
[class^="pb_caption_kit"] {
|
5
5
|
@include caption;
|
6
|
+
&[class*="_link"] {
|
7
|
+
color: $primary;
|
8
|
+
}
|
6
9
|
|
7
10
|
&[class^="pb_caption_kit_lg"] {
|
8
11
|
@include caption_lg;
|
@@ -11,6 +14,10 @@
|
|
11
14
|
&[class^="pb_caption_kit_xs"] {
|
12
15
|
@include caption_xs;
|
13
16
|
}
|
17
|
+
|
18
|
+
&[class*="link"] {
|
19
|
+
color: $primary;
|
20
|
+
}
|
14
21
|
|
15
22
|
@include pb_caption_kit_colors;
|
16
23
|
|
@@ -10,14 +10,17 @@ module Playbook
|
|
10
10
|
values: %w[h1 h2 h3 h4 h5 h6 p span div caption],
|
11
11
|
default: "div"
|
12
12
|
prop :text
|
13
|
-
prop :variant,
|
13
|
+
prop :variant, type: Playbook::Props::Enum,
|
14
|
+
values: [nil, "link"],
|
15
|
+
default: nil,
|
16
|
+
deprecated: true
|
14
17
|
|
15
18
|
prop :color, type: Playbook::Props::Enum,
|
16
19
|
values: [nil, "default", "light", "lighter", "success", "error", "link"],
|
17
20
|
default: nil
|
18
21
|
|
19
22
|
def classname
|
20
|
-
generate_classname("pb_caption_kit", size, color)
|
23
|
+
generate_classname("pb_caption_kit", size, variant, color)
|
21
24
|
end
|
22
25
|
end
|
23
26
|
end
|
@@ -42,7 +42,7 @@
|
|
42
42
|
<%= pb_rails("caption", props: {
|
43
43
|
tag: "div",
|
44
44
|
}) do %>
|
45
|
-
<%= pb_rails("icon", props: { icon: "calendar-alt", fixed_width: true, size:
|
45
|
+
<%= pb_rails("icon", props: { icon: "calendar-alt", fixed_width: true, size: "sm" }) %>
|
46
46
|
<% end %>
|
47
47
|
<% end %>
|
48
48
|
|
@@ -30,12 +30,13 @@ const Title = (props: TitleProps) => {
|
|
30
30
|
size = 3,
|
31
31
|
tag = 'h3',
|
32
32
|
text,
|
33
|
+
variant = null,
|
33
34
|
} = props
|
34
35
|
|
35
36
|
const ariaProps = buildAriaProps(aria)
|
36
37
|
const dataProps = buildDataProps(data)
|
37
38
|
const classes = classnames(
|
38
|
-
buildCss('pb_title_kit', size, color),
|
39
|
+
buildCss('pb_title_kit', size, variant, color),
|
39
40
|
globalProps(props),
|
40
41
|
className,
|
41
42
|
)
|
@@ -13,10 +13,13 @@ module Playbook
|
|
13
13
|
values: %w[h1 h2 h3 h4 h5 h6 p div span],
|
14
14
|
default: "h3"
|
15
15
|
prop :text
|
16
|
-
prop :variant,
|
16
|
+
prop :variant, type: Playbook::Props::Enum,
|
17
|
+
values: [nil, "link"],
|
18
|
+
default: nil,
|
19
|
+
deprecated: true
|
17
20
|
|
18
21
|
def classname
|
19
|
-
generate_classname("pb_title_kit", size, color)
|
22
|
+
generate_classname("pb_title_kit", size, variant, color)
|
20
23
|
end
|
21
24
|
end
|
22
25
|
end
|
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: 10.
|
4
|
+
version: 10.20.0
|
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: 2022-01
|
12
|
+
date: 2022-02-01 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|