playbook_ui_docs 14.3.2.pre.alpha.pbntr523enablekitsforradiofix3809 → 14.3.2.pre.alpha.play1472newicons3773

Sign up to get free protection for your applications and to get access to all the features.
Files changed (30) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_inline.html.erb +1 -1
  3. data/app/pb_kits/playbook/pb_form_pill/docs/example.yml +0 -2
  4. data/app/pb_kits/playbook/pb_form_pill/docs/index.js +0 -1
  5. data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +0 -2
  6. data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +0 -1
  7. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml +0 -2
  8. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/index.js +0 -1
  9. data/app/pb_kits/playbook/pb_radio/docs/example.yml +0 -2
  10. data/app/pb_kits/playbook/pb_radio/docs/index.js +0 -1
  11. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +0 -2
  12. data/app/pb_kits/playbook/pb_typeahead/docs/index.js +0 -1
  13. data/dist/playbook-doc.js +1 -1
  14. metadata +2 -18
  15. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_colors.html.erb +0 -117
  16. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_colors.jsx +0 -227
  17. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_colors.md +0 -1
  18. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.html.erb +0 -72
  19. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.jsx +0 -91
  20. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color_rails.md +0 -1
  21. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color_react.md +0 -1
  22. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_bubble.html.erb +0 -73
  23. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_bubble.jsx +0 -86
  24. data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.html.erb +0 -48
  25. data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx +0 -59
  26. data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.md +0 -1
  27. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.html.erb +0 -31
  28. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx +0 -26
  29. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color_rails.md +0 -1
  30. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color_react.md +0 -1
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui_docs
3
3
  version: !ruby/object:Gem::Version
4
- version: 14.3.2.pre.alpha.pbntr523enablekitsforradiofix3809
4
+ version: 14.3.2.pre.alpha.play1472newicons3773
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: 2024-09-18 00:00:00.000000000 Z
12
+ date: 2024-09-13 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -816,9 +816,6 @@ files:
816
816
  - app/pb_kits/playbook/pb_form_group/docs/_form_group_typeahead.jsx
817
817
  - app/pb_kits/playbook/pb_form_group/docs/example.yml
818
818
  - app/pb_kits/playbook/pb_form_group/docs/index.js
819
- - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_colors.html.erb
820
- - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_colors.jsx
821
- - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_colors.md
822
819
  - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.html.erb
823
820
  - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.jsx
824
821
  - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.md
@@ -1121,10 +1118,6 @@ files:
1121
1118
  - app/pb_kits/playbook/pb_message/docs/_message_timestamp.jsx
1122
1119
  - app/pb_kits/playbook/pb_message/docs/example.yml
1123
1120
  - app/pb_kits/playbook/pb_message/docs/index.js
1124
- - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.html.erb
1125
- - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.jsx
1126
- - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color_rails.md
1127
- - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color_react.md
1128
1121
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.html.erb
1129
1122
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
1130
1123
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md
@@ -1159,8 +1152,6 @@ files:
1159
1152
  - app/pb_kits/playbook/pb_multiple_users/docs/example.yml
1160
1153
  - app/pb_kits/playbook/pb_multiple_users/docs/index.js
1161
1154
  - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_description.md
1162
- - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_bubble.html.erb
1163
- - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_bubble.jsx
1164
1155
  - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.html.erb
1165
1156
  - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.jsx
1166
1157
  - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default_swift.md
@@ -1403,9 +1394,6 @@ files:
1403
1394
  - app/pb_kits/playbook/pb_radio/docs/_radio_alignment_swift.md
1404
1395
  - app/pb_kits/playbook/pb_radio/docs/_radio_custom.html.erb
1405
1396
  - app/pb_kits/playbook/pb_radio/docs/_radio_custom.jsx
1406
- - app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.html.erb
1407
- - app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx
1408
- - app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.md
1409
1397
  - app/pb_kits/playbook/pb_radio/docs/_radio_custom_swift.md
1410
1398
  - app/pb_kits/playbook/pb_radio/docs/_radio_default.html.erb
1411
1399
  - app/pb_kits/playbook/pb_radio/docs/_radio_default.jsx
@@ -1911,10 +1899,6 @@ files:
1911
1899
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.html.erb
1912
1900
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.jsx
1913
1901
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.md
1914
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.html.erb
1915
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
1916
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color_rails.md
1917
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color_react.md
1918
1902
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_without_pills.html.erb
1919
1903
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_without_pills.md
1920
1904
  - app/pb_kits/playbook/pb_typeahead/docs/example.yml
@@ -1,117 +0,0 @@
1
- <%= pb_rails("title", props: { text: "Status Colors", tag: "h4", size: 4, margin_bottom: "sm" }) %>
2
-
3
- <%= pb_rails("form_pill", props: {
4
- text: "Primary",
5
- tabindex: 0,
6
- }) %>
7
- <%= pb_rails("form_pill", props: {
8
- color: "neutral",
9
- text: "Neutral",
10
- tabindex: 0,
11
- }) %>
12
- <%= pb_rails("form_pill", props: {
13
- color: "success",
14
- text: "Success",
15
- tabindex: 0,
16
- }) %>
17
- <%= pb_rails("form_pill", props: {
18
- color: "warning",
19
- text: "Warning",
20
- tabindex: 0,
21
- }) %>
22
- <%= pb_rails("form_pill", props: {
23
- color: "error",
24
- text: "Error",
25
- tabindex: 0,
26
- }) %>
27
- <%= pb_rails("form_pill", props: {
28
- color: "info",
29
- text: "Info",
30
- tabindex: 0,
31
- }) %>
32
-
33
- <%= pb_rails("title", props: { text: "Data Colors", tag: "h4", size: 4, margin_bottom: "sm", margin_top: "md" }) %>
34
-
35
- <%= pb_rails("form_pill", props: {
36
- color: "data_1",
37
- text: "Data 1",
38
- tabindex: 0,
39
- }) %>
40
- <%= pb_rails("form_pill", props: {
41
- color: "data_2",
42
- text: "Data 2",
43
- tabindex: 0,
44
- }) %>
45
- <%= pb_rails("form_pill", props: {
46
- color: "data_3",
47
- text: "Data 3",
48
- tabindex: 0,
49
- }) %>
50
- <%= pb_rails("form_pill", props: {
51
- color: "data_4",
52
- text: "Data 4",
53
- tabindex: 0,
54
- }) %>
55
- <%= pb_rails("form_pill", props: {
56
- color: "data_5",
57
- text: "Data 5",
58
- tabindex: 0,
59
- }) %>
60
- <%= pb_rails("form_pill", props: {
61
- color: "data_6",
62
- text: "Data 6",
63
- tabindex: 0,
64
- }) %>
65
- <%= pb_rails("form_pill", props: {
66
- color: "data_7",
67
- text: "Data 7",
68
- tabindex: 0,
69
- }) %>
70
- <%= pb_rails("form_pill", props: {
71
- color: "data_8",
72
- text: "Data 8",
73
- tabindex: 0,
74
- }) %>
75
-
76
- <%= pb_rails("title", props: { text: "Product Colors", tag: "h4", size: 4, margin_bottom: "sm", margin_top: "md" }) %>
77
-
78
- <%= pb_rails("form_pill", props: {
79
- color: "windows",
80
- text: "Windows",
81
- tabindex: 0,
82
- }) %>
83
- <%= pb_rails("form_pill", props: {
84
- color: "siding",
85
- text: "Siding",
86
- tabindex: 0,
87
- }) %>
88
- <%= pb_rails("form_pill", props: {
89
- color: "roofing",
90
- text: "Roofing",
91
- tabindex: 0,
92
- }) %>
93
- <%= pb_rails("form_pill", props: {
94
- color: "doors",
95
- text: "Doors",
96
- tabindex: 0,
97
- }) %>
98
- <%= pb_rails("form_pill", props: {
99
- color: "gutters",
100
- text: "Gutters",
101
- tabindex: 0,
102
- }) %>
103
- <%= pb_rails("form_pill", props: {
104
- color: "solar",
105
- text: "Solar",
106
- tabindex: 0,
107
- }) %>
108
- <%= pb_rails("form_pill", props: {
109
- color: "insulation",
110
- text: "Insulation",
111
- tabindex: 0,
112
- }) %>
113
- <%= pb_rails("form_pill", props: {
114
- color: "accessories",
115
- text: "Accessories",
116
- tabindex: 0,
117
- }) %>
@@ -1,227 +0,0 @@
1
- import React from 'react'
2
- import { FormPill, Title } from 'playbook-ui'
3
-
4
- const FormPillColors = (props) => {
5
- return (
6
- <div>
7
- <Title
8
- marginBottom="sm"
9
- size={4}
10
- text="Status Colors"
11
- {...props}
12
- />
13
- <FormPill
14
- onClick={() => {
15
- alert('Click!')
16
- }}
17
- tabIndex={0}
18
- text="Primary"
19
- {...props}
20
- />
21
- <FormPill
22
- color="neutral"
23
- onClick={() => {
24
- alert('Click!')
25
- }}
26
- tabIndex={0}
27
- text="Neutral"
28
- {...props}
29
- />
30
- <FormPill
31
- color="success"
32
- onClick={() => {
33
- alert('Click!')
34
- }}
35
- tabIndex={0}
36
- text="Success"
37
- {...props}
38
- />
39
- <FormPill
40
- color="warning"
41
- onClick={() => {
42
- alert('Click!')
43
- }}
44
- tabIndex={0}
45
- text="Warning"
46
- {...props}
47
- />
48
- <FormPill
49
- color="error"
50
- onClick={() => {
51
- alert('Click!')
52
- }}
53
- tabIndex={0}
54
- text="Error"
55
- {...props}
56
- />
57
- <FormPill
58
- color="info"
59
- onClick={() => {
60
- alert('Click!')
61
- }}
62
- tabIndex={0}
63
- text="Info"
64
- {...props}
65
- />
66
- <Title
67
- marginBottom="sm"
68
- marginTop="md"
69
- size={4}
70
- text="Data Colors"
71
- {...props}
72
- />
73
- <FormPill
74
- color="data_1"
75
- onClick={() => {
76
- alert('Click!')
77
- }}
78
- tabIndex={0}
79
- text="Data 1"
80
- {...props}
81
- />
82
- <FormPill
83
- color="data_2"
84
- onClick={() => {
85
- alert('Click!')
86
- }}
87
- tabIndex={0}
88
- text="Data 2"
89
- {...props}
90
- />
91
- <FormPill
92
- color="data_3"
93
- onClick={() => {
94
- alert('Click!')
95
- }}
96
- tabIndex={0}
97
- text="Data 3"
98
- {...props}
99
- />
100
- <FormPill
101
- color="data_4"
102
- onClick={() => {
103
- alert('Click!')
104
- }}
105
- tabIndex={0}
106
- text="Data 4"
107
- {...props}
108
- />
109
- <FormPill
110
- color="data_5"
111
- onClick={() => {
112
- alert('Click!')
113
- }}
114
- tabIndex={0}
115
- text="Data 5"
116
- {...props}
117
- />
118
- <FormPill
119
- color="data_6"
120
- onClick={() => {
121
- alert('Click!')
122
- }}
123
- tabIndex={0}
124
- text="Data 6"
125
- {...props}
126
- />
127
- <FormPill
128
- color="data_7"
129
- onClick={() => {
130
- alert('Click!')
131
- }}
132
- tabIndex={0}
133
- text="Data 7"
134
- {...props}
135
- />
136
- <FormPill
137
- color="data_8"
138
- onClick={() => {
139
- alert('Click!')
140
- }}
141
- tabIndex={0}
142
- text="Data 8"
143
- {...props}
144
- />
145
- <Title
146
- marginBottom="sm"
147
- marginTop="md"
148
- size={4}
149
- text="Product Colors"
150
- {...props}
151
- />
152
- <FormPill
153
- color="windows"
154
- onClick={() => {
155
- alert('Click!')
156
- }}
157
- tabIndex={0}
158
- text="Windows"
159
- {...props}
160
- />
161
- <FormPill
162
- color="siding"
163
- onClick={() => {
164
- alert('Click!')
165
- }}
166
- tabIndex={0}
167
- text="Siding"
168
- {...props}
169
- />
170
- <FormPill
171
- color="roofing"
172
- onClick={() => {
173
- alert('Click!')
174
- }}
175
- tabIndex={0}
176
- text="Roofing"
177
- {...props}
178
- />
179
- <FormPill
180
- color="doors"
181
- onClick={() => {
182
- alert('Click!')
183
- }}
184
- tabIndex={0}
185
- text="Doors"
186
- {...props}
187
- />
188
- <FormPill
189
- color="gutters"
190
- onClick={() => {
191
- alert('Click!')
192
- }}
193
- tabIndex={0}
194
- text="Gutters"
195
- {...props}
196
- />
197
- <FormPill
198
- color="solar"
199
- onClick={() => {
200
- alert('Click!')
201
- }}
202
- tabIndex={0}
203
- text="Solar"
204
- {...props}
205
- />
206
- <FormPill
207
- color="insulation"
208
- onClick={() => {
209
- alert('Click!')
210
- }}
211
- tabIndex={0}
212
- text="Insulation"
213
- {...props}
214
- />
215
- <FormPill
216
- color="accessories"
217
- onClick={() => {
218
- alert('Click!')
219
- }}
220
- tabIndex={0}
221
- text="Accessories"
222
- {...props}
223
- />
224
- </div>
225
- )
226
- }
227
- export default FormPillColors
@@ -1 +0,0 @@
1
- The Status, Data, and Product colors highlighted above can be passed to the `color` prop. Primary is the default color. Form pills with a text tag, an avatar, or an icon with text tag can all receive the `color` prop.
@@ -1,72 +0,0 @@
1
- <% treeData = [{
2
- label: "Power Home Remodeling",
3
- value: "Power Home Remodeling",
4
- id: "100",
5
- expanded: true,
6
- children: [
7
- {
8
- label: "People",
9
- value: "People",
10
- id: "101",
11
- expanded: true,
12
- children: [
13
- {
14
- label: "Talent Acquisition",
15
- value: "Talent Acquisition",
16
- id: "102",
17
- },
18
- {
19
- label: "Business Affairs",
20
- value: "Business Affairs",
21
- id: "103",
22
- children: [
23
- {
24
- label: "Initiatives",
25
- value: "Initiatives",
26
- id: "104",
27
- },
28
- {
29
- label: "Learning & Development",
30
- value: "Learning & Development",
31
- id: "105",
32
- },
33
- ],
34
- },
35
- {
36
- label: "People Experience",
37
- value: "People Experience",
38
- id: "106",
39
- },
40
- ],
41
- },
42
- {
43
- label: "Contact Center",
44
- value: "Contact Center",
45
- id: "107",
46
- children: [
47
- {
48
- label: "Appointment Management",
49
- value: "Appointment Management",
50
- id: "108",
51
- },
52
- {
53
- label: "Customer Service",
54
- value: "Customer Service",
55
- id: "109",
56
- },
57
- {
58
- label: "Energy",
59
- value: "Energy",
60
- id: "110",
61
- },
62
- ],
63
- },
64
- ],
65
- }] %>
66
-
67
- <%= pb_rails("multi_level_select", props: {
68
- id: "multi-level-select-default-rails",
69
- name: "my_array",
70
- tree_data: treeData,
71
- pill_color: "neutral"
72
- }) %>
@@ -1,91 +0,0 @@
1
- import React from "react";
2
- import MultiLevelSelect from "../_multi_level_select";
3
-
4
- const treeData = [
5
- {
6
- label: "Power Home Remodeling",
7
- value: "Power Home Remodeling",
8
- id: "powerhome1",
9
- expanded: true,
10
- children: [
11
- {
12
- label: "People",
13
- value: "People",
14
- id: "people1",
15
- expanded: true,
16
- children: [
17
- {
18
- label: "Talent Acquisition",
19
- value: "Talent Acquisition",
20
- id: "talent1",
21
- },
22
- {
23
- label: "Business Affairs",
24
- value: "Business Affairs",
25
- id: "business1",
26
- children: [
27
- {
28
- label: "Initiatives",
29
- value: "Initiatives",
30
- id: "initiative1",
31
- },
32
- {
33
- label: "Learning & Development",
34
- value: "Learning & Development",
35
- id: "development1",
36
- },
37
- ],
38
- },
39
- {
40
- label: "People Experience",
41
- value: "People Experience",
42
- id: "experience1",
43
- },
44
- ],
45
- },
46
- {
47
- label: "Contact Center",
48
- value: "Contact Center",
49
- id: "contact1",
50
- children: [
51
- {
52
- label: "Appointment Management",
53
- value: "Appointment Management",
54
- id: "appointment1",
55
- },
56
- {
57
- label: "Customer Service",
58
- value: "Customer Service",
59
- id: "customer1",
60
- },
61
- {
62
- label: "Energy",
63
- value: "Energy",
64
- id: "energy1",
65
- },
66
- ],
67
- },
68
- ],
69
- },
70
- ];
71
-
72
- const MultiLevelSelectColor = (props) => {
73
- return (
74
- <div>
75
- <MultiLevelSelect
76
- id='multiselect-color'
77
- onSelect={(selectedNodes) =>
78
- console.log(
79
- "Selected Items",
80
- selectedNodes
81
- )
82
- }
83
- pillColor="neutral"
84
- treeData={treeData}
85
- {...props}
86
- />
87
- </div>
88
- )
89
- };
90
-
91
- export default MultiLevelSelectColor;
@@ -1 +0,0 @@
1
- Change the form pill color by passing the optional `pill_color` prop. Product, Data, and Status colors are available options. Check them out <a href="https://playbook.powerapp.cloud/kits/form_pill#form-pill-colors" target="_blank">here</a> in the Form Pill colors example.
@@ -1 +0,0 @@
1
- Change the form pill color by passing the optional `pillColor` prop. Product, Data, and Status colors are available options. Check them out <a href="https://playbook.powerapp.cloud/kits/form_pill/react#form-pill-colors" target="_blank">here</a> in the Form Pill colors example.
@@ -1,73 +0,0 @@
1
- <%= pb_rails("multiple_users_stacked", props: {
2
- variant: "bubble",
3
- users: [
4
- {
5
- name: "Patrick Welch",
6
- image_url: "https://randomuser.me/api/portraits/men/9.jpg",
7
- }
8
- ]
9
- }) %>
10
-
11
- <br/><br/>
12
-
13
- <%= pb_rails("multiple_users_stacked", props: {
14
- variant: "bubble",
15
- users: [
16
- {
17
- name: "Patrick Welch",
18
- image_url: "https://randomuser.me/api/portraits/men/9.jpg",
19
- },
20
- {
21
- name: "Lucille Sanchez",
22
- image_url: "https://randomuser.me/api/portraits/women/6.jpg",
23
- }
24
- ]
25
- }) %>
26
-
27
- <br/><br/>
28
-
29
- <%= pb_rails("multiple_users_stacked", props: {
30
- variant: "bubble",
31
- users: [
32
- {
33
- name: "Patrick Welch",
34
- image_url: "https://randomuser.me/api/portraits/men/9.jpg",
35
- },
36
- {
37
- name: "Lucille Sanchez",
38
- image_url: "https://randomuser.me/api/portraits/women/6.jpg",
39
- },
40
- {
41
- name: "Beverly Reyes",
42
- image_url: "https://randomuser.me/api/portraits/women/74.jpg",
43
- },
44
- ]
45
- }) %>
46
-
47
- <br/><br/>
48
-
49
- <%= pb_rails("multiple_users_stacked", props: {
50
- variant: "bubble",
51
- users: [
52
- {
53
- name: "Patrick Welch",
54
- image_url: "https://randomuser.me/api/portraits/men/9.jpg",
55
- },
56
- {
57
- name: "Lucille Sanchez",
58
- image_url: "https://randomuser.me/api/portraits/women/6.jpg",
59
- },
60
- {
61
- name: "Beverly Reyes",
62
- image_url: "https://randomuser.me/api/portraits/women/74.jpg",
63
- },
64
- {
65
- name: "Keith Craig",
66
- image_url: "https://randomuser.me/api/portraits/men/40.jpg",
67
- },
68
- {
69
- name: "Alicia Cooper",
70
- image_url: "https://randomuser.me/api/portraits/women/46.jpg",
71
- }
72
- ]
73
- }) %>