RubyGems - playbook_ui_docs - Versions diffs - 13.33.1.pre.alpha.PLAY14143340 → 13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352 - Mend

playbook_ui_docs 13.33.1.pre.alpha.PLAY14143340 → 13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352

Files changed (290) hide show

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React, { useRef } from 'react'
-import { Dropdown, useDropdown, CircleIconButton, Icon, Body, FlexItem, Flex  } from 'playbook-ui'
+import { Dropdown, useDropdown, CircleIconButton, Icon, Body, FlexItem, Flex  } from '../..'
 const DropdownWithHook = (props) => {
 const [isDropDownClosed, setIsDropdownClosed] = useDropdown(true);

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Dropdown } from 'playbook-ui'
+import { Dropdown } from '../..'
 const DropdownDefault = (props) => {

data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx CHANGED Viewed

@@ -1,12 +1,13 @@
+/* @flow */
 import React, { useState } from 'react'
 import {
   FileUpload,
   List,
   ListItem,
-} from 'playbook-ui'
+} from '../..'
-const AcceptedFilesList = ({ files }) => (
+const AcceptedFilesList = ({ files }: FileList) => (
   <List>
     {files.map((file) => (
       <ListItem key={file.name}>{file.name}</ListItem>

data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx CHANGED Viewed

@@ -1,9 +1,10 @@
 /* eslint-disable react/no-multi-comp */
+/* @flow */
 import React, { useState } from "react";
-import { FileUpload, List, ListItem } from "playbook-ui";
+import { FileUpload, List, ListItem } from "../..";
-const AcceptedFilesList = ({ files }) => (
+const AcceptedFilesList = ({ files }: FileList) => (
   <List>
     {files.map((file) => (
       <ListItem key={file.name}>{file.name}</ListItem>

data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_message.jsx CHANGED Viewed

@@ -1,12 +1,13 @@
+/* @flow */
 import React, { useState } from 'react'
 import {
   FileUpload,
   List,
   ListItem,
-} from 'playbook-ui'
+} from '../..'
-const AcceptedFilesList = ({ files }) => (
+const AcceptedFilesList = ({ files }: FileList) => (
   <List>
     {files.map((file) => (
       <ListItem key={file.name}>{file.name}</ListItem>

data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx CHANGED Viewed

@@ -1,12 +1,13 @@
+/* @flow */
 import React, { useState } from 'react'
 import {
   FileUpload,
   List,
   ListItem,
-} from 'playbook-ui'
+} from '../..'
-const AcceptedFilesList = ({ files }) => (
+const AcceptedFilesList = ({ files }: FileList) => (
   <List>
     {files.map((file) => (
       <ListItem key={file.name}>{file.name}</ListItem>

data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx CHANGED Viewed

@@ -1,3 +1,4 @@
+/* @flow */
 /* eslint-disable react/no-multi-comp */
 import React, { useState } from 'react'
@@ -6,16 +7,16 @@ import {
   FileUpload,
   List,
   ListItem,
-} from 'playbook-ui'
+} from '../..'
-const AcceptedFilesList = ({ files }) => (
+const AcceptedFilesList = ({ files }: FileList) => (
   <List>
     {files.map((file) => (
       <ListItem key={file.name}>{file.name}</ListItem>
     ))}
   </List>
 )
-const RejectedFilesList = ({ files }) => (
+const RejectedFilesList = ({ files }: FileList) => (
   <List>
     {files.map((file) => (
       <ListItem key={file.name}><Body color="error">{`${file.name} (file too large)`}</Body></ListItem>

data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Button, Filter, Flex, Select, TextInput } from 'playbook-ui'
+import { Button, Filter, Flex, Select, TextInput } from '../../'
 const SortingChangeCallback = (sortOptions) => {
   alert(JSON.stringify(sortOptions[0]))

data/app/pb_kits/playbook/pb_filter/docs/_filter_max_height.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Button, Filter, Flex, Select, TextInput } from 'playbook-ui'
+import { Button, Filter, Flex, Select, TextInput } from '../..'
 const FilterMaxHeight = (props) => {
   const options = [

data/app/pb_kits/playbook/pb_filter/docs/_filter_max_width.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Button, Filter, Flex, Select } from 'playbook-ui'
+import { Button, Filter, Flex, Select } from '../../'
 const FilterMaxWidth = (props) => {
   const options = [

data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Button, Filter, Flex, Select, TextInput } from 'playbook-ui'
+import { Button, Filter, Flex, Select, TextInput } from '../../'
 const FilterNoBackground = (props) => {
   const options = [

data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Button, Filter, Flex, Select, TextInput } from 'playbook-ui'
+import { Button, Filter, Flex, Select, TextInput } from '../../'
 const FilterNoSort = (props) => {
   const options = [

data/app/pb_kits/playbook/pb_filter/docs/_filter_only.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Button, Filter, Flex, Select, TextInput } from 'playbook-ui'
+import { Button, Filter, Flex, Select, TextInput } from '../../'
 const FilterOnly = (props) => {
   const options = [

data/app/pb_kits/playbook/pb_filter/docs/_filter_placement.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Button, Filter, Flex, Select, TextInput } from 'playbook-ui'
+import { Button, Filter, Flex, Select, TextInput } from '../..'
 const SortingChangeCallback = (sortOptions) => {
   alert(JSON.stringify(sortOptions[0]))

data/app/pb_kits/playbook/pb_flex/docs/_flex_align.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Flex, FlexItem, Title } from 'playbook-ui'
+import { Flex, FlexItem, Title } from  '../..'
 const FlexAlign = (props) => {
   return (

data/app/pb_kits/playbook/pb_flex/docs/_flex_default.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Flex, FlexItem, Title } from  'playbook-ui'
+import { Flex, FlexItem, Title } from  '../../'
 const FlexDefault = (props) => {
   return (

data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Flex, FlexItem } from 'playbook-ui'
+import { Flex, FlexItem } from  '../../'
 const FlexGap = (props) => {
   const count = () => {

data/app/pb_kits/playbook/pb_flex/docs/_flex_inline.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Flex, FlexItem, Title } from 'playbook-ui'
+import { Flex, FlexItem, Title } from  '../..'
 const FlexInline = (props) => {
   return (

data/app/pb_kits/playbook/pb_flex/docs/_flex_item_align_self.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Flex, FlexItem, Title } from 'playbook-ui'
+import { Flex, FlexItem, Title } from  '../..'
 const FlexItemAlignSelf = (props) => {
   return (

data/app/pb_kits/playbook/pb_flex/docs/_flex_item_example.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Flex, FlexItem, Title } from 'playbook-ui'
+import { Flex, FlexItem, Title } from  '../..'
 const FlexItemExample = (props) => {
   return (

data/app/pb_kits/playbook/pb_flex/docs/_flex_justify.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Flex, FlexItem, Title } from 'playbook-ui'
+import { Flex, FlexItem, Title } from  '../..'
 const FlexJustify = (props) => {
   return (

data/app/pb_kits/playbook/pb_flex/docs/_flex_reverse.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Flex, FlexItem, Title } from 'playbook-ui'
+import { Flex, FlexItem, Title } from  '../..'
 const FlexReverse = (props) => {
   return (

data/app/pb_kits/playbook/pb_flex/docs/_flex_spacing.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Flex, FlexItem, Title } from 'playbook-ui'
+import { Flex, FlexItem, Title } from  '../..'
 const FlexSpacing = (props) => {
   return (

data/app/pb_kits/playbook/pb_flex/docs/_flex_wrap.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Body, Flex, FlexItem, Title } from 'playbook-ui'
+import { Body, Flex, FlexItem, Title } from  '../..'
 const FlexWrap = (props) => {
   return (

data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_icon.html.erb ADDED Viewed

@@ -0,0 +1,5 @@
+<%= pb_rails("form_pill", props: {
+    icon: "badge-check",
+    text: "icon and tag",
+    tabindex: 0,
+}) %>

data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_icon.jsx ADDED Viewed

@@ -0,0 +1,19 @@
+import React from 'react'
+import FormPill from '../_form_pill'
+const FormPillIcon = (props) => {
+  return (
+    <div>
+      <FormPill
+          icon="badge-check"
+          onClick={() => {
+            alert('Click!')
+          }}
+          tabIndex={0}
+          text="icon and tag"
+          {...props}
+      />
+    </div>
+  )
+}
+export default FormPillIcon

data/app/pb_kits/playbook/pb_form_pill/docs/example.yml CHANGED Viewed

@@ -5,10 +5,11 @@ examples:
   - form_pill_size: Form Pill Size
   - form_pill_tag: Form Pill Tag
   - form_pill_example: Example
+  # - form_pill_icon: Form Pill Icon
   react:
   - form_pill_user: Form Pill User
   - form_pill_size: Form Pill Size
   - form_pill_tag: Form Pill Tag
   - form_pill_example: Example
+  # - form_pill_icon: Form Pill Icon

data/app/pb_kits/playbook/pb_form_pill/docs/index.js CHANGED Viewed

@@ -2,4 +2,4 @@ export { default as FormPillUser } from './_form_pill_user.jsx'
 export { default as FormPillSize } from './_form_pill_size.jsx'
 export { default as FormPillTag } from './_form_pill_tag.jsx'
 export { default as FormPillExample } from './_form_pill_example.jsx'
+export { default as FormPillIcon } from './_form_pill_icon.jsx'

data/app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Gauge } from 'playbook-ui'
+import { Gauge } from '../../'
 const data = [
   { name: 'Name', value: 67 },

data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx CHANGED Viewed

@@ -8,7 +8,7 @@ import {
   SectionSeparator,
   Body,
   Caption,
-} from "playbook-ui";
+} from "../..";
 const data = [{ name: "Name", value: 10 }];

data/app/pb_kits/playbook/pb_gauge/docs/_gauge_default.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Gauge } from 'playbook-ui'
+import { Gauge } from '../../'
 const data = [
   { name: 'Name', value: 45 },

data/app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Gauge } from 'playbook-ui'
+import { Gauge } from '../../'
 const data = [
   { name: 'Participants', value: 84 },

data/app/pb_kits/playbook/pb_gauge/docs/_gauge_full_circle.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Gauge } from 'playbook-ui'
+import { Gauge } from '../../'
 const data = [
   { name: 'Capacity', value: 75 },

data/app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Gauge } from 'playbook-ui'
+import { Gauge } from '../../'
 const GaugeHeight = (props) => (
   <div>

data/app/pb_kits/playbook/pb_gauge/docs/_gauge_live_data.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import { Button, Gauge } from 'playbook-ui'
+import { Button, Gauge } from '../../'
 const GaugeLiveData = (props) => {
   const [value, setValue] = useState(50)

data/app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Gauge } from 'playbook-ui'
+import { Gauge } from '../../'
 const data = [{
   name: 'Rating', value: 4.5,

data/app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Flex, FlexItem, Gauge } from 'playbook-ui'
+import { Flex, FlexItem, Gauge } from '../../'
 const GaugeSizing = (props) => (
   <div>

data/app/pb_kits/playbook/pb_gauge/docs/_gauge_title.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Gauge } from 'playbook-ui'
+import { Gauge } from '../../'
 const data = [
   { name: 'Score', value: 780 },

data/app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Gauge } from 'playbook-ui'
+import { Gauge } from '../../'
 const data1 = [
   { name: 'Data Used', value: 32 },

data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Hashtag } from 'playbook-ui'
+import { Hashtag } from '../../'
 const HashtagDefault = (props) => {
   return (

data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Hashtag } from 'playbook-ui'
+import { Hashtag } from '../../'
 const HashtagLink = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon/docs/_icon_color.html.erb ADDED Viewed

@@ -0,0 +1,5 @@
+<%= pb_rails("flex", props: {orientation: "column"}) do %>
+    <%= pb_rails("icon", props: { icon: "user", fixed_width: true, color: "primary", padding_bottom: "sm", size: "2x" }) %>
+    <%= pb_rails("icon", props: { icon: "recycle", fixed_width: true, color: "data_4", padding_bottom: "sm", size: "2x" }) %>
+    <%= pb_rails("icon", props: { icon: "roofing", fixed_width: true, color: "product_5_background", size: "2x" }) %>
+<% end %>

data/app/pb_kits/playbook/pb_icon/docs/_icon_color.jsx ADDED Viewed

@@ -0,0 +1,34 @@
+import React from "react"
+import Icon from "../_icon"
+const IconDefault = (props) => {
+  return (
+    <div style={{ display: "flex", flexDirection: "column"}}>
+      <Icon
+          color="primary"
+          fixedWidth
+          icon="user"
+          paddingBottom="sm"
+          size="2x"
+          {...props}
+      />
+      <Icon
+          color="data_4"
+          fixedWidth
+          icon="recycle"
+          paddingBottom="sm"
+          size="2x"
+          {...props}
+      />
+      <Icon
+          color="product_5_background"
+          fixedWidth
+          icon="product-roofing"
+          size="2x"
+          {...props}
+      />
+    </div>
+  )
+}
+export default IconDefault

data/app/pb_kits/playbook/pb_icon/docs/_icon_color.md ADDED Viewed

	@@ -0,0 +1 @@
1	+ Pass any text, status, data, product, or category Playbook <a href="https://playbook.powerapp.cloud/visual_guidelines/colors" target="_blank">color token</a> to the `color` prop to change any icon's color.

data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Icon } from 'playbook-ui'
+import { Icon } from '../../'
 const config = {
   icon: (

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

@@ -9,6 +9,7 @@ examples:
   - icon_sizes: Icon Sizes
   - icon_custom: Icon Custom
   - icon_fa_kit: Icon with FontAwesome Kit
+  - icon_color: Icon Color
   react:
   - icon_default: Icon Default
@@ -20,6 +21,7 @@ examples:
   - icon_sizes: Icon Sizes
   - icon_custom: Icon Custom
   - icon_fa_kit: Icon with FontAwesome Kit
+  - icon_color: Icon Color
   swift:
   - icon_default_swift: Icon Default

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

@@ -7,3 +7,4 @@ export { default as IconBorder } from './_icon_border.jsx'
 export { default as IconSizes } from './_icon_sizes.jsx'
 export { default as IconCustom } from './_icon_custom.jsx'
 export { default as IconFaKit} from './_icon_fa_kit.jsx'
+export { default as IconColor } from './_icon_color.jsx'

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconCircle } from 'playbook-ui'
+import { IconCircle } from '../..'
 const IconCircleSizes = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconStatValue } from 'playbook-ui'
+import { IconStatValue } from '../../'
 const IconStatValueColor = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_default.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconStatValue } from 'playbook-ui'
+import { IconStatValue } from '../../'
 const IconStatValueDefault = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_sizes.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconStatValue } from 'playbook-ui'
+import { IconStatValue } from '../../'
 const IconStatValueSizes = (props) => {
   return (

data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_vertical.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { IconStatValue } from 'playbook-ui'
+import { IconStatValue } from '../../'
 const IconStatValueVertical = (props) => {
   return (

data/app/pb_kits/playbook/pb_label_value/docs/_label_value_default.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { LabelValue } from 'playbook-ui'
+import { LabelValue } from '../../'
 const LabelValueDefault = (props) => {
   return (

data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { LabelValue } from 'playbook-ui'
+import { LabelValue } from '../../'
 const LabelValueDetails = (props) => {
   return (

data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Flex, LabelValue, Title } from 'playbook-ui'
+import { Flex, LabelValue, Title } from '../../'
 const LabelValueDetailsExamples = (props) => {
   return (

data/app/pb_kits/playbook/pb_legend/docs/_legend_colors.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Legend } from 'playbook-ui'
+import { Legend } from '../..'
 const LegendColors = (props) => (
   <div>

data/app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Legend } from 'playbook-ui'
+import { Legend } from '../..'
 const LegendCustomColors = (props) => (
   <div>

data/app/pb_kits/playbook/pb_legend/docs/_legend_prefix.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Legend } from 'playbook-ui'
+import { Legend } from '../..'
 const LegendPrefix = (props) => (
   <div>

data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_compound_component.jsx CHANGED Viewed

@@ -1,6 +1,7 @@
+/* @flow */
 /* eslint-disable jsx-control-statements/jsx-use-if-tag */
 import React, { useState } from 'react'
-import { Flex, Image } from 'playbook-ui'
+import { Flex, Image } from '../../'
 import Lightbox from '../_lightbox.tsx'
 const LightboxCompoundComponent = (props) => {

data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_current_photo.jsx CHANGED Viewed

@@ -1,6 +1,7 @@
+/* @flow */
 /* eslint-disable jsx-control-statements/jsx-use-if-tag */
 import React, { useState } from 'react'
-import { Flex, Image, Button, Body, FlexItem } from 'playbook-ui'
+import { Flex, Image, Button, Body, FlexItem } from '../../'
 import Lightbox from '../_lightbox.tsx'
 const LightboxCurrentPhoto = (props) => {

data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_custom_header.jsx CHANGED Viewed

@@ -1,6 +1,7 @@
+/* @flow */
 /* eslint-disable jsx-control-statements/jsx-use-if-tag */
 import React, { useState } from "react";
-import { Flex, Image, Title, Pill } from "playbook-ui";
+import { Flex, Image, Title, Pill } from "../../";
 import Lightbox from "../_lightbox.tsx";
 const LightboxCustomHeader = (props) => {

data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_default.jsx CHANGED Viewed

@@ -1,6 +1,7 @@
+/* @flow */
 /* eslint-disable jsx-control-statements/jsx-use-if-tag */
 import React, { useState } from 'react'
-import { Flex, Image } from 'playbook-ui'
+import { Flex, Image } from '../../'
 import Lightbox from '../_lightbox.tsx'
 const LightboxDefault = (props) => {

data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_multiple.jsx CHANGED Viewed

@@ -1,6 +1,7 @@
+/* @flow */
 /* eslint-disable jsx-control-statements/jsx-use-if-tag */
 import React, { useState } from 'react'
-import { Flex, Image } from 'playbook-ui'
+import { Flex, Image } from '../../'
 import Lightbox from '../_lightbox.tsx'
 const LightboxMultiple = (props) => {

data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx CHANGED Viewed

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