playbook_ui 10.18.2 → 10.20.0

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

@@ -10,8 +10,6 @@
     content: "";
     height: 100%;
     width: 1px;
-    margin-left: $space_xs;
-    margin-right: $space_xs;
     position: initial;
     z-index: 0;
 }

data/app/pb_kits/playbook/pb_text_input/_text_input.scss

@@ -88,6 +88,56 @@
         border-color: $error;
       }
     }
+    .text_input_wrapper_add_on {
+      .add-on {
+        &-right {
+          .add-on-card {
+            border: 1px solid $error;
+            border-left: 0;
+          }
+        }
+        &-left {
+          .add-on-card {
+            border: 1px solid $error;
+            border-right: 0;
+          }
+        }
+      }
+      .border {
+        &_left {
+          &_on {
+            .card-right-aligned {
+              border-left: 0;
+            }
+          }
+          &_off {
+            .card-right-aligned {
+              border-left: 0;
+            }
+            .text_input {
+              border-right: 0;
+              padding-right: 0;
+            }
+          }
+        }
+        &_right {
+          &_on {
+            .card-left-aligned {
+              border-right: 0;
+            }
+          }
+          &_off {
+            .card-left-aligned {
+              border-right: 0;
+            }
+            .text_input {
+              border-left: 0;
+              padding-left: 0;
+            }
+          }
+        }
+      }
+    }
   }
   &.inline {
     .text_input_wrapper input::placeholder,
@@ -132,15 +182,15 @@
     }
     &-left {
       .text_input {
-        border-top-left-radius: 0 !important;
-        border-bottom-left-radius: 0 !important;
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
       }
     }
 
     &-right {
       .text_input{
-        border-top-right-radius: 0 !important;
-        border-bottom-right-radius: 0 !important;
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
       }
     }
   }
@@ -148,15 +198,14 @@
     background-color: $focus_input_dark;
     border-width: 0px;
   }
-
   .card-left-aligned {
-    border-top-right-radius: 0 !important;
-    border-bottom-right-radius: 0 !important;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
   }
 
   .card-right-aligned {
-    border-top-left-radius: 0 !important;
-    border-bottom-left-radius: 0 !important;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
   }
 
   .border {
@@ -165,8 +214,8 @@
         border-right: 0;
       }
       .text_input {
-        border-left: 0 !important;
-        padding-left: 0 !important;
+        border-left: 0;
+        padding-left: 0;
       }
     }
     &_left_on {
@@ -184,8 +233,8 @@
         border-left: 0;
       }
       .text_input {
-        border-right: 0 !important;
-        padding-right: 0 !important;
+        border-right: 0;
+        padding-right: 0;
       }
     }
   }

data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.html.erb

@@ -1,2 +1,21 @@
-<%= pb_rails("text_input", props: { error: "Please enter a valid email address", label: "Email Address", type: "email", placeholder: "Enter email address" }) %>
-<%= pb_rails("text_input", props: { label: "Confirm Email Address", type: "email", placeholder: "Confirm email address" }) %>
+<%= pb_rails("text_input", props: {
+  add_on: {
+    alignment: "left",
+    border: true,
+    icon: "user"
+  },
+  error: "Please enter a valid email address",
+  label: "Email Address",
+  placeholder: "Enter email address",
+  type: "email"
+}) %>
+<%= pb_rails("text_input", props: {
+  add_on: {
+    alignment: "left",
+    border: true,
+    icon: "user"
+  },
+  label: "Confirm Email Address",
+  placeholder: "Confirm email address",
+  type: "email"
+}) %>

data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx

@@ -1,7 +1,6 @@
 import React, { useState } from 'react'
-import {
-  TextInput,
-} from '../..'
+
+import TextInput from '../_text_input'
 
 const TextInputError = (props) => {
   const [email, setEmail] = useState('')
@@ -12,6 +11,7 @@ const TextInputError = (props) => {
   return (
     <div>
       <TextInput
+          addOn={{ icon: 'user', alignment: 'left', border: true }}
           error="Please enter a valid email address"
           label="Email Address"
           onChange={handleUpdateEmail}
@@ -20,6 +20,15 @@ const TextInputError = (props) => {
           value={email}
           {...props}
       />
+      <TextInput
+          addOn={{ icon: 'user', alignment: 'left', border: true }}
+          label="Confirm Email Address"
+          onChange={handleUpdateEmail}
+          placeholder="Confirm email address"
+          type="email"
+          value={email}
+          {...props}
+      />
     </div>
   )
 }

data/app/pb_kits/playbook/pb_title/_title.jsx

@@ -3,12 +3,13 @@
 import React from 'react'
 import classnames from 'classnames'
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps.js'
+import { deprecatedProps, globalProps } from '../utilities/globalProps.js'
 
 type TitleProps = {
   aria?: object,
   children?: array<React.ReactNode> | React.ReactNode,
   className?: string,
+  color?: "default" | "light" | "lighter" | "success" | "error" | "link",
   data?: object,
   id?: string,
   size?: 1 | 2 | 3 | 4,
@@ -18,10 +19,12 @@ type TitleProps = {
 }
 
 const Title = (props: TitleProps) => {
+  if (props.variant) deprecatedProps('Title', ['variant']) //variant prop is deprecated, use color instead
   const {
     aria = {},
     children,
     className,
+    color,
     data = {},
     id,
     size = 3,
@@ -33,9 +36,9 @@ const Title = (props: TitleProps) => {
   const ariaProps = buildAriaProps(aria)
   const dataProps = buildDataProps(data)
   const classes = classnames(
-    buildCss('pb_title_kit', size, variant),
+    buildCss('pb_title_kit', size, variant, color),
     globalProps(props),
-    className
+    className,
   )
   const Tag = `${tag}`
 

data/app/pb_kits/playbook/pb_title/_title.scss

@@ -1,26 +1,26 @@
 @import "../tokens/titles";
 @import "../tokens/colors";
+@import './title_mixin';
 
 [class^=pb_title_kit]{
   &[class*=_1] {
     @include pb_title_1;
+    @include title_colors;
   }
 
   &[class*=_2] {
     @include pb_title_2;
+    @include title_colors;
   }
 
   &[class*=_3] {
     @include pb_title_3;
+    @include title_colors;
   }
 
   &[class*=_4] {
     @include pb_title_4;
-
-    &[class*=_link]  {
-      color: $primary;
-    }
-
+    @include title_colors;
   }
 
   &.dark {

data/app/pb_kits/playbook/pb_title/_title_mixin.scss

@@ -1 +1,18 @@
 @import "../tokens/titles";
+
+$pb_title_colors: (
+  default: $text_lt_default,
+  light: $text_lt_light,
+  lighter: $text_lt_lighter,
+  success: $success,
+  error: $error,
+  link: $primary
+);
+
+@mixin title_colors {
+  @each $name, $color in $pb_title_colors {
+    &[class*=_#{$name}] {
+      color: $color
+    }
+  }
+}

data/app/pb_kits/playbook/pb_title/docs/_title_colors.html.erb

@@ -0,0 +1,4 @@
+<%= pb_rails("title", props: { text: "Default Color", tag: "h1", size: 3 }) %>
+<%= pb_rails("title", props: { text: "Title Color", tag: "h1", size: 3, color: "link" }) %> 
+<%= pb_rails("title", props: { text: "Title Color", tag: "h1", size: 3, color: "success" }) %>
+<%= pb_rails("title", props: { text: "Title Color", tag: "h1", size: 3, color: "error" }) %>

data/app/pb_kits/playbook/pb_title/docs/_title_colors.jsx

@@ -0,0 +1,37 @@
+import React from 'react'
+
+import Title from '../_title'
+
+const TitleColors = (props) => {
+  return (
+    <div>
+      <Title
+          text="Default Color"
+          {...props}
+      />
+      <Title
+          color="link"
+          size={3}
+          tag="h1"
+          text="Title Color"
+          {...props}
+      />
+      <Title
+          color="success"
+          size={3}
+          tag="h1"
+          text="Title Color"
+          {...props}
+      />
+      <Title
+          color="error"
+          size={3}
+          tag="h1"
+          text="Title Color"
+          {...props}
+      />
+    </div>
+  )
+}
+
+export default TitleColors

data/app/pb_kits/playbook/pb_title/docs/_title_colors.md

@@ -0,0 +1,6 @@
+##### Prop
+Title kit will use `default` color by default. Other available colors are:
+
+*`light` `lighter` `success` `error` `link`
+
+- These colors are not for standard usage. You can use the color prop to make fixes if colors are not appearing properly, but consult your UX team members if you are deciding to implement it

data/app/pb_kits/playbook/pb_title/docs/_title_light.md

@@ -0,0 +1,3 @@
+##### Prop
+Title kit will use `h3` tag by default, and `size 3` as well. 
+Size and tag props are not in correlation with each other, meaning any size can be used along with any tag.

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

@@ -1,8 +1,8 @@
 examples:
   rails:
   - title_light: Light UI
-  - title_variants: Variants
+  - title_colors: Colors
 
   react:
   - title_light: Light UI
-  - title_variants: Variants
+  - title_colors: Colors

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

@@ -1,2 +1,2 @@
 export { default as TitleLight } from './_title_light.jsx'
-export { default as TitleVariants } from './_title_variants.jsx'
+export { default as TitleColors } from './_title_colors.jsx'

data/app/pb_kits/playbook/pb_title/title.html.erb

@@ -2,6 +2,5 @@
     aria: object.aria,
     id: object.id,
     data: object.data,
-    class: object.classname) do %>
-        <%= content.presence || object.text %>
-<% end %>
+    class: object.classname) do %><%= content.presence || object.text %><% end %>
+    

data/app/pb_kits/playbook/pb_title/title.rb

@@ -3,6 +3,9 @@
 module Playbook
   module PbTitle
     class Title < Playbook::KitBase
+      prop :color, type: Playbook::Props::Enum,
+                   values: [nil, "default", "light", "lighter", "success", "error", "link"],
+                   default: nil
       prop :size, type: Playbook::Props::Enum,
                   values: [1, 2, 3, 4],
                   default: 3
@@ -12,10 +15,11 @@ module Playbook
       prop :text
       prop :variant, type: Playbook::Props::Enum,
                      values: [nil, "link"],
-                     default: nil
+                     default: nil,
+                     deprecated: true
 
       def classname
-        generate_classname("pb_title_kit", size, variant)
+        generate_classname("pb_title_kit", size, variant, color)
       end
     end
   end

data/app/pb_kits/playbook/pb_title/title.test.js

@@ -0,0 +1,29 @@
+import React from 'react'
+import { render, screen } from '../utilities/test-utils'
+
+import Title from './_title'
+
+test('returns namespaced class name', () => {
+  render(
+    <Title
+        data={{ testid: 'primary-test' }}
+        text="Test colors"
+    />
+  )
+
+  const kit = screen.getByTestId('primary-test')
+  expect(kit).toHaveClass('pb_title_kit_3')
+})
+
+test('with colors', () => {
+  render(
+    <Title
+        color="success"
+        data={{ testid: 'primary-test' }}
+        text="Test colors"
+    />
+  )
+
+  const kit = screen.getByTestId('primary-test')
+  expect(kit).toHaveClass('pb_title_kit_3_success')
+})

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

@@ -0,0 +1,11 @@
+@import "../tokens/exports/line_height";
+
+@mixin line-height-classes($line-height-list) {
+  @each $name, $line-height in $line-height-list {
+    [class*=pb_] .line_height_#{$name} {
+      line-height: $line-height;
+    }
+  }
+}
+@include line-height-classes($line_height);
+ 

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

@@ -63,6 +63,12 @@ const shadowProps = ({ shadow }) => {
   return css
 }
 
+const lineHeightProps = ({ lineHeight }) => {
+  let css = ''
+  css += lineHeight ? `line_height_${lineHeight} ` : ''
+  return css
+}
+
 const displayProps = ({ display }) => {
   let css = ''
   css += display ? `display_${display} ` : ''
@@ -78,7 +84,7 @@ const cursorProps = ({ cursor }) => {
 // 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) + shadowProps(allProps) + displayProps(allProps) + cursorProps(allProps)
+  return spacingProps(allProps) + darkProps(allProps) + maxWidthProps(allProps) + zIndexProps(allProps) + numberSpacingProps(allProps) + shadowProps(allProps) + lineHeightProps(allProps) + cursorProps(allProps) + displayProps(allProps)
 }
 
 export const deprecatedProps = (kit, props = []) => {

data/lib/playbook/classnames.rb

@@ -17,6 +17,7 @@ module Playbook
         z_index_props,
         number_spacing_props,
         shadow_props,
+        line_height_props,
         display_props,
         cursor_props,
       ].compact.join(" ")

data/lib/playbook/kit_base.rb

@@ -5,6 +5,7 @@ require "playbook/spacing"
 require "playbook/z_index"
 require "playbook/number_spacing"
 require "playbook/shadow"
+require "playbook/line_height"
 require "playbook/display"
 require "playbook/cursor"
 
@@ -17,6 +18,7 @@ module Playbook
     include Playbook::ZIndex
     include Playbook::NumberSpacing
     include Playbook::Shadow
+    include Playbook::LineHeight
     include Playbook::Display
     include Playbook::Cursor
 

data/lib/playbook/line_height.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module Playbook
+  module LineHeight
+    def self.included(base)
+      base.prop :line_height
+    end
+
+    def line_height_props
+      selected_props = line_height_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        line_height_value = send(k)
+        "line_height_#{line_height_value}" if line_height_values.include? line_height_value
+      end.compact.join(" ")
+    end
+
+    def line_height_options
+      {
+        line_height: "line_height",
+      }
+    end
+
+    def line_height_values
+      %w[tightest tighter tight normal loose looser loosest]
+    end
+  end
+end

data/lib/playbook/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 10.18.2
+  version: 10.20.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-01-26 00:00:00.000000000 Z
+date: 2022-02-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -380,10 +380,12 @@ files:
 - app/pb_kits/playbook/pb_body/_body_mixins.scss
 - app/pb_kits/playbook/pb_body/body.html.erb
 - app/pb_kits/playbook/pb_body/body.rb
+- app/pb_kits/playbook/pb_body/body.test.js
 - app/pb_kits/playbook/pb_body/docs/_body_block.html.erb
 - app/pb_kits/playbook/pb_body/docs/_body_block.jsx
 - app/pb_kits/playbook/pb_body/docs/_body_light.html.erb
 - app/pb_kits/playbook/pb_body/docs/_body_light.jsx
+- app/pb_kits/playbook/pb_body/docs/_body_light.md
 - app/pb_kits/playbook/pb_body/docs/_description.md
 - app/pb_kits/playbook/pb_body/docs/_footer.md
 - app/pb_kits/playbook/pb_body/docs/example.yml
@@ -446,16 +448,14 @@ files:
 - 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
+- app/pb_kits/playbook/pb_caption/caption.test.js
 - 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_colors.html.erb
+- app/pb_kits/playbook/pb_caption/docs/_caption_colors.jsx
+- app/pb_kits/playbook/pb_caption/docs/_caption_colors.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
-- app/pb_kits/playbook/pb_caption/docs/_caption_variants.jsx
-- app/pb_kits/playbook/pb_caption/docs/_caption_variants.md
 - app/pb_kits/playbook/pb_caption/docs/_description.md
 - app/pb_kits/playbook/pb_caption/docs/_footer.md
 - app/pb_kits/playbook/pb_caption/docs/example.yml
@@ -666,6 +666,9 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb
@@ -681,6 +684,7 @@ files:
 - app/pb_kits/playbook/pb_date_picker/sass_partials/_flatpickr_styles.scss
 - app/pb_kits/playbook/pb_date_picker/sass_partials/_header_styles.scss
 - app/pb_kits/playbook/pb_date_picker/sass_partials/_inline_styles.scss
+- app/pb_kits/playbook/pb_date_picker/sass_partials/_month_and_year_styles.scss
 - app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss
 - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.jsx
 - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss
@@ -1160,6 +1164,9 @@ files:
 - app/pb_kits/playbook/pb_legend/_legend.scss
 - app/pb_kits/playbook/pb_legend/docs/_description.md
 - app/pb_kits/playbook/pb_legend/docs/_footer.md
+- app/pb_kits/playbook/pb_legend/docs/_legend_colors.html.erb
+- app/pb_kits/playbook/pb_legend/docs/_legend_colors.jsx
+- app/pb_kits/playbook/pb_legend/docs/_legend_colors.md
 - app/pb_kits/playbook/pb_legend/docs/_legend_default.html.erb
 - app/pb_kits/playbook/pb_legend/docs/_legend_default.jsx
 - app/pb_kits/playbook/pb_legend/docs/_legend_prefix.html.erb
@@ -1168,6 +1175,7 @@ files:
 - app/pb_kits/playbook/pb_legend/docs/index.js
 - app/pb_kits/playbook/pb_legend/legend.html.erb
 - app/pb_kits/playbook/pb_legend/legend.rb
+- app/pb_kits/playbook/pb_legend/legend.test.js
 - 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
@@ -1259,6 +1267,7 @@ files:
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/index.js
 - app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.html.erb
 - app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.rb
+- app/pb_kits/playbook/pb_nav/_bold_mixin.scss
 - app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
 - app/pb_kits/playbook/pb_nav/_item.jsx
 - app/pb_kits/playbook/pb_nav/_nav.jsx
@@ -1269,6 +1278,10 @@ files:
 - app/pb_kits/playbook/pb_nav/docs/_block_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_block_no_title_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_block_no_title_nav.jsx
+- app/pb_kits/playbook/pb_nav/docs/_bold_horizontal_nav.html.erb
+- app/pb_kits/playbook/pb_nav/docs/_bold_horizontal_nav.jsx
+- app/pb_kits/playbook/pb_nav/docs/_bold_vertical_nav.html.erb
+- app/pb_kits/playbook/pb_nav/docs/_bold_vertical_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_borderless_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_borderless_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_default_nav.html.erb
@@ -1859,15 +1872,17 @@ files:
 - app/pb_kits/playbook/pb_title/_title.scss
 - 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
+- app/pb_kits/playbook/pb_title/docs/_title_colors.jsx
+- app/pb_kits/playbook/pb_title/docs/_title_colors.md
 - app/pb_kits/playbook/pb_title/docs/_title_light.html.erb
 - app/pb_kits/playbook/pb_title/docs/_title_light.jsx
-- app/pb_kits/playbook/pb_title/docs/_title_variants.html.erb
-- app/pb_kits/playbook/pb_title/docs/_title_variants.jsx
-- app/pb_kits/playbook/pb_title/docs/_title_variants.md
+- app/pb_kits/playbook/pb_title/docs/_title_light.md
 - app/pb_kits/playbook/pb_title/docs/example.yml
 - app/pb_kits/playbook/pb_title/docs/index.js
 - app/pb_kits/playbook/pb_title/title.html.erb
 - app/pb_kits/playbook/pb_title/title.rb
+- app/pb_kits/playbook/pb_title/title.test.js
 - app/pb_kits/playbook/pb_title_count/_title_count.jsx
 - app/pb_kits/playbook/pb_title_count/_title_count.scss
 - app/pb_kits/playbook/pb_title_count/docs/_description.md
@@ -2043,6 +2058,7 @@ files:
 - 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/_line_height.scss
 - app/pb_kits/playbook/utilities/_max_width.scss
 - app/pb_kits/playbook/utilities/_number_spacing.scss
 - app/pb_kits/playbook/utilities/_positioning.scss
@@ -2071,6 +2087,7 @@ files:
 - lib/playbook/forms/builder/typeahead_field.rb
 - lib/playbook/kit_base.rb
 - lib/playbook/kit_resolver.rb
+- lib/playbook/line_height.rb
 - lib/playbook/markdown.rb
 - lib/playbook/markdown/helper.rb
 - lib/playbook/markdown/template_handler.rb

data/app/pb_kits/playbook/pb_caption/docs/_caption_example.html.erb

@@ -1,3 +0,0 @@
-<%= pb_rails("caption", props: { color: "default", text: "text default" }) %>
-<%= pb_rails("caption", props: { color: "light", text: "text light" }) %> 
-<%= pb_rails("caption", props: { color: "link", text: "text link" }) %>