playbook_ui 11.9.0 → 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 (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