RubyGems - playbook_ui - Versions diffs - 14.16.0.pre.rc.2 → 14.16.0.pre.rc.3 - Mend

playbook_ui 14.16.0.pre.rc.2 → 14.16.0.pre.rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (358) hide show

data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.jsx CHANGED Viewed

@@ -1,5 +1,9 @@
 import React, { useState } from 'react';
-import { Button, Flex, SkeletonLoading, User } from "playbook-ui";
+import Button from '../../pb_button/_button'
+import SkeletonLoading from '../../pb_skeleton_loading/_skeleton_loading'
+import Flex from '../../pb_flex/_flex'
+import User from '../../pb_user/_user'
 const SkeletonLoadingUser = (props) => {
   const [isLoading, setIsLoading] = useState(true)

data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.jsx CHANGED Viewed

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

data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.jsx CHANGED Viewed

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

data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.jsx CHANGED Viewed

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

data/app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.jsx CHANGED Viewed

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Table, Icon } from 'playbook-ui'
+import Table from '../../pb_table/_table'
+import Icon from '../../pb_icon/_icon'
 const TableWithClickableRows = (props) => {

data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx CHANGED Viewed

@@ -1,5 +1,8 @@
 import React from 'react'
-import { Table, Icon, Body, Card } from 'playbook-ui'
+import Table from '../../pb_table/_table'
+import Icon from '../../pb_icon/_icon'
+import Card from '../../pb_card/_card'
+import Body from '../../pb_body/_body'
 const TableWithCollapsible = (props) => {

data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx CHANGED Viewed

@@ -1,5 +1,8 @@
 import React from 'react'
-import { Table, Card, Icon, Body } from 'playbook-ui'
+import Table from '../../pb_table/_table'
+import Icon from '../../pb_icon/_icon'
+import Card from '../../pb_card/_card'
+import Body from '../../pb_body/_body'
 const TableWithCollapsibleWithCustomClick = (props) => {

data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx CHANGED Viewed

@@ -1,5 +1,11 @@
 import React from 'react'
-import { Table, Icon, Card, Body, Image, Flex } from 'playbook-ui'
+import Table from '../../pb_table/_table'
+import Icon from '../../pb_icon/_icon'
+import Card from '../../pb_card/_card'
+import Body from '../../pb_body/_body'
+import Image from '../../pb_image/_image'
+import Flex from '../../pb_flex/_flex'
 const TableWithCollapsibleWithCustomContent = (props) => {

data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.jsx CHANGED Viewed

@@ -1,5 +1,8 @@
 import React from 'react'
-import { Table, Background, Icon } from 'playbook-ui'
+import Table from '../../pb_table/_table'
+import Icon from '../../pb_icon/_icon'
+import Background from '../../pb_background/_background'
 const TableWithCollapsibleWithNestedRows = (props) => {

data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.jsx CHANGED Viewed

@@ -1,5 +1,9 @@
 import React from 'react'
-import {Pill, Background, Table, Icon} from "playbook-ui"
+import Pill from '../../pb_pill/_pill'
+import Background from '../../pb_background/_background'
+import Table from '../../pb_table/_table'
+import Icon from '../../pb_icon/_icon'
 const TableWithCollapsibleWithNestedTable = (props) => {

data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx CHANGED Viewed

@@ -1,5 +1,9 @@
 import React, { useState } from 'react'
-import { Table, Checkbox, Image, Flex, Button } from 'playbook-ui'
+import Table from '../../pb_table/_table'
+import Image from '../../pb_image/_image'
+import Flex from '../../pb_flex/_flex'
+import Checkbox from '../../pb_checkbox/_checkbox'
+import Button from '../../pb_button/_button'
 const TableWithSelectableRows = (props) => {
     const [checkboxes, setCheckboxes] = useState([

data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React, {useState} from 'react'
-import { Textarea } from 'playbook-ui'
+import Textarea from '../../pb_textarea/_textarea'
 const TextareaError = (props) => {
   const [value, setValue] = useState('default value text')

data/app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_default.jsx CHANGED Viewed

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

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.jsx CHANGED Viewed

@@ -1,5 +1,7 @@
 import React from 'react'
-import { Caption, Timestamp, Title } from 'playbook-ui'
+import Caption from '../../pb_caption/_caption'
+import Timestamp from '../../pb_timestamp/_timestamp'
+import Title from '../../pb_title/_title'
 const TimestampUnstyled = (props) => {
   return (

data/app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import { Toggle } from 'playbook-ui'
+import Toggle from '../../pb_toggle/_toggle'
 const ToggleCustom = () => {
   const [choice, setChoice] = useState(false)

data/app/pb_kits/playbook/pb_toggle/docs/_toggle_custom_radio.jsx CHANGED Viewed

@@ -1,5 +1,7 @@
 import React, { useState } from 'react'
-import { Caption, Title, Toggle } from 'playbook-ui'
+import Caption from '../../pb_caption/_caption'
+import Title from '../../pb_title/_title'
+import Toggle from '../../pb_toggle/_toggle'
 const ToggleCustomRadio = () => {
   const [choice, setChoice] = useState('walk')

data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Toggle } from 'playbook-ui'
+import Toggle from '../../pb_toggle/_toggle'
 const ToggleDefault = () => {
   return (

data/app/pb_kits/playbook/pb_toggle/docs/_toggle_disabled.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Toggle } from 'playbook-ui'
+import Toggle from '../../pb_toggle/_toggle'
 const ToggleDisabled= () => {
   return (

data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name.jsx CHANGED Viewed

@@ -1,5 +1,7 @@
 import React, { useState } from 'react'
-import { Caption, Title, Toggle } from 'playbook-ui'
+import Caption from '../../pb_caption/_caption'
+import Title from '../../pb_title/_title'
+import Toggle from '../../pb_toggle/_toggle'
 const ToggleName = () => {
   const [choice, setChoice] = useState(false)

data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.jsx CHANGED Viewed

@@ -1,5 +1,7 @@
 import React from 'react'
-import { Tooltip, Flex, FlexItem } from 'playbook-ui';
+import Tooltip from '../../pb_tooltip/_tooltip'
+import Flex from '../../pb_flex/_flex'
+import FlexItem from '../../pb_flex/_flex_item'
 const TooltipDefaultReact = (props) => {

data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.jsx CHANGED Viewed

@@ -1,5 +1,8 @@
 import React from 'react'
-import { Button, Tooltip, Flex, FlexItem } from 'playbook-ui';
+import Button from '../../pb_button/_button'
+import Tooltip from '../../pb_tooltip/_tooltip'
+import Flex from '../../pb_flex/_flex'
+import FlexItem from '../../pb_flex/_flex_item'
 const TooltipDelay = (props) => {

data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx CHANGED Viewed

@@ -1,5 +1,7 @@
 import React from 'react'
-import { Tooltip, Button, Flex } from 'playbook-ui'
+import Button from '../../pb_button/_button'
+import Tooltip from '../../pb_tooltip/_tooltip'
+import Flex from '../../pb_flex/_flex'
 const TooltipIcon = (props) => {
   return (

data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.jsx CHANGED Viewed

@@ -1,5 +1,8 @@
 import React from 'react'
-import { Tooltip, Button, Flex, FlexItem } from 'playbook-ui';
+import Button from '../../pb_button/_button'
+import Tooltip from '../../pb_tooltip/_tooltip'
+import Flex from '../../pb_flex/_flex'
+import FlexItem from '../../pb_flex/_flex_item'
 const TooltipInteraction = (props) => {

data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx CHANGED Viewed

@@ -1,5 +1,7 @@
 import React from 'react'
-import { Tooltip, Flex, CircleIconButton } from 'playbook-ui'
+import Tooltip from '../../pb_tooltip/_tooltip'
+import Flex from '../../pb_flex/_flex'
+import CircleIconButton from '../../pb_circle_icon_button/_circle_icon_button'
 const TooltipMargin = (props) => {
   return (

data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.jsx CHANGED Viewed

@@ -1,5 +1,9 @@
 import React, { useState } from 'react'
-import {  Button, Body, Flex, FlexItem, Tooltip } from 'playbook-ui'
+import Button from '../../pb_button/_button'
+import Body from '../../pb_body/_body'
+import Tooltip from '../../pb_tooltip/_tooltip'
+import Flex from '../../pb_flex/_flex'
+import FlexItem from '../../pb_flex/_flex_item'
 const TooltipShowTooltipReact = (props) => {
   const [showTooltip, setShowTooltip] = useState(true);

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_async_createable.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Typeahead } from 'playbook-ui'
+import Typeahead from '../../pb_typeahead/_typeahead'
 /**
  *

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Typeahead } from 'playbook-ui'
+import Typeahead from '../../pb_typeahead/_typeahead'
 const options = [
   { label: 'Jardim', value: 'Portuguese' },

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx CHANGED Viewed

@@ -2,9 +2,7 @@
 import React, { useState } from 'react'
-import {
-  Button,
-} from 'playbook-ui'
+import Button from '../../pb_button/_button'
 import Typeahead from '../_typeahead'

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Typeahead } from 'playbook-ui'
+import Typeahead from '../../pb_typeahead/_typeahead'
 const names = [
   { label: 'Alexander Nathaniel Montgomery', value: 'Alexander Nathaniel Montgomery' },

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx CHANGED Viewed

@@ -4,14 +4,12 @@
 import React, { useState } from 'react'
 import { components } from 'react-select'
-import {
-  Avatar,
-  Body,
-  Flex,
-  FlexItem,
-  Title,
-  Typeahead,
-} from 'playbook-ui'
+import Avatar from '../../pb_avatar/_avatar'
+import Body from '../../pb_body/_body'
+import Flex from '../../pb_flex/_flex'
+import FlexItem from '../../pb_flex/_flex_item'
+import Title from '../../pb_title/_title'
+import Typeahead from '../../pb_typeahead/_typeahead'
 const USERS = [
   {

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Typeahead } from 'playbook-ui'
+import Typeahead from '../../pb_typeahead/_typeahead'
 const options = [
   { label: 'Windows', value: '#FFA500' },

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.jsx CHANGED Viewed

@@ -1,10 +1,8 @@
 import React, { useState } from 'react'
-import {
-  Caption,
-  Typeahead,
-  User,
-} from 'playbook-ui'
+import Caption from '../../pb_caption/_caption'
+import Typeahead from '../../pb_typeahead/_typeahead'
+import User from '../../pb_user/_user'
 /**
  *

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_custom_options.jsx CHANGED Viewed

@@ -1,10 +1,8 @@
 import React, { useState } from 'react'
-import {
-  Caption,
-  Typeahead,
-  User,
-} from 'playbook-ui'
+import Caption from '../../pb_caption/_caption'
+import Typeahead from '../../pb_typeahead/_typeahead'
+import User from '../../pb_user/_user'
 /**
  *

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.jsx CHANGED Viewed

@@ -1,10 +1,8 @@
 import React, { useState } from 'react'
-import {
-  Caption,
-  Typeahead,
-  User,
-} from 'playbook-ui'
+import Caption from '../../pb_caption/_caption'
+import Typeahead from '../../pb_typeahead/_typeahead'
+import User from '../../pb_user/_user'
 /**
  *

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Typeahead } from 'playbook-ui'
+import Typeahead from '../../pb_typeahead/_typeahead'
 const options = [
   { label: 'Windows', value: '#FFA500' },

data/app/pb_kits/playbook/pb_user/docs/_user_block_content_subtitle_react.jsx CHANGED Viewed

@@ -1,5 +1,10 @@
 import React from "react"
-import { Caption, Contact, Flex, Icon, User } from "playbook-ui"
+import Caption from '../../pb_caption/_caption'
+import Contact from '../../pb_contact/_contact'
+import Flex from '../../pb_flex/_flex'
+import Icon from '../../pb_icon/_icon'
+import User from '../../pb_user/_user'
 const MentorSubtitle = (
   <Flex>

data/app/pb_kits/playbook/pb_user/docs/_user_default.jsx CHANGED Viewed

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

data/app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx CHANGED Viewed

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

data/app/pb_kits/playbook/pb_user/docs/_user_size.jsx CHANGED Viewed

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

data/app/pb_kits/playbook/pb_user/docs/_user_subtitle.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react"
-import { User } from "playbook-ui"
+import User from '../../pb_user/_user'
 const UserSubtitle = (props) => {
   return (

data/app/pb_kits/playbook/pb_user/docs/_user_text_only.jsx CHANGED Viewed

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

data/app/pb_kits/playbook/pb_user/docs/_user_vertical_size.jsx CHANGED Viewed

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

data/app/pb_kits/playbook/pb_user/docs/_user_with_territory.jsx CHANGED Viewed

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

data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_continuous.jsx CHANGED Viewed

@@ -1,5 +1,6 @@
 import React, { useState } from 'react'
-import { Button, Walkthrough } from 'playbook-ui'
+import Button from '../../pb_button/_button'
+import Walkthrough from '../../pb_walkthrough/_walkthrough'
 const WalkthroughContinuous = (props) => {
   const [state, setState] = useState({

data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_default.jsx CHANGED Viewed

@@ -1,5 +1,6 @@
 import React, { useState } from 'react'
-import { Button, Walkthrough } from 'playbook-ui'
+import Button from '../../pb_button/_button'
+import Walkthrough from '../../pb_walkthrough/_walkthrough'
 const WalkthroughDefault = (props) => {
   const [state, setState] = useState({

data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_multi_beacon.jsx CHANGED Viewed

@@ -1,5 +1,6 @@
 import React, { useState } from 'react'
-import { Button, Walkthrough } from 'playbook-ui'
+import Button from '../../pb_button/_button'
+import Walkthrough from '../../pb_walkthrough/_walkthrough'
 const WalkthroughMultiBeacon = (props) => {
   const [stateA, setStateA] = useState({

data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_beacon.jsx CHANGED Viewed

@@ -1,5 +1,6 @@
 import React, { useState } from 'react'
-import { Button, Walkthrough } from 'playbook-ui'
+import Button from '../../pb_button/_button'
+import Walkthrough from '../../pb_walkthrough/_walkthrough'
 const WalkthroughNoBeacon = (props) => {
   const [state, setState] = useState({

data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_overlay.jsx CHANGED Viewed

@@ -1,5 +1,6 @@
 import React, { useState } from 'react'
-import { Button, Walkthrough } from 'playbook-ui'
+import Button from '../../pb_button/_button'
+import Walkthrough from '../../pb_walkthrough/_walkthrough'
 const WalkthroughNoOverlay = (props) => {
   const [noOverlay, setNoOverlayState] = useState({

data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_styled.jsx CHANGED Viewed

@@ -1,5 +1,6 @@
 import React, { useState } from 'react'
-import { Button, Walkthrough } from 'playbook-ui'
+import Button from '../../pb_button/_button'
+import Walkthrough from '../../pb_walkthrough/_walkthrough'
 const WalkthroughStyled = (props) => {
   const [state, setState] = useState({