RubyGems - playbook_ui_docs - Versions diffs - 14.16.0.pre.alpha.play1960buttonkitdisablenotworkingdanger6850 → 14.16.0.pre.rc.0 - Mend

playbook_ui_docs 14.16.0.pre.alpha.play1960buttonkitdisablenotworkingdanger6850 → 14.16.0.pre.rc.0

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 (407) hide show

data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx CHANGED Viewed

@@ -1,8 +1,5 @@
 import React from "react"
-import SectionSeparator from '../../pb_section_separator/_section_separator'
-import Flex from '../../pb_flex/_flex'
-import Detail from '../../pb_detail/_detail'
-import Icon from '../../pb_icon/_icon'
+import { SectionSeparator, Flex, Detail, Icon } from "playbook-ui"
 const children = (
   <Flex padding="xs">

data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed.jsx CHANGED Viewed

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

data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line.jsx CHANGED Viewed

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

data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text.jsx CHANGED Viewed

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

data/app/pb_kits/playbook/pb_select/docs/_select_error.jsx CHANGED Viewed

@@ -1,6 +1,5 @@
 import React from 'react'
-import Body from '../../pb_body/_body'
-import Select from '../../pb_select/_select'
+import { Body, Select } from 'playbook-ui'
 const SelectError = (props) => {
   const options = [

data/app/pb_kits/playbook/pb_select/docs/_select_inline.jsx CHANGED Viewed

@@ -1,6 +1,5 @@
 import React from 'react'
-import Body from '../../pb_body/_body'
-import Select from '../../pb_select/_select'
+import { Body, Select } from 'playbook-ui'
 const SelectInline = (props) => {
   const options = [

data/app/pb_kits/playbook/pb_select/docs/_select_inline_compact.jsx CHANGED Viewed

@@ -1,6 +1,5 @@
 import React from 'react'
-import Body from '../../pb_body/_body'
-import Select from '../../pb_select/_select'
+import { Body, Select } from 'playbook-ui'
 const SelectInlineCompact = (props) => {
   const options = [

data/app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.jsx CHANGED Viewed

@@ -1,6 +1,5 @@
 import React from 'react'
-import Body from '../../pb_body/_body'
-import Select from '../../pb_select/_select'
+import { Body, Select } from 'playbook-ui'
 const SelectInlineShowArrow = (props) => {
   const options = [

data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_error.jsx CHANGED Viewed

@@ -1,8 +1,5 @@
 import React, { useState } from 'react'
-import Body from '../../pb_body/_body'
-import SelectableCard from '../../pb_selectable_card/_selectable_card'
-import Title from '../../pb_title/_title'
+import { Body, SelectableCard, Title } from 'playbook-ui'
 const SelectableCardError = (props) => {
   const [football, setFootball] = useState(false)

data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.jsx CHANGED Viewed

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

data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.jsx CHANGED Viewed

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

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

@@ -1,7 +1,6 @@
 import React from 'react'
+import { Flex, SkeletonLoading } from "playbook-ui"
-import Flex from '../../pb_flex/_flex'
-import SkeletonLoading from '../../pb_skeleton_loading/_skeleton_loading'
 const SkeletonLoadingBorderRadius = (props) => (
   <Flex justify="evenly">

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

@@ -1,7 +1,6 @@
 import React from 'react'
+import { Card, SkeletonLoading } from "playbook-ui"
-import Card from '../../pb_card/_card'
-import SkeletonLoading from '../../pb_skeleton_loading/_skeleton_loading'
 const SkeletonLoadingColor = (props) => (
   <div>

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

@@ -1,5 +1,6 @@
 import React from 'react'
-import SkeletonLoading from '../../pb_skeleton_loading/_skeleton_loading'
+import { SkeletonLoading } from "playbook-ui"
 const SkeletonLoadingDefault = (props) => (
   <div>

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

@@ -1,12 +1,5 @@
 import React, { useState } from 'react';
-import Button from '../../pb_button/_button'
-import SkeletonLoading from '../../pb_skeleton_loading/_skeleton_loading'
-import Card from '../../pb_card/_card'
-import Filter from '../../pb_filter/_filter'
-import Flex from '../../pb_flex/_flex'
-import Select from '../../pb_select/_select'
-import TextInput from '../../pb_text_input/_text_input'
+import { Button, Card, Filter, Flex, Select, SkeletonLoading, TextInput } from "playbook-ui";
 const SortingChangeCallback = (sortOptions) => {
   alert(JSON.stringify(sortOptions[0]))

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

@@ -1,7 +1,6 @@
 import React from 'react'
+import { Card, SkeletonLoading } from "playbook-ui"
-import SkeletonLoading from '../../pb_skeleton_loading/_skeleton_loading'
-import Card from '../../pb_card/_card'
 const SkeletonLoadingHeightWidth = (props) => (
   <div>

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

@@ -1,5 +1,6 @@
 import React from 'react'
-import SkeletonLoading from '../../pb_skeleton_loading/_skeleton_loading'
+import { SkeletonLoading } from "playbook-ui"
 const SkeletonLoadingLayout = (props) => (
   <div>

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

@@ -1,9 +1,5 @@
 import React, { useState } from 'react';
-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'
+import { Button, Flex, SkeletonLoading, User } from "playbook-ui";
 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 '../../pb_stat_change/_stat_change'
+import { StatChange } from 'playbook-ui'
 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 '../../pb_stat_change/_stat_change'
+import { StatChange } from 'playbook-ui'
 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 '../../pb_stat_change/_stat_change'
+import { StatChange } from 'playbook-ui'
 const StatChangeUnitTwo = (props) => {
   return (

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

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

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

@@ -1,8 +1,5 @@
 import React from 'react'
-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 { Table, Icon, Body, Card } from 'playbook-ui'
 const TableWithCollapsible = (props) => {

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

@@ -1,8 +1,5 @@
 import React from 'react'
-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 { Table, Card, Icon, Body } from 'playbook-ui'
 const TableWithCollapsibleWithCustomClick = (props) => {

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

@@ -1,11 +1,5 @@
 import React from 'react'
-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'
+import { Table, Icon, Card, Body, Image, Flex } from 'playbook-ui'
 const TableWithCollapsibleWithCustomContent = (props) => {

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

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

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

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

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

@@ -1,9 +1,5 @@
 import React, { useState } from 'react'
-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'
+import { Table, Checkbox, Image, Flex, Button } from 'playbook-ui'
 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 '../../pb_textarea/_textarea'
+import { Textarea } from 'playbook-ui'
 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 '../../pb_time_range_inline/_time_range_inline'
+import { TimeRangeInline } from 'playbook-ui'
 const TimeRangeInlineDefault = (props) => (
   <div>

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

@@ -1,7 +1,5 @@
 import React from 'react'
-import Caption from '../../pb_caption/_caption'
-import Timestamp from '../../pb_timestamp/_timestamp'
-import Title from '../../pb_title/_title'
+import { Caption, Timestamp, Title } from 'playbook-ui'
 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 '../../pb_toggle/_toggle'
+import { Toggle } from 'playbook-ui'
 const ToggleCustom = () => {
   const [choice, setChoice] = useState(false)

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

@@ -1,7 +1,5 @@
 import React, { useState } from 'react'
-import Caption from '../../pb_caption/_caption'
-import Title from '../../pb_title/_title'
-import Toggle from '../../pb_toggle/_toggle'
+import { Caption, Title, Toggle } from 'playbook-ui'
 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 '../../pb_toggle/_toggle'
+import { Toggle } from 'playbook-ui'
 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 '../../pb_toggle/_toggle'
+import { Toggle } from 'playbook-ui'
 const ToggleDisabled= () => {
   return (

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

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

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

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

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

@@ -1,8 +1,5 @@
 import React from 'react'
-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'
+import { Button, Tooltip, Flex, FlexItem } from 'playbook-ui';
 const TooltipDelay = (props) => {

data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.erb ADDED Viewed

@@ -0,0 +1,10 @@
+<%= pb_rails("icon_circle", props: { icon: "paper-plane", id: "result-1-sample-email-link" }) %>
+<%= pb_rails("tooltip", props: {
+  trigger_element_id: "result-1-sample-email-link",
+  tooltip_id: "sample-email-tooltip-result-1",
+  position: "top",
+  dark: true
+}) do %>
+  Send Email
+<% end %>

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

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

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

@@ -1,8 +1,5 @@
 import React from 'react'
-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'
+import { Tooltip, Button, Flex, FlexItem } from 'playbook-ui';
 const TooltipInteraction = (props) => {

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

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

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

@@ -1,9 +1,5 @@
 import React, { useState } from 'react'
-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'
+import {  Button, Body, Flex, FlexItem, Tooltip } from 'playbook-ui'
 const TooltipShowTooltipReact = (props) => {
   const [showTooltip, setShowTooltip] = useState(true);

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

@@ -4,8 +4,6 @@ examples:
   - tooltip_default: Default
   - tooltip_interaction: Content Interaction
   - tooltip_selectors: Using Common Selectors
-  - tooltip_sizing: Tooltip Sizing
-  - tooltip_icon_rails: Tooltip with Icon
   - tooltip_with_icon_circle: Icon Circle Tooltip
   - tooltip_delay_rails: Delay
   - tooltip_show_tooltip: Show Tooltip

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 '../../pb_typeahead/_typeahead'
+import { Typeahead } from 'playbook-ui'
 /**
  *

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

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

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

@@ -2,7 +2,9 @@
 import React, { useState } from 'react'
-import Button from '../../pb_button/_button'
+import {
+  Button,
+} from 'playbook-ui'
 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 '../../pb_typeahead/_typeahead'
+import { Typeahead } from 'playbook-ui'
 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,12 +4,14 @@
 import React, { useState } from 'react'
 import { components } from 'react-select'
-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'
+import {
+  Avatar,
+  Body,
+  Flex,
+  FlexItem,
+  Title,
+  Typeahead,
+} from 'playbook-ui'
 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 '../../pb_typeahead/_typeahead'
+import { Typeahead } from 'playbook-ui'
 const options = [
   { label: 'Windows', value: '#FFA500' },

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

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

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

@@ -1,8 +1,10 @@
 import React, { useState } from 'react'
-import Caption from '../../pb_caption/_caption'
-import Typeahead from '../../pb_typeahead/_typeahead'
-import User from '../../pb_user/_user'
+import {
+  Caption,
+  Typeahead,
+  User,
+} from 'playbook-ui'
 /**
  *
@@ -47,7 +49,7 @@ const TypeaheadWithPillsAsyncCustomOptions = (props) => {
    * @summary - for doc example purposes only
    */
   const handleOnMultiValueClick = (value) => {
-    alert(`You added the user: "${value.label}"`)
+    alert(`You removed the user: "${value.label}"`)
   }
   return (

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

@@ -1,8 +1,10 @@
 import React, { useState } from 'react'
-import Caption from '../../pb_caption/_caption'
-import Typeahead from '../../pb_typeahead/_typeahead'
-import User from '../../pb_user/_user'
+import {
+  Caption,
+  Typeahead,
+  User,
+} from 'playbook-ui'
 /**
  *
@@ -54,7 +56,7 @@ const TypeaheadWithPillsAsyncUsers = (props) => {
    * @summary - for doc example purposes only
    */
   const handleOnMultiValueClick = (value) => {
-    alert(`You added the user: "${value.label}"`)
+    alert(`You removed the user: "${value.label}"`)
   }
   return (

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 '../../pb_typeahead/_typeahead'
+import { Typeahead } from 'playbook-ui'
 const options = [
   { label: 'Windows', value: '#FFA500' },

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

@@ -14,11 +14,9 @@ examples:
     - typeahead_truncated_text: Truncated Text
     - typeahead_dynamic_options: Dynamic Options
     - typeahead_dynamic_options_pure_rails: Dynamic Options (Pure Rails)
-    - typeahead_disabled: Disabled
   react:
     - typeahead_default: Default
-    - typeahead_react_hook: React Hook
     - typeahead_with_highlight: With Highlight
     - typeahead_with_pills: With Pills
     - typeahead_with_pills_async: With Pills (Async Data)
@@ -33,4 +31,3 @@ examples:
     - typeahead_margin_bottom: Margin Bottom
     - typeahead_with_pills_color: With Pills (Custom Color)
     - typeahead_truncated_text: Truncated Text
-    - typeahead_disabled: Disabled

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

@@ -13,5 +13,3 @@ export { default as TypeaheadCustomMenuList } from './_typeahead_custom_menu_lis
 export { default as TypeaheadMarginBottom } from './_typeahead_margin_bottom.jsx'
 export { default as TypeaheadWithPillsColor } from './_typeahead_with_pills_color.jsx'
 export { default as TypeaheadTruncatedText } from './_typeahead_truncated_text.jsx'
-export { default as TypeaheadReactHook } from './_typeahead_react_hook.jsx'
-export { default as TypeaheadDisabled } from './_typeahead_disabled.jsx'

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

@@ -1,10 +1,5 @@
 import React from "react"
-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'
+import { Caption, Contact, Flex, Icon, User } from "playbook-ui"
 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 '../../pb_user/_user'
+import { User } from 'playbook-ui'
 const UserDefault = (props) => {
   return (