playbook_ui 11.9.0 → 11.10.0.pre.alpha.pagination1

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 (69) 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_collapsible/_collapsible.scss +5 -0
  13. data/app/pb_kits/playbook/pb_collapsible/_collapsible.tsx +8 -3
  14. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx +41 -9
  15. data/app/pb_kits/playbook/pb_collapsible/collapsible.test.js +1 -1
  16. data/app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb +4 -2
  17. data/app/pb_kits/playbook/pb_collapsible/collapsible_main.rb +20 -0
  18. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.html.erb +60 -0
  19. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.jsx +98 -0
  20. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.md +4 -0
  21. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.html.erb +1 -1
  22. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.html.erb +40 -0
  23. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.jsx +68 -0
  24. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.md +4 -0
  25. data/app/pb_kits/playbook/pb_collapsible/docs/example.yml +6 -4
  26. data/app/pb_kits/playbook/pb_collapsible/docs/index.js +2 -0
  27. data/app/pb_kits/playbook/pb_filter/docs/_description.md +5 -1
  28. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb +6 -6
  29. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx +58 -45
  30. data/app/pb_kits/playbook/pb_filter/docs/{_filter_min_width.html.erb → _filter_max_width.html.erb} +3 -3
  31. data/app/pb_kits/playbook/pb_filter/docs/_filter_max_width.jsx +69 -0
  32. data/app/pb_kits/playbook/pb_filter/docs/{_filter_default.md → _filter_max_width.md} +1 -1
  33. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.html.erb +4 -4
  34. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx +60 -47
  35. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.html.erb +2 -2
  36. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.jsx +31 -25
  37. data/app/pb_kits/playbook/pb_filter/docs/_filter_only.html.erb +2 -2
  38. data/app/pb_kits/playbook/pb_filter/docs/_filter_only.jsx +31 -24
  39. data/app/pb_kits/playbook/pb_filter/docs/_filter_placement.html.erb +2 -2
  40. data/app/pb_kits/playbook/pb_filter/docs/_filter_placement.jsx +30 -24
  41. data/app/pb_kits/playbook/pb_filter/docs/_filter_placement.md +1 -1
  42. data/app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb +2 -2
  43. data/app/pb_kits/playbook/pb_filter/docs/_filter_single.jsx +30 -25
  44. data/app/pb_kits/playbook/pb_filter/docs/example.yml +2 -3
  45. data/app/pb_kits/playbook/pb_filter/docs/index.js +1 -2
  46. data/app/pb_kits/playbook/pb_form_group/_form_group.scss +5 -0
  47. data/app/pb_kits/playbook/pb_legend/_legend.jsx +12 -2
  48. data/app/pb_kits/playbook/pb_legend/_legend.scss +7 -1
  49. data/app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.html.erb +3 -0
  50. data/app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx +24 -0
  51. data/app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.md +1 -0
  52. data/app/pb_kits/playbook/pb_legend/docs/example.yml +2 -0
  53. data/app/pb_kits/playbook/pb_legend/docs/index.js +1 -0
  54. data/app/pb_kits/playbook/pb_legend/legend.html.erb +1 -1
  55. data/app/pb_kits/playbook/pb_legend/legend.rb +9 -1
  56. data/app/pb_kits/playbook/pb_pagination/_pagination.scss +59 -0
  57. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb +1 -0
  58. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.md +1 -0
  59. data/app/pb_kits/playbook/pb_pagination/docs/example.yml +6 -0
  60. data/app/pb_kits/playbook/pb_pagination/pagination.html.erb +7 -0
  61. data/app/pb_kits/playbook/pb_pagination/pagination.rb +11 -0
  62. data/app/pb_kits/playbook/pb_radio/_radio.scss +1 -0
  63. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +0 -2
  64. data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +37 -2
  65. data/app/pb_kits/playbook/tokens/_colors.scss +11 -1
  66. data/lib/playbook/version.rb +2 -2
  67. metadata +25 -8
  68. data/app/pb_kits/playbook/pb_filter/docs/_filter_close_popover.jsx +0 -62
  69. data/app/pb_kits/playbook/pb_filter/docs/_filter_min_width.jsx +0 -57
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "11.8.1"
5
- VERSION = "11.9.0"
4
+ PREVIOUS_VERSION = "11.9.0"
5
+ VERSION = "11.10.0.pre.alpha.pagination1"
6
6
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 11.9.0
4
+ version: 11.10.0.pre.alpha.pagination1
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: 2022-10-19 00:00:00.000000000 Z
12
+ date: 2022-10-26 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -339,6 +339,9 @@ files:
339
339
  - app/pb_kits/playbook/pb_background/docs/_background_status.html.erb
340
340
  - app/pb_kits/playbook/pb_background/docs/_background_status.jsx
341
341
  - app/pb_kits/playbook/pb_background/docs/_background_status.md
342
+ - app/pb_kits/playbook/pb_background/docs/_background_status_subtle.html.erb
343
+ - app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
344
+ - app/pb_kits/playbook/pb_background/docs/_background_status_subtle.md
342
345
  - app/pb_kits/playbook/pb_background/docs/_background_white.html.erb
343
346
  - app/pb_kits/playbook/pb_background/docs/_background_white.jsx
344
347
  - app/pb_kits/playbook/pb_background/docs/_description.md
@@ -584,8 +587,14 @@ files:
584
587
  - app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb
585
588
  - app/pb_kits/playbook/pb_collapsible/collapsible_main.rb
586
589
  - app/pb_kits/playbook/pb_collapsible/context.ts
590
+ - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.html.erb
591
+ - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.jsx
592
+ - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.md
587
593
  - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.html.erb
588
594
  - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
595
+ - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.html.erb
596
+ - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.jsx
597
+ - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.md
589
598
  - app/pb_kits/playbook/pb_collapsible/docs/example.yml
590
599
  - app/pb_kits/playbook/pb_collapsible/docs/index.js
591
600
  - app/pb_kits/playbook/pb_collapsible/index.js
@@ -868,12 +877,11 @@ files:
868
877
  - app/pb_kits/playbook/pb_filter/_filter.jsx
869
878
  - app/pb_kits/playbook/pb_filter/_filter.scss
870
879
  - app/pb_kits/playbook/pb_filter/docs/_description.md
871
- - app/pb_kits/playbook/pb_filter/docs/_filter_close_popover.jsx
872
880
  - app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb
873
881
  - app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx
874
- - app/pb_kits/playbook/pb_filter/docs/_filter_default.md
875
- - app/pb_kits/playbook/pb_filter/docs/_filter_min_width.html.erb
876
- - app/pb_kits/playbook/pb_filter/docs/_filter_min_width.jsx
882
+ - app/pb_kits/playbook/pb_filter/docs/_filter_max_width.html.erb
883
+ - app/pb_kits/playbook/pb_filter/docs/_filter_max_width.jsx
884
+ - app/pb_kits/playbook/pb_filter/docs/_filter_max_width.md
877
885
  - app/pb_kits/playbook/pb_filter/docs/_filter_no_background.html.erb
878
886
  - app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx
879
887
  - app/pb_kits/playbook/pb_filter/docs/_filter_no_background.md
@@ -1243,6 +1251,9 @@ files:
1243
1251
  - app/pb_kits/playbook/pb_legend/docs/_legend_colors.html.erb
1244
1252
  - app/pb_kits/playbook/pb_legend/docs/_legend_colors.jsx
1245
1253
  - app/pb_kits/playbook/pb_legend/docs/_legend_colors.md
1254
+ - app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.html.erb
1255
+ - app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
1256
+ - app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.md
1246
1257
  - app/pb_kits/playbook/pb_legend/docs/_legend_default.html.erb
1247
1258
  - app/pb_kits/playbook/pb_legend/docs/_legend_default.jsx
1248
1259
  - app/pb_kits/playbook/pb_legend/docs/_legend_prefix.html.erb
@@ -1422,6 +1433,12 @@ files:
1422
1433
  - app/pb_kits/playbook/pb_online_status/docs/index.js
1423
1434
  - app/pb_kits/playbook/pb_online_status/online_status.html.erb
1424
1435
  - app/pb_kits/playbook/pb_online_status/online_status.rb
1436
+ - app/pb_kits/playbook/pb_pagination/_pagination.scss
1437
+ - app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb
1438
+ - app/pb_kits/playbook/pb_pagination/docs/_pagination_default.md
1439
+ - app/pb_kits/playbook/pb_pagination/docs/example.yml
1440
+ - app/pb_kits/playbook/pb_pagination/pagination.html.erb
1441
+ - app/pb_kits/playbook/pb_pagination/pagination.rb
1425
1442
  - app/pb_kits/playbook/pb_passphrase/_passphrase.jsx
1426
1443
  - app/pb_kits/playbook/pb_passphrase/_passphrase.scss
1427
1444
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.html.erb
@@ -2310,9 +2327,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
2310
2327
  version: '0'
2311
2328
  required_rubygems_version: !ruby/object:Gem::Requirement
2312
2329
  requirements:
2313
- - - ">="
2330
+ - - ">"
2314
2331
  - !ruby/object:Gem::Version
2315
- version: '0'
2332
+ version: 1.3.1
2316
2333
  requirements: []
2317
2334
  rubygems_version: 3.3.7
2318
2335
  signing_key:
@@ -1,62 +0,0 @@
1
- import React from 'react'
2
- import { Button, Filter, Flex, Select, TextInput } from '../../'
3
-
4
- const FilterClosePopover = (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
-
13
- return (
14
- <Filter
15
- {...props}
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
- {({ closePopover }) => (
32
- <form>
33
- <TextInput
34
- label="Full Name"
35
- placeholder="Enter name"
36
- />
37
-
38
- <Select
39
- blankSelection="Select One..."
40
- label="Territory"
41
- name="location"
42
- options={options}
43
- />
44
- <Flex
45
- spacing="between"
46
- >
47
- <Button
48
- onClick={closePopover}
49
- text="Apply"
50
- />
51
- <Button
52
- text="Clear"
53
- variant="secondary"
54
- />
55
- </Flex>
56
- </form>
57
- )}
58
- </Filter>
59
- )
60
- }
61
-
62
- export default FilterClosePopover
@@ -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