RubyGems - playbook_ui - Versions diffs - 9.19.0.pre.alpha.pre.fonts2 → 9.19.0.pre.alphafonts - Mend

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

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

data/app/pb_kits/playbook/pb_radio/docs/_radio_custom.jsx CHANGED Viewed

@@ -1,6 +1,5 @@
 import React, { useState } from 'react'
-import Radio from '../_radio'
+import { Radio } from '../../'
 const RadioCustom = (props) => {
   const [choice, setChoice] = useState('power')

data/app/pb_kits/playbook/pb_radio/docs/_radio_default.jsx CHANGED Viewed

@@ -1,6 +1,5 @@
 import React from 'react'
-import Radio from '../_radio'
+import { Radio } from '../../'
 const RadioDefault = () => {
   const ref = React.createRef()

data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.jsx CHANGED Viewed

@@ -2,18 +2,11 @@
 import React, { useEffect, useRef } from 'react'
 import classnames from 'classnames'
-import useFocus from './useFocus'
-import { globalProps } from '../utilities/globalProps'
+import useFocus from './useFocus.js'
+import Trix from 'trix'
+import { globalProps } from '../utilities/globalProps.js'
 import { buildAriaProps, buildDataProps } from '../utilities/props'
-try {
-  const Trix = require('trix')
-  Trix.config.textAttributes.inlineCode = {
-    tagName: 'code',
-    inheritable: true,
-  }
-} catch (_e) { /* do nothing */ }
 type RichTextEditorProps = {
   aria?: object,
   toolbarBottom?: Boolean,
@@ -53,6 +46,11 @@ const RichTextEditor = (props: RichTextEditorProps) => {
   const dataProps = buildDataProps(data)
   useEffect(() => {
+    Trix.config.textAttributes.inlineCode = {
+      tagName: 'code',
+      inheritable: true,
+    }
     trixRef.current.addEventListener('trix-initialize', (event) => {
       const element = event.target

data/app/pb_kits/playbook/pb_section_separator/_section_separator.jsx CHANGED Viewed

@@ -1,11 +1,9 @@
 /* @flow */
 import React from 'react'
 import classnames from 'classnames'
+import { Caption } from '../'
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps'
-import Caption from '../pb_caption/_caption'
+import { globalProps } from '../utilities/globalProps.js'
 type SectionSeparatorProps = {
   aria: object,

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

@@ -1,9 +1,5 @@
 import React from 'react'
-import SectionSeparator from '../_section_separator'
-import Flex from '../../pb_flex/_flex'
-import FlexItem from '../../pb_flex/_flex_item'
+import { Flex, FlexItem, SectionSeparator } from '../../'
 const SectionSeparatorVertical = (props) => {
   return (

data/app/pb_kits/playbook/pb_select/_select.jsx CHANGED Viewed

@@ -2,14 +2,21 @@
 import React, { forwardRef } from 'react'
 import classnames from 'classnames'
+import {
+  Body,
+  Caption,
+  Icon,
+} from '../'
-import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps'
-import type { InputCallback } from '../types'
+import {
+  buildAriaProps,
+  buildCss,
+  buildDataProps,
+} from '../utilities/props'
+import { globalProps } from '../utilities/globalProps.js'
-import Body from '../pb_body/_body'
-import Caption from '../pb_caption/_caption'
-import Icon from '../pb_icon/_icon'
+import type { InputCallback } from '../types'
 type SelectOption = {
   value: string,

data/app/pb_kits/playbook/pb_select/_select.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 @import "../pb_body/body_mixins";
 @import "../pb_textarea/textarea_mixin";
-@import "../tokens/titles";
+@import "../pb_title/title_mixin";
 @import "../tokens/colors";
 [class^=pb_select] {

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

@@ -1,6 +1,5 @@
 import React from 'react'
-import Select from '../_select'
+import { Select } from '../../'
 const SelectBlank = (props) => {
   const options = [

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

@@ -1,6 +1,5 @@
 import React from 'react'
-import Select from '../_select'
+import { Select } from '../../'
 const SelectCustomSelect = (props) => {
   return (

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

@@ -1,6 +1,5 @@
 import React from 'react'
-import Select from '../_select'
+import { Select } from '../../'
 const SelectDefault = (props) => {
   const options = [

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

@@ -1,6 +1,5 @@
 import React from 'react'
-import Select from '../_select'
+import { Select } from '../../'
 const SelectDisabled = (props) => {
   const options = [

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

@@ -1,6 +1,5 @@
 import React from 'react'
-import Select from '../_select'
+import { Select } from '../../'
 const SelectDisabledOptions = (props) => {
   const options = [

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

@@ -1,6 +1,5 @@
 import React from 'react'
-import Select from '../_select'
+import { Select } from '../../'
 const SelectRequired = (props) => {
   const options = [

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

@@ -1,6 +1,5 @@
 import React from 'react'
-import Select from '../_select'
+import { Select } from '../../'
 const SelectValueTextSame = (props) => {
   const options = [

data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.jsx CHANGED Viewed

@@ -2,9 +2,10 @@
 import React from 'react'
 import classnames from 'classnames'
+import { Card, Checkbox, Flex, Icon, Radio } from '../'
 import type { InputCallback } from '../types'
-import { globalProps } from '../utilities/globalProps'
 import {
   buildAriaProps,
   buildCss,
@@ -12,11 +13,7 @@ import {
   noop,
 } from '../utilities/props'
-import Icon from '../pb_icon/_icon'
-import Checkbox from '../pb_checkbox/_checkbox'
-import Card from '../pb_card/_card'
-import Flex from '../pb_flex/_flex'
-import Radio from '../pb_radio/_radio'
+import { globalProps } from '../utilities/globalProps.js'
 type SelectableCardProps = {
   aria?: object,

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

@@ -1,9 +1,5 @@
 import React, { useState } from 'react'
-import SelectableCard from '../_selectable_card'
-import Body from '../../pb_body/_body'
-import Title from '../../pb_title/_title'
+import { Body, SelectableCard, Title } from '../../'
 const SelectableCardBlock = (props) => {
   const [block, setBlock] = useState(true)

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

@@ -1,8 +1,9 @@
 import React, { useState } from 'react'
-import Body from '../../pb_body/_body'
-import Image from '../../pb_image/_image'
-import SelectableCard from '../../pb_selectable_card/_selectable_card'
+import {
+  Body,
+  Image,
+  SelectableCard,
+} from '../../'
 const SelectableCardImage = (props) => {
   const [selectedImage, setSelectedImage] = useState(true)

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

@@ -1,8 +1,9 @@
 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 '../../'
 const SelectableCardInput = (props) => {
   const [state, setState] = useState({

data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.jsx CHANGED Viewed

@@ -2,18 +2,15 @@
 import React from 'react'
 import classnames from 'classnames'
+import { Body, SelectableCard, SelectableIcon } from '../'
+import { globalProps } from '../utilities/globalProps.js'
-import { globalProps } from '../utilities/globalProps'
 import {
   buildAriaProps,
   buildCss,
   buildDataProps,
 } from '../utilities/props'
-import Body from '../pb_body/_body'
-import SelectableCard from '../pb_selectable_card/_selectable_card'
-import SelectableIcon from '../pb_selectable_icon/_selectable_icon'
 type SelectableCardIconProps = {
   aria?: Object,
   checked?: boolean,

data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_checkmark.jsx CHANGED Viewed

@@ -1,6 +1,5 @@
 import React, { useState } from 'react'
-import SelectableCardIcon from '../_selectable_card_icon'
+import { SelectableCardIcon } from '../../'
 const SelectableCardIconCheckmark = (props) => {
   const [selected, setSelected] = useState(true)

data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_default.jsx CHANGED Viewed

@@ -1,6 +1,5 @@
 import React, { useState } from 'react'
-import SelectableCardIcon from '../_selectable_card_icon'
+import { SelectableCardIcon } from '../../'
 const SelectableCardIconDefault = (props) => {
   const [selected, setSelected] = useState(true)

data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_single_select.jsx CHANGED Viewed

@@ -1,6 +1,5 @@
 import React, { useState } from 'react'
-import SelectableCardIcon from '../_selectable_card_icon'
+import { SelectableCardIcon } from '../../'
 const SelectableCardIconSingleSelect = (props) => {
   const [selectedFormat, toggleFormat] = useState(null)

data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.jsx CHANGED Viewed

@@ -2,16 +2,15 @@
 import React from 'react'
 import classnames from 'classnames'
+import { Icon, Title } from '../'
-import { globalProps } from '../utilities/globalProps'
 import {
   buildAriaProps,
   buildCss,
   buildDataProps,
 } from '../utilities/props'
-import Icon from '../pb_icon/_icon'
-import Title from '../pb_title/_title'
+import { globalProps } from '../utilities/globalProps.js'
 type SelectableIconProps = {
   aria?: Object,

data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.jsx CHANGED Viewed

@@ -1,6 +1,5 @@
 import React, { useState } from 'react'
-import SelectableIcon from '../_selectable_icon'
+import { SelectableIcon } from '../../'
 const SelectableIconDefault = (props) => {
   const [ checkSelected, toggleSelected ] = useState(true)

data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.jsx CHANGED Viewed

@@ -1,6 +1,5 @@
 import React, { useState } from 'react'
-import SelectableIcon from '../_selectable_icon'
+import { SelectableIcon } from '../../'
 const SelectableIconSingleSelect = (props) => {
   const [ selectedFormat, toggleFormat ] = useState(null)

data/app/pb_kits/playbook/pb_selectable_list/_item.jsx CHANGED Viewed

@@ -1,14 +1,9 @@
 /* @flow */
 import React, { Node } from 'react'
 import classnames from 'classnames'
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps'
-import Checkbox from '../pb_checkbox/_checkbox'
-import ListItem from '../pb_list/_list_item'
-import Radio from '../pb_radio/_radio'
+import { globalProps } from '../utilities/globalProps.js'
+import { Checkbox, ListItem, Radio } from '..'
 type SelectableListItemProps = {
   aria?: object,

data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.jsx CHANGED Viewed

@@ -1,11 +1,9 @@
 /* @flow */
 import React from 'react'
 import classnames from 'classnames'
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps'
-import List from  '../pb_list/_list'
+import { globalProps } from '../utilities/globalProps.js'
+import { List } from  '..'
 import SelectableListItem from './_item.jsx'
 type SelectableListProps = {

data/app/pb_kits/playbook/pb_source/_source.jsx CHANGED Viewed

@@ -3,14 +3,19 @@
 import React from 'react'
 import classnames from 'classnames'
-import { buildDataProps } from '../utilities/props'
-import { titleize } from '../utilities/text'
-import Avatar from '../pb_avatar/_avatar'
-import Body from '../pb_body/_body'
-import Caption from '../pb_caption/_caption'
-import IconCircle from '../pb_icon_circle/_icon_circle'
-import Title from '../pb_title/_title'
+import {
+  buildDataProps,
+} from '../utilities/props'
+import {
+  titleize,
+} from '../utilities/text'
+import {
+  Avatar,
+  Body,
+  Caption,
+  IconCircle,
+  Title,
+} from '../'
 type SourceProps = {
   className?: string,

data/app/pb_kits/playbook/pb_source/docs/_source_default.jsx CHANGED Viewed

@@ -1,6 +1,5 @@
 import React from 'react'
-import Source from '../_source'
+import { Source } from '../../'
 const SourceDefault = (props) => (
   <>

data/app/pb_kits/playbook/pb_source/docs/_source_noicon.jsx CHANGED Viewed

@@ -1,6 +1,5 @@
 import React from 'react'
-import Source from '../_source'
+import { Source } from '../../'
 const SourceNoicon = (props) => (
   <>

data/app/pb_kits/playbook/pb_source/docs/_source_types.jsx CHANGED Viewed

@@ -1,6 +1,5 @@
 import React from 'react'
-import Source from '../_source'
+import { Source } from '../../'
 const SourceTypes = (props) => (
   <>

data/app/pb_kits/playbook/pb_star_rating/_star_rating.jsx CHANGED Viewed

@@ -3,9 +3,14 @@
 import React from 'react'
 import classnames from 'classnames'
-import { buildAriaProps, buildDataProps } from '../utilities/props'
+import {
+  buildAriaProps,
+  buildDataProps,
+} from '../utilities/props'
-import Icon from '../pb_icon/_icon'
+import {
+  Icon,
+} from '../'
 type StarRatingProps = {
   aria?: object,

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx CHANGED Viewed

@@ -1,6 +1,5 @@
 import React from 'react'
-import StarRating from '../_star_rating'
+import { StarRating } from '../../'
 const StarRatingDefault = (props) => (
   <>

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.jsx CHANGED Viewed

@@ -1,6 +1,5 @@
 import React from 'react'
-import StarRating from '../_star_rating'
+import { StarRating } from '../../'
 const StarRatingHide = (props) => (

data/app/pb_kits/playbook/pb_stat_change/_stat_change.jsx CHANGED Viewed

@@ -4,10 +4,8 @@ import React from 'react'
 import classnames from 'classnames'
 import { buildCss } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps'
-import Body from '../pb_body/_body'
-import Icon from '../pb_icon/_icon'
+import { Body, Icon } from '../'
+import { globalProps } from '../utilities/globalProps.js'
 const statusMap = {
   increase: 'positive',

data/app/pb_kits/playbook/pb_stat_value/_stat_value.jsx CHANGED Viewed

@@ -2,9 +2,8 @@
 import React from 'react'
 import classnames from 'classnames'
-import { globalProps } from '../utilities/globalProps'
-import Title from '../pb_title/_title'
+import { Title } from '../'
+import { globalProps } from '../utilities/globalProps.js'
 type StatValueProps = {
   className?: string,

data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_default.jsx CHANGED Viewed

@@ -1,6 +1,5 @@
 import React from 'react'
-import StatValue from '../_stat_value'
+import { StatValue } from '../../'
 const StatValueDefault = (props) => {
   return (

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

@@ -1,7 +1,6 @@
 import React from 'react'
-import Table from '../_table'
-import Button from '../../pb_button/_button'
+import { Table } from '../../'
+import { Button } from '../../'
 const TableActionMiddle = (props) => {
   return (

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

@@ -1,6 +1,5 @@
 import React from 'react'
-import Table from '../_table'
+import { Table } from '../../'
 const TableAlignmentColumn = (props) => {
   return (

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

@@ -1,6 +1,5 @@
 import React from 'react'
-import Table from '../_table'
+import { Table } from '../../'
 const TableAlignmentRow = (props) => {
   return (

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

@@ -1,6 +1,5 @@
 import React from 'react'
-import Table from '../_table'
+import { Table } from '../../'
 const TableAlignmentShiftData = (props) => {
   return (

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

@@ -1,6 +1,5 @@
 import React from 'react'
-import Table from '../_table'
+import { Table } from '../../'
 const TableAlignmentShiftRow = (props) => {
   return (

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

@@ -1,6 +1,5 @@
 import React from 'react'
-import Table from '../_table'
+import { Table } from '../../'
 const TableContainer = (props) => {
   return (

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

@@ -1,6 +1,5 @@
 import React from 'react'
-import Table from '../_table'
+import { Table } from '../../'
 const TableDataTable = (props) => {
   return (

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

@@ -1,6 +1,5 @@
 import React from 'react'
-import Table from '../_table'
+import { Table } from '../../'
 const TableDisableHover = (props) => {
   return (

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

@@ -1,10 +1,6 @@
 import React from 'react'
-import Table from '../_table'
-import CircleIconButton from '../../pb_circle_icon_button/_circle_icon_button'
-import Flex from '../../pb_flex/_flex'
-import FlexItem from '../../pb_flex/_flex_item'
+import { Table } from '../..'
+import { CircleIconButton, Flex, FlexItem } from '../../'
 const TableIconButtons = (props) => {
   return (

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

@@ -1,6 +1,5 @@
 import React from 'react'
-import Table from '../_table'
+import { Table } from '../../'
 const TableLg = (props) => {
   return (

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

@@ -1,6 +1,5 @@
 import React from 'react'
-import Table from '../_table'
+import { Table } from '../../'
 const TableMd = (props) => {
   return (

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

@@ -1,6 +1,5 @@
 import React from 'react'
-import Table from '../_table'
+import { Table } from '../../'
 const TableMultiline = (props) => {
   return (

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

@@ -1,7 +1,6 @@
 import React from 'react'
-import Table from '../_table'
-import Button from '../../pb_button/_button'
+import { Table } from '../..'
+import { Button } from '../../'
 const TableOneAction = (props) => {
   return (

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

@@ -1,7 +1,5 @@
 import React from 'react'
-import Table from '../_table'
-import Title from '../../pb_title/_title'
+import { Table, Title } from '../../'
 const TableResponsiveTable = (props) => {
   return (