playbook_ui 13.3.0 → 13.4.0.pre.alpha.PLAY973Hash1181

data/lib/playbook/classnames.rb

@@ -34,6 +34,7 @@ module Playbook
         position_props,
         hover_props,
         border_radius_props,
+        text_align_props,
       ].compact.join(" ")
     end
 

data/lib/playbook/hover.rb

@@ -24,12 +24,16 @@ module Playbook
       []
     end
 
+    def hover_color_values
+      []
+    end
+
     def hover_values
       hover_options.keys.select { |sk| try(sk) }
     end
 
     def hover_attributes
-      %w[background shadow scale]
+      %w[background shadow scale color]
     end
 
     def hover_props
@@ -43,7 +47,7 @@ module Playbook
         prefix = hover_options[prop]
         if responsive
           value.each do |key, val|
-            if key == :background
+            if %i[background color].include?(key)
               css += "#{prefix}_#{key}_#{val} " if hover_attributes.include?(key.to_s)
             elsif hover_attributes.include?(key.to_s) && send("hover_#{key}_values").include?(val.to_s)
               css += "#{prefix}_#{key}_#{val} "

data/lib/playbook/kit_base.rb

@@ -22,6 +22,7 @@ require "playbook/order"
 require "playbook/position"
 require "playbook/hover"
 require "playbook/border_radius"
+require "playbook/text_align"
 
 module Playbook
   class KitBase < ViewComponent::Base
@@ -49,10 +50,11 @@ module Playbook
     include Playbook::Position
     include Playbook::Hover
     include Playbook::BorderRadius
+    include Playbook::TextAlign
 
     prop :id
-    prop :data, type: Playbook::Props::Hash, default: {}
-    prop :aria, type: Playbook::Props::Hash, default: {}
+    prop :data, type: Playbook::Props::HashProp, default: {}
+    prop :aria, type: Playbook::Props::HashProp, default: {}
     prop :children, type: Playbook::Props::Proc
 
     def object

data/lib/playbook/props/hash.rb

@@ -2,7 +2,7 @@
 
 module Playbook
   module Props
-    class Hash < Playbook::Props::Base
+    class HashProp < Playbook::Props::Base
       def validate(value)
         value.is_a?(::Hash)
       end

data/lib/playbook/spacing.rb

@@ -27,7 +27,7 @@ module Playbook
     end
 
     def max_width_values
-      %w[xs sm md lg xl 0 none]
+      %w[xs sm md lg xl xxl 0 none]
     end
 
     def spacing_options
@@ -54,22 +54,31 @@ module Playbook
     end
 
     def screen_size_values
-      %w[xs sm md lg xl]
+      %w[xs sm md lg xl default]
+    end
+
+    def break_method_values
+      %w[on at]
     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|
+        responsive = try(prop).is_a?(::Hash)
         spacing_value = send(prop)
         prefix = spacing_options[prop]
+
         if responsive
+          default_value = spacing_value.delete(:default) || nil
+          break_value = spacing_value.delete(:break) || break_method_values.first
           spacing_value.each do |key, value|
-            css += "#{prefix}_#{key}_#{value} " if screen_size_values.include?(key.to_s) && spacing_values.include?(value.to_s)
+            css += "break_#{break_value}_#{key}\:#{prefix}_#{value} " if screen_size_values.include?(key.to_s) && spacing_values.include?(value.to_s)
           end
+
+          css += "#{prefix}_#{default_value} " if spacing_values.include?(default_value)
         elsif spacing_values.include?(spacing_value)
           css += "#{prefix}_#{spacing_value} "
         end

data/lib/playbook/text_align.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+module Playbook
+  module TextAlign
+    def self.included(base)
+      base.prop :text_align
+    end
+
+    # rubocop:disable Style/IfInsideElse
+    def text_align_props
+      selected_props = text_align_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        text_align_value = send(k)
+        if text_align_value.is_a?(Hash)
+          text_align_value.map do |media_size, flex_value|
+            "text_align_#{media_size}_#{flex_value.underscore}" if text_align_values.include? flex_value
+          end
+        else
+          "text_align_#{text_align_value.underscore}" if text_align_values.include? text_align_value
+        end
+      end.compact.join(" ")
+    end
+    # rubocop:enable Style/IfInsideElse
+
+    def text_align_options
+      {
+        text_align: "text_align",
+      }
+    end
+
+    def text_align_values
+      %w[start end left right center justify justify-all match-parent]
+    end
+  end
+end

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "13.2.0"
-  VERSION = "13.3.0"
+  PREVIOUS_VERSION = "13.4.0"
+  VERSION = "13.4.0.pre.alpha.PLAY973Hash1181"
 end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.3.0
+  version: 13.4.0.pre.alpha.PLAY973Hash1181
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-09-07 00:00:00.000000000 Z
+date: 2023-09-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2254,6 +2254,9 @@ files:
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.html.erb
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.jsx
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_swift.md
+- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.html.erb
+- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.jsx
+- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.html.erb
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.jsx
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_swift.md
@@ -2498,6 +2501,7 @@ files:
 - app/pb_kits/playbook/tokens/_screen_sizes.scss
 - app/pb_kits/playbook/tokens/_shadows.scss
 - app/pb_kits/playbook/tokens/_spacing.scss
+- app/pb_kits/playbook/tokens/_text_align.scss
 - app/pb_kits/playbook/tokens/_titles.scss
 - app/pb_kits/playbook/tokens/_transition.scss
 - app/pb_kits/playbook/tokens/_typography.scss
@@ -2527,6 +2531,7 @@ files:
 - app/pb_kits/playbook/utilities/_positioning.scss
 - app/pb_kits/playbook/utilities/_shadow.scss
 - app/pb_kits/playbook/utilities/_spacing.scss
+- app/pb_kits/playbook/utilities/_text_align.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_content.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_items.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_self.scss
@@ -2613,6 +2618,7 @@ files:
 - lib/playbook/props/string.rb
 - lib/playbook/shadow.rb
 - lib/playbook/spacing.rb
+- lib/playbook/text_align.rb
 - lib/playbook/version.rb
 - lib/playbook/z_index.rb
 - lib/playbook_ui.rb
@@ -2620,7 +2626,7 @@ homepage: https://playbook.powerapp.cloud/
 licenses:
 - ISC
 metadata: {}
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -2631,12 +2637,12 @@ 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: []
 rubygems_version: 3.3.7
-signing_key:
+signing_key: 
 specification_version: 4
 summary: Playbook Design System
 test_files: []