playbook_ui 9.19.0.pre.alpha.pre.fonts2 → 9.19.0.pre.alphafonts

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.jsx

@@ -2,11 +2,8 @@
 
 import React, { useState } from 'react'
 import classnames from 'classnames'
-
-import { globalProps } from '../utilities/globalProps'
-
-import Icon from '../pb_icon/_icon'
-import Title from '../pb_title/_title'
+import { Icon, Title } from '../'
+import { globalProps } from '../utilities/globalProps.js'
 
 const iconMap = {
   success: 'check',

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import FixedConfirmationToast from '../_fixed_confirmation_toast'
+import { FixedConfirmationToast } from '../../'
 
 const FixedConfirmationToastClose = (props) => {
   return (

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import FixedConfirmationToast from '../_fixed_confirmation_toast'
+import { FixedConfirmationToast } from '../../'
 
 const FixedConfirmationToastDefault = (props) => {
   return (

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import FixedConfirmationToast from '../_fixed_confirmation_toast'
+import { FixedConfirmationToast } from '../../'
 
 const FixedConfirmationToastMultiLine = (props) => {
   return (

data/app/pb_kits/playbook/pb_form_group/docs/_form_group_button.jsx

@@ -1,8 +1,5 @@
 import React from 'react'
-
-import Button from '../../pb_button/_button'
-import FormGroup from '../../pb_form_group/_form_group'
-import TextInput from '../../pb_text_input/_text_input'
+import { Button, FormGroup, TextInput } from '../../'
 
 const FormGroupButton = (props) => (
   <div>

data/app/pb_kits/playbook/pb_form_group/docs/_form_group_date_picker.jsx

@@ -1,9 +1,5 @@
 import React from 'react'
-
-import FormGroup from '../_form_group'
-
-import DatePicker from '../../pb_date_picker/_date_picker'
-import TextInput from '../../pb_text_input/_text_input'
+import { DatePicker, FormGroup, TextInput } from '../../'
 
 const FormGroupDatePicker = (props) => (
   <div>

data/app/pb_kits/playbook/pb_form_group/docs/_form_group_default.jsx

@@ -1,7 +1,5 @@
 import React from 'react'
-
-import FormGroup from '../_form_group'
-import TextInput from '../../pb_text_input/_text_input'
+import { FormGroup, TextInput } from '../../'
 
 const FormGroupDefault = (props) => (
   <div>

data/app/pb_kits/playbook/pb_form_group/docs/_form_group_full_width.jsx

@@ -1,8 +1,5 @@
 import React from 'react'
-
-import FormGroup from '../_form_group'
-import TextInput from '../../pb_text_input/_text_input'
-import Button from '../../pb_button/_button'
+import { Button, FormGroup, TextInput } from '../../'
 
 const FormGroupFullWidth = (props) => (
   <div>

data/app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx

@@ -1,9 +1,5 @@
 import React from 'react'
-
-import FormGroup from '../_form_group'
-
-import Select from '../../pb_select/_select'
-import TextInput from '../../pb_text_input/_text_input'
+import { FormGroup, Select, TextInput } from '../../'
 
 const FormGroupSelect = (props) => {
   const options = [

data/app/pb_kits/playbook/pb_form_group/docs/_form_group_selectable_card.jsx

@@ -1,7 +1,5 @@
 import React, { useState } from 'react'
-
-import FormGroup from '../../pb_form_group/_form_group'
-import SelectableCard from '../../pb_selectable_card/_selectable_card'
+import { FormGroup, SelectableCard } from '../../'
 
 const FormGroupSelectableCard = (props) => {
   const [value, setValue] = useState('')

data/app/pb_kits/playbook/pb_form_group/docs/_form_group_selectable_card_icon.jsx

@@ -1,7 +1,5 @@
 import React, { useState } from 'react'
-
-import FormGroup from '../_form_group'
-import SelectableCardIcon from '../../pb_selectable_card_icon/_selectable_card_icon'
+import { FormGroup, SelectableCardIcon } from '../../'
 
 const FormGroupSelectableCardIcon = (props) => {
   const [selectedFormat, toggleFormat] = useState(null)

data/app/pb_kits/playbook/pb_form_group/docs/_form_group_typeahead.jsx

@@ -1,9 +1,5 @@
 import React from 'react'
-
-import FormGroup from '../_form_group'
-
-import Button from '../../pb_button/_button'
-import Typeahead from '../../pb_typeahead/_typeahead'
+import { Button, FormGroup, Typeahead } from '../../'
 
 const FormGroupTypeahead = (props) => {
   const options = [

data/app/pb_kits/playbook/pb_gauge/_gauge.jsx

@@ -1,12 +1,16 @@
 /* @flow */
 
 import React, { useEffect, useRef } from 'react'
+import { pbChart } from '../'
+import { globalProps } from '../utilities/globalProps'
 import classnames from 'classnames'
 import Highcharts from 'highcharts'
 
-import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps'
-import pbChart from '../plugins/pb_chart'
+import {
+  buildAriaProps,
+  buildCss,
+  buildDataProps,
+} from '../utilities/props'
 
 type GaugeProps = {
   aria: Object,

data/app/pb_kits/playbook/pb_hashtag/_hashtag.jsx

@@ -4,10 +4,9 @@
 import React from 'react'
 import classnames from 'classnames'
 
+import { Badge } from '../'
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps'
-
-import Badge from '../pb_badge/_badge'
+import { globalProps } from '../utilities/globalProps.js'
 
 type HashtagProps = {
   aria?: object,

data/app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx

@@ -1,7 +1,5 @@
 import React from 'react'
-
-import Highlight from '../_highlight'
-import Body from '../../pb_body/_body'
+import { Body, Highlight } from '../../'
 
 const HighlightDefault = (props) => (
   <div>

data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx

@@ -4,11 +4,8 @@ import React from 'react'
 import classnames from 'classnames'
 
 import { joinPresent, titleize } from '../utilities/text'
-import { globalProps } from '../utilities/globalProps'
-
-import Body from '../pb_body/_body'
-import Hashtag from '../pb_hashtag/_hashtag'
-import Title from '../pb_title/_title'
+import { Body, Hashtag, Title } from '../'
+import { globalProps } from '../utilities/globalProps.js'
 
 type HomeAddressStreetProps = {
   address: string,

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_default.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import HomeAddressStreet from '../_home_address_street'
+import { HomeAddressStreet } from '../../'
 
 const HomeAddressStreetDefault = (props) => {
   return (

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import HomeAddressStreet from '../_home_address_street'
+import { HomeAddressStreet } from '../../'
 
 const HomeAddressStreetEmphasis = (props) => {
   return (

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_modified.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import HomeAddressStreet from '../_home_address_street'
+import { HomeAddressStreet } from '../../'
 
 const HomeAddressStreetModified = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon/docs/_icon_animate.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import Icon from '../_icon'
+import { Icon } from '../../'
 
 const IconAnimate = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon/docs/_icon_border.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import Icon from '../_icon'
+import { Icon } from '../../'
 
 const IconBorder = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon/docs/_icon_default.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import Icon from '../_icon'
+import { Icon } from '../../'
 
 const IconDefault = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon/docs/_icon_flip.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import Icon from '../_icon'
+import { Icon } from '../../'
 
 const IconFlip = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon/docs/_icon_pull.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import Icon from '../_icon'
+import { Icon } from '../../'
 
 const IconPull = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon/docs/_icon_rotate.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import Icon from '../_icon'
+import { Icon } from '../../'
 
 const IconRotate = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon/docs/_icon_sizes.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import Icon from '../_icon'
+import { Icon } from '../../'
 
 const IconSizes = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx

@@ -4,10 +4,9 @@ import React from 'react'
 
 import classnames from 'classnames'
 
+import { Icon } from '../'
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps'
-
-import Icon from '../pb_icon/_icon'
+import { globalProps } from '../utilities/globalProps.js'
 
 type IconCircleProps = {
   aria?: object,

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import IconCircle from '../_icon_circle'
+import { IconCircle } from '../../'
 
 const IconCircleColor = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import IconCircle from '../_icon_circle'
+import { IconCircle } from '../../'
 
 const IconCircleDefault = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.jsx

@@ -2,16 +2,10 @@
 
 import React from 'react'
 import classnames from 'classnames'
-
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
+import { Body, Caption, Flex, IconCircle, Title } from '../'
 import { globalProps } from '../utilities/globalProps.js'
 
-import Body from '../pb_body/_body'
-import Caption from '../pb_caption/_caption'
-import Flex from '../pb_flex/_flex'
-import IconCircle from '../pb_icon_circle/_icon_circle'
-import Title from '../pb_title/_title'
-
 type IconStatValueProps = {
   aria?: object,
   className?: string,

data/app/pb_kits/playbook/pb_icon_value/_icon_value.jsx

@@ -2,12 +2,11 @@
 
 import React from 'react'
 import classnames from 'classnames'
+import { Body, Icon } from '../'
 
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps'
 
-import Body from '../pb_body/_body'
-import Icon from '../pb_icon/_icon'
+import { globalProps } from '../utilities/globalProps.js'
 
 type IconValueProps = {
   align?: "left" | "center" | "right",

data/app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import IconValue from '../_icon_value'
+import { IconValue } from '../../'
 
 const IconValueAlign = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon_value/docs/_icon_value_default.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import IconValue from '../_icon_value'
+import { IconValue } from '../../'
 
 const IconValueDefault = (props) => {
   return (

data/app/pb_kits/playbook/pb_image/docs/_custom_error_image.jsx

@@ -1,8 +1,5 @@
 import React from 'react'
-
-import Image from '../_image'
-
-import Body from '../../pb_body/_body'
+import { Body, Image } from '../../'
 
 const CustomErrorImage = (props) => {
   return (

data/app/pb_kits/playbook/pb_image/docs/_default_image.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import Image from '../_image'
+import { Image } from '../../'
 
 const DefaultImage = (props) => {
   return (

data/app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import Image from '../_image'
+import { Image } from '../../'
 
 const RoundedImage = (props) => {
   return (

data/app/pb_kits/playbook/pb_kit/dateTime.js

@@ -2,8 +2,8 @@
 /*eslint-disable flowtype/space-before-type-colon */
 
 import moment from 'moment'
-import 'moment-strftime'
-import 'moment-timezone'
+require('moment-strftime')
+require('moment-timezone')
 
 type DateTimeType = {
   value: String | Date,

data/app/pb_kits/playbook/pb_label_pill/_label_pill.jsx

@@ -6,8 +6,7 @@ import { globalProps } from '../utilities/globalProps.js'
 
 import { buildAriaProps, buildDataProps } from '../utilities/props'
 
-import Pill from '../pb_pill/_pill'
-import Caption from '../pb_caption/_caption'
+import { Caption, Pill } from '../'
 
 type LabelPillProps = {
   aria?: object,

data/app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import LabelPill from '../_label_pill'
+import { LabelPill } from '../../'
 
 const LabelPillDefault = (props) => (
 

data/app/pb_kits/playbook/pb_label_value/_label_value.jsx

@@ -4,13 +4,8 @@ import React from 'react'
 import classnames from 'classnames'
 import DateTime from '../pb_kit/dateTime.js'
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps'
-
-import Body from '../pb_body/_body'
-import Caption from '../pb_caption/_caption'
-import Flex from '../pb_flex/_flex'
-import Icon from '../pb_icon/_icon'
-import Title from '../pb_title/_title'
+import { globalProps } from '../utilities/globalProps.js'
+import { Body, Caption, Flex, Icon, Title } from '../'
 
 type LabelValueProps = {
   active?: boolean,

data/app/pb_kits/playbook/pb_layout/docs/_layout_collection.jsx

@@ -1,8 +1,5 @@
 import React from 'react'
-
-import Layout from '../_layout'
-
-import Card from '../../pb_card/_card'
+import { Card, Layout } from '../../'
 
 const LayoutCollection = (props) => {
   return (

data/app/pb_kits/playbook/pb_layout/docs/_layout_collection_detail.jsx

@@ -1,11 +1,5 @@
 import React from 'react'
-
-import Layout from '../_layout'
-
-import Card from '../../pb_card/_card'
-import Nav from '../../pb_nav/_nav'
-import NavItem from '../../pb_nav/_item'
-
+import { Card, Layout, Nav, NavItem } from '../../'
 const Cards = ({ n }) => {
   const cards = []
   for (let i = 0; i < n; ++i) {

data/app/pb_kits/playbook/pb_layout/docs/_layout_colors.jsx

@@ -1,8 +1,5 @@
 import React from 'react'
-
-import Layout from '../_layout'
-
-import Body from '../../pb_body/_body'
+import { Body, Layout } from '../../'
 
 const LayoutColor = (props) => {
   return (

data/app/pb_kits/playbook/pb_layout/docs/_layout_content.jsx

@@ -1,8 +1,5 @@
 import React from 'react'
-
-import Layout from '../_layout'
-
-import Card from '../../pb_card/_card'
+import { Card, Layout } from '../../'
 
 const LayoutContent = () => {
   return (

data/app/pb_kits/playbook/pb_layout/docs/_layout_kanban.jsx

@@ -1,15 +1,16 @@
 import React from 'react'
-
-import Avatar from '../../pb_avatar/_avatar'
-import Caption from '../../pb_caption/_caption'
-import Card from '../../pb_card/_card'
-import Flex from '../../pb_flex/_flex'
-import FlexItem from '../../pb_flex/_flex_item'
-import Icon from '../../pb_icon/_icon'
-import Layout from '../../pb_layout/_layout'
-import MultipleUsers from '../../pb_multiple_users/_multiple_users'
-import Timestamp from '../../pb_timestamp/_timestamp'
-import Title from '../../pb_title/_title'
+import {
+  Avatar,
+  Caption,
+  Card,
+  Flex,
+  FlexItem,
+  Icon,
+  Layout,
+  MultipleUsers,
+  Timestamp,
+  Title,
+} from '../../'
 
 const LayoutKanban = (props) => {
   return (

data/app/pb_kits/playbook/pb_layout/docs/_layout_kanban_responsive.jsx

@@ -1,9 +1,5 @@
 import React from 'react'
-
-import Layout from '../_layout'
-
-import Card from '../../pb_card/_card'
-import Caption from '../../pb_caption/_caption'
+import { Caption, Card, Layout } from '../../'
 
 const LayoutKanbanResponsive = (props) => {
   return (

data/app/pb_kits/playbook/pb_layout/docs/_layout_masonry.jsx

@@ -1,8 +1,5 @@
 import React from 'react'
-
-import Layout from '../_layout'
-
-import Image from '../../pb_image/_image'
+import { Image, Layout } from '../../'
 
 const LayoutMasonry = (props) => {
   return (

data/app/pb_kits/playbook/pb_layout/docs/_layout_sizes.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import Layout from '../_layout'
+import { Layout } from '../../'
 
 const LayoutSizes = (props) => {
   return (

data/app/pb_kits/playbook/pb_layout/docs/_layout_transparent.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import Layout from '../_layout'
+import { Layout } from '../../'
 
 const LayoutTransparent = (props) => {
   return (

data/app/pb_kits/playbook/pb_legend/_legend.jsx

@@ -2,12 +2,10 @@
 
 import React from 'react'
 import classnames from 'classnames'
-
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps'
+import { globalProps } from '../utilities/globalProps.js'
 
-import Body from '../pb_body/_body'
-import Title from '../pb_title/_title'
+import { Body, Title } from '../'
 
 type LegendProps = {
   aria?: object,

data/app/pb_kits/playbook/pb_legend/docs/_legend_default.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import Legend from '../_legend'
+import { Legend } from '../../'
 
 const products = ['Windows', 'Doors', 'Roofing', 'Siding', 'Solar Gutters', 'Insulation', 'Other']
 

data/app/pb_kits/playbook/pb_line_graph/_line_graph.jsx

@@ -2,9 +2,8 @@
 
 import React from 'react'
 import classnames from 'classnames'
-
 import { globalProps } from '../utilities/globalProps.js'
-import pbChart from '../plugins/pb_chart'
+import { pbChart } from '../'
 
 type LineGraphProps = {
   axisTitle?: string,

data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import LineGraph from '../_line_graph'
+import { LineGraph } from '../../'
 
 const data = [{
   name: 'Installation',

data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import LineGraph from '../_line_graph'
+import { LineGraph } from '../../'
 
 const data = [{
   name: 'Number of Installations',

data/app/pb_kits/playbook/pb_list/docs/_list_borderless.jsx

@@ -1,7 +1,6 @@
 import React from 'react'
 
-import List from '../_list'
-import ListItem from '../_list_item'
+import { List, ListItem } from '../../'
 
 const ListBorderless = (props) => {
   return (

data/app/pb_kits/playbook/pb_list/docs/_list_default.jsx

@@ -1,7 +1,6 @@
 import React from 'react'
 
-import List from '../_list'
-import ListItem from '../_list_item'
+import { List, ListItem } from '../../'
 
 const ListDefault = () => {
   return (