playbook_ui 5.0.3 → 5.1.0.pre.alpha1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (79) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/index.js +4 -0
  3. data/app/pb_kits/playbook/pb_filter/templates/_default.html.erb +1 -1
  4. data/app/pb_kits/playbook/pb_popover/_popover.html.erb +2 -2
  5. data/app/pb_kits/playbook/pb_popover/_popover.jsx +3 -3
  6. data/app/pb_kits/playbook/pb_popover/_popover.scss +21 -19
  7. data/app/pb_kits/playbook/pb_popover/index.js +1 -6
  8. data/app/pb_kits/playbook/tokens/index.scss +12 -0
  9. data/lib/playbook/version.rb +1 -1
  10. data/lib/tasks/pb_release.rake +3 -0
  11. metadata +5 -72
  12. data/app/assets/images/clark.jpg +0 -0
  13. data/app/assets/images/giant.jpg +0 -0
  14. data/app/assets/images/pb-caret.svg +0 -1
  15. data/app/assets/images/pb-check.svg +0 -11
  16. data/app/assets/images/pb.logo.svg +0 -28
  17. data/app/controllers/playbook/application_controller.rb +0 -13
  18. data/app/controllers/playbook/guides_controller.rb +0 -11
  19. data/app/controllers/playbook/pages_controller.rb +0 -79
  20. data/app/controllers/playbook/samples_controller.rb +0 -40
  21. data/app/pb_kits/playbook/config/_kit_example.html.erb +0 -9
  22. data/app/pb_kits/playbook/config/_kit_samples_list.html.erb +0 -3
  23. data/app/pb_kits/playbook/config/_kit_ui.html.erb +0 -40
  24. data/app/pb_kits/playbook/config/_pb_kit_api.html.erb +0 -18
  25. data/app/pb_kits/playbook/data/menu.yml +0 -93
  26. data/app/pb_kits/playbook/packs/application.js +0 -55
  27. data/app/pb_kits/playbook/packs/examples.js +0 -174
  28. data/app/pb_kits/playbook/packs/main.scss +0 -12
  29. data/app/pb_kits/playbook/packs/samples.js +0 -19
  30. data/app/pb_kits/playbook/packs/site_styles/_samples.scss +0 -72
  31. data/app/pb_kits/playbook/packs/site_styles/_scaffold.scss +0 -43
  32. data/app/pb_kits/playbook/packs/site_styles/_site-style.scss +0 -135
  33. data/app/pb_kits/playbook/packs/site_styles/docs/_all.scss +0 -9
  34. data/app/pb_kits/playbook/packs/site_styles/docs/_code_snippet.scss +0 -531
  35. data/app/pb_kits/playbook/packs/site_styles/docs/_color_utilities.scss +0 -92
  36. data/app/pb_kits/playbook/packs/site_styles/docs/_flex_examples.scss +0 -15
  37. data/app/pb_kits/playbook/packs/site_styles/docs/_kit_doc.scss +0 -190
  38. data/app/pb_kits/playbook/packs/site_styles/docs/_kits_examples.scss +0 -18
  39. data/app/pb_kits/playbook/packs/site_styles/docs/_markdown.scss +0 -82
  40. data/app/pb_kits/playbook/packs/site_styles/docs/_spacing_tokens.scss +0 -72
  41. data/app/views/layouts/playbook/_mobile_hamburger.html.erb +0 -2
  42. data/app/views/layouts/playbook/_nav.html.erb +0 -13
  43. data/app/views/layouts/playbook/_sidebar.html.erb +0 -52
  44. data/app/views/layouts/playbook/application.html.slim +0 -22
  45. data/app/views/layouts/playbook/fullscreen.html.slim +0 -10
  46. data/app/views/layouts/playbook/grid.html.slim +0 -10
  47. data/app/views/layouts/playbook/samples.html.erb +0 -18
  48. data/app/views/playbook/guides/create_kit/_file_naming.html.md +0 -2
  49. data/app/views/playbook/guides/create_kit/_generator.html.md +0 -6
  50. data/app/views/playbook/guides/create_kit/_kit_examples.html.md +0 -2
  51. data/app/views/playbook/guides/create_kit/_kit_rails.html.md +0 -2
  52. data/app/views/playbook/guides/create_kit/_kit_react.html.md +0 -2
  53. data/app/views/playbook/guides/create_kit/_layout.html.md +0 -2
  54. data/app/views/playbook/guides/create_kit/_view_objects.html.md +0 -2
  55. data/app/views/playbook/guides/create_kit/_writing_sass.md +0 -10
  56. data/app/views/playbook/guides/create_kit.html.slim +0 -16
  57. data/app/views/playbook/guides/use_nitro/_local.html.md +0 -2
  58. data/app/views/playbook/guides/use_nitro/_nitro_components.html.md +0 -2
  59. data/app/views/playbook/guides/use_nitro/_versions.html.md +0 -2
  60. data/app/views/playbook/guides/use_nitro.html.slim +0 -6
  61. data/app/views/playbook/pages/fullscreen.html.slim +0 -10
  62. data/app/views/playbook/pages/grid.html.slim +0 -2
  63. data/app/views/playbook/pages/home.html.slim +0 -4
  64. data/app/views/playbook/pages/kit_category_show.html.erb +0 -14
  65. data/app/views/playbook/pages/kit_show.html.erb +0 -33
  66. data/app/views/playbook/pages/kits.html.erb +0 -12
  67. data/app/views/playbook/pages/principals/_getting_started.html.md +0 -30
  68. data/app/views/playbook/pages/principles.html.slim +0 -3
  69. data/app/views/playbook/pages/tokens/_pb_doc_spacing.html.slim +0 -17
  70. data/app/views/playbook/pages/tokens.html.slim +0 -15
  71. data/app/views/playbook/pages/utilities/_pb_doc_color.html.slim +0 -15
  72. data/app/views/playbook/pages/utilities.html.slim +0 -116
  73. data/app/views/playbook/samples/dashboards/index.html.erb +0 -81
  74. data/app/views/playbook/samples/dashboards/index.jsx +0 -130
  75. data/app/views/playbook/samples/filter_table/index.html.erb +0 -348
  76. data/app/views/playbook/samples/filter_table/index.jsx +0 -433
  77. data/app/views/playbook/samples/registration/index.html.erb +0 -316
  78. data/app/views/playbook/samples/registration/index.jsx +0 -476
  79. data/app/views/playbook/samples/sample_show.html.erb +0 -36
data/app/views/playbook/samples/filter_table/index.html.erb DELETED
@@ -1,348 +0,0 @@
1
- <!-- START TOP AREA -->
2
- <%= pb_rails("flex", props: {classname: "flex-container", spacing: "between", margin_top: "md", margin_x: "md" }) do %>
3
- <%= pb_rails("flex/flex_item") do %>
4
- <%= pb_rails("title", props: { text: "Prospective Clients", tag: "h3", size: 3 }) %>
5
- <% end %>
6
- <%= pb_rails("flex/flex_item") do %>
7
- <%= pb_rails("button", props: { text: "Add Client" }) %>
8
- <% end %>
9
- <% end %>
10
- <!-- END TOP AREA -->
11
-
12
- <!-- START FILTER -->
13
- <%= pb_rails("filter", props: {
14
- id:"2",
15
- filters: [
16
- {name: "start date", value: "Aug 01, 2020"},
17
- {name: "end date", value: "Aug 03, 2020"}
18
-
19
- ],
20
- sort_menu: [
21
- {item:"Date Created", link:"#", active: true, direction:"desc"},
22
- {item:"Assignee", link:"#", active: false},
23
- {item:"Contact", link:"#", active: false},
24
- {item:"Inquiry Source", link:"#", active: false},
25
-
26
- ],
27
- results: 546,
28
- template: "single",
29
- margin_y: "md",
30
- margin_x: "md"
31
- }) do%>
32
- <%
33
- example_collection = [
34
- OpenStruct.new(name: "Alabama", value: 1),
35
- OpenStruct.new(name: "Alaska", value: 2),
36
- OpenStruct.new(name: "Arizona", value: 3),
37
- OpenStruct.new(name: "Arkansas", value: 4),
38
- OpenStruct.new(name: "California", value: 5),
39
- OpenStruct.new(name: "Colorado", value: 6),
40
- OpenStruct.new(name: "Connecticut", value: 7),
41
- OpenStruct.new(name: "Delaware", value: 8),
42
- OpenStruct.new(name: "Florida", value: 9),
43
- OpenStruct.new(name: "Georgia", value: 10),
44
- ]
45
- %>
46
-
47
- <%= pb_rails("form", props: { form_system_options: { scope: :example, method: :get } }) do |form| %>
48
-
49
- <%= pb_rails("flex") do %>
50
- <%= pb_rails("body", props: {classname: "flex-item"}) do %>
51
- <%= pb_rails("text_input", props: { label: "Start Date", value: "Aug 01, 2020", margin_right: "sm" }) %>
52
- <% end %>
53
- <%= pb_rails("body", props: {classname: "flex-item"}) do %>
54
- <%= pb_rails("text_input", props: { label: "End Date", value: "Aug 3, 2020" }) %>
55
- <% end %>
56
- <% end %>
57
-
58
- <%= form.actions do |action| %>
59
-
60
- <%= pb_rails("flex", props: {classname: "flex-container", spacing: "between"}) do %>
61
- <%= pb_rails("flex/flex_item") do %>
62
- <%= action.submit props: { text: "Apply", data: { disable_with: "<i class='far fa-spinner fa-spin mr-3'></i>Searching...".html_safe },}%>
63
- <% end %>
64
- <%= pb_rails("flex/flex_item") do %>
65
- <%= action.button props: { type: "reset", text: "Clear", variant: "secondary" } %>
66
- <% end %>
67
- <% end %>
68
-
69
-
70
- <% end %>
71
- <% end %>
72
-
73
- <% end %>
74
- <!-- END FILTER -->
75
-
76
- <!-- START TABlE -->
77
-
78
- <%= pb_rails("flex", props: {orientation: "column", horizontal: "stretch", margin_x: "md"}) do %>
79
- <%= pb_rails("table", props: { size: "sm" }) do %>
80
- <thead>
81
- <tr>
82
- <th>Contact</th>
83
- <th>Date Created</th>
84
- <th>Inquiry Source</th>
85
- <th>Lead Status</th>
86
- <th>Quote</th>
87
- <th>Assignee</th>
88
- <th>Actions</th>
89
- </tr>
90
- </thead>
91
- <tbody>
92
- <tr>
93
- <td>
94
- <%= pb_rails("person_contact", props: {
95
- first_name: "Jesse",
96
- last_name: "Cortez",
97
- contacts: [
98
- {
99
- contact_type: "cell",
100
- contact_value: "3832919348"
101
- },
102
- {
103
- contact_type: "email",
104
- contact_value: "jesse.cortez@gmail.com"
105
- }
106
- ]
107
- }) %>
108
- </td>
109
- <td>
110
- <%= pb_rails("date", props: { date: "2012-08-02T15:49:29Z", size: "xs" }) %>
111
- </td>
112
- <td>
113
- <%= pb_rails("body", props: { text: "Email" }) %>
114
- <%= pb_rails("caption", props: { text: "hello@companyname.com", size: 'xs' }) %>
115
- </td>
116
- <td>
117
- <%= pb_rails("progress_pills", props: { steps: 4, active: 0, title:"Status:", value:"Not Started" }) %>
118
- </td>
119
- <td>
120
- <%= pb_rails("currency", props: { amount: "729.63", size: "sm" }) %>
121
- </td>
122
- <td>
123
- <%= pb_rails("body", props: { text: "Unassigned" }) %>
124
- </td>
125
- <td>
126
- <%= pb_rails("circle_icon_button", props: { variant: "secondary", icon: "ellipsis-h" }) %>
127
- </td>
128
- </tr>
129
- <tr>
130
- <td>
131
- <%= pb_rails("person_contact", props: {
132
- first_name: "Bill",
133
- last_name: "Buchanan",
134
- contacts: [
135
- {
136
- contact_type: "cell",
137
- contact_value: "8313455824"
138
- },
139
- {
140
- contact_type: "email",
141
- contact_value: "billbuch@yahoo.com"
142
- }
143
- ]
144
- }) %>
145
- </td>
146
- <td>
147
- <%= pb_rails("date", props: { date: "2012-08-02T15:49:29Z", size: "xs" }) %>
148
- </td>
149
- <td>
150
- <%= pb_rails("body", props: { text: "Social Media" }) %>
151
- <%= pb_rails("caption", props: { text: "Facebook", size: 'xs' }) %>
152
- </td>
153
- <td>
154
- <%= pb_rails("progress_pills", props: { steps: 4, active: 3, title:"Status:", value:"Negotiation" }) %>
155
- </td>
156
- <td>
157
- <%= pb_rails("currency", props: { amount: "534.40", size: "sm" }) %>
158
- </td>
159
- <td>
160
- <%= pb_rails("user", props: {
161
- name: "Anna Black",
162
- title: "Project Coordinator",
163
- orientation: "horizontal",
164
- align: "left",
165
- avatar_url: "https://randomuser.me/api/portraits/women/44.jpg"
166
- }) %>
167
- </td>
168
- <td>
169
- <%= pb_rails("circle_icon_button", props: { variant: "secondary", icon: "ellipsis-h" }) %>
170
- </td>
171
- </tr>
172
- <tr>
173
- <td>
174
- <%= pb_rails("person_contact", props: {
175
- first_name: "Effie",
176
- last_name: "Guzman",
177
- contacts: [
178
- {
179
- contact_type: "cell",
180
- contact_value: "1582430782"
181
- },
182
- {
183
- contact_type: "email",
184
- contact_value: "effieguzman@comcast.net"
185
- }
186
- ]
187
- }) %>
188
- </td>
189
- <td>
190
- <%= pb_rails("date", props: { date: "2012-08-02T15:49:29Z", size: "xs" }) %>
191
- </td>
192
- <td>
193
- <%= pb_rails("body", props: { text: "Online Quote" }) %>
194
- <%= pb_rails("caption", props: { text: "Landing Page", size: 'xs' }) %>
195
- </td>
196
- <td>
197
- <%= pb_rails("progress_pills", props: { steps: 4, active: 4, title:"Status:", value:"Contract" }) %>
198
- </td>
199
- <td>
200
- <%= pb_rails("currency", props: { amount: "392.26", size: "sm" }) %>
201
- </td>
202
- <td>
203
- <%= pb_rails("user", props: {
204
- name: "Anna Black",
205
- title: "Project Coordinator",
206
- orientation: "horizontal",
207
- align: "left",
208
- avatar_url: "https://randomuser.me/api/portraits/women/44.jpg"
209
- }) %>
210
- </td>
211
- <td>
212
- <%= pb_rails("circle_icon_button", props: { variant: "secondary", icon: "ellipsis-h" }) %>
213
- </td>
214
- </tr>
215
- <tr>
216
- <td>
217
- <%= pb_rails("person_contact", props: {
218
- first_name: "Rodney",
219
- last_name: "Boone",
220
- contacts: [
221
- {
222
- contact_type: "cell",
223
- contact_value: "3859275970"
224
- },
225
- {
226
- contact_type: "email",
227
- contact_value: "rodneyboone@gmail.com"
228
- }
229
- ]
230
- }) %>
231
- </td>
232
- <td>
233
- <%= pb_rails("date", props: { date: "2012-08-02T15:49:29Z", size: "xs" }) %>
234
- </td>
235
- <td>
236
- <%= pb_rails("body", props: { text: "Internal" }) %>
237
- <%= pb_rails("caption", props: { text: "Referral", size: 'xs' }) %>
238
- </td>
239
- <td>
240
- <%= pb_rails("progress_pills", props: { steps: 4, active: 4, title:"Status:", value:"Contract" }) %>
241
- </td>
242
- <td>
243
- <%= pb_rails("currency", props: { amount: "342.86", size: "sm" }) %>
244
- </td>
245
- <td>
246
- <%= pb_rails("user", props: {
247
- name: "Anna Black",
248
- title: "Project Coordinator",
249
- orientation: "horizontal",
250
- align: "left",
251
- avatar_url: "https://randomuser.me/api/portraits/women/44.jpg"
252
- }) %>
253
- </td>
254
- <td>
255
- <%= pb_rails("circle_icon_button", props: { variant: "secondary", icon: "ellipsis-h" }) %>
256
- </td>
257
- </tr>
258
- <tr>
259
- <td>
260
- <%= pb_rails("person_contact", props: {
261
- first_name: "Barbara",
262
- last_name: "Maxwell",
263
- contacts: [
264
- {
265
- contact_type: "cell",
266
- contact_value: "2849186943"
267
- },
268
- {
269
- contact_type: "email",
270
- contact_value: "barbaramaxwell4@yahoo.com"
271
- }
272
- ]
273
- }) %>
274
- </td>
275
- <td>
276
- <%= pb_rails("date", props: { date: "2012-08-02T15:49:29Z", size: "xs" }) %>
277
- </td>
278
- <td>
279
- <%= pb_rails("body", props: { text: "Online Quote" }) %>
280
- <%= pb_rails("caption", props: { text: "Main Website", size: 'xs' }) %>
281
- </td>
282
- <td>
283
- <%= pb_rails("progress_pills", props: { steps: 4, active: 3, title:"Status:", value:"Negotiation" }) %>
284
- </td>
285
- <td>
286
- <%= pb_rails("currency", props: { amount: "145.01", size: "sm" }) %>
287
- </td>
288
- <td>
289
- <%= pb_rails("user", props: {
290
- name: "Anna Black",
291
- title: "Project Coordinator",
292
- orientation: "horizontal",
293
- align: "left",
294
- avatar_url: "https://randomuser.me/api/portraits/women/44.jpg"
295
- }) %>
296
- </td>
297
- <td>
298
- <%= pb_rails("circle_icon_button", props: { variant: "secondary", icon: "ellipsis-h" }) %>
299
- </td>
300
- </tr>
301
- <tr>
302
- <td>
303
- <%= pb_rails("person_contact", props: {
304
- first_name: "Ellen",
305
- last_name: "Thornton",
306
- contacts: [
307
- {
308
- contact_type: "cell",
309
- contact_value: "6884927492"
310
- },
311
- {
312
- contact_type: "email",
313
- contact_value: "ellen.thornton@gmail.com"
314
- }
315
- ]
316
- }) %>
317
- </td>
318
- <td>
319
- <%= pb_rails("date", props: { date: "2012-08-02T15:49:29Z", size: "xs" }) %>
320
- </td>
321
- <td>
322
- <%= pb_rails("body", props: { text: "Social Media" }) %>
323
- <%= pb_rails("caption", props: { text: "Instagram", size: 'xs' }) %>
324
- </td>
325
- <td>
326
- <%= pb_rails("progress_pills", props: { steps: 4, active: 3, title:"Status:", value:"Negotiation" }) %>
327
- </td>
328
- <td>
329
- <%= pb_rails("currency", props: { amount: "25.27", size: "sm" }) %>
330
- </td>
331
- <td>
332
- <%= pb_rails("user", props: {
333
- name: "Anna Black",
334
- title: "Project Coordinator",
335
- orientation: "horizontal",
336
- align: "left",
337
- avatar_url: "https://randomuser.me/api/portraits/women/44.jpg"
338
- }) %>
339
- </td>
340
- <td>
341
- <%= pb_rails("circle_icon_button", props: { variant: "secondary", icon: "ellipsis-h" }) %>
342
- </td>
343
- </tr>
344
- </tbody>
345
- <% end %>
346
- <% end %>
347
-
348
- <!-- END TABLE -->