playbook_ui 10.16.0 → 10.18.2

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

@@ -0,0 +1,3 @@
+.cursor_pointer {
+  cursor: pointer;
+}

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

@@ -0,0 +1,23 @@
+.display_block {
+    display: block;
+}
+
+.display_inline_block {
+    display: inline-block;
+}
+
+.display_inline {
+    display: inline;
+}
+
+.display_flex {
+    display: flex;
+}
+
+.display_inline_flex {
+    display: inline-flex;
+}
+
+.display_hidden {
+    display: none;
+}

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

@@ -0,0 +1,11 @@
+@import "../tokens/exports/shadows";
+
+@mixin shadow-classes($shadows-list) {
+  @each $name, $shadow in $shadows-list {
+    .#{$name} {
+      box-shadow: $shadow;
+    }
+  }
+}
+@include shadow-classes($box_shadows);
+ 

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

@@ -57,10 +57,28 @@ const zIndexProps = ({ zIndex }) => {
   return css
 }
 
+const shadowProps = ({ shadow }) => {
+  let css = ''
+  css += shadow ? `shadow_${shadow} ` : ''
+  return css
+}
+
+const displayProps = ({ display }) => {
+  let css = ''
+  css += display ? `display_${display} ` : ''
+  return css
+}
+
+const cursorProps = ({ cursor }) => {
+  let css = ''
+  css += cursor ? `cursor_${cursor} ` : ''
+  return css
+}
+
 // All Exported as a single function
 export const globalProps = (props, defaultProps = {}) => {
   const allProps = { ...props, ...defaultProps }
-  return spacingProps(allProps) + darkProps(allProps) + maxWidthProps(allProps) + zIndexProps(allProps) + numberSpacingProps(allProps)
+  return spacingProps(allProps) + darkProps(allProps) + maxWidthProps(allProps) + zIndexProps(allProps) + numberSpacingProps(allProps) + shadowProps(allProps) + displayProps(allProps) + cursorProps(allProps)
 }
 
 export const deprecatedProps = (kit, props = []) => {

data/lib/playbook/classnames.rb

@@ -16,6 +16,9 @@ module Playbook
         max_width_props,
         z_index_props,
         number_spacing_props,
+        shadow_props,
+        display_props,
+        cursor_props,
       ].compact.join(" ")
     end
 

data/lib/playbook/cursor.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Cursor
+    def self.included(base)
+      base.prop :cursor
+    end
+
+    def cursor_props
+      selected_props = cursor_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        cursor_value = send(k)
+        "cursor_#{cursor_value}" if cursor_values.include? cursor_value
+      end.compact.join(" ")
+    end
+
+    def cursor_options
+      {
+        cursor: "cursor",
+      }
+    end
+
+    def cursor_values
+      %w[pointer]
+    end
+  end
+end

data/lib/playbook/display.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Display
+    def self.included(base)
+      base.prop :display
+    end
+
+    def display_props
+      selected_props = display_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        display_value = send(k)
+        "display_#{display_value}" if display_values.include? display_value
+      end.compact.join(" ")
+    end
+
+    def display_options
+      {
+        display: "display",
+      }
+    end
+
+    def display_values
+      %w[block inline_block inline flex inline_flex hidden]
+    end
+  end
+end

data/lib/playbook/engine.rb

@@ -1,7 +1,6 @@
 # frozen_string_literal: true
 
 require "action_view/railtie"
-require "view_component/engine"
 require "webpacker/react"
 
 module Playbook

data/lib/playbook/kit_base.rb

@@ -4,6 +4,9 @@ require "playbook/classnames"
 require "playbook/spacing"
 require "playbook/z_index"
 require "playbook/number_spacing"
+require "playbook/shadow"
+require "playbook/display"
+require "playbook/cursor"
 
 module Playbook
   class KitBase < ViewComponent::Base
@@ -13,6 +16,9 @@ module Playbook
     include Playbook::Spacing
     include Playbook::ZIndex
     include Playbook::NumberSpacing
+    include Playbook::Shadow
+    include Playbook::Display
+    include Playbook::Cursor
 
     prop :id
     prop :data, type: Playbook::Props::Hash, default: {}

data/lib/playbook/markdown/helper.rb

@@ -80,7 +80,7 @@ module Playbook
             loop do
               break unless @headers.include?(permalink)
 
-              permalink.gsub!(/\_(\d+)$/, "_#{Regexp.last_match(1).to_i + 1}")
+              permalink.gsub!(/_(\d+)$/, "_#{Regexp.last_match(1).to_i + 1}")
             end
           end
           @headers << permalink
@@ -121,7 +121,7 @@ module Playbook
         if @list_items[0].include?("[do]") || @list_items[0].include?("[dont]")
           @element_items = []
           @list_items.each do |item, _index|
-            item.gsub(%r{\<li>(.*)\</li>}) do
+            item.gsub(%r{<li>(.*)</li>}) do
               @element_items.push(Regexp.last_match(1))
             end
           end

data/lib/playbook/pb_doc_helper.rb

@@ -26,6 +26,7 @@ module Playbook
     end
 
     # Deal with lists of kits, used in Playbook doc and Externally
+    # rubocop:disable Style/StringConcatenation
     def pb_kits(type: "rails", limit_examples: false, dark_mode: false)
       display_kits = []
       kits = get_kits
@@ -40,6 +41,7 @@ module Playbook
       end
       raw("<div class='pb--docItem'>" + display_kits.join("</div><div class='pb--docItem'>") + "</div>")
     end
+    # rubocop:enable Style/StringConcatenation
 
     # rubocop:disable Naming/AccessorMethodName
     def get_kits
@@ -48,12 +50,14 @@ module Playbook
     end
     # rubocop:enable Naming/AccessorMethodName
 
+    # rubocop:disable Style/OptionalBooleanParameter
     def render_pb_doc_kit(kit, type, limit_examples, code = true, dark_mode = false)
       title = pb_doc_render_clickable_title(kit, type)
       ui = raw("<div class='pb--docItem-ui'>
           #{pb_kit(kit: kit, type: type, show_code: code, limit_examples: limit_examples, dark_mode: dark_mode)}</div>")
       title + ui
     end
+  # rubocop:enable Style/OptionalBooleanParameter
 
   private
 

data/lib/playbook/props/base.rb

@@ -7,7 +7,7 @@ module Playbook
     class Base
       attr_reader :default, :deprecated, :required, :name, :kit
 
-      def initialize(default: nil, deprecated: false, required: false, name:, kit:)
+      def initialize(name:, kit:, default: nil, deprecated: false, required: false)
         @default = default
         @deprecated = deprecated
         @required = required
@@ -39,7 +39,7 @@ module Playbook
       end
 
       def log(message)
-        logger = ActiveSupport::Logger.new(STDOUT)
+        logger = ActiveSupport::Logger.new($stdout)
         @logger ||= ActiveSupport::TaggedLogging.new(logger)
         @logger.log(0, message)
       end

data/lib/playbook/shadow.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Shadow
+    def self.included(base)
+      base.prop :shadow
+    end
+
+    def shadow_props
+      selected_props = shadow_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        shadow_value = send(k)
+        "shadow_#{shadow_value}" if shadow_values.include? shadow_value
+      end.compact.join(" ")
+    end
+
+    def shadow_options
+      {
+        shadow: "shadow",
+      }
+    end
+
+    def shadow_values
+      %w[none deep deeper deepest]
+    end
+  end
+end

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "10.15.1"
-  VERSION = "10.16.0"
+  PREVIOUS_VERSION = "10.18.1"
+  VERSION = "10.18.2"
 end

data/lib/playbook.rb

@@ -1,5 +1,7 @@
 # frozen_string_literal: true
 
+require "view_component"
+
 require "playbook/version"
 require "playbook/engine"
 require "playbook/props"
@@ -15,6 +17,7 @@ module Playbook
   ROOT_PATH = Pathname.new(File.join(__dir__, ".."))
 
   class ConflictingPropsError < StandardError; end
+
   class MissingPropError < StandardError; end
 
 module_function

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 10.16.0
+  version: 10.18.2
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-11-30 00:00:00.000000000 Z
+date: 2022-01-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -101,14 +101,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.23'
+        version: '2.47'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.23'
+        version: '2.47'
 - !ruby/object:Gem::Dependency
   name: webpacker-react
   requirement: !ruby/object:Gem::Requirement
@@ -183,50 +183,50 @@ dependencies:
   name: rspec-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 3.8.0
     - - "~>"
       - !ruby/object:Gem::Version
         version: '3.8'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.8.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 3.8.0
     - - "~>"
       - !ruby/object:Gem::Version
         version: '3.8'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.8.0
 - !ruby/object:Gem::Dependency
   name: rubocop
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.93.1
+        version: 1.20.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.93.1
+        version: 1.20.0
 - !ruby/object:Gem::Dependency
   name: rubocop-performance
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 1.9.2
+        version: 1.11.5
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 1.9.2
+        version: 1.11.5
 - !ruby/object:Gem::Dependency
   name: spring
   requirement: !ruby/object:Gem::Requirement
@@ -322,6 +322,7 @@ files:
 - app/pb_kits/playbook/pb_background/_background.scss
 - 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
 - app/pb_kits/playbook/pb_background/docs/_background_category.html.erb
 - app/pb_kits/playbook/pb_background/docs/_background_category.jsx
 - app/pb_kits/playbook/pb_background/docs/_background_category.md
@@ -357,6 +358,9 @@ files:
 - app/pb_kits/playbook/pb_bar_graph/barGraphSettings.js
 - app/pb_kits/playbook/pb_bar_graph/bar_graph.html.erb
 - app/pb_kits/playbook/pb_bar_graph/bar_graph.rb
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.html.erb
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.jsx
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.md
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.html.erb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.html.erb
@@ -444,6 +448,9 @@ files:
 - app/pb_kits/playbook/pb_caption/caption.rb
 - app/pb_kits/playbook/pb_caption/docs/_caption_block.html.erb
 - app/pb_kits/playbook/pb_caption/docs/_caption_block.jsx
+- app/pb_kits/playbook/pb_caption/docs/_caption_example.html.erb
+- app/pb_kits/playbook/pb_caption/docs/_caption_example.jsx
+- app/pb_kits/playbook/pb_caption/docs/_caption_example.md
 - app/pb_kits/playbook/pb_caption/docs/_caption_light.html.erb
 - app/pb_kits/playbook/pb_caption/docs/_caption_light.jsx
 - app/pb_kits/playbook/pb_caption/docs/_caption_variants.html.erb
@@ -521,6 +528,7 @@ files:
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.html.erb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.jsx
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.md
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.html.erb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.jsx
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.html.erb
@@ -861,6 +869,9 @@ files:
 - app/pb_kits/playbook/pb_flex/docs/_flex_inline.md
 - app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
 - app/pb_kits/playbook/pb_flex/docs/_flex_item.md
+- app/pb_kits/playbook/pb_flex/docs/_flex_item_align_self.html.erb
+- app/pb_kits/playbook/pb_flex/docs/_flex_item_align_self.jsx
+- app/pb_kits/playbook/pb_flex/docs/_flex_item_align_self.md
 - app/pb_kits/playbook/pb_flex/docs/_flex_item_example.jsx
 - app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md
 - app/pb_kits/playbook/pb_flex/docs/_flex_justify.html.erb
@@ -930,6 +941,9 @@ files:
 - app/pb_kits/playbook/pb_form_pill/form_pill.rb
 - app/pb_kits/playbook/pb_gauge/_gauge.jsx
 - app/pb_kits/playbook/pb_gauge/_gauge.scss
+- app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.html.erb
+- app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.jsx
+- app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.md
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_default.html.erb
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_default.jsx
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.html.erb
@@ -1024,6 +1038,7 @@ files:
 - app/pb_kits/playbook/pb_icon_circle/docs/_footer.md
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.html.erb
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
+- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.md
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.html.erb
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.jsx
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.html.erb
@@ -1066,6 +1081,9 @@ files:
 - app/pb_kits/playbook/pb_image/docs/_description.md
 - app/pb_kits/playbook/pb_image/docs/_rounded_image.html.erb
 - app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
+- app/pb_kits/playbook/pb_image/docs/_transition_image.html.erb
+- app/pb_kits/playbook/pb_image/docs/_transition_image.jsx
+- app/pb_kits/playbook/pb_image/docs/_transition_image.md
 - app/pb_kits/playbook/pb_image/docs/example.yml
 - app/pb_kits/playbook/pb_image/docs/index.js
 - app/pb_kits/playbook/pb_image/image.html.erb
@@ -1153,6 +1171,9 @@ files:
 - app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
 - app/pb_kits/playbook/pb_line_graph/_line_graph.scss
 - app/pb_kits/playbook/pb_line_graph/docs/_description.md
+- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.html.erb
+- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.jsx
+- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.md
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.html.erb
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.jsx
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.html.erb
@@ -2020,9 +2041,12 @@ 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/_cursor.scss
+- app/pb_kits/playbook/utilities/_display.scss
 - app/pb_kits/playbook/utilities/_max_width.scss
 - app/pb_kits/playbook/utilities/_number_spacing.scss
 - 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/globalProps.js
 - app/pb_kits/playbook/utilities/props.js
@@ -2033,6 +2057,8 @@ files:
 - fonts/regular-min.js
 - lib/playbook.rb
 - lib/playbook/classnames.rb
+- lib/playbook/cursor.rb
+- lib/playbook/display.rb
 - lib/playbook/engine.rb
 - lib/playbook/forms.rb
 - lib/playbook/forms/builder.rb
@@ -2067,6 +2093,7 @@ files:
 - lib/playbook/props/percentage.rb
 - lib/playbook/props/proc.rb
 - lib/playbook/props/string.rb
+- lib/playbook/shadow.rb
 - lib/playbook/spacing.rb
 - lib/playbook/version.rb
 - lib/playbook/z_index.rb
@@ -2090,7 +2117,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.3
+rubygems_version: 3.1.6
 signing_key:
 specification_version: 4
 summary: Playbook Design System