playbook_ui 13.27.0.pre.alpha.PLAY1250fixTextInpputaddonborderradiusformgroup2862 → 13.27.0.pre.alpha.powercentrainplaybookpt22905

Sign up to get free protection for your applications and to get access to all the features.
Files changed (69) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_avatar/Utilities/GetPlacementPropsHelper.tsx +16 -0
  3. data/app/pb_kits/playbook/pb_avatar/_avatar.scss +16 -0
  4. data/app/pb_kits/playbook/pb_avatar/avatar.html.erb +1 -1
  5. data/app/pb_kits/playbook/pb_avatar/avatar.rb +4 -0
  6. data/app/pb_kits/playbook/pb_avatar/avatar.test.js +47 -0
  7. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.html.erb +46 -66
  8. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.jsx +8 -29
  9. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.md +3 -0
  10. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.html.erb +13 -33
  11. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.jsx +48 -67
  12. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.md +3 -0
  13. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx +0 -20
  14. data/app/pb_kits/playbook/pb_avatar/docs/example.yml +2 -2
  15. data/app/pb_kits/playbook/pb_body/_body.scss +3 -0
  16. data/app/pb_kits/playbook/pb_body/_body_mixins.scss +1 -1
  17. data/app/pb_kits/playbook/pb_button/_button.scss +3 -3
  18. data/app/pb_kits/playbook/pb_button/_button_mixins.scss +6 -5
  19. data/app/pb_kits/playbook/pb_caption/_caption_mixin.scss +2 -2
  20. data/app/pb_kits/playbook/pb_card/_card_mixin.scss +5 -0
  21. data/app/pb_kits/playbook/pb_card/card.rb +1 -1
  22. data/app/pb_kits/playbook/pb_card/docs/_card_background.html.erb +20 -0
  23. data/app/pb_kits/playbook/pb_card/docs/_card_background.jsx +41 -1
  24. data/app/pb_kits/playbook/pb_card/docs/_card_background.md +1 -1
  25. data/app/pb_kits/playbook/pb_card/docs/_card_header.html.erb +1 -1
  26. data/app/pb_kits/playbook/pb_card/docs/_card_header.md +1 -1
  27. data/app/pb_kits/playbook/pb_card/docs/_card_highlight.md +1 -1
  28. data/app/pb_kits/playbook/pb_dashboard/commonSettings.js +1 -1
  29. data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.ts +1 -1
  30. data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.ts +1 -1
  31. data/app/pb_kits/playbook/pb_detail/_detail_mixins.scss +1 -1
  32. data/app/pb_kits/playbook/pb_docs/kit_example.html.erb +3 -3
  33. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +2 -1
  34. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +4 -2
  35. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.html.erb +3 -3
  36. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.md +1 -1
  37. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.md +5 -6
  38. data/app/pb_kits/playbook/pb_dropdown/docs/{_dropdown_subcomponent_structure.html.erb → _dropdown_subcomponent_structure_rails.html.erb} +3 -3
  39. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure_rails.md +6 -0
  40. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md +3 -3
  41. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.md +5 -0
  42. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.md +1 -1
  43. data/app/pb_kits/playbook/pb_dropdown/docs/{_dropdown_with_custom_options.html.erb → _dropdown_with_custom_options_rails.html.erb} +3 -3
  44. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options_rails.md +1 -0
  45. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.html.erb +3 -3
  46. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.md +1 -1
  47. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.md +1 -1
  48. data/app/pb_kits/playbook/pb_dropdown/docs/{_dropdown_with_custom_trigger.html.erb → _dropdown_with_custom_trigger_rails.html.erb} +3 -3
  49. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.md +1 -0
  50. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb +3 -3
  51. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.md +1 -1
  52. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +6 -6
  53. data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +1 -0
  54. data/app/pb_kits/playbook/pb_dropdown/dropdown.rb +1 -0
  55. data/app/pb_kits/playbook/pb_dropdown/dropdown_option.html.erb +1 -1
  56. data/app/pb_kits/playbook/pb_dropdown/dropdown_option.rb +1 -1
  57. data/app/pb_kits/playbook/pb_dropdown/index.js +2 -1
  58. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownOption.tsx +4 -2
  59. data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +1 -1
  60. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss +8 -0
  61. data/app/pb_kits/playbook/pb_title/_title.scss +5 -1
  62. data/app/pb_kits/playbook/tokens/_titles.scss +9 -5
  63. data/app/pb_kits/playbook/tokens/_typography.scss +10 -10
  64. data/dist/menu.yml +2 -2
  65. data/dist/playbook-rails.js +3 -3
  66. data/dist/reset.css +1 -1
  67. data/lib/playbook/version.rb +1 -1
  68. metadata +12 -6
  69. /data/app/pb_kits/playbook/pb_dropdown/docs/{_dropdown_with_custom_display.html.erb → _dropdown_with_custom_display_rails.html.erb} +0 -0
data/app/pb_kits/playbook/tokens/_typography.scss CHANGED
@@ -1,11 +1,11 @@
1
- $font_family_base: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans_serif !default;
1
+ $font_family_base: "Power Centra", "Helvetica Neue", Helvetica, Arial, sans_serif !default;
2
2
 
3
3
  /* CLEAN UP AND REMOVE */
4
4
  $font_jumbo: 36px !default;
5
5
  $font_largest: 32px !default;
6
- $font_larger: 28px !default;
6
+ $font_larger: 27px !default;
7
7
  $font_large: 20px !default;
8
- $font_base: 16px !default;
8
+ $font_base: 15.5px !default;
9
9
  $font_default: $font_base !default;
10
10
  $font_normal: $font_base !default;
11
11
  $font_medium: $font_base !default;
@@ -26,8 +26,8 @@ $text_smaller: $font_smaller !default;
26
26
  $text_smallest: $font_smallest !default;
27
27
 
28
28
  /* Headings */
29
- $heading_1: 46px !default;
30
- $heading_2: 34px !default;
29
+ $heading_1: 44px !default;
30
+ $heading_2: 32px !default;
31
31
  $heading_3: $font_larger !default;
32
32
  $heading_4: $font_base !default;
33
33
 
@@ -35,19 +35,19 @@ $heading_4: $font_base !default;
35
35
  $lspace_tightest: -.1em !default;
36
36
  $lspace_tighter: -.07em !default;
37
37
  $lspace_tight: -.01em !default;
38
- $lspace_normal: 0 !default;
38
+ $lspace_normal: .003em !default;
39
39
  $lspace_loose: .03em !default;
40
40
  $lspace_looser: .07em !default;
41
41
  $lspace_loosest: .1em !default;
42
42
  $lspace_super_loosest: .2em !default;
43
43
 
44
44
  /* Standard Font Weights */
45
- $bold: 600 !default;
45
+ $bold: 700 !default;
46
46
  $regular: 400 !default;
47
47
 
48
48
  /* Non_Standard Font Weights */
49
- $extrabold: 900 !default;
50
- $boldest: 800 !default;
49
+ $extrabold: 700 !default;
50
+ $boldest: 700 !default;
51
51
  $bolder: 700 !default;
52
52
  $light: 300 !default;
53
- $lighter: 100 !default;
53
+ $lighter: 300 !default;
data/dist/menu.yml CHANGED
@@ -255,9 +255,9 @@ kits:
255
255
  description: Playbook's date picker is built using flatpickr, a vanilla js library. Common date picker use cases and features have been adapted into simple prop based configuration detailed in the docs below.
256
256
  status: "stable"
257
257
  - name: dropdown
258
- platforms: *react_only
258
+ platforms: *web
259
259
  description: ""
260
- status: "beta"
260
+ status: "stable"
261
261
  - name: "multi_level_select"
262
262
  platforms: *web
263
263
  description: The MultiLevelSelect kit renders a multi leveled select dropdown based on data from the user.