RubyGems - playbook_ui - Versions diffs - 6.5.0 → 6.7.0.pre.alpha1 - Mend

playbook_ui 6.5.0 → 6.7.0.pre.alpha1

Files changed (319) hide show

data/app/pb_kits/playbook/pb_body/docs/_body_dark.html.erb DELETED

@@ -1,28 +0,0 @@
-<%= pb_rails("body", props: {
-  text: "I am a body kit",
-  dark: true,
-}) %>
-<%= pb_rails("body", props: {
-  text: "I am a body kit (Light)",
-  color: "light",
-  dark: true
-}) %>
-<%= pb_rails("body", props: {
-  text: "I am a body kit (Lighter)",
-  color: "lighter",
-  dark: true
-}) %>
-<%= pb_rails("body", props: {
-  text: "I am a body kit (Status: negative)",
-  status: "negative",
-  dark: true
-}) %>
-<%= pb_rails("body", props: {
-  text: "I am a body kit (Status: positive)",
-  status: "positive",
-  dark: true
-}) %>

data/app/pb_kits/playbook/pb_body/docs/_body_dark.jsx DELETED

@@ -1,35 +0,0 @@
-import React from 'react'
-import { Body } from '../../'
-const BodyDark = () => {
-  return (
-    <div>
-      <Body
-          dark
-          text="I am a body kit (Default)"
-      />
-      <Body
-          color="light"
-          dark
-          text="I am a body kit (Light)"
-      />
-      <Body
-          color="lighter"
-          dark
-          text="I am a body kit (Lighter)"
-      />
-      <Body
-          dark
-          status="negative"
-          text="I am a body kit (Status: negative)"
-      />
-      <Body
-          dark
-          status="positive"
-          text="I am a body kit (Status: positive)"
-      />
-    </div>
-  )
-}
-export default BodyDark

data/app/pb_kits/playbook/pb_button/docs/_button_default_dark.html.erb DELETED

@@ -1,22 +0,0 @@
-<%= pb_rails("button", props: {
-    text: "Button Primary",
-    dark: true
-}) %>
-<%= pb_rails("button", props: {
-    text: "Button Secondary",
-    variant: "secondary",
-    dark: true
-}) %>
-<%= pb_rails("button", props: {
-    text: "Button Link",
-    variant: "link",
-    dark: true
-}) %>
-<%= pb_rails("button", props: {
-    text: "Button Disabled",
-    disabled: true,
-    dark: true
-}) %>

data/app/pb_kits/playbook/pb_button/docs/_button_default_dark.jsx DELETED

@@ -1,31 +0,0 @@
-import React from 'react'
-import { Button } from '../../'
-const ButtonDefaultDark = () => (
-  <div>
-    <Button
-        dark
-        text="Button Primary"
-    />
-    {' '}
-    <Button
-        dark
-        text="Button Secondary"
-        variant="secondary"
-    />
-    {' '}
-    <Button
-        dark
-        text="Button Link"
-        variant="link"
-    />
-    {' '}
-    <Button
-        dark
-        disabled
-        text="Button Disabled"
-    />
-  </div>
-)
-export default ButtonDefaultDark

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

@@ -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 DELETED

@@ -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_card/docs/_card_dark.html.erb DELETED

@@ -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 DELETED

@@ -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 DELETED

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

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

@@ -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 DELETED

@@ -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 DELETED

@@ -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 DELETED

@@ -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 DELETED

@@ -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 DELETED

@@ -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 DELETED

@@ -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_picker/docs/_date_picker_read_only.jsx DELETED

@@ -1,13 +0,0 @@
-import React from 'react'
-import { DatePicker } from '../../'
-const DatePickerReadOnly = () => (
-  <div>
-    <DatePicker
-        pickerId="date-picker-read-only"
-        readOnly
-    />
-  </div>
-)
-export default DatePickerReadOnly

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_read_only.md DELETED

	@@ -1 +0,0 @@
1	- Read only inputs do not accept keyboard input. The only way to change the date value is by picking a date on the calendar. Especially useful on mobile as it prevents the keyboard from popping up and obscuring the date picker.

data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_dark.html.erb DELETED

@@ -1,13 +0,0 @@
-<%= pb_rails("hashtag", props: {text: "470297", url: "https://google.com", type: "project", dark: true}) %>
-<br/><br/>
-<%= pb_rails("hashtag", props: {text: "123456", url: "https://google.com", type: "home", dark: true}) %>
-<br/><br/>
-<%= pb_rails("hashtag", props: {text: "345678", url: "https://google.com", type: "appointment", dark: true}) %>
-<br/><br/>
-<%= pb_rails("hashtag", props: {text: "123456", url: "https://google.com", type: "default", dark: true}) %>

data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_dark.jsx DELETED

@@ -1,41 +0,0 @@
-import React from 'react'
-import { Hashtag } from '../../'
-const HashtagDark = () => {
-  return (
-    <div>
-      <Hashtag
-          dark
-          text="470297"
-          type="project"
-          url="https://google.com"
-      />
-      <br />
-      <br />
-      <Hashtag
-          dark
-          text="123456"
-          type="home"
-          url="https://google.com"
-      />
-      <br />
-      <br />
-      <Hashtag
-          dark
-          text="456789"
-          type="appointment"
-          url="https://google.com"
-      />
-      <br />
-      <br />
-      <Hashtag
-          dark
-          text="654321"
-          type="default"
-          url="https://google.com"
-      />
-    </div>
-  )
-}
-export default HashtagDark

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_dark.html.erb DELETED

@@ -1,12 +0,0 @@
-<%= pb_rails("home_address_street", props: {
-  address: "70 Prospect Ave",
-  address_cont: "Apt M18",
-  city: "West Chester",
-  home_id: 8250263,
-  home_url: "https://powerhrg.com/",
-  house_style: "Colonial",
-  state: "PA",
-  zipcode: "19382",
-  territory: "PHL",
-  dark: true,
-}) %>

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_dark.jsx DELETED

@@ -1,20 +0,0 @@
-import React from 'react'
-import { HomeAddressStreet } from '../../'
-const HomeAddressStreetDark = () => {
-  return (
-    <HomeAddressStreet
-        address="70 Prospect Ave"
-        addressCont="Apt M18"
-        city="West Chester"
-        dark
-        homeId={8250263}
-        homeUrl="https://powerhrg.com/"
-        state="PA"
-        territory="PHL"
-        zipcode="19382"
-    />
-  )
-}
-export default HomeAddressStreetDark