playbook_ui 10.26.0.pre.rc1 → 10.26.0

data/lib/playbook/justify_content.rb

@@ -6,15 +6,23 @@ module Playbook
       base.prop :justify_content
     end
 
+    # rubocop:disable Style/IfInsideElse
     def justify_content_props
       selected_props = justify_content_options.keys.select { |sk| try(sk) }
       return nil unless selected_props.present?
 
       selected_props.map do |k|
         justify_content_value = send(k)
-        "justify_content_#{justify_content_value}" if justify_content_values.include? justify_content_value
+        if justify_content_value.is_a?(Hash)
+          justify_content_value.map do |media_size, justify_value|
+            "justify_content_#{media_size}_#{justify_value.underscore}" if justify_content_values.include? justify_value
+          end
+        else
+          "justify_content_#{justify_content_value.underscore}" if justify_content_values.include? justify_content_value
+        end
       end.compact.join(" ")
     end
+    # rubocop:enable Style/IfInsideElse
 
     def justify_content_options
       {
@@ -23,7 +31,7 @@ module Playbook
     end
 
     def justify_content_values
-      %w[start end center space_between space_around space_evenly]
+      %w[start end center spaceBetween spaceAround spaceEvenly]
     end
   end
 end

data/lib/playbook/justify_self.rb

@@ -6,15 +6,23 @@ module Playbook
       base.prop :justify_self
     end
 
+    # rubocop:disable Style/IfInsideElse
     def justify_self_props
       selected_props = justify_self_options.keys.select { |sk| try(sk) }
       return nil unless selected_props.present?
 
       selected_props.map do |k|
         justify_self_value = send(k)
-        "justify_self_#{justify_self_value}" if justify_self_values.include? justify_self_value
+        if justify_self_value.is_a?(Hash)
+          justify_self_value.map do |media_size, self_value|
+            "justify_self_#{media_size}_#{self_value}" if justify_self_values.include? self_value
+          end
+        else
+          "justify_self_#{justify_self_value}" if justify_self_values.include? justify_self_value
+        end
       end.compact.join(" ")
     end
+    # rubocop:enable Style/IfInsideElse
 
     def justify_self_options
       {

data/lib/playbook/order.rb

@@ -6,15 +6,23 @@ module Playbook
       base.prop :order
     end
 
+    # rubocop:disable Style/IfInsideElse
     def order_props
       selected_props = order_options.keys.select { |sk| try(sk) }
       return nil unless selected_props.present?
 
       selected_props.map do |k|
         order_value = send(k)
-        "order_#{order_value}" if order_values.include? order_value
+        if order_value.is_a?(Hash)
+          order_value.map do |media_size, order_size_value|
+            "flex_order_#{media_size}_#{order_size_value}" if order_values.include? order_size_value.to_s
+          end
+        else
+          "flex_order_#{order_value}" if order_values.include? order_value.to_s
+        end
       end.compact.join(" ")
     end
+    # rubocop:enable Style/IfInsideElse
 
     def order_options
       {
@@ -23,7 +31,7 @@ module Playbook
     end
 
     def order_values
-      %w[1 2 3 4 5 6 7 8 9 10 11 12 first none]
+      %w[1 2 3 4 5 6 7 8 9 10 11 12]
     end
   end
 end

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "10.25.1"
-  VERSION = "10.26.0.pre.rc1"
+  VERSION = "10.26.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 10.26.0.pre.rc1
+  version: 10.26.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-05-05 00:00:00.000000000 Z
+date: 2022-05-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -318,8 +318,8 @@ files:
 - 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_avatar_action_button/pb_avatar_action_button.test.js
-- app/pb_kits/playbook/pb_background/_background.jsx
 - app/pb_kits/playbook/pb_background/_background.scss
+- app/pb_kits/playbook/pb_background/_background.tsx
 - app/pb_kits/playbook/pb_background/background.html.erb
 - app/pb_kits/playbook/pb_background/background.rb
 - app/pb_kits/playbook/pb_background/background.test.js
@@ -469,8 +469,8 @@ files:
 - app/pb_kits/playbook/pb_caption/docs/_footer.md
 - app/pb_kits/playbook/pb_caption/docs/example.yml
 - app/pb_kits/playbook/pb_caption/docs/index.js
-- app/pb_kits/playbook/pb_card/_card.jsx
 - app/pb_kits/playbook/pb_card/_card.scss
+- app/pb_kits/playbook/pb_card/_card.tsx
 - app/pb_kits/playbook/pb_card/_card_mixin.scss
 - app/pb_kits/playbook/pb_card/card.html.erb
 - app/pb_kits/playbook/pb_card/card.rb
@@ -870,8 +870,8 @@ files:
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.rb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/index.js
-- app/pb_kits/playbook/pb_flex/_flex.jsx
 - app/pb_kits/playbook/pb_flex/_flex.scss
+- app/pb_kits/playbook/pb_flex/_flex.tsx
 - app/pb_kits/playbook/pb_flex/_flex_item.jsx
 - app/pb_kits/playbook/pb_flex/_flex_item.scss
 - app/pb_kits/playbook/pb_flex/docs/_description.md
@@ -2013,8 +2013,8 @@ files:
 - app/pb_kits/playbook/pb_typeahead/index.js
 - app/pb_kits/playbook/pb_typeahead/typeahead.html.erb
 - app/pb_kits/playbook/pb_typeahead/typeahead.rb
-- app/pb_kits/playbook/pb_user/_user.jsx
 - app/pb_kits/playbook/pb_user/_user.scss
+- app/pb_kits/playbook/pb_user/_user.tsx
 - app/pb_kits/playbook/pb_user/docs/_description.md
 - app/pb_kits/playbook/pb_user/docs/_footer.md
 - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
@@ -2113,6 +2113,7 @@ files:
 - app/pb_kits/playbook/utilities/_justify_self.scss
 - app/pb_kits/playbook/utilities/_line_height.scss
 - app/pb_kits/playbook/utilities/_max_width.scss
+- app/pb_kits/playbook/utilities/_mixins.scss
 - app/pb_kits/playbook/utilities/_number_spacing.scss
 - app/pb_kits/playbook/utilities/_order.scss
 - app/pb_kits/playbook/utilities/_positioning.scss
@@ -2121,7 +2122,19 @@ files:
 - app/pb_kits/playbook/utilities/globalProps.ts
 - app/pb_kits/playbook/utilities/props.ts
 - app/pb_kits/playbook/utilities/test-utils.js
-- app/pb_kits/playbook/utilities/text.js
+- app/pb_kits/playbook/utilities/test/globalProps/alignContent.test.js
+- app/pb_kits/playbook/utilities/test/globalProps/alignItems.test.js
+- app/pb_kits/playbook/utilities/test/globalProps/alignSelf.test.js
+- app/pb_kits/playbook/utilities/test/globalProps/display.test.js
+- app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
+- app/pb_kits/playbook/utilities/test/globalProps/flexDirection.test.js
+- app/pb_kits/playbook/utilities/test/globalProps/flexGrow.test.js
+- app/pb_kits/playbook/utilities/test/globalProps/flexShrink.test.js
+- app/pb_kits/playbook/utilities/test/globalProps/flexWrap.test.js
+- app/pb_kits/playbook/utilities/test/globalProps/justifyContent.test.js
+- app/pb_kits/playbook/utilities/test/globalProps/justifySelf.test.js
+- app/pb_kits/playbook/utilities/test/globalProps/order.test.js
+- app/pb_kits/playbook/utilities/text.ts
 - dist/reset.css
 - fonts/fontawesome-min.js
 - fonts/regular-min.js
@@ -2195,9 +2208,9 @@ 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.1.6
 signing_key:

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

@@ -1,15 +0,0 @@
-import { filter, isEmpty } from 'lodash'
-
-const titleizedWord = (string) => (
-  string.charAt(0).toUpperCase() + string.slice(1).toLowerCase()
-)
-
-export const titleize = (sentence) => (
-  isEmpty(sentence) ? sentence : sentence.split(' ').map(titleizedWord).join(' ')
-)
-
-const notEmpty = (value) => !isEmpty(value)
-
-export const joinPresent = (array, separator) => (
-  filter(array, notEmpty).join(separator)
-)