playbook_ui 10.16.0 → 10.17.0

data/app/pb_kits/playbook/plugins/pb_chart.js

@@ -74,7 +74,7 @@ class pbChart {
     } else if (this.options.type == 'gauge') {
       this.setupGauge()
     } else {
-      this.setupChart()
+      this.setupChart(options)
     }
   }
 
@@ -195,7 +195,7 @@ class pbChart {
     })
   }
 
-  setupChart() {
+  setupChart(options) {
     Highcharts.setOptions(highchartsTheme)
 
     const configOptions = {
@@ -222,6 +222,7 @@ class pbChart {
       legend: {
         enabled: this.defaults.legend,
       },
+      colors: options.colors !== undefined && options.colors.length > 0 ? mapColors(options.colors) : highchartsTheme.colors,
       plotOptions: {
         series: {
           pointStart: this.defaults.pointStart,

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,16 @@ const zIndexProps = ({ zIndex }) => {
   return css
 }
 
+const shadowProps = ({ shadow }) => {
+  let css = ''
+  css += shadow ? `shadow_${shadow} ` : ''
+  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)
 }
 
 export const deprecatedProps = (kit, props = []) => {

data/lib/playbook/classnames.rb

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

data/lib/playbook/kit_base.rb

@@ -4,6 +4,7 @@ require "playbook/classnames"
 require "playbook/spacing"
 require "playbook/z_index"
 require "playbook/number_spacing"
+require "playbook/shadow"
 
 module Playbook
   class KitBase < ViewComponent::Base
@@ -13,6 +14,7 @@ module Playbook
     include Playbook::Spacing
     include Playbook::ZIndex
     include Playbook::NumberSpacing
+    include Playbook::Shadow
 
     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.17.0"
+  VERSION = "10.17.0"
 end

data/lib/playbook.rb

@@ -15,6 +15,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.17.0
 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: 2021-12-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -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
@@ -861,6 +868,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
@@ -1153,6 +1163,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
@@ -2023,6 +2036,7 @@ files:
 - 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
@@ -2067,6 +2081,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 +2105,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