playbook_ui 7.0.0.pre.alpha8 → 7.0.1.pre.alpha4

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement_dark.jsx

@@ -1,33 +0,0 @@
-import React from 'react'
-import { AvatarActionButton } from '../../'
-
-const AvatarActionButtonPlacement = () => (
-  <div className="pb--doc-demo-row">
-    <AvatarActionButton
-        dark
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        name="Sophia Carden"
-        placement="bottom_left"
-    />
-    <AvatarActionButton
-        dark
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        name="Sophia Carden"
-        placement="bottom_right"
-    />
-    <AvatarActionButton
-        dark
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        name="Sophia Carden"
-        placement="top_left"
-    />
-    <AvatarActionButton
-        dark
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        name="Sophia Carden"
-        placement="top_right"
-    />
-  </div>
-)
-
-export default AvatarActionButtonPlacement

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip_dark.html.erb

@@ -1,12 +0,0 @@
-<div class="pb--doc-demo-row">
-  
-  <%= pb_rails("avatar_action_button", props: {
-      dark: true,
-      name: "Sophia Carden",
-      link_url: "http://www.google.com",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      tooltip_text: "Tooltip Text",
-      tooltip_id: "avatar_2",
-  }) %>
-
-</div>

data/app/pb_kits/playbook/pb_badge/docs/_badge_dark.html.erb

@@ -1,124 +0,0 @@
-<div>
-  <%= pb_rails("badge", props: {
-    text: "+1",
-    variant: "primary",
-    rounded: true,
-    dark: true
-  }) %>
-
-  <%= pb_rails("badge", props: {
-    text: "+4",
-    variant: "primary",
-    dark: true
-  }) %>
-
-  <%= pb_rails("badge", props: {
-    text: "+1000",
-    variant: "primary",
-    dark: true
-  }) %>
-</div>
-
-<div>
-  <%= pb_rails("badge", props: {
-    text: "+1",
-    variant: "success",
-    rounded: true,
-    dark: true
-  }) %>
-
-  <%= pb_rails("badge", props: {
-    text: "+4",
-    variant: "success",
-    dark: true
-  }) %>
-
-  <%= pb_rails("badge", props: {
-    text: "+1000",
-    variant: "success",
-    dark: true
-  }) %>
-</div>
-
-<div>
-  <%= pb_rails("badge", props: {
-    text: "+1",
-    variant: "warning",
-    rounded: true,
-    dark: true
-  }) %>
-
-  <%= pb_rails("badge", props: {
-    text: "+4",
-    variant: "warning",
-    dark: true
-  }) %>
-
-  <%= pb_rails("badge", props: {
-    text: "+1000",
-    variant: "warning",
-    dark: true
-  }) %>
-</div>
-
-<div>
-  <%= pb_rails("badge", props: {
-    text: "+1",
-    variant: "error",
-    rounded: true,
-    dark: true
-  }) %>
-
-  <%= pb_rails("badge", props: {
-    text: "+4",
-    variant: "error",
-    dark: true
-  }) %>
-
-  <%= pb_rails("badge", props: {
-    text: "+1000",
-    variant: "error",
-    dark: true
-  }) %>
-</div>
-
-<div>
-  <%= pb_rails("badge", props: {
-    text: "+1",
-    variant: "info",
-    rounded: true,
-    dark: true
-  }) %>
-
-  <%= pb_rails("badge", props: {
-    text: "+4",
-    variant: "info",
-    dark: true
-  }) %>
-
-  <%= pb_rails("badge", props: {
-    text: "+1000",
-    variant: "info",
-    dark: true
-  }) %>
-</div>
-
-<div>
-  <%= pb_rails("badge", props: {
-    text: "+1",
-    rounded: true,
-    dark: true
-  }) %>
-
-  <%= pb_rails("badge", props: {
-    text: "+4",
-    variant: "neutral",
-    dark: true
-  }) %>
-
-  <%= pb_rails("badge", props: {
-    text: "+1000",
-    variant: "neutral",
-    dark: true
-  }) %>
-</div>

data/app/pb_kits/playbook/pb_badge/docs/_badge_dark.jsx

@@ -1,160 +0,0 @@
-import React from 'react'
-import Badge from '../_badge.jsx'
-
-const BadgeDark = () => {
-  return (
-    <div>
-      <div>
-        <Badge
-            dark
-            rounded
-            text="+1"
-            variant="primary"
-        />
-
-        &nbsp;
-
-        <Badge
-            dark
-            text="+4"
-            variant="primary"
-        />
-
-        &nbsp;
-
-        <Badge
-            dark
-            text="+1000"
-            variant="primary"
-        />
-      </div>
-
-      <div>
-        <Badge
-            dark
-            rounded
-            text="+1"
-            variant="success"
-        />
-
-        &nbsp;
-
-        <Badge
-            dark
-            text="+4"
-            variant="success"
-        />
-
-        &nbsp;
-
-        <Badge
-            dark
-            text="+1000"
-            variant="success"
-        />
-      </div>
-
-      <div>
-        <Badge
-            dark
-            rounded
-            text="+1"
-            variant="warning"
-        />
-
-        &nbsp;
-
-        <Badge
-            dark
-            text="+4"
-            variant="warning"
-        />
-
-        &nbsp;
-
-        <Badge
-            dark
-            text="+1000"
-            variant="warning"
-        />
-      </div>
-
-      <div>
-        <Badge
-            dark
-            rounded
-            text="+1"
-            variant="error"
-        />
-
-        &nbsp;
-
-        <Badge
-            dark
-            text="+4"
-            variant="error"
-        />
-
-        &nbsp;
-
-        <Badge
-            dark
-            text="+1000"
-            variant="error"
-        />
-      </div>
-
-      <div>
-        <Badge
-            dark
-            rounded
-            text="+1"
-            variant="info"
-        />
-
-        &nbsp;
-
-        <Badge
-            dark
-            text="+4"
-            variant="info"
-        />
-
-        &nbsp;
-
-        <Badge
-            dark
-            text="+1000"
-            variant="info"
-        />
-      </div>
-
-      <div>
-        <Badge
-            dark
-            rounded
-            text="+1"
-            variant="neutral"
-        />
-
-        &nbsp;
-
-        <Badge
-            dark
-            text="+4"
-            variant="neutral"
-        />
-
-        &nbsp;
-
-        <Badge
-            dark
-            text="+1000"
-            variant="neutral"
-        />
-      </div>
-    </div>
-  )
-}
-
-export default BadgeDark

data/app/pb_kits/playbook/pb_body/docs/_body_dark.html.erb

@@ -1,28 +0,0 @@
-<%= pb_rails("body", props: {
-  text: "I am a body kit",
-  dark: true,
-}) %>
-
-<%= pb_rails("body", props: {
-  text: "I am a body kit (Light)",
-  color: "light",
-  dark: true
-}) %>
-
-<%= pb_rails("body", props: {
-  text: "I am a body kit (Lighter)",
-  color: "lighter",
-  dark: true
-}) %>
-
-<%= pb_rails("body", props: {
-  text: "I am a body kit (Status: negative)",
-  status: "negative",
-  dark: true
-}) %>
-
-<%= pb_rails("body", props: {
-  text: "I am a body kit (Status: positive)",
-  status: "positive",
-  dark: true
-}) %>

data/app/pb_kits/playbook/pb_body/docs/_body_dark.jsx

@@ -1,35 +0,0 @@
-import React from 'react'
-import { Body } from '../../'
-
-const BodyDark = () => {
-  return (
-    <div>
-      <Body
-          dark
-          text="I am a body kit (Default)"
-      />
-      <Body
-          color="light"
-          dark
-          text="I am a body kit (Light)"
-      />
-      <Body
-          color="lighter"
-          dark
-          text="I am a body kit (Lighter)"
-      />
-      <Body
-          dark
-          status="negative"
-          text="I am a body kit (Status: negative)"
-      />
-      <Body
-          dark
-          status="positive"
-          text="I am a body kit (Status: positive)"
-      />
-    </div>
-  )
-}
-
-export default BodyDark

data/app/pb_kits/playbook/pb_button/docs/_button_default_dark.html.erb

@@ -1,22 +0,0 @@
-<%= pb_rails("button", props: { 
-    text: "Button Primary",
-    dark: true 
-}) %>
-
-<%= pb_rails("button", props: { 
-    text: "Button Secondary", 
-    variant: "secondary", 
-    dark: true 
-}) %>
-
-<%= pb_rails("button", props: { 
-    text: "Button Link", 
-    variant: "link",
-    dark: true
-}) %>
-
-<%= pb_rails("button", props: { 
-    text: "Button Disabled",
-    disabled: true,
-    dark: true
-}) %>

data/app/pb_kits/playbook/pb_button/docs/_button_default_dark.jsx

@@ -1,28 +0,0 @@
-import React from 'react'
-import { Button } from '../../'
-
-const ButtonDefaultDark = () => (
-  <div>
-    <Button
-        dark
-        text="Button Primary"
-    />
-    <Button
-        dark
-        text="Button Secondary"
-        variant="secondary"
-    />
-    <Button
-        dark
-        text="Button Link"
-        variant="link"
-    />
-    <Button
-        dark
-        disabled
-        text="Button Disabled"
-    />
-  </div>
-)
-
-export default ButtonDefaultDark