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

data/app/pb_kits/playbook/index.js

@@ -4,116 +4,116 @@ import 'lazysizes/plugins/attrchange/ls.attrchange'
 import 'lazysizes'
 
 // vvv React Component JSX Imports from the React Kits vvv
-export { default as Avatar } from './pb_avatar/_avatar'
-export { default as AvatarActionButton } from './pb_avatar_action_button/_avatar_action_button'
-export { default as Background } from './pb_background/_background'
-export { default as Badge } from './pb_badge/_badge'
-export { default as BarGraph } from './pb_bar_graph/_bar_graph'
-export { default as Body } from './pb_body/_body'
-export { default as BreadCrumbs } from './pb_bread_crumbs/_bread_crumbs'
-export { default as Button } from './pb_button/_button'
-export { default as ButtonToolbar } from './pb_button_toolbar/_button_toolbar'
-export { default as Caption } from './pb_caption/_caption'
-export { default as Card } from './pb_card/_card'
-export { default as Checkbox } from './pb_checkbox/_checkbox'
-export { default as CircleChart } from './pb_circle_chart/_circle_chart'
-export { default as CircleIconButton } from './pb_circle_icon_button/_circle_icon_button'
-export { default as Collapsible } from './pb_collapsible/_collapsible'
-export { default as Contact } from './pb_contact/_contact'
-export { default as Currency } from './pb_currency/_currency'
-export { default as DashboardValue } from './pb_dashboard_value/_dashboard_value'
-export { default as Date } from './pb_date/_date'
-export { default as DatePicker } from './pb_date_picker/_date_picker'
-export { default as DateRangeInline } from './pb_date_range_inline/_date_range_inline'
-export { default as DateRangeStacked } from './pb_date_range_stacked/_date_range_stacked'
-export { default as DateStacked } from './pb_date_stacked/_date_stacked'
-export { default as DateTime } from './pb_date_time/_date_time'
-export { default as DateTimeStacked } from './pb_date_time_stacked/_date_time_stacked'
-export { default as DateYearStacked } from './pb_date_year_stacked/_date_year_stacked'
-export { default as Dialog } from './pb_dialog/_dialog'
-export { default as DistributionBar } from './pb_distribution_bar/_distribution_bar'
-export { default as FileUpload } from './pb_file_upload/_file_upload'
-export { default as Filter } from './pb_filter/_filter'
-export { default as FixedConfirmationToast } from './pb_fixed_confirmation_toast/_fixed_confirmation_toast'
-export { default as Flex } from './pb_flex/_flex'
-export { default as FlexItem } from './pb_flex/_flex_item'
-export { default as FormGroup } from './pb_form_group/_form_group'
-export { default as FormPill } from './pb_form_pill/_form_pill'
-export { default as Gauge } from './pb_gauge/_gauge'
-export { default as Hashtag } from './pb_hashtag/_hashtag'
-export { default as Highlight } from './pb_highlight/_highlight'
-export { default as HomeAddressStreet } from './pb_home_address_street/_home_address_street'
-export { default as Icon } from './pb_icon/_icon'
-export { default as IconCircle } from './pb_icon_circle/_icon_circle'
-export { default as IconStatValue } from './pb_icon_stat_value/_icon_stat_value'
-export { default as IconValue } from './pb_icon_value/_icon_value'
-export { default as Image } from './pb_image/_image'
-export { default as LabelPill } from './pb_label_pill/_label_pill'
-export { default as LabelValue } from './pb_label_value/_label_value'
-export { default as Layout } from './pb_layout/_layout'
-export { default as Legend } from './pb_legend/_legend'
-export { default as LineGraph } from './pb_line_graph/_line_graph'
-export { default as List } from './pb_list/_list'
-export { default as ListItem } from './pb_list/_list_item'
-export { default as LoadingInline } from './pb_loading_inline/_loading_inline'
-export { default as Message } from './pb_message/_message'
-export { default as MultipleUsers } from './pb_multiple_users/_multiple_users'
-export { default as MultipleUsersStacked } from './pb_multiple_users_stacked/_multiple_users_stacked'
-export { default as Nav } from './pb_nav/_nav'
-export { default as NavItem } from './pb_nav/_item'
-export { default as OnlineStatus } from './pb_online_status/_online_status'
-export { default as Passphrase } from './pb_passphrase/_passphrase'
-export { default as PbReactPopover } from './pb_popover/_popover'
-export { default as Person } from './pb_person/_person'
-export { default as PersonContact } from './pb_person_contact/_person_contact'
-export { default as Pill } from './pb_pill/_pill'
-export { default as ProgressPills } from './pb_progress_pills/_progress_pills'
-export { default as ProgressSimple } from './pb_progress_simple/_progress_simple'
-export { default as ProgressStep } from './pb_progress_step/_progress_step'
-export { default as ProgressStepItem } from './pb_progress_step/_progress_step_item'
-export { default as Radio } from './pb_radio/_radio'
-export { default as RichTextEditor } from './pb_rich_text_editor/_rich_text_editor'
-export { default as SectionSeparator } from './pb_section_separator/_section_separator'
-export { default as Select } from './pb_select/_select'
-export { default as SelectableCard } from './pb_selectable_card/_selectable_card'
-export { default as SelectableCardIcon } from './pb_selectable_card_icon/_selectable_card_icon'
-export { default as SelectableIcon } from './pb_selectable_icon/_selectable_icon'
-export { default as SelectableList } from './pb_selectable_list/_selectable_list'
-export { default as SelectableListItem } from './pb_selectable_list/_item'
-export { default as Source } from './pb_source/_source'
-export { default as StarRating } from './pb_star_rating/_star_rating'
-export { default as StatChange } from './pb_stat_change/_stat_change'
-export { default as StatValue } from './pb_stat_value/_stat_value'
-export { default as Table } from './pb_table/_table'
-export { default as TableRow } from './pb_table/_table_row'
-export { default as TextInput } from './pb_text_input/_text_input'
-export { default as Textarea } from './pb_textarea/_textarea'
-export { default as Time } from './pb_time/_time'
-export { default as TimeRangeInline } from './pb_time_range_inline/_time_range_inline'
-export { default as TimeStacked } from './pb_time_stacked/_time_stacked'
-export { default as Timeline } from './pb_timeline/_timeline'
-export { default as Timestamp } from './pb_timestamp/_timestamp'
-export { default as Title } from './pb_title/_title'
-export { default as TitleCount } from './pb_title_count/_title_count'
-export { default as TitleDetail } from './pb_title_detail/_title_detail'
-export { default as Toggle } from './pb_toggle/_toggle'
-export { default as Typeahead } from './pb_typeahead/_typeahead'
-export { default as User } from './pb_user/_user'
-export { default as UserBadge } from './pb_user_badge/_user_badge'
-export { default as WeekdayStacked } from './pb_weekday_stacked/_weekday_stacked'
+export Avatar from './pb_avatar/_avatar.jsx'
+export AvatarActionButton from './pb_avatar_action_button/_avatar_action_button.jsx'
+export Background from './pb_background/_background.jsx'
+export Badge from './pb_badge/_badge.jsx'
+export BarGraph from './pb_bar_graph/_bar_graph.jsx'
+export Body from './pb_body/_body.jsx'
+export BreadCrumbs from './pb_bread_crumbs/_bread_crumbs.jsx'
+export Button from './pb_button/_button.jsx'
+export ButtonToolbar from './pb_button_toolbar/_button_toolbar.jsx'
+export Caption from './pb_caption/_caption.jsx'
+export Card from './pb_card/_card.jsx'
+export Checkbox from './pb_checkbox/_checkbox.jsx'
+export CircleChart from './pb_circle_chart/_circle_chart.jsx'
+export CircleIconButton from './pb_circle_icon_button/_circle_icon_button.jsx'
+export Collapsible from './pb_collapsible/_collapsible.jsx'
+export Contact from './pb_contact/_contact.jsx'
+export Currency from './pb_currency/_currency.jsx'
+export DashboardValue from './pb_dashboard_value/_dashboard_value.jsx'
+export Date from './pb_date/_date.jsx'
+export DatePicker from './pb_date_picker/_date_picker.jsx'
+export DateRangeInline from './pb_date_range_inline/_date_range_inline.jsx'
+export DateRangeStacked from './pb_date_range_stacked/_date_range_stacked.jsx'
+export DateStacked from './pb_date_stacked/_date_stacked.jsx'
+export DateTime from './pb_date_time/_date_time.jsx'
+export DateTimeStacked from './pb_date_time_stacked/_date_time_stacked.jsx'
+export DateYearStacked from './pb_date_year_stacked/_date_year_stacked.jsx'
+export Dialog from './pb_dialog/_dialog.jsx'
+export DistributionBar from './pb_distribution_bar/_distribution_bar.jsx'
+export FileUpload from './pb_file_upload/_file_upload.jsx'
+export Filter from './pb_filter/_filter.jsx'
+export FixedConfirmationToast from './pb_fixed_confirmation_toast/_fixed_confirmation_toast.jsx'
+export Flex from './pb_flex/_flex.jsx'
+export FlexItem from './pb_flex/_flex_item.jsx'
+export FormGroup from './pb_form_group/_form_group.jsx'
+export FormPill from './pb_form_pill/_form_pill.jsx'
+export Gauge from './pb_gauge/_gauge.jsx'
+export Hashtag from './pb_hashtag/_hashtag.jsx'
+export Highlight from './pb_highlight/_highlight.jsx'
+export HomeAddressStreet from './pb_home_address_street/_home_address_street.jsx'
+export Icon from './pb_icon/_icon.jsx'
+export IconCircle from './pb_icon_circle/_icon_circle.jsx'
+export IconStatValue from './pb_icon_stat_value/_icon_stat_value.jsx'
+export IconValue from './pb_icon_value/_icon_value.jsx'
+export Image from './pb_image/_image.jsx'
+export LabelPill from './pb_label_pill/_label_pill.jsx'
+export LabelValue from './pb_label_value/_label_value.jsx'
+export Layout from './pb_layout/_layout.jsx'
+export Legend from './pb_legend/_legend.jsx'
+export LineGraph from './pb_line_graph/_line_graph.jsx'
+export List from './pb_list/_list.jsx'
+export ListItem from './pb_list/_list_item.jsx'
+export LoadingInline from './pb_loading_inline/_loading_inline.jsx'
+export Message from './pb_message/_message.jsx'
+export MultipleUsers from './pb_multiple_users/_multiple_users.jsx'
+export MultipleUsersStacked from './pb_multiple_users_stacked/_multiple_users_stacked.jsx'
+export Nav from './pb_nav/_nav.jsx'
+export NavItem from './pb_nav/_item.jsx'
+export OnlineStatus from './pb_online_status/_online_status.jsx'
+export Passphrase from './pb_passphrase/_passphrase.jsx'
+export PbReactPopover from './pb_popover/_popover.jsx'
+export Person from './pb_person/_person.jsx'
+export PersonContact from './pb_person_contact/_person_contact.jsx'
+export Pill from './pb_pill/_pill.jsx'
+export ProgressPills from './pb_progress_pills/_progress_pills.jsx'
+export ProgressSimple from './pb_progress_simple/_progress_simple.jsx'
+export ProgressStep from './pb_progress_step/_progress_step.jsx'
+export ProgressStepItem from './pb_progress_step/_progress_step_item.jsx'
+export Radio from './pb_radio/_radio.jsx'
+export RichTextEditor from './pb_rich_text_editor/_rich_text_editor.jsx'
+export SectionSeparator from './pb_section_separator/_section_separator.jsx'
+export Select from './pb_select/_select.jsx'
+export SelectableCard from './pb_selectable_card/_selectable_card.jsx'
+export SelectableCardIcon from './pb_selectable_card_icon/_selectable_card_icon.jsx'
+export SelectableIcon from './pb_selectable_icon/_selectable_icon.jsx'
+export SelectableList from './pb_selectable_list/_selectable_list.jsx'
+export SelectableListItem from './pb_selectable_list/_item.jsx'
+export Source from './pb_source/_source.jsx'
+export StarRating from './pb_star_rating/_star_rating.jsx'
+export StatChange from './pb_stat_change/_stat_change.jsx'
+export StatValue from './pb_stat_value/_stat_value.jsx'
+export Table from './pb_table/_table.jsx'
+export TableRow from './pb_table/_table_row.jsx'
+export TextInput from './pb_text_input/_text_input.jsx'
+export Textarea from './pb_textarea/_textarea.jsx'
+export Time from './pb_time/_time.jsx'
+export TimeRangeInline from './pb_time_range_inline/_time_range_inline.jsx'
+export TimeStacked from './pb_time_stacked/_time_stacked.jsx'
+export Timeline from './pb_timeline/_timeline.jsx'
+export Timestamp from './pb_timestamp/_timestamp.jsx'
+export Title from './pb_title/_title.jsx'
+export TitleCount from './pb_title_count/_title_count.jsx'
+export TitleDetail from './pb_title_detail/_title_detail.jsx'
+export Toggle from './pb_toggle/_toggle.jsx'
+export Typeahead from './pb_typeahead/_typeahead.jsx'
+export User from './pb_user/_user.jsx'
+export UserBadge from './pb_user_badge/_user_badge.jsx'
+export WeekdayStacked from './pb_weekday_stacked/_weekday_stacked.jsx'
 // ^^^ React Component JSX Imports from the React Kits ^^^
 
 // Dashboard Settings
 export { commonSettings, dataColors } from './pb_dashboard/commonSettings'
-export { default as lineGraphSettings } from './pb_line_graph/lineGraphSettings'
-export { default as barGraphSettings } from './pb_bar_graph/barGraphSettings'
-export { default as dashboardValueSettings } from './pb_dashboard_value/dashboardValueSettings'
+export lineGraphSettings from './pb_line_graph/lineGraphSettings'
+export barGraphSettings from './pb_bar_graph/barGraphSettings'
+export dashboardValueSettings from './pb_dashboard_value/dashboardValueSettings'
 
 // Other JS/Plugins
-export { default as pbChart } from './plugins/pb_chart.js'
-export { default as datePickerHelper } from './pb_date_picker/date_picker_helper.js'
-export { default as PbPopover } from './pb_popover'
-export { default as PbTable } from './pb_table'
-export { default as PbTextarea } from './pb_textarea'
-export { default as PbTooltip } from './pb_tooltip'
-export { default as PbTypeahead } from './pb_typeahead'
+export pbChart from './plugins/pb_chart.js'
+export datePickerHelper from './pb_date_picker/date_picker_helper.js'
+export PbPopover from './pb_popover'
+export PbTable from './pb_table'
+export PbTextarea from './pb_textarea'
+export PbTooltip from './pb_tooltip'
+export PbTypeahead from './pb_typeahead'

data/app/pb_kits/playbook/pb_avatar/_avatar.jsx

@@ -5,10 +5,9 @@ import classnames from 'classnames'
 import { map } from 'lodash'
 
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps'
+import { globalProps } from '../utilities/globalProps.js'
 
-import Image from '../pb_image/_image'
-import OnlineStatus from '../pb_online_status/_online_status'
+import { Image, OnlineStatus } from '../'
 
 type AvatarProps = {
   aria?: object,

data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.jsx

@@ -2,16 +2,15 @@
 
 import React from 'react'
 import classnames from 'classnames'
+import { Avatar, Icon } from '../'
 
 import {
   buildAriaProps,
   buildCss,
   buildDataProps,
 } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps.js'
 
-import Avatar from '../pb_avatar/_avatar'
-import Icon from '../pb_icon/_icon'
+import { globalProps } from '../utilities/globalProps.js'
 
 type AvatarActionButtonProps = {
   action?: string,

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import AvatarActionButton from '../_avatar_action_button'
+import { AvatarActionButton } from '../../'
 
 const AvatarActionButtonActions = (props) => (
   <div className="pb--doc-demo-row">

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import AvatarActionButton from '../_avatar_action_button'
+import { AvatarActionButton } from '../../'
 
 const AvatarActionButtonDefault = (props) => (
   <div className="pb--doc-demo-row">

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import AvatarActionButton from '../_avatar_action_button'
+import { AvatarActionButton } from '../../'
 
 const AvatarActionButtonOnClick = (props) => (
   <div className="pb--doc-demo-row">

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import AvatarActionButton from '../_avatar_action_button'
+import { AvatarActionButton } from '../../'
 
 const AvatarActionButtonPlacement = (props) => (
   <div className="pb--doc-demo-row">

data/app/pb_kits/playbook/pb_badge/_badge.jsx

@@ -2,16 +2,15 @@
 
 import React from 'react'
 import classnames from 'classnames'
+import { globalProps } from '../utilities/globalProps.js'
+import { Icon } from '../'
 
-import { globalProps } from '../utilities/globalProps'
 import {
   buildAriaProps,
   buildCss,
   buildDataProps,
 } from '../utilities/props'
 
-import Icon from '../pb_icon/_icon'
-
 type BadgeProps = {
   aria?: object,
   className?: string,

data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx

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

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import BarGraph from '../_bar_graph'
+import { BarGraph } from '../../'
 
 const chartData = [{
   name: 'Installation',

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import BarGraph from '../_bar_graph'
+import { BarGraph } from '../../'
 
 const chartData = [{
   name: 'Number of Installations',

data/app/pb_kits/playbook/pb_body/_body.jsx

@@ -2,11 +2,9 @@
 
 import React from 'react'
 import classnames from 'classnames'
-
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps'
-
-import Highlight from '../pb_highlight/_highlight'
+import { Highlight } from '../'
+import { globalProps } from '../utilities/globalProps.js'
 
 type BodyProps = {
   aria?: object,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import Checkbox from '../_checkbox'
+import { Checkbox } from '../../'
 
 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,7 +1,5 @@
 import React from 'react'
-
-import CircleChart from '../_circle_chart'
-import Title from '../../pb_title/_title'
+import { CircleChart, Title } from '../../'
 
 const dataWithABlock = [
   {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -3,14 +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 { globalProps } from '../utilities/globalProps.js'
+import {
+  noop,
+} from '../utilities/props'
 
-import Button from '../pb_button/_button'
-import Icon from '../pb_icon/_icon'
+import { globalProps } from '../utilities/globalProps.js'
 
 type CircleIconButtonProps = {
   aria?: object,

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

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

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

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

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

@@ -1,15 +1,13 @@
 /* @flow */
 
-import React, { useState } from 'react'
-
 import classnames from 'classnames'
-
+import React, { useState } from 'react'
 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'
-import CollapsibleContext from './context'
+
+export const CollapsibleContext = React.createContext({})
 
 type CollapsibleProps = {
   children: CollapsibleMain | CollapsibleContent | ReactNode,