playbook_ui 4.18.0 → 5.1.0.pre.alpha1

data/app/pb_kits/playbook/packs/kits/pb_avatar.js

@@ -1 +0,0 @@
-import '../../pb_avatar/_avatar.jsx'

data/app/pb_kits/playbook/packs/kits/pb_badge.js

@@ -1 +0,0 @@
-import '../../pb_badge/_badge.jsx'

data/app/pb_kits/playbook/packs/kits/pb_bar_graph.js

@@ -1 +0,0 @@
-import '../../pb_bar_graph/_bar_graph.jsx'

data/app/pb_kits/playbook/packs/kits/pb_body.js

@@ -1 +0,0 @@
-import '../../pb_body/_body.jsx'

data/app/pb_kits/playbook/packs/kits/pb_button.js

@@ -1 +0,0 @@
-import '../../pb_button/_button.jsx'

data/app/pb_kits/playbook/packs/kits/pb_caption.js

@@ -1 +0,0 @@
-import '../../pb_caption/_caption.jsx'

data/app/pb_kits/playbook/packs/kits/pb_card.js

@@ -1 +0,0 @@
-import '../../pb_card/_card.jsx'

data/app/pb_kits/playbook/packs/kits/pb_checkbox.js

@@ -1 +0,0 @@
-import '../../pb_checkbox/_checkbox.jsx'

data/app/pb_kits/playbook/packs/kits/pb_circle_icon_button.js

@@ -1 +0,0 @@
-import '../../pb_circle_icon_button/_circle_icon_button.jsx'

data/app/pb_kits/playbook/packs/kits/pb_contact.js

@@ -1 +0,0 @@
-import '../../pb_contact/_contact.jsx'

data/app/pb_kits/playbook/packs/kits/pb_currency.js

@@ -1 +0,0 @@
-import '../../pb_currency/_currency.jsx'

data/app/pb_kits/playbook/packs/kits/pb_dashboard_value.js

@@ -1 +0,0 @@
-import '../../pb_dashboard_value/_dashboard_value.jsx'

data/app/pb_kits/playbook/packs/kits/pb_date.js

@@ -1,2 +0,0 @@
-import '../../pb_date/_date.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_date_range_inline.js

@@ -1 +0,0 @@
-import '../../pb_date_range_inline/_date_range_inline.jsx'

data/app/pb_kits/playbook/packs/kits/pb_date_range_stacked.js

@@ -1 +0,0 @@
-import '../../pb_date_range_stacked/_date_range_stacked.jsx'

data/app/pb_kits/playbook/packs/kits/pb_date_stacked.js

@@ -1 +0,0 @@
-import '../../pb_date_stacked/_date_stacked.jsx'

data/app/pb_kits/playbook/packs/kits/pb_date_year_stacked.js

@@ -1,2 +0,0 @@
-import '../../pb_date_year_stacked/_date_year_stacked.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_distribution_bar.js

@@ -1,2 +0,0 @@
-import '../../pb_distribution_bar/_distribution_bar.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_fixed_confirmation_toast.js

@@ -1,2 +0,0 @@
-import '../../pb_fixed_confirmation_toast/_fixed_confirmation_toast.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_flex.js

@@ -1 +0,0 @@
-import '../../pb_flex/_flex.jsx'

data/app/pb_kits/playbook/packs/kits/pb_form_pill.js

@@ -1 +0,0 @@
-import '../../pb_form_pill/_form_pill.jsx'

data/app/pb_kits/playbook/packs/kits/pb_hashtag.js

@@ -1,2 +0,0 @@
-import '../../pb_hashtag/_hashtag.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_highlight.js

@@ -1,2 +0,0 @@
-import '../../pb_highlight/_highlight.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_home_address_street.js

@@ -1,2 +0,0 @@
-import '../../pb_home_address_street/_home_address_street.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_icon.js

@@ -1,2 +0,0 @@
-import '../../pb_icon/_icon.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_icon_circle.js

@@ -1,2 +0,0 @@
-import '../../pb_icon_circle/_icon_circle.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_icon_value.js

@@ -1,2 +0,0 @@
-import '../../pb_icon_value/_icon_value.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_image.js

@@ -1 +0,0 @@
-import '../../pb_image/_image.jsx'

data/app/pb_kits/playbook/packs/kits/pb_label_pill.js

@@ -1,2 +0,0 @@
-import '../../pb_label_pill/_label_pill.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_label_value.js

@@ -1,2 +0,0 @@
-import '../../pb_label_value/_label_value.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_layout.js

@@ -1,2 +0,0 @@
-import '../../pb_layout/_layout.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_legend.js

@@ -1,2 +0,0 @@
-import '../../pb_legend/_legend.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_line_graph.js

@@ -1 +0,0 @@
-import '../../pb_line_graph/_line_graph.jsx'

data/app/pb_kits/playbook/packs/kits/pb_list.js

@@ -1,2 +0,0 @@
-import '../../pb_list/_list.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_loading_inline.js

@@ -1,2 +0,0 @@
-import '../../pb_loading_inline/_loading_inline.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_message.js

@@ -1,2 +0,0 @@
-import '../../pb_message/_message.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_multiple_users.js

@@ -1,2 +0,0 @@
-import '../../pb_multiple_users/_multiple_users.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_multiple_users_stacked.js

@@ -1,2 +0,0 @@
-import '../../pb_multiple_users_stacked/_multiple_users_stacked.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_nav.js

@@ -1 +0,0 @@
-import '../../pb_nav/_nav.jsx'

data/app/pb_kits/playbook/packs/kits/pb_online_status.js

@@ -1,2 +0,0 @@
-import '../../pb_online_status/_online_status.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_person.js

@@ -1,2 +0,0 @@
-import '../../pb_person/_person.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_person_contact.js

@@ -1,2 +0,0 @@
-import '../../pb_person_contact/_person_contact.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_pill.js

@@ -1,2 +0,0 @@
-import '../../pb_pill/_pill.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_popover.js

@@ -1 +0,0 @@
-import '../../pb_popover/_popover.jsx'

data/app/pb_kits/playbook/packs/kits/pb_progress_pills.js

@@ -1,2 +0,0 @@
-import '../../pb_progress_pills/_progress_pills.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_progress_simple.js

@@ -1,2 +0,0 @@
-import '../../pb_progress_simple/_progress_simple.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_progress_step.js

@@ -1,2 +0,0 @@
-import '../../pb_progress_step/_progress_step.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_radio.js

@@ -1,2 +0,0 @@
-import '../../pb_radio/_radio.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_section_separator.js

@@ -1,2 +0,0 @@
-import '../../pb_section_separator/_section_separator.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_select.js

@@ -1,2 +0,0 @@
-import '../../pb_select/_select.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_selectable_card.js

@@ -1,2 +0,0 @@
-import '../../pb_selectable_card/_selectable_card.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_source.js

@@ -1,2 +0,0 @@
-import '../../pb_source/_source.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_star_rating.js

@@ -1,2 +0,0 @@
-import '../../pb_star_rating/_star_rating.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_stat_change.js

@@ -1,2 +0,0 @@
-import '../../pb_stat_change/_stat_change.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_stat_value.js

@@ -1,2 +0,0 @@
-import '../../pb_stat_value/_stat_value.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_table.js

@@ -1 +0,0 @@
-import '../../pb_table/_table.jsx'

data/app/pb_kits/playbook/packs/kits/pb_text_input.js

@@ -1 +0,0 @@
-import '../../pb_text_input/_text_input.jsx'

data/app/pb_kits/playbook/packs/kits/pb_textarea.js

@@ -1,2 +0,0 @@
-import '../../pb_textarea/_textarea.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_time.js

@@ -1,2 +0,0 @@
-import '../../pb_time/_time.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_timestamp.js

@@ -1,2 +0,0 @@
-import '../../pb_timestamp/_timestamp.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_title.js

@@ -1 +0,0 @@
-import '../../pb_title/_title.jsx'

data/app/pb_kits/playbook/packs/kits/pb_title_count.js

@@ -1,2 +0,0 @@
-import '../../pb_title_count/_title_count.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_title_detail.js

@@ -1,2 +0,0 @@
-import '../../pb_title_detail/_title_detail.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_toggle.js

@@ -1,2 +0,0 @@
-import '../../pb_toggle/_toggle.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_user.js

@@ -1,2 +0,0 @@
-import '../../pb_user/_user.jsx'
-

data/app/pb_kits/playbook/packs/kits/pb_user_badge.js

@@ -1,2 +0,0 @@
-import '../../pb_user_badge/_user_badge.jsx'
-

data/app/pb_kits/playbook/packs/main.scss

@@ -1,12 +0,0 @@
-// SCAFFOLD
-@import "site_styles/scaffold";
-
-// KITS
-@import "../playbook";
-
-// APP STYLES
-@import "site_styles/site-style";
-@import "site_styles/docs/all";
-
-// FULL PAGE EXAMPLE STYLES
-@import "site_styles/samples";

data/app/pb_kits/playbook/packs/samples.js

@@ -1,17 +0,0 @@
-// ===========================================
-// Generated file from kit generator.
-//
-// ===========================================
-
-import WebpackerReact from 'webpacker-react'
-
-//
-// ===========================================
-// ===========================================
-// Generated file from kit generator.
-
-import Dashboards from '../../../views/playbook/samples/dashboards/index.jsx'
-import Registration from '../../../views/playbook/samples/registration/index.jsx'
-
-WebpackerReact.setup({ Dashboards })
-WebpackerReact.setup({ Registration })

data/app/pb_kits/playbook/packs/site_styles/_samples.scss

@@ -1,72 +0,0 @@
-.sample-layout {
-  overflow-y: hidden;
-  .sample {
-    padding-left: 50px;
-    border-bottom: 0px;
-  }
-  .code-controls {
-    .pb_nav_list_item_text {
-      color: white !important;
-    }
-    .pb_nav_list_kit_item {
-      .pb_nav_list_item_link {
-        border-color: transparent !important;
-      }
-    }
-  }
-
-  .sample-nav {
-    padding: 0 25px;
-    background: #172257;
-    display: flex;
-    width: 100%;
-    flex-basis: 200px;
-
-  }
-
-  .sample-actions {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    &-right {
-      margin-left: auto;
-      order: 2;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      .items {
-        padding: 5px;
-      }
-    }
-  }
-  .pb--doc {
-    margin-bottom: 0px;
-  }
-  .pb--codeCopy {
-    border: 0px;
-    position: fixed;
-    width: 100%;
-    height: calc(50vh - 45px);
-    bottom: 0;
-    left: 0;
-    transition: all .4s;
-    border-radius: 0 0 6px 6px;
-  }
-
-  .pb--codeCopy.close {
-    top: 100%;
-    height: 0px;
-    transition: all .4s;
-  }
-  .compress {
-    position: absolute;
-    top: 15px;
-    right: 30px;
-    display: none;
-    z-index: 4;
-  }
-  .hiddenCodeforCopy {
-    display: none;
-  }
-}

data/app/pb_kits/playbook/packs/site_styles/_scaffold.scss

@@ -1,43 +0,0 @@
-@import "../../tokens/fonts";
-@import "../../tokens/typography";
-@import "../../tokens/colors";
-@import "../../utilities/colors";
-
-* {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  &:before,
-  &:after {
-    box-sizing: border-box;
-  }
-}
-
-html {
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  height: 100vh;
-}
-
-body {
-  font-family: $font_family_base;
-  font-size: $font_base;
-  line-height: 1.5;
-  background-color: $bg-light;
-  height: 100%;
-  letter-spacing: $lspace_normal;
-  font-weight: $regular;
-  font-style: normal;
-  text-rendering: optimizeLegibility;
-  -moz-font-feature-settings: "liga" on;
-  color: $charcoal;
-  margin: 0 !important;
-  padding: 0 !important;
-  box-sizing: border-box;
-  min-height: 100vh;
-  padding: 50px; // REMOVE AFTER STYLED
-}
-
-a {
-  text-decoration: none;
-  color: $primary;
-}

data/app/pb_kits/playbook/packs/site_styles/_site-style.scss

@@ -1,135 +0,0 @@
-@import "../../tokens/colors";
-@import "../../tokens/spacing";
-@import "../../tokens/screen_sizes";
-@import "../../tokens/border_radius";
-@import "../../tokens/shadows";
-
-$selector: ".pb--page";
-
-body {
-  overflow-x: hidden;
-}
-
-.pb--page {
-  &--topNav {
-    flex: 0 0;
-    border-bottom: 1px solid $border_light;
-    padding: 20px 30px;
-    background: $white;
-    h1 {
-      display: flex;
-      align-items: center;
-      img {
-        display: flex;
-      }
-    }
-  }
-  &--content {
-    min-height: calc(100vh - 89px);
-    @include break_at(breakpoint("lg")) {
-      grid-template-columns: auto auto !important;
-    }
-    &--main {
-      flex-grow: 1;
-      padding: 40px 60px;
-      height: calc(100vh - 89px);
-      overflow: auto;
-      @include break_at(breakpoint("lg")) {
-        padding: $space-lg $space-xl;
-      }
-    }
-  }
-  &--hamburger, &--checkbox {
-    position: absolute;
-    right: $space-xl;
-    top: 30px;
-    display: none;
-    font-size: $space-xl;
-    width: 30px;
-    height: 30px;
-    color: $primary;
-    cursor: pointer;
-    @include break_at(breakpoint("lg")) {
-      display: block;
-    }
-  }
-  &--checkbox {
-    opacity: 0;
-     ~ #{$selector}--sideNav {
-      @include break_at(breakpoint("lg")) {
-        position: absolute;
-        transform-origin: 0% 0%;
-        transform: translate(100%, 0);
-        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
-        border-radius: $border_rad_heavier;
-        box-shadow: $shadow_deepest;
-        top: 100px;
-        right: 0;
-        width: auto !important;
-        padding: $space-xl;
-        z-index: 1000;
-      }
-    }
-    &:checked ~ #{$selector}--sideNav {
-      @include break_at(breakpoint("lg")) {
-        transform: translate(-10%, 0);
-      }
-    }
-  }
-
-  &--sideNav {
-    height: calc(100vh - 89px);
-    overflow: auto;
-    .category_section {
-      &.active {
-        padding: $space_xs 0;
-        background: $bg_light;
-      }
-      .sub_category {
-        padding-left: $space_md;
-      }
-    }
-  }
-}
-
-// Nav Tabs switch between Rails and React
-.pb--kit-type-nav {
-  margin: 20px 0 30px;
-  line-height: 34px;
-  border-bottom: 2px solid rgba($border_light, 0.6);
-
-  &.sample {
-    margin: 0;
-    border-bottom: 2px solid rgba(228, 232, 240, 0.6);
-    background: rgb(23, 34, 87) !important;
-  }
-
-  a {
-    padding: 0 10px;
-    line-height: 34px;
-    font-size: 14px;
-    font-weight: 400;
-    display: inline-block;
-    position: relative;
-
-    &::after {
-      content: "";
-      width: 100%;
-      height: 3px;
-      background: transparent;
-      position: absolute;
-      bottom: -2px;
-      left: 0;
-      border-radius: 1px;
-      transition: all 0.2s ease;
-    }
-
-    &.active {
-      font-weight: 600;
-
-      &::after {
-        background: $primary;
-      }
-    }
-  }
-}