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

data/app/pb_kits/playbook/pb_label_value/docs/_label_value_dark.html.erb

@@ -1,24 +0,0 @@
-<%= pb_rails("label_value", props: {
-  label: "Role",
-  value: "Administrator, Moderator",
-  dark: true
-}) %>
-
-<br>
-
-<%= pb_rails("label_value", props: {
-  label: "Email",
-  value: "anna.black@powerhrg.com",
-  dark: true
-}) %>
-
-<br>
-
-<%= pb_rails("label_value", props: {
-  label: "Bio",
-  value: "Proin pulvinar feugiat massa in luctus. Donec urna nulla,
-    elementum sit amet tincidunt nec, mattis nec urna. Cras viverra
-    lorem odio, id pretium dui interdum ut. Nullam dignissim nisl vitae
-    orci vehicula condimentum.",
-  dark: true
-}) %>

data/app/pb_kits/playbook/pb_label_value/docs/_label_value_dark.jsx

@@ -1,35 +0,0 @@
-import React from 'react'
-import { LabelValue } from '../../'
-
-const LabelValueDark = () => {
-  return (
-    <div>
-      <LabelValue
-          dark
-          label="Role"
-          value="Administrator, Moderator"
-      />
-
-      <br />
-
-      <LabelValue
-          dark
-          label="Email"
-          value="anna.black@powerhrg.com"
-      />
-
-      <br />
-
-      <LabelValue
-          dark
-          label="Bio"
-          value="Proin pulvinar feugiat massa in luctus. Donec urna nulla,
-            elementum sit amet tincidunt nec, mattis nec urna. Cras viverra
-            lorem odio, id pretium dui interdum ut. Nullam dignissim nisl vitae
-            orci vehicula condimentum"
-      />
-    </div>
-  )
-}
-
-export default LabelValueDark

data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_dark.html.erb

@@ -1,43 +0,0 @@
-<%= pb_rails("label_value", props: {
-  variant: "details",
-  label: "Installer",
-  icon: "truck",
-  title: "JD Installations LLC",
-  dark: true
-}) %>
-
-<br>
-
-<%= pb_rails("label_value", props: {
-  variant: "details",
-  label: "Project",
-  icon: "home",
-  description: "33-12345",
-  title: "Jefferson-Smith",
-  dark: true
-}) %>
-
-<br>
-
-<%= pb_rails("label_value", props: {
-  variant: "details",
-  label: "Project",
-  icon: "home",
-  description: "33-12345",
-  title: "Jefferson-Smith",
-  date: Date.new(2019, 11, 18),
-  dark: true
-}) %>
-
-<br>
-
-<%= pb_rails("label_value", props: {
-  variant: "details",
-  label: "Project",
-  icon: "home",
-  description: "33-12345",
-  title: "Jefferson-Smith",
-  date: Date.new(2019, 11, 18),
-  dark: true,
-  active: true
-}) %>

data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_dark.jsx

@@ -1,54 +0,0 @@
-import React from 'react'
-import { LabelValue } from '../../'
-
-const LabelValueDetailsDark = () => {
-  return (
-    <div>
-      <LabelValue
-          dark
-          icon="truck"
-          label="Installer"
-          title="JD Installations LLC"
-          variant="details"
-      />
-
-      <br />
-
-      <LabelValue
-          dark
-          description="33-12345"
-          icon="home"
-          label="Project"
-          title="Jefferson-Smith"
-          variant="details"
-      />
-
-      <br />
-
-      <LabelValue
-          dark
-          date={new Date('18 Nov 2019')}
-          description="33-12345"
-          icon="home"
-          label="Project"
-          title="Jefferson-Smith"
-          variant="details"
-      />
-
-      <br />
-
-      <LabelValue
-          active
-          dark
-          date={new Date('18 Nov 2019')}
-          description="33-12345"
-          icon="home"
-          label="Project"
-          title="Jefferson-Smith"
-          variant="details"
-      />
-    </div>
-  )
-}
-
-export default LabelValueDetailsDark

data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples_dark.html.erb

@@ -1,80 +0,0 @@
-<%= pb_rails("title", props: { text: "Patient Profile", tag: "h4", size: 4, margin_bottom: "sm", dark: true }) %> 
-
-<%= pb_rails("flex") do %>
-  <%= pb_rails("flex", props: {orientation: "column", margin_right: "lg" }) do %>
-
-    <%= pb_rails("label_value", props: {
-      variant: "details",
-      label: "Age",
-      icon: "user",
-      title: "24 yrs old",
-      padding_bottom: "sm",
-      dark: true
-    }) %>
-    <%= pb_rails("label_value", props: {
-      variant: "details",
-      label: "Weight",
-      icon: "weight",
-      title: "91 kg",
-      dark: true
-    }) %>
-
-  <% end %>
-  <%= pb_rails("flex", props: {orientation: "column"}) do %>
-
-    <%= pb_rails("label_value", props: {
-      variant: "details",
-      label: "Blood",
-      icon: "tint",
-      title: "A +",
-      padding_bottom: "sm",
-      dark: true
-    }) %>
-    <%= pb_rails("label_value", props: {
-      variant: "details",
-      label: "Height",
-      icon: "arrows-v",
-      title: "187 cm",
-      dark: true
-    }) %>
-
-  <% end %>
-<% end %>
-
-
-<br><br><br>
-
-<%= pb_rails("title", props: { text: "Workout Schedule", tag: "h4", size: 4, margin_bottom: "sm", dark: true }) %> 
-
-<%= pb_rails("label_value", props: {
-  variant: "details",
-  label: "Chest",
-  icon: "dumbbell",
-  description: "6 sets • 8 reps • 40-100 kg",
-  title: "Bench Press",
-  padding_bottom: "sm",
-  dark: true,
-  active: true
-}) %>
-
-<%= pb_rails("label_value", props: {
-  variant: "details",
-  label: "Biceps",
-  icon: "dumbbell",
-  description: "5 sets • 12 reps • 20-40 kg",
-  title: "Barbell Curl",
-  padding_bottom: "sm",
-  dark: true,
-  active: true
-}) %>
-
-<%= pb_rails("label_value", props: {
-  variant: "details",
-  label: "Back",
-  icon: "dumbbell",
-  description: "8 sets • 8 reps • 40-120 kg",
-  title: "Back Squat",
-  padding_bottom: "sm",
-  dark: true,
-  active: true
-}) %>

data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples_dark.jsx

@@ -1,101 +0,0 @@
-import React from 'react'
-import { Flex, LabelValue, Title } from '../../'
-
-const LabelValueDetailsExamplesDark = () => {
-  return (
-    <div>
-      <Title
-          dark
-          marginBottom="sm"
-          size={4}
-          text="Patient Profile"
-      />
-
-      <Flex>
-        <Flex
-            marginRight="lg"
-            orientation="column"
-        >
-          <LabelValue
-              dark
-              icon="user"
-              label="Age"
-              paddingBottom="sm"
-              title="24 yrs old"
-              variant="details"
-          />
-          <LabelValue
-              dark
-              icon="weight"
-              label="Weight"
-              title="91 kg"
-              variant="details"
-          />
-        </Flex>
-        <Flex
-            orientation="column"
-        >
-          <LabelValue
-              dark
-              icon="tint"
-              label="Blood"
-              paddingBottom="sm"
-              title="A +"
-              variant="details"
-          />
-          <LabelValue
-              dark
-              icon="arrows-v"
-              label="Height"
-              title="187 cm"
-              variant="details"
-          />
-        </Flex>
-      </Flex>
-
-      <br />
-      <br />
-      <br />
-
-      <Title
-          dark
-          marginBottom="sm"
-          size={4}
-          text="Workout Schedule"
-      />
-
-      <LabelValue
-          active
-          dark
-          description="6 sets • 8 reps • 40-100 kg"
-          icon="dumbbell"
-          label="Chest"
-          paddingBottom="sm"
-          title="Bench Press"
-          variant="details"
-      />
-      <LabelValue
-          active
-          dark
-          description="5 sets • 12 reps • 20-40 kg"
-          icon="dumbbell"
-          label="Biceps"
-          paddingBottom="sm"
-          title="Barbell Curl"
-          variant="details"
-      />
-      <LabelValue
-          active
-          dark
-          description="8 sets • 8 reps • 40-120 kg"
-          icon="dumbbell"
-          label="Back"
-          paddingBottom="sm"
-          title="Back Squat"
-          variant="details"
-      />
-    </div>
-  )
-}
-
-export default LabelValueDetailsExamplesDark

data/app/pb_kits/playbook/pb_legend/docs/_legend_dark.html.erb

@@ -1,5 +0,0 @@
-<% labels = %W[Windows Doors Roofing Siding Solar Gutters Insulation Other] %>
-
-<% (1..7).each do |n| %>
-   <%= pb_rails("legend", props: { color: "data_#{n}", dark: true, text: "#{labels[n]}" }) %> 
-<% end %>

data/app/pb_kits/playbook/pb_legend/docs/_legend_dark.jsx

@@ -1,21 +0,0 @@
-import React from 'react'
-import { Legend } from '../../'
-
-const products = ['Windows', 'Doors', 'Roofing', 'Siding', 'Solar Gutters', 'Insulation', 'Other']
-
-const LegendDark = () => (
-  <div>
-    {
-      products.map((product, i) => (
-        <Legend
-            color={`data_${i + 1}`}
-            dark
-            key={`legend_${i + 1}`}
-            text={product}
-        />
-      ))
-    }
-  </div>
-)
-
-export default LegendDark

data/app/pb_kits/playbook/pb_legend/docs/_legend_dark_prefix.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("legend", props: { dark: true, color: "data_3", prefix_text: "10", text: "Windows" }) %>

data/app/pb_kits/playbook/pb_legend/docs/_legend_dark_prefix.jsx

@@ -1,15 +0,0 @@
-import React from 'react'
-import { Legend } from '../..'
-
-const LegendDarkPrefix = () => (
-  <div>
-    <Legend
-        color="data_3"
-        dark
-        prefixText="10"
-        text="Windows"
-    />
-  </div>
-)
-
-export default LegendDarkPrefix

data/app/pb_kits/playbook/pb_list/docs/_list_dark.html.erb

@@ -1,7 +0,0 @@
-<%= pb_rails("list", props: {ordered: false, dark: true, borderless: false}) do %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_list/docs/_list_dark.jsx

@@ -1,19 +0,0 @@
-import React from 'react'
-
-import { List, ListItem } from '../../'
-
-const ListDark = () => {
-  return (
-    <>
-      <List
-          dark
-      >
-        <ListItem>{'Item 1'}</ListItem>
-        <ListItem>{'Item 2'}</ListItem>
-        <ListItem>{'Item 3'}</ListItem>
-      </List>
-    </>
-  )
-}
-
-export default ListDark

data/app/pb_kits/playbook/pb_list/docs/_list_dark_borderless.html.erb

@@ -1,7 +0,0 @@
-<%= pb_rails("list", props: {ordered: false, dark: true, borderless: true}) do %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_list/docs/_list_dark_borderless.jsx

@@ -1,22 +0,0 @@
-import React from 'react'
-
-import { List, ListItem } from '../../'
-
-const ListDarkBorderless = () => {
-  return (
-    <>
-      <List
-          borderless
-          dark
-      >
-        <ListItem>{'Item 1'}</ListItem>
-        <ListItem>{'Item 2'}</ListItem>
-        <ListItem>{'Item 3'}</ListItem>
-        <ListItem>{'Item 4'}</ListItem>
-        <ListItem>{'Item 5'}</ListItem>
-      </List>
-    </>
-  )
-}
-
-export default ListDarkBorderless