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

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

@@ -1,17 +0,0 @@
-<div class="pb--doc-demo-row">
-  
-  <%= pb_rails("avatar_action_button", props: {
-      dark: true,
-      name: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      action: "add",
-  }) %>
-
-  <%= pb_rails("avatar_action_button", props: {
-      dark: true,
-      name: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      action: "remove",
-  }) %>
-
-</div>

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

@@ -1,21 +0,0 @@
-import React from 'react'
-import { AvatarActionButton } from '../../'
-
-const AvatarActionButtonActions = () => (
-  <div className="pb--doc-demo-row">
-    <AvatarActionButton
-        action="add"
-        dark
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        name="Sophia Carden"
-    />
-    <AvatarActionButton
-        action="remove"
-        dark
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        name="Sophia Carden"
-    />
-  </div>
-)
-
-export default AvatarActionButtonActions

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

@@ -1,9 +0,0 @@
-<div class="pb--doc-demo-row">
-  
-  <%= pb_rails("avatar_action_button", props: {
-      dark: true,
-      name: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg"
-  }) %>
-
-</div>

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

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

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

@@ -1,15 +0,0 @@
-<div class="pb--doc-demo-row">
-  
-  <%= pb_rails("avatar_action_button", props: {
-      dark: true,
-      name: "Sophia Carden",
-      id: "clickable",
-      link_url: "http://www.google.com",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-  }) %>
-
-  <%= javascript_tag do %>
-    document.querySelector('#clickable').addEventListener('click', () => alert('clickable clicked!'))
-  <% end %>
-
-</div>

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

@@ -1,16 +0,0 @@
-import React from 'react'
-import { AvatarActionButton } from '../../'
-
-const AvatarActionButtonOnClickDark = () => (
-  <div className="pb--doc-demo-row">
-    <AvatarActionButton
-        dark
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        linkUrl="https://www.google.com"
-        name="Sophia Carden"
-        onClick={() => alert('clicked!')}
-    />
-  </div>
-)
-
-export default AvatarActionButtonOnClickDark

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

@@ -1,31 +0,0 @@
-<div class="pb--doc-demo-row">
-  
-  <%= pb_rails("avatar_action_button", props: {
-      dark: true,
-      name: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      placement: "bottom_left"
-  }) %>
-
-  <%= pb_rails("avatar_action_button", props: {
-      dark: true,
-      name: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      placement: "bottom_right"
-  }) %>
-
-    <%= pb_rails("avatar_action_button", props: {
-      dark: true,
-      name: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      placement: "top_left"
-  }) %>
-
-    <%= pb_rails("avatar_action_button", props: {
-      dark: true,
-      name: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      placement: "top_right"
-  }) %>
-
-</div>

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