playbook_ui 7.0.0.pre.alpha10 → 7.0.0.pre.alpha11

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",
-    },
-  ]
-}) %>

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

@@ -1,39 +0,0 @@
-import React from 'react'
-import { Body, Select } from '../..'
-
-const SelectDarkError = () => {
-  const options = [
-    {
-      value: '1',
-      text: 'Burgers',
-    },
-    {
-      value: '2',
-      text: 'Pizza',
-    },
-    {
-      value: '3',
-      text: 'Tacos',
-    },
-  ]
-
-  return (
-    <div>
-      <Select
-          dark
-          error="Please make a valid selection"
-          label="Favorite Food"
-          name="food"
-          options={options}
-          value="2"
-      />
-      <Body
-          dark
-          error="Please make a valid selection"
-          status="negative"
-      />
-    </div>
-  )
-}
-
-export default SelectDarkError

data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_dark.html.erb

@@ -1,45 +0,0 @@
-<div class="pb--doc-demo-row">
-
-  <%= pb_rails("selectable_card", props: {
-    input_id: "selected_with_icon_dark",
-    name: "selected_with_icon_dark",
-    value: "selected_with_icon_dark",
-    checked: true,
-    icon: true,
-    dark: true
-  }) do %>
-    Selected, with icon
-  <% end %>
-
-  <%= pb_rails("selectable_card", props: {
-    input_id: "selected_without_icon_dark",
-    name: "selected_without_icon_dark",
-    value: "selected_without_icon_dark",
-    checked: true,
-    icon: false,
-    dark: true
-  }) do %>
-    Selected, without icon
-  <% end %>
-
-  <%= pb_rails("selectable_card", props: {
-    input_id: "unselected_dark",
-    name: "unselected_dark",
-    value: "unselected_dark",
-    checked: false,
-    dark: true
-  }) do %>
-    Unselected
-  <% end %>
-
-  <%= pb_rails("selectable_card", props: {
-    input_id: "disabled_dark",
-    name: "disabled_dark",
-    value: "disabled_dark",
-    disabled: true,
-    dark: true
-  }) do %>
-    Disabled
-  <% end %>
-  
-</div>

data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_dark.jsx

@@ -1,72 +0,0 @@
-import React from 'react'
-import SelectableCard from '../_selectable_card.jsx'
-
-class SelectableCardDark extends React.Component {
-  state = {
-    selectedWithIconDark: true,
-    selectedWithoutIconDark: true,
-    unselectedDark: false,
-  }
-
-  handleSelect = (event) => {
-    this.setState({
-      [event.target.id]: event.target.checked,
-    })
-  }
-
-  render() {
-    return (
-      <div className="pb--doc-demo-row">
-
-        <SelectableCard
-            checked={this.state.selectedWithIconDark}
-            dark
-            icon
-            inputId="selectedWithIconDark"
-            name="selectedWithIconDark"
-            onChange={this.handleSelect}
-            value="selectedWithIconDark"
-        >
-          {'Selected, with icon'}
-        </SelectableCard>
-
-        <SelectableCard
-            checked={this.state.selectedWithoutIconDark}
-            dark
-            icon={false}
-            inputId="selectedWithoutIconDark"
-            name="selectedWithoutIconDark"
-            onChange={this.handleSelect}
-            value="selectedWithoutIconDark"
-        >
-          {'Selected, without icon'}
-        </SelectableCard>
-
-        <SelectableCard
-            checked={this.state.unselectedDark}
-            dark
-            inputId="unselectedDark"
-            name="unselectedDark"
-            onChange={this.handleSelect}
-            value="unselectedDark"
-        >
-          {'Unselected'}
-        </SelectableCard>
-
-        <SelectableCard
-            dark
-            disabled
-            inputId="disabled_dark"
-            name="disabled_dark"
-            onChange={this.handleSelect}
-            value="disabled_dark"
-        >
-          {'Unselected'}
-        </SelectableCard>
-
-      </div>
-    )
-  }
-}
-
-export default SelectableCardDark