playbook_ui 6.6.1 → 6.8.2.pre.alpha1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +1 -2
- data/app/controllers/playbook/application_controller.rb +3 -1
- data/app/controllers/playbook/pages_controller.rb +21 -1
- data/app/helpers/playbook/application_helper.rb +19 -0
- data/app/helpers/playbook/pb_kit_helper.rb +18 -2
- data/app/pb_kits/playbook/config/_kit_example.html.erb +3 -3
- data/app/pb_kits/playbook/config/_kit_ui.html.erb +2 -1
- data/app/pb_kits/playbook/config/_pb_kit_api.html.erb +10 -12
- data/app/pb_kits/playbook/index.js +1 -0
- data/app/pb_kits/playbook/packs/examples.js +2 -0
- data/app/pb_kits/playbook/packs/site_styles/_site-style.scss +15 -4
- data/app/pb_kits/playbook/packs/site_styles/docs/_kit_doc.scss +26 -73
- data/app/pb_kits/playbook/packs/site_styles/docs/_kits_examples.scss +0 -3
- data/app/pb_kits/playbook/packs/site_styles/docs/_markdown.scss +8 -2
- data/app/pb_kits/playbook/pb_avatar/_avatar.jsx +13 -4
- data/app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx +6 -1
- data/app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.jsx +6 -1
- data/app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx +5 -1
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx +3 -1
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx +2 -1
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx +2 -1
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx +5 -1
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml +1 -9
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/index.js +0 -4
- data/app/pb_kits/playbook/pb_badge/_badge.jsx +4 -2
- data/app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx +19 -1
- data/app/pb_kits/playbook/pb_badge/docs/_badge_default.jsx +4 -1
- data/app/pb_kits/playbook/pb_badge/docs/_badge_rounded.jsx +4 -1
- data/app/pb_kits/playbook/pb_badge/docs/example.yml +1 -2
- data/app/pb_kits/playbook/pb_badge/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx +1 -1
- data/app/pb_kits/playbook/pb_body/body.rb +1 -1
- data/app/pb_kits/playbook/pb_body/docs/_body_block.jsx +2 -2
- data/app/pb_kits/playbook/pb_body/docs/_body_light.jsx +6 -1
- data/app/pb_kits/playbook/pb_body/docs/example.yml +2 -4
- data/app/pb_kits/playbook/pb_body/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_button/_button.jsx +5 -1
- data/app/pb_kits/playbook/pb_button/docs/_button_accessibility.jsx +2 -1
- data/app/pb_kits/playbook/pb_button/docs/_button_block_content.jsx +2 -1
- data/app/pb_kits/playbook/pb_button/docs/_button_default.jsx +6 -2
- data/app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx +2 -1
- data/app/pb_kits/playbook/pb_button/docs/_button_link.jsx +4 -1
- data/app/pb_kits/playbook/pb_button/docs/_button_loading.jsx +4 -1
- data/app/pb_kits/playbook/pb_button/docs/_button_options.jsx +2 -1
- data/app/pb_kits/playbook/pb_button/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_button/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.jsx +5 -1
- data/app/pb_kits/playbook/pb_caption/_caption.html.erb +7 -5
- data/app/pb_kits/playbook/pb_caption/_caption.jsx +2 -2
- data/app/pb_kits/playbook/pb_caption/docs/_caption_block.html.erb +11 -0
- data/app/pb_kits/playbook/pb_caption/docs/_caption_block.jsx +28 -0
- data/app/pb_kits/playbook/pb_caption/docs/_caption_light.jsx +7 -2
- data/app/pb_kits/playbook/pb_caption/docs/example.yml +4 -6
- data/app/pb_kits/playbook/pb_caption/docs/index.js +1 -1
- data/app/pb_kits/playbook/pb_card/_card.scss +0 -3
- data/app/pb_kits/playbook/pb_card/docs/_card_border_none.jsx +7 -4
- data/app/pb_kits/playbook/pb_card/docs/_card_content.jsx +3 -3
- data/app/pb_kits/playbook/pb_card/docs/_card_header.jsx +39 -13
- data/app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx +13 -4
- data/app/pb_kits/playbook/pb_card/docs/_card_light.jsx +2 -2
- data/app/pb_kits/playbook/pb_card/docs/_card_padding.jsx +37 -7
- data/app/pb_kits/playbook/pb_card/docs/_card_selected.jsx +8 -3
- data/app/pb_kits/playbook/pb_card/docs/_card_separator.jsx +13 -4
- data/app/pb_kits/playbook/pb_card/docs/_card_shadow.jsx +25 -5
- data/app/pb_kits/playbook/pb_card/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_card/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_checkbox/_checkbox.jsx +5 -2
- data/app/pb_kits/playbook/pb_checkbox/checkbox.rb +3 -1
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_checked.jsx +2 -1
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_custom.jsx +5 -2
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.jsx +2 -1
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.jsx +2 -1
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb +10 -0
- data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +1 -4
- data/app/pb_kits/playbook/pb_checkbox/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.html.erb +1 -1
- data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.jsx +130 -0
- data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.scss +1 -1
- data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx +39 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.jsx +29 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.jsx +28 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.jsx +117 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx +53 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx +30 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.jsx +45 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_legend_kit.jsx +30 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.jsx +45 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/example.yml +11 -0
- data/app/pb_kits/playbook/pb_circle_chart/docs/index.js +9 -0
- data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.jsx +5 -1
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_click.jsx +2 -1
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.jsx +5 -1
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.jsx +3 -1
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_contact/_contact.jsx +5 -1
- data/app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx +6 -1
- data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.jsx +5 -1
- data/app/pb_kits/playbook/pb_currency/_currency.jsx +5 -1
- data/app/pb_kits/playbook/pb_currency/docs/_currency_large.jsx +4 -1
- data/app/pb_kits/playbook/pb_currency/docs/_currency_medium.jsx +4 -1
- data/app/pb_kits/playbook/pb_currency/docs/_currency_small.jsx +4 -1
- data/app/pb_kits/playbook/pb_currency/docs/example.yml +1 -2
- data/app/pb_kits/playbook/pb_currency/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.jsx +5 -1
- data/app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx +4 -1
- data/app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_default.jsx +4 -1
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.jsx +2 -2
- data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.js +4 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.jsx +34 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.md +3 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.jsx +5 -1
- data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.jsx +2 -2
- data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.jsx +5 -1
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.jsx +2 -2
- data/app/pb_kits/playbook/pb_flex/_flex.jsx +2 -2
- data/app/pb_kits/playbook/pb_flex/_flex_item.jsx +1 -1
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +6 -1
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.jsx +3 -2
- data/app/pb_kits/playbook/pb_gauge/_gauge.jsx +1 -1
- data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.jsx +5 -1
- data/app/pb_kits/playbook/pb_hashtag/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_hashtag/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_highlight/_highlight.jsx +1 -1
- data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx +2 -2
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx +3 -1
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_modified.jsx +2 -1
- data/app/pb_kits/playbook/pb_home_address_street/docs/example.yml +1 -3
- data/app/pb_kits/playbook/pb_home_address_street/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_icon/_icon.jsx +2 -2
- data/app/pb_kits/playbook/pb_icon_value/_icon_value.jsx +5 -1
- data/app/pb_kits/playbook/pb_image/_image.jsx +5 -1
- data/app/pb_kits/playbook/pb_label_pill/_label_pill.jsx +5 -1
- data/app/pb_kits/playbook/pb_label_value/docs/example.yml +1 -7
- data/app/pb_kits/playbook/pb_label_value/docs/index.js +0 -4
- data/app/pb_kits/playbook/pb_layout/_layout.jsx +4 -4
- data/app/pb_kits/playbook/pb_legend/docs/example.yml +1 -5
- data/app/pb_kits/playbook/pb_legend/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_line_graph/_line_graph.jsx +1 -1
- data/app/pb_kits/playbook/pb_list/_list.jsx +3 -2
- data/app/pb_kits/playbook/pb_list/_list_item.jsx +3 -2
- data/app/pb_kits/playbook/pb_list/docs/example.yml +1 -11
- data/app/pb_kits/playbook/pb_list/docs/index.js +0 -6
- data/app/pb_kits/playbook/pb_loading_inline/docs/example.yml +1 -3
- data/app/pb_kits/playbook/pb_loading_inline/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_logistic/_logistic.jsx +5 -1
- data/app/pb_kits/playbook/pb_message/_message.jsx +5 -1
- data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.jsx +5 -2
- data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +1 -2
- data/app/pb_kits/playbook/pb_multiple_users/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml +1 -2
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_nav/_horizontal_nav.scss +24 -0
- data/app/pb_kits/playbook/pb_nav/_nav.jsx +2 -2
- data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +28 -0
- data/app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx +13 -4
- data/app/pb_kits/playbook/pb_online_status/docs/example.yml +1 -2
- data/app/pb_kits/playbook/pb_online_status/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_person/_person.jsx +5 -1
- data/app/pb_kits/playbook/pb_person_contact/_person_contact.jsx +5 -1
- data/app/pb_kits/playbook/pb_pill/docs/example.yml +1 -3
- data/app/pb_kits/playbook/pb_pill/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_popover/_popover.jsx +5 -1
- data/app/pb_kits/playbook/pb_progress_pills/docs/example.yml +1 -4
- data/app/pb_kits/playbook/pb_progress_pills/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.jsx +4 -4
- data/app/pb_kits/playbook/pb_progress_step/_progress_step.jsx +1 -1
- data/app/pb_kits/playbook/pb_progress_step/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_progress_step/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_radio/_radio.html.erb +1 -1
- data/app/pb_kits/playbook/pb_radio/docs/_radio_options.html.erb +9 -0
- data/app/pb_kits/playbook/pb_radio/docs/example.yml +1 -4
- data/app/pb_kits/playbook/pb_radio/docs/index.js +0 -3
- data/app/pb_kits/playbook/pb_radio/radio.rb +2 -4
- data/app/pb_kits/playbook/pb_section_separator/_section_separator.jsx +1 -1
- data/app/pb_kits/playbook/pb_section_separator/docs/example.yml +1 -2
- data/app/pb_kits/playbook/pb_section_separator/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_select/_select.scss +1 -1
- data/app/pb_kits/playbook/pb_select/docs/example.yml +1 -4
- data/app/pb_kits/playbook/pb_select/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_selectable_card/docs/example.yml +1 -2
- data/app/pb_kits/playbook/pb_selectable_card/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_selectable_card_icon/docs/example.yml +1 -4
- data/app/pb_kits/playbook/pb_selectable_card_icon/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_selectable_icon/docs/example.yml +1 -3
- data/app/pb_kits/playbook/pb_selectable_icon/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_stat_change/_stat_change.jsx +2 -2
- data/app/pb_kits/playbook/pb_stat_value/_stat_value.jsx +3 -3
- data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_default.jsx +6 -1
- data/app/pb_kits/playbook/pb_table/_table.jsx +2 -2
- data/app/pb_kits/playbook/pb_table/docs/example.yml +1 -4
- data/app/pb_kits/playbook/pb_table/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_text_input/_text_input.jsx +1 -1
- data/app/pb_kits/playbook/pb_text_input/docs/example.yml +0 -5
- data/app/pb_kits/playbook/pb_text_input/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_textarea/_textarea.jsx +1 -1
- data/app/pb_kits/playbook/pb_textarea/docs/example.yml +1 -4
- data/app/pb_kits/playbook/pb_textarea/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_time/_time.html.erb +17 -20
- data/app/pb_kits/playbook/pb_time/_time.jsx +42 -29
- data/app/pb_kits/playbook/pb_time/_time.scss +4 -24
- data/app/pb_kits/playbook/pb_time/docs/_time_align.jsx +4 -1
- data/app/pb_kits/playbook/pb_time/docs/_time_default.html.erb +11 -11
- data/app/pb_kits/playbook/pb_time/docs/_time_default.jsx +13 -1
- data/app/pb_kits/playbook/pb_time/docs/_time_sizes.jsx +4 -1
- data/app/pb_kits/playbook/pb_time/docs/_time_timestamp.jsx +3 -1
- data/app/pb_kits/playbook/pb_time/docs/_time_timezone.html.erb +2 -1
- data/app/pb_kits/playbook/pb_time/docs/_time_timezone.jsx +7 -2
- data/app/pb_kits/playbook/pb_time/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_time/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.jsx +1 -1
- data/app/pb_kits/playbook/pb_time_range_inline/docs/example.yml +0 -3
- data/app/pb_kits/playbook/pb_time_range_inline/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.jsx +3 -3
- data/app/pb_kits/playbook/pb_time_stacked/docs/example.yml +1 -3
- data/app/pb_kits/playbook/pb_time_stacked/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_timestamp/_timestamp.jsx +1 -1
- data/app/pb_kits/playbook/pb_title/_title.jsx +5 -1
- data/app/pb_kits/playbook/pb_title/docs/example.yml +1 -2
- data/app/pb_kits/playbook/pb_title/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_title_count/_title_count.jsx +5 -1
- data/app/pb_kits/playbook/pb_title_count/docs/example.yml +0 -4
- data/app/pb_kits/playbook/pb_title_count/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_title_detail/_title_detail.jsx +1 -1
- data/app/pb_kits/playbook/pb_toggle/_toggle.jsx +3 -3
- data/app/pb_kits/playbook/pb_toggle/_toggle.scss +41 -43
- data/app/pb_kits/playbook/pb_toggle/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_toggle/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_toggle/toggle.rb +2 -2
- data/app/pb_kits/playbook/pb_user/docs/example.yml +1 -4
- data/app/pb_kits/playbook/pb_user/docs/index.js +0 -3
- data/app/pb_kits/playbook/pb_user_badge/_user_badge.jsx +5 -2
- data/app/pb_kits/playbook/pb_user_badge/docs/example.yml +0 -5
- data/app/pb_kits/playbook/pb_user_badge/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_weekday_stacked/docs/example.yml +0 -3
- data/app/pb_kits/playbook/pb_weekday_stacked/docs/index.js +0 -1
- data/app/pb_kits/playbook/plugins/pb_chart.js +1 -1
- data/app/pb_kits/playbook/tokens/_colors.scss +1 -1
- data/app/views/layouts/playbook/_nav.html.erb +31 -7
- data/app/views/layouts/playbook/_sidebar.html.erb +6 -7
- data/app/views/layouts/playbook/application.html.erb +26 -0
- data/app/views/playbook/pages/kit_show.html.erb +4 -4
- data/lib/generators/kit/templates/kit_jsx.erb.tt +1 -1
- data/lib/playbook/version.rb +1 -2
- metadata +23 -125
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions_dark.html.erb +0 -17
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions_dark.jsx +0 -21
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_dark.html.erb +0 -9
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_dark.jsx +0 -14
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click_dark.html.erb +0 -15
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click_dark.jsx +0 -16
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement_dark.html.erb +0 -31
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement_dark.jsx +0 -33
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip_dark.html.erb +0 -12
- data/app/pb_kits/playbook/pb_badge/docs/_badge_dark.html.erb +0 -124
- data/app/pb_kits/playbook/pb_badge/docs/_badge_dark.jsx +0 -160
- data/app/pb_kits/playbook/pb_body/docs/_body_dark.html.erb +0 -28
- data/app/pb_kits/playbook/pb_body/docs/_body_dark.jsx +0 -35
- data/app/pb_kits/playbook/pb_button/docs/_button_default_dark.html.erb +0 -22
- data/app/pb_kits/playbook/pb_button/docs/_button_default_dark.jsx +0 -31
- data/app/pb_kits/playbook/pb_caption/docs/_caption_dark.html.erb +0 -3
- data/app/pb_kits/playbook/pb_caption/docs/_caption_dark.jsx +0 -25
- data/app/pb_kits/playbook/pb_card/docs/_card_dark.html.erb +0 -3
- data/app/pb_kits/playbook/pb_card/docs/_card_dark.jsx +0 -12
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_dark.html.erb +0 -4
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_dark.jsx +0 -17
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_dark_error.html.erb +0 -7
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_dark_error.jsx +0 -18
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_dark.html.erb +0 -29
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_dark.jsx +0 -38
- data/app/pb_kits/playbook/pb_currency/docs/_currency_dark.html.erb +0 -23
- data/app/pb_kits/playbook/pb_currency/docs/_currency_dark.jsx +0 -32
- data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_dark.html.erb +0 -13
- data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_dark.jsx +0 -41
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_dark.html.erb +0 -12
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_dark.jsx +0 -20
- data/app/pb_kits/playbook/pb_label_value/docs/_label_value_dark.html.erb +0 -24
- data/app/pb_kits/playbook/pb_label_value/docs/_label_value_dark.jsx +0 -35
- data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_dark.html.erb +0 -43
- data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_dark.jsx +0 -54
- data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples_dark.html.erb +0 -80
- data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples_dark.jsx +0 -101
- data/app/pb_kits/playbook/pb_legend/docs/_legend_dark.html.erb +0 -5
- data/app/pb_kits/playbook/pb_legend/docs/_legend_dark.jsx +0 -21
- data/app/pb_kits/playbook/pb_legend/docs/_legend_dark_prefix.html.erb +0 -1
- data/app/pb_kits/playbook/pb_legend/docs/_legend_dark_prefix.jsx +0 -15
- data/app/pb_kits/playbook/pb_list/docs/_list_dark.html.erb +0 -7
- data/app/pb_kits/playbook/pb_list/docs/_list_dark.jsx +0 -19
- data/app/pb_kits/playbook/pb_list/docs/_list_dark_borderless.html.erb +0 -7
- data/app/pb_kits/playbook/pb_list/docs/_list_dark_borderless.jsx +0 -22
- data/app/pb_kits/playbook/pb_list/docs/_list_dark_lg.html.erb +0 -7
- data/app/pb_kits/playbook/pb_list/docs/_list_dark_lg.jsx +0 -22
- data/app/pb_kits/playbook/pb_list/docs/_list_dark_ordered.html.erb +0 -7
- data/app/pb_kits/playbook/pb_list/docs/_list_dark_ordered.jsx +0 -22
- data/app/pb_kits/playbook/pb_list/docs/_list_dark_xpadding.html.erb +0 -7
- data/app/pb_kits/playbook/pb_list/docs/_list_dark_xpadding.jsx +0 -22
- data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_dark.html.erb +0 -13
- data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_dark.jsx +0 -20
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_dark.html.erb +0 -41
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_dark.jsx +0 -52
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_dark.html.erb +0 -53
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_dark.jsx +0 -62
- data/app/pb_kits/playbook/pb_online_status/docs/_online_status_dark.html.erb +0 -9
- data/app/pb_kits/playbook/pb_online_status/docs/_online_status_dark.jsx +0 -28
- data/app/pb_kits/playbook/pb_pill/docs/_pill_dark.html.erb +0 -52
- data/app/pb_kits/playbook/pb_pill/docs/_pill_dark.jsx +0 -69
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_dark.html.erb +0 -1
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_dark.jsx +0 -20
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status_dark.html.erb +0 -1
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status_dark.jsx +0 -19
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.html.erb +0 -34
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.jsx +0 -18
- data/app/pb_kits/playbook/pb_radio/docs/_radio_dark.html.erb +0 -25
- data/app/pb_kits/playbook/pb_radio/docs/_radio_dark.jsx +0 -33
- data/app/pb_kits/playbook/pb_radio/docs/_radio_dark_error.html.erb +0 -7
- data/app/pb_kits/playbook/pb_radio/docs/_radio_dark_error.jsx +0 -17
- data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dark.html.erb +0 -1
- data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dark.jsx +0 -14
- data/app/pb_kits/playbook/pb_select/docs/_select_dark.html.erb +0 -24
- data/app/pb_kits/playbook/pb_select/docs/_select_dark.jsx +0 -33
- data/app/pb_kits/playbook/pb_select/docs/_select_dark_error.html.erb +0 -25
- data/app/pb_kits/playbook/pb_select/docs/_select_dark_error.jsx +0 -39
- data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_dark.html.erb +0 -45
- data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_dark.jsx +0 -72
- data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_dark.html.erb +0 -30
- data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_dark.jsx +0 -40
- data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_dark.html.erb +0 -26
- data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_dark.jsx +0 -43
- data/app/pb_kits/playbook/pb_table/docs/_table_container_dark.html.erb +0 -34
- data/app/pb_kits/playbook/pb_table/docs/_table_container_dark.jsx +0 -47
- data/app/pb_kits/playbook/pb_table/docs/_table_dark.html.erb +0 -34
- data/app/pb_kits/playbook/pb_table/docs/_table_dark.jsx +0 -46
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_dark.html.erb +0 -5
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_dark.jsx +0 -78
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_dark_error.html.erb +0 -14
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_dark_error.jsx +0 -18
- data/app/pb_kits/playbook/pb_textarea/docs/_textarea_dark.html.erb +0 -9
- data/app/pb_kits/playbook/pb_textarea/docs/_textarea_dark.jsx +0 -34
- data/app/pb_kits/playbook/pb_textarea/docs/_textarea_dark_error.html.erb +0 -6
- data/app/pb_kits/playbook/pb_textarea/docs/_textarea_dark_error.jsx +0 -19
- data/app/pb_kits/playbook/pb_time/docs/_time_dark.html.erb +0 -70
- data/app/pb_kits/playbook/pb_time/docs/_time_dark.jsx +0 -21
- data/app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_dark.html.erb +0 -72
- data/app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_dark.jsx +0 -81
- data/app/pb_kits/playbook/pb_time_stacked/docs/_time_stacked_dark.html.erb +0 -1
- data/app/pb_kits/playbook/pb_time_stacked/docs/_time_stacked_dark.jsx +0 -15
- data/app/pb_kits/playbook/pb_title/docs/_title_dark.html.erb +0 -8
- data/app/pb_kits/playbook/pb_title/docs/_title_dark.jsx +0 -35
- data/app/pb_kits/playbook/pb_title_count/docs/_title_count_align_dark.html.erb +0 -23
- data/app/pb_kits/playbook/pb_title_count/docs/_title_count_align_dark.jsx +0 -34
- data/app/pb_kits/playbook/pb_title_count/docs/_title_count_dark.html.erb +0 -23
- data/app/pb_kits/playbook/pb_title_count/docs/_title_count_dark.jsx +0 -34
- data/app/pb_kits/playbook/pb_title_detail/docs/_title_detail_dark.html.erb +0 -19
- data/app/pb_kits/playbook/pb_title_detail/docs/_title_detail_dark.jsx +0 -29
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_size.html.erb +0 -11
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_size.jsx +0 -44
- data/app/pb_kits/playbook/pb_user/docs/_user_dark.html.erb +0 -42
- data/app/pb_kits/playbook/pb_user/docs/_user_dark.jsx +0 -55
- data/app/pb_kits/playbook/pb_user/docs/_user_text_only_dark.html.erb +0 -19
- data/app/pb_kits/playbook/pb_user/docs/_user_text_only_dark.jsx +0 -26
- data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_dark.html.erb +0 -13
- data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_dark.jsx +0 -27
- data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_dark.html.erb +0 -1
- data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_dark.jsx +0 -14
- data/app/views/layouts/playbook/application.html.slim +0 -22
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c741c41b034e5f6ee2c76ca8c5d4ae7e6aeed017fc75eafa99c104a67404d40e
|
4
|
+
data.tar.gz: bf3bf4865392190b6c9778979231cf4b9bd6d5ffbe1731bbf9106fadbb4cc490
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 7cf3a912b48ced76c46cade9bdb30f383e259c3bf7ab94e08c480051c30a754feca89035dd120ca17819631b71a21d218ed57a031911520c8c852f343fc3f40c
|
7
|
+
data.tar.gz: 41c7bc0103ed5670cc9aec9ed3f274581ea6e30ec661019f9b11ce67d9447a3959cdad7bb2a1fd338184d507b15395865038dfa65b0cb1f783fe223a846cad7b
|
data/README.md
CHANGED
@@ -9,8 +9,7 @@ Playbook is the first design system built for both Rails & React interfaces. Ins
|
|
9
9
|
|
10
10
|
## Getting started
|
11
11
|
|
12
|
-
1. Run `make
|
13
|
-
1. Run `make start`
|
12
|
+
1. Run `make it`
|
14
13
|
1. Install overcommit hooks `bin/overcommit`
|
15
14
|
1. open [http://localhost:8089](http://localhost:8089)
|
16
15
|
|
@@ -3,11 +3,13 @@
|
|
3
3
|
module Playbook
|
4
4
|
class ApplicationController < ActionController::Base
|
5
5
|
protect_from_forgery with: :exception
|
6
|
-
|
6
|
+
|
7
7
|
helper Webpacker::Helper
|
8
8
|
helper Playbook::PbKitHelper
|
9
9
|
helper Playbook::PbDocHelper
|
10
10
|
helper Playbook::PbSampleHelper
|
11
11
|
append_view_path Playbook::Engine.root + "app/pb_kits"
|
12
12
|
end
|
13
|
+
|
14
|
+
|
13
15
|
end
|
@@ -8,6 +8,26 @@ module Playbook
|
|
8
8
|
before_action :set_kit, only: %i[kit_show_rails kit_show_react]
|
9
9
|
before_action :ensure_kit_type_exists, only: %i[kit_show_rails kit_show_react]
|
10
10
|
before_action :set_category, only: %i[kit_category_show_rails kit_category_show_react]
|
11
|
+
before_action :set_playbook
|
12
|
+
|
13
|
+
def set_playbook
|
14
|
+
@playbook = true
|
15
|
+
end
|
16
|
+
|
17
|
+
def enable_dark_mode
|
18
|
+
cookies[:dark_mode] = {
|
19
|
+
value: "true"
|
20
|
+
}
|
21
|
+
redirect_back(fallback_location: root_path)
|
22
|
+
end
|
23
|
+
|
24
|
+
def disable_dark_mode
|
25
|
+
cookies[:dark_mode] = {
|
26
|
+
value: "false"
|
27
|
+
}
|
28
|
+
redirect_back(fallback_location: root_path)
|
29
|
+
end
|
30
|
+
|
11
31
|
|
12
32
|
def home; end
|
13
33
|
|
@@ -27,7 +47,7 @@ module Playbook
|
|
27
47
|
end
|
28
48
|
|
29
49
|
def kit_show_rails
|
30
|
-
render
|
50
|
+
render "playbook/pages/kit_show"
|
31
51
|
end
|
32
52
|
|
33
53
|
def kit_show_react
|
@@ -13,5 +13,24 @@ module Playbook
|
|
13
13
|
def current_webpacker_instance
|
14
14
|
Playbook.webpacker
|
15
15
|
end
|
16
|
+
|
17
|
+
def dark_mode
|
18
|
+
if cookies[:dark_mode] == "true"
|
19
|
+
true
|
20
|
+
else
|
21
|
+
false
|
22
|
+
end
|
23
|
+
end
|
24
|
+
|
25
|
+
def dark_mode_props(props)
|
26
|
+
if cookies[:dark_mode] == "true"
|
27
|
+
props.merge(dark: dark_mode)
|
28
|
+
elsif cookies[:dark_mode] == "false"
|
29
|
+
props.merge(dark: dark_mode)
|
30
|
+
else
|
31
|
+
props
|
32
|
+
end
|
33
|
+
end
|
34
|
+
|
16
35
|
end
|
17
36
|
end
|
@@ -6,20 +6,36 @@ require "webpacker/react/component"
|
|
6
6
|
|
7
7
|
module Playbook
|
8
8
|
module PbKitHelper
|
9
|
+
|
9
10
|
def pb_rails(kit, props: {}, &block)
|
10
11
|
previous = prefix_partial_path_with_controller_namespace
|
11
12
|
self.prefix_partial_path_with_controller_namespace = false
|
12
|
-
kit = build_view_model(kit.to_s, props, &block)
|
13
|
+
kit = build_view_model(kit.to_s, rails_props(props), &block)
|
13
14
|
render(partial: kit, as: :object)
|
14
15
|
ensure
|
15
16
|
self.prefix_partial_path_with_controller_namespace = previous
|
16
17
|
end
|
17
18
|
|
18
|
-
def pb_react(kit, props:
|
19
|
+
def pb_react(kit, props:{dark: react_props}, options: {})
|
19
20
|
::Webpacker::React::Component.new(kit.camelize).render(props, options)
|
20
21
|
end
|
21
22
|
|
22
23
|
private
|
24
|
+
def rails_props(props)
|
25
|
+
if @playbook.nil?
|
26
|
+
props
|
27
|
+
else
|
28
|
+
dark_mode_props(props)
|
29
|
+
end
|
30
|
+
end
|
31
|
+
|
32
|
+
def react_props
|
33
|
+
if @playbook.nil?
|
34
|
+
false
|
35
|
+
else
|
36
|
+
dark_mode
|
37
|
+
end
|
38
|
+
end
|
23
39
|
|
24
40
|
def is_subkit?(kit)
|
25
41
|
kit.match(%r{[/\\]})
|
@@ -1,9 +1,9 @@
|
|
1
1
|
<%if !@kit_examples[:examples].nil? %>
|
2
2
|
<% @kit_examples[:examples].each do |kit_example| %>
|
3
3
|
<% kit_example.each do |key, item| %>
|
4
|
-
|
4
|
+
<%=pb_rails("card", props:{classname: "pb--doc", padding:"none"})do%>
|
5
5
|
<%= render partial: "config/kit_ui", locals: { key: key, type: @type, item: item, show_code: @show_code } %>
|
6
|
-
|
6
|
+
<% end %>
|
7
7
|
<% end %>
|
8
8
|
<% end %>
|
9
|
-
<% end %>
|
9
|
+
<% end %>
|
@@ -19,7 +19,7 @@
|
|
19
19
|
</div>
|
20
20
|
|
21
21
|
<% if @show_code%>
|
22
|
-
<div class="markdown pb--kit-example-markdown">
|
22
|
+
<div class="markdown pb--kit-example-markdown <%= cookies[:dark_mode] == "true" ? "dark" : "" %>">
|
23
23
|
<%= markdown(get_per_sample_descriptions(@kit_examples[:kit], key)) %>
|
24
24
|
</div>
|
25
25
|
<div class="pb--codeControls">
|
@@ -30,6 +30,7 @@
|
|
30
30
|
</ul>
|
31
31
|
</div>
|
32
32
|
<div class="pb--codeCopy" data-action="toggle" data-togglable="code_example" style="display: none" >
|
33
|
+
<%= pb_rails("section_separator")%>
|
33
34
|
<a href="#" data-toggle="false" class="pb--close-toggle">Close</a>
|
34
35
|
<% if type == "rails" %>
|
35
36
|
<pre class="highlight"><%= raw rouge(contents, "erb") %></pre>
|
@@ -1,18 +1,16 @@
|
|
1
1
|
<% if defined?(@kit_api) && @kit_api.present? %>
|
2
|
+
|
2
3
|
<div data-action="toggle" data-togglable="prop_example" class="pb--propsTable">
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
<th>Available Props</th>
|
7
|
-
</tr>
|
8
|
-
</thead>
|
9
|
-
<tbody>
|
4
|
+
<%= pb_rails("title", props:{text: "Available Props", size:3, margin_bottom:"sm"}) %>
|
5
|
+
<%= pb_rails("card",props:{padding:"none"})do%>
|
6
|
+
<%= pb_rails("list",props: {xpadding:true})do%>
|
10
7
|
<% @kit_api.each_with_index do |(key,value),index| %>
|
11
|
-
|
12
|
-
|
13
|
-
|
8
|
+
<%= pb_rails("list/item") do %>
|
9
|
+
<%= key %>
|
10
|
+
<% end %>
|
14
11
|
<% end %>
|
15
|
-
|
16
|
-
|
12
|
+
<% end %>
|
13
|
+
<% end %>
|
17
14
|
</div>
|
15
|
+
|
18
16
|
<% end %>
|
@@ -9,6 +9,7 @@ export ButtonToolbar from './pb_button_toolbar/_button_toolbar.jsx'
|
|
9
9
|
export Caption from './pb_caption/_caption.jsx'
|
10
10
|
export Card from './pb_card/_card.jsx'
|
11
11
|
export Checkbox from './pb_checkbox/_checkbox.jsx'
|
12
|
+
export CircleChart from './pb_circle_chart/_circle_chart.jsx'
|
12
13
|
export CircleIconButton from './pb_circle_icon_button/_circle_icon_button.jsx'
|
13
14
|
export Contact from './pb_contact/_contact.jsx'
|
14
15
|
export Currency from './pb_currency/_currency.jsx'
|
@@ -23,6 +23,7 @@ import * as ButtonToolbar from 'pb_button_toolbar/docs'
|
|
23
23
|
import * as Caption from 'pb_caption/docs'
|
24
24
|
import * as Card from 'pb_card/docs'
|
25
25
|
import * as Checkbox from 'pb_checkbox/docs'
|
26
|
+
import * as CircleChart from 'pb_circle_chart/docs'
|
26
27
|
import * as CircleIconButton from 'pb_circle_icon_button/docs'
|
27
28
|
import * as Contact from 'pb_contact/docs'
|
28
29
|
import * as Currency from 'pb_currency/docs'
|
@@ -105,6 +106,7 @@ WebpackerReact.setup({
|
|
105
106
|
...Caption,
|
106
107
|
...Card,
|
107
108
|
...Checkbox,
|
109
|
+
...CircleChart,
|
108
110
|
...CircleIconButton,
|
109
111
|
...Contact,
|
110
112
|
...Currency,
|
@@ -13,7 +13,6 @@ body {
|
|
13
13
|
.pb--page {
|
14
14
|
&--topNav {
|
15
15
|
flex: 0 0;
|
16
|
-
border-bottom: 1px solid $border_light;
|
17
16
|
padding: 20px 30px;
|
18
17
|
background: $white;
|
19
18
|
h1 {
|
@@ -23,11 +22,15 @@ body {
|
|
23
22
|
display: flex;
|
24
23
|
}
|
25
24
|
}
|
25
|
+
&.dark{
|
26
|
+
background: tint(#0a0527, 10);
|
27
|
+
}
|
26
28
|
}
|
29
|
+
|
27
30
|
&--content {
|
28
31
|
min-height: calc(100vh - 89px);
|
29
32
|
@include break_at(breakpoint("lg")) {
|
30
|
-
grid-template-columns: auto
|
33
|
+
grid-template-columns: auto !important;
|
31
34
|
}
|
32
35
|
&--main {
|
33
36
|
flex-grow: 1;
|
@@ -37,6 +40,9 @@ body {
|
|
37
40
|
@include break_at(breakpoint("lg")) {
|
38
41
|
padding: $space-lg $space-xl;
|
39
42
|
}
|
43
|
+
&.dark{
|
44
|
+
background: #0a0527;
|
45
|
+
}
|
40
46
|
}
|
41
47
|
}
|
42
48
|
&--hamburger, &--checkbox {
|
@@ -66,7 +72,6 @@ body {
|
|
66
72
|
top: 100px;
|
67
73
|
right: 0;
|
68
74
|
width: auto !important;
|
69
|
-
padding: $space-xl;
|
70
75
|
z-index: 1000;
|
71
76
|
}
|
72
77
|
}
|
@@ -89,9 +94,15 @@ body {
|
|
89
94
|
padding-left: $space_md;
|
90
95
|
}
|
91
96
|
}
|
97
|
+
&[class*=dark]{
|
98
|
+
border-color:$border_dark;
|
99
|
+
}
|
92
100
|
}
|
93
101
|
}
|
94
|
-
|
102
|
+
#toggle-modes{
|
103
|
+
display: flex;
|
104
|
+
margin-right: 80px;
|
105
|
+
}
|
95
106
|
// Nav Tabs switch between Rails and React
|
96
107
|
.pb--kit-type-nav {
|
97
108
|
margin: 20px 0 30px;
|
@@ -1,8 +1,7 @@
|
|
1
1
|
@import "../../../tokens/colors";
|
2
|
-
|
2
|
+
@import "../../../tokens/spacing";
|
3
3
|
.pb--doc {
|
4
4
|
margin-bottom: 20px;
|
5
|
-
border: 1px solid $border-light;
|
6
5
|
border-radius: 6px;
|
7
6
|
box-shadow: 0 4px 10px $shadow;
|
8
7
|
background: $white;
|
@@ -37,21 +36,32 @@
|
|
37
36
|
}
|
38
37
|
|
39
38
|
.pb--kit-example, .pb--kit-example-markdown {
|
39
|
+
&.dark {
|
40
|
+
color: $text_dk_light;
|
41
|
+
a {
|
42
|
+
color: $teal;
|
43
|
+
}
|
44
|
+
}
|
40
45
|
padding: calc(2rem + 4px) 2rem 1rem;
|
41
46
|
}
|
42
47
|
|
43
48
|
.pb--kit-example {
|
44
49
|
position: relative;
|
45
50
|
|
46
|
-
&::after {
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
}
|
51
|
+
// &::after {
|
52
|
+
// content: '';
|
53
|
+
// width: 100%;
|
54
|
+
// height: 4px;
|
55
|
+
// background: $border-light;
|
56
|
+
// position: absolute;
|
57
|
+
// top: 0;
|
58
|
+
// left: 0;
|
59
|
+
// }
|
60
|
+
// &.dark{
|
61
|
+
// &::after {
|
62
|
+
// display: none;
|
63
|
+
// }
|
64
|
+
// }
|
55
65
|
|
56
66
|
code {
|
57
67
|
background-color: rgba($text_lt_lighter, 0.35);
|
@@ -107,24 +117,17 @@
|
|
107
117
|
}
|
108
118
|
|
109
119
|
.pb--codeCopy {
|
110
|
-
|
111
|
-
background: $bg_dark;
|
120
|
+
background: none;
|
112
121
|
position: relative;
|
113
|
-
border-top: 1px solid $border-light;
|
114
122
|
display: none;
|
115
123
|
overflow-x: auto;
|
116
124
|
border-radius: 0 0 6px 6px;
|
125
|
+
background:tint($bg_dark,10);
|
117
126
|
}
|
118
127
|
|
119
128
|
&.dark_ui {
|
120
|
-
background:
|
121
|
-
|
122
|
-
.pb--kit-example {
|
129
|
+
background: none;
|
123
130
|
|
124
|
-
&::after {
|
125
|
-
background: $border-dark;
|
126
|
-
}
|
127
|
-
}
|
128
131
|
.pb--codeCopy {
|
129
132
|
border-color: $border-dark;
|
130
133
|
}
|
@@ -140,56 +143,6 @@
|
|
140
143
|
}
|
141
144
|
}
|
142
145
|
|
143
|
-
.
|
144
|
-
|
145
|
-
margin: 40px 0 0;
|
146
|
-
background: $card_light;
|
147
|
-
color: #faf6e4;
|
148
|
-
padding: 10px 30px 10px 30px;
|
149
|
-
border: 1px solid $border-light;
|
150
|
-
|
151
|
-
&--table {
|
152
|
-
width: 100%;
|
153
|
-
border-collapse: collapse;
|
154
|
-
margin-bottom: 10px;
|
155
|
-
|
156
|
-
tr {
|
157
|
-
padding: 10px;
|
158
|
-
|
159
|
-
th {
|
160
|
-
text-align: left;
|
161
|
-
padding: 10px 10px 5px 10px;
|
162
|
-
color: $text_lt_light;
|
163
|
-
opacity: 0.7;
|
164
|
-
font-size: 12px;
|
165
|
-
text-transform: uppercase;
|
166
|
-
}
|
167
|
-
|
168
|
-
td {
|
169
|
-
border-bottom: 1px solid $border-light;
|
170
|
-
padding: 5px 10px;
|
171
|
-
font-size: 14px;
|
172
|
-
color: $text_lt_light;
|
173
|
-
font-weight: 600;
|
174
|
-
}
|
175
|
-
|
176
|
-
&:last-child {
|
177
|
-
td {
|
178
|
-
border-bottom-width: 0;
|
179
|
-
}
|
180
|
-
}
|
181
|
-
}
|
182
|
-
|
183
|
-
&--notset {
|
184
|
-
font-size: 12px;
|
185
|
-
opacity: 0.4;
|
186
|
-
font-style: italic;
|
187
|
-
position: relative;
|
188
|
-
font-weight: 400;
|
189
|
-
|
190
|
-
&:after {
|
191
|
-
content: "not set";
|
192
|
-
}
|
193
|
-
}
|
194
|
-
}
|
146
|
+
pre.highlight {
|
147
|
+
padding: $space_xl;
|
195
148
|
}
|
@@ -1,5 +1,7 @@
|
|
1
1
|
@import "../../../pb_title/title_mixin";
|
2
2
|
@import "../../../tokens/spacing";
|
3
|
+
@import "../../../tokens/colors";
|
4
|
+
|
3
5
|
|
4
6
|
.markdown {
|
5
7
|
h1 {
|
@@ -77,6 +79,10 @@
|
|
77
79
|
// padding-bottom: 0;
|
78
80
|
}
|
79
81
|
}
|
80
|
-
|
81
|
-
|
82
|
+
&.dark {
|
83
|
+
color: $text_dk_light ;
|
84
|
+
h1,h2,h3,h4,h5,h6 {
|
85
|
+
color: $text_dk_light;
|
86
|
+
}
|
87
|
+
}
|
82
88
|
}
|