playbook_ui 2.8.6 → 2.8.7

data/app/pb_kits/playbook/pb_section_separator/_section_separator.scss

@@ -0,0 +1,29 @@
+@import "../tokens/colors";
+@import "../tokens/spacing";
+@import "../pb_caption/caption";
+
+[class^=pb_section_separator_kit] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+
+  span {
+    display: inline-block;
+    padding: 0 $space_xs;
+    background: $bg_light;
+    position: relative;
+    z-index: 1;
+  }
+
+  &::after {
+    content: "";
+    height: 1px;
+    width: 100%;
+    background: $border_light;
+    position: absolute;
+    top: 50%;
+    left: 0;
+    z-index: 0;
+  }
+}

data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_default.jsx

@@ -0,0 +1,12 @@
+import React from "react"
+import SectionSeparator from "../_section_separator.jsx"
+
+function SectionSeparatorDefault() {
+  return (
+    <div>
+      <SectionSeparator />
+    </div>
+  )
+}
+
+export default SectionSeparatorDefault;

data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line.html.erb

@@ -0,0 +1 @@
+<%= pb_rails("section_separator") %>

data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text.html.erb

@@ -0,0 +1 @@
+<%= pb_rails("section_separator", props: { text: "Title Separator" }) %>

data/app/pb_kits/playbook/pb_section_separator/docs/example.yml

@@ -0,0 +1,9 @@
+examples:
+
+  rails:
+  - section_separator_text: Text Separator
+  - section_separator_line: Line Separator
+
+
+  react:
+  - section_separator_default: Default

data/app/pb_kits/playbook/pb_section_separator/docs/index.js

@@ -0,0 +1 @@
+export {default as SectionSeparatorDefault} from './_section_separator_default.jsx';

data/app/pb_kits/playbook/{pb_dashboard_value/stat_label.rb → pb_section_separator/section_separator.rb}

@@ -1,43 +1,36 @@
 # frozen_string_literal: true
 
 module Playbook
-  module PbDashboardValue
-    class StatLabel < Playbook::PbKit::Base
+  module PbSectionSeparator
+    class SectionSeparator < Playbook::PbKit::Base
       PROPS = %i[configured_classname
                  configured_data
                  configured_id
-                 configured_label].freeze
+                 configured_text].freeze
 
       def initialize(classname: default_configuration,
                      data: default_configuration,
                      id: default_configuration,
-                     label: default_configuration)
-
+                     text: default_configuration)
         self.configured_classname = classname
         self.configured_data = data
         self.configured_id = id
-        self.configured_label = label
-      end
-
-      def label
-        default_value(configured_label, nil)
+        self.configured_text = text
       end
 
-      def display_label
-        unless label.nil?
-          pb_label = Playbook::PbBody::Body.new(color: "light") do
-            label
-          end
-          ApplicationController.renderer.render(partial: pb_label, as: :object)
+      def text
+        if is_set? configured_text
+          pb_text = Playbook::PbCaption::Caption.new(text: configured_text)
+          ApplicationController.renderer.render(partial: pb_text, as: :object)
         end
       end
 
       def kit_class
-        "pb_stat_label_kit"
+        "pb_section_separator_kit"
       end
 
       def to_partial_path
-        "pb_dashboard_value/child_kits/stat_label"
+        "pb_section_separator/section_separator"
       end
 
     private

data/app/pb_kits/playbook/pb_star_rating/star_rating.rb

@@ -27,8 +27,8 @@ module Playbook
 
       def rating
         rating_options = []
-        (0..5).step(0.5) do |n|
-          rating_options.push strip_trailing_zero(n)
+        (0..5).step(0.5) do |number|
+          rating_options.push strip_trailing_zero(number)
         end
         one_of_value(configured_rating.to_s, rating_options, "0")
       end
@@ -55,8 +55,8 @@ module Playbook
 
     private
 
-      def strip_trailing_zero(n)
-        n.to_s.sub(/\.?0+$/, "")
+      def strip_trailing_zero(number)
+        number.to_s.sub(/\.?0+$/, "")
       end
 
       DEFAULT = Object.new

data/app/pb_kits/playbook/pb_stat_change/_stat_change.jsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import PropTypes from "prop-types";
+
+const propTypes = {
+  className: PropTypes.string,
+  id: PropTypes.string
+};
+
+class StatChange extends React.Component {
+  render() {
+    return (
+      <div className="pb_stat_change">
+        <span>STAT CHANGE CONTENT</span>
+      </div>
+    )
+  }
+}
+
+StatChange.propTypes = propTypes;
+
+export default StatChange;

data/app/pb_kits/playbook/pb_stat_change/_stat_change.scss

@@ -0,0 +1,2 @@
+@import "../pb_icon/icon";
+@import "../pb_body/body";

data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.html.erb

@@ -0,0 +1,18 @@
+<%= pb_rails("stat_change", props: {
+  change: "increase",
+  value: "28.4%"
+}) %>
+
+<br>
+
+<%= pb_rails("stat_change", props: {
+  change: "decrease",
+  value: "6.1%"
+}) %>
+
+<br>
+
+<%= pb_rails("stat_change", props: {
+  change: "neutral",
+  value: "98%"
+}) %>

data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.jsx

@@ -0,0 +1,12 @@
+import React from "react"
+import StatChange from "../_stat_change.jsx"
+
+function StatChangeDefault() {
+  return (
+    <div>
+      <StatChange />
+    </div>
+  )
+}
+
+export default StatChangeDefault;

data/app/pb_kits/playbook/pb_stat_change/docs/example.yml

@@ -0,0 +1,9 @@
+examples:
+  
+  rails:
+  - stat_change_default: Default
+  
+  
+  react:
+  - stat_change_default: Default
+  

data/app/pb_kits/playbook/pb_stat_change/docs/index.js

@@ -0,0 +1 @@
+export {default as StatChangeDefault} from './_stat_change_default.jsx';

data/app/pb_kits/playbook/{pb_dashboard_value → pb_stat_change}/stat_change.rb

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
 module Playbook
-  module PbDashboardValue
+  module PbStatChange
     class StatChange < Playbook::PbKit::Base
       PROPS = %i[configured_change
                  configured_classname
@@ -14,7 +14,6 @@ module Playbook
                      data: default_configuration,
                      id: default_configuration,
                      value: default_configuration)
-
         self.configured_change = change
         self.configured_classname = classname
         self.configured_data = data
@@ -77,7 +76,7 @@ module Playbook
       end
 
       def to_partial_path
-        "pb_dashboard_value/child_kits/stat_change"
+        "pb_stat_change/stat_change"
       end
 
     private

data/app/pb_kits/playbook/pb_stat_value/_stat_value.jsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import PropTypes from "prop-types";
+
+const propTypes = {
+  className: PropTypes.string,
+  id: PropTypes.string
+};
+
+class StatValue extends React.Component {
+  render() {
+    return (
+      <div className="pb_stat_value">
+        <span>STAT VALUE CONTENT</span>
+      </div>
+    )
+  }
+}
+
+StatValue.propTypes = propTypes;
+
+export default StatValue;

data/app/pb_kits/playbook/{pb_dashboard_value/child_kits → pb_stat_value}/_stat_value.scss

@@ -1,5 +1,7 @@
+@import "../pb_title/title";
+
 [class^=pb_stat_value_kit]{
-  &[class*=_wrapper] {
+  [class^=pb_stat_value_wrapper] {
     display: flex;
     justify-content: flex-start;
     align-items: baseline;

data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_default.html.erb

@@ -0,0 +1 @@
+<%= pb_rails("stat_value", props: { value: 1048 }) %>

data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_default.jsx

@@ -0,0 +1,12 @@
+import React from "react"
+import StatValue from "../_stat_value.jsx"
+
+function StatValueDefault() {
+  return (
+    <div>
+      <StatValue />
+    </div>
+  )
+}
+
+export default StatValueDefault;

data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_unit.html.erb

@@ -0,0 +1 @@
+<%= pb_rails("stat_value", props: { value: "5,294", unit: "appt" }) %>

data/app/pb_kits/playbook/pb_stat_value/docs/example.yml

@@ -0,0 +1,9 @@
+examples:
+
+  rails:
+  - stat_value_default: Default
+  - stat_value_unit: Unit Value
+
+
+  react:
+  - stat_value_default: Default

data/app/pb_kits/playbook/pb_stat_value/docs/index.js

@@ -0,0 +1 @@
+export {default as StatValueDefault} from './_stat_value_default.jsx';

data/app/pb_kits/playbook/{pb_dashboard_value → pb_stat_value}/stat_value.rb

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
 module Playbook
-  module PbDashboardValue
+  module PbStatValue
     class StatValue < Playbook::PbKit::Base
       PROPS = %i[configured_classname
                  configured_data
@@ -14,7 +14,6 @@ module Playbook
                      id: default_configuration,
                      unit: default_configuration,
                      value: default_configuration)
-
         self.configured_classname = classname
         self.configured_data = data
         self.configured_id = id
@@ -47,7 +46,7 @@ module Playbook
       end
 
       def to_partial_path
-        "pb_dashboard_value/child_kits/stat_value"
+        "pb_stat_value/stat_value"
       end
 
     private

data/app/pb_kits/playbook/pb_table/styles/_structure.scss

@@ -8,7 +8,7 @@
       thead {
         tr {
           th {
-            padding: $value $cell-gutter;
+            padding: $cell-pad-md $cell-gutter;
 
             &:first-child {
               padding-left: $cell-pad-endcap;

data/app/pb_kits/playbook/pb_time/time.rb

@@ -1,11 +1,11 @@
 # frozen_string_literal: true
 
-include ActionView::Helpers::TagHelper
-include ActionView::Context
-
 module Playbook
   module PbTime
     class Time < Playbook::PbKit::Base
+      include ActionView::Helpers::TagHelper
+      include ActionView::Context
+
       PROPS = %i[configured_classname
                  configured_data
                  configured_id
@@ -49,13 +49,13 @@ module Playbook
         convert_to_timestamp(configured_timestamp)
       end
 
-      def convert_to_timestamp(ts)
-        ts.is_a?(String) ? DateTime.parse(ts) : ts
-        ts.in_time_zone(timezone_value)
+      def convert_to_timestamp(time)
+        time.is_a?(String) ? DateTime.parse(time) : time
+        time.in_time_zone(timezone_value)
       end
 
       def format_time_string
-        format_time = "#{hour}:#{minutes}#{meridian}" if is_set? configured_timestamp
+        "#{hour}:#{minutes}#{meridian}" if is_set? configured_timestamp
       end
 
       def hour

data/app/pb_kits/playbook/pb_title_count/title_count.rb

@@ -50,8 +50,12 @@ module Playbook
 
       def count
         if is_set? configured_count
-          value = configured_count.is_a?(Integer) || configured_count.is_a?(Float) ?
-            format_number(configured_count) : configured_count
+          value = if configured_count.is_a?(Integer) || configured_count.is_a?(Float)
+                    format_number(configured_count)
+                  else
+                    configured_count
+                  end
+
           pb_count = Playbook::PbBody::Body.new(color: "light") do
             value.to_s
           end
@@ -59,8 +63,8 @@ module Playbook
         end
       end
 
-      def format_number(n)
-        n.to_s.gsub(/(\d)(?=\d{3}+(?:\.|$))(\d{3}\..*)?/, '\1,\2')
+      def format_number(number)
+        number.to_s.gsub(/(\d)(?=\d{3}+(?:\.|$))(\d{3}\..*)?/, '\1,\2')
       end
 
       def kit_class

data/app/pb_kits/playbook/pb_toggle/toggle.rb

@@ -1,21 +1,22 @@
+# frozen_string_literal: true
+
 module Playbook
   module PbToggle
     class Toggle < Playbook::PbKit::Base
-      PROPS = [:configured_classname,
-					:configured_data,
-					:configured_id,
-          :configured_size,
-          :configured_checked
-        ].freeze
+      PROPS = %i[configured_classname
+                 configured_data
+                 configured_id
+                 configured_size
+                 configured_checked].freeze
 
       def initialize(classname: default_configuration,
-							data: default_configuration,
-							id: default_configuration,
-              size: default_configuration,
-              checked: default_configuration)
+                     data: default_configuration,
+                     id: default_configuration,
+                     size: default_configuration,
+                     checked: default_configuration)
         self.configured_classname = classname
-				self.configured_data = data
-				self.configured_id = id
+        self.configured_data = data
+        self.configured_id = id
         self.configured_size = size
         self.configured_checked = checked
       end
@@ -37,7 +38,7 @@ module Playbook
         toggle_options = [
           "pb_toggle_kit",
           size,
-          checked_class
+          checked_class,
         ]
         toggle_options.join("_")
       end