playbook_ui 4.17.0.pre.alpha1 → 4.17.0

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

@@ -9,6 +9,7 @@ $spaces:(
   space_md:   $space_md,
   space_lg:   $space_lg,
   space_xl:   $space_xl,
+  none: 0
 );
 
 

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

@@ -0,0 +1,42 @@
+@import "../tokens/spacing";
+
+$space_classes: ( 
+	xs: $space_xs, 
+	sm: $space_sm, 
+	md: $space_md, 
+	lg: $space_lg, 
+	xl: $space_xl, 
+	none: 0
+);
+
+$positions: ( 
+	m: "margin", 
+	mr: "margin-right", 
+	ml: "margin-left", 
+	mt: "margin-top", 
+	mb: "margin-bottom", 
+	mx: ("margin-left", "margin-right"), 
+	my: ("margin-top", "margin-bottom"),
+	p: "padding", 
+	pr: "padding-right", 
+	pl: "padding-left", 
+	pt: "padding-top", 
+	pb: "padding-bottom", 
+	px: ("padding-left", "padding-right"), 
+	py: ("padding-top", "padding-bottom")
+);
+
+@each $position_name, $position in $positions {
+	@each $space_name, $space in $space_classes {
+		.#{$position_name}_#{$space_name} {
+			@if type-of($position)=="list" {
+				@each $coordinate in $position {
+					#{$coordinate}: #{$space} !important;
+				}
+			}
+			@else {
+				#{$position}: #{$space} !important;
+			}
+		}
+	}
+}

data/app/pb_kits/playbook/utilities/spacing.js

@@ -0,0 +1,33 @@
+export const spacing = ({
+  marginRight,
+  marginLeft,
+  marginTop,
+  marginBottom,
+  marginX,
+  marginY,
+  margin,
+  paddingRight,
+  paddingLeft,
+  paddingTop,
+  paddingBottom,
+  paddingX,
+  paddingY,
+  padding,
+}) => {
+  let css = ''
+  css += marginRight ? `mr_${marginRight} ` : ''
+  css += marginLeft ? `ml_${marginLeft} ` : ''
+  css += marginTop ? `mt_${marginTop} ` : ''
+  css += marginBottom ? `mb_${marginBottom} ` : ''
+  css += marginX ? `mx_${marginX} ` : ''
+  css += marginY ? `my_${marginY} ` : ''
+  css += margin ? `m_${margin} ` : ''
+  css += paddingRight ? `pr_${paddingRight} ` : ''
+  css += paddingLeft ? `pl_${paddingLeft} ` : ''
+  css += paddingTop ? `pt_${paddingTop} ` : ''
+  css += paddingBottom ? `pb_${paddingBottom} ` : ''
+  css += paddingX ? `px_${paddingX} ` : ''
+  css += paddingY ? `py_${paddingY} ` : ''
+  css += padding ? `p_${padding} ` : ''
+  return css
+}

data/app/views/playbook/samples/dashboards/index.html.erb

@@ -6,6 +6,7 @@
           title: "User Experience Designer",
           orientation: "horizontal",
           align: "left",
+          margin_left: "md",
           size: "md",
           avatar_url: "https://s3-hq-f5.powerhrg.com/nitro-production/avatars/55553/badge/business-technology-jonathan-zazula.jpg?AWSAccessKeyId=IWSW00NEQHMEYQTLZ7E9&Signature=S0EN3l5sfIr7yk442Q2MeledXGc%3D&Expires=3161514974"
       }) %>
@@ -48,7 +49,8 @@
         id: "bar-test",
         point_start: 2012,
         subtitle: 'Source: thesolarfoundation.com',
-        title: 'Solar Employment Growth by Sector, 2010-2016'
+        title: 'Solar Employment Growth by Sector, 2010-2016',
+        padding_top: "md"
     }) %>
 
     <% data2 = [{

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "4.17.0-alpha1"
+  VERSION = "4.17.0"
 end

data/lib/tasks/pb_release.rake

@@ -59,8 +59,6 @@ namespace :pb_release do
     `rm -rf playbook_ui-#{version}.gem`
 
     # NPM
-    puts "\nCreating 'dist/' folder with release files..."
-    `yarn release`
     puts "\nPushing to NPM..."
     `npm publish`
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 4.17.0.pre.alpha1
+  version: 4.17.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-06-04 00:00:00.000000000 Z
+date: 2020-06-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -494,11 +494,27 @@ files:
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.jsx
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.md
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_status.html.erb
+- app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_status.md
 - app/pb_kits/playbook/pb_avatar/docs/_description.md
 - app/pb_kits/playbook/pb_avatar/docs/_footer.md
 - app/pb_kits/playbook/pb_avatar/docs/example.yml
 - app/pb_kits/playbook/pb_avatar/docs/index.js
+- app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.jsx
+- app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss
+- app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.rb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml
+- app/pb_kits/playbook/pb_avatar_action_button/docs/index.js
 - app/pb_kits/playbook/pb_badge/_badge.html.erb
 - app/pb_kits/playbook/pb_badge/_badge.jsx
 - app/pb_kits/playbook/pb_badge/_badge.scss
@@ -1021,6 +1037,8 @@ files:
 - app/pb_kits/playbook/pb_layout/_sidebar.html.erb
 - app/pb_kits/playbook/pb_layout/body.rb
 - app/pb_kits/playbook/pb_layout/docs/_description.md
+- app/pb_kits/playbook/pb_layout/docs/_layout_collection.html.erb
+- app/pb_kits/playbook/pb_layout/docs/_layout_collection.jsx
 - app/pb_kits/playbook/pb_layout/docs/_layout_colors.html.erb
 - app/pb_kits/playbook/pb_layout/docs/_layout_colors.jsx
 - app/pb_kits/playbook/pb_layout/docs/_layout_sizes.html.erb
@@ -1079,6 +1097,8 @@ files:
 - app/pb_kits/playbook/pb_list/docs/_list_dark_xpadding.html.erb
 - app/pb_kits/playbook/pb_list/docs/_list_default.html.erb
 - app/pb_kits/playbook/pb_list/docs/_list_default.jsx
+- app/pb_kits/playbook/pb_list/docs/_list_layout_left.html.erb
+- app/pb_kits/playbook/pb_list/docs/_list_layout_right.html.erb
 - app/pb_kits/playbook/pb_list/docs/_list_lg.html.erb
 - app/pb_kits/playbook/pb_list/docs/_list_ordered.html.erb
 - app/pb_kits/playbook/pb_list/docs/_list_xpadding.html.erb
@@ -1594,6 +1614,7 @@ files:
 - app/pb_kits/playbook/pb_title_count/docs/_description.md
 - app/pb_kits/playbook/pb_title_count/docs/_footer.md
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_align.html.erb
+- app/pb_kits/playbook/pb_title_count/docs/_title_count_align.jsx
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_default.html.erb
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_default.jsx
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_default.md
@@ -1722,7 +1743,9 @@ files:
 - app/pb_kits/playbook/types.js
 - app/pb_kits/playbook/utilities/_background_colors.scss
 - app/pb_kits/playbook/utilities/_colors.scss
+- app/pb_kits/playbook/utilities/_spacing.scss
 - app/pb_kits/playbook/utilities/props.js
+- app/pb_kits/playbook/utilities/spacing.js
 - app/pb_kits/playbook/utilities/text.js
 - app/pb_kits/playbook/vendor.js
 - app/views/layouts/playbook/_mobile_hamburger.html.erb
@@ -1794,12 +1817,11 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.3
+rubygems_version: 3.1.2
 signing_key: 
 specification_version: 4
 summary: Playbook Design System