playbook_ui 7.0.0.pre.alpha9 → 7.0.1.pre.alpha1

data/app/pb_kits/playbook/pb_caption/docs/_caption_dark.html.erb

@@ -1,3 +0,0 @@
-<%= pb_rails("caption", props: { text: "Caption", dark: true }) %>
-<%= pb_rails("caption", props: { text: "Caption Large", size: 'lg', dark: true  }) %>
-<%= pb_rails("caption", props: { text: "Subcaption", size: 'xs', dark: true  }) %>

data/app/pb_kits/playbook/pb_caption/docs/_caption_dark.jsx

@@ -1,25 +0,0 @@
-import React from 'react'
-import { Caption } from '../../'
-
-const CaptionDark = () => {
-  return (
-    <div>
-      <Caption
-          dark
-          text="Caption"
-      />
-      <Caption
-          dark
-          size="lg"
-          text="Caption Large"
-      />
-      <Caption
-          dark
-          size="xs"
-          text="Subcaption"
-      />
-    </div>
-  )
-}
-
-export default CaptionDark

data/app/pb_kits/playbook/pb_caption/docs/_caption_variants.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("caption", props: { text: "Subcaption (link)", size: 'xs', variant: "link" }) %>

data/app/pb_kits/playbook/pb_caption/docs/_caption_variants.jsx

@@ -1,16 +0,0 @@
-import React from 'react'
-import { Caption } from '../../'
-
-const CaptionVariants = () => {
-  return (
-    <div>
-      <Caption
-          size="xs"
-          text="Subcaption (link)"
-          variant="link"
-      />
-    </div>
-  )
-}
-
-export default CaptionVariants

data/app/pb_kits/playbook/pb_caption/docs/_caption_variants.md

@@ -1,3 +0,0 @@
-Wrap anchor tags around the kit to make it clickable.
-
-Link variant can only be applied to size `xs`.

data/app/pb_kits/playbook/pb_card/docs/_card_dark.html.erb

@@ -1,3 +0,0 @@
-<%= pb_rails("card", props: { dark: true }) do %>
-  Card Content
-<% end %>

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

@@ -1,12 +0,0 @@
-import React from 'react'
-import Card from '../_card.jsx'
-
-const CardDark = () => {
-  return (
-    <div>
-      <Card dark>{'Card content'}</Card>
-    </div>
-  )
-}
-
-export default CardDark

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_dark.html.erb

@@ -1,4 +0,0 @@
-<%= pb_rails("checkbox", props: {
-  text: "Checkbox Label" ,
-  dark: true
-}) %>

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_dark.jsx

@@ -1,17 +0,0 @@
-import React from 'react'
-import { Checkbox } from '../../'
-
-const CheckboxDark = () => {
-  return (
-    <div>
-      <Checkbox
-          dark
-          name="default name"
-          text="Checkbox label"
-          value="default value"
-      />
-    </div>
-  )
-}
-
-export default CheckboxDark

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_dark_error.html.erb

@@ -1,7 +0,0 @@
-<%= pb_rails("checkbox" , props: {
-  dark: true,
-  error: true,
-  text: "Checkbox Label",
-  value: "checkbox-value",
-  name: "checkbox-name"
-}) %>

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_dark_error.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import { Checkbox } from '../..'
-
-const CheckboxDarkError = () => {
-  return (
-    <div>
-      <Checkbox
-          dark
-          error
-          name="default name"
-          text="Checkbox label"
-          value="default value"
-      />
-    </div>
-  )
-}
-
-export default CheckboxDarkError

data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_dark.html.erb

@@ -1,29 +0,0 @@
-<%= pb_rails("circle_icon_button", props: {
-  variant: "primary",
-  icon: "plus",
-  dark: true
-}) %>
-
-<br/>
-
-<%= pb_rails("circle_icon_button", props: {
-  variant: "secondary",
-  icon: "pen",
-  dark: true
-}) %>
-
-<br/>
-
-<%= pb_rails("circle_icon_button", props: {
-  disabled: true,
-  icon: "times",
-  dark: true
-}) %>
-
-<br/>
-
-<%= pb_rails("circle_icon_button", props: {
-  variant: "link",
-  icon: "user",
-  dark: true
-}) %>

data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_dark.jsx

@@ -1,38 +0,0 @@
-import React from 'react'
-import { CircleIconButton } from '../../'
-
-const CircleIconButtonDark = () => (
-  <div>
-    <CircleIconButton
-        dark
-        icon="plus"
-        variant="primary"
-    />
-
-    <br />
-
-    <CircleIconButton
-        dark
-        icon="pen"
-        variant="secondary"
-    />
-
-    <br />
-
-    <CircleIconButton
-        dark
-        disabled
-        icon="times"
-    />
-
-    <br />
-
-    <CircleIconButton
-        dark
-        icon="user"
-        variant="link"
-    />
-  </div>
-)
-
-export default CircleIconButtonDark

data/app/pb_kits/playbook/pb_currency/docs/_currency_dark.html.erb

@@ -1,23 +0,0 @@
-<%= pb_rails("currency", props: {
-  amount: "2,000.50",
-  size: "lg",
-  dark: true,
-}) %>
-
-<%= pb_rails("currency", props: {
-  align: "center",
-  amount: "342",
-  label: "Caption",
-  size: "md",
-  symbol: "€",
-  dark: true,
-}) %>
-
-<%= pb_rails("currency", props: {
-  align: "right",
-  amount: "45",
-  label: "Caption",
-  unit: "/mo",
-  size: "sm",
-  dark: true,
-}) %>

data/app/pb_kits/playbook/pb_currency/docs/_currency_dark.jsx

@@ -1,32 +0,0 @@
-import React from 'react'
-import { Currency } from '../../'
-
-const CurrencyDark = () => {
-  return (
-    <>
-      <Currency
-          amount="2,000.50"
-          dark
-          size="lg"
-      />
-      <Currency
-          align="center"
-          amount="342"
-          dark
-          label="Caption"
-          size="md"
-          symbol="€"
-      />
-      <Currency
-          align="right"
-          amount="45"
-          dark
-          label="Caption"
-          size="sm"
-          unit="/mo"
-      />
-    </>
-  )
-}
-
-export default CurrencyDark

data/app/pb_kits/playbook/pb_date/docs/_date_alignment.html.erb

@@ -1,24 +0,0 @@
-
-  <%= pb_rails("date", props: {
-    date: DateTime.now,
-    show_icon: true,
-    show_day_of_week: true
-  }) %>
-
-  <br><br>
-
-  <%= pb_rails("date", props: {
-    date: DateTime.now,
-    show_icon: true,
-    show_day_of_week: true,
-    alignment: "center"
-  }) %>
-
-  <br><br>
-
-  <%= pb_rails("date", props: {
-    date: DateTime.now,
-    show_icon: true,
-    show_day_of_week: true,
-    alignment: "right"
-  }) %>

data/app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx

@@ -1,32 +0,0 @@
-import React from 'react'
-import { Date as FormattedDate } from '../..'
-
-const DateAlignment = () => {
-  return (
-    <div>
-      <FormattedDate
-          date="1995-12-25"
-          dayOfWeek
-          icon
-      />
-
-      <br />
-
-      <FormattedDate
-          alignment="center"
-          date="2020-12-25"
-          dayOfWeek
-          icon
-      />
-
-      <br />
-
-      <FormattedDate
-          alignment="right"
-          date={new Date()}
-      />
-    </div>
-  )
-}
-
-export default DateAlignment

data/app/pb_kits/playbook/pb_date/docs/_date_default_react.jsx

@@ -1,20 +0,0 @@
-import React from 'react'
-import { Date as FormattedDate } from '../..'
-
-const DateDefaultReact = () => {
-  return (
-    <div>
-      <FormattedDate
-          date="2012-12-25"
-      />
-
-      <br />
-
-      <FormattedDate
-          date={new Date()}
-      />
-    </div>
-  )
-}
-
-export default DateDefaultReact

data/app/pb_kits/playbook/pb_date/docs/_date_default_react.md

@@ -1,3 +0,0 @@
-*Development Note* -  We are reviewing this kit for a potential name change due to naming collisions when `new Date()` is used.
-
-To avoid this bug, please use name spacing as shown in the code examples. ie `import { Date as AliasedComponentName } from '../../'`

data/app/pb_kits/playbook/pb_date/docs/_date_timezone.html.erb

@@ -1,51 +0,0 @@
-<%= pb_rails("caption", props: { text: "East Coast (Default)"}) %>
-<%= pb_rails("date", props: {
-  date: DateTime.now,
-  timezone: "America/New_York"
-}) %>
-
-<br>
-
-<%= pb_rails("caption", props: { text: "West Coast"}) %>
-<%= pb_rails("date", props: {
-  date: DateTime.now,
-  timezone: "America/Los_Angeles"
-}) %>
-
-<br>
-
-<%= pb_rails("caption", props: { text: "Toyko, Japan"}) %>
-<%= pb_rails("date", props: {
-  date: DateTime.now,
-  timezone: "Asia/Tokyo"
-}) %>
-
-<br>
-
-<%= pb_rails("caption", props: { text: "Anti-pattern example"}) %>
-
-<%= pb_rails("date", props: {
-  date: Date.today,
-  timezone: "Australia/Sydney"
-}) %>
-<%= pb_rails("body", props: { text: "Date.today ignores Timezone"}) %>
-
-<br>
-
-<%= pb_rails("caption", props: { text: "DateTime respects Timezone"}) %>
-
-<%= pb_rails("date", props: {
-  date: DateTime.now,
-  timezone: "Australia/Sydney"
-}) %>
-
-<%= pb_rails("body", props: { text: "'.now' in Australia is tomorrow (if you're EST after 10am)"}) %>
-
-<br>
-
-<%= pb_rails("caption", props: { text: "String Dates"}) %>
-<%= pb_rails("date", props: {
-  date: "2012-08-02T00:49:29Z",
-}) %>
-
-<%= pb_rails("body", props: { text: "Defaults to UTC, then changes due to EST Timezone."}) %>

data/app/pb_kits/playbook/pb_date/docs/_date_timezone.md

@@ -1,6 +0,0 @@
-Depending on the data you send to the `date` prop you might have unexpected results due to ruby `Date` and `DateTime` classes.
-
-Don't care about timezones? Use `Date`.
-
-If you need a date that recognizes a timezone, especially when paired with the [Time kit](/kits/time), leverage `DateTime`.
-

data/app/pb_kits/playbook/pb_date/docs/_date_variants.html.erb

@@ -1,27 +0,0 @@
-<div>
-  <%= pb_rails("date", props: {
-    date: DateTime.now,
-  }) %>
-
-  <br><br>
-
-  <%= pb_rails("date", props: {
-    date: DateTime.now,
-    show_icon: true
-  }) %>
-
-  <br><br>
-
-  <%= pb_rails("date", props: {
-    date: DateTime.now,
-    show_day_of_week: true
-  }) %>
-
-  <br><br>
-
-  <%= pb_rails("date", props: {
-    date: DateTime.now,
-    show_icon: true,
-    show_day_of_week: true
-  }) %>
-</div>

data/app/pb_kits/playbook/pb_date/docs/_date_variants.jsx

@@ -1,39 +0,0 @@
-import React from 'react'
-import { Date as FormattedDate } from '../..'
-
-const DateVariants = () => {
-  return (
-    <div>
-      <FormattedDate
-          date="1995-12-25"
-      />
-
-      <br />
-      <br />
-
-      <FormattedDate
-          date="1995-12-25"
-          showIcon
-      />
-
-      <br />
-      <br />
-
-      <FormattedDate
-          date="1995-12-25"
-          showDayOfWeek
-      />
-
-      <br />
-      <br />
-
-      <FormattedDate
-          date="1995-12-25"
-          showDayOfWeek
-          showIcon
-      />
-    </div>
-  )
-}
-
-export default DateVariants