playbook_ui 11.19.0 → 11.20.0.pre.alpha.focus1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (42) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_body/_body.scss +10 -1
  3. data/app/pb_kits/playbook/pb_body/docs/_body_styled.html.erb +9 -0
  4. data/app/pb_kits/playbook/pb_body/docs/_body_styled.jsx +20 -0
  5. data/app/pb_kits/playbook/pb_body/docs/_body_styled.md +1 -0
  6. data/app/pb_kits/playbook/pb_body/docs/example.yml +2 -0
  7. data/app/pb_kits/playbook/pb_body/docs/index.js +1 -0
  8. data/app/pb_kits/playbook/pb_button/_button.scss +0 -5
  9. data/app/pb_kits/playbook/pb_button/_button_mixins.scss +33 -2
  10. data/app/pb_kits/playbook/pb_button/docs/_button_icon_options.html.erb +2 -2
  11. data/app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx +2 -0
  12. data/app/pb_kits/playbook/pb_button/docs/_button_link.html.erb +3 -3
  13. data/app/pb_kits/playbook/pb_button/docs/_button_link.jsx +3 -0
  14. data/app/pb_kits/playbook/pb_button/docs/_button_loading.html.erb +3 -3
  15. data/app/pb_kits/playbook/pb_button/docs/_button_loading.jsx +3 -0
  16. data/app/pb_kits/playbook/pb_button/docs/_button_size.html.erb +3 -3
  17. data/app/pb_kits/playbook/pb_button/docs/_button_size.jsx +3 -0
  18. data/app/pb_kits/playbook/pb_checkbox/_checkbox.tsx +7 -7
  19. data/app/pb_kits/playbook/pb_dialog/_dialog.scss +69 -3
  20. data/app/pb_kits/playbook/pb_dialog/_dialog.tsx +1 -1
  21. data/app/pb_kits/playbook/pb_dialog/dialog.rb +1 -1
  22. data/app/pb_kits/playbook/pb_dialog/dialog.test.jsx +12 -0
  23. data/app/pb_kits/playbook/pb_file_upload/_file_upload.tsx +5 -4
  24. data/app/pb_kits/playbook/pb_file_upload/docs/_description.md +2 -3
  25. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_message.jsx +40 -0
  26. data/app/pb_kits/playbook/pb_file_upload/docs/example.yml +2 -2
  27. data/app/pb_kits/playbook/pb_file_upload/docs/index.js +1 -0
  28. data/app/pb_kits/playbook/pb_file_upload/fileupload.test.js +12 -0
  29. data/app/pb_kits/playbook/pb_radio/_radio.tsx +4 -4
  30. data/app/pb_kits/playbook/pb_select/_select.scss +1 -1
  31. data/app/pb_kits/playbook/pb_selectable_card/{_selectable_card.jsx → _selectable_card.tsx} +47 -42
  32. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.jsx +1 -2
  33. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_single_select.jsx +1 -1
  34. data/app/pb_kits/playbook/pb_selectable_card/selectable_card.test.js +185 -0
  35. data/app/pb_kits/playbook/pb_selectable_icon/{_selectable_icon.jsx → _selectable_icon.tsx} +29 -32
  36. data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.jsx +1 -5
  37. data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.jsx +1 -4
  38. data/app/pb_kits/playbook/pb_selectable_icon/selectable_icon.test.js +148 -0
  39. data/app/pb_kits/playbook/tokens/_accessibility.scss +6 -0
  40. data/app/pb_kits/playbook/tokens/_colors.scss +3 -1
  41. data/lib/playbook/version.rb +2 -2
  42. metadata +13 -6
@@ -0,0 +1,6 @@
1
+ @mixin focus {
2
+ &:focus-visible {
3
+ outline: $focus_color solid 2px;
4
+ outline-offset: 2px;
5
+ }
6
+ }
@@ -94,11 +94,13 @@ $hover_colors: (
94
94
  );
95
95
 
96
96
  /* Focus colors -----------------------*/
97
+ $focus_color: $primary;
97
98
  $focus_input_light: rgba($active_light, $opacity_5);
98
99
  $focus_input_dark: rgba(#144075, $opacity_5);
99
100
  $focus_input_colors: (
100
101
  focus_input_light: $focus_input_light,
101
- focus_input_dark: $focus_input_dark
102
+ focus_input_dark: $focus_input_dark,
103
+ focus_color: $focus_color
102
104
  );
103
105
 
104
106
  /* Border colors ----------------------*/
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "11.18.0"
5
- VERSION = "11.19.0"
4
+ PREVIOUS_VERSION = "11.20.0"
5
+ VERSION = "11.20.0.pre.alpha.focus1"
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.19.0
4
+ version: 11.20.0.pre.alpha.focus1
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-01-16 00:00:00.000000000 Z
12
+ date: 2023-01-25 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -397,6 +397,9 @@ files:
397
397
  - app/pb_kits/playbook/pb_body/docs/_body_light.html.erb
398
398
  - app/pb_kits/playbook/pb_body/docs/_body_light.jsx
399
399
  - app/pb_kits/playbook/pb_body/docs/_body_light.md
400
+ - app/pb_kits/playbook/pb_body/docs/_body_styled.html.erb
401
+ - app/pb_kits/playbook/pb_body/docs/_body_styled.jsx
402
+ - app/pb_kits/playbook/pb_body/docs/_body_styled.md
400
403
  - app/pb_kits/playbook/pb_body/docs/_description.md
401
404
  - app/pb_kits/playbook/pb_body/docs/_footer.md
402
405
  - app/pb_kits/playbook/pb_body/docs/example.yml
@@ -887,6 +890,7 @@ files:
887
890
  - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx
888
891
  - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx
889
892
  - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.md
893
+ - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_message.jsx
890
894
  - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx
891
895
  - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx
892
896
  - app/pb_kits/playbook/pb_file_upload/docs/example.yml
@@ -1699,8 +1703,8 @@ files:
1699
1703
  - app/pb_kits/playbook/pb_select/select.html.erb
1700
1704
  - app/pb_kits/playbook/pb_select/select.rb
1701
1705
  - app/pb_kits/playbook/pb_select/select.test.js
1702
- - app/pb_kits/playbook/pb_selectable_card/_selectable_card.jsx
1703
1706
  - app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss
1707
+ - app/pb_kits/playbook/pb_selectable_card/_selectable_card.tsx
1704
1708
  - app/pb_kits/playbook/pb_selectable_card/docs/_description.md
1705
1709
  - app/pb_kits/playbook/pb_selectable_card/docs/_footer.md
1706
1710
  - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_block.html.erb
@@ -1725,6 +1729,7 @@ files:
1725
1729
  - app/pb_kits/playbook/pb_selectable_card/docs/index.js
1726
1730
  - app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb
1727
1731
  - app/pb_kits/playbook/pb_selectable_card/selectable_card.rb
1732
+ - app/pb_kits/playbook/pb_selectable_card/selectable_card.test.js
1728
1733
  - app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.jsx
1729
1734
  - app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.scss
1730
1735
  - app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_checkmark.html.erb
@@ -1738,8 +1743,8 @@ files:
1738
1743
  - app/pb_kits/playbook/pb_selectable_card_icon/docs/index.js
1739
1744
  - app/pb_kits/playbook/pb_selectable_card_icon/selectable_card_icon.html.erb
1740
1745
  - app/pb_kits/playbook/pb_selectable_card_icon/selectable_card_icon.rb
1741
- - app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.jsx
1742
1746
  - app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
1747
+ - app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.tsx
1743
1748
  - app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.html.erb
1744
1749
  - app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.jsx
1745
1750
  - app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_options.html.erb
@@ -1749,6 +1754,7 @@ files:
1749
1754
  - app/pb_kits/playbook/pb_selectable_icon/docs/index.js
1750
1755
  - app/pb_kits/playbook/pb_selectable_icon/selectable_icon.html.erb
1751
1756
  - app/pb_kits/playbook/pb_selectable_icon/selectable_icon.rb
1757
+ - app/pb_kits/playbook/pb_selectable_icon/selectable_icon.test.js
1752
1758
  - app/pb_kits/playbook/pb_selectable_list/_item.jsx
1753
1759
  - app/pb_kits/playbook/pb_selectable_list/_selectable_list.jsx
1754
1760
  - app/pb_kits/playbook/pb_selectable_list/_selectable_list.scss
@@ -2229,6 +2235,7 @@ files:
2229
2235
  - app/pb_kits/playbook/playbook-doc.js
2230
2236
  - app/pb_kits/playbook/playbook-rails-react-bindings.js
2231
2237
  - app/pb_kits/playbook/playbook-rails.js
2238
+ - app/pb_kits/playbook/tokens/_accessibility.scss
2232
2239
  - app/pb_kits/playbook/tokens/_animation-curves.scss
2233
2240
  - app/pb_kits/playbook/tokens/_border_radius.scss
2234
2241
  - app/pb_kits/playbook/tokens/_colors.scss
@@ -2364,9 +2371,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
2364
2371
  version: '0'
2365
2372
  required_rubygems_version: !ruby/object:Gem::Requirement
2366
2373
  requirements:
2367
- - - ">="
2374
+ - - ">"
2368
2375
  - !ruby/object:Gem::Version
2369
- version: '0'
2376
+ version: 1.3.1
2370
2377
  requirements: []
2371
2378
  rubygems_version: 3.3.7
2372
2379
  signing_key: