playbook_ui 10.18.1 → 10.19.0

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 10.18.1
+  version: 10.19.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-01-19 00:00:00.000000000 Z
+date: 2022-01-31 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
@@ -424,9 +426,6 @@ files:
 - app/pb_kits/playbook/pb_button/docs/_button_loading.md
 - app/pb_kits/playbook/pb_button/docs/_button_options.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_options.jsx
-- app/pb_kits/playbook/pb_button/docs/_button_size.html.erb
-- app/pb_kits/playbook/pb_button/docs/_button_size.jsx
-- app/pb_kits/playbook/pb_button/docs/_button_size.md
 - app/pb_kits/playbook/pb_button/docs/_footer.md
 - app/pb_kits/playbook/pb_button/docs/example.yml
 - app/pb_kits/playbook/pb_button/docs/index.js
@@ -449,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
@@ -669,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
@@ -684,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
@@ -1163,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
@@ -1171,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
@@ -1262,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
@@ -1272,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
@@ -1862,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
@@ -2046,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
@@ -2074,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_button/docs/_button_size.html.erb

@@ -1,3 +0,0 @@
-<%= pb_rails("button", props: { text: "Button sm size", size: "sm" }) %>
-<%= pb_rails("button", props: { text: "Button md size", size: "md" }) %>
-<%= pb_rails("button", props: { text: "Button lg size", size: "lg" }) %>

data/app/pb_kits/playbook/pb_button/docs/_button_size.jsx

@@ -1,26 +0,0 @@
-import React from 'react'
-import { Button } from '../../'
-
-const ButtonSize = (props) => (
-  <div>
-    <Button
-        size="sm"
-        text="Button sm size"
-        {...props}
-    />
-    {' '}
-    <Button
-        size="md"
-        text="Button md size"
-        {...props}
-    />
-    {' '}
-    <Button
-        size="lg"
-        text="Button lg size"
-        {...props}
-    />
-  </div>
-)
-
-export default ButtonSize

data/app/pb_kits/playbook/pb_button/docs/_button_size.md

@@ -1 +0,0 @@
-By default button has the `md` size style, even if you don't explicitly pass a size prop.

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" }) %>

data/app/pb_kits/playbook/pb_caption/docs/_caption_example.jsx

@@ -1,27 +0,0 @@
-
-import React from 'react'
-import Caption from '../_caption'
-
-const CaptionExample = (props) => {
-  return (
-    <div>
-      <Caption
-          color="default"
-          text="text default"
-          {...props}
-      />
-      <Caption
-          color="light"
-          text="text light"
-          {...props}
-      />
-      <Caption
-          color="link"
-          text="text link"
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default CaptionExample

data/app/pb_kits/playbook/pb_caption/docs/_caption_example.md

@@ -1 +0,0 @@
-The above examples accept different prop values for color. Those can be `default`,`link` and `light`.  Passing the `light` color prop is optional as it will apply this color when no prop is being passed. The same applies to any of the variations on the Caption kit.

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

@@ -1 +0,0 @@
-<%= pb_rails("caption", props: { text: "Subcaption (link)", size: 'xs', variant: "link" }) %>

data/app/pb_kits/playbook/pb_caption/docs/_caption_variants.jsx

@@ -1,17 +0,0 @@
-import React from 'react'
-import { Caption } from '../../'
-
-const CaptionVariants = (props) => {
-  return (
-    <div>
-      <Caption
-          size="xs"
-          text="Subcaption (link)"
-          variant="link"
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default CaptionVariants

data/app/pb_kits/playbook/pb_caption/docs/_caption_variants.md

@@ -1,3 +0,0 @@
-Wrap anchor tags around the kit to make it clickable.
-
-Link variant can only be applied to size `xs`.

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

@@ -1 +0,0 @@
-<%= pb_rails("title", props: { text: "Title 4 (link)", tag: "h4", size: 4, variant: "link" }) %> 

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

@@ -1,19 +0,0 @@
-import React from 'react'
-
-import Title from '../_title'
-
-const TitleVariants = (props) => {
-  return (
-    <div>
-      <Title
-          size={4}
-          tag="h4"
-          text="Title 4 (link)"
-          variant="link"
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default TitleVariants

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

@@ -1,3 +0,0 @@
-Wrap anchor tags around the kit to make it clickable.
-
-Link variant can only be applied to size `4`.