playbook_ui_docs 13.31.0.pre.alpha.powercentrainplaybookpt23212 → 13.32.0.pre.alpha.PLAY1138iconkitaddcolorprop3268
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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_icon/docs/_icon_color.html.erb +7 -0
- data/app/pb_kits/playbook/pb_icon/docs/_icon_color.jsx +46 -0
- data/app/pb_kits/playbook/pb_icon/docs/_icon_color.md +1 -0
- data/app/pb_kits/playbook/pb_icon/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_icon/docs/index.js +1 -0
- data/dist/menu.yml +1 -1
- data/dist/playbook-doc.js +2 -2
- metadata +5 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 0202d59ed4925de375ff662bf89dbc2267e4d2448dccbed8f657f67b07010788
|
4
|
+
data.tar.gz: ba326a997028b871950ae3c7c7dbec43191ef6796e5877944c73d4c979158a92
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 21d0ffdb91a6b98437c49acc9d8b1b7b225a992d72d448a4cecc9f103013365707c70b5dd1199ef129dfde8f983e8964479597a089d493dc66c8c120a2b5e4bd
|
7
|
+
data.tar.gz: 0f88b7bf28a5b21475deffd253ed1e3671ff457e41b903935c067dd503a682250e809b3da56aeffa31e150c8e2710ca44a10d5c597a5d16dcb50959991db9092
|
@@ -0,0 +1,7 @@
|
|
1
|
+
<%= pb_rails("flex", props: {orientation: "column"}) do %>
|
2
|
+
<%= pb_rails("icon", props: { icon: "user", fixed_width: true, color: "primary", size: "2x" }) %>
|
3
|
+
<%= pb_rails("icon", props: { icon: "recycle", fixed_width: true, color: "info", size: "2x" }) %>
|
4
|
+
<%= pb_rails("icon", props: { icon: "frog", fixed_width: true, color: "data_4", size: "2x" }) %>
|
5
|
+
<%= pb_rails("icon", props: { icon: "vial", fixed_width: true, color: "text_lt_lighter", size: "2x" }) %>
|
6
|
+
<%= pb_rails("icon", props: { icon: "roofing", fixed_width: true, color: "product_roofing", size: "2x" }) %>
|
7
|
+
<% end %>
|
@@ -0,0 +1,46 @@
|
|
1
|
+
import React from "react"
|
2
|
+
import Icon from "../_icon"
|
3
|
+
|
4
|
+
const IconDefault = (props) => {
|
5
|
+
return (
|
6
|
+
<div style={{ display: "flex", flexDirection: "column"}}>
|
7
|
+
<Icon
|
8
|
+
color="primary"
|
9
|
+
fixedWidth
|
10
|
+
icon="user"
|
11
|
+
size="2x"
|
12
|
+
{...props}
|
13
|
+
/>
|
14
|
+
<Icon
|
15
|
+
color="info"
|
16
|
+
fixedWidth
|
17
|
+
icon="recycle"
|
18
|
+
size="2x"
|
19
|
+
{...props}
|
20
|
+
/>
|
21
|
+
<Icon
|
22
|
+
color="data_4"
|
23
|
+
fixedWidth
|
24
|
+
icon="frog"
|
25
|
+
size="2x"
|
26
|
+
{...props}
|
27
|
+
/>
|
28
|
+
<Icon
|
29
|
+
color="text_lt_lighter"
|
30
|
+
fixedWidth
|
31
|
+
icon="vial"
|
32
|
+
size="2x"
|
33
|
+
{...props}
|
34
|
+
/>
|
35
|
+
<Icon
|
36
|
+
color="roofing"
|
37
|
+
fixedWidth
|
38
|
+
icon="product-roofing"
|
39
|
+
size="2x"
|
40
|
+
{...props}
|
41
|
+
/>
|
42
|
+
</div>
|
43
|
+
)
|
44
|
+
}
|
45
|
+
|
46
|
+
export default IconDefault
|
@@ -0,0 +1 @@
|
|
1
|
+
Pass any Playbook <a href="https://playbook.powerapp.cloud/visual_guidelines/colors" target="_blank">color token</a> to the `color` prop to change any icon's color.
|
@@ -9,6 +9,7 @@ examples:
|
|
9
9
|
- icon_sizes: Icon Sizes
|
10
10
|
- icon_custom: Icon Custom
|
11
11
|
- icon_fa_kit: Icon with FontAwesome Kit
|
12
|
+
- icon_color: Icon Color
|
12
13
|
|
13
14
|
react:
|
14
15
|
- icon_default: Icon Default
|
@@ -20,6 +21,7 @@ examples:
|
|
20
21
|
- icon_sizes: Icon Sizes
|
21
22
|
- icon_custom: Icon Custom
|
22
23
|
- icon_fa_kit: Icon with FontAwesome Kit
|
24
|
+
- icon_color: Icon Color
|
23
25
|
|
24
26
|
swift:
|
25
27
|
- icon_default_swift: Icon Default
|
@@ -7,3 +7,4 @@ export { default as IconBorder } from './_icon_border.jsx'
|
|
7
7
|
export { default as IconSizes } from './_icon_sizes.jsx'
|
8
8
|
export { default as IconCustom } from './_icon_custom.jsx'
|
9
9
|
export { default as IconFaKit} from './_icon_fa_kit.jsx'
|
10
|
+
export { default as IconColor } from './_icon_color.jsx'
|