playbook_ui 10.25.1 → 10.26.0.pre.alpha5

data/lib/playbook/flex_wrap.rb

@@ -6,15 +6,23 @@ module Playbook
       base.prop :flex_wrap
     end
 
+    # rubocop:disable Style/IfInsideElse
     def flex_wrap_props
       selected_props = flex_wrap_options.keys.select { |sk| try(sk) }
       return nil unless selected_props.present?
 
       selected_props.map do |k|
         flex_wrap_value = send(k)
-        "flex_wrap_#{flex_wrap_value}" if flex_wrap_values.include? flex_wrap_value
+        if flex_wrap_value.is_a?(Hash)
+          flex_wrap_value.map do |media_size, wrap_value|
+            "flex_wrap_#{media_size}_#{wrap_value.underscore}" if flex_wrap_values.include? wrap_value
+          end
+        else
+          "flex_wrap_#{flex_wrap_value}" if flex_wrap_values.include? flex_wrap_value
+        end
       end.compact.join(" ")
     end
+    # rubocop:enable Style/IfInsideElse
 
     def flex_wrap_options
       {
@@ -23,7 +31,7 @@ module Playbook
     end
 
     def flex_wrap_values
-      %w[wrap nowrap wrap_reverse]
+      %w[wrap nowrap wrapReverse]
     end
   end
 end

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

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "10.25.0"
-  VERSION = "10.25.1"
+  PREVIOUS_VERSION = "10.25.1"
+  VERSION = "10.26.0.pre.alpha5"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 10.25.1
+  version: 10.26.0.pre.alpha5
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-05-02 00:00:00.000000000 Z
+date: 2022-05-11 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
@@ -344,8 +344,8 @@ files:
 - app/pb_kits/playbook/pb_background/docs/_description.md
 - app/pb_kits/playbook/pb_background/docs/example.yml
 - app/pb_kits/playbook/pb_background/docs/index.js
-- app/pb_kits/playbook/pb_badge/_badge.jsx
 - app/pb_kits/playbook/pb_badge/_badge.scss
+- app/pb_kits/playbook/pb_badge/_badge.tsx
 - app/pb_kits/playbook/pb_badge/badge.html.erb
 - app/pb_kits/playbook/pb_badge/badge.rb
 - app/pb_kits/playbook/pb_badge/docs/_badge_colors.html.erb
@@ -407,8 +407,8 @@ files:
 - app/pb_kits/playbook/pb_bread_crumbs/docs/_description.md
 - app/pb_kits/playbook/pb_bread_crumbs/docs/example.yml
 - app/pb_kits/playbook/pb_bread_crumbs/docs/index.js
-- app/pb_kits/playbook/pb_button/_button.jsx
 - app/pb_kits/playbook/pb_button/_button.scss
+- app/pb_kits/playbook/pb_button/_button.tsx
 - 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
@@ -452,8 +452,8 @@ files:
 - app/pb_kits/playbook/pb_button_toolbar/docs/_description.md
 - app/pb_kits/playbook/pb_button_toolbar/docs/example.yml
 - app/pb_kits/playbook/pb_button_toolbar/docs/index.js
-- app/pb_kits/playbook/pb_caption/_caption.jsx
 - app/pb_kits/playbook/pb_caption/_caption.scss
+- app/pb_kits/playbook/pb_caption/_caption.tsx
 - app/pb_kits/playbook/pb_caption/_caption_mixin.scss
 - app/pb_kits/playbook/pb_caption/caption.html.erb
 - app/pb_kits/playbook/pb_caption/caption.rb
@@ -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
@@ -1025,8 +1025,8 @@ files:
 - app/pb_kits/playbook/pb_home_address_street/docs/index.js
 - app/pb_kits/playbook/pb_home_address_street/home_address_street.html.erb
 - app/pb_kits/playbook/pb_home_address_street/home_address_street.rb
-- app/pb_kits/playbook/pb_icon/_icon.jsx
 - app/pb_kits/playbook/pb_icon/_icon.scss
+- app/pb_kits/playbook/pb_icon/_icon.tsx
 - app/pb_kits/playbook/pb_icon/docs/_description.md
 - app/pb_kits/playbook/pb_icon/docs/_footer.md
 - app/pb_kits/playbook/pb_icon/docs/_icon_animate.html.erb
@@ -1393,8 +1393,8 @@ files:
 - app/pb_kits/playbook/pb_person_contact/docs/index.js
 - app/pb_kits/playbook/pb_person_contact/person_contact.html.erb
 - app/pb_kits/playbook/pb_person_contact/person_contact.rb
-- app/pb_kits/playbook/pb_pill/_pill.jsx
 - app/pb_kits/playbook/pb_pill/_pill.scss
+- app/pb_kits/playbook/pb_pill/_pill.tsx
 - app/pb_kits/playbook/pb_pill/docs/_description.md
 - app/pb_kits/playbook/pb_pill/docs/_pill_default.html.erb
 - app/pb_kits/playbook/pb_pill/docs/_pill_default.jsx
@@ -1734,6 +1734,9 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_sm.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_sm.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_sm.md
+- app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_sticky.md
 - app/pb_kits/playbook/pb_table/docs/_table_two_actions.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_two_actions.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_two_actions.md
@@ -1755,6 +1758,7 @@ files:
 - app/pb_kits/playbook/pb_table/styles/_reset.scss
 - app/pb_kits/playbook/pb_table/styles/_side_highlight.scss
 - app/pb_kits/playbook/pb_table/styles/_single-line.scss
+- app/pb_kits/playbook/pb_table/styles/_sticky_header.scss
 - app/pb_kits/playbook/pb_table/styles/_structure.scss
 - app/pb_kits/playbook/pb_table/styles/_table-card.scss
 - app/pb_kits/playbook/pb_table/styles/_table-dark.scss
@@ -1762,6 +1766,7 @@ files:
 - app/pb_kits/playbook/pb_table/styles/_variables.scss
 - app/pb_kits/playbook/pb_table/table.html.erb
 - app/pb_kits/playbook/pb_table/table.rb
+- app/pb_kits/playbook/pb_table/table.test.js
 - app/pb_kits/playbook/pb_table/table_row.html.erb
 - app/pb_kits/playbook/pb_table/table_row.rb
 - app/pb_kits/playbook/pb_text_input/_text_input.jsx
@@ -1884,8 +1889,8 @@ files:
 - app/pb_kits/playbook/pb_timestamp/docs/index.js
 - app/pb_kits/playbook/pb_timestamp/timestamp.html.erb
 - app/pb_kits/playbook/pb_timestamp/timestamp.rb
-- app/pb_kits/playbook/pb_title/_title.jsx
 - app/pb_kits/playbook/pb_title/_title.scss
+- app/pb_kits/playbook/pb_title/_title.tsx
 - app/pb_kits/playbook/pb_title/_title_mixin.scss
 - app/pb_kits/playbook/pb_title/docs/_description.md
 - app/pb_kits/playbook/pb_title/docs/_title_colors.html.erb
@@ -1950,6 +1955,27 @@ files:
 - app/pb_kits/playbook/pb_tooltip/index.js
 - app/pb_kits/playbook/pb_tooltip/tooltip.html.erb
 - app/pb_kits/playbook/pb_tooltip/tooltip.rb
+- app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.jsx
+- app/pb_kits/playbook/pb_treemap_chart/docs/_description.md
+- app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.html.erb
+- app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
+- app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.md
+- app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.html.erb
+- app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.jsx
+- app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.md
+- app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.html.erb
+- app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.jsx
+- app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.md
+- app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.html.erb
+- app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.jsx
+- app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.md
+- app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.html.erb
+- app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.jsx
+- app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.md
+- app/pb_kits/playbook/pb_treemap_chart/docs/example.yml
+- app/pb_kits/playbook/pb_treemap_chart/docs/index.js
+- app/pb_kits/playbook/pb_treemap_chart/treemap_chart.html.erb
+- app/pb_kits/playbook/pb_treemap_chart/treemap_chart.rb
 - app/pb_kits/playbook/pb_typeahead/_typeahead.jsx
 - app/pb_kits/playbook/pb_typeahead/_typeahead.scss
 - app/pb_kits/playbook/pb_typeahead/components/ClearIndicator.jsx
@@ -1987,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
@@ -2050,6 +2076,7 @@ files:
 - app/pb_kits/playbook/tokens/_animation-curves.scss
 - app/pb_kits/playbook/tokens/_border_radius.scss
 - app/pb_kits/playbook/tokens/_colors.scss
+- app/pb_kits/playbook/tokens/_display.scss
 - app/pb_kits/playbook/tokens/_line_height.scss
 - app/pb_kits/playbook/tokens/_opacity.scss
 - app/pb_kits/playbook/tokens/_positioning.scss
@@ -2086,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
@@ -2094,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
@@ -2168,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: '0'
+      version: 1.3.1
 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)
-)