playbook_ui 6.6.1 → 6.7.0.pre.alpha1

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

data/app/views/layouts/playbook/application.html.slim

@@ -1,22 +0,0 @@
-doctype html
-html
-  head
-    title Playbook Design System
-    = csrf_meta_tags
-    = csp_meta_tag
-    = stylesheet_packs_with_chunks_tag 'main'
-    meta content="user-scalable=0, initial-scale=1.0, minimum-scale=1" name="viewport"
-
-  body
-    = render 'layouts/playbook/nav'
-    = pb_rails("layout", props: {classname: "pb--page--content"})
-      = render 'layouts/playbook/mobile_hamburger'
-      = pb_rails("layout/sidebar", props: { classname: "pb--page--sideNav" })
-        = render 'layouts/playbook/sidebar'
-      = pb_rails("layout/body")
-        .pb--page--content--main
-          = yield
-
-  = javascript_include_tag "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"
-  = javascript_packs_with_chunks_tag 'application', 'examples'
-= yield :pb_js