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.
Files changed (125) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/kit.schema.json +278 -0
  3. data/app/pb_kits/playbook/pb_avatar/kit.schema.json +86 -0
  4. data/app/pb_kits/playbook/pb_background/kit.schema.json +208 -0
  5. data/app/pb_kits/playbook/pb_badge/kit.schema.json +73 -0
  6. data/app/pb_kits/playbook/pb_body/kit.schema.json +101 -0
  7. data/app/pb_kits/playbook/pb_bread_crumbs/kit.schema.json +28 -0
  8. data/app/pb_kits/playbook/pb_button/docs/{_button_loading.html.erb → _button_loading_rails.html.erb} +5 -5
  9. data/app/pb_kits/playbook/pb_button/docs/_button_loading_rails.md +3 -0
  10. data/app/pb_kits/playbook/pb_button/docs/example.yml +1 -1
  11. data/app/pb_kits/playbook/pb_button/kit.schema.json +207 -0
  12. data/app/pb_kits/playbook/pb_button_toolbar/kit.schema.json +67 -0
  13. data/app/pb_kits/playbook/pb_caption/kit.schema.json +91 -0
  14. data/app/pb_kits/playbook/pb_card/kit.schema.json +168 -0
  15. data/app/pb_kits/playbook/pb_checkbox/kit.schema.json +143 -0
  16. data/app/pb_kits/playbook/pb_circle_icon_button/kit.schema.json +117 -0
  17. data/app/pb_kits/playbook/pb_collapsible/kit.schema.json +90 -0
  18. data/app/pb_kits/playbook/pb_contact/kit.schema.json +59 -0
  19. data/app/pb_kits/playbook/pb_copy_button/kit.schema.json +94 -0
  20. data/app/pb_kits/playbook/pb_currency/kit.schema.json +142 -0
  21. data/app/pb_kits/playbook/pb_dashboard_value/kit.schema.json +54 -0
  22. data/app/pb_kits/playbook/pb_date/kit.schema.json +98 -0
  23. data/app/pb_kits/playbook/pb_date_picker/kit.schema.json +375 -0
  24. data/app/pb_kits/playbook/pb_date_range_inline/kit.schema.json +76 -0
  25. data/app/pb_kits/playbook/pb_date_range_stacked/kit.schema.json +36 -0
  26. data/app/pb_kits/playbook/pb_date_stacked/kit.schema.json +78 -0
  27. data/app/pb_kits/playbook/pb_date_time/kit.schema.json +96 -0
  28. data/app/pb_kits/playbook/pb_date_time_stacked/kit.schema.json +62 -0
  29. data/app/pb_kits/playbook/pb_date_year_stacked/kit.schema.json +42 -0
  30. data/app/pb_kits/playbook/pb_detail/kit.schema.json +72 -0
  31. data/app/pb_kits/playbook/pb_dialog/kit.schema.json +186 -0
  32. data/app/pb_kits/playbook/pb_distribution_bar/kit.schema.json +48 -0
  33. data/app/pb_kits/playbook/pb_draggable/kit.schema.json +60 -0
  34. data/app/pb_kits/playbook/pb_dropdown/kit.schema.json +244 -0
  35. data/app/pb_kits/playbook/pb_empty_state/kit.schema.json +117 -0
  36. data/app/pb_kits/playbook/pb_file_upload/kit.schema.json +124 -0
  37. data/app/pb_kits/playbook/pb_filter/Filter/ResultsCount.tsx +3 -1
  38. data/app/pb_kits/playbook/pb_filter/filter.rb +1 -1
  39. data/app/pb_kits/playbook/pb_filter/kit.schema.json +87 -0
  40. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/kit.schema.json +118 -0
  41. data/app/pb_kits/playbook/pb_flex/kit.schema.json +151 -0
  42. data/app/pb_kits/playbook/pb_form/kit.schema.json +53 -0
  43. data/app/pb_kits/playbook/pb_form_group/kit.schema.json +30 -0
  44. data/app/pb_kits/playbook/pb_form_pill/kit.schema.json +132 -0
  45. data/app/pb_kits/playbook/pb_hashtag/kit.schema.json +71 -0
  46. data/app/pb_kits/playbook/pb_highlight/kit.schema.json +35 -0
  47. data/app/pb_kits/playbook/pb_home_address_street/kit.schema.json +121 -0
  48. data/app/pb_kits/playbook/pb_icon/kit.schema.json +180 -0
  49. data/app/pb_kits/playbook/pb_icon_button/kit.schema.json +116 -0
  50. data/app/pb_kits/playbook/pb_icon_circle/kit.schema.json +65 -0
  51. data/app/pb_kits/playbook/pb_icon_stat_value/kit.schema.json +96 -0
  52. data/app/pb_kits/playbook/pb_icon_value/kit.schema.json +49 -0
  53. data/app/pb_kits/playbook/pb_image/kit.schema.json +74 -0
  54. data/app/pb_kits/playbook/pb_label_pill/kit.schema.json +52 -0
  55. data/app/pb_kits/playbook/pb_label_value/kit.schema.json +84 -0
  56. data/app/pb_kits/playbook/pb_layout/kit.schema.json +107 -0
  57. data/app/pb_kits/playbook/pb_legend/kit.schema.json +44 -0
  58. data/app/pb_kits/playbook/pb_link/kit.schema.json +118 -0
  59. data/app/pb_kits/playbook/pb_list/kit.schema.json +110 -0
  60. data/app/pb_kits/playbook/pb_loading_inline/kit.schema.json +55 -0
  61. data/app/pb_kits/playbook/pb_map/kit.schema.json +51 -0
  62. data/app/pb_kits/playbook/pb_message/kit.schema.json +104 -0
  63. data/app/pb_kits/playbook/pb_multi_level_select/kit.schema.json +190 -0
  64. data/app/pb_kits/playbook/pb_multiple_users/kit.schema.json +67 -0
  65. data/app/pb_kits/playbook/pb_multiple_users_stacked/kit.schema.json +55 -0
  66. data/app/pb_kits/playbook/pb_nav/kit.schema.json +104 -0
  67. data/app/pb_kits/playbook/pb_online_status/kit.schema.json +62 -0
  68. data/app/pb_kits/playbook/pb_overlay/kit.schema.json +99 -0
  69. data/app/pb_kits/playbook/pb_pagination/kit.schema.json +56 -0
  70. data/app/pb_kits/playbook/pb_passphrase/kit.schema.json +94 -0
  71. data/app/pb_kits/playbook/pb_pb_bar_graph/kit.schema.json +29 -0
  72. data/app/pb_kits/playbook/pb_pb_circle_chart/kit.schema.json +29 -0
  73. data/app/pb_kits/playbook/pb_pb_gauge_chart/kit.schema.json +29 -0
  74. data/app/pb_kits/playbook/pb_pb_line_graph/kit.schema.json +29 -0
  75. data/app/pb_kits/playbook/pb_person/kit.schema.json +36 -0
  76. data/app/pb_kits/playbook/pb_person_contact/kit.schema.json +43 -0
  77. data/app/pb_kits/playbook/pb_phone_number_input/kit.schema.json +157 -0
  78. data/app/pb_kits/playbook/pb_pill/kit.schema.json +57 -0
  79. data/app/pb_kits/playbook/pb_popover/kit.schema.json +82 -0
  80. data/app/pb_kits/playbook/pb_progress_pills/kit.schema.json +60 -0
  81. data/app/pb_kits/playbook/pb_progress_simple/kit.schema.json +78 -0
  82. data/app/pb_kits/playbook/pb_progress_step/kit.schema.json +74 -0
  83. data/app/pb_kits/playbook/pb_radio/kit.schema.json +104 -0
  84. data/app/pb_kits/playbook/pb_rich_text_editor/kit.schema.json +151 -0
  85. data/app/pb_kits/playbook/pb_section_separator/kit.schema.json +77 -0
  86. data/app/pb_kits/playbook/pb_select/kit.schema.json +157 -0
  87. data/app/pb_kits/playbook/pb_selectable_card/kit.schema.json +116 -0
  88. data/app/pb_kits/playbook/pb_selectable_card_icon/kit.schema.json +116 -0
  89. data/app/pb_kits/playbook/pb_selectable_icon/kit.schema.json +103 -0
  90. data/app/pb_kits/playbook/pb_selectable_list/kit.schema.json +54 -0
  91. data/app/pb_kits/playbook/pb_skeleton_loading/kit.schema.json +42 -0
  92. data/app/pb_kits/playbook/pb_source/kit.schema.json +61 -0
  93. data/app/pb_kits/playbook/pb_star_rating/kit.schema.json +152 -0
  94. data/app/pb_kits/playbook/pb_stat_change/kit.schema.json +49 -0
  95. data/app/pb_kits/playbook/pb_stat_value/kit.schema.json +42 -0
  96. data/app/pb_kits/playbook/pb_table/kit.schema.json +238 -0
  97. data/app/pb_kits/playbook/pb_text_input/kit.schema.json +155 -0
  98. data/app/pb_kits/playbook/pb_textarea/kit.schema.json +163 -0
  99. data/app/pb_kits/playbook/pb_time/kit.schema.json +96 -0
  100. data/app/pb_kits/playbook/pb_time_picker/kit.schema.json +143 -0
  101. data/app/pb_kits/playbook/pb_time_range_inline/kit.schema.json +77 -0
  102. data/app/pb_kits/playbook/pb_time_stacked/kit.schema.json +60 -0
  103. data/app/pb_kits/playbook/pb_timeline/kit.schema.json +57 -0
  104. data/app/pb_kits/playbook/pb_timestamp/kit.schema.json +126 -0
  105. data/app/pb_kits/playbook/pb_title/kit.schema.json +106 -0
  106. data/app/pb_kits/playbook/pb_title_count/kit.schema.json +61 -0
  107. data/app/pb_kits/playbook/pb_title_detail/kit.schema.json +49 -0
  108. data/app/pb_kits/playbook/pb_toggle/kit.schema.json +76 -0
  109. data/app/pb_kits/playbook/pb_tooltip/kit.schema.json +110 -0
  110. data/app/pb_kits/playbook/pb_typeahead/kit.schema.json +279 -0
  111. data/app/pb_kits/playbook/pb_user/kit.schema.json +147 -0
  112. data/app/pb_kits/playbook/pb_user_badge/kit.schema.json +47 -0
  113. data/app/pb_kits/playbook/pb_weekday_stacked/kit.schema.json +63 -0
  114. data/app/pb_kits/playbook/utilities/global-props.schema.json +759 -0
  115. data/dist/chunks/{_pb_line_graph-DHY2Tea7.js → _pb_line_graph-D6s5rymw.js} +1 -1
  116. data/dist/chunks/_typeahead-BNp_YiTh.js +1 -0
  117. data/dist/chunks/{globalProps-C893Xh66.js → globalProps-Ds_6HBhX.js} +1 -1
  118. data/dist/chunks/{lib-9kTaI6nm.js → lib-BaO72ugL.js} +2 -2
  119. data/dist/chunks/vendor.js +3 -3
  120. data/dist/menu.yml +76 -38
  121. data/dist/playbook-rails-react-bindings.js +1 -1
  122. data/dist/playbook-rails.js +1 -1
  123. data/lib/playbook/version.rb +2 -2
  124. metadata +116 -7
  125. data/dist/chunks/_typeahead-DXmvtkzR.js +0 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 6dad913791ba83c1e16dae3cd53432e9dc72caa341c7086baeb9e7ace1180758
4
- data.tar.gz: b8ff8d057a8497d69729707b76afb2387d5392d40f0f45a7dc23e3c0dec18cd9
3
+ metadata.gz: b577cd760c598c1d2328e4a4242146cfb68717cd436f922428a390521bd452cc
4
+ data.tar.gz: 0b9da0624df39b48999b6832f8de0b43492eb1dcfd7d0f57ff107926ffabbed6
5
5
  SHA512:
6
- metadata.gz: 1a36e248676fabee8d0f16be45c18956cddd8bfb044b6074e8f1c1c1ddd4f6dc39891a1a410590a78b65fab06b2c07224ea4e140b1d806f958737496dbcee428
7
- data.tar.gz: 53551eb53cff2019980003ac0cd9ffa4b7ef3d31d2292e4162234aa392146b4bb57308aaec81371203803e77384c4ea14796c5b2fc304a5c8d3dae3275e05444
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
+ }