playbook_ui 12.23.0.pre.alpha.play698responsivespacingglobalprop703 → 12.23.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8b6a15cabfa01aa2e44305a74b64bccad017a2bf3281ccd588bf5314200951a5
-  data.tar.gz: f6b92f0a2d92245cefc1bc3f5e6d185be43e7eeff52cfed9f06999a1839c2fbd
+  metadata.gz: f67ec70c0d6e7b36d12c63070302b19e05fb73a0ff350fb0231322450415ed3b
+  data.tar.gz: 437239a1f1bc8fe1b59e9060bd619c7111b3ba70c9a74bcd4bd8535914488439
 SHA512:
-  metadata.gz: 90f06d4bd1dea2ac4a157cf542268f0a318a07e0d6608924ebd63b474fa8da543293987bfeb4f49c498f09b241c5f4cd0618cf75cea1505eecead9306d99a2f2
-  data.tar.gz: 1ce67914400c0bed66b4fe05bd9676c5f038494071b8761c0b3191ff9d1125c8d5cedcfe71da806d8de95e19c8596aa4e31482355320cb1ecbbf5361667ce47f
+  metadata.gz: acd3344d113e1132c9ab0f9bb022cdf614ad90f7a71cd1d5b0cadfc8a2eb1e20bab49f34570c7c2574cac06977f542d12013213e1e92288d054d82b379a425c2
+  data.tar.gz: 7b914c68ab0c769a8e75e63600eaf46027ff3afbe8b5ceede26a13f82c2b81ab920b06a12f2d66d7ba426f3194f0f60b206afed133f6817511043ff3016c16e2

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

@@ -38,25 +38,6 @@ $breakpoints_grid: (
     )
 );
 
-$breakpoints_max_only: (
-    xl: (
-        max: $screen-xl-max
-    ),
-    lg: (
-        max: $screen-lg-max
-    ),
-    md: (
-        max: $screen-md-max
-    ),
-    sm: (
-        max: $screen-sm-max
-    ),
-    xs: (
-        max: $screen-xs-max,
-    )
-);
-
-
 @function breakpoint($breakpoint_name) {
   @return map-get($breakpoints, $breakpoint_name);
 }

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

@@ -7,10 +7,7 @@ $space_classes: (
 	md: $space_md,
 	lg: $space_lg,
 	xl: $space_xl,
-	none: 0,
-  auto: auto,
-  initial: initial,
-  inherit: inherit
+	none: 0
 );
 
 $positions: (
@@ -44,26 +41,3 @@ $positions: (
 		}
 	}
 }
-
-@each $size, $size_value in $breakpoints_max_only {
-  @each $position_name, $position in $positions {
-    @each $space_name, $space in $space_classes {
-        $min_size: map-get($size_value, "min");
-        $max_size: map-get($size_value, "max");
-        .#{$position_name}_#{$size}_#{$space_name} {
-          @if type-of($position)=="list" {
-            @each $coordinate in $position {
-              @include break_at( $max_size) {
-              #{$coordinate}: #{$space} !important;
-              }
-            }
-          }
-          @else {
-            @include break_at( $max_size) {
-              #{$position}: #{$space} !important;
-            }
-          }
-        }
-    }
-  }
-}

data/app/pb_kits/playbook/utilities/globalProps.ts

@@ -22,7 +22,7 @@ type AlignItems = {
 type AlignSelf = {
   alignSelf?: Alignment & ("auto" | "stretch" | "baseline")
 }
-type AllSizes = None | Sizes | "auto" | "initial" | "inherit"
+type AllSizes = None | Sizes
 
 type BorderRadius = {
   borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "rounded",
@@ -153,67 +153,22 @@ const PROP_CATEGORIES: {[key:string]: (props: {[key: string]: any}) => string} =
     padding,
   }: Margin & Padding) => {
     let css = ''
-    const spacingProps = {
-      marginRight,
-      marginLeft,
-      marginTop,
-      marginBottom,
-      marginX,
-      marginY,
-      margin,
-      paddingRight,
-      paddingLeft,
-      paddingTop,
-      paddingBottom,
-      paddingX,
-      paddingY,
-      padding,
-    };
-
-    function handleObjectValue(properties: Margin | Padding, prefix: string) {
-      let classResult = '';
-
-      Object.entries(properties).forEach(([key, value]) => {
-        classResult += `${prefix}_${key}_${value} `;
-      });
-
-      return classResult;
-    }
-
-    function getPrefix(key: string) {
-      const prefixes: Record<string, string> = {
-        marginRight: 'mr',
-        marginLeft: 'ml',
-        marginTop: 'mt',
-        marginBottom: 'mb',
-        marginX: 'mx',
-        marginY: 'my',
-        margin: 'm',
-        paddingRight: 'pr',
-        paddingLeft: 'pl',
-        paddingTop: 'pt',
-        paddingBottom: 'pb',
-        paddingX: 'px',
-        paddingY: 'py',
-        padding: 'p',
-      };
-
-      return prefixes[key];
-    }
-
-    Object.entries(spacingProps).forEach(([key, value]) => {
-      if (value) {
-        if (typeof value === 'object') {
-          css += handleObjectValue(value, getPrefix(key));
-        } else {
-          const prefix = getPrefix(key);
-          css += `${prefix}_${value} `;
-        }
-      }
-    });
-    return css.trim();
+    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
   },
-
   darkProps: ({ dark }: Dark) => dark ? 'dark' : '',
   numberSpacingProps: ({ numberSpacing }: NumberSpacing) => {
     let css = ''

data/lib/playbook/spacing.rb

@@ -50,32 +50,17 @@ module Playbook
     end
 
     def spacing_values
-      %w[none xxs xs sm md lg xl auto initial inherit]
-    end
-
-    def screen_size_values
-      %w[xs sm md lg xl]
+      %w[none xxs xs sm md lg xl]
     end
 
     def spacing_props
       selected_props = spacing_options.keys.select { |sk| try(sk) }
       return nil unless selected_props.present?
 
-      responsive = selected_props.present? && try(selected_props.first).is_a?(::Hash)
-      css = ""
-      selected_props.each do |prop|
-        spacing_value = send(prop)
-        prefix = spacing_options[prop]
-        if responsive
-          spacing_value.each do |key, value|
-            css += "#{prefix}_#{key}_#{value} " if screen_size_values.include?(key.to_s) && spacing_values.include?(value.to_s)
-          end
-        elsif spacing_values.include?(spacing_value)
-          css += "#{prefix}_#{spacing_value} "
-        end
-      end
-
-      css.strip unless css.blank?
+      selected_props.map do |k|
+        spacing_value = send(k)
+        "#{spacing_options[k]}_#{spacing_value}" if spacing_values.include? spacing_value
+      end.compact.join(" ")
     end
 
     def max_width_props

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "12.23.0"
-  VERSION = "12.23.0.pre.alpha.play698responsivespacingglobalprop703"
+  PREVIOUS_VERSION = "12.22.0"
+  VERSION = "12.23.0"
 end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 12.23.0.pre.alpha.play698responsivespacingglobalprop703
+  version: 12.23.0
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-05-24 00:00:00.000000000 Z
+date: 2023-05-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2491,7 +2491,7 @@ homepage: http://playbook.powerapp.cloud
 licenses:
 - ISC
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2502,12 +2502,12 @@ 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: []
 rubygems_version: 3.3.7
-signing_key: 
+signing_key:
 specification_version: 4
 summary: Playbook Design System
 test_files: []