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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d441e50f00946e7fd02767217ed170a78da47b8aaa63652e700873c75718bf40
4
- data.tar.gz: f7e8bf2bcb450d1b07e6e346c0b68a554992d8637c7521cc42b98d7350a36383
3
+ metadata.gz: 0202d59ed4925de375ff662bf89dbc2267e4d2448dccbed8f657f67b07010788
4
+ data.tar.gz: ba326a997028b871950ae3c7c7dbec43191ef6796e5877944c73d4c979158a92
5
5
  SHA512:
6
- metadata.gz: 3a6166b44023fe8117f3a9434e485507ecb2dd5fae84b25626bb60e92a816dddc4d5b251dbd79f26a91426a78d980120f1471ac557fdc4ee480d778a5a90ca07
7
- data.tar.gz: 6b631e15afb3103a1302cae21bfaaa0930621280fb12692ff26f4d71758d04974483f82f8d36fb04dba1a864d831cd025a890179487e6c132b71e24ebb515ecf
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'
data/dist/menu.yml CHANGED
@@ -427,7 +427,7 @@ kits:
427
427
  - name: draggable
428
428
  platforms: *2
429
429
  description:
430
- status: beta
430
+ status: stable
431
431
  - category: message_text_patterns
432
432
  description:
433
433
  components: