playbook_ui 7.0.0.pre.alpha6 → 7.0.0.pre.alpha11

data/app/pb_kits/playbook/pb_title_count/docs/_title_count_align_dark.jsx

@@ -1,34 +0,0 @@
-import React from 'react'
-import { TitleCount } from '../../'
-
-const TitleCountAlignDark = () => {
-  return (
-    <>
-      <TitleCount
-          count={527}
-          dark
-          title="Remodeling Consultants"
-      />
-
-      <br />
-
-      <TitleCount
-          align="center"
-          count={527}
-          dark
-          title="Remodeling Consultants"
-      />
-
-      <br />
-
-      <TitleCount
-          align="right"
-          count={527}
-          dark
-          title="Remodeling Consultants"
-      />
-    </>
-  )
-}
-
-export default TitleCountAlignDark

data/app/pb_kits/playbook/pb_title_count/docs/_title_count_dark.html.erb

@@ -1,23 +0,0 @@
-<%= pb_rails("title_count", props: {
-  title: "Appointments",
-  count: 35.78,
-  dark: true
-}) %>
-
-<br>
-
-<%= pb_rails("title_count", props: {
-  title: "Appointments",
-  count: 7399,
-  size: "lg",
-  dark: true
-}) %>
-
-<br>
-
-<%= pb_rails("title_count", props: {
-  title: "Appointments",
-  count: -379503.3720,
-  size: "lg",
-  dark: true
-}) %>

data/app/pb_kits/playbook/pb_title_count/docs/_title_count_dark.jsx

@@ -1,34 +0,0 @@
-import React from 'react'
-import { TitleCount } from '../../'
-
-const TitleCountDark = () => {
-  return (
-    <>
-      <TitleCount
-          count={35.78}
-          dark
-          title="Appointments"
-      />
-
-      <br />
-
-      <TitleCount
-          count={7399}
-          dark
-          size="lg"
-          title="Appointments"
-      />
-
-      <br />
-
-      <TitleCount
-          count={-379503.372}
-          dark
-          size="lg"
-          title="Appointments"
-      />
-    </>
-  )
-}
-
-export default TitleCountDark

data/app/pb_kits/playbook/pb_title_detail/docs/_title_detail_dark.html.erb

@@ -1,19 +0,0 @@
-<%= pb_rails("title_detail", props: {
-  dark: true,
-  title: "Email Notifications",
-  detail: "Commits data and history"
-}) %>
-
-<%= pb_rails("title_detail", props: {
-  dark: true,
-  title: "Email Notifications",
-  detail: "Commits data and history",
-  align: "center"
-}) %>
-
-<%= pb_rails("title_detail", props: {
-  dark: true,
-  title: "Email Notifications",
-  detail: "Commits data and history",
-  align: "right"
-}) %>

data/app/pb_kits/playbook/pb_title_detail/docs/_title_detail_dark.jsx

@@ -1,29 +0,0 @@
-import React from 'react'
-import { TitleDetail } from '../../'
-
-const TitleDetailDark = () => (
-  <div>
-    <TitleDetail
-        dark
-        detail="Commits data and history"
-        title="Email Notifications"
-    />
-
-    <TitleDetail
-        align="center"
-        dark
-        detail="Commits data and history"
-        title="Email Notifications"
-    />
-
-    <TitleDetail
-        align="right"
-        dark
-        detail="Commits data and history"
-        title="Email Notifications"
-    />
-
-  </div>
-)
-
-export default TitleDetailDark

data/app/pb_kits/playbook/pb_toggle/docs/_toggle_size.html.erb

@@ -1,11 +0,0 @@
-<%= pb_rails("toggle", props: {
-  size: "sm",
-  checked: false
-}) %>
-
-<br>
-
-<%= pb_rails("toggle", props: {
-  size: "md",
-  checked: false
-}) %>

data/app/pb_kits/playbook/pb_toggle/docs/_toggle_size.jsx

@@ -1,44 +0,0 @@
-// @flow
-
-import React, { useState } from 'react'
-import { Toggle } from '../..'
-
-const ToggleSize = () => {
-  const [choice, setChoice] = useState(false)
-
-  const handleOnChange = ({ target }) => {
-    setChoice(target.value = !choice)
-  }
-
-  return (
-    <>
-      <Toggle
-          checked={choice}
-          size="sm"
-      >
-        <input
-            name="toggleSmall"
-            onChange={handleOnChange}
-            type="checkbox"
-            value="toggleSmall"
-        />
-      </Toggle>
-
-      <br />
-
-      <Toggle
-          checked={choice}
-          size="md"
-      >
-        <input
-            name="toggleMedium"
-            onChange={handleOnChange}
-            type="checkbox"
-            value="toggleMedium"
-        />
-      </Toggle>
-    </>
-  )
-}
-
-export default ToggleSize

data/app/pb_kits/playbook/pb_user/docs/_user_dark.html.erb

@@ -1,42 +0,0 @@
-<div class="pb--doc-demo-row">
-  <div>
-    <%= pb_rails("user", props: {
-      name: "Anna Black",
-      title: "Remodeling Consultant",
-      orientation: "vertical",
-      align: "center",
-      size: "lg",
-      avatar_url: "https://randomuser.me/api/portraits/women/44.jpg",
-      dark: true
-      }) %>
-  </div>
-  <div>
-    <%= pb_rails("user", props: {
-      name: "Anna Black",
-      title: "Remodeling Consultant",
-      orientation: "horizontal",
-      align: "left",
-      avatar_url: "https://randomuser.me/api/portraits/women/44.jpg",
-      dark: true
-      }) %>
-  </div>
-  <div>
-    <%= pb_rails("user", props: {
-      name: "Anna Black",
-      orientation: "horizontal",
-      align: "left",
-      avatar_url: "https://randomuser.me/api/portraits/women/44.jpg",
-      dark: true
-      }) %>
-
-     <br>
-
-     <%= pb_rails("user", props: {
-       name: "Anna Black",
-       orientation: "horizontal",
-       align: "left",
-       avatar: true,
-       dark: true
-     }) %>
-  </div>
-</div>

data/app/pb_kits/playbook/pb_user/docs/_user_dark.jsx

@@ -1,55 +0,0 @@
-import React from 'react'
-import { User } from '../../'
-
-const UserDark = () => {
-  return (
-    <div className="pb--doc-demo-row">
-
-      <div>
-        <User
-            align="center"
-            avatarUrl="https://randomuser.me/api/portraits/women/44.jpg"
-            dark
-            name="Anna Black"
-            orientation="vertical"
-            size="lg"
-            title="Remodeling Consultant"
-        />
-      </div>
-
-      <div>
-        <User
-            align="left"
-            avatarUrl="https://randomuser.me/api/portraits/women/44.jpg"
-            dark
-            name="Anna Black"
-            orientation="horizontal"
-            title="Remodeling Consultant"
-        />
-      </div>
-
-      <div>
-        <User
-            align="left"
-            avatarUrl="https://randomuser.me/api/portraits/women/44.jpg"
-            dark
-            name="Anna Black"
-            orientation="horizontal"
-        />
-
-        <br />
-
-        <User
-            align="left"
-            avatar
-            dark
-            name="Anna Black"
-            orientation="horizontal"
-        />
-      </div>
-
-    </div>
-  )
-}
-
-export default UserDark

data/app/pb_kits/playbook/pb_user/docs/_user_text_only_dark.html.erb

@@ -1,19 +0,0 @@
-<div class="pb--doc-demo-row">
-  <div>
-    <%= pb_rails("user", props: {
-      name: "Anna Black",
-      title: "Remodeling Consultant",
-      orientation: "horizontal",
-      align: "center",
-      dark: true,
-      size: "lg"}) %>
-  </div>
-  <div class="">
-    <%= pb_rails("user", props: {
-      name: "Anna Black",
-      title: "Remodeling Consultant",
-      orientation: "horizontal",
-      dark: true,
-      align: "left"}) %>
-  </div>
-</div>

data/app/pb_kits/playbook/pb_user/docs/_user_text_only_dark.jsx

@@ -1,26 +0,0 @@
-import React from 'react'
-import { User } from '../../'
-
-const UserTextOnlyDark = () => {
-  return (
-    <div className="pb--doc-demo-row">
-      <User
-          align="center"
-          dark
-          name="Anna Black"
-          orientation="horizontal"
-          size="lg"
-          title="Remodeling Consultant"
-      />
-      <User
-          align="left"
-          dark
-          name="Anna Black"
-          orientation="horizontal"
-          title="Remodeling Consultant"
-      />
-    </div>
-  )
-}
-
-export default UserTextOnlyDark

data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_dark.html.erb

@@ -1,13 +0,0 @@
-<%= pb_rails("user_badge", props: {
-  badge: "veteran",
-  dark: true,
-  size: "md"
-}) %>
-
-<br><br>
-
-<%= pb_rails("user_badge", props: {
-  badge: "million-dollar",
-  dark: true,
-  size: "md"
-}) %>

data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_dark.jsx

@@ -1,27 +0,0 @@
-import React from 'react'
-import { UserBadge } from '../../'
-
-const UserBadgeDefault = () => {
-  return (
-    <div>
-      <div>
-        <UserBadge
-            badge="veteran"
-            dark
-            size="md"
-        />
-      </div>
-      <br />
-      <br />
-      <div>
-        <UserBadge
-            badge="million-dollar"
-            dark
-            size="md"
-        />
-      </div>
-    </div>
-  )
-}
-
-export default UserBadgeDefault

data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_dark.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("weekday_stacked", props: {dark: true}) %>

data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_dark.jsx

@@ -1,14 +0,0 @@
-import React from 'react'
-import {
-  WeekdayStacked,
-} from '../../'
-
-const WeekdayStackedDark = () => (
-  <div>
-    <WeekdayStacked
-        dark
-    />
-  </div>
-)
-
-export default WeekdayStackedDark