playbook_ui 9.19.0 → 10.0.0.pre.alphafonts

data/app/pb_kits/playbook/pb_card/docs/_card_header.jsx

@@ -1,5 +1,8 @@
 import React from 'react'
-import { Body, Card, Title } from '../../'
+
+import Card from '../_card'
+import Title from '../../pb_title/_title'
+import Body from '../../pb_body/_body'
 
 const CardHeader = (props) => {
   return (

data/app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Card } from '../../'
+
+import Card from '../_card'
 
 const CardHighlight = (props) => {
   return (

data/app/pb_kits/playbook/pb_card/docs/_card_padding.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Card } from '../../'
+
+import Card from '../_card'
 
 const CardPadding = (props) => {
   return (

data/app/pb_kits/playbook/pb_card/docs/_card_separator.jsx

@@ -1,6 +1,7 @@
 import React from 'react'
-import { Card } from '../../'
-import { SectionSeparator } from '../../'
+
+import Card from '../_card'
+import SectionSeparator from '../../pb_section_separator/_section_separator'
 
 const CardSeparator = (props) => {
   return (

data/app/pb_kits/playbook/pb_card/docs/_card_shadow.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Card } from '../../'
+
+import Card from '../_card'
 
 const CardShadow = (props) => {
   return (

data/app/pb_kits/playbook/pb_card/docs/_card_tag.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Card } from '../../'
+
+import Card from '../_card'
 
 const CardTag = (props) => {
   return (

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_checked.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Checkbox } from '../../'
+
+import Checkbox from '../_checkbox'
 
 const CheckboxChecked = (props) => {
   return (

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_custom.jsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react'
-import { Checkbox } from '../../'
+
+import Checkbox from '../_checkbox'
 
 const CheckboxCustom = (props) => {
   const [checked, setChecked] = useState(false)

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Checkbox } from '../../'
+
+import Checkbox from '../_checkbox'
 
 const CheckboxDefault = (props) => {
   return (

data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.jsx

@@ -1,13 +1,13 @@
 /* @flow */
 
 import React, { useEffect, useRef } from 'react'
-import { pbChart } from '../'
-import { globalProps } from '../utilities/globalProps'
 import classnames from 'classnames'
 import Highcharts from 'highcharts'
 
+import { globalProps } from '../utilities/globalProps'
 import { buildAriaProps, buildDataProps } from '../utilities/props'
 
+import pbChart from '../plugins/pb_chart'
 type CircleChartProps = {
   aria: Object,
   chartData?: array,

data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx

@@ -1,5 +1,7 @@
 import React from 'react'
-import { CircleChart, Title } from '../../'
+
+import CircleChart from '../_circle_chart'
+import Title from '../../pb_title/_title'
 
 const dataWithABlock = [
   {

data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { CircleChart } from '../../'
+
+import CircleChart from '../_circle_chart'
 
 const dataWithColors = [
   {

data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { CircleChart } from '../../'
+
+import CircleChart from '../_circle_chart'
 
 const data = [
   {

data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { CircleChart } from '../../'
+
+import CircleChart from '../_circle_chart'
 
 const dataFirst = [
   {

data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx

@@ -1,5 +1,7 @@
 import React, { useState } from 'react'
-import { Button, CircleChart } from '../../'
+
+import CircleChart from '../_circle_chart'
+import Button from '../../pb_button/_button'
 
 const CircleChartLiveData = (props) => {
   const [data, setData] = useState([

data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { CircleChart } from '../../'
+
+import CircleChart from '../_circle_chart'
 
 const dataRounded = [
   {

data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { CircleChart } from '../../'
+
+import CircleChart from '../_circle_chart'
 
 const dataWithLabels = [
   {

data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_legend_kit.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { CircleChart } from '../../'
+
+import CircleChart from '../_circle_chart'
 
 const dataWithLegend = [{
   name: 'Bugs',

data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { CircleChart } from '../../'
+
+import CircleChart from '../_circle_chart'
 
 const dataWithTitle = [
   {

data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.jsx

@@ -3,16 +3,15 @@
 import React from 'react'
 import classnames from 'classnames'
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { Button, Icon } from '../'
 
 import type { Callback } from '../types'
 
-import {
-  noop,
-} from '../utilities/props'
-
+import { noop } from '../utilities/props'
 import { globalProps } from '../utilities/globalProps.js'
 
+import Button from '../pb_button/_button'
+import Icon from '../pb_icon/_icon'
+
 type CircleIconButtonProps = {
   aria?: object,
   className?: string,

data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { CircleIconButton } from '../../'
+
+import CircleIconButton from '../_circle_icon_button'
 
 const CircleIconButtonDefault = (props) => (
   <div>

data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { CircleIconButton } from '../../'
+
+import CircleIconButton from '../_circle_icon_button'
 
 const CircleIconButtonLink = (props) => (
   <div>

data/app/pb_kits/playbook/pb_collapsible/_collapsible.jsx

@@ -1,13 +1,15 @@
 /* @flow */
 
-import classnames from 'classnames'
 import React, { useState } from 'react'
+
+import classnames from 'classnames'
+
 import { globalProps } from '../utilities/globalProps.js'
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
+
 import CollapsibleContent from './child_kits/CollapsibleContent'
 import CollapsibleMain from './child_kits/CollapsibleMain'
-
-export const CollapsibleContext = React.createContext({})
+import CollapsibleContext from './context'
 
 type CollapsibleProps = {
   children: CollapsibleMain | CollapsibleContent | ReactNode,

data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.jsx

@@ -6,7 +6,7 @@ import AnimateHeight from 'react-animate-height'
 import { buildCss } from '../../utilities/props'
 import { globalProps } from '../../utilities/globalProps.js'
 
-import { CollapsibleContext } from '../_collapsible.jsx'
+import CollapsibleContext from '../context'
 
 type CollapsibleContentProps = {
   children: array<React.ReactNode> | React.ReactNode | string,

data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.jsx

@@ -1,12 +1,13 @@
 /* @flow */
 
 import classnames from 'classnames'
-import { Flex, FlexItem } from '../../'
 import React, { useContext } from 'react'
 import { buildCss } from '../../utilities/props'
-import { globalProps } from '../../utilities/globalProps.js'
+import { globalProps } from '../../utilities/globalProps'
 
-import { CollapsibleContext } from '../_collapsible.jsx'
+import Flex from '../../pb_flex/_flex'
+import FlexItem from '../../pb_flex/_flex_item'
+import CollapsibleContext from '../context'
 
 type CollapsibleMainProps = {
   children: array<React.ReactNode> | React.ReactNode,

data/app/pb_kits/playbook/pb_collapsible/context.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react'
+
+const CollapsibleContext = createContext({})
+
+export default CollapsibleContext

data/app/pb_kits/playbook/pb_contact/_contact.jsx

@@ -2,10 +2,13 @@
 
 import React from 'react'
 import classnames from 'classnames'
-import { globalProps } from '../utilities/globalProps.js'
-import { Body, Caption, Icon } from '../'
 
 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 Icon from '../pb_icon/_icon'
 
 const contactTypeMap = {
   'cell': 'mobile',

data/app/pb_kits/playbook/pb_currency/_currency.jsx

@@ -4,9 +4,12 @@ import React from 'react'
 import classnames from 'classnames'
 
 import { globalProps } from '../utilities/globalProps.js'
-import { Body, Caption, Title } from '../'
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
 
+import Body from '../pb_body/_body'
+import Caption from '../pb_caption/_caption'
+import Title from '../pb_title/_title'
+
 type CurrencyProps = {
   align?: 'center' | 'left' | 'right',
   amount: string,

data/app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Currency } from '../../'
+
+import Currency from '../_currency'
 
 const CurrencyAlignment = (props) => {
   return (

data/app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Currency } from '../../'
+
+import Currency from '../_currency'
 
 const CurrencyNoSymbol = (props) => {
   return (

data/app/pb_kits/playbook/pb_currency/docs/_currency_size.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Currency } from '../../'
+
+import Currency from '../_currency'
 
 const CurrencySize = (props) => {
   return (

data/app/pb_kits/playbook/pb_currency/docs/_currency_variants.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Currency } from '../../'
+
+import Currency from '../_currency'
 
 const CurrencyVariants = (props) => {
   return (

data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.jsx

@@ -4,11 +4,10 @@ import React from 'react'
 import classnames from 'classnames'
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
 import { globalProps } from '../utilities/globalProps.js'
-import {
-  Body,
-  StatChange,
-  StatValue,
-} from '../'
+
+import Body from '../pb_body/_body'
+import StatChange from '../pb_stat_change/_stat_change'
+import StatValue from '../pb_stat_value/_stat_value'
 
 type DashboardValueProps = {
   align?: 'left' | 'center' | 'right',

data/app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { DashboardValue } from '../../'
+
+import DashboardValue from '../../pb_dashboard_value/_dashboard_value'
 
 const DashboardValueAlign = (props) => {
   return (

data/app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_default.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { DashboardValue } from '../../'
+
+import DashboardValue from '../../pb_dashboard_value/_dashboard_value'
 
 const DashboardValueDefault = (props) => {
   return (

data/app/pb_kits/playbook/pb_date/_date.jsx

@@ -1,11 +1,16 @@
 /* @flow */
 
 import React from 'react'
-import DateTime from '../pb_kit/dateTime.js'
-import { Body, Caption, Icon, Title } from '../'
 import classnames from 'classnames'
-import { globalProps } from '../utilities/globalProps.js'
+
+import DateTime from '../pb_kit/dateTime'
 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 Icon from '../pb_icon/_icon'
+import Title from '../pb_title/_title'
 
 type PbDateProps = {
   alignment?: "left" | "center" | "right",

data/app/pb_kits/playbook/pb_date_picker/_date_picker.jsx

@@ -2,10 +2,14 @@
 
 import React, { useEffect } from 'react'
 import classnames from 'classnames'
+
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps.js'
-import { Icon, TextInput } from '../'
-import datePickerHelper from './date_picker_helper.js'
+import { globalProps } from '../utilities/globalProps'
+
+import datePickerHelper from './date_picker_helper'
+
+import Icon from '../pb_icon/_icon'
+import TextInput from '../pb_text_input/_text_input'
 
 type DatePickerProps = {
   allowInput?: Boolean,

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { DatePicker } from '../../'
+
+import DatePicker from '../_date_picker'
 
 const DatePickerDefault = (props) => (
   <div>

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { DatePicker } from '../../'
+
+import DatePicker from '../_date_picker'
 
 const DatePickerDefaultDate = (props) => (
   <div>