playbook_ui 11.0.0.pre.alpha.2 → 11.1.0
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/pb_background/_background.scss +8 -1
- data/app/pb_kits/playbook/pb_background/_background.tsx +9 -1
- data/app/pb_kits/playbook/pb_background/background.rb +76 -16
- data/app/pb_kits/playbook/pb_background/docs/_background_status.html.erb +14 -2
- data/app/pb_kits/playbook/pb_background/docs/_background_status.jsx +43 -2
- data/app/pb_kits/playbook/pb_background/docs/_background_status.md +1 -1
- data/app/pb_kits/playbook/pb_badge/_badge.tsx +1 -2
- data/app/pb_kits/playbook/pb_body/_body.scss +4 -4
- data/app/pb_kits/playbook/pb_body/_body.tsx +5 -4
- data/app/pb_kits/playbook/pb_body/_body_mixins.scss +7 -3
- data/app/pb_kits/playbook/pb_body/body.rb +4 -3
- data/app/pb_kits/playbook/pb_body/body.test.js +12 -9
- data/app/pb_kits/playbook/pb_body/docs/_body_light.html.erb +4 -4
- data/app/pb_kits/playbook/pb_body/docs/_body_light.jsx +4 -4
- data/app/pb_kits/playbook/pb_body/docs/_description.md +2 -2
- data/app/pb_kits/playbook/pb_body/docs/_footer.md +1 -1
- data/app/pb_kits/playbook/pb_button/button.rb +5 -5
- data/app/pb_kits/playbook/pb_caption/_caption.tsx +1 -1
- data/app/pb_kits/playbook/pb_caption/_caption_mixin.scss +3 -1
- data/app/pb_kits/playbook/pb_caption/docs/_caption_colors.html.erb +2 -1
- data/app/pb_kits/playbook/pb_caption/docs/_caption_colors.jsx +5 -0
- data/app/pb_kits/playbook/pb_card/_card.tsx +5 -5
- data/app/pb_kits/playbook/pb_checkbox/{_checkbox.jsx → _checkbox.tsx} +33 -29
- data/app/pb_kits/playbook/pb_currency/_currency.jsx +7 -2
- data/app/pb_kits/playbook/pb_currency/currency.rb +8 -0
- data/app/pb_kits/playbook/pb_currency/currency.test.js +28 -0
- data/app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.html.erb +24 -0
- data/app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.jsx +38 -0
- data/app/pb_kits/playbook/pb_currency/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_currency/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.jsx +30 -18
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.scss +3 -0
- data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +12 -1
- data/app/pb_kits/playbook/pb_date_picker/date_picker.test.js +160 -0
- data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.js +37 -11
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb +1 -1
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.html.erb +2 -2
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.jsx +1 -1
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.md +1 -1
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.html.erb +6 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.jsx +21 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.md +1 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.html.erb +5 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.jsx +18 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.md +1 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +4 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_date_picker/plugins/timeSelect.js +137 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_day_styles.scss +27 -2
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_flatpickr_styles.scss +1 -5
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_time_selection_styles.scss +63 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_week_styles.scss +127 -0
- data/app/pb_kits/playbook/pb_form_pill/{_form_pill.jsx → _form_pill.tsx} +16 -12
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.jsx +1 -1
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_size.jsx +1 -1
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_tag.jsx +1 -1
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.jsx +1 -1
- data/app/pb_kits/playbook/pb_hashtag/{_hashtag.jsx → _hashtag.tsx} +3 -4
- data/app/pb_kits/playbook/pb_home_address_street/{_city_emphasis.html.erb → city_emphasis.html.erb} +0 -0
- data/app/pb_kits/playbook/pb_home_address_street/city_emphasis.rb +16 -0
- data/app/pb_kits/playbook/pb_home_address_street/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_home_address_street/home_address_street.html.erb +3 -2
- data/app/pb_kits/playbook/pb_home_address_street/home_address_street.rb +23 -2
- data/app/pb_kits/playbook/pb_home_address_street/{_street_emphasis.html.erb → street_emphasis.html.erb} +0 -0
- data/app/pb_kits/playbook/pb_home_address_street/street_emphasis.rb +15 -0
- data/app/pb_kits/playbook/pb_radio/_radio.tsx +86 -0
- data/app/pb_kits/playbook/pb_select/{_select.jsx → _select.tsx} +34 -38
- data/app/pb_kits/playbook/pb_text_input/{_text_input.jsx → _text_input.tsx} +42 -43
- data/app/pb_kits/playbook/tokens/_colors.scss +17 -1
- data/app/pb_kits/playbook/utilities/props.ts +2 -2
- data/lib/playbook/props.rb +1 -1
- data/lib/playbook/version.rb +2 -2
- metadata +26 -12
- data/app/pb_kits/playbook/pb_radio/_radio.jsx +0 -78
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.
|
4
|
+
version: 11.1.0
|
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-
|
12
|
+
date: 2022-07-08 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -510,8 +510,8 @@ files:
|
|
510
510
|
- app/pb_kits/playbook/pb_card/docs/_card_tag.jsx
|
511
511
|
- app/pb_kits/playbook/pb_card/docs/example.yml
|
512
512
|
- app/pb_kits/playbook/pb_card/docs/index.js
|
513
|
-
- app/pb_kits/playbook/pb_checkbox/_checkbox.jsx
|
514
513
|
- app/pb_kits/playbook/pb_checkbox/_checkbox.scss
|
514
|
+
- app/pb_kits/playbook/pb_checkbox/_checkbox.tsx
|
515
515
|
- app/pb_kits/playbook/pb_checkbox/checkbox.html.erb
|
516
516
|
- app/pb_kits/playbook/pb_checkbox/checkbox.rb
|
517
517
|
- app/pb_kits/playbook/pb_checkbox/checkbox.test.js
|
@@ -604,6 +604,8 @@ files:
|
|
604
604
|
- app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.jsx
|
605
605
|
- app/pb_kits/playbook/pb_currency/docs/_currency_alignment.html.erb
|
606
606
|
- app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
|
607
|
+
- app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.html.erb
|
608
|
+
- app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.jsx
|
607
609
|
- app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb
|
608
610
|
- app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx
|
609
611
|
- app/pb_kits/playbook/pb_currency/docs/_currency_size.html.erb
|
@@ -648,6 +650,7 @@ files:
|
|
648
650
|
- app/pb_kits/playbook/pb_date_picker/_date_picker.scss
|
649
651
|
- app/pb_kits/playbook/pb_date_picker/date_picker.html.erb
|
650
652
|
- app/pb_kits/playbook/pb_date_picker/date_picker.rb
|
653
|
+
- app/pb_kits/playbook/pb_date_picker/date_picker.test.js
|
651
654
|
- app/pb_kits/playbook/pb_date_picker/date_picker_helper.js
|
652
655
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_anti_patterns.html.erb
|
653
656
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb
|
@@ -686,12 +689,19 @@ files:
|
|
686
689
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.md
|
687
690
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb
|
688
691
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx
|
692
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.html.erb
|
693
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.jsx
|
694
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.md
|
695
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.html.erb
|
696
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.jsx
|
697
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.md
|
689
698
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.html.erb
|
690
699
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.jsx
|
691
700
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.md
|
692
701
|
- app/pb_kits/playbook/pb_date_picker/docs/_description.md
|
693
702
|
- app/pb_kits/playbook/pb_date_picker/docs/example.yml
|
694
703
|
- app/pb_kits/playbook/pb_date_picker/docs/index.js
|
704
|
+
- app/pb_kits/playbook/pb_date_picker/plugins/timeSelect.js
|
695
705
|
- app/pb_kits/playbook/pb_date_picker/sass_partials/_calendar_input_icon.scss
|
696
706
|
- app/pb_kits/playbook/pb_date_picker/sass_partials/_day_styles.scss
|
697
707
|
- app/pb_kits/playbook/pb_date_picker/sass_partials/_flatpickr_styles.scss
|
@@ -699,6 +709,8 @@ files:
|
|
699
709
|
- app/pb_kits/playbook/pb_date_picker/sass_partials/_inline_styles.scss
|
700
710
|
- app/pb_kits/playbook/pb_date_picker/sass_partials/_month_and_year_styles.scss
|
701
711
|
- app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss
|
712
|
+
- app/pb_kits/playbook/pb_date_picker/sass_partials/_time_selection_styles.scss
|
713
|
+
- app/pb_kits/playbook/pb_date_picker/sass_partials/_week_styles.scss
|
702
714
|
- app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.jsx
|
703
715
|
- app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss
|
704
716
|
- app/pb_kits/playbook/pb_date_range_inline/date_range_inline.html.erb
|
@@ -944,8 +956,8 @@ files:
|
|
944
956
|
- app/pb_kits/playbook/pb_form_group/docs/index.js
|
945
957
|
- app/pb_kits/playbook/pb_form_group/form_group.html.erb
|
946
958
|
- app/pb_kits/playbook/pb_form_group/form_group.rb
|
947
|
-
- app/pb_kits/playbook/pb_form_pill/_form_pill.jsx
|
948
959
|
- app/pb_kits/playbook/pb_form_pill/_form_pill.scss
|
960
|
+
- app/pb_kits/playbook/pb_form_pill/_form_pill.tsx
|
949
961
|
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.html.erb
|
950
962
|
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.jsx
|
951
963
|
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.md
|
@@ -987,8 +999,8 @@ files:
|
|
987
999
|
- app/pb_kits/playbook/pb_gauge/docs/index.js
|
988
1000
|
- app/pb_kits/playbook/pb_gauge/gauge.html.erb
|
989
1001
|
- app/pb_kits/playbook/pb_gauge/gauge.rb
|
990
|
-
- app/pb_kits/playbook/pb_hashtag/_hashtag.jsx
|
991
1002
|
- app/pb_kits/playbook/pb_hashtag/_hashtag.scss
|
1003
|
+
- app/pb_kits/playbook/pb_hashtag/_hashtag.tsx
|
992
1004
|
- app/pb_kits/playbook/pb_hashtag/docs/_description.md
|
993
1005
|
- app/pb_kits/playbook/pb_hashtag/docs/_footer.md
|
994
1006
|
- app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.html.erb
|
@@ -1007,10 +1019,10 @@ files:
|
|
1007
1019
|
- app/pb_kits/playbook/pb_highlight/docs/index.js
|
1008
1020
|
- app/pb_kits/playbook/pb_highlight/highlight.html.erb
|
1009
1021
|
- app/pb_kits/playbook/pb_highlight/highlight.rb
|
1010
|
-
- app/pb_kits/playbook/pb_home_address_street/_city_emphasis.html.erb
|
1011
1022
|
- app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx
|
1012
1023
|
- app/pb_kits/playbook/pb_home_address_street/_home_address_street.scss
|
1013
|
-
- app/pb_kits/playbook/pb_home_address_street/
|
1024
|
+
- app/pb_kits/playbook/pb_home_address_street/city_emphasis.html.erb
|
1025
|
+
- app/pb_kits/playbook/pb_home_address_street/city_emphasis.rb
|
1014
1026
|
- app/pb_kits/playbook/pb_home_address_street/docs/_description.md
|
1015
1027
|
- app/pb_kits/playbook/pb_home_address_street/docs/_footer.md
|
1016
1028
|
- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default.html.erb
|
@@ -1025,6 +1037,8 @@ files:
|
|
1025
1037
|
- app/pb_kits/playbook/pb_home_address_street/docs/index.js
|
1026
1038
|
- app/pb_kits/playbook/pb_home_address_street/home_address_street.html.erb
|
1027
1039
|
- app/pb_kits/playbook/pb_home_address_street/home_address_street.rb
|
1040
|
+
- app/pb_kits/playbook/pb_home_address_street/street_emphasis.html.erb
|
1041
|
+
- app/pb_kits/playbook/pb_home_address_street/street_emphasis.rb
|
1028
1042
|
- app/pb_kits/playbook/pb_icon/_icon.scss
|
1029
1043
|
- app/pb_kits/playbook/pb_icon/_icon.tsx
|
1030
1044
|
- app/pb_kits/playbook/pb_icon/docs/_description.md
|
@@ -1477,8 +1491,8 @@ files:
|
|
1477
1491
|
- app/pb_kits/playbook/pb_progress_step/progress_step.rb
|
1478
1492
|
- app/pb_kits/playbook/pb_progress_step/progress_step_item.html.erb
|
1479
1493
|
- app/pb_kits/playbook/pb_progress_step/progress_step_item.rb
|
1480
|
-
- app/pb_kits/playbook/pb_radio/_radio.jsx
|
1481
1494
|
- app/pb_kits/playbook/pb_radio/_radio.scss
|
1495
|
+
- app/pb_kits/playbook/pb_radio/_radio.tsx
|
1482
1496
|
- app/pb_kits/playbook/pb_radio/docs/_description.md
|
1483
1497
|
- app/pb_kits/playbook/pb_radio/docs/_footer.md
|
1484
1498
|
- app/pb_kits/playbook/pb_radio/docs/_radio_alignment.html.erb
|
@@ -1542,8 +1556,8 @@ files:
|
|
1542
1556
|
- app/pb_kits/playbook/pb_section_separator/docs/index.js
|
1543
1557
|
- app/pb_kits/playbook/pb_section_separator/section_separator.html.erb
|
1544
1558
|
- app/pb_kits/playbook/pb_section_separator/section_separator.rb
|
1545
|
-
- app/pb_kits/playbook/pb_select/_select.jsx
|
1546
1559
|
- app/pb_kits/playbook/pb_select/_select.scss
|
1560
|
+
- app/pb_kits/playbook/pb_select/_select.tsx
|
1547
1561
|
- app/pb_kits/playbook/pb_select/docs/_description.md
|
1548
1562
|
- app/pb_kits/playbook/pb_select/docs/_footer.md
|
1549
1563
|
- app/pb_kits/playbook/pb_select/docs/_select_blank.html.erb
|
@@ -1769,8 +1783,8 @@ files:
|
|
1769
1783
|
- app/pb_kits/playbook/pb_table/table.test.js
|
1770
1784
|
- app/pb_kits/playbook/pb_table/table_row.html.erb
|
1771
1785
|
- app/pb_kits/playbook/pb_table/table_row.rb
|
1772
|
-
- app/pb_kits/playbook/pb_text_input/_text_input.jsx
|
1773
1786
|
- app/pb_kits/playbook/pb_text_input/_text_input.scss
|
1787
|
+
- app/pb_kits/playbook/pb_text_input/_text_input.tsx
|
1774
1788
|
- app/pb_kits/playbook/pb_text_input/add_on.html.erb
|
1775
1789
|
- app/pb_kits/playbook/pb_text_input/add_on.rb
|
1776
1790
|
- app/pb_kits/playbook/pb_text_input/docs/_description.md
|
@@ -2208,9 +2222,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
2208
2222
|
version: '0'
|
2209
2223
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
2210
2224
|
requirements:
|
2211
|
-
- - "
|
2225
|
+
- - ">="
|
2212
2226
|
- !ruby/object:Gem::Version
|
2213
|
-
version:
|
2227
|
+
version: '0'
|
2214
2228
|
requirements: []
|
2215
2229
|
rubygems_version: 3.3.7
|
2216
2230
|
signing_key:
|
@@ -1,78 +0,0 @@
|
|
1
|
-
/* @flow */
|
2
|
-
/*eslint-disable react/no-multi-comp, flowtype/space-before-type-colon */
|
3
|
-
|
4
|
-
import React, { forwardRef } from 'react'
|
5
|
-
import Body from '../pb_body/_body'
|
6
|
-
import classnames from 'classnames'
|
7
|
-
import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
|
8
|
-
import { globalProps } from '../utilities/globalProps'
|
9
|
-
|
10
|
-
type RadioProps = {
|
11
|
-
aria?: object,
|
12
|
-
alignment?: String,
|
13
|
-
checked?: Boolean,
|
14
|
-
children?: Node,
|
15
|
-
className?: String,
|
16
|
-
dark?: boolean,
|
17
|
-
data?: object,
|
18
|
-
error?: Boolean,
|
19
|
-
id?: String,
|
20
|
-
label: String,
|
21
|
-
name: String,
|
22
|
-
value: String,
|
23
|
-
text: String,
|
24
|
-
onChange: (Boolean)=>void,
|
25
|
-
}
|
26
|
-
|
27
|
-
const Radio = ({
|
28
|
-
aria = {},
|
29
|
-
alignment = '',
|
30
|
-
children,
|
31
|
-
className,
|
32
|
-
dark = false,
|
33
|
-
data = {},
|
34
|
-
error = false,
|
35
|
-
id,
|
36
|
-
label,
|
37
|
-
name = 'radio_name',
|
38
|
-
text = 'Radio Text',
|
39
|
-
value = 'radio_text',
|
40
|
-
onChange = () => {},
|
41
|
-
...props
|
42
|
-
}: RadioProps, ref) => {
|
43
|
-
const ariaProps = buildAriaProps(aria)
|
44
|
-
const dataProps = buildDataProps(data)
|
45
|
-
const classes = classnames(buildCss('pb_radio_kit'), { error }, { dark }, globalProps(props), alignment, className)
|
46
|
-
|
47
|
-
return (
|
48
|
-
<label
|
49
|
-
{...ariaProps}
|
50
|
-
{...dataProps}
|
51
|
-
className={classes}
|
52
|
-
htmlFor={id}
|
53
|
-
>
|
54
|
-
<If condition={children}>
|
55
|
-
{children}
|
56
|
-
<Else />
|
57
|
-
<input
|
58
|
-
{...props}
|
59
|
-
id={id}
|
60
|
-
name={name}
|
61
|
-
onChange={onChange}
|
62
|
-
ref={ref}
|
63
|
-
text={text}
|
64
|
-
type="radio"
|
65
|
-
value={value}
|
66
|
-
/>
|
67
|
-
</If>
|
68
|
-
<span className="pb_radio_button" />
|
69
|
-
<Body
|
70
|
-
dark={dark}
|
71
|
-
status={error ? 'negative' : null}
|
72
|
-
text={label}
|
73
|
-
/>
|
74
|
-
</label>
|
75
|
-
)
|
76
|
-
}
|
77
|
-
|
78
|
-
export default forwardRef(Radio)
|