playbook_ui 6.2.1 → 6.3.0

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

@@ -3,8 +3,12 @@ examples:
   rails:
   - user_badge_default: Default
   - user_badge_size: Sizes
+  - user_badge_dark: Dark
+  - user_badge_size_dark: Sizes Dark
 
 
   react:
   - user_badge_default: Default
   - user_badge_size: Sizes
+  - user_badge_dark: Dark
+  - user_badge_size_dark: Sizes Dark

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

@@ -1,2 +1,4 @@
 export { default as UserBadgeDefault } from './_user_badge_default.jsx'
 export { default as UserBadgeSize } from './_user_badge_size.jsx'
+export { default as UserBadgeDark } from './_user_badge_dark.jsx'
+export { default as UserBadgeSizeDark } from './_user_badge_size_dark.jsx'

data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.html.erb

@@ -1,7 +1,8 @@
 <%= content_tag(:div,
-    id: object.id,
+    aria: object.aria,
+    class: object.classname,
     data: object.data,
-    class: object.classname) do %>
+    id: object.id) do %>
     <%= pb_rails("caption", props: {dark: object.dark, text: object.day_of_week}) %>
     <%= pb_rails("title", props: {dark: object.dark, size: 4, tag: "span", text: object.formatted_month_and_day}) %>
 <% end %>

data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.jsx

@@ -3,7 +3,7 @@
 import React from 'react'
 import classnames from 'classnames'
 import { globalProps } from '../utilities/globalProps.js'
-import { buildCss } from '../utilities/props'
+import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
 
 import { Caption, Title } from '../'
 
@@ -11,9 +11,12 @@ import DateTime from '../pb_kit/dateTime.js'
 
 type WeekdayStackedProps = {
   align?: "left" | "center" | "right",
+  aria?: object,
   className?: string,
   dark?: boolean,
+  data?: object,
   date: date,
+  id?: string,
   variant?: "day_only" | "month_day" | "expanded",
   compact?: boolean,
   id?: string,
@@ -41,19 +44,30 @@ const getFormattedDate = (date, variant) => {
 const WeekdayStacked = (props: WeekdayStackedProps) => {
   const {
     align = 'left',
+    aria = {},
     className,
     dark = false,
+    data = {},
     date = new Date(),
+    id,
     variant = 'month_day',
     compact = false,
   } = props
+
+  const ariaProps = buildAriaProps(aria)
+  const dataProps = buildDataProps(data)
+  const classes = classnames(
+    buildCss('pb_weekday_stacked_kit', align),
+    globalProps(props),
+    className
+  )
+
   return (
     <div
-        className={classnames(
-        buildCss('pb_weekday_stacked_kit', align),
-        className,
-        globalProps(props)
-      )}
+        {...ariaProps}
+        {...dataProps}
+        className={classes}
+        id={id}
     >
       <Caption dark={dark}>{getDayOfWeek(date, compact)}</Caption>
       <Title

data/app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.rb

@@ -13,9 +13,6 @@ module Playbook
                    values: %w[left center right],
                    default: "left"
 
-      prop :dark, type: Playbook::Props::Boolean,
-                  default: false
-
       prop :date, type: Playbook::Props::Date,
                   default: ::Date.current
                   

data/app/views/playbook/pages/tokens/_pb_doc_spacing.html.slim

@@ -15,3 +15,47 @@ ul.pb--tokens-spacing
     li class=(item[:dark] == true ? "dark" : "") data-name="#{item[:name]}" data-variable="#{variable}"
       div
         div class="pb--spacing_#{item[:class]}"
+
+= pb_rails("title", props: { text: "Spacing Props in Kits", tag: "h4", size: 4, padding_top: "sm" })
+br
+ul.pb_card_kit_shadow_deep_deselected.p_md
+  markdown: 
+    Rails kits the following spacing props:<br/>
+    `margin`<br/>
+    `margin_bottom`<br/>
+    `margin_left`<br/>
+    `margin_right`<br/>
+    `margin_top`<br/>
+    `margin_x`<br/>
+    `margin_y`<br/>
+    `padding`<br/>
+    `padding_bottom`<br/>
+    `padding_left`<br/>
+    `padding_right`<br/>
+    `padding_top`<br/>
+    `padding_x`<br/>
+    `padding_y`<br/>
+
+
+    <br/>
+    React kits have the following spacing props:<br/>
+    `margin`<br/>
+    `marginBottom`<br/>
+    `marginLeft`<br/>
+    `marginRight`<br/>
+    `marginTop`<br/>
+    `marginX`<br/>
+    `marginY`<br/>
+    `padding`<br/>
+    `paddingBottom`<br/>
+    `paddingLeft`<br/>
+    `paddingRight`<br/>
+    `paddingTop`<br/>
+    `paddingX`<br/>
+    `paddingY`<br/>
+    
+    <br/>
+
+    The values possible are: `"none", "xs", "sm", "md", "lg", "xl"`
+
+

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "6.2.1"
+  VERSION = "6.3.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 6.2.1
+  version: 6.3.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-08-19 00:00:00.000000000 Z
+date: 2020-08-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -455,13 +455,22 @@ files:
 - app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.rb
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions_dark.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions_dark.jsx
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_dark.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_dark.jsx
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click_dark.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click_dark.jsx
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement_dark.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement_dark.jsx
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb
+- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip_dark.html.erb
 - app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml
 - app/pb_kits/playbook/pb_avatar_action_button/docs/index.js
 - app/pb_kits/playbook/pb_badge/_badge.html.erb
@@ -476,6 +485,7 @@ files:
 - app/pb_kits/playbook/pb_badge/docs/_badge_default.jsx
 - app/pb_kits/playbook/pb_badge/docs/_badge_rounded.html.erb
 - app/pb_kits/playbook/pb_badge/docs/_badge_rounded.jsx
+- app/pb_kits/playbook/pb_badge/docs/_description.md
 - app/pb_kits/playbook/pb_badge/docs/example.yml
 - app/pb_kits/playbook/pb_badge/docs/index.js
 - app/pb_kits/playbook/pb_bar_graph/_bar_graph.html.erb
@@ -806,11 +816,15 @@ files:
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_description.md
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dark.html.erb
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dark.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.md
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line_dark.html.erb
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line_dark.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/example.yml
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/index.js
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.rb
@@ -858,6 +872,7 @@ files:
 - app/pb_kits/playbook/pb_form/form/simple_form_form.rb
 - app/pb_kits/playbook/pb_form/form_builder.rb
 - app/pb_kits/playbook/pb_form/form_builder/action_area.rb
+- app/pb_kits/playbook/pb_form/form_builder/checkbox_field.rb
 - app/pb_kits/playbook/pb_form/form_builder/collection_select_field.rb
 - app/pb_kits/playbook/pb_form/form_builder/form_field_builder.rb
 - app/pb_kits/playbook/pb_form/form_builder/form_with_form_builder.rb
@@ -975,10 +990,16 @@ 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_dark.html.erb
+- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_dark.jsx
+- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_dark.html.erb
+- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_dark.jsx
 - 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_size.jsx
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.html.erb
+- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx
+- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes_dark.html.erb
+- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes_dark.jsx
 - app/pb_kits/playbook/pb_icon_circle/docs/example.yml
 - app/pb_kits/playbook/pb_icon_circle/docs/index.js
 - app/pb_kits/playbook/pb_icon_circle/icon_circle.rb
@@ -987,6 +1008,11 @@ files:
 - app/pb_kits/playbook/pb_icon_value/_icon_value.scss
 - app/pb_kits/playbook/pb_icon_value/docs/_description.md
 - app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align.html.erb
+- app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align.jsx
+- app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align_dark.html.erb
+- app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align_dark.jsx
+- app/pb_kits/playbook/pb_icon_value/docs/_icon_value_dark.html.erb
+- app/pb_kits/playbook/pb_icon_value/docs/_icon_value_dark.jsx
 - app/pb_kits/playbook/pb_icon_value/docs/_icon_value_default.html.erb
 - app/pb_kits/playbook/pb_icon_value/docs/_icon_value_default.jsx
 - app/pb_kits/playbook/pb_icon_value/docs/example.yml
@@ -1168,6 +1194,8 @@ files:
 - app/pb_kits/playbook/pb_multiple_users/_multiple_users.jsx
 - app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss
 - app/pb_kits/playbook/pb_multiple_users/docs/_description.md
+- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_dark.html.erb
+- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_dark.jsx
 - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.html.erb
 - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.jsx
 - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.html.erb
@@ -1179,6 +1207,8 @@ files:
 - app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.jsx
 - app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.scss
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_description.md
+- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_dark.html.erb
+- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_dark.jsx
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.html.erb
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.jsx
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml
@@ -1219,6 +1249,8 @@ files:
 - app/pb_kits/playbook/pb_online_status/_online_status.scss
 - app/pb_kits/playbook/pb_online_status/_online_status_mixins.scss
 - app/pb_kits/playbook/pb_online_status/docs/_description.md
+- app/pb_kits/playbook/pb_online_status/docs/_online_status_dark.html.erb
+- app/pb_kits/playbook/pb_online_status/docs/_online_status_dark.jsx
 - app/pb_kits/playbook/pb_online_status/docs/_online_status_default.html.erb
 - app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx
 - app/pb_kits/playbook/pb_online_status/docs/example.yml
@@ -1255,6 +1287,8 @@ files:
 - app/pb_kits/playbook/pb_pill/_pill.jsx
 - app/pb_kits/playbook/pb_pill/_pill.scss
 - app/pb_kits/playbook/pb_pill/docs/_description.md
+- app/pb_kits/playbook/pb_pill/docs/_pill_dark.html.erb
+- app/pb_kits/playbook/pb_pill/docs/_pill_dark.jsx
 - app/pb_kits/playbook/pb_pill/docs/_pill_default.html.erb
 - app/pb_kits/playbook/pb_pill/docs/_pill_default.jsx
 - app/pb_kits/playbook/pb_pill/docs/example.yml
@@ -1266,15 +1300,25 @@ files:
 - app/pb_kits/playbook/pb_popover/docs/_description.md
 - app/pb_kits/playbook/pb_popover/docs/_popover_close.html.erb
 - app/pb_kits/playbook/pb_popover/docs/_popover_close.jsx
+- app/pb_kits/playbook/pb_popover/docs/_popover_close_dark.html.erb
+- app/pb_kits/playbook/pb_popover/docs/_popover_close_dark.jsx
+- app/pb_kits/playbook/pb_popover/docs/_popover_dark.html.erb
+- app/pb_kits/playbook/pb_popover/docs/_popover_dark.jsx
 - app/pb_kits/playbook/pb_popover/docs/_popover_default.html.erb
 - app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx
 - app/pb_kits/playbook/pb_popover/docs/_popover_list.html.erb
 - app/pb_kits/playbook/pb_popover/docs/_popover_list.jsx
 - app/pb_kits/playbook/pb_popover/docs/_popover_list.md
+- app/pb_kits/playbook/pb_popover/docs/_popover_list_dark.html.erb
+- app/pb_kits/playbook/pb_popover/docs/_popover_list_dark.jsx
 - app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height.html.erb
 - app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height.jsx
+- app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height_dark.html.erb
+- app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height_dark.jsx
 - app/pb_kits/playbook/pb_popover/docs/_popover_z_index.html.erb
 - app/pb_kits/playbook/pb_popover/docs/_popover_z_index.jsx
+- app/pb_kits/playbook/pb_popover/docs/_popover_z_index_dark.html.erb
+- app/pb_kits/playbook/pb_popover/docs/_popover_z_index_dark.jsx
 - app/pb_kits/playbook/pb_popover/docs/example.yml
 - app/pb_kits/playbook/pb_popover/docs/index.js
 - app/pb_kits/playbook/pb_popover/index.js
@@ -1289,6 +1333,8 @@ files:
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.html.erb
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.jsx
+- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status_dark.html.erb
+- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status_dark.jsx
 - app/pb_kits/playbook/pb_progress_pills/docs/example.yml
 - app/pb_kits/playbook/pb_progress_pills/docs/index.js
 - app/pb_kits/playbook/pb_progress_pills/progress_pills.rb
@@ -1319,12 +1365,12 @@ files:
 - app/pb_kits/playbook/pb_progress_step/_progress_step_item.html.erb
 - app/pb_kits/playbook/pb_progress_step/_progress_step_item.jsx
 - app/pb_kits/playbook/pb_progress_step/docs/_description.md
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_child.html.erb
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_child.jsx
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.html.erb
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.jsx
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx
+- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.html.erb
+- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.jsx
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx
 - app/pb_kits/playbook/pb_progress_step/docs/example.yml
@@ -1667,6 +1713,10 @@ files:
 - app/pb_kits/playbook/pb_title_count/docs/_footer.md
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_align.html.erb
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_align.jsx
+- app/pb_kits/playbook/pb_title_count/docs/_title_count_align_dark.html.erb
+- app/pb_kits/playbook/pb_title_count/docs/_title_count_align_dark.jsx
+- app/pb_kits/playbook/pb_title_count/docs/_title_count_dark.html.erb
+- app/pb_kits/playbook/pb_title_count/docs/_title_count_dark.jsx
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_default.html.erb
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_default.jsx
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_default.md
@@ -1726,6 +1776,7 @@ files:
 - app/pb_kits/playbook/pb_user/docs/_description.md
 - app/pb_kits/playbook/pb_user/docs/_footer.md
 - app/pb_kits/playbook/pb_user/docs/_user_dark.html.erb
+- app/pb_kits/playbook/pb_user/docs/_user_dark.jsx
 - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
 - app/pb_kits/playbook/pb_user/docs/_user_size.html.erb
@@ -1733,6 +1784,7 @@ files:
 - app/pb_kits/playbook/pb_user/docs/_user_text_only.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_text_only.jsx
 - app/pb_kits/playbook/pb_user/docs/_user_text_only_dark.html.erb
+- app/pb_kits/playbook/pb_user/docs/_user_text_only_dark.jsx
 - app/pb_kits/playbook/pb_user/docs/_user_vertical_size.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_vertical_size.jsx
 - app/pb_kits/playbook/pb_user/docs/_user_with_territory.html.erb
@@ -1747,11 +1799,15 @@ files:
 - app/pb_kits/playbook/pb_user_badge/badges/_veteran.svg
 - app/pb_kits/playbook/pb_user_badge/docs/_description.md
 - app/pb_kits/playbook/pb_user_badge/docs/_footer.md
+- app/pb_kits/playbook/pb_user_badge/docs/_user_badge_dark.html.erb
+- app/pb_kits/playbook/pb_user_badge/docs/_user_badge_dark.jsx
 - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_default.html.erb
 - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_default.jsx
 - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_default.md
 - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size.html.erb
 - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size.jsx
+- app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size_dark.html.erb
+- app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size_dark.jsx
 - app/pb_kits/playbook/pb_user_badge/docs/example.yml
 - app/pb_kits/playbook/pb_user_badge/docs/index.js
 - app/pb_kits/playbook/pb_user_badge/user_badge.rb