playbook_ui 6.6.1 → 6.7.0.pre.alpha1

data/app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx

@@ -1,17 +1,26 @@
 import React from 'react'
 import { OnlineStatus } from '../../'
 
-const OnlineStatusDefault = () => (
+const OnlineStatusDefault = (props) => (
   <>
-    <OnlineStatus status="offline" />
+    <OnlineStatus
+        status="offline"
+        {...props}
+    />
 
     <br />
 
-    <OnlineStatus status="online" />
+    <OnlineStatus
+        status="online"
+        {...props}
+    />
 
     <br />
 
-    <OnlineStatus status="away" />
+    <OnlineStatus
+        status="away"
+        {...props}
+    />
 
   </>
 )

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

@@ -2,8 +2,7 @@ examples:
 
   rails:
   - online_status_default: Default
-  - online_status_dark: Dark
+
 
   react:
   - online_status_default: Default
-  - online_status_dark: Dark

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

@@ -1,2 +1 @@
 export { default as OnlineStatusDefault } from './_online_status_default.jsx'
-export { default as OnlineStatusDark } from './_online_status_dark.jsx'

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

@@ -2,10 +2,8 @@ examples:
   
   rails:
   - pill_default: Default
-  - pill_dark: Dark
+ 
   
   
   react:
   - pill_default: Default
-  - pill_dark: Dark
-  

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

@@ -1,2 +1 @@
 export { default as PillDefault } from './_pill_default.jsx'
-export { default as PillDark } from './_pill_dark.jsx'

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

@@ -3,12 +3,9 @@ examples:
   rails:
   - progress_pills_default: Default
   - progress_pills_status: Status
-  - progress_pills_dark: Dark
-  - progress_pills_status_dark: Status Dark
+
 
 
   react:
   - progress_pills_default: Default
   - progress_pills_status: Status
-  - progress_pills_dark: Dark
-  - progress_pills_status_dark: Status Dark

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

@@ -1,4 +1,2 @@
 export { default as ProgressPillsDefault } from './_progress_pills_default.jsx'
 export { default as ProgressPillsStatus } from './_progress_pills_status.jsx'
-export { default as ProgressPillsDark } from './_progress_pills_dark.jsx'
-export { default as ProgressPillsStatusDark } from './_progress_pills_status_dark.jsx'

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

@@ -2,12 +2,10 @@ examples:
   rails:
   - progress_step_default: Default
   - progress_step_vertical: Vertical
-  - progress_step_dark: Dark
   - progress_step_tracker: Tracker
   
   
   react:
   - progress_step_default: Default
   - progress_step_vertical: Vertical
-  - progress_step_dark: Dark
   - progress_step_tracker: Tracker

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

@@ -1,4 +1,3 @@
 export { default as ProgressStepDefault } from './_progress_step_default.jsx'
 export { default as ProgressStepVertical } from './_progress_step_vertical.jsx'
-export { default as ProgressStepDark } from './_progress_step_dark.jsx'
 export { default as ProgressStepTracker } from './_progress_step_tracker.jsx'

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

@@ -2,14 +2,10 @@ examples:
 
   rails:
   - radio_default: Default
-  - radio_dark: Dark
   - radio_custom: Custom
   - radio_error: With Error
-  - radio_dark_error: With Error
 
   react:
   - radio_default: Default
-  - radio_dark: Dark
   - radio_custom: Custom
   - radio_error: With Error
-  - radio_dark_error: Dark With Error

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

@@ -1,5 +1,2 @@
 export { default as RadioDefault } from './_radio_default.jsx'
-export { default as RadioDark } from './_radio_dark.jsx'
 export { default as RadioCustom } from './_radio_custom.jsx'
-export { default as RadioError } from './_radio_error.jsx'
-export { default as RadioDarkError } from './_radio_dark_error.jsx'

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

@@ -5,11 +5,10 @@ examples:
   - section_separator_line: Line Separator
   - section_separator_text_background: Background Variant
   - section_separator_vertical: Vertical
-  - section_separator_dark: Dark
+
 
   react:
   - section_separator_text: Text Separator
   - section_separator_line: Line Separator
   - section_separator_text_background: Background Variant
   - section_separator_vertical: Vertical
-  - section_separator_dark: Dark

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

@@ -2,4 +2,3 @@ export { default as SectionSeparatorLine } from './_section_separator_line.jsx'
 export { default as SectionSeparatorText } from './_section_separator_text.jsx'
 export { default as SectionSeparatorTextBackground } from './_section_separator_text_background.jsx'
 export { default as SectionSeparatorVertical } from './_section_separator_vertical.jsx'
-export { default as SectionSeparatorDark } from './_section_separator_dark.jsx'

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

@@ -8,9 +8,8 @@ examples:
   - select_required: Required Select Field
   - select_value_text_same: Equal option value and value text
   - select_custom_select: Custom Select
-  - select_dark: Dark Select
   - select_error: Select w/ Error
-  - select_dark_error: Select Dark w/ Error
+
 
 
   react:
@@ -21,6 +20,4 @@ examples:
   - select_required: Required Select Field
   - select_value_text_same: Equal option value and value text
   - select_custom_select: Custom Select
-  - select_dark: Dark Select
   - select_error: Select w/ Error
-  - select_dark_error: Select Dark w/ Error

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

@@ -1,5 +1,4 @@
 export { default as SelectDefault } from './_select_default.jsx'
-export { default as SelectDark } from './_select_dark.jsx'
 export { default as SelectBlank } from './_select_blank.jsx'
 export { default as SelectDisabledOptions } from './_select_disabled_options.jsx'
 export { default as SelectDisabled } from './_select_disabled.jsx'
@@ -7,4 +6,3 @@ export { default as SelectRequired } from './_select_required.jsx'
 export { default as SelectCustomSelect } from './_select_custom_select.jsx'
 export { default as SelectValueTextSame } from './_select_value_text_same.jsx'
 export { default as SelectError } from './_select_error.jsx'
-export { default as SelectDarkError } from './_select_dark_error.jsx'

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

@@ -4,10 +4,9 @@ examples:
   - selectable_card_default: Default
   - selectable_card_single_select: Single Select
   - selectable_card_block: Block
-  - selectable_card_dark: Dark
+
   
   react:
   - selectable_card_default: Default
   - selectable_card_single_select: Single Select
   - selectable_card_block: Block
-  - selectable_card_dark: Dark

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

@@ -1,4 +1,3 @@
 export { default as SelectableCardDefault } from './_selectable_card_default.jsx'
 export { default as SelectableCardSingleSelect } from './_selectable_card_single_select.jsx'
-export { default as SelectableCardDark } from './_selectable_card_dark.jsx'
 export { default as SelectableCardBlock } from './_selectable_card_block.jsx'

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

@@ -4,13 +4,10 @@ examples:
   - selectable_card_icon_default: Default
   - selectable_card_icon_checkmark: Checkmark
   - selectable_card_icon_single_select: Single Select
-  - selectable_card_icon_dark: Dark
+
   
   
   react:
   - selectable_card_icon_default: Default
   - selectable_card_icon_checkmark: Checkmark
   - selectable_card_icon_single_select: Single Select
-  - selectable_card_icon_dark: Dark
-
-  

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

@@ -1,4 +1,3 @@
 export { default as SelectableCardIconDefault } from './_selectable_card_icon_default.jsx'
 export { default as SelectableCardIconCheckmark } from './_selectable_card_icon_checkmark.jsx'
 export { default as SelectableCardIconSingleSelect } from './_selectable_card_icon_single_select.jsx'
-export { default as SelectableCardIconDark } from './_selectable_card_icon_dark.jsx'

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

@@ -3,10 +3,8 @@ examples:
   rails:
   - selectable_icon_default: Default
   - selectable_icon_single_select: Single Select
-  - selectable_icon_dark: Dark
+
   
   react:
   - selectable_icon_default: Default
   - selectable_icon_single_select: Single Select
-  - selectable_icon_dark: Dark
-  

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

@@ -1,3 +1,2 @@
 export { default as SelectableIconDefault } from './_selectable_icon_default.jsx'
 export { default as SelectableIconSingleSelect } from './_selectable_icon_single_select.jsx'
-export { default as SelectableIconDark } from './_selectable_icon_dark.jsx'

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

@@ -10,8 +10,7 @@ examples:
     - table_single_line: Force Single Line
     - table_data_table: Data Table
     - table_responsive_table: Responsive Tables
-    - table_dark: Table Dark
-    - table_container_dark: Table Container Off Dark
+ 
   react:
     - table_sm: Small
     - table_md: Medium
@@ -23,5 +22,3 @@ examples:
     - table_single_line: Force Single Line
     - table_data_table: Data Table
     - table_responsive_table: Responsive Tables
-    - table_dark: Table Dark
-    - table_container_dark: Table Container Off Dark

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

@@ -5,8 +5,6 @@ export { default as TableSideHighlight } from './_table_side_highlight.jsx'
 export { default as TableContainer } from './_table_container.jsx'
 export { default as TableDataTable } from './_table_data_table.jsx'
 export { default as TableResponsiveTable } from './_table_responsive_table.jsx'
-export { default as TableDark } from './_table_dark.jsx'
-export { default as TableContainerDark } from './_table_container_dark.jsx'
 export { default as TableDisableHover } from './_table_disable_hover.jsx'
 export { default as TableSingleLine } from './_table_single_line.jsx'
 export { default as TableMultiline } from './_table_multiline.jsx'

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

@@ -1,16 +1,11 @@
 examples:
   rails:
   - text_input_default: Default
-  - text_input_dark: Dark
   - text_input_error: With Error
-  - text_input_dark_error: Dark With Error
   - text_input_custom: Custom
   - text_input_disabled: Disabled
   react:
   - text_input_default: Default
-  - text_input_dark: Dark
   - text_input_error: With Error
-  - text_input_dark_error: Dark With Error
   - text_input_custom: Custom
   - text_input_disabled: Disabled
-

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

@@ -1,6 +1,4 @@
 export { default as TextInputDefault } from './_text_input_default.jsx'
-export { default as TextInputDark } from './_text_input_dark.jsx'
-export { default as TextInputDarkError } from './_text_input_dark_error.jsx'
 export { default as TextInputCustom } from './_text_input_custom.jsx'
 export { default as TextInputError } from './_text_input_error.jsx'
 export { default as TextInputDisabled } from './_text_input_disabled.jsx'

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

@@ -3,17 +3,14 @@ examples:
   rails:
   - textarea_default: Default
   - textarea_custom: Custom Textarea Input
-  - textarea_dark: Dark
   - textarea_resize: Resize
   - textarea_error: Textarea w/ Error
-  - textarea_dark_error: Textarea w/ Error
+
 
 
 
   react:
   - textarea_default: Default
   - textarea_custom: Custom Textarea Input
-  - textarea_dark: Dark
   - textarea_resize: Resize
   - textarea_error: Textarea w/ Error
-  - textarea_dark_error: Textarea w/ Error

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

@@ -1,6 +1,4 @@
 export { default as TextareaDefault } from './_textarea_default.jsx'
 export { default as TextareaResize } from './_textarea_resize.jsx'
 export { default as TextareaCustom } from './_textarea_custom.jsx'
-export { default as TextareaDark } from './_textarea_dark.jsx'
 export { default as TextareaError } from './_textarea_error.jsx'
-export { default as TextareaDarkError } from './_textarea_dark_error.jsx'

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

@@ -6,7 +6,6 @@ examples:
   - time_timestamp: Timestamp Values
   - time_timezone: Handling Timezones
   - time_align: Alignment
-  - time_dark: Dark
 
   react:
   - time_default: Default
@@ -14,4 +13,3 @@ examples:
   - time_timestamp: Timestamp Values
   - time_timezone: Handling Timezones
   - time_align: Alignment
-  - time_dark: Dark

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

@@ -2,5 +2,4 @@ export { default as TimeDefault } from './_time_default.jsx'
 export { default as TimeSizes } from './_time_sizes.jsx'
 export { default as TimeTimestamp } from './_time_timestamp.jsx'
 export { default as TimeAlign } from './_time_align.jsx'
-export { default as TimeDark } from './_time_dark.jsx'
 export { default as TimeTimezone } from './_time_timezone.jsx'

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

@@ -2,10 +2,7 @@ examples:
   
   rails:
   - time_range_inline_default: Default
-  - time_range_inline_dark: Dark
   
   
   react:
   - time_range_inline_default: Default
-  - time_range_inline_dark: Dark
-  

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

@@ -1,2 +1 @@
 export { default as TimeRangeInlineDefault } from './_time_range_inline_default.jsx'
-export { default as TimeRangeInlineDark } from './_time_range_inline_dark.jsx'

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

@@ -3,11 +3,9 @@ examples:
   rails:
   - time_stacked_default: Default
   - time_stacked_caption: With Caption
-  - time_stacked_dark: Dark
+
 
 
   react:
   - time_stacked_default: Default
   - time_stacked_caption: With Caption
-  - time_stacked_dark: Dark
-

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

@@ -1,3 +1,2 @@
 export { default as TimeStackedDefault } from './_time_stacked_default.jsx'
-export { default as TimeStackedDark } from './_time_stacked_dark.jsx'
 export { default as TimeStackedCaption } from './_time_stacked_caption.jsx'

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

@@ -2,8 +2,7 @@ examples:
   rails:
   - title_light: Light UI
   - title_variants: Variants
-  - title_dark: Dark UI
+
   react:
   - title_light: Light UI
   - title_variants: Variants
-  - title_dark: Dark UI

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

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

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

@@ -2,11 +2,7 @@ examples:
   rails:
     - title_count_default: Default
     - title_count_align: Align
-    - title_count_dark: Dark
-    - title_count_align_dark: Dark
 
   react:
     - title_count_default: Default
     - title_count_align: Align
-    - title_count_dark: Dark
-    - title_count_align_dark: Dark

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

@@ -1,4 +1,2 @@
 export { default as TitleCountDefault } from './_title_count_default.jsx'
 export { default as TitleCountAlign } from './_title_count_align.jsx'
-export { default as TitleCountDark } from './_title_count_dark.jsx'
-export { default as TitleCountAlignDark } from './_title_count_align_dark.jsx'

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

@@ -6,8 +6,7 @@ examples:
   - user_text_only: Text Only
   - user_size: Horizontal Size
   - user_vertical_size: Vertical Size
-  - user_dark: Dark
-  - user_text_only_dark: Text Only
+
 
 
 
@@ -17,5 +16,3 @@ examples:
   - user_text_only: Text Only
   - user_size: Horizontal Size
   - user_vertical_size: Vertical Size
-  - user_dark: Dark
-  - user_text_only_dark: Text Only

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

@@ -3,6 +3,3 @@ export { default as UserWithTerritory } from './_user_with_territory.jsx'
 export { default as UserTextOnly } from './_user_text_only.jsx'
 export { default as UserSize } from './_user_size.jsx'
 export { default as UserVerticalSize } from './_user_vertical_size.jsx'
-export { default as UserDark } from './_user_dark.jsx'
-export { default as UserTextOnlyDark } from './_user_text_only_dark.jsx'
-

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

@@ -3,12 +3,7 @@ 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,4 +1,3 @@
 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'