playbook_ui 8.0.1 → 8.2.0.pre.alpha2

data/app/pb_kits/playbook/tokens/_line_height.scss

@@ -14,12 +14,3 @@ $line_height: (
   looser: $lh_looser,
   loosest: $lh_loosest
 );
-
-:export {
-  @mixin export_line_height($line_height_list) {
-    @each $name, $settings in $line_height_list {
-      #{$name}: $settings;
-    }
-  }
-  @include export_line_height($line_height);
-}

data/app/pb_kits/playbook/tokens/_opacity.scss

@@ -19,12 +19,3 @@ $opacity: (
   opacity_8: $opacity_8,
   opacity_9: $opacity_9,
 );
-
-:export {
-  @mixin export_opacity($opacity_list) {
-    @each $name, $settings in $opacity_list {
-      #{$name}: $settings;
-    }
-  }
-  @include export_opacity($opacity);
-}

data/app/pb_kits/playbook/tokens/_positioning.scss

@@ -34,12 +34,3 @@ $offscreen: -9999px;
   }
   @return map-get($z_layers, $layer);
 }
-
-:export {
-  @mixin export_z_index($z_index_list) {
-    @each $name, $settings in $z_index_list {
-      #{$name}: $settings;
-    }
-  }
-  @include export_z_index($z_index);
-}

data/app/pb_kits/playbook/tokens/_screen_sizes.scss

@@ -28,12 +28,3 @@ $breakpoints: (
     @content;
   }
 }
-
-:export {
-  @mixin export_breakpoints($breakpoints_list) {
-    @each $name, $settings in $breakpoints_list {
-      #{$name}: $settings;
-    }
-  }
-  @include export_breakpoints($breakpoints);
-}

data/app/pb_kits/playbook/tokens/_shadows.scss

@@ -11,12 +11,3 @@ $box_shadows: (
   shadow_deeper: $shadow_deeper,
   shadow_deepest: $shadow_deepest
 );
-
-:export {
-  @mixin export_shadows($shadows_list) {
-    @each $name, $settings in $shadows_list {
-      #{$name}: $settings;
-    }
-  }
-  @include export_shadows($box_shadows);
-}

data/app/pb_kits/playbook/tokens/_spacing.scss

@@ -11,13 +11,3 @@ $spaces:(
   space_xl:   $space_xl,
   none: 0
 );
-
-
-:export {
-  @mixin export_spacing($spacing_list) {
-    @each $name, $size in $spacing_list {
-      #{$name}: $size;
-    }
-  }
-  @include export_spacing($spaces);
-}

data/app/pb_kits/playbook/tokens/_typography.scss

@@ -62,28 +62,3 @@ $boldest:       800;
 $bolder:        700;
 $light:         300;
 $lighter:       100;
-
-
-
-:export {
-  font_family_base: $font_family_base;
-  text_jumbo: $text_jumbo;
-  text_largest: $text_largest;
-  text_larger: $text_larger;
-  text_large: $text_large;
-  text_base: $text_base;
-  text_default: $text_default;
-  text_normal: $text_normal;
-  text_medium: $text_medium;
-  text_small: $text_small;
-  text_smaller: $text_smaller;
-  text_smallest: $text_smallest;
-  heading_1: $heading_1;
-  heading_2: $heading_2;
-  heading_3: $heading_3;
-  heading_4: $heading_4;
-  lighter: $lighter;
-  light: $light;
-  bold: $bold;
-  regular: $regular;
-}

data/app/pb_kits/playbook/tokens/exports/_border_radius.scss

@@ -0,0 +1,10 @@
+@import "../border_radius";
+
+:export {
+  @mixin export_border_radius($border_radius_list) {
+    @each $name, $size in $border_radius_list {
+      #{$name}: $size;
+    }
+  }
+  @include export_border_radius($border_radius);
+}

data/app/pb_kits/playbook/tokens/exports/_colors.scss

@@ -0,0 +1,26 @@
+@import "../colors";
+
+:export {
+  @mixin export-colors($colors-list) {
+    @each $name, $color in $colors-list {
+      #{$name}: $color;
+    }
+  }
+  @include export-colors($product_colors);
+  @include export-colors($status_colors);
+  @include export-colors($data_colors);
+  @include export-colors($shadow_colors);
+  @include export-colors($colors);
+  @include export-colors($interface_colors);
+  @include export-colors($main_colors);
+  @include export-colors($background_colors);
+  @include export-colors($card_colors);
+  @include export-colors($active_colors);
+  @include export-colors($action_colors);
+  @include export-colors($hover_colors);
+  @include export-colors($border_colors);
+  @include export-colors($text_colors);
+  @include export-colors($category_colors);
+  gradient_start: $gradient_start;
+  gradient_end: $gradient_end;
+}

data/app/pb_kits/playbook/tokens/exports/_line_height.scss

@@ -0,0 +1,10 @@
+@import "../line_height";
+
+:export {
+  @mixin export_line_height($line_height_list) {
+    @each $name, $settings in $line_height_list {
+      #{$name}: $settings;
+    }
+  }
+  @include export_line_height($line_height);
+}

data/app/pb_kits/playbook/tokens/exports/_opacity.scss

@@ -0,0 +1,10 @@
+@import "../opacity";
+
+:export {
+  @mixin export_opacity($opacity_list) {
+    @each $name, $settings in $opacity_list {
+      #{$name}: $settings;
+    }
+  }
+  @include export_opacity($opacity);
+}

data/app/pb_kits/playbook/tokens/exports/_positioning.scss

@@ -0,0 +1,10 @@
+@import "../positioning";
+
+:export {
+  @mixin export_z_index($z_index_list) {
+    @each $name, $settings in $z_index_list {
+      #{$name}: $settings;
+    }
+  }
+  @include export_z_index($z_index);
+}

data/app/pb_kits/playbook/tokens/exports/_screen_sizes.scss

@@ -0,0 +1,10 @@
+@import "../screen_sizes";
+
+:export {
+  @mixin export_breakpoints($breakpoints_list) {
+    @each $name, $settings in $breakpoints_list {
+      #{$name}: $settings;
+    }
+  }
+  @include export_breakpoints($breakpoints);
+}

data/app/pb_kits/playbook/tokens/exports/_shadows.scss

@@ -0,0 +1,10 @@
+@import "../shadows";
+
+:export {
+  @mixin export_shadows($shadows_list) {
+    @each $name, $settings in $shadows_list {
+      #{$name}: $settings;
+    }
+  }
+  @include export_shadows($box_shadows);
+}

data/app/pb_kits/playbook/tokens/exports/_spacing.scss

@@ -0,0 +1,10 @@
+@import "../spacing";
+
+:export {
+  @mixin export_spacing($spacing_list) {
+    @each $name, $size in $spacing_list {
+      #{$name}: $size;
+    }
+  }
+  @include export_spacing($spaces);
+}

data/app/pb_kits/playbook/tokens/exports/_typography.scss

@@ -0,0 +1,24 @@
+@import "../typography";
+
+:export {
+  font_family_base: $font_family_base;
+  text_jumbo: $text_jumbo;
+  text_largest: $text_largest;
+  text_larger: $text_larger;
+  text_large: $text_large;
+  text_base: $text_base;
+  text_default: $text_default;
+  text_normal: $text_normal;
+  text_medium: $text_medium;
+  text_small: $text_small;
+  text_smaller: $text_smaller;
+  text_smallest: $text_smallest;
+  heading_1: $heading_1;
+  heading_2: $heading_2;
+  heading_3: $heading_3;
+  heading_4: $heading_4;
+  lighter: $lighter;
+  light: $light;
+  bold: $bold;
+  regular: $regular;
+}

data/app/pb_kits/playbook/utilities/test-utils.js

@@ -39,3 +39,9 @@ export const ensureAccessible = async (Kit, props = {}, newProps = {}) => {
   const html = render()
   expect(await axe(html)).toHaveNoViolations()
 }
+
+export const appendAlert = (message) => {
+  const alertNode = document.createElement('div')
+  alertNode.innerHTML = message
+  document.querySelector('body').appendChild(alertNode)
+}

data/app/pb_kits/playbook/vendor.js

@@ -12,6 +12,9 @@ window.datePickerHelper = datePickerHelper
 // Lazy image loading
 import 'lazysizes'
 
+import PbCollapsible from './pb_collapsible'
+PbCollapsible.start()
+
 import PbPopover from './pb_popover'
 PbPopover.start()
 

data/dist/reset.css

@@ -0,0 +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}

data/lib/playbook/props/base.rb

@@ -46,4 +46,4 @@ module Playbook
       end
     end
   end
-end
+end

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "8.0.1"
+  VERSION = "8.2.0.pre.alpha2"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 8.0.1
+  version: 8.2.0.pre.alpha2
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-02-25 00:00:00.000000000 Z
+date: 2021-03-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -17,7 +17,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.1.6
+        version: 5.2.4.5
     - - "<"
       - !ruby/object:Gem::Version
         version: '6.0'
@@ -27,7 +27,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.1.6
+        version: 5.2.4.5
     - - "<"
       - !ruby/object:Gem::Version
         version: '6.0'
@@ -37,7 +37,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.1.6
+        version: 5.2.4.5
     - - "<"
       - !ruby/object:Gem::Version
         version: '7.0'
@@ -47,7 +47,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.1.6
+        version: 5.2.4.5
     - - "<"
       - !ruby/object:Gem::Version
         version: '7.0'
@@ -57,7 +57,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.1.6
+        version: 5.2.4.5
     - - "<"
       - !ruby/object:Gem::Version
         version: '7.0'
@@ -67,7 +67,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.1.6
+        version: 5.2.4.5
     - - "<"
       - !ruby/object:Gem::Version
         version: '7.0'
@@ -526,6 +526,7 @@ files:
 - app/pb_kits/playbook/pb_button/_button_mixins.scss
 - app/pb_kits/playbook/pb_button/button.html.erb
 - app/pb_kits/playbook/pb_button/button.rb
+- app/pb_kits/playbook/pb_button/button.test.js
 - app/pb_kits/playbook/pb_button/docs/_button_accessibility.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_accessibility.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_block_content.html.erb
@@ -552,6 +553,7 @@ files:
 - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_mixins.scss
 - app/pb_kits/playbook/pb_button_toolbar/button_toolbar.html.erb
 - app/pb_kits/playbook/pb_button_toolbar/button_toolbar.rb
+- app/pb_kits/playbook/pb_button_toolbar/button_toolbar.test.js
 - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.html.erb
 - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.jsx
 - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.html.erb
@@ -654,6 +656,7 @@ files:
 - app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss
 - app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb
 - app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.rb
+- app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.test.js
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_click.jsx
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.html.erb
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.jsx
@@ -663,6 +666,22 @@ files:
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_footer.md
 - app/pb_kits/playbook/pb_circle_icon_button/docs/example.yml
 - app/pb_kits/playbook/pb_circle_icon_button/docs/index.js
+- app/pb_kits/playbook/pb_collapsible/_collapsible.jsx
+- app/pb_kits/playbook/pb_collapsible/_collapsible.scss
+- app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.jsx
+- app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.jsx
+- app/pb_kits/playbook/pb_collapsible/collapsible.html.erb
+- app/pb_kits/playbook/pb_collapsible/collapsible.rb
+- app/pb_kits/playbook/pb_collapsible/collapsible.test.js
+- app/pb_kits/playbook/pb_collapsible/collapsible_content.html.erb
+- app/pb_kits/playbook/pb_collapsible/collapsible_content.rb
+- app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb
+- app/pb_kits/playbook/pb_collapsible/collapsible_main.rb
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.html.erb
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
+- app/pb_kits/playbook/pb_collapsible/docs/example.yml
+- app/pb_kits/playbook/pb_collapsible/docs/index.js
+- app/pb_kits/playbook/pb_collapsible/index.js
 - app/pb_kits/playbook/pb_contact/_contact.jsx
 - app/pb_kits/playbook/pb_contact/_contact.scss
 - app/pb_kits/playbook/pb_contact/contact.html.erb
@@ -1808,6 +1827,7 @@ files:
 - app/pb_kits/playbook/pb_time_stacked/docs/index.js
 - app/pb_kits/playbook/pb_time_stacked/time_stacked.html.erb
 - app/pb_kits/playbook/pb_time_stacked/time_stacked.rb
+- app/pb_kits/playbook/pb_time_stacked/time_stacked.test.js
 - app/pb_kits/playbook/pb_timeline/_item.jsx
 - app/pb_kits/playbook/pb_timeline/_timeline.jsx
 - app/pb_kits/playbook/pb_timeline/_timeline.scss
@@ -1998,6 +2018,15 @@ files:
 - app/pb_kits/playbook/tokens/_spacing.scss
 - app/pb_kits/playbook/tokens/_transition.scss
 - app/pb_kits/playbook/tokens/_typography.scss
+- app/pb_kits/playbook/tokens/exports/_border_radius.scss
+- app/pb_kits/playbook/tokens/exports/_colors.scss
+- app/pb_kits/playbook/tokens/exports/_line_height.scss
+- app/pb_kits/playbook/tokens/exports/_opacity.scss
+- app/pb_kits/playbook/tokens/exports/_positioning.scss
+- app/pb_kits/playbook/tokens/exports/_screen_sizes.scss
+- app/pb_kits/playbook/tokens/exports/_shadows.scss
+- app/pb_kits/playbook/tokens/exports/_spacing.scss
+- app/pb_kits/playbook/tokens/exports/_typography.scss
 - app/pb_kits/playbook/tokens/index.scss
 - app/pb_kits/playbook/types.js
 - app/pb_kits/playbook/utilities/_background_colors.scss
@@ -2011,6 +2040,7 @@ files:
 - app/pb_kits/playbook/utilities/test-utils.js
 - app/pb_kits/playbook/utilities/text.js
 - app/pb_kits/playbook/vendor.js
+- dist/reset.css
 - fonts/fontawesome-min.js
 - fonts/regular-min.js
 - lib/playbook.rb
@@ -2056,9 +2086,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubyforge_project:
 rubygems_version: 2.7.3