playbook_ui 13.31.0 → 13.32.0.pre.alpha.PLAY1138iconkitaddcolorprop3268

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 (36) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_button/_button.scss +3 -3
  3. data/app/pb_kits/playbook/pb_button/_button_mixins.scss +3 -2
  4. data/app/pb_kits/playbook/pb_caption/_caption_mixin.scss +1 -1
  5. data/app/pb_kits/playbook/pb_dashboard/commonSettings.js +1 -1
  6. data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.ts +1 -1
  7. data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.ts +1 -1
  8. data/app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.jsx +4 -1
  9. data/app/pb_kits/playbook/pb_draggable/context/index.tsx +15 -1
  10. data/app/pb_kits/playbook/pb_draggable/context/types.ts +5 -0
  11. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx +14 -19
  12. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md +5 -3
  13. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md +7 -3
  14. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.md +3 -5
  15. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.md +3 -5
  16. data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +3 -1
  17. data/app/pb_kits/playbook/pb_dropdown/dropdown.rb +2 -0
  18. data/app/pb_kits/playbook/pb_dropdown/index.js +33 -4
  19. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +9 -0
  20. data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +1 -1
  21. data/app/pb_kits/playbook/pb_icon/_icon.scss +26 -0
  22. data/app/pb_kits/playbook/pb_icon/_icon.tsx +3 -0
  23. data/app/pb_kits/playbook/pb_icon/docs/_icon_color.html.erb +7 -0
  24. data/app/pb_kits/playbook/pb_icon/docs/_icon_color.jsx +46 -0
  25. data/app/pb_kits/playbook/pb_icon/docs/_icon_color.md +1 -0
  26. data/app/pb_kits/playbook/pb_icon/docs/example.yml +2 -0
  27. data/app/pb_kits/playbook/pb_icon/docs/index.js +1 -0
  28. data/app/pb_kits/playbook/pb_icon/icon.rb +9 -1
  29. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx +8 -23
  30. data/app/pb_kits/playbook/tokens/_titles.scss +4 -4
  31. data/app/pb_kits/playbook/tokens/_typography.scss +10 -10
  32. data/dist/menu.yml +566 -472
  33. data/dist/playbook-rails.js +6 -6
  34. data/dist/reset.css +1 -1
  35. data/lib/playbook/version.rb +2 -2
  36. metadata +8 -5
data/app/pb_kits/playbook/tokens/_titles.scss CHANGED
@@ -5,10 +5,11 @@
5
5
  @mixin pb_title(
6
6
  $fontSize: $heading_1,
7
7
  $fontWeight: $lighter,
8
- $lineHeight: $lh_tighter
8
+ $lineHeight: $lh_tighter,
9
+ $letterSpacing: $lspace_tight
9
10
  ){
10
11
  font-size: $fontSize;
11
- letter-spacing: $lspace_tight;
12
+ letter-spacing: $letterSpacing;
12
13
  font-weight: $fontWeight;
13
14
  color: $text_lt_default;
14
15
  margin: 0;
@@ -29,8 +30,7 @@
29
30
  }
30
31
 
31
32
  @mixin pb_title_4 {
32
- @include pb_title($heading_4, $bolder);
33
- letter-spacing: -0.03em;
33
+ @include pb_title($heading_4, $bolder, $letterSpacing: $lspace_normal);
34
34
  }
35
35
 
36
36
  @mixin pb_title_dark {
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;