playbook_ui 8.0.0.pre.alpha5 → 8.1.0.pre.alpha1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (159) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +9 -0
  3. data/app/pb_kits/playbook/_playbook.scss +10 -7
  4. data/app/pb_kits/playbook/data/menu.yml +3 -1
  5. data/app/pb_kits/playbook/index.js +3 -0
  6. data/app/pb_kits/playbook/pb_avatar/_avatar.jsx +14 -2
  7. data/app/pb_kits/playbook/pb_avatar/avatar.html.erb +1 -1
  8. data/app/pb_kits/playbook/pb_avatar/avatar.rb +5 -2
  9. data/app/pb_kits/playbook/pb_avatar/avatar.test.js +5 -2
  10. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_default.html.erb +5 -0
  11. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx +5 -0
  12. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_status.html.erb +4 -0
  13. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx +4 -0
  14. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.jsx +6 -0
  15. data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb +2 -1
  16. data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.rb +2 -0
  17. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb +4 -0
  18. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx +4 -0
  19. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb +2 -0
  20. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx +2 -0
  21. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx +2 -0
  22. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb +2 -0
  23. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb +8 -0
  24. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx +8 -0
  25. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb +2 -0
  26. data/app/pb_kits/playbook/pb_avatar_action_button/pb_avatar_action_button.test.js +31 -0
  27. data/app/pb_kits/playbook/pb_badge/_badge.jsx +26 -1
  28. data/app/pb_kits/playbook/pb_button/_button.jsx +6 -0
  29. data/app/pb_kits/playbook/pb_button/button.test.js +91 -0
  30. data/app/pb_kits/playbook/pb_button/docs/_button_default.jsx +0 -1
  31. data/app/pb_kits/playbook/pb_button_toolbar/button_toolbar.test.js +46 -0
  32. data/app/pb_kits/playbook/pb_caption/_caption.jsx +3 -2
  33. data/app/pb_kits/playbook/pb_caption/caption.rb +1 -1
  34. data/app/pb_kits/playbook/pb_card/_card.jsx +18 -3
  35. data/app/pb_kits/playbook/pb_card/card.html.erb +1 -1
  36. data/app/pb_kits/playbook/pb_card/card.rb +3 -0
  37. data/app/pb_kits/playbook/pb_card/card_header.rb +7 -7
  38. data/app/pb_kits/playbook/pb_card/docs/_card_tag.html.erb +25 -0
  39. data/app/pb_kits/playbook/pb_card/docs/_card_tag.jsx +59 -0
  40. data/app/pb_kits/playbook/pb_card/docs/example.yml +2 -0
  41. data/app/pb_kits/playbook/pb_card/docs/index.js +1 -0
  42. data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.test.js +17 -0
  43. data/app/pb_kits/playbook/pb_collapsible/_collapsible.jsx +84 -0
  44. data/app/pb_kits/playbook/pb_collapsible/_collapsible.scss +15 -0
  45. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.jsx +40 -0
  46. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.jsx +59 -0
  47. data/app/pb_kits/playbook/pb_collapsible/collapsible.html.erb +7 -0
  48. data/app/pb_kits/playbook/pb_collapsible/collapsible.rb +11 -0
  49. data/app/pb_kits/playbook/pb_collapsible/collapsible.test.js +50 -0
  50. data/app/pb_kits/playbook/pb_collapsible/collapsible_content.html.erb +7 -0
  51. data/app/pb_kits/playbook/pb_collapsible/collapsible_content.rb +17 -0
  52. data/app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb +16 -0
  53. data/app/pb_kits/playbook/pb_collapsible/collapsible_main.rb +15 -0
  54. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.html.erb +10 -0
  55. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx +19 -0
  56. data/app/pb_kits/playbook/pb_collapsible/docs/example.yml +9 -0
  57. data/app/pb_kits/playbook/pb_collapsible/docs/index.js +1 -0
  58. data/app/pb_kits/playbook/pb_collapsible/index.js +79 -0
  59. data/app/pb_kits/playbook/pb_dashboard/commonSettings.js +2 -2
  60. data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.js +2 -2
  61. data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx +6 -2
  62. data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.html.erb +1 -1
  63. data/app/pb_kits/playbook/pb_dialog/_close_icon.jsx +23 -0
  64. data/app/pb_kits/playbook/pb_dialog/_dialog.html.erb +10 -0
  65. data/app/pb_kits/playbook/pb_dialog/_dialog.jsx +142 -0
  66. data/app/pb_kits/playbook/pb_dialog/_dialog.scss +133 -0
  67. data/app/pb_kits/playbook/pb_dialog/_dialog_context.jsx +3 -0
  68. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.jsx +21 -0
  69. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.jsx +36 -0
  70. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.jsx +68 -0
  71. data/app/pb_kits/playbook/pb_dialog/dialog.rb +47 -0
  72. data/app/pb_kits/playbook/pb_dialog/dialog.test.jsx +23 -0
  73. data/app/pb_kits/playbook/pb_dialog/dialog_header.rb +31 -0
  74. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.jsx +53 -0
  75. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.md +2 -0
  76. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx +27 -0
  77. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx +27 -0
  78. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.md +2 -0
  79. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_separators.jsx +119 -0
  80. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_separators.md +2 -0
  81. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx +28 -0
  82. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.md +2 -0
  83. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.jsx +93 -0
  84. data/app/pb_kits/playbook/pb_dialog/docs/example.yml +10 -0
  85. data/app/pb_kits/playbook/pb_dialog/docs/index.js +6 -0
  86. data/app/pb_kits/playbook/pb_docs/kit_example.rb +1 -1
  87. data/app/pb_kits/playbook/pb_form/_form.scss +5 -1
  88. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +2 -2
  89. data/app/pb_kits/playbook/pb_form/form.rb +11 -2
  90. data/app/pb_kits/playbook/pb_form/form_builder.rb +4 -2
  91. data/app/pb_kits/playbook/pb_form/form_builder/action_area.rb +14 -7
  92. data/app/pb_kits/playbook/pb_form/form_with.html.erb +7 -14
  93. data/app/pb_kits/playbook/pb_form/form_with.rb +13 -6
  94. data/app/pb_kits/playbook/pb_form/simple_form.html.erb +2 -4
  95. data/app/pb_kits/playbook/pb_form/simple_form.rb +4 -0
  96. data/app/pb_kits/playbook/pb_inline/_inline.jsx +83 -0
  97. data/app/pb_kits/playbook/pb_inline/_inline.scss +58 -0
  98. data/app/pb_kits/playbook/pb_inline/docs/_inline_default.jsx +36 -0
  99. data/app/pb_kits/playbook/pb_inline/docs/_inline_input_options.jsx +58 -0
  100. data/app/pb_kits/playbook/pb_inline/docs/_inline_text_options.jsx +99 -0
  101. data/app/pb_kits/playbook/pb_inline/docs/example.yml +5 -0
  102. data/app/pb_kits/playbook/pb_inline/docs/index.js +3 -0
  103. data/app/pb_kits/playbook/pb_inline/inline.test.jsx +21 -0
  104. data/app/pb_kits/playbook/pb_nav/_item.jsx +2 -0
  105. data/app/pb_kits/playbook/pb_nav/_nav.jsx +2 -2
  106. data/app/pb_kits/playbook/pb_nav/item.html.erb +2 -2
  107. data/app/pb_kits/playbook/pb_nav/nav.html.erb +1 -1
  108. data/app/pb_kits/playbook/pb_online_status/_online_status.jsx +2 -0
  109. data/app/pb_kits/playbook/pb_online_status/online_status.html.erb +1 -1
  110. data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.jsx +1 -1
  111. data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss +5 -0
  112. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.html.erb +5 -0
  113. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx +7 -0
  114. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.md +1 -1
  115. data/app/pb_kits/playbook/pb_progress_simple/progress_simple.rb +1 -1
  116. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.jsx +4 -3
  117. data/app/pb_kits/playbook/pb_text_input/_text_input.jsx +3 -0
  118. data/app/pb_kits/playbook/pb_textarea/_textarea.jsx +3 -0
  119. data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.jsx +43 -26
  120. data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.scss +18 -0
  121. data/app/pb_kits/playbook/pb_time_stacked/docs/_time_stacked_default.html.erb +18 -5
  122. data/app/pb_kits/playbook/pb_time_stacked/docs/_time_stacked_default.jsx +10 -5
  123. data/app/pb_kits/playbook/pb_time_stacked/time_stacked.html.erb +7 -3
  124. data/app/pb_kits/playbook/pb_time_stacked/time_stacked.rb +8 -30
  125. data/app/pb_kits/playbook/pb_time_stacked/time_stacked.test.js +33 -0
  126. data/app/pb_kits/playbook/pb_tooltip/_tooltip.scss +4 -3
  127. data/app/pb_kits/playbook/pb_typeahead/_typeahead.jsx +6 -1
  128. data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.jsx +25 -2
  129. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx +1 -0
  130. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx +7 -3
  131. data/app/pb_kits/playbook/pb_user_badge/_user_badge.jsx +1 -1
  132. data/app/pb_kits/playbook/plugins/pb_chart.js +1 -1
  133. data/app/pb_kits/playbook/react_rails_kits.js +4 -0
  134. data/app/pb_kits/playbook/tokens/_border_radius.scss +0 -10
  135. data/app/pb_kits/playbook/tokens/_colors.scss +0 -25
  136. data/app/pb_kits/playbook/tokens/_line_height.scss +0 -9
  137. data/app/pb_kits/playbook/tokens/_opacity.scss +0 -9
  138. data/app/pb_kits/playbook/tokens/_positioning.scss +0 -9
  139. data/app/pb_kits/playbook/tokens/_screen_sizes.scss +0 -9
  140. data/app/pb_kits/playbook/tokens/_shadows.scss +0 -9
  141. data/app/pb_kits/playbook/tokens/_spacing.scss +0 -10
  142. data/app/pb_kits/playbook/tokens/_typography.scss +0 -25
  143. data/app/pb_kits/playbook/tokens/exports/_border_radius.scss +10 -0
  144. data/app/pb_kits/playbook/tokens/exports/_colors.scss +26 -0
  145. data/app/pb_kits/playbook/tokens/exports/_line_height.scss +10 -0
  146. data/app/pb_kits/playbook/tokens/exports/_opacity.scss +10 -0
  147. data/app/pb_kits/playbook/tokens/exports/_positioning.scss +10 -0
  148. data/app/pb_kits/playbook/tokens/exports/_screen_sizes.scss +10 -0
  149. data/app/pb_kits/playbook/tokens/exports/_shadows.scss +10 -0
  150. data/app/pb_kits/playbook/tokens/exports/_spacing.scss +10 -0
  151. data/app/pb_kits/playbook/tokens/exports/_typography.scss +24 -0
  152. data/app/pb_kits/playbook/utilities/test-utils.js +6 -0
  153. data/app/pb_kits/playbook/vendor.js +3 -0
  154. data/dist/reset.css +1 -0
  155. data/lib/playbook/props/base.rb +1 -1
  156. data/lib/playbook/version.rb +1 -1
  157. metadata +73 -12
  158. data/app/pb_kits/playbook/pb_form/form.html.erb +0 -7
  159. data/app/pb_kits/playbook/pb_form/form_builder/action_area.html.erb +0 -3
@@ -5,4 +5,8 @@ export { default as Legend } from './pb_legend/_legend.jsx'
5
5
  export { default as LineGraph } from './pb_line_graph/_line_graph.jsx'
6
6
  export { default as Typeahead } from './pb_typeahead/_typeahead.jsx'
7
7
  export { default as RichTextEditor } from './pb_rich_text_editor/_rich_text_editor.jsx'
8
+ export { default as Dialog } from './pb_dialog/_dialog.jsx'
9
+ export { default as DialogHeader } from './pb_dialog/child_kits/_dialog_header.jsx'
10
+ export { default as DialogBody } from './pb_dialog/child_kits/_dialog_body.jsx'
11
+ export { default as DialogFooter } from './pb_dialog/child_kits/_dialog_footer.jsx'
8
12
  export { KitSearch, SnippetToggle, DarkModeToggle } from './docs_components'
@@ -32,13 +32,3 @@ $border_radius: (
32
32
  border_radius_none: $border_radius_none,
33
33
  border_radius_rounded: $border_radius_rounded
34
34
  );
35
-
36
-
37
- :export {
38
- @mixin export_border_radius($border_radius_list) {
39
- @each $name, $size in $border_radius_list {
40
- #{$name}: $size;
41
- }
42
- }
43
- @include export_border_radius($border_radius);
44
- }
@@ -250,28 +250,3 @@ $transparent: transparent;
250
250
  background: linear-gradient(135deg, $start 0%, $end 100%);
251
251
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$start}', endColorstr='#{$end}', GradientType=1);
252
252
  }
253
-
254
- :export {
255
- @mixin export-colors($colors-list) {
256
- @each $name, $color in $colors-list {
257
- #{$name}: $color;
258
- }
259
- }
260
- @include export-colors($product_colors);
261
- @include export-colors($status_colors);
262
- @include export-colors($data_colors);
263
- @include export-colors($shadow_colors);
264
- @include export-colors($colors);
265
- @include export-colors($interface_colors);
266
- @include export-colors($main_colors);
267
- @include export-colors($background_colors);
268
- @include export-colors($card_colors);
269
- @include export-colors($active_colors);
270
- @include export-colors($action_colors);
271
- @include export-colors($hover_colors);
272
- @include export-colors($border_colors);
273
- @include export-colors($text_colors);
274
- @include export-colors($category_colors);
275
- gradient_start: $gradient_start;
276
- gradient_end: $gradient_end;
277
- }
@@ -14,12 +14,3 @@ $line_height: (
14
14
  looser: $lh_looser,
15
15
  loosest: $lh_loosest
16
16
  );
17
-
18
- :export {
19
- @mixin export_line_height($line_height_list) {
20
- @each $name, $settings in $line_height_list {
21
- #{$name}: $settings;
22
- }
23
- }
24
- @include export_line_height($line_height);
25
- }
@@ -19,12 +19,3 @@ $opacity: (
19
19
  opacity_8: $opacity_8,
20
20
  opacity_9: $opacity_9,
21
21
  );
22
-
23
- :export {
24
- @mixin export_opacity($opacity_list) {
25
- @each $name, $settings in $opacity_list {
26
- #{$name}: $settings;
27
- }
28
- }
29
- @include export_opacity($opacity);
30
- }
@@ -34,12 +34,3 @@ $offscreen: -9999px;
34
34
  }
35
35
  @return map-get($z_layers, $layer);
36
36
  }
37
-
38
- :export {
39
- @mixin export_z_index($z_index_list) {
40
- @each $name, $settings in $z_index_list {
41
- #{$name}: $settings;
42
- }
43
- }
44
- @include export_z_index($z_index);
45
- }
@@ -28,12 +28,3 @@ $breakpoints: (
28
28
  @content;
29
29
  }
30
30
  }
31
-
32
- :export {
33
- @mixin export_breakpoints($breakpoints_list) {
34
- @each $name, $settings in $breakpoints_list {
35
- #{$name}: $settings;
36
- }
37
- }
38
- @include export_breakpoints($breakpoints);
39
- }
@@ -11,12 +11,3 @@ $box_shadows: (
11
11
  shadow_deeper: $shadow_deeper,
12
12
  shadow_deepest: $shadow_deepest
13
13
  );
14
-
15
- :export {
16
- @mixin export_shadows($shadows_list) {
17
- @each $name, $settings in $shadows_list {
18
- #{$name}: $settings;
19
- }
20
- }
21
- @include export_shadows($box_shadows);
22
- }
@@ -11,13 +11,3 @@ $spaces:(
11
11
  space_xl: $space_xl,
12
12
  none: 0
13
13
  );
14
-
15
-
16
- :export {
17
- @mixin export_spacing($spacing_list) {
18
- @each $name, $size in $spacing_list {
19
- #{$name}: $size;
20
- }
21
- }
22
- @include export_spacing($spaces);
23
- }
@@ -62,28 +62,3 @@ $boldest: 800;
62
62
  $bolder: 700;
63
63
  $light: 300;
64
64
  $lighter: 100;
65
-
66
-
67
-
68
- :export {
69
- font_family_base: $font_family_base;
70
- text_jumbo: $text_jumbo;
71
- text_largest: $text_largest;
72
- text_larger: $text_larger;
73
- text_large: $text_large;
74
- text_base: $text_base;
75
- text_default: $text_default;
76
- text_normal: $text_normal;
77
- text_medium: $text_medium;
78
- text_small: $text_small;
79
- text_smaller: $text_smaller;
80
- text_smallest: $text_smallest;
81
- heading_1: $heading_1;
82
- heading_2: $heading_2;
83
- heading_3: $heading_3;
84
- heading_4: $heading_4;
85
- lighter: $lighter;
86
- light: $light;
87
- bold: $bold;
88
- regular: $regular;
89
- }
@@ -0,0 +1,10 @@
1
+ @import "../border_radius";
2
+
3
+ :export {
4
+ @mixin export_border_radius($border_radius_list) {
5
+ @each $name, $size in $border_radius_list {
6
+ #{$name}: $size;
7
+ }
8
+ }
9
+ @include export_border_radius($border_radius);
10
+ }
@@ -0,0 +1,26 @@
1
+ @import "../colors";
2
+
3
+ :export {
4
+ @mixin export-colors($colors-list) {
5
+ @each $name, $color in $colors-list {
6
+ #{$name}: $color;
7
+ }
8
+ }
9
+ @include export-colors($product_colors);
10
+ @include export-colors($status_colors);
11
+ @include export-colors($data_colors);
12
+ @include export-colors($shadow_colors);
13
+ @include export-colors($colors);
14
+ @include export-colors($interface_colors);
15
+ @include export-colors($main_colors);
16
+ @include export-colors($background_colors);
17
+ @include export-colors($card_colors);
18
+ @include export-colors($active_colors);
19
+ @include export-colors($action_colors);
20
+ @include export-colors($hover_colors);
21
+ @include export-colors($border_colors);
22
+ @include export-colors($text_colors);
23
+ @include export-colors($category_colors);
24
+ gradient_start: $gradient_start;
25
+ gradient_end: $gradient_end;
26
+ }
@@ -0,0 +1,10 @@
1
+ @import "../line_height";
2
+
3
+ :export {
4
+ @mixin export_line_height($line_height_list) {
5
+ @each $name, $settings in $line_height_list {
6
+ #{$name}: $settings;
7
+ }
8
+ }
9
+ @include export_line_height($line_height);
10
+ }
@@ -0,0 +1,10 @@
1
+ @import "../opacity";
2
+
3
+ :export {
4
+ @mixin export_opacity($opacity_list) {
5
+ @each $name, $settings in $opacity_list {
6
+ #{$name}: $settings;
7
+ }
8
+ }
9
+ @include export_opacity($opacity);
10
+ }
@@ -0,0 +1,10 @@
1
+ @import "../positioning";
2
+
3
+ :export {
4
+ @mixin export_z_index($z_index_list) {
5
+ @each $name, $settings in $z_index_list {
6
+ #{$name}: $settings;
7
+ }
8
+ }
9
+ @include export_z_index($z_index);
10
+ }
@@ -0,0 +1,10 @@
1
+ @import "../screen_sizes";
2
+
3
+ :export {
4
+ @mixin export_breakpoints($breakpoints_list) {
5
+ @each $name, $settings in $breakpoints_list {
6
+ #{$name}: $settings;
7
+ }
8
+ }
9
+ @include export_breakpoints($breakpoints);
10
+ }
@@ -0,0 +1,10 @@
1
+ @import "../shadows";
2
+
3
+ :export {
4
+ @mixin export_shadows($shadows_list) {
5
+ @each $name, $settings in $shadows_list {
6
+ #{$name}: $settings;
7
+ }
8
+ }
9
+ @include export_shadows($box_shadows);
10
+ }
@@ -0,0 +1,10 @@
1
+ @import "../spacing";
2
+
3
+ :export {
4
+ @mixin export_spacing($spacing_list) {
5
+ @each $name, $size in $spacing_list {
6
+ #{$name}: $size;
7
+ }
8
+ }
9
+ @include export_spacing($spaces);
10
+ }
@@ -0,0 +1,24 @@
1
+ @import "../typography";
2
+
3
+ :export {
4
+ font_family_base: $font_family_base;
5
+ text_jumbo: $text_jumbo;
6
+ text_largest: $text_largest;
7
+ text_larger: $text_larger;
8
+ text_large: $text_large;
9
+ text_base: $text_base;
10
+ text_default: $text_default;
11
+ text_normal: $text_normal;
12
+ text_medium: $text_medium;
13
+ text_small: $text_small;
14
+ text_smaller: $text_smaller;
15
+ text_smallest: $text_smallest;
16
+ heading_1: $heading_1;
17
+ heading_2: $heading_2;
18
+ heading_3: $heading_3;
19
+ heading_4: $heading_4;
20
+ lighter: $lighter;
21
+ light: $light;
22
+ bold: $bold;
23
+ regular: $regular;
24
+ }
@@ -39,3 +39,9 @@ export const ensureAccessible = async (Kit, props = {}, newProps = {}) => {
39
39
  const html = render()
40
40
  expect(await axe(html)).toHaveNoViolations()
41
41
  }
42
+
43
+ export const appendAlert = (message) => {
44
+ const alertNode = document.createElement('div')
45
+ alertNode.innerHTML = message
46
+ document.querySelector('body').appendChild(alertNode)
47
+ }
@@ -12,6 +12,9 @@ window.datePickerHelper = datePickerHelper
12
12
  // Lazy image loading
13
13
  import 'lazysizes'
14
14
 
15
+ import PbCollapsible from './pb_collapsible'
16
+ PbCollapsible.start()
17
+
15
18
  import PbPopover from './pb_popover'
16
19
  PbPopover.start()
17
20
 
data/dist/reset.css ADDED
@@ -0,0 +1 @@
1
+ *{box-sizing:border-box;margin:0;padding:0}*:before,*:after{box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);height:100vh;overflow-x:hidden}body{font-family:"Proxima Nova","Helvetica Neue",Helvetica,Arial,sans_serif;font-size:16px;line-height:1.5;background-color:#F3F7FB;height:100%;letter-spacing:0;font-weight:400;font-style:normal;text-rendering:optimizeLegibility;-moz-font-feature-settings:"liga" on;color:#242B42;margin:0 !important;padding:0 !important;box-sizing:border-box;min-height:100vh;padding:50px}a{text-decoration:none;color:#0056CF}
@@ -46,4 +46,4 @@ module Playbook
46
46
  end
47
47
  end
48
48
  end
49
- end
49
+ end
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- VERSION = "8.0.0.pre.alpha5"
4
+ VERSION = "8.1.0.pre.alpha1"
5
5
  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: 8.0.0.pre.alpha5
4
+ version: 8.1.0.pre.alpha1
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: 2021-02-23 00:00:00.000000000 Z
12
+ date: 2021-03-10 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -17,7 +17,7 @@ dependencies:
17
17
  requirements:
18
18
  - - ">="
19
19
  - !ruby/object:Gem::Version
20
- version: 5.1.6
20
+ version: 5.2.4.5
21
21
  - - "<"
22
22
  - !ruby/object:Gem::Version
23
23
  version: '6.0'
@@ -27,7 +27,7 @@ dependencies:
27
27
  requirements:
28
28
  - - ">="
29
29
  - !ruby/object:Gem::Version
30
- version: 5.1.6
30
+ version: 5.2.4.5
31
31
  - - "<"
32
32
  - !ruby/object:Gem::Version
33
33
  version: '6.0'
@@ -37,7 +37,7 @@ dependencies:
37
37
  requirements:
38
38
  - - ">="
39
39
  - !ruby/object:Gem::Version
40
- version: 5.1.6
40
+ version: 5.2.4.5
41
41
  - - "<"
42
42
  - !ruby/object:Gem::Version
43
43
  version: '7.0'
@@ -47,7 +47,7 @@ dependencies:
47
47
  requirements:
48
48
  - - ">="
49
49
  - !ruby/object:Gem::Version
50
- version: 5.1.6
50
+ version: 5.2.4.5
51
51
  - - "<"
52
52
  - !ruby/object:Gem::Version
53
53
  version: '7.0'
@@ -57,7 +57,7 @@ dependencies:
57
57
  requirements:
58
58
  - - ">="
59
59
  - !ruby/object:Gem::Version
60
- version: 5.1.6
60
+ version: 5.2.4.5
61
61
  - - "<"
62
62
  - !ruby/object:Gem::Version
63
63
  version: '7.0'
@@ -67,7 +67,7 @@ dependencies:
67
67
  requirements:
68
68
  - - ">="
69
69
  - !ruby/object:Gem::Version
70
- version: 5.1.6
70
+ version: 5.2.4.5
71
71
  - - "<"
72
72
  - !ruby/object:Gem::Version
73
73
  version: '7.0'
@@ -464,6 +464,7 @@ files:
464
464
  - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb
465
465
  - app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml
466
466
  - app/pb_kits/playbook/pb_avatar_action_button/docs/index.js
467
+ - app/pb_kits/playbook/pb_avatar_action_button/pb_avatar_action_button.test.js
467
468
  - app/pb_kits/playbook/pb_background/_background.jsx
468
469
  - app/pb_kits/playbook/pb_background/_background.scss
469
470
  - app/pb_kits/playbook/pb_background/background.html.erb
@@ -526,6 +527,7 @@ files:
526
527
  - app/pb_kits/playbook/pb_button/_button_mixins.scss
527
528
  - app/pb_kits/playbook/pb_button/button.html.erb
528
529
  - app/pb_kits/playbook/pb_button/button.rb
530
+ - app/pb_kits/playbook/pb_button/button.test.js
529
531
  - app/pb_kits/playbook/pb_button/docs/_button_accessibility.html.erb
530
532
  - app/pb_kits/playbook/pb_button/docs/_button_accessibility.jsx
531
533
  - app/pb_kits/playbook/pb_button/docs/_button_block_content.html.erb
@@ -552,6 +554,7 @@ files:
552
554
  - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_mixins.scss
553
555
  - app/pb_kits/playbook/pb_button_toolbar/button_toolbar.html.erb
554
556
  - app/pb_kits/playbook/pb_button_toolbar/button_toolbar.rb
557
+ - app/pb_kits/playbook/pb_button_toolbar/button_toolbar.test.js
555
558
  - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.html.erb
556
559
  - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.jsx
557
560
  - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.html.erb
@@ -609,6 +612,8 @@ files:
609
612
  - app/pb_kits/playbook/pb_card/docs/_card_separator.jsx
610
613
  - app/pb_kits/playbook/pb_card/docs/_card_shadow.html.erb
611
614
  - app/pb_kits/playbook/pb_card/docs/_card_shadow.jsx
615
+ - app/pb_kits/playbook/pb_card/docs/_card_tag.html.erb
616
+ - app/pb_kits/playbook/pb_card/docs/_card_tag.jsx
612
617
  - app/pb_kits/playbook/pb_card/docs/example.yml
613
618
  - app/pb_kits/playbook/pb_card/docs/index.js
614
619
  - app/pb_kits/playbook/pb_checkbox/_checkbox.jsx
@@ -654,6 +659,7 @@ files:
654
659
  - app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss
655
660
  - app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb
656
661
  - app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.rb
662
+ - app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.test.js
657
663
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_click.jsx
658
664
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.html.erb
659
665
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.jsx
@@ -663,6 +669,22 @@ files:
663
669
  - app/pb_kits/playbook/pb_circle_icon_button/docs/_footer.md
664
670
  - app/pb_kits/playbook/pb_circle_icon_button/docs/example.yml
665
671
  - app/pb_kits/playbook/pb_circle_icon_button/docs/index.js
672
+ - app/pb_kits/playbook/pb_collapsible/_collapsible.jsx
673
+ - app/pb_kits/playbook/pb_collapsible/_collapsible.scss
674
+ - app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.jsx
675
+ - app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.jsx
676
+ - app/pb_kits/playbook/pb_collapsible/collapsible.html.erb
677
+ - app/pb_kits/playbook/pb_collapsible/collapsible.rb
678
+ - app/pb_kits/playbook/pb_collapsible/collapsible.test.js
679
+ - app/pb_kits/playbook/pb_collapsible/collapsible_content.html.erb
680
+ - app/pb_kits/playbook/pb_collapsible/collapsible_content.rb
681
+ - app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb
682
+ - app/pb_kits/playbook/pb_collapsible/collapsible_main.rb
683
+ - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.html.erb
684
+ - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
685
+ - app/pb_kits/playbook/pb_collapsible/docs/example.yml
686
+ - app/pb_kits/playbook/pb_collapsible/docs/index.js
687
+ - app/pb_kits/playbook/pb_collapsible/index.js
666
688
  - app/pb_kits/playbook/pb_contact/_contact.jsx
667
689
  - app/pb_kits/playbook/pb_contact/_contact.scss
668
690
  - app/pb_kits/playbook/pb_contact/contact.html.erb
@@ -834,6 +856,29 @@ files:
834
856
  - app/pb_kits/playbook/pb_date_year_stacked/docs/_footer.md
835
857
  - app/pb_kits/playbook/pb_date_year_stacked/docs/example.yml
836
858
  - app/pb_kits/playbook/pb_date_year_stacked/docs/index.js
859
+ - app/pb_kits/playbook/pb_dialog/_close_icon.jsx
860
+ - app/pb_kits/playbook/pb_dialog/_dialog.html.erb
861
+ - app/pb_kits/playbook/pb_dialog/_dialog.jsx
862
+ - app/pb_kits/playbook/pb_dialog/_dialog.scss
863
+ - app/pb_kits/playbook/pb_dialog/_dialog_context.jsx
864
+ - app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.jsx
865
+ - app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.jsx
866
+ - app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.jsx
867
+ - app/pb_kits/playbook/pb_dialog/dialog.rb
868
+ - app/pb_kits/playbook/pb_dialog/dialog.test.jsx
869
+ - app/pb_kits/playbook/pb_dialog/dialog_header.rb
870
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.jsx
871
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.md
872
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
873
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx
874
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.md
875
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_separators.jsx
876
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_separators.md
877
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
878
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.md
879
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.jsx
880
+ - app/pb_kits/playbook/pb_dialog/docs/example.yml
881
+ - app/pb_kits/playbook/pb_dialog/docs/index.js
837
882
  - app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.jsx
838
883
  - app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
839
884
  - app/pb_kits/playbook/pb_distribution_bar/distribution_bar.html.erb
@@ -955,10 +1000,8 @@ files:
955
1000
  - app/pb_kits/playbook/pb_form/docs/_form_simple_form_validate.html.erb
956
1001
  - app/pb_kits/playbook/pb_form/docs/_form_simple_form_validate.md
957
1002
  - app/pb_kits/playbook/pb_form/docs/example.yml
958
- - app/pb_kits/playbook/pb_form/form.html.erb
959
1003
  - app/pb_kits/playbook/pb_form/form.rb
960
1004
  - app/pb_kits/playbook/pb_form/form_builder.rb
961
- - app/pb_kits/playbook/pb_form/form_builder/action_area.html.erb
962
1005
  - app/pb_kits/playbook/pb_form/form_builder/action_area.rb
963
1006
  - app/pb_kits/playbook/pb_form/form_builder/checkbox_field.rb
964
1007
  - app/pb_kits/playbook/pb_form/form_builder/collection_select_field.rb
@@ -1141,6 +1184,14 @@ files:
1141
1184
  - app/pb_kits/playbook/pb_image/image.html.erb
1142
1185
  - app/pb_kits/playbook/pb_image/image.rb
1143
1186
  - app/pb_kits/playbook/pb_image/image.test.js
1187
+ - app/pb_kits/playbook/pb_inline/_inline.jsx
1188
+ - app/pb_kits/playbook/pb_inline/_inline.scss
1189
+ - app/pb_kits/playbook/pb_inline/docs/_inline_default.jsx
1190
+ - app/pb_kits/playbook/pb_inline/docs/_inline_input_options.jsx
1191
+ - app/pb_kits/playbook/pb_inline/docs/_inline_text_options.jsx
1192
+ - app/pb_kits/playbook/pb_inline/docs/example.yml
1193
+ - app/pb_kits/playbook/pb_inline/docs/index.js
1194
+ - app/pb_kits/playbook/pb_inline/inline.test.jsx
1144
1195
  - app/pb_kits/playbook/pb_kit/dateTime.js
1145
1196
  - app/pb_kits/playbook/pb_kit/pb_date_time.rb
1146
1197
  - app/pb_kits/playbook/pb_label_pill/_label_pill.jsx
@@ -1809,6 +1860,7 @@ files:
1809
1860
  - app/pb_kits/playbook/pb_time_stacked/docs/index.js
1810
1861
  - app/pb_kits/playbook/pb_time_stacked/time_stacked.html.erb
1811
1862
  - app/pb_kits/playbook/pb_time_stacked/time_stacked.rb
1863
+ - app/pb_kits/playbook/pb_time_stacked/time_stacked.test.js
1812
1864
  - app/pb_kits/playbook/pb_timeline/_item.jsx
1813
1865
  - app/pb_kits/playbook/pb_timeline/_timeline.jsx
1814
1866
  - app/pb_kits/playbook/pb_timeline/_timeline.scss
@@ -1999,6 +2051,15 @@ files:
1999
2051
  - app/pb_kits/playbook/tokens/_spacing.scss
2000
2052
  - app/pb_kits/playbook/tokens/_transition.scss
2001
2053
  - app/pb_kits/playbook/tokens/_typography.scss
2054
+ - app/pb_kits/playbook/tokens/exports/_border_radius.scss
2055
+ - app/pb_kits/playbook/tokens/exports/_colors.scss
2056
+ - app/pb_kits/playbook/tokens/exports/_line_height.scss
2057
+ - app/pb_kits/playbook/tokens/exports/_opacity.scss
2058
+ - app/pb_kits/playbook/tokens/exports/_positioning.scss
2059
+ - app/pb_kits/playbook/tokens/exports/_screen_sizes.scss
2060
+ - app/pb_kits/playbook/tokens/exports/_shadows.scss
2061
+ - app/pb_kits/playbook/tokens/exports/_spacing.scss
2062
+ - app/pb_kits/playbook/tokens/exports/_typography.scss
2002
2063
  - app/pb_kits/playbook/tokens/index.scss
2003
2064
  - app/pb_kits/playbook/types.js
2004
2065
  - app/pb_kits/playbook/utilities/_background_colors.scss
@@ -2012,6 +2073,7 @@ files:
2012
2073
  - app/pb_kits/playbook/utilities/test-utils.js
2013
2074
  - app/pb_kits/playbook/utilities/text.js
2014
2075
  - app/pb_kits/playbook/vendor.js
2076
+ - dist/reset.css
2015
2077
  - fonts/fontawesome-min.js
2016
2078
  - fonts/regular-min.js
2017
2079
  - lib/playbook.rb
@@ -2061,8 +2123,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
2061
2123
  - !ruby/object:Gem::Version
2062
2124
  version: 1.3.1
2063
2125
  requirements: []
2064
- rubyforge_project:
2065
- rubygems_version: 2.7.3
2126
+ rubygems_version: 3.1.4
2066
2127
  signing_key:
2067
2128
  specification_version: 4
2068
2129
  summary: Playbook Design System