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

data/app/pb_kits/playbook/pb_date/docs/_date_variants.jsx

@@ -1,39 +0,0 @@
-import React from 'react'
-import { Date as FormattedDate } from '../..'
-
-const DateVariants = () => {
-  return (
-    <div>
-      <FormattedDate
-          date="1995-12-25"
-      />
-
-      <br />
-      <br />
-
-      <FormattedDate
-          date="1995-12-25"
-          showIcon
-      />
-
-      <br />
-      <br />
-
-      <FormattedDate
-          date="1995-12-25"
-          showDayOfWeek
-      />
-
-      <br />
-      <br />
-
-      <FormattedDate
-          date="1995-12-25"
-          showDayOfWeek
-          showIcon
-      />
-    </div>
-  )
-}
-
-export default DateVariants

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

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

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

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

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

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