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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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.