playbook_ui 9.19.0 → 10.0.0.pre.alphafonts

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

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

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

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

data/app/pb_kits/playbook/pb_icon/docs/example.yml

@@ -16,3 +16,4 @@ examples:
   - icon_pull: Icon Pull
   - icon_border: Icon Border
   - icon_sizes: Icon Sizes
+  - icon_custom: Icon Custom

data/app/pb_kits/playbook/pb_icon/docs/index.js

@@ -5,3 +5,4 @@ export { default as IconAnimate } from './_icon_animate.jsx'
 export { default as IconPull } from './_icon_pull.jsx'
 export { default as IconBorder } from './_icon_border.jsx'
 export { default as IconSizes } from './_icon_sizes.jsx'
+export { default as IconCustom } from './_icon_custom.jsx'

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

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

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

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

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

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

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

@@ -2,10 +2,16 @@
 
 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,11 +2,12 @@
 
 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 { globalProps } from '../utilities/globalProps.js'
+import Body from '../pb_body/_body'
+import Icon from '../pb_icon/_icon'
 
 type IconValueProps = {
   align?: "left" | "center" | "right",

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Image } from '../../'
+
+import Image from '../_image'
 
 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'
-require('moment-strftime')
-require('moment-timezone')
+import 'moment-strftime'
+import 'moment-timezone'
 
 type DateTimeType = {
   value: String | Date,

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

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

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

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

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

@@ -4,8 +4,13 @@ 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.js'
-import { Body, Caption, Flex, Icon, Title } from '../'
+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'
 
 type LabelValueProps = {
   active?: boolean,

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

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

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

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

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

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

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

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

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

@@ -1,16 +1,15 @@
 import React from 'react'
-import {
-  Avatar,
-  Caption,
-  Card,
-  Flex,
-  FlexItem,
-  Icon,
-  Layout,
-  MultipleUsers,
-  Timestamp,
-  Title,
-} from '../../'
+
+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'
 
 const LayoutKanban = (props) => {
   return (

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,6 @@
 import React from 'react'
-import { LineGraph } from '../../'
+
+import LineGraph from '../_line_graph'
 
 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 '../../'
+import LineGraph from '../_line_graph'
 
 const data = [{
   name: 'Number of Installations',

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

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

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

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

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

@@ -1,6 +1,9 @@
 import React from 'react'
 
-import { Currency, List, ListItem, Title } from '../../'
+import List from '../_list'
+import ListItem from '../_list_item'
+import Currency from '../../pb_currency/_currency'
+import Title from '../../pb_title/_title'
 
 const ListLayoutLeft = (props) => {
   return (

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

@@ -1,6 +1,10 @@
 import React from 'react'
 
-import { Currency, List, ListItem, Title } from '../../'
+import List from '../_list'
+import ListItem from '../_list_item'
+
+import Currency from '../../pb_currency/_currency'
+import Title from '../../pb_title/_title'
 
 const ListLayoutRight = (props) => {
   return (

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

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

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

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

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

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