playbook_ui 12.5.0 → 12.6.0.pre.alpha.cssphone1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (52) 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 +2 -1
  4. data/app/pb_kits/playbook/index.js +1 -0
  5. data/app/pb_kits/playbook/pb_button/_button_mixins.scss +2 -2
  6. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss +1 -1
  7. data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.tsx +72 -0
  8. data/app/pb_kits/playbook/pb_filter/Filter/{FilterBackground.jsx → FilterBackground.tsx} +12 -14
  9. data/app/pb_kits/playbook/pb_filter/Filter/{FilterDouble.jsx → FilterDouble.tsx} +7 -8
  10. data/app/pb_kits/playbook/pb_filter/Filter/{FilterSingle.jsx → FilterSingle.tsx} +25 -25
  11. data/app/pb_kits/playbook/pb_filter/Filter/{FiltersPopover.jsx → FiltersPopover.tsx} +13 -11
  12. data/app/pb_kits/playbook/pb_filter/Filter/{ResultsCount.jsx → ResultsCount.tsx} +39 -14
  13. data/app/pb_kits/playbook/pb_filter/Filter/{SortMenu.jsx → SortMenu.tsx} +6 -6
  14. data/app/pb_kits/playbook/pb_filter/Filter/{index.jsx → index.tsx} +17 -10
  15. data/app/pb_kits/playbook/pb_filter/{_filter.jsx → _filter.tsx} +0 -2
  16. data/app/pb_kits/playbook/pb_list/_list.tsx +2 -2
  17. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss +86 -0
  18. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +81 -0
  19. data/app/pb_kits/playbook/pb_multi_level_select/_multi_select_helper.tsx +30 -0
  20. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx +86 -0
  21. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md +3 -0
  22. data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +6 -0
  23. data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +1 -0
  24. data/app/pb_kits/playbook/pb_multi_level_select/helper_functions.ts +60 -0
  25. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.test.jsx +40 -0
  26. data/app/pb_kits/playbook/pb_person_contact/{_person_contact.jsx → _person_contact.tsx} +19 -22
  27. data/app/pb_kits/playbook/pb_person_contact/person_contact.test.js +112 -0
  28. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +52 -16
  29. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +48 -33
  30. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx +1 -0
  31. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.html.erb +3 -0
  32. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_only_countries.html.erb +4 -0
  33. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.html.erb +4 -0
  34. data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +4 -1
  35. data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.html.erb +1 -15
  36. data/app/pb_kits/playbook/pb_popover/_popover.tsx +33 -32
  37. data/app/pb_kits/playbook/playbook-doc.js +2 -0
  38. data/app/pb_kits/playbook/tokens/_animation-curves.scss +30 -30
  39. data/app/pb_kits/playbook/tokens/_border_radius.scss +15 -16
  40. data/app/pb_kits/playbook/tokens/_colors.scss +3 -1
  41. data/app/pb_kits/playbook/tokens/_display.scss +6 -6
  42. data/app/pb_kits/playbook/tokens/_line_height.scss +7 -7
  43. data/app/pb_kits/playbook/tokens/_opacity.scss +10 -10
  44. data/app/pb_kits/playbook/tokens/_positioning.scss +11 -11
  45. data/app/pb_kits/playbook/tokens/_screen_sizes.scss +10 -10
  46. data/app/pb_kits/playbook/tokens/_shadows.scss +4 -4
  47. data/app/pb_kits/playbook/tokens/_spacing.scss +6 -6
  48. data/app/pb_kits/playbook/tokens/_transition.scss +3 -3
  49. data/app/pb_kits/playbook/tokens/_typography.scss +35 -46
  50. data/lib/playbook/version.rb +2 -2
  51. metadata +27 -14
  52. data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.jsx +0 -76
@@ -1,56 +1,45 @@
1
-
2
1
  $font_family_base: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans_serif !default;
3
2
 
4
-
5
3
  /* CLEAN UP AND REMOVE */
6
- $font_jumbo: 36px;
7
- $font_largest: 32px;
8
- $font_larger: 28px;
9
- $font_large: 20px;
10
- $font_base: 16px;
11
- $font_default: $font_base;
12
- $font_normal: $font_base;
13
- $font_medium: $font_base;
14
- $font_small: 14px;
15
- $font_smaller: 12px;
16
- $font_smallest: 11px;
17
-
18
-
19
- $text_jumbo: $font_jumbo;
20
- $text_largest: $font_largest;
21
- $text_larger: $font_larger;
22
- $text_large: $font_large;
23
- $text_base: $font_base;
24
- $text_default: $font_base;
25
- $text_normal: $font_base;
26
- $text_medium: $font_base;
27
- $text_small: $font_small;
28
- $text_smaller: $font_smaller;
29
- $text_smallest: $font_smallest;
30
-
4
+ $font_jumbo: 36px !default;
5
+ $font_largest: 32px !default;
6
+ $font_larger: 28px !default;
7
+ $font_large: 20px !default;
8
+ $font_base: 16px !default;
9
+ $font_default: $font_base !default;
10
+ $font_normal: $font_base !default;
11
+ $font_medium: $font_base !default;
12
+ $font_small: 14px !default;
13
+ $font_smaller: 12px !default;
14
+ $font_smallest: 11px !default;
15
+
16
+ $text_jumbo: $font_jumbo !default;
17
+ $text_largest: $font_largest !default;
18
+ $text_larger: $font_larger !default;
19
+ $text_large: $font_large !default;
20
+ $text_base: $font_base !default;
21
+ $text_default: $font_base !default;
22
+ $text_normal: $font_base !default;
23
+ $text_medium: $font_base !default;
24
+ $text_small: $font_small !default;
25
+ $text_smaller: $font_smaller !default;
26
+ $text_smallest: $font_smallest !default;
31
27
 
32
28
  /* Headings */
33
- $heading_1: 46px;
34
- $heading_2: 34px;
35
- $heading_3: $font_larger;
36
- $heading_4: $font_base;
37
-
38
-
39
-
29
+ $heading_1: 46px !default;
30
+ $heading_2: 34px !default;
31
+ $heading_3: $font_larger !default;
32
+ $heading_4: $font_base !default;
40
33
 
41
34
  // Letter Spacing
42
- $lspace_tightest: -.1em;
43
- $lspace_tighter: -.07em;
44
- $lspace_tight: -.01em;
45
- $lspace_normal: 0;
46
- $lspace_loose: .03em;
47
- $lspace_looser: .07em;
48
- $lspace_loosest: .1em;
49
- $lspace_super_loosest: .2em;
50
-
51
-
52
-
53
-
35
+ $lspace_tightest: -.1em !default;
36
+ $lspace_tighter: -.07em !default;
37
+ $lspace_tight: -.01em !default;
38
+ $lspace_normal: 0 !default;
39
+ $lspace_loose: .03em !default;
40
+ $lspace_looser: .07em !default;
41
+ $lspace_loosest: .1em !default;
42
+ $lspace_super_loosest: .2em !default;
54
43
 
55
44
  /* Standard Font Weights */
56
45
  $bold: 600 !default;
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "12.4.0"
5
- VERSION = "12.5.0"
4
+ PREVIOUS_VERSION = "12.6.0"
5
+ VERSION = "12.6.0.pre.alpha.cssphone1"
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: 12.5.0
4
+ version: 12.6.0.pre.alpha.cssphone1
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: 2023-02-24 00:00:00.000000000 Z
12
+ date: 2023-03-06 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -910,16 +910,16 @@ files:
910
910
  - app/pb_kits/playbook/pb_file_upload/docs/example.yml
911
911
  - app/pb_kits/playbook/pb_file_upload/docs/index.js
912
912
  - app/pb_kits/playbook/pb_file_upload/fileupload.test.js
913
- - app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.jsx
914
- - app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
915
- - app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
916
- - app/pb_kits/playbook/pb_filter/Filter/FilterSingle.jsx
917
- - app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.jsx
918
- - app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
919
- - app/pb_kits/playbook/pb_filter/Filter/SortMenu.jsx
920
- - app/pb_kits/playbook/pb_filter/Filter/index.jsx
921
- - app/pb_kits/playbook/pb_filter/_filter.jsx
913
+ - app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.tsx
914
+ - app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
915
+ - app/pb_kits/playbook/pb_filter/Filter/FilterDouble.tsx
916
+ - app/pb_kits/playbook/pb_filter/Filter/FilterSingle.tsx
917
+ - app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
918
+ - app/pb_kits/playbook/pb_filter/Filter/ResultsCount.tsx
919
+ - app/pb_kits/playbook/pb_filter/Filter/SortMenu.tsx
920
+ - app/pb_kits/playbook/pb_filter/Filter/index.tsx
922
921
  - app/pb_kits/playbook/pb_filter/_filter.scss
922
+ - app/pb_kits/playbook/pb_filter/_filter.tsx
923
923
  - app/pb_kits/playbook/pb_filter/docs/_description.md
924
924
  - app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb
925
925
  - app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx
@@ -1415,6 +1415,15 @@ files:
1415
1415
  - app/pb_kits/playbook/pb_message/message.html.erb
1416
1416
  - app/pb_kits/playbook/pb_message/message.rb
1417
1417
  - app/pb_kits/playbook/pb_message/message.test.js
1418
+ - app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss
1419
+ - app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx
1420
+ - app/pb_kits/playbook/pb_multi_level_select/_multi_select_helper.tsx
1421
+ - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
1422
+ - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md
1423
+ - app/pb_kits/playbook/pb_multi_level_select/docs/example.yml
1424
+ - app/pb_kits/playbook/pb_multi_level_select/docs/index.js
1425
+ - app/pb_kits/playbook/pb_multi_level_select/helper_functions.ts
1426
+ - app/pb_kits/playbook/pb_multi_level_select/multi_level_select.test.jsx
1418
1427
  - app/pb_kits/playbook/pb_multiple_users/_multiple_users.jsx
1419
1428
  - app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss
1420
1429
  - app/pb_kits/playbook/pb_multiple_users/docs/_description.md
@@ -1540,8 +1549,8 @@ files:
1540
1549
  - app/pb_kits/playbook/pb_person/person.html.erb
1541
1550
  - app/pb_kits/playbook/pb_person/person.rb
1542
1551
  - app/pb_kits/playbook/pb_person/person.test.js
1543
- - app/pb_kits/playbook/pb_person_contact/_person_contact.jsx
1544
1552
  - app/pb_kits/playbook/pb_person_contact/_person_contact.scss
1553
+ - app/pb_kits/playbook/pb_person_contact/_person_contact.tsx
1545
1554
  - app/pb_kits/playbook/pb_person_contact/docs/_description.md
1546
1555
  - app/pb_kits/playbook/pb_person_contact/docs/_footer.md
1547
1556
  - app/pb_kits/playbook/pb_person_contact/docs/_person_contact_default.html.erb
@@ -1556,15 +1565,19 @@ files:
1556
1565
  - app/pb_kits/playbook/pb_person_contact/docs/index.js
1557
1566
  - app/pb_kits/playbook/pb_person_contact/person_contact.html.erb
1558
1567
  - app/pb_kits/playbook/pb_person_contact/person_contact.rb
1568
+ - app/pb_kits/playbook/pb_person_contact/person_contact.test.js
1559
1569
  - app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss
1560
1570
  - app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx
1561
1571
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb
1562
1572
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx
1563
1573
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.md
1574
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.html.erb
1564
1575
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.jsx
1565
1576
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.md
1577
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_only_countries.html.erb
1566
1578
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_only_countries.jsx
1567
1579
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_only_countries.md
1580
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.html.erb
1568
1581
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.jsx
1569
1582
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.md
1570
1583
  - app/pb_kits/playbook/pb_phone_number_input/docs/example.yml
@@ -2428,9 +2441,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
2428
2441
  version: '0'
2429
2442
  required_rubygems_version: !ruby/object:Gem::Requirement
2430
2443
  requirements:
2431
- - - ">="
2444
+ - - ">"
2432
2445
  - !ruby/object:Gem::Version
2433
- version: '0'
2446
+ version: 1.3.1
2434
2447
  requirements: []
2435
2448
  rubygems_version: 3.3.7
2436
2449
  signing_key:
@@ -1,76 +0,0 @@
1
- /* @flow */
2
-
3
- import React from 'react'
4
- import { isEmpty, map, omitBy } from 'lodash'
5
-
6
- import Body from '../../pb_body/_body'
7
- import Caption from '../../pb_caption/_caption'
8
- import Title from '../../pb_title/_title'
9
-
10
- export type FilterDescription = {
11
- [key: string]: ?string | boolean,
12
- }
13
-
14
- export type CurrentFiltersProps = {
15
- dark: boolean,
16
- filters: FilterDescription,
17
- }
18
-
19
- const hiddenFilters = (value) => isEmpty(value) && value !== true
20
-
21
- const CurrentFilters = ({ dark, filters }: CurrentFiltersProps) => {
22
- const displayableFilters = omitBy(filters, hiddenFilters)
23
-
24
- return (
25
- <div className="maskContainer">
26
- <If condition={isEmpty(filters)}>
27
- <div className="filters">
28
- <Body
29
- color="light"
30
- paddingLeft="xs"
31
- size={4}
32
- tag="h4"
33
- text="No Filter Selected"
34
- />
35
- </div>
36
- </If>
37
- <If condition={!isEmpty(filters)}>
38
- <div className="filters">
39
- <div className="left_gradient" />
40
- {map(displayableFilters, (value, name) => (
41
- <div
42
- className="filter"
43
- key={`filter-${name}`}
44
- >
45
- <Choose>
46
- <When condition={value === true}>
47
- <Title
48
- dark={dark}
49
- size={4}
50
- tag="h4"
51
- text={name}
52
- />
53
- </When>
54
- <Otherwise>
55
- <Caption
56
- dark={dark}
57
- text={name}
58
- />
59
- <Title
60
- dark={dark}
61
- size={4}
62
- tag="h4"
63
- text={value}
64
- />
65
- </Otherwise>
66
- </Choose>
67
- </div>
68
- ))}
69
- <div className="right_gradient" />
70
- </div>
71
- </If>
72
- </div>
73
- )
74
- }
75
-
76
- export default CurrentFilters