RubyGems - playbook_ui - Versions diffs - 7.0.0.pre.alpha8 → 7.0.0.pre.alpha13 - Mend

playbook_ui 7.0.0.pre.alpha8 → 7.0.0.pre.alpha13

Files changed (449) hide show

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

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

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

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

data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_dark.html.erb DELETED

@@ -1,30 +0,0 @@
-<div class="pb--doc-demo-row">
-  <%= pb_rails("selectable_card_icon", props: {
-    icon: "volume",
-    title_text: "Sound",
-    body_text: "Silent Mode",
-    input_id: 10,
-    checked: true,
-    card_icon: true,
-    dark: true
-  }) %>
-  <%= pb_rails("selectable_card_icon", props: {
-    icon: "location",
-    title_text: "Location",
-    body_text: "Allow ",
-    input_id: 12,
-    dark: true
-  }) %>
-  <%= pb_rails("selectable_card_icon", props: {
-    icon: "wifi",
-    title_text: "WiFi",
-    body_text: "Disabled",
-    input_id: 13,
-    disabled: true,
-    dark: true
-  }) %>
-</div>

data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_dark.jsx DELETED

@@ -1,40 +0,0 @@
-import React, { useState } from 'react'
-import { SelectableCardIcon } from '../../'
-const SelectableCardIconDark = () => {
-  const [selected, setSelected] = useState(true)
-  const [unselected, setUnselected] = useState(false)
-  return (
-    <div className="pb--doc-demo-row">
-      <SelectableCardIcon
-          bodyText="Silent Mode"
-          checked={selected}
-          dark
-          icon="volume"
-          inputId={10}
-          onChange={() => setSelected(!selected)}
-          titleText="Sound"
-      />
-      <SelectableCardIcon
-          bodyText="Allow location data"
-          checked={unselected}
-          dark
-          icon="location"
-          inputId={11}
-          onChange={() => setUnselected(!unselected)}
-          titleText="Location"
-      />
-      <SelectableCardIcon
-          bodyText="Disabled"
-          dark
-          disabled
-          icon="wifi"
-          inputId={12}
-          titleText="WiFi"
-      />
-    </div>
-  )
-}
-export default SelectableCardIconDark

data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_dark.html.erb DELETED

@@ -1,26 +0,0 @@
-<div class="pb--doc-demo-row">
-  <%= pb_rails("selectable_icon", props: {
-    icon: "file-word",
-    dark: true,
-    input_id: 7,
-    checked: true,
-    text: "Doc"
-  }) %>
-  <%= pb_rails("selectable_icon", props: {
-    icon: "file-pdf",
-    dark: true,
-    input_id: 8,
-    text: "PDF"
-  }) %>
-  <%= pb_rails("selectable_icon", props: {
-    icon: "file-image",
-    dark: true,
-    input_id: 9,
-    disabled: true,
-    text: "PNG"
-  }) %>
-</div>

data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_dark.jsx DELETED

@@ -1,43 +0,0 @@
-import React, { useState } from 'react'
-import { SelectableIcon } from '../../'
-const SelectableIconDark = () => {
-  const [ checkSelected, toggleSelected ] = useState(true)
-  const [ checkUnselected, toggleUnselected ] = useState(false)
-  const [ checkDisabled, toggleDisabled ] = useState(false)
-  return (
-    <div className="pb--doc-demo-row">
-      <SelectableIcon
-          checked={checkSelected}
-          dark
-          icon="file-word"
-          inputId={16}
-          onChange={() => toggleSelected(!checkSelected)}
-          text="Doc"
-      />
-      <SelectableIcon
-          checked={checkUnselected}
-          dark
-          icon="file-pdf"
-          inputId={17}
-          onChange={() => toggleUnselected(!checkUnselected)}
-          text="PDF"
-      />
-      <SelectableIcon
-          checked={checkDisabled}
-          dark
-          disabled
-          icon="file-image"
-          inputId={18}
-          onChange={() => toggleDisabled(!checkDisabled)}
-          text="PNG"
-      />
-    </div>
-  )
-}
-export default SelectableIconDark

data/app/pb_kits/playbook/pb_table/docs/_table_container_dark.html.erb DELETED

@@ -1,34 +0,0 @@
-<%= pb_rails("table", props: { size: "md", container: false, dark: true }) do %>
-  <thead>
-    <tr>
-      <th>Column 1</th>
-      <th>Column 2</th>
-      <th>Column 3</th>
-      <th>Column 4</th>
-      <th>Column 5</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td>Value 1</td>
-      <td>Value 2</td>
-      <td>Value 3</td>
-      <td>Value 4</td>
-      <td>Value 5</td>
-    </tr>
-    <tr>
-      <td>Value 1</td>
-      <td>Value 2</td>
-      <td>Value 3</td>
-      <td>Value 4</td>
-      <td>Value 5</td>
-    </tr>
-    <tr>
-      <td>Value 1</td>
-      <td>Value 2</td>
-      <td>Value 3</td>
-      <td>Value 4</td>
-      <td>Value 5</td>
-    </tr>
-  </tbody>
-<% end %>

data/app/pb_kits/playbook/pb_table/docs/_table_container_dark.jsx DELETED

@@ -1,47 +0,0 @@
-import React from 'react'
-import { Table } from '../../'
-const TableContainerDark = () => {
-  return (
-    <Table
-        container={false}
-        dark
-        size="md"
-    >
-      <thead>
-        <tr>
-          <th>{'Column 1'}</th>
-          <th>{'Column 2'}</th>
-          <th>{'Column 3'}</th>
-          <th>{'Column 4'}</th>
-          <th>{'Column 5'}</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td>{'Value 1'}</td>
-          <td>{'Value 2'}</td>
-          <td>{'Value 3'}</td>
-          <td>{'Value 4'}</td>
-          <td>{'Value 5'}</td>
-        </tr>
-        <tr>
-          <td>{'Value 1'}</td>
-          <td>{'Value 2'}</td>
-          <td>{'Value 3'}</td>
-          <td>{'Value 4'}</td>
-          <td>{'Value 5'}</td>
-        </tr>
-        <tr>
-          <td>{'Value 1'}</td>
-          <td>{'Value 2'}</td>
-          <td>{'Value 3'}</td>
-          <td>{'Value 4'}</td>
-          <td>{'Value 5'}</td>
-        </tr>
-      </tbody>
-    </Table>
-  )
-}
-export default TableContainerDark

data/app/pb_kits/playbook/pb_table/docs/_table_dark.html.erb DELETED

@@ -1,34 +0,0 @@
-<%= pb_rails("table", props: { size: "md", dark: true }) do %>
-  <thead>
-    <tr>
-      <th>Column 1</th>
-      <th>Column 2</th>
-      <th>Column 3</th>
-      <th>Column 4</th>
-      <th>Column 5</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td>Value 1</td>
-      <td>Value 2</td>
-      <td>Value 3</td>
-      <td>Value 4</td>
-      <td>Value 5</td>
-    </tr>
-    <tr>
-      <td>Value 1</td>
-      <td>Value 2</td>
-      <td>Value 3</td>
-      <td>Value 4</td>
-      <td>Value 5</td>
-    </tr>
-    <tr>
-      <td>Value 1</td>
-      <td>Value 2</td>
-      <td>Value 3</td>
-      <td>Value 4</td>
-      <td>Value 5</td>
-    </tr>
-  </tbody>
-<% end %>

data/app/pb_kits/playbook/pb_table/docs/_table_dark.jsx DELETED

@@ -1,46 +0,0 @@
-import React from 'react'
-import { Table } from '../../'
-const TableDark = () => {
-  return (
-    <Table
-        dark
-        size="md"
-    >
-      <thead>
-        <tr>
-          <th>{'Column 1'}</th>
-          <th>{'Column 2'}</th>
-          <th>{'Column 3'}</th>
-          <th>{'Column 4'}</th>
-          <th>{'Column 5'}</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td>{'Value 1'}</td>
-          <td>{'Value 2'}</td>
-          <td>{'Value 3'}</td>
-          <td>{'Value 4'}</td>
-          <td>{'Value 5'}</td>
-        </tr>
-        <tr>
-          <td>{'Value 1'}</td>
-          <td>{'Value 2'}</td>
-          <td>{'Value 3'}</td>
-          <td>{'Value 4'}</td>
-          <td>{'Value 5'}</td>
-        </tr>
-        <tr>
-          <td>{'Value 1'}</td>
-          <td>{'Value 2'}</td>
-          <td>{'Value 3'}</td>
-          <td>{'Value 4'}</td>
-          <td>{'Value 5'}</td>
-        </tr>
-      </tbody>
-    </Table>
-  )
-}
-export default TableDark