playbook_ui 7.0.0.pre.alpha7 → 7.0.0.pre.alpha12

data/app/pb_kits/playbook/pb_online_status/docs/_online_status_dark.html.erb

@@ -1,9 +0,0 @@
-<%= pb_rails("online_status", props: { dark: true, status: "offline" }) %>
-
-<br>
-
-<%= pb_rails("online_status", props: { dark: true, status: "online" }) %>
-
-<br>
-
-<%= pb_rails("online_status", props: { dark: true, status: "away" }) %>

data/app/pb_kits/playbook/pb_online_status/docs/_online_status_dark.jsx

@@ -1,28 +0,0 @@
-import React from 'react'
-import { OnlineStatus } from '../../'
-
-const OnlineStatusDark = () => (
-  <>
-    <OnlineStatus
-        dark
-        status="offline"
-    />
-
-    <br />
-
-    <OnlineStatus
-        dark
-        status="online"
-    />
-
-    <br />
-
-    <OnlineStatus
-        dark
-        status="away"
-    />
-
-  </>
-)
-
-export default OnlineStatusDark

data/app/pb_kits/playbook/pb_pill/docs/_pill_dark.html.erb

@@ -1,52 +0,0 @@
-<%= pb_rails("pill", props: {
-  dark: true,
-  text: "Default"
-}) %>
-
-<br><br>
-
-<%= pb_rails("pill", props: {
-  dark: true,
-  text: "success",
-  variant: "success"
-}) %>
-
-<br><br>
-
-<%= pb_rails("pill", props: {
-  dark: true,
-  text: "error",
-  variant: "error"
-}) %>
-
-<br><br>
-
-<%= pb_rails("pill", props: {
-  dark: true,
-  text: "warning",
-  variant: "warning"
-}) %>
-
-<br><br>
-
-<%= pb_rails("pill", props: {
-  dark: true,
-  text: "info",
-  variant: "info"
-}) %>
-
-<br><br>
-
-<%= pb_rails("pill", props: {
-  dark: true,
-  text: "neutral",
-  variant: "neutral"
-}) %>
-
-<br><br>
-
-<%= pb_rails("pill", props: {
-  dark: true,
-  text: "primary",
-  variant: "primary"
-}) %>

data/app/pb_kits/playbook/pb_pill/docs/_pill_dark.jsx

@@ -1,69 +0,0 @@
-import React from 'react'
-import Pill from '../_pill.jsx'
-
-const PillDark = () => {
-  return (
-    <div>
-      <Pill
-          dark
-          text="default"
-      />
-
-      <br />
-      <br />
-
-      <Pill
-          dark
-          text="success"
-          variant="success"
-      />
-
-      <br />
-      <br />
-
-      <Pill
-          dark
-          text="error"
-          variant="error"
-      />
-
-      <br />
-      <br />
-
-      <Pill
-          dark
-          text="warning"
-          variant="warning"
-      />
-
-      <br />
-      <br />
-
-      <Pill
-          dark
-          text="info"
-          variant="info"
-      />
-
-      <br />
-      <br />
-
-      <Pill
-          dark
-          text="neutral"
-          variant="neutral"
-      />
-
-      <br />
-      <br />
-
-      <Pill
-          dark
-          text="primary"
-          variant="primary"
-      />
-    </div>
-  )
-}
-
-export default PillDark

data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_dark.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("progress_pills", props: { steps: 3, active: 2, title: "Status:", value: "Orientation", dark: true}) %>

data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_dark.jsx

@@ -1,20 +0,0 @@
-
-import React from 'react'
-import ProgressPills from '../_progress_pills.jsx'
-
-const ProgressPillsDark = () => {
-  return (
-    <div>
-      <ProgressPills
-          active={2}
-          dark
-          steps={3}
-          title="Status:"
-          value="Orientation"
-      />
-
-    </div>
-  )
-}
-
-export default ProgressPillsDark

data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status_dark.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("progress_pills", props: { steps: 3, active: 2, title: "Status:", value: "Orientation", dark: true}) %>

data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status_dark.jsx

@@ -1,19 +0,0 @@
-import React from 'react'
-import ProgressPills from '../_progress_pills.jsx'
-
-const ProgressPillsStatusDark = () => {
-  return (
-    <div>
-      <ProgressPills
-          active={2}
-          dark
-          steps={3}
-          title="Status:"
-          value="Orientation"
-      />
-
-    </div>
-  )
-}
-
-export default ProgressPillsStatusDark

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.html.erb

@@ -1,34 +0,0 @@
-<%= pb_rails("progress_step", props: {orientation: "horizontal", icon: true, dark: true}) do %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "active"}) do %>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive"}) do %>
-  <% end %>
-<% end %>
-
-<br><br>
-
-<%= pb_rails("progress_step", props: {orientation: "horizontal", icon: true, dark: true}) do %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "active"}) do %>
-  <% end %>
-   <%= pb_rails("progress_step/progress_step_item", props: {status: "active"}) do %>
-  <% end %>
-<% end %>
-
-<br><br>
-
-<%= pb_rails("progress_step", props: {orientation: "horizontal", dark: true, variant:"tracker"}) do %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "active"}) do %>
-  <% end %>
-   <%= pb_rails("progress_step/progress_step_item", props: {status: "active"}) do %>
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import ProgressStep from '../_progress_step.jsx'
-import ProgressStepItem from '../_progress_step_item.jsx'
-
-const ProgressStepDark = () => (
-  <div>
-    <ProgressStep
-        dark
-        icon
-    >
-      <ProgressStepItem status="complete" />
-      <ProgressStepItem status="active" />
-      <ProgressStepItem status="inactive" />
-    </ProgressStep>
-  </div>
-)
-
-export default ProgressStepDark

data/app/pb_kits/playbook/pb_radio/docs/_radio_dark.html.erb

@@ -1,25 +0,0 @@
-<%= pb_rails("radio", props: {
-  text: "Power",
-  name: "group 2",
-  value: 'Power',
-  dark: true
-}) %>
-
-<br>
-
-<%= pb_rails("radio", props: {
-  text: "Nitro",
-  name: "group 2",
-  value: "Nitro",
-  checked: true,
-  dark: true
-}) %>
-
-<br>
-
-<%= pb_rails("radio", props: {
-  text: "Google",
-  name: "group 2",
-  value: "Google",
-  dark: true
-}) %>

data/app/pb_kits/playbook/pb_radio/docs/_radio_dark.jsx

@@ -1,33 +0,0 @@
-import React from 'react'
-import { Radio } from '../../'
-
-const RadioDark = () => {
-  return (
-    <>
-      <Radio
-          dark
-          defaultChecked
-          label="Power"
-          name="Group1"
-          value="Power"
-      />
-      <br />
-      <Radio
-          dark
-          defaultChecked={false}
-          label="Nitro"
-          name="Group1"
-          value="Nitro"
-      />
-      <br />
-      <Radio
-          dark
-          defaultChecked={false}
-          label="Google"
-          name="Group1"
-          value="Google"
-      />
-    </>
-  )
-}
-export default RadioDark

data/app/pb_kits/playbook/pb_radio/docs/_radio_dark_error.html.erb

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

data/app/pb_kits/playbook/pb_radio/docs/_radio_dark_error.jsx

@@ -1,17 +0,0 @@
-import React from 'react'
-import { Radio } from '../..'
-
-const RadioDarkError = () => {
-  return (
-    <div>
-      <Radio
-          dark
-          error
-          label="Power"
-          name="Group2"
-          value="Power"
-      />
-    </div>
-  )
-}
-export default RadioDarkError

data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dark.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("section_separator", props: { text: "Title Separator", variant: "background", dark: true }) %>

data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dark.jsx

@@ -1,14 +0,0 @@
-import React from 'react'
-import { SectionSeparator } from '../../'
-
-const SectionSeparatorDark = () => {
-  return (
-    <SectionSeparator
-        dark
-        text="Title Separator"
-        variant="background"
-    />
-  )
-}
-
-export default SectionSeparatorDark

data/app/pb_kits/playbook/pb_select/docs/_select_dark.html.erb

@@ -1,24 +0,0 @@
-<%= pb_rails("select", props: {
-  label: "Favorite Food",
-  name: "food",
-  dark: true,
-  options: [
-    {
-      value: "1",
-      value_text: "Burgers",
-    },
-    {
-      value: "2",
-      selected: true,
-      value_text: "Pizza",
-    },
-    {
-      value: "3",
-      value_text: "Tacos",
-    },
-    {
-      value: "4",
-      value_text: "BBQ",
-    },
-  ]
-}) %>

data/app/pb_kits/playbook/pb_select/docs/_select_dark.jsx

@@ -1,33 +0,0 @@
-import React from 'react'
-import { Select } from '../../'
-
-const SelectDark = () => {
-  const options = [
-    {
-      value: '1',
-      text: 'Burgers',
-    },
-    {
-      value: '2',
-      text: 'Pizza',
-    },
-    {
-      value: '3',
-      text: 'Tacos',
-    },
-  ]
-
-  return (
-    <div>
-      <Select
-          dark
-          label="Favorite Food"
-          name="food"
-          options={options}
-          value="2"
-      />
-    </div>
-  )
-}
-
-export default SelectDark

data/app/pb_kits/playbook/pb_select/docs/_select_dark_error.html.erb

@@ -1,25 +0,0 @@
-<%= pb_rails("select", props: {
-  dark: true,
-  error: "Please make a valid selection",
-  label: "Favorite Food",
-  name: "food",
-  options: [
-    {
-      value: "1",
-      value_text: "Burgers",
-    },
-    {
-      value: "2",
-      selected: true,
-      value_text: "Pizza",
-    },
-    {
-      value: "3",
-      value_text: "Tacos",
-    },
-    {
-      value: "4",
-      value_text: "BBQ",
-    },
-  ]
-}) %>