playbook_ui 9.19.0 → 10.0.0.pre.alphafonts

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bfbf04d16aa13c645f0ca982952ab904582315f7fc8659eff7281f8d48d7b8d9
-  data.tar.gz: 0174e5aa2c5f4f2591693e2526ca16a04ae9232a18db352418c0908aaf9c5f23
+  metadata.gz: cf9ed09bba39165fdb807c353b83dde650f1c1d81c4023db51d01bd6bbd9b3a5
+  data.tar.gz: e523da0f746cfd8fdccaf79e57a44919eff25f036f6ed0b066fa67ddba24df75
 SHA512:
-  metadata.gz: 588f18ff5758d1dcbdca9b296269a35d8a8350c22035e875b6e00221c1d32d07ebda3c06df1bf4a8a757d4956dac0878692b2863e1f8fea192c29d0f5cf55988
-  data.tar.gz: e6804f1da8634cb0011c1119a70df1698da54a36e424cb7d6c3c13f488681359c972709b1035e92488284533268bca33219f6daa4e704fc304f15b7f155daa48
+  metadata.gz: 2dd9d97303bb30fda70f3c3106d7d8e37a352aeb9dff65948a76446cf39e1e7c4f3bef8fd282f232cafc43ac23bb87b2f4e24358a02147828f728cabf2a35a4e
+  data.tar.gz: 48c4e5afe8548279a1708925fa144736259c3f5339f68c6a6f2e1c8643091dfb8db25777669d7df4a8beeeee0167abb7c58239e11cd7a7a5f4283b1da64b6ceb

data/Rakefile

@@ -1,15 +1,11 @@
+# frozen_string_literal: true
+
 begin
-  require 'bundler/setup'
+  require "bundler/setup"
 rescue LoadError
-  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+  puts "You must `gem install bundler` and `bundle install` to run rake tasks"
 end
 
-APP_RAKEFILE = File.expand_path("spec/dummy/Rakefile", __dir__)
-load 'rails/tasks/engine.rake'
-load 'rails/tasks/statistics.rake'
-
-require 'bundler/gem_tasks'
+require "bundler/gem_tasks"
 
 Dir["private/tasks/*.rake"].each(&method(:load))
-
-task default: :test

data/app/pb_kits/playbook/_playbook.scss

@@ -1,4 +1,3 @@
-@import 'tokens/fonts';
 @import 'pb_background/background';
 @import 'pb_body/body';
 @import 'pb_bread_crumbs/bread_crumbs';

data/app/pb_kits/playbook/_reset.scss

@@ -0,0 +1,42 @@
+@import "./tokens/typography";
+@import "./tokens/colors";
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  &:before,
+  &:after {
+    box-sizing: border-box;
+  }
+}
+
+html {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  height: 100vh;
+  overflow-x: hidden;
+}
+
+body {
+  font-family: $font_family_base;
+  font-size: $font_base;
+  line-height: 1.5;
+  background-color: $bg-light;
+  height: 100%;
+  letter-spacing: $lspace_normal;
+  font-weight: $regular;
+  font-style: normal;
+  text-rendering: optimizeLegibility;
+  -moz-font-feature-settings: "liga" on;
+  color: $charcoal;
+  margin: 0 !important;
+  padding: 0 !important;
+  box-sizing: border-box;
+  min-height: 100vh;
+  padding: 50px; // REMOVE AFTER STYLED
+}
+
+a {
+  text-decoration: none;
+  color: $primary;
+}

data/app/pb_kits/playbook/index.js

@@ -4,116 +4,116 @@ import 'lazysizes/plugins/attrchange/ls.attrchange'
 import 'lazysizes'
 
 // vvv React Component JSX Imports from the React Kits vvv
-export Avatar from './pb_avatar/_avatar.jsx'
-export AvatarActionButton from './pb_avatar_action_button/_avatar_action_button.jsx'
-export Background from './pb_background/_background.jsx'
-export Badge from './pb_badge/_badge.jsx'
-export BarGraph from './pb_bar_graph/_bar_graph.jsx'
-export Body from './pb_body/_body.jsx'
-export BreadCrumbs from './pb_bread_crumbs/_bread_crumbs.jsx'
-export Button from './pb_button/_button.jsx'
-export ButtonToolbar from './pb_button_toolbar/_button_toolbar.jsx'
-export Caption from './pb_caption/_caption.jsx'
-export Card from './pb_card/_card.jsx'
-export Checkbox from './pb_checkbox/_checkbox.jsx'
-export CircleChart from './pb_circle_chart/_circle_chart.jsx'
-export CircleIconButton from './pb_circle_icon_button/_circle_icon_button.jsx'
-export Collapsible from './pb_collapsible/_collapsible.jsx'
-export Contact from './pb_contact/_contact.jsx'
-export Currency from './pb_currency/_currency.jsx'
-export DashboardValue from './pb_dashboard_value/_dashboard_value.jsx'
-export Date from './pb_date/_date.jsx'
-export DatePicker from './pb_date_picker/_date_picker.jsx'
-export DateRangeInline from './pb_date_range_inline/_date_range_inline.jsx'
-export DateRangeStacked from './pb_date_range_stacked/_date_range_stacked.jsx'
-export DateStacked from './pb_date_stacked/_date_stacked.jsx'
-export DateTime from './pb_date_time/_date_time.jsx'
-export DateTimeStacked from './pb_date_time_stacked/_date_time_stacked.jsx'
-export DateYearStacked from './pb_date_year_stacked/_date_year_stacked.jsx'
-export Dialog from './pb_dialog/_dialog.jsx'
-export DistributionBar from './pb_distribution_bar/_distribution_bar.jsx'
-export FileUpload from './pb_file_upload/_file_upload.jsx'
-export Filter from './pb_filter/_filter.jsx'
-export FixedConfirmationToast from './pb_fixed_confirmation_toast/_fixed_confirmation_toast.jsx'
-export Flex from './pb_flex/_flex.jsx'
-export FlexItem from './pb_flex/_flex_item.jsx'
-export FormGroup from './pb_form_group/_form_group.jsx'
-export FormPill from './pb_form_pill/_form_pill.jsx'
-export Gauge from './pb_gauge/_gauge.jsx'
-export Hashtag from './pb_hashtag/_hashtag.jsx'
-export Highlight from './pb_highlight/_highlight.jsx'
-export HomeAddressStreet from './pb_home_address_street/_home_address_street.jsx'
-export Icon from './pb_icon/_icon.jsx'
-export IconCircle from './pb_icon_circle/_icon_circle.jsx'
-export IconStatValue from './pb_icon_stat_value/_icon_stat_value.jsx'
-export IconValue from './pb_icon_value/_icon_value.jsx'
-export Image from './pb_image/_image.jsx'
-export LabelPill from './pb_label_pill/_label_pill.jsx'
-export LabelValue from './pb_label_value/_label_value.jsx'
-export Layout from './pb_layout/_layout.jsx'
-export Legend from './pb_legend/_legend.jsx'
-export LineGraph from './pb_line_graph/_line_graph.jsx'
-export List from './pb_list/_list.jsx'
-export ListItem from './pb_list/_list_item.jsx'
-export LoadingInline from './pb_loading_inline/_loading_inline.jsx'
-export Message from './pb_message/_message.jsx'
-export MultipleUsers from './pb_multiple_users/_multiple_users.jsx'
-export MultipleUsersStacked from './pb_multiple_users_stacked/_multiple_users_stacked.jsx'
-export Nav from './pb_nav/_nav.jsx'
-export NavItem from './pb_nav/_item.jsx'
-export OnlineStatus from './pb_online_status/_online_status.jsx'
-export Passphrase from './pb_passphrase/_passphrase.jsx'
-export PbReactPopover from './pb_popover/_popover.jsx'
-export Person from './pb_person/_person.jsx'
-export PersonContact from './pb_person_contact/_person_contact.jsx'
-export Pill from './pb_pill/_pill.jsx'
-export ProgressPills from './pb_progress_pills/_progress_pills.jsx'
-export ProgressSimple from './pb_progress_simple/_progress_simple.jsx'
-export ProgressStep from './pb_progress_step/_progress_step.jsx'
-export ProgressStepItem from './pb_progress_step/_progress_step_item.jsx'
-export Radio from './pb_radio/_radio.jsx'
-export RichTextEditor from './pb_rich_text_editor/_rich_text_editor.jsx'
-export SectionSeparator from './pb_section_separator/_section_separator.jsx'
-export Select from './pb_select/_select.jsx'
-export SelectableCard from './pb_selectable_card/_selectable_card.jsx'
-export SelectableCardIcon from './pb_selectable_card_icon/_selectable_card_icon.jsx'
-export SelectableIcon from './pb_selectable_icon/_selectable_icon.jsx'
-export SelectableList from './pb_selectable_list/_selectable_list.jsx'
-export SelectableListItem from './pb_selectable_list/_item.jsx'
-export Source from './pb_source/_source.jsx'
-export StarRating from './pb_star_rating/_star_rating.jsx'
-export StatChange from './pb_stat_change/_stat_change.jsx'
-export StatValue from './pb_stat_value/_stat_value.jsx'
-export Table from './pb_table/_table.jsx'
-export TableRow from './pb_table/_table_row.jsx'
-export TextInput from './pb_text_input/_text_input.jsx'
-export Textarea from './pb_textarea/_textarea.jsx'
-export Time from './pb_time/_time.jsx'
-export TimeRangeInline from './pb_time_range_inline/_time_range_inline.jsx'
-export TimeStacked from './pb_time_stacked/_time_stacked.jsx'
-export Timeline from './pb_timeline/_timeline.jsx'
-export Timestamp from './pb_timestamp/_timestamp.jsx'
-export Title from './pb_title/_title.jsx'
-export TitleCount from './pb_title_count/_title_count.jsx'
-export TitleDetail from './pb_title_detail/_title_detail.jsx'
-export Toggle from './pb_toggle/_toggle.jsx'
-export Typeahead from './pb_typeahead/_typeahead.jsx'
-export User from './pb_user/_user.jsx'
-export UserBadge from './pb_user_badge/_user_badge.jsx'
-export WeekdayStacked from './pb_weekday_stacked/_weekday_stacked.jsx'
+export { default as Avatar } from './pb_avatar/_avatar'
+export { default as AvatarActionButton } from './pb_avatar_action_button/_avatar_action_button'
+export { default as Background } from './pb_background/_background'
+export { default as Badge } from './pb_badge/_badge'
+export { default as BarGraph } from './pb_bar_graph/_bar_graph'
+export { default as Body } from './pb_body/_body'
+export { default as BreadCrumbs } from './pb_bread_crumbs/_bread_crumbs'
+export { default as Button } from './pb_button/_button'
+export { default as ButtonToolbar } from './pb_button_toolbar/_button_toolbar'
+export { default as Caption } from './pb_caption/_caption'
+export { default as Card } from './pb_card/_card'
+export { default as Checkbox } from './pb_checkbox/_checkbox'
+export { default as CircleChart } from './pb_circle_chart/_circle_chart'
+export { default as CircleIconButton } from './pb_circle_icon_button/_circle_icon_button'
+export { default as Collapsible } from './pb_collapsible/_collapsible'
+export { default as Contact } from './pb_contact/_contact'
+export { default as Currency } from './pb_currency/_currency'
+export { default as DashboardValue } from './pb_dashboard_value/_dashboard_value'
+export { default as Date } from './pb_date/_date'
+export { default as DatePicker } from './pb_date_picker/_date_picker'
+export { default as DateRangeInline } from './pb_date_range_inline/_date_range_inline'
+export { default as DateRangeStacked } from './pb_date_range_stacked/_date_range_stacked'
+export { default as DateStacked } from './pb_date_stacked/_date_stacked'
+export { default as DateTime } from './pb_date_time/_date_time'
+export { default as DateTimeStacked } from './pb_date_time_stacked/_date_time_stacked'
+export { default as DateYearStacked } from './pb_date_year_stacked/_date_year_stacked'
+export { default as Dialog } from './pb_dialog/_dialog'
+export { default as DistributionBar } from './pb_distribution_bar/_distribution_bar'
+export { default as FileUpload } from './pb_file_upload/_file_upload'
+export { default as Filter } from './pb_filter/_filter'
+export { default as FixedConfirmationToast } from './pb_fixed_confirmation_toast/_fixed_confirmation_toast'
+export { default as Flex } from './pb_flex/_flex'
+export { default as FlexItem } from './pb_flex/_flex_item'
+export { default as FormGroup } from './pb_form_group/_form_group'
+export { default as FormPill } from './pb_form_pill/_form_pill'
+export { default as Gauge } from './pb_gauge/_gauge'
+export { default as Hashtag } from './pb_hashtag/_hashtag'
+export { default as Highlight } from './pb_highlight/_highlight'
+export { default as HomeAddressStreet } from './pb_home_address_street/_home_address_street'
+export { default as Icon } from './pb_icon/_icon'
+export { default as IconCircle } from './pb_icon_circle/_icon_circle'
+export { default as IconStatValue } from './pb_icon_stat_value/_icon_stat_value'
+export { default as IconValue } from './pb_icon_value/_icon_value'
+export { default as Image } from './pb_image/_image'
+export { default as LabelPill } from './pb_label_pill/_label_pill'
+export { default as LabelValue } from './pb_label_value/_label_value'
+export { default as Layout } from './pb_layout/_layout'
+export { default as Legend } from './pb_legend/_legend'
+export { default as LineGraph } from './pb_line_graph/_line_graph'
+export { default as List } from './pb_list/_list'
+export { default as ListItem } from './pb_list/_list_item'
+export { default as LoadingInline } from './pb_loading_inline/_loading_inline'
+export { default as Message } from './pb_message/_message'
+export { default as MultipleUsers } from './pb_multiple_users/_multiple_users'
+export { default as MultipleUsersStacked } from './pb_multiple_users_stacked/_multiple_users_stacked'
+export { default as Nav } from './pb_nav/_nav'
+export { default as NavItem } from './pb_nav/_item'
+export { default as OnlineStatus } from './pb_online_status/_online_status'
+export { default as Passphrase } from './pb_passphrase/_passphrase'
+export { default as PbReactPopover } from './pb_popover/_popover'
+export { default as Person } from './pb_person/_person'
+export { default as PersonContact } from './pb_person_contact/_person_contact'
+export { default as Pill } from './pb_pill/_pill'
+export { default as ProgressPills } from './pb_progress_pills/_progress_pills'
+export { default as ProgressSimple } from './pb_progress_simple/_progress_simple'
+export { default as ProgressStep } from './pb_progress_step/_progress_step'
+export { default as ProgressStepItem } from './pb_progress_step/_progress_step_item'
+export { default as Radio } from './pb_radio/_radio'
+export { default as RichTextEditor } from './pb_rich_text_editor/_rich_text_editor'
+export { default as SectionSeparator } from './pb_section_separator/_section_separator'
+export { default as Select } from './pb_select/_select'
+export { default as SelectableCard } from './pb_selectable_card/_selectable_card'
+export { default as SelectableCardIcon } from './pb_selectable_card_icon/_selectable_card_icon'
+export { default as SelectableIcon } from './pb_selectable_icon/_selectable_icon'
+export { default as SelectableList } from './pb_selectable_list/_selectable_list'
+export { default as SelectableListItem } from './pb_selectable_list/_item'
+export { default as Source } from './pb_source/_source'
+export { default as StarRating } from './pb_star_rating/_star_rating'
+export { default as StatChange } from './pb_stat_change/_stat_change'
+export { default as StatValue } from './pb_stat_value/_stat_value'
+export { default as Table } from './pb_table/_table'
+export { default as TableRow } from './pb_table/_table_row'
+export { default as TextInput } from './pb_text_input/_text_input'
+export { default as Textarea } from './pb_textarea/_textarea'
+export { default as Time } from './pb_time/_time'
+export { default as TimeRangeInline } from './pb_time_range_inline/_time_range_inline'
+export { default as TimeStacked } from './pb_time_stacked/_time_stacked'
+export { default as Timeline } from './pb_timeline/_timeline'
+export { default as Timestamp } from './pb_timestamp/_timestamp'
+export { default as Title } from './pb_title/_title'
+export { default as TitleCount } from './pb_title_count/_title_count'
+export { default as TitleDetail } from './pb_title_detail/_title_detail'
+export { default as Toggle } from './pb_toggle/_toggle'
+export { default as Typeahead } from './pb_typeahead/_typeahead'
+export { default as User } from './pb_user/_user'
+export { default as UserBadge } from './pb_user_badge/_user_badge'
+export { default as WeekdayStacked } from './pb_weekday_stacked/_weekday_stacked'
 // ^^^ React Component JSX Imports from the React Kits ^^^
 
 // Dashboard Settings
 export { commonSettings, dataColors } from './pb_dashboard/commonSettings'
-export lineGraphSettings from './pb_line_graph/lineGraphSettings'
-export barGraphSettings from './pb_bar_graph/barGraphSettings'
-export dashboardValueSettings from './pb_dashboard_value/dashboardValueSettings'
+export { default as lineGraphSettings } from './pb_line_graph/lineGraphSettings'
+export { default as barGraphSettings } from './pb_bar_graph/barGraphSettings'
+export { default as dashboardValueSettings } from './pb_dashboard_value/dashboardValueSettings'
 
 // Other JS/Plugins
-export pbChart from './plugins/pb_chart.js'
-export datePickerHelper from './pb_date_picker/date_picker_helper.js'
-export PbPopover from './pb_popover'
-export PbTable from './pb_table'
-export PbTextarea from './pb_textarea'
-export PbTooltip from './pb_tooltip'
-export PbTypeahead from './pb_typeahead'
+export { default as pbChart } from './plugins/pb_chart.js'
+export { default as datePickerHelper } from './pb_date_picker/date_picker_helper.js'
+export { default as PbPopover } from './pb_popover'
+export { default as PbTable } from './pb_table'
+export { default as PbTextarea } from './pb_textarea'
+export { default as PbTooltip } from './pb_tooltip'
+export { default as PbTypeahead } from './pb_typeahead'

data/app/pb_kits/playbook/pb_avatar/_avatar.jsx

@@ -5,9 +5,10 @@ import classnames from 'classnames'
 import { map } from 'lodash'
 
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps.js'
+import { globalProps } from '../utilities/globalProps'
 
-import { Image, OnlineStatus } from '../'
+import Image from '../pb_image/_image'
+import OnlineStatus from '../pb_online_status/_online_status'
 
 type AvatarProps = {
   aria?: object,

data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.jsx

@@ -2,16 +2,17 @@
 
 import React from 'react'
 import classnames from 'classnames'
-import { Avatar, Icon } from '../'
 
 import {
   buildAriaProps,
   buildCss,
   buildDataProps,
 } from '../utilities/props'
-
 import { globalProps } from '../utilities/globalProps.js'
 
+import Avatar from '../pb_avatar/_avatar'
+import Icon from '../pb_icon/_icon'
+
 type AvatarActionButtonProps = {
   action?: string,
   aria: Object,

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { AvatarActionButton } from '../../'
+
+import AvatarActionButton from '../_avatar_action_button'
 
 const AvatarActionButtonActions = (props) => (
   <div className="pb--doc-demo-row">

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { AvatarActionButton } from '../../'
+
+import AvatarActionButton from '../_avatar_action_button'
 
 const AvatarActionButtonDefault = (props) => (
   <div className="pb--doc-demo-row">

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { AvatarActionButton } from '../../'
+
+import AvatarActionButton from '../_avatar_action_button'
 
 const AvatarActionButtonOnClick = (props) => (
   <div className="pb--doc-demo-row">

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { AvatarActionButton } from '../../'
+
+import AvatarActionButton from '../_avatar_action_button'
 
 const AvatarActionButtonPlacement = (props) => (
   <div className="pb--doc-demo-row">

data/app/pb_kits/playbook/pb_badge/_badge.jsx

@@ -2,15 +2,16 @@
 
 import React from 'react'
 import classnames from 'classnames'
-import { globalProps } from '../utilities/globalProps.js'
-import { Icon } from '../'
 
+import { globalProps } from '../utilities/globalProps'
 import {
   buildAriaProps,
   buildCss,
   buildDataProps,
 } from '../utilities/props'
 
+import Icon from '../pb_icon/_icon'
+
 type BadgeProps = {
   aria?: object,
   className?: string,

data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx

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

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { BarGraph } from '../../'
+
+import BarGraph from '../_bar_graph'
 
 const chartData = [{
   name: 'Installation',

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { BarGraph } from '../../'
+
+import BarGraph from '../_bar_graph'
 
 const chartData = [{
   name: 'Number of Installations',

data/app/pb_kits/playbook/pb_body/_body.jsx

@@ -2,9 +2,11 @@
 
 import React from 'react'
 import classnames from 'classnames'
+
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { Highlight } from '../'
-import { globalProps } from '../utilities/globalProps.js'
+import { globalProps } from '../utilities/globalProps'
+
+import Highlight from '../pb_highlight/_highlight'
 
 type BodyProps = {
   aria?: object,

data/app/pb_kits/playbook/pb_card/docs/_card_content.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Card } from '../../'
+
+import Card from '../_card'
 
 const CardContent = (props) => {
   return (