playbook_ui 6.1.0.pre.alpha3 → 6.2.1

data/app/pb_kits/playbook/pb_gauge/_gauge.jsx

@@ -14,21 +14,21 @@ import {
 
 type GaugeProps = {
   aria: Object,
-  className?: String,
-  chartData?: Array,
+  className?: string,
+  chartData?: array,
   data?: Object,
-  disableAnimation: Boolean,
-  fullCircle: Boolean,
-  height: String,
-  id?: String,
-  max: Number,
-  min: Number,
-  prefix: String,
-  showLabels: Boolean,
-  style: String,
-  suffix: String,
-  title: String,
-  tooltipHtml: String,
+  disableAnimation: boolean,
+  fullCircle: boolean,
+  height: string,
+  id?: string,
+  max: number,
+  min: number,
+  prefix: string,
+  showLabels: boolean,
+  style: string,
+  suffix: string,
+  title: string,
+  tooltipHtml: string,
 }
 
 const Gauge = (props: GaugeProps) => {

data/app/pb_kits/playbook/pb_hashtag/_hashtag.jsx

@@ -9,13 +9,13 @@ import { buildCss } from '../utilities/props'
 import { globalProps } from '../utilities/globalProps.js'
 
 type HashtagProps = {
-  className?: String,
-  data?: String,
-  dark?: Boolean,
-  id?: String,
-  text?: String,
+  className?: string,
+  data?: string,
+  dark?: boolean,
+  id?: string,
+  text?: string,
   type: "default" | "home" | "project" | "appointment",
-  url?: String,
+  url?: string,
 }
 
 const typeMap = {

data/app/pb_kits/playbook/pb_highlight/_highlight.jsx

@@ -6,12 +6,12 @@ import classnames from 'classnames'
 import { globalProps } from '../utilities/globalProps.js'
 
 type HighlightProps = {
-  className?: String,
-  data?: String,
-  id?: String,
+  className?: string,
+  data?: string,
+  id?: string,
   children?: React.Node,
-  text?: String,
-  highlightedText?: Array<String>,
+  text?: string,
+  highlightedText?: array<string>,
 }
 
 const Highlight = (props: HighlightProps) => {

data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx

@@ -8,18 +8,18 @@ import { Body, Hashtag, Title } from '../'
 import { globalProps } from '../utilities/globalProps.js'
 
 type HomeAddressStreetProps = {
-  address: String,
-  addressCont: String,
-  city: String,
-  className?: String,
-  dark?: Boolean,
+  address: string,
+  addressCont: string,
+  city: string,
+  className?: string,
+  dark?: boolean,
   emphasis: "street" | "city",
-  homeId: Number,
-  houseStyle: String,
-  homeUrl: String,
-  state: String,
-  zipcode: String,
-  territory: String,
+  homeId: number,
+  houseStyle: string,
+  homeUrl: string,
+  state: string,
+  zipcode: string,
+  territory: string,
 }
 
 const HomeAddressStreet = (props: HomeAddressStreetProps) => {

data/app/pb_kits/playbook/pb_icon/_icon.jsx

@@ -6,16 +6,16 @@ import { globalProps } from '../utilities/globalProps.js'
 
 type IconProps = {
   aria?: Object,
-  border?: Boolean,
-  className?: String,
-  fixedWidth?: Boolean,
+  border?: boolean,
+  className?: string,
+  fixedWidth?: boolean,
   flip?: "horizontal" | "vertical" | "both" | "none",
-  icon: String,
-  id?: String,
-  inverse?: Boolean,
-  listItem?: Boolean,
+  icon: string,
+  id?: string,
+  inverse?: boolean,
+  listItem?: boolean,
   pull?: "left" | "right" | "none",
-  pulse?: Boolean,
+  pulse?: boolean,
   rotation?: 90 | 180 | 270,
   size?: | "lg"
     | "xs"
@@ -30,7 +30,7 @@ type IconProps = {
     | "8x"
     | "9x"
     | "10x",
-  spin?: Boolean,
+  spin?: boolean,
 }
 
 const flipMap = {

data/app/pb_kits/playbook/pb_image/_image.jsx

@@ -6,12 +6,12 @@ import { globalProps } from '../utilities/globalProps.js'
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
 
 type ImageProps = {
-  alt?: String,
+  alt?: string,
   aria?: object,
-  className?: String,
+  className?: string,
   data?: object,
-  id?: String,
-  url: String,
+  id?: string,
+  url: string,
 }
 
 const Image = (props: ImageProps) => {

data/app/pb_kits/playbook/pb_label_pill/_label_pill.jsx

@@ -10,11 +10,11 @@ import { Caption, Pill } from '../'
 
 type LabelPillProps = {
   aria?: object,
-  className?: String,
+  className?: string,
   data?: object,
-  id?: String,
-  label?: String,
-  pillValue?: String,
+  id?: string,
+  label?: string,
+  pillValue?: string,
   variant: "error" | "info" | "neutral" | "primary" | "success" | "warning",
 }
 

data/app/pb_kits/playbook/pb_label_value/_label_value.jsx

@@ -9,18 +9,18 @@ import { Body, Caption, Flex, Icon, Title } from '../'
 
 type LabelValueProps = {
   aria?: object,
-  className?: String,
-  dark?: Boolean,
+  className?: string,
+  dark?: boolean,
   data?: object,
-  id?: String,
-  label: String,
-  value?: String,
+  id?: string,
+  label: string,
+  value?: string,
   variant?: "default" | "details",
-  icon?: String,
-  description?: String,
-  title?: String,
-  date?: Date,
-  active?: Boolean
+  icon?: string,
+  description?: string,
+  title?: string,
+  date?: date,
+  active?: boolean
 }
 
 const dateString = (value: DateTime) => {

data/app/pb_kits/playbook/pb_layout/_layout.jsx

@@ -8,38 +8,38 @@ import { globalProps } from '../utilities/globalProps.js'
 
 type LayoutPropTypes = {
   aria?: object,
-  children?: Array<React.ReactNode> | React.ReactNode,
-  className?: String,
+  children?: array<React.ReactNode> | React.ReactNode,
+  className?: string,
   collapse?: "xs" | "sm" | "md" | "lg" | "xl",
-  dark?: Boolean,
+  dark?: boolean,
   data?: object,
-  full?: Boolean,
+  full?: boolean,
   position?: "left" | "right",
-  responsive?: Boolean,
+  responsive?: boolean,
   size?: "xs" | "sm" | "md" | "base" | "lg" | "xl",
   variant?: "light" | "dark" | "gradient",
-  transparent?: Boolean,
+  transparent?: boolean,
   layout?: "sidebar" | "collection" | "kanban" | "content",
 }
 
 type LayoutSideProps = {
-  children: Array<React.ReactNode> | React.ReactNode,
-  className?: String,
+  children: array<React.ReactNode> | React.ReactNode,
+  className?: string,
 }
 
 type LayoutBodyProps = {
-  children: Array<React.ReactNode> | React.ReactNode,
-  className?: String,
+  children: array<React.ReactNode> | React.ReactNode,
+  className?: string,
 }
 
 type LayoutHeaderProps = {
-  children: Array<React.ReactNode> | React.ReactNode,
-  className?: String,
+  children: array<React.ReactNode> | React.ReactNode,
+  className?: string,
 }
 
 type LayoutFooterProps = {
-  children: Array<React.ReactNode> | React.ReactNode,
-  className?: String,
+  children: array<React.ReactNode> | React.ReactNode,
+  className?: string,
 }
 
 // Side component

data/app/pb_kits/playbook/pb_legend/_legend.jsx

@@ -9,7 +9,7 @@ import { Body, Title } from '../'
 
 type LegendProps = {
   aria?: object,
-  className?: String,
+  className?: string,
   color?: | "data_1"
     | "data_2"
     | "data_3"
@@ -17,11 +17,11 @@ type LegendProps = {
     | "data_5"
     | "data_6"
     | "data_7",
-  dark?: Boolean,
+  dark?: boolean,
   data?: object,
-  id?: String,
-  prefixText?: String,
-  text: String,
+  id?: string,
+  prefixText?: string,
+  text: string,
 }
 
 const Legend = (props: LegendProps) => {

data/app/pb_kits/playbook/pb_line_graph/_line_graph.jsx

@@ -6,24 +6,24 @@ import { globalProps } from '../utilities/globalProps.js'
 import { pbChart } from '../'
 
 type LineGraphProps = {
-  axisTitle?: String,
-  xAxisCategories: Array,
-  yAxisMin: Number,
-  yAxisMax: Number,
-  className?: String,
-  chartData: Array<{
-      name: String,
-      data: Array<Number>,
+  axisTitle?: string,
+  xAxisCategories: array,
+  yAxisMin: number,
+  yAxisMax: number,
+  className?: string,
+  chartData: array<{
+      name: string,
+      data: array<number>,
   }>,
-  gradient?: Boolean,
-  id: String,
-  pointStart: Number,
-  subTitle?: String,
-  title: String,
-  type?: String,
-  legend?: Boolean,
-  toggleLegendClick?: Boolean,
-  height?: String,
+  gradient?: boolean,
+  id: string,
+  pointStart: number,
+  subTitle?: string,
+  title: string,
+  type?: string,
+  legend?: boolean,
+  toggleLegendClick?: boolean,
+  height?: string,
 }
 
 export default class LineGraph extends React.Component<LineGraphProps> {

data/app/pb_kits/playbook/pb_list/_list.jsx

@@ -7,18 +7,18 @@ import { globalProps } from '../utilities/globalProps.js'
 
 type ListProps = {
   aria?: object,
-  borderless: Boolean,
-  className?: String,
-  children: Array<Node> | Node,
-  dark: Boolean,
+  borderless: boolean,
+  className?: string,
+  children: array<Node> | Node,
+  dark: boolean,
   data?: object,
-  id?: String,
+  id?: string,
   layout: "" | "left" | "right",
-  ordered: Boolean,
-  role?: String,
-  tabIndex?: String,
-  size?: String,
-  xpadding: Boolean,
+  ordered: boolean,
+  role?: string,
+  tabIndex?: string,
+  size?: string,
+  xpadding: boolean,
 }
 
 const List = (props: ListProps) => {

data/app/pb_kits/playbook/pb_list/_list_item.jsx

@@ -7,11 +7,11 @@ import { globalProps } from '../utilities/globalProps.js'
 
 type ListItemProps = {
   aria?: object,
-  children: Array<Node> | Node,
-  className?: String,
+  children: array<Node> | Node,
+  className?: string,
   data?: object,
-  id?: String,
-  tabIndex?: String,
+  id?: string,
+  tabIndex?: string,
 }
 
 const ListItem = (props: ListItemProps) => {

data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx

@@ -8,10 +8,10 @@ import { globalProps } from '../utilities/globalProps.js'
 
 type LoadingInlineProps = {
   align?: "left" | "center" | "right",
-  className?: String,
-  dark?: Boolean,
-  data?: String,
-  id?: String,
+  className?: string,
+  dark?: boolean,
+  data?: string,
+  id?: string,
 }
 
 const LoadingInline = (props: LoadingInlineProps) => {

data/app/pb_kits/playbook/pb_logistic/_logistic.jsx

@@ -16,14 +16,14 @@ const dateString = (value: DateTime) => {
 
 type LogisticProps = {
   aria?: object,
-  className?: String,
-  dark?: Boolean,
+  className?: string,
+  dark?: boolean,
   data?: object,
-  date: String,
-  id?: String,
-  link?: String,
-  projectName?: String,
-  projectNumber?: Number,
+  date: string,
+  id?: string,
+  link?: string,
+  projectName?: string,
+  projectNumber?: number,
 }
 
 const Logistic = (props: LogisticProps) => {

data/app/pb_kits/playbook/pb_message/_message.jsx

@@ -8,15 +8,15 @@ import { globalProps } from '../utilities/globalProps.js'
 
 type MessageProps = {
   aria: object,
-  avatarName?: String,
-  avatarStatus?: String,
-  avatarUrl?: String,
-  className?: String,
+  avatarName?: string,
+  avatarStatus?: string,
+  avatarUrl?: string,
+  className?: string,
   data?: object,
-  id?: String,
-  label?: String,
-  message: String,
-  timestamp?: String,
+  id?: string,
+  label?: string,
+  message: string,
+  timestamp?: string,
 }
 
 const Message = (props: MessageProps) => {

data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.jsx

@@ -7,11 +7,11 @@ import { Avatar } from '../'
 import { globalProps } from '../utilities/globalProps.js'
 
 type MultipleUsersProps = {
-  className?: String,
-  id?: String,
-  maxDisplayedUsers?: Number,
-  reverse?: Boolean,
-  users: Array<Object>,
+  className?: string,
+  id?: string,
+  maxDisplayedUsers?: number,
+  reverse?: boolean,
+  users: array<object>,
 }
 
 const MultipleUsers = (props: MultipleUsersProps) => {