playbook_ui 11.9.0.pre.alpha.fileupload1 → 11.10.0.pre.alpha.pagination1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (87) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +2 -0
  3. data/app/pb_kits/playbook/data/menu.yml +1 -0
  4. data/app/pb_kits/playbook/pb_background/_background.tsx +1 -1
  5. data/app/pb_kits/playbook/pb_background/background.rb +5 -0
  6. data/app/pb_kits/playbook/pb_background/docs/_background_status.jsx +1 -1
  7. data/app/pb_kits/playbook/pb_background/docs/_background_status_subtle.html.erb +11 -0
  8. data/app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx +44 -0
  9. data/app/pb_kits/playbook/pb_background/docs/_background_status_subtle.md +1 -0
  10. data/app/pb_kits/playbook/pb_background/docs/example.yml +2 -0
  11. data/app/pb_kits/playbook/pb_background/docs/index.js +1 -0
  12. data/app/pb_kits/playbook/pb_checkbox/_checkbox.scss +10 -0
  13. data/app/pb_kits/playbook/pb_checkbox/_checkbox.tsx +2 -2
  14. data/app/pb_kits/playbook/pb_collapsible/_collapsible.scss +5 -0
  15. data/app/pb_kits/playbook/pb_collapsible/_collapsible.tsx +8 -3
  16. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx +41 -9
  17. data/app/pb_kits/playbook/pb_collapsible/collapsible.test.js +1 -1
  18. data/app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb +4 -2
  19. data/app/pb_kits/playbook/pb_collapsible/collapsible_main.rb +20 -0
  20. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.html.erb +60 -0
  21. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.jsx +98 -0
  22. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.md +4 -0
  23. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.html.erb +1 -1
  24. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.html.erb +40 -0
  25. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.jsx +68 -0
  26. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.md +4 -0
  27. data/app/pb_kits/playbook/pb_collapsible/docs/example.yml +6 -4
  28. data/app/pb_kits/playbook/pb_collapsible/docs/index.js +2 -0
  29. data/app/pb_kits/playbook/pb_file_upload/_file_upload.tsx +5 -28
  30. data/app/pb_kits/playbook/pb_file_upload/docs/example.yml +0 -1
  31. data/app/pb_kits/playbook/pb_file_upload/docs/index.js +0 -1
  32. data/app/pb_kits/playbook/pb_file_upload/fileupload.test.js +3 -3
  33. data/app/pb_kits/playbook/pb_filter/_filter.scss +0 -2
  34. data/app/pb_kits/playbook/pb_filter/docs/_description.md +5 -1
  35. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb +6 -6
  36. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx +58 -45
  37. data/app/pb_kits/playbook/pb_filter/docs/{_filter_min_width.html.erb → _filter_max_width.html.erb} +3 -3
  38. data/app/pb_kits/playbook/pb_filter/docs/_filter_max_width.jsx +69 -0
  39. data/app/pb_kits/playbook/pb_filter/docs/{_filter_default.md → _filter_max_width.md} +1 -1
  40. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.html.erb +4 -4
  41. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx +60 -47
  42. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.html.erb +2 -2
  43. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.jsx +31 -25
  44. data/app/pb_kits/playbook/pb_filter/docs/_filter_only.html.erb +2 -2
  45. data/app/pb_kits/playbook/pb_filter/docs/_filter_only.jsx +31 -24
  46. data/app/pb_kits/playbook/pb_filter/docs/_filter_placement.html.erb +2 -2
  47. data/app/pb_kits/playbook/pb_filter/docs/_filter_placement.jsx +30 -24
  48. data/app/pb_kits/playbook/pb_filter/docs/_filter_placement.md +1 -1
  49. data/app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb +2 -2
  50. data/app/pb_kits/playbook/pb_filter/docs/_filter_single.jsx +30 -25
  51. data/app/pb_kits/playbook/pb_filter/docs/example.yml +2 -3
  52. data/app/pb_kits/playbook/pb_filter/docs/index.js +1 -2
  53. data/app/pb_kits/playbook/pb_form_group/_form_group.scss +5 -0
  54. data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.tsx +1 -0
  55. data/app/pb_kits/playbook/pb_legend/_legend.jsx +12 -2
  56. data/app/pb_kits/playbook/pb_legend/_legend.scss +7 -1
  57. data/app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.html.erb +3 -0
  58. data/app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx +24 -0
  59. data/app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.md +1 -0
  60. data/app/pb_kits/playbook/pb_legend/docs/example.yml +2 -0
  61. data/app/pb_kits/playbook/pb_legend/docs/index.js +1 -0
  62. data/app/pb_kits/playbook/pb_legend/legend.html.erb +1 -1
  63. data/app/pb_kits/playbook/pb_legend/legend.rb +9 -1
  64. data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +1 -1
  65. data/app/pb_kits/playbook/pb_pagination/_pagination.scss +59 -0
  66. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb +1 -0
  67. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.md +1 -0
  68. data/app/pb_kits/playbook/pb_pagination/docs/example.yml +6 -0
  69. data/app/pb_kits/playbook/pb_pagination/pagination.html.erb +7 -0
  70. data/app/pb_kits/playbook/pb_pagination/pagination.rb +11 -0
  71. data/app/pb_kits/playbook/pb_radio/_radio.scss +1 -0
  72. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss +6 -0
  73. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +0 -2
  74. data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.rb +1 -1
  75. data/app/pb_kits/playbook/pb_table/_table.jsx +5 -3
  76. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +4 -4
  77. data/app/pb_kits/playbook/pb_timeline/_timeline.scss +1 -2
  78. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.html.erb +23 -0
  79. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.jsx +47 -0
  80. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.md +1 -0
  81. data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +37 -2
  82. data/app/pb_kits/playbook/tokens/_colors.scss +11 -1
  83. data/lib/playbook/version.rb +2 -2
  84. metadata +24 -7
  85. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx +0 -51
  86. data/app/pb_kits/playbook/pb_filter/docs/_filter_close_popover.jsx +0 -62
  87. data/app/pb_kits/playbook/pb_filter/docs/_filter_min_width.jsx +0 -57
@@ -1,57 +0,0 @@
1
- import React from 'react'
2
- import { Button, Filter, Flex, Select, TextInput } from '../../'
3
-
4
- const FilterMinWidth = (props) => {
5
- const options = [
6
- { value: 'USA' },
7
- { value: 'Canada' },
8
- { value: 'Brazil' },
9
- { value: 'Philippines' },
10
- { value: 'A galaxy far far away, like really far away...' },
11
- ]
12
- return (
13
- <Filter
14
- {...props}
15
- double
16
- filters={{
17
- 'Full Name': 'John Wick',
18
- 'City': 'San Francisco',
19
- }}
20
- minWidth="375px"
21
- results={1}
22
- sortOptions={{
23
- popularity: 'Popularity',
24
- // eslint-disable-next-line
25
- manager_title: 'Manager\'s Title',
26
- // eslint-disable-next-line
27
- manager_name: 'Manager\'s Name',
28
- }}
29
- sortValue={[{ name: 'popularity', dir: 'desc' }]}
30
- >
31
- <TextInput
32
- label="Full Name"
33
- placeholder="Enter name"
34
- />
35
-
36
- <Select
37
- blankSelection="Select One..."
38
- label="Territory"
39
- name="location"
40
- options={options}
41
- />
42
- <Flex
43
- spacing="between"
44
- >
45
- <Button
46
- text="Apply"
47
- />
48
- <Button
49
- text="Clear"
50
- variant="secondary"
51
- />
52
- </Flex>
53
- </Filter>
54
- )
55
- }
56
-
57
- export default FilterMinWidth