playbook_ui 13.27.0.pre.alpha.testingcollapsible2917 → 13.27.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_avatar/Utilities/GetPlacementPropsHelper.tsx +0 -16
  3. data/app/pb_kits/playbook/pb_avatar/_avatar.scss +0 -16
  4. data/app/pb_kits/playbook/pb_avatar/avatar.html.erb +1 -1
  5. data/app/pb_kits/playbook/pb_avatar/avatar.rb +0 -4
  6. data/app/pb_kits/playbook/pb_avatar/avatar.test.js +0 -47
  7. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.html.erb +66 -46
  8. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.jsx +29 -8
  9. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.html.erb +33 -13
  10. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.jsx +67 -48
  11. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx +20 -0
  12. data/app/pb_kits/playbook/pb_avatar/docs/example.yml +2 -2
  13. data/app/pb_kits/playbook/pb_body/_body.scss +0 -3
  14. data/app/pb_kits/playbook/pb_body/_body_mixins.scss +1 -1
  15. data/app/pb_kits/playbook/pb_button/_button_mixins.scss +3 -3
  16. data/app/pb_kits/playbook/pb_caption/_caption_mixin.scss +1 -1
  17. data/app/pb_kits/playbook/pb_card/_card_mixin.scss +0 -5
  18. data/app/pb_kits/playbook/pb_card/card.rb +1 -1
  19. data/app/pb_kits/playbook/pb_card/docs/_card_background.html.erb +0 -20
  20. data/app/pb_kits/playbook/pb_card/docs/_card_background.jsx +1 -41
  21. data/app/pb_kits/playbook/pb_card/docs/_card_background.md +1 -1
  22. data/app/pb_kits/playbook/pb_card/docs/_card_header.html.erb +1 -1
  23. data/app/pb_kits/playbook/pb_card/docs/_card_header.md +1 -1
  24. data/app/pb_kits/playbook/pb_card/docs/_card_highlight.md +1 -1
  25. data/app/pb_kits/playbook/pb_collapsible/_collapsible.tsx +10 -21
  26. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx +75 -3
  27. data/app/pb_kits/playbook/pb_collapsible/docs/example.yml +0 -3
  28. data/app/pb_kits/playbook/pb_collapsible/docs/index.js +1 -2
  29. data/app/pb_kits/playbook/pb_collapsible/index.js +6 -16
  30. data/app/pb_kits/playbook/pb_detail/_detail_mixins.scss +1 -1
  31. data/app/pb_kits/playbook/pb_docs/kit_example.html.erb +3 -3
  32. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +1 -2
  33. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +2 -4
  34. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.html.erb +3 -3
  35. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.md +1 -1
  36. data/app/pb_kits/playbook/pb_dropdown/docs/{_dropdown_subcomponent_structure_rails.html.erb → _dropdown_subcomponent_structure.html.erb} +3 -3
  37. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.md +6 -5
  38. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md +3 -3
  39. data/app/pb_kits/playbook/pb_dropdown/docs/{_dropdown_with_custom_options_rails.html.erb → _dropdown_with_custom_options.html.erb} +3 -3
  40. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.md +1 -1
  41. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.html.erb +3 -3
  42. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.md +1 -1
  43. data/app/pb_kits/playbook/pb_dropdown/docs/{_dropdown_with_custom_trigger_rails.html.erb → _dropdown_with_custom_trigger.html.erb} +3 -3
  44. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.md +1 -1
  45. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb +3 -3
  46. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.md +1 -1
  47. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +6 -6
  48. data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +0 -1
  49. data/app/pb_kits/playbook/pb_dropdown/dropdown.rb +0 -1
  50. data/app/pb_kits/playbook/pb_dropdown/dropdown_option.html.erb +1 -1
  51. data/app/pb_kits/playbook/pb_dropdown/dropdown_option.rb +1 -1
  52. data/app/pb_kits/playbook/pb_dropdown/index.js +1 -2
  53. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownOption.tsx +2 -4
  54. data/app/pb_kits/playbook/pb_form_group/_form_group.scss +0 -15
  55. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss +0 -8
  56. data/app/pb_kits/playbook/pb_title/_title.scss +1 -5
  57. data/app/pb_kits/playbook/tokens/_titles.scss +1 -5
  58. data/dist/menu.yml +2 -2
  59. data/dist/playbook-rails.js +2 -2
  60. data/lib/playbook/version.rb +2 -2
  61. metadata +9 -22
  62. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.md +0 -3
  63. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.md +0 -3
  64. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleIcon.tsx +0 -92
  65. data/app/pb_kits/playbook/pb_collapsible/collapsible_icon.html.erb +0 -15
  66. data/app/pb_kits/playbook/pb_collapsible/collapsible_icon.rb +0 -37
  67. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.jsx +0 -73
  68. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.md +0 -5
  69. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_rails.html.erb +0 -20
  70. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_rails.md +0 -5
  71. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure_rails.md +0 -6
  72. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.md +0 -5
  73. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options_rails.md +0 -1
  74. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.md +0 -1
  75. /data/app/pb_kits/playbook/pb_dropdown/docs/{_dropdown_with_custom_display_rails.html.erb → _dropdown_with_custom_display.html.erb} +0 -0
@@ -33,17 +33,6 @@
33
33
  outline-offset: -1px;
34
34
  }
35
35
  }
36
- .text_input_wrapper_add_on .add-on-right [class^=pb_card_kit] {
37
- border-bottom-right-radius: 0;
38
- border-top-right-radius: 0;
39
- border-right-width: 0;
40
- }
41
- .text_input_wrapper_add_on .add-on-right.border_left_on .card-right-aligned {
42
- border-left: 1px $border_light solid;
43
- &.dark {
44
- border-left: 1px rgba($white, 0.15) solid;
45
- }
46
- }
47
36
  }
48
37
 
49
38
  & > [class^=pb_text_input_kit]:not(:first-child) {
@@ -51,10 +40,6 @@
51
40
  border-bottom-left-radius: 0;
52
41
  border-top-left-radius: 0;
53
42
  }
54
- .text_input_wrapper_add_on .add-on-left [class^=pb_card_kit] {
55
- border-bottom-left-radius: 0;
56
- border-top-left-radius: 0;
57
- }
58
43
  }
59
44
 
60
45
  & > [class^=pb_button_kit]:not(:last-child) {
@@ -35,10 +35,6 @@ $pb_multiple_users_size_xxs: map-get($avatar-sizes, "xxs");
35
35
  margin-left: $pb_multiple_users_overlap;
36
36
  margin-right: 0;
37
37
 
38
- &:first-of-type {
39
- margin-left: 0;
40
- }
41
-
42
38
  &.dark {
43
39
  .avatar_wrapper {
44
40
  border: $pb_multiple_users_border_size solid $bg_dark;
@@ -62,10 +58,6 @@ $pb_multiple_users_size_xxs: map-get($avatar-sizes, "xxs");
62
58
  .pb_multiple_users_item {
63
59
  margin-left: 0;
64
60
  margin-right: $pb_multiple_users_overlap;
65
-
66
- &:first-of-type {
67
- margin-right: 0;
68
- }
69
61
  }
70
62
  }
71
63
  }
@@ -49,10 +49,6 @@
49
49
  }
50
50
 
51
51
  &.dark {
52
- @include pb_title_dark;
53
- }
54
-
55
- &.dark[class*=_link] {
56
- @include pb_title_dark_link;
52
+ @include pb_title_dark;
57
53
  }
58
54
  }
@@ -34,11 +34,7 @@
34
34
  }
35
35
 
36
36
  @mixin pb_title_dark {
37
- color: $text_dk_default;
38
- }
39
-
40
- @mixin pb_title_dark_link {
41
- color: $active_dark;
37
+ color: $text_dk_default;
42
38
  }
43
39
 
44
40
  @mixin pb_title_bold {
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: *web
258
+ platforms: *react_only
259
259
  description: ""
260
- status: "stable"
260
+ status: "beta"
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.