playbook_ui 16.5.0 → 16.6.0.pre.rc.1
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_advanced_table/kit.schema.json +278 -0
- data/app/pb_kits/playbook/pb_avatar/kit.schema.json +86 -0
- data/app/pb_kits/playbook/pb_background/kit.schema.json +208 -0
- data/app/pb_kits/playbook/pb_badge/kit.schema.json +73 -0
- data/app/pb_kits/playbook/pb_body/kit.schema.json +101 -0
- data/app/pb_kits/playbook/pb_bread_crumbs/kit.schema.json +28 -0
- data/app/pb_kits/playbook/pb_button/docs/{_button_loading.html.erb → _button_loading_rails.html.erb} +5 -5
- data/app/pb_kits/playbook/pb_button/docs/_button_loading_rails.md +3 -0
- data/app/pb_kits/playbook/pb_button/docs/example.yml +1 -1
- data/app/pb_kits/playbook/pb_button/kit.schema.json +207 -0
- data/app/pb_kits/playbook/pb_button_toolbar/kit.schema.json +67 -0
- data/app/pb_kits/playbook/pb_caption/kit.schema.json +91 -0
- data/app/pb_kits/playbook/pb_card/kit.schema.json +168 -0
- data/app/pb_kits/playbook/pb_checkbox/kit.schema.json +143 -0
- data/app/pb_kits/playbook/pb_circle_icon_button/kit.schema.json +117 -0
- data/app/pb_kits/playbook/pb_collapsible/kit.schema.json +90 -0
- data/app/pb_kits/playbook/pb_contact/kit.schema.json +59 -0
- data/app/pb_kits/playbook/pb_copy_button/kit.schema.json +94 -0
- data/app/pb_kits/playbook/pb_currency/kit.schema.json +142 -0
- data/app/pb_kits/playbook/pb_dashboard_value/kit.schema.json +54 -0
- data/app/pb_kits/playbook/pb_date/kit.schema.json +98 -0
- data/app/pb_kits/playbook/pb_date_picker/kit.schema.json +375 -0
- data/app/pb_kits/playbook/pb_date_range_inline/kit.schema.json +76 -0
- data/app/pb_kits/playbook/pb_date_range_stacked/kit.schema.json +36 -0
- data/app/pb_kits/playbook/pb_date_stacked/kit.schema.json +78 -0
- data/app/pb_kits/playbook/pb_date_time/kit.schema.json +96 -0
- data/app/pb_kits/playbook/pb_date_time_stacked/kit.schema.json +62 -0
- data/app/pb_kits/playbook/pb_date_year_stacked/kit.schema.json +42 -0
- data/app/pb_kits/playbook/pb_detail/kit.schema.json +72 -0
- data/app/pb_kits/playbook/pb_dialog/kit.schema.json +186 -0
- data/app/pb_kits/playbook/pb_distribution_bar/kit.schema.json +48 -0
- data/app/pb_kits/playbook/pb_draggable/kit.schema.json +60 -0
- data/app/pb_kits/playbook/pb_dropdown/kit.schema.json +244 -0
- data/app/pb_kits/playbook/pb_empty_state/kit.schema.json +117 -0
- data/app/pb_kits/playbook/pb_file_upload/kit.schema.json +124 -0
- data/app/pb_kits/playbook/pb_filter/Filter/ResultsCount.tsx +3 -1
- data/app/pb_kits/playbook/pb_filter/filter.rb +1 -1
- data/app/pb_kits/playbook/pb_filter/kit.schema.json +87 -0
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/kit.schema.json +118 -0
- data/app/pb_kits/playbook/pb_flex/kit.schema.json +151 -0
- data/app/pb_kits/playbook/pb_form/kit.schema.json +53 -0
- data/app/pb_kits/playbook/pb_form_group/kit.schema.json +30 -0
- data/app/pb_kits/playbook/pb_form_pill/kit.schema.json +132 -0
- data/app/pb_kits/playbook/pb_hashtag/kit.schema.json +71 -0
- data/app/pb_kits/playbook/pb_highlight/kit.schema.json +35 -0
- data/app/pb_kits/playbook/pb_home_address_street/kit.schema.json +121 -0
- data/app/pb_kits/playbook/pb_icon/kit.schema.json +180 -0
- data/app/pb_kits/playbook/pb_icon_button/kit.schema.json +116 -0
- data/app/pb_kits/playbook/pb_icon_circle/kit.schema.json +65 -0
- data/app/pb_kits/playbook/pb_icon_stat_value/kit.schema.json +96 -0
- data/app/pb_kits/playbook/pb_icon_value/kit.schema.json +49 -0
- data/app/pb_kits/playbook/pb_image/kit.schema.json +74 -0
- data/app/pb_kits/playbook/pb_label_pill/kit.schema.json +52 -0
- data/app/pb_kits/playbook/pb_label_value/kit.schema.json +84 -0
- data/app/pb_kits/playbook/pb_layout/kit.schema.json +107 -0
- data/app/pb_kits/playbook/pb_legend/kit.schema.json +44 -0
- data/app/pb_kits/playbook/pb_link/kit.schema.json +118 -0
- data/app/pb_kits/playbook/pb_list/kit.schema.json +110 -0
- data/app/pb_kits/playbook/pb_loading_inline/kit.schema.json +55 -0
- data/app/pb_kits/playbook/pb_map/kit.schema.json +51 -0
- data/app/pb_kits/playbook/pb_message/kit.schema.json +104 -0
- data/app/pb_kits/playbook/pb_multi_level_select/kit.schema.json +190 -0
- data/app/pb_kits/playbook/pb_multiple_users/kit.schema.json +67 -0
- data/app/pb_kits/playbook/pb_multiple_users_stacked/kit.schema.json +55 -0
- data/app/pb_kits/playbook/pb_nav/kit.schema.json +104 -0
- data/app/pb_kits/playbook/pb_online_status/kit.schema.json +62 -0
- data/app/pb_kits/playbook/pb_overlay/kit.schema.json +99 -0
- data/app/pb_kits/playbook/pb_pagination/kit.schema.json +56 -0
- data/app/pb_kits/playbook/pb_passphrase/kit.schema.json +94 -0
- data/app/pb_kits/playbook/pb_pb_bar_graph/kit.schema.json +29 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/kit.schema.json +29 -0
- data/app/pb_kits/playbook/pb_pb_gauge_chart/kit.schema.json +29 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/kit.schema.json +29 -0
- data/app/pb_kits/playbook/pb_person/kit.schema.json +36 -0
- data/app/pb_kits/playbook/pb_person_contact/kit.schema.json +43 -0
- data/app/pb_kits/playbook/pb_phone_number_input/kit.schema.json +157 -0
- data/app/pb_kits/playbook/pb_pill/kit.schema.json +57 -0
- data/app/pb_kits/playbook/pb_popover/kit.schema.json +82 -0
- data/app/pb_kits/playbook/pb_progress_pills/kit.schema.json +60 -0
- data/app/pb_kits/playbook/pb_progress_simple/kit.schema.json +78 -0
- data/app/pb_kits/playbook/pb_progress_step/kit.schema.json +74 -0
- data/app/pb_kits/playbook/pb_radio/kit.schema.json +104 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/kit.schema.json +151 -0
- data/app/pb_kits/playbook/pb_section_separator/kit.schema.json +77 -0
- data/app/pb_kits/playbook/pb_select/kit.schema.json +157 -0
- data/app/pb_kits/playbook/pb_selectable_card/kit.schema.json +116 -0
- data/app/pb_kits/playbook/pb_selectable_card_icon/kit.schema.json +116 -0
- data/app/pb_kits/playbook/pb_selectable_icon/kit.schema.json +103 -0
- data/app/pb_kits/playbook/pb_selectable_list/kit.schema.json +54 -0
- data/app/pb_kits/playbook/pb_skeleton_loading/kit.schema.json +42 -0
- data/app/pb_kits/playbook/pb_source/kit.schema.json +61 -0
- data/app/pb_kits/playbook/pb_star_rating/kit.schema.json +152 -0
- data/app/pb_kits/playbook/pb_stat_change/kit.schema.json +49 -0
- data/app/pb_kits/playbook/pb_stat_value/kit.schema.json +42 -0
- data/app/pb_kits/playbook/pb_table/kit.schema.json +238 -0
- data/app/pb_kits/playbook/pb_text_input/kit.schema.json +155 -0
- data/app/pb_kits/playbook/pb_textarea/kit.schema.json +163 -0
- data/app/pb_kits/playbook/pb_time/kit.schema.json +96 -0
- data/app/pb_kits/playbook/pb_time_picker/kit.schema.json +143 -0
- data/app/pb_kits/playbook/pb_time_range_inline/kit.schema.json +77 -0
- data/app/pb_kits/playbook/pb_time_stacked/kit.schema.json +60 -0
- data/app/pb_kits/playbook/pb_timeline/kit.schema.json +57 -0
- data/app/pb_kits/playbook/pb_timestamp/kit.schema.json +126 -0
- data/app/pb_kits/playbook/pb_title/kit.schema.json +106 -0
- data/app/pb_kits/playbook/pb_title_count/kit.schema.json +61 -0
- data/app/pb_kits/playbook/pb_title_detail/kit.schema.json +49 -0
- data/app/pb_kits/playbook/pb_toggle/kit.schema.json +76 -0
- data/app/pb_kits/playbook/pb_tooltip/kit.schema.json +110 -0
- data/app/pb_kits/playbook/pb_typeahead/kit.schema.json +279 -0
- data/app/pb_kits/playbook/pb_user/kit.schema.json +147 -0
- data/app/pb_kits/playbook/pb_user_badge/kit.schema.json +47 -0
- data/app/pb_kits/playbook/pb_weekday_stacked/kit.schema.json +63 -0
- data/app/pb_kits/playbook/utilities/global-props.schema.json +759 -0
- data/dist/chunks/{_pb_line_graph-DHY2Tea7.js → _pb_line_graph-D6s5rymw.js} +1 -1
- data/dist/chunks/_typeahead-BNp_YiTh.js +1 -0
- data/dist/chunks/{globalProps-C893Xh66.js → globalProps-Ds_6HBhX.js} +1 -1
- data/dist/chunks/{lib-9kTaI6nm.js → lib-BaO72ugL.js} +2 -2
- data/dist/chunks/vendor.js +3 -3
- data/dist/menu.yml +76 -38
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/lib/playbook/version.rb +2 -2
- metadata +116 -7
- data/dist/chunks/_typeahead-DXmvtkzR.js +0 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b577cd760c598c1d2328e4a4242146cfb68717cd436f922428a390521bd452cc
|
|
4
|
+
data.tar.gz: 0b9da0624df39b48999b6832f8de0b43492eb1dcfd7d0f57ff107926ffabbed6
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: dec4d19d8f555bc0aa79d618e7295f0c8cf25c7788553ea175cf3847a2b04eab88e79825c8854b689af85369f82996d3357c312f0fedcdda49e9a705f7a87117
|
|
7
|
+
data.tar.gz: e04d8e5c740442a7ce08a5356b55ca550932513f25cda704a95d336f69e59b08cdcb96f03e9e8b04d64ef4e6dda5967d15a21adcaa5a87d3085e27baef86ac7a
|
|
@@ -0,0 +1,278 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
|
|
3
|
+
"name": "AdvancedTable",
|
|
4
|
+
"description": "AdvancedTable component",
|
|
5
|
+
"platforms": [
|
|
6
|
+
"react",
|
|
7
|
+
"rails"
|
|
8
|
+
],
|
|
9
|
+
"props": {
|
|
10
|
+
"actions": {
|
|
11
|
+
"type": "React.ReactNode[] | React.ReactNode",
|
|
12
|
+
"platforms": [
|
|
13
|
+
"react",
|
|
14
|
+
"rails"
|
|
15
|
+
]
|
|
16
|
+
},
|
|
17
|
+
"cascadeCollapse": {
|
|
18
|
+
"type": "boolean",
|
|
19
|
+
"platforms": [
|
|
20
|
+
"react"
|
|
21
|
+
]
|
|
22
|
+
},
|
|
23
|
+
"columnDefinitions": {
|
|
24
|
+
"type": "array",
|
|
25
|
+
"platforms": [
|
|
26
|
+
"react",
|
|
27
|
+
"rails"
|
|
28
|
+
]
|
|
29
|
+
},
|
|
30
|
+
"columnGroupBorderColor": {
|
|
31
|
+
"type": "enum",
|
|
32
|
+
"platforms": [
|
|
33
|
+
"react",
|
|
34
|
+
"rails"
|
|
35
|
+
],
|
|
36
|
+
"values": [
|
|
37
|
+
"text_lt_default",
|
|
38
|
+
"text_lt_light",
|
|
39
|
+
"text_lt_lighter",
|
|
40
|
+
"text_dk_default",
|
|
41
|
+
"text_dk_light",
|
|
42
|
+
"text_dk_lighter"
|
|
43
|
+
],
|
|
44
|
+
"default": "none"
|
|
45
|
+
},
|
|
46
|
+
"columnVisibilityControl": {
|
|
47
|
+
"type": "GenericObject",
|
|
48
|
+
"platforms": [
|
|
49
|
+
"react"
|
|
50
|
+
]
|
|
51
|
+
},
|
|
52
|
+
"customSort": {
|
|
53
|
+
"type": "boolean;",
|
|
54
|
+
"platforms": [
|
|
55
|
+
"react"
|
|
56
|
+
]
|
|
57
|
+
},
|
|
58
|
+
"enableToggleExpansion": {
|
|
59
|
+
"type": "enum",
|
|
60
|
+
"platforms": [
|
|
61
|
+
"react",
|
|
62
|
+
"rails"
|
|
63
|
+
],
|
|
64
|
+
"values": [
|
|
65
|
+
"all",
|
|
66
|
+
"header",
|
|
67
|
+
"none"
|
|
68
|
+
],
|
|
69
|
+
"default": "header"
|
|
70
|
+
},
|
|
71
|
+
"enableSortingRemoval": {
|
|
72
|
+
"type": "boolean",
|
|
73
|
+
"platforms": [
|
|
74
|
+
"react"
|
|
75
|
+
]
|
|
76
|
+
},
|
|
77
|
+
"expandedControl": {
|
|
78
|
+
"type": "GenericObject",
|
|
79
|
+
"platforms": [
|
|
80
|
+
"react"
|
|
81
|
+
]
|
|
82
|
+
},
|
|
83
|
+
"expandByDepth": {
|
|
84
|
+
"type": "{ [key: string]: string | number }",
|
|
85
|
+
"platforms": [
|
|
86
|
+
"react"
|
|
87
|
+
]
|
|
88
|
+
},
|
|
89
|
+
"onExpandByDepthClick": {
|
|
90
|
+
"type": "function",
|
|
91
|
+
"platforms": [
|
|
92
|
+
"react"
|
|
93
|
+
]
|
|
94
|
+
},
|
|
95
|
+
"initialLoadingRowsCount": {
|
|
96
|
+
"type": "number",
|
|
97
|
+
"platforms": [
|
|
98
|
+
"react"
|
|
99
|
+
]
|
|
100
|
+
},
|
|
101
|
+
"inlineRowLoading": {
|
|
102
|
+
"type": "boolean",
|
|
103
|
+
"platforms": [
|
|
104
|
+
"react",
|
|
105
|
+
"rails"
|
|
106
|
+
],
|
|
107
|
+
"default": false
|
|
108
|
+
},
|
|
109
|
+
"loading": {
|
|
110
|
+
"type": "boolean | string",
|
|
111
|
+
"platforms": [
|
|
112
|
+
"react",
|
|
113
|
+
"rails"
|
|
114
|
+
],
|
|
115
|
+
"default": false
|
|
116
|
+
},
|
|
117
|
+
"onRowToggleClick": {
|
|
118
|
+
"type": "function",
|
|
119
|
+
"platforms": [
|
|
120
|
+
"react"
|
|
121
|
+
]
|
|
122
|
+
},
|
|
123
|
+
"onToggleExpansionClick": {
|
|
124
|
+
"type": "function",
|
|
125
|
+
"platforms": [
|
|
126
|
+
"react"
|
|
127
|
+
]
|
|
128
|
+
},
|
|
129
|
+
"pagination": {
|
|
130
|
+
"type": "boolean",
|
|
131
|
+
"platforms": [
|
|
132
|
+
"react"
|
|
133
|
+
]
|
|
134
|
+
},
|
|
135
|
+
"paginationProps": {
|
|
136
|
+
"type": "function",
|
|
137
|
+
"platforms": [
|
|
138
|
+
"react"
|
|
139
|
+
]
|
|
140
|
+
},
|
|
141
|
+
"responsive": {
|
|
142
|
+
"type": "enum",
|
|
143
|
+
"platforms": [
|
|
144
|
+
"react",
|
|
145
|
+
"rails"
|
|
146
|
+
],
|
|
147
|
+
"values": [
|
|
148
|
+
"scroll",
|
|
149
|
+
"none"
|
|
150
|
+
],
|
|
151
|
+
"default": "scroll"
|
|
152
|
+
},
|
|
153
|
+
"rowStyling": {
|
|
154
|
+
"type": "array",
|
|
155
|
+
"platforms": [
|
|
156
|
+
"react",
|
|
157
|
+
"rails"
|
|
158
|
+
]
|
|
159
|
+
},
|
|
160
|
+
"scrollBarNone": {
|
|
161
|
+
"type": "boolean",
|
|
162
|
+
"platforms": [
|
|
163
|
+
"react",
|
|
164
|
+
"rails"
|
|
165
|
+
],
|
|
166
|
+
"default": false
|
|
167
|
+
},
|
|
168
|
+
"selectableRows": {
|
|
169
|
+
"type": "boolean",
|
|
170
|
+
"platforms": [
|
|
171
|
+
"react",
|
|
172
|
+
"rails"
|
|
173
|
+
],
|
|
174
|
+
"default": false
|
|
175
|
+
},
|
|
176
|
+
"showActionsBar": {
|
|
177
|
+
"type": "boolean",
|
|
178
|
+
"platforms": [
|
|
179
|
+
"react",
|
|
180
|
+
"rails"
|
|
181
|
+
],
|
|
182
|
+
"default": true
|
|
183
|
+
},
|
|
184
|
+
"persistToggleExpansionButton": {
|
|
185
|
+
"type": "boolean",
|
|
186
|
+
"platforms": [
|
|
187
|
+
"react",
|
|
188
|
+
"rails"
|
|
189
|
+
],
|
|
190
|
+
"default": false
|
|
191
|
+
},
|
|
192
|
+
"sortControl": {
|
|
193
|
+
"type": "GenericObject",
|
|
194
|
+
"platforms": [
|
|
195
|
+
"react"
|
|
196
|
+
]
|
|
197
|
+
},
|
|
198
|
+
"sortParentOnly": {
|
|
199
|
+
"type": "boolean",
|
|
200
|
+
"platforms": [
|
|
201
|
+
"react"
|
|
202
|
+
]
|
|
203
|
+
},
|
|
204
|
+
"tableData": {
|
|
205
|
+
"type": "array",
|
|
206
|
+
"platforms": [
|
|
207
|
+
"react",
|
|
208
|
+
"rails"
|
|
209
|
+
]
|
|
210
|
+
},
|
|
211
|
+
"tableOptions": {
|
|
212
|
+
"type": "GenericObject",
|
|
213
|
+
"platforms": [
|
|
214
|
+
"react"
|
|
215
|
+
]
|
|
216
|
+
},
|
|
217
|
+
"tableProps": {
|
|
218
|
+
"type": "GenericObject",
|
|
219
|
+
"platforms": [
|
|
220
|
+
"react",
|
|
221
|
+
"rails"
|
|
222
|
+
]
|
|
223
|
+
},
|
|
224
|
+
"toggleExpansionIcon": {
|
|
225
|
+
"type": "string | string[]",
|
|
226
|
+
"platforms": [
|
|
227
|
+
"react"
|
|
228
|
+
]
|
|
229
|
+
},
|
|
230
|
+
"onRowSelectionChange": {
|
|
231
|
+
"type": "function",
|
|
232
|
+
"platforms": [
|
|
233
|
+
"react"
|
|
234
|
+
]
|
|
235
|
+
},
|
|
236
|
+
"onCustomSortClick": {
|
|
237
|
+
"type": "function",
|
|
238
|
+
"platforms": [
|
|
239
|
+
"react"
|
|
240
|
+
]
|
|
241
|
+
},
|
|
242
|
+
"virtualizedRows": {
|
|
243
|
+
"type": "boolean",
|
|
244
|
+
"platforms": [
|
|
245
|
+
"react"
|
|
246
|
+
]
|
|
247
|
+
},
|
|
248
|
+
"allowFullScreen": {
|
|
249
|
+
"type": "boolean",
|
|
250
|
+
"platforms": [
|
|
251
|
+
"react"
|
|
252
|
+
]
|
|
253
|
+
},
|
|
254
|
+
"fullScreenControl": {
|
|
255
|
+
"type": "function",
|
|
256
|
+
"platforms": [
|
|
257
|
+
"react"
|
|
258
|
+
]
|
|
259
|
+
},
|
|
260
|
+
"pinnedRows": {
|
|
261
|
+
"platforms": [
|
|
262
|
+
"rails"
|
|
263
|
+
],
|
|
264
|
+
"type": "string"
|
|
265
|
+
}
|
|
266
|
+
},
|
|
267
|
+
"globalProps": true,
|
|
268
|
+
"usage": {
|
|
269
|
+
"react": {
|
|
270
|
+
"import": "import { AdvancedTable } from 'playbook-ui'",
|
|
271
|
+
"example": "<AdvancedTable columnGroupBorderColor=\"text_lt_default\" enableToggleExpansion=\"all\"></AdvancedTable>"
|
|
272
|
+
},
|
|
273
|
+
"rails": {
|
|
274
|
+
"import": null,
|
|
275
|
+
"example": "<%= pb_rails(\"advanced_table\", props: { column_group_border_color: \"text_lt_default\", enable_toggle_expansion: \"all\" }) %>"
|
|
276
|
+
}
|
|
277
|
+
}
|
|
278
|
+
}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
|
|
3
|
+
"name": "Avatar",
|
|
4
|
+
"description": "Avatar component",
|
|
5
|
+
"platforms": [
|
|
6
|
+
"react",
|
|
7
|
+
"rails"
|
|
8
|
+
],
|
|
9
|
+
"props": {
|
|
10
|
+
"grayscale": {
|
|
11
|
+
"type": "boolean",
|
|
12
|
+
"platforms": [
|
|
13
|
+
"react",
|
|
14
|
+
"rails"
|
|
15
|
+
],
|
|
16
|
+
"default": false
|
|
17
|
+
},
|
|
18
|
+
"imageAlt": {
|
|
19
|
+
"type": "string",
|
|
20
|
+
"platforms": [
|
|
21
|
+
"react",
|
|
22
|
+
"rails"
|
|
23
|
+
],
|
|
24
|
+
"default": ""
|
|
25
|
+
},
|
|
26
|
+
"imageUrl": {
|
|
27
|
+
"type": "string",
|
|
28
|
+
"platforms": [
|
|
29
|
+
"react",
|
|
30
|
+
"rails"
|
|
31
|
+
]
|
|
32
|
+
},
|
|
33
|
+
"name": {
|
|
34
|
+
"type": "string",
|
|
35
|
+
"platforms": [
|
|
36
|
+
"react",
|
|
37
|
+
"rails"
|
|
38
|
+
],
|
|
39
|
+
"default": ""
|
|
40
|
+
},
|
|
41
|
+
"size": {
|
|
42
|
+
"type": "enum",
|
|
43
|
+
"platforms": [
|
|
44
|
+
"react",
|
|
45
|
+
"rails"
|
|
46
|
+
],
|
|
47
|
+
"values": [
|
|
48
|
+
"md",
|
|
49
|
+
"lg",
|
|
50
|
+
"sm",
|
|
51
|
+
"xl",
|
|
52
|
+
"xs",
|
|
53
|
+
"xxs"
|
|
54
|
+
],
|
|
55
|
+
"default": "md"
|
|
56
|
+
},
|
|
57
|
+
"status": {
|
|
58
|
+
"type": "enum",
|
|
59
|
+
"platforms": [
|
|
60
|
+
"react",
|
|
61
|
+
"rails"
|
|
62
|
+
],
|
|
63
|
+
"values": [
|
|
64
|
+
"away",
|
|
65
|
+
"offline",
|
|
66
|
+
"online"
|
|
67
|
+
]
|
|
68
|
+
},
|
|
69
|
+
"componentOverlay": {
|
|
70
|
+
"platforms": [
|
|
71
|
+
"rails"
|
|
72
|
+
]
|
|
73
|
+
}
|
|
74
|
+
},
|
|
75
|
+
"globalProps": true,
|
|
76
|
+
"usage": {
|
|
77
|
+
"react": {
|
|
78
|
+
"import": "import { Avatar } from 'playbook-ui'",
|
|
79
|
+
"example": "<Avatar size=\"md\" status=\"away\"></Avatar>"
|
|
80
|
+
},
|
|
81
|
+
"rails": {
|
|
82
|
+
"import": null,
|
|
83
|
+
"example": "<%= pb_rails(\"avatar\", props: { size: \"md\", status: \"away\" }) %>"
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
}
|
|
@@ -0,0 +1,208 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
|
|
3
|
+
"name": "Background",
|
|
4
|
+
"description": "Background component",
|
|
5
|
+
"platforms": [
|
|
6
|
+
"react",
|
|
7
|
+
"rails"
|
|
8
|
+
],
|
|
9
|
+
"props": {
|
|
10
|
+
"alt": {
|
|
11
|
+
"type": "string",
|
|
12
|
+
"platforms": [
|
|
13
|
+
"react"
|
|
14
|
+
]
|
|
15
|
+
},
|
|
16
|
+
"backgroundColor": {
|
|
17
|
+
"type": "ResponsiveProp<BackgroundColors> | BackgroundColors",
|
|
18
|
+
"platforms": [
|
|
19
|
+
"react",
|
|
20
|
+
"rails"
|
|
21
|
+
],
|
|
22
|
+
"values": [
|
|
23
|
+
"gradient",
|
|
24
|
+
"dark",
|
|
25
|
+
"light",
|
|
26
|
+
"white",
|
|
27
|
+
"success",
|
|
28
|
+
"warning",
|
|
29
|
+
"error",
|
|
30
|
+
"info",
|
|
31
|
+
"neutral",
|
|
32
|
+
"primary",
|
|
33
|
+
"shadow",
|
|
34
|
+
"category_1",
|
|
35
|
+
"category_2",
|
|
36
|
+
"category_3",
|
|
37
|
+
"category_4",
|
|
38
|
+
"category_5",
|
|
39
|
+
"category_6",
|
|
40
|
+
"category_7",
|
|
41
|
+
"category_8",
|
|
42
|
+
"category_9",
|
|
43
|
+
"category_10",
|
|
44
|
+
"category_11",
|
|
45
|
+
"category_12",
|
|
46
|
+
"category_13",
|
|
47
|
+
"category_14",
|
|
48
|
+
"category_15",
|
|
49
|
+
"category_16",
|
|
50
|
+
"category_17",
|
|
51
|
+
"category_18",
|
|
52
|
+
"category_19",
|
|
53
|
+
"category_20",
|
|
54
|
+
"category_21",
|
|
55
|
+
"success_secondary",
|
|
56
|
+
"error_secondary",
|
|
57
|
+
"info_secondary",
|
|
58
|
+
"warning_secondary",
|
|
59
|
+
"neutral_secondary",
|
|
60
|
+
"primary_secondary",
|
|
61
|
+
"text_lt_default",
|
|
62
|
+
"text_lt_light",
|
|
63
|
+
"text_lt_lighter",
|
|
64
|
+
"text_dk_default",
|
|
65
|
+
"text_dk_light",
|
|
66
|
+
"text_dk_lighter",
|
|
67
|
+
"card_light",
|
|
68
|
+
"card_dark",
|
|
69
|
+
"data_1",
|
|
70
|
+
"data_2",
|
|
71
|
+
"data_3",
|
|
72
|
+
"data_4",
|
|
73
|
+
"data_5",
|
|
74
|
+
"data_6",
|
|
75
|
+
"data_7",
|
|
76
|
+
"data_8",
|
|
77
|
+
"border_light",
|
|
78
|
+
"border_dark",
|
|
79
|
+
"success_subtle",
|
|
80
|
+
"warning_subtle",
|
|
81
|
+
"error_subtle",
|
|
82
|
+
"info_subtle",
|
|
83
|
+
"neutral_subtle"
|
|
84
|
+
],
|
|
85
|
+
"default": "light"
|
|
86
|
+
},
|
|
87
|
+
"backgroundSize": {
|
|
88
|
+
"type": "ResponsiveProp<BackgroundSizes> | BackgroundSizes",
|
|
89
|
+
"platforms": [
|
|
90
|
+
"react",
|
|
91
|
+
"rails"
|
|
92
|
+
],
|
|
93
|
+
"values": [
|
|
94
|
+
"contain",
|
|
95
|
+
"cover",
|
|
96
|
+
"auto"
|
|
97
|
+
],
|
|
98
|
+
"default": "cover"
|
|
99
|
+
},
|
|
100
|
+
"backgroundPosition": {
|
|
101
|
+
"type": "ResponsiveProp<string> | string",
|
|
102
|
+
"platforms": [
|
|
103
|
+
"react",
|
|
104
|
+
"rails"
|
|
105
|
+
],
|
|
106
|
+
"default": null
|
|
107
|
+
},
|
|
108
|
+
"backgroundRepeat": {
|
|
109
|
+
"type": "ResponsiveProp<BackgroundRepeat> | BackgroundRepeat",
|
|
110
|
+
"platforms": [
|
|
111
|
+
"react",
|
|
112
|
+
"rails"
|
|
113
|
+
],
|
|
114
|
+
"values": [
|
|
115
|
+
"repeat",
|
|
116
|
+
"repeat-x",
|
|
117
|
+
"repeat-y",
|
|
118
|
+
"no-repeat",
|
|
119
|
+
"space",
|
|
120
|
+
"round",
|
|
121
|
+
"initial",
|
|
122
|
+
"inherit"
|
|
123
|
+
],
|
|
124
|
+
"default": "initial"
|
|
125
|
+
},
|
|
126
|
+
"imageUrl": {
|
|
127
|
+
"type": "ResponsiveProp<string> | string",
|
|
128
|
+
"platforms": [
|
|
129
|
+
"react",
|
|
130
|
+
"rails"
|
|
131
|
+
]
|
|
132
|
+
},
|
|
133
|
+
"imageOverlay": {
|
|
134
|
+
"type": "enum",
|
|
135
|
+
"platforms": [
|
|
136
|
+
"react"
|
|
137
|
+
],
|
|
138
|
+
"values": [
|
|
139
|
+
"opacity_1",
|
|
140
|
+
"opacity_2",
|
|
141
|
+
"opacity_3",
|
|
142
|
+
"opacity_4",
|
|
143
|
+
"opacity_5",
|
|
144
|
+
"opacity_6",
|
|
145
|
+
"opacity_7",
|
|
146
|
+
"opacity_8",
|
|
147
|
+
"opacity_9",
|
|
148
|
+
"opacity_10"
|
|
149
|
+
]
|
|
150
|
+
},
|
|
151
|
+
"customColor": {
|
|
152
|
+
"type": "string",
|
|
153
|
+
"platforms": [
|
|
154
|
+
"react",
|
|
155
|
+
"rails"
|
|
156
|
+
],
|
|
157
|
+
"default": null
|
|
158
|
+
},
|
|
159
|
+
"tag": {
|
|
160
|
+
"type": "enum",
|
|
161
|
+
"platforms": [
|
|
162
|
+
"react",
|
|
163
|
+
"rails"
|
|
164
|
+
],
|
|
165
|
+
"values": [
|
|
166
|
+
"h1",
|
|
167
|
+
"h2",
|
|
168
|
+
"h3",
|
|
169
|
+
"h4",
|
|
170
|
+
"h5",
|
|
171
|
+
"h6",
|
|
172
|
+
"p",
|
|
173
|
+
"span",
|
|
174
|
+
"div",
|
|
175
|
+
"tr",
|
|
176
|
+
"th",
|
|
177
|
+
"td",
|
|
178
|
+
"thead",
|
|
179
|
+
"col"
|
|
180
|
+
],
|
|
181
|
+
"default": "div"
|
|
182
|
+
},
|
|
183
|
+
"transition": {
|
|
184
|
+
"type": "enum",
|
|
185
|
+
"platforms": [
|
|
186
|
+
"react",
|
|
187
|
+
"rails"
|
|
188
|
+
],
|
|
189
|
+
"values": [
|
|
190
|
+
"fade",
|
|
191
|
+
"blur",
|
|
192
|
+
"scale"
|
|
193
|
+
],
|
|
194
|
+
"default": null
|
|
195
|
+
}
|
|
196
|
+
},
|
|
197
|
+
"globalProps": true,
|
|
198
|
+
"usage": {
|
|
199
|
+
"react": {
|
|
200
|
+
"import": "import { Background } from 'playbook-ui'",
|
|
201
|
+
"example": "<Background backgroundColor=\"gradient\" backgroundSize=\"contain\"></Background>"
|
|
202
|
+
},
|
|
203
|
+
"rails": {
|
|
204
|
+
"import": null,
|
|
205
|
+
"example": "<%= pb_rails(\"background\", props: { background_color: \"gradient\", background_size: \"contain\" }) %>"
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
|
|
3
|
+
"name": "Badge",
|
|
4
|
+
"description": "Badge component",
|
|
5
|
+
"platforms": [
|
|
6
|
+
"react",
|
|
7
|
+
"rails"
|
|
8
|
+
],
|
|
9
|
+
"props": {
|
|
10
|
+
"removeIcon": {
|
|
11
|
+
"type": "boolean",
|
|
12
|
+
"platforms": [
|
|
13
|
+
"react"
|
|
14
|
+
]
|
|
15
|
+
},
|
|
16
|
+
"removeOnClick": {
|
|
17
|
+
"type": "ReactNode",
|
|
18
|
+
"platforms": [
|
|
19
|
+
"react"
|
|
20
|
+
]
|
|
21
|
+
},
|
|
22
|
+
"rounded": {
|
|
23
|
+
"type": "boolean",
|
|
24
|
+
"platforms": [
|
|
25
|
+
"react",
|
|
26
|
+
"rails"
|
|
27
|
+
],
|
|
28
|
+
"default": false
|
|
29
|
+
},
|
|
30
|
+
"tabIndex": {
|
|
31
|
+
"type": "number",
|
|
32
|
+
"platforms": [
|
|
33
|
+
"react"
|
|
34
|
+
]
|
|
35
|
+
},
|
|
36
|
+
"text": {
|
|
37
|
+
"type": "string",
|
|
38
|
+
"platforms": [
|
|
39
|
+
"react",
|
|
40
|
+
"rails"
|
|
41
|
+
]
|
|
42
|
+
},
|
|
43
|
+
"variant": {
|
|
44
|
+
"type": "enum",
|
|
45
|
+
"platforms": [
|
|
46
|
+
"react",
|
|
47
|
+
"rails"
|
|
48
|
+
],
|
|
49
|
+
"values": [
|
|
50
|
+
"error",
|
|
51
|
+
"info",
|
|
52
|
+
"neutral",
|
|
53
|
+
"notification",
|
|
54
|
+
"notificationError",
|
|
55
|
+
"primary",
|
|
56
|
+
"success",
|
|
57
|
+
"warning"
|
|
58
|
+
],
|
|
59
|
+
"default": "neutral"
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
"globalProps": true,
|
|
63
|
+
"usage": {
|
|
64
|
+
"react": {
|
|
65
|
+
"import": "import { Badge } from 'playbook-ui'",
|
|
66
|
+
"example": "<Badge variant=\"error\"></Badge>"
|
|
67
|
+
},
|
|
68
|
+
"rails": {
|
|
69
|
+
"import": null,
|
|
70
|
+
"example": "<%= pb_rails(\"badge\", props: { variant: \"error\" }) %>"
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|