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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/_playbook.scss +2 -0
- data/app/pb_kits/playbook/data/menu.yml +2 -1
- data/app/pb_kits/playbook/index.js +1 -0
- data/app/pb_kits/playbook/pb_button/_button_mixins.scss +2 -2
- data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss +1 -1
- data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.tsx +72 -0
- data/app/pb_kits/playbook/pb_filter/Filter/{FilterBackground.jsx → FilterBackground.tsx} +12 -14
- data/app/pb_kits/playbook/pb_filter/Filter/{FilterDouble.jsx → FilterDouble.tsx} +7 -8
- data/app/pb_kits/playbook/pb_filter/Filter/{FilterSingle.jsx → FilterSingle.tsx} +25 -25
- data/app/pb_kits/playbook/pb_filter/Filter/{FiltersPopover.jsx → FiltersPopover.tsx} +13 -11
- data/app/pb_kits/playbook/pb_filter/Filter/{ResultsCount.jsx → ResultsCount.tsx} +39 -14
- data/app/pb_kits/playbook/pb_filter/Filter/{SortMenu.jsx → SortMenu.tsx} +6 -6
- data/app/pb_kits/playbook/pb_filter/Filter/{index.jsx → index.tsx} +17 -10
- data/app/pb_kits/playbook/pb_filter/{_filter.jsx → _filter.tsx} +0 -2
- data/app/pb_kits/playbook/pb_list/_list.tsx +2 -2
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss +86 -0
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +81 -0
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_select_helper.tsx +30 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx +86 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md +3 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +6 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_multi_level_select/helper_functions.ts +60 -0
- data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.test.jsx +40 -0
- data/app/pb_kits/playbook/pb_person_contact/{_person_contact.jsx → _person_contact.tsx} +19 -22
- data/app/pb_kits/playbook/pb_person_contact/person_contact.test.js +112 -0
- data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +52 -16
- data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +48 -33
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx +1 -0
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.html.erb +3 -0
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_only_countries.html.erb +4 -0
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.html.erb +4 -0
- data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +4 -1
- data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.html.erb +1 -15
- data/app/pb_kits/playbook/pb_popover/_popover.tsx +33 -32
- data/app/pb_kits/playbook/playbook-doc.js +2 -0
- data/app/pb_kits/playbook/tokens/_animation-curves.scss +30 -30
- data/app/pb_kits/playbook/tokens/_border_radius.scss +15 -16
- data/app/pb_kits/playbook/tokens/_colors.scss +3 -1
- data/app/pb_kits/playbook/tokens/_display.scss +6 -6
- data/app/pb_kits/playbook/tokens/_line_height.scss +7 -7
- data/app/pb_kits/playbook/tokens/_opacity.scss +10 -10
- data/app/pb_kits/playbook/tokens/_positioning.scss +11 -11
- data/app/pb_kits/playbook/tokens/_screen_sizes.scss +10 -10
- data/app/pb_kits/playbook/tokens/_shadows.scss +4 -4
- data/app/pb_kits/playbook/tokens/_spacing.scss +6 -6
- data/app/pb_kits/playbook/tokens/_transition.scss +3 -3
- data/app/pb_kits/playbook/tokens/_typography.scss +35 -46
- data/lib/playbook/version.rb +2 -2
- metadata +27 -14
- 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
|
-
$
|
20
|
-
$
|
21
|
-
$
|
22
|
-
$
|
23
|
-
$
|
24
|
-
$
|
25
|
-
$
|
26
|
-
$
|
27
|
-
$
|
28
|
-
$
|
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;
|
data/lib/playbook/version.rb
CHANGED
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.
|
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-
|
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.
|
914
|
-
- app/pb_kits/playbook/pb_filter/Filter/FilterBackground.
|
915
|
-
- app/pb_kits/playbook/pb_filter/Filter/FilterDouble.
|
916
|
-
- app/pb_kits/playbook/pb_filter/Filter/FilterSingle.
|
917
|
-
- app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.
|
918
|
-
- app/pb_kits/playbook/pb_filter/Filter/ResultsCount.
|
919
|
-
- app/pb_kits/playbook/pb_filter/Filter/SortMenu.
|
920
|
-
- app/pb_kits/playbook/pb_filter/Filter/index.
|
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:
|
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
|