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.
Files changed (75) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_background/_background.scss +8 -1
  3. data/app/pb_kits/playbook/pb_background/_background.tsx +9 -1
  4. data/app/pb_kits/playbook/pb_background/background.rb +76 -16
  5. data/app/pb_kits/playbook/pb_background/docs/_background_status.html.erb +14 -2
  6. data/app/pb_kits/playbook/pb_background/docs/_background_status.jsx +43 -2
  7. data/app/pb_kits/playbook/pb_background/docs/_background_status.md +1 -1
  8. data/app/pb_kits/playbook/pb_badge/_badge.tsx +1 -2
  9. data/app/pb_kits/playbook/pb_body/_body.scss +4 -4
  10. data/app/pb_kits/playbook/pb_body/_body.tsx +5 -4
  11. data/app/pb_kits/playbook/pb_body/_body_mixins.scss +7 -3
  12. data/app/pb_kits/playbook/pb_body/body.rb +4 -3
  13. data/app/pb_kits/playbook/pb_body/body.test.js +12 -9
  14. data/app/pb_kits/playbook/pb_body/docs/_body_light.html.erb +4 -4
  15. data/app/pb_kits/playbook/pb_body/docs/_body_light.jsx +4 -4
  16. data/app/pb_kits/playbook/pb_body/docs/_description.md +2 -2
  17. data/app/pb_kits/playbook/pb_body/docs/_footer.md +1 -1
  18. data/app/pb_kits/playbook/pb_button/button.rb +5 -5
  19. data/app/pb_kits/playbook/pb_caption/_caption.tsx +1 -1
  20. data/app/pb_kits/playbook/pb_caption/_caption_mixin.scss +3 -1
  21. data/app/pb_kits/playbook/pb_caption/docs/_caption_colors.html.erb +2 -1
  22. data/app/pb_kits/playbook/pb_caption/docs/_caption_colors.jsx +5 -0
  23. data/app/pb_kits/playbook/pb_card/_card.tsx +5 -5
  24. data/app/pb_kits/playbook/pb_checkbox/{_checkbox.jsx → _checkbox.tsx} +33 -29
  25. data/app/pb_kits/playbook/pb_currency/_currency.jsx +7 -2
  26. data/app/pb_kits/playbook/pb_currency/currency.rb +8 -0
  27. data/app/pb_kits/playbook/pb_currency/currency.test.js +28 -0
  28. data/app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.html.erb +24 -0
  29. data/app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.jsx +38 -0
  30. data/app/pb_kits/playbook/pb_currency/docs/example.yml +2 -0
  31. data/app/pb_kits/playbook/pb_currency/docs/index.js +1 -0
  32. data/app/pb_kits/playbook/pb_date_picker/_date_picker.jsx +30 -18
  33. data/app/pb_kits/playbook/pb_date_picker/_date_picker.scss +3 -0
  34. data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +12 -1
  35. data/app/pb_kits/playbook/pb_date_picker/date_picker.test.js +160 -0
  36. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.js +37 -11
  37. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb +1 -1
  38. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.html.erb +2 -2
  39. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.jsx +1 -1
  40. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.md +1 -1
  41. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.html.erb +6 -0
  42. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.jsx +21 -0
  43. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.md +1 -0
  44. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.html.erb +5 -0
  45. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.jsx +18 -0
  46. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.md +1 -0
  47. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +4 -0
  48. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +2 -0
  49. data/app/pb_kits/playbook/pb_date_picker/plugins/timeSelect.js +137 -0
  50. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_day_styles.scss +27 -2
  51. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_flatpickr_styles.scss +1 -5
  52. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_time_selection_styles.scss +63 -0
  53. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_week_styles.scss +127 -0
  54. data/app/pb_kits/playbook/pb_form_pill/{_form_pill.jsx → _form_pill.tsx} +16 -12
  55. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.jsx +1 -1
  56. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_size.jsx +1 -1
  57. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_tag.jsx +1 -1
  58. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.jsx +1 -1
  59. data/app/pb_kits/playbook/pb_hashtag/{_hashtag.jsx → _hashtag.tsx} +3 -4
  60. data/app/pb_kits/playbook/pb_home_address_street/{_city_emphasis.html.erb → city_emphasis.html.erb} +0 -0
  61. data/app/pb_kits/playbook/pb_home_address_street/city_emphasis.rb +16 -0
  62. data/app/pb_kits/playbook/pb_home_address_street/docs/example.yml +0 -2
  63. data/app/pb_kits/playbook/pb_home_address_street/home_address_street.html.erb +3 -2
  64. data/app/pb_kits/playbook/pb_home_address_street/home_address_street.rb +23 -2
  65. data/app/pb_kits/playbook/pb_home_address_street/{_street_emphasis.html.erb → street_emphasis.html.erb} +0 -0
  66. data/app/pb_kits/playbook/pb_home_address_street/street_emphasis.rb +15 -0
  67. data/app/pb_kits/playbook/pb_radio/_radio.tsx +86 -0
  68. data/app/pb_kits/playbook/pb_select/{_select.jsx → _select.tsx} +34 -38
  69. data/app/pb_kits/playbook/pb_text_input/{_text_input.jsx → _text_input.tsx} +42 -43
  70. data/app/pb_kits/playbook/tokens/_colors.scss +17 -1
  71. data/app/pb_kits/playbook/utilities/props.ts +2 -2
  72. data/lib/playbook/props.rb +1 -1
  73. data/lib/playbook/version.rb +2 -2
  74. metadata +26 -12
  75. 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.0.0.pre.alpha.2
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-06-01 00:00:00.000000000 Z
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/_street_emphasis.html.erb
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: 1.3.1
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)