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

data/app/pb_kits/playbook/pb_list/docs/_list_dark_lg.html.erb

@@ -1,7 +0,0 @@
-<%= pb_rails("list", props: {ordered: false, dark: true, borderless: false, size: "large"}) do %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_list/docs/_list_dark_lg.jsx

@@ -1,22 +0,0 @@
-import React from 'react'
-
-import { List, ListItem } from '../../'
-
-const ListDarkLg = () => {
-  return (
-    <>
-      <List
-          dark
-          size="large"
-      >
-        <ListItem>{'Item 1'}</ListItem>
-        <ListItem>{'Item 2'}</ListItem>
-        <ListItem>{'Item 3'}</ListItem>
-        <ListItem>{'Item 4'}</ListItem>
-        <ListItem>{'Item 5'}</ListItem>
-      </List>
-    </>
-  )
-}
-
-export default ListDarkLg

data/app/pb_kits/playbook/pb_list/docs/_list_dark_ordered.html.erb

@@ -1,7 +0,0 @@
-<%= pb_rails("list", props: {ordered: true, dark: true, borderless: false}) do %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_list/docs/_list_dark_ordered.jsx

@@ -1,22 +0,0 @@
-import React from 'react'
-
-import { List, ListItem } from '../../'
-
-const ListDarkOrdered = () => {
-  return (
-    <>
-      <List
-          dark
-          ordered
-      >
-        <ListItem>{'Item 1'}</ListItem>
-        <ListItem>{'Item 2'}</ListItem>
-        <ListItem>{'Item 3'}</ListItem>
-        <ListItem>{'Item 4'}</ListItem>
-        <ListItem>{'Item 5'}</ListItem>
-      </List>
-    </>
-  )
-}
-
-export default ListDarkOrdered

data/app/pb_kits/playbook/pb_list/docs/_list_dark_xpadding.html.erb

@@ -1,7 +0,0 @@
-<%= pb_rails("list", props: {ordered: false, dark: true, borderless: false, xpadding: true}) do %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<%= pb_rails("list/item") do %> List Item <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_list/docs/_list_dark_xpadding.jsx

@@ -1,22 +0,0 @@
-import React from 'react'
-
-import { List, ListItem } from '../../'
-
-const ListDarkXpadding = () => {
-  return (
-    <>
-      <List
-          dark
-          xpadding
-      >
-        <ListItem>{'Item 1'}</ListItem>
-        <ListItem>{'Item 2'}</ListItem>
-        <ListItem>{'Item 3'}</ListItem>
-        <ListItem>{'Item 4'}</ListItem>
-        <ListItem>{'Item 5'}</ListItem>
-      </List>
-    </>
-  )
-}
-
-export default ListDarkXpadding

data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_dark.html.erb

@@ -1,13 +0,0 @@
-<%= pb_rails("loading_inline", props: {
-	dark: true
-}) %>
-
-<%= pb_rails("loading_inline", props: {
-	align: "center",
-	dark: true
-}) %>
-
-<%= pb_rails("loading_inline", props: {
-	align: "right",
-	dark: true
-}) %>

data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_dark.jsx

@@ -1,20 +0,0 @@
-import React from 'react'
-import { LoadingInline } from '../../'
-
-const LoadingInlineDark = () => {
-  return (
-    <div>
-      <LoadingInline dark />
-      <LoadingInline
-          align="center"
-          dark
-      />
-      <LoadingInline
-          align="right"
-          dark
-      />
-    </div>
-  )
-}
-
-export default LoadingInlineDark

data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_dark.html.erb

@@ -1,41 +0,0 @@
-<%= pb_rails("multiple_users", props: {
-  dark: true,
-  users: [
-    {
-      name: "Patrick Welch",
-      image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-    },
-    {
-      name: "Lucille Sanchez",
-      image_url: "https://randomuser.me/api/portraits/women/6.jpg",
-    },
-    {
-      name: "Beverly Reyes",
-      image_url: "https://randomuser.me/api/portraits/women/74.jpg",
-    },
-    {
-      name: "Keith Craig",
-      image_url: "https://randomuser.me/api/portraits/men/40.jpg",
-    },
-    {
-      name: "Alicia Cooper",
-      image_url: "https://randomuser.me/api/portraits/women/46.jpg",
-    }
-  ]
-}) %>
-
-<br/><br/>
-
-<%= pb_rails("multiple_users", props: {
-  dark: true,
-  users: [
-    {
-      name: "Shawn Palmer",
-      image_url: "https://randomuser.me/api/portraits/men/93.jpg",
-    },
-    {
-      name: "Andrew Murray",
-      image_url: "https://randomuser.me/api/portraits/men/75.jpg",
-    }
-  ]
-}) %>

data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_dark.jsx

@@ -1,52 +0,0 @@
-import React from 'react'
-import { MultipleUsers } from '../../'
-
-const MultipleUsersDark = () => {
-  return (
-    <div>
-      <MultipleUsers
-          dark
-          users={[
-        {
-          name: 'Patrick Welch',
-          imageUrl: 'https://randomuser.me/api/portraits/men/9.jpg',
-        },
-        {
-          name: 'Lucille Sanchez',
-          imageUrl: 'https://randomuser.me/api/portraits/women/6.jpg',
-        },
-        {
-          name: 'Beverly Reyes',
-          imageUrl: 'https://randomuser.me/api/portraits/women/74.jpg',
-        },
-        {
-          name: 'Keith Craig',
-          imageUrl: 'https://randomuser.me/api/portraits/men/40.jpg',
-        },
-        {
-          name: 'Alicia Cooper',
-          imageUrl: 'https://randomuser.me/api/portraits/women/46.jpg',
-        },
-      ]}
-      />
-
-      <br />
-      <br />
-
-      <MultipleUsers
-          dark
-          users={[
-        {
-          name: 'Shawn Palmer',
-          imageUrl: 'https://randomuser.me/api/portraits/men/93.jpg',
-        },
-        {
-          name: 'Andrew Murray Cooper Craig',
-        },
-      ]}
-      />
-    </div>
-  )
-}
-
-export default MultipleUsersDark

data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_dark.html.erb

@@ -1,53 +0,0 @@
-<%= pb_rails("multiple_users_stacked", props: {
-  dark: true,
-  users: [
-    {
-      name: "Patrick Welch",
-      image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-    }
-  ]
-}) %>
-
-<br/><br/>
-
-<%= pb_rails("multiple_users_stacked", props: {
-  dark: true,
-  users: [
-    {
-      name: "Patrick Welch",
-      image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-    },
-    {
-      name: "Lucille Sanchez",
-      image_url: "https://randomuser.me/api/portraits/women/6.jpg",
-    }
-  ]
-}) %>
-
-<br/><br/>
-
-<%= pb_rails("multiple_users_stacked", props: {
-  dark: true,
-  users: [
-    {
-      name: "Patrick Welch",
-      image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-    },
-    {
-      name: "Lucille Sanchez",
-      image_url: "https://randomuser.me/api/portraits/women/6.jpg",
-    },
-    {
-      name: "Beverly Reyes",
-      image_url: "https://randomuser.me/api/portraits/women/74.jpg",
-    },
-    {
-      name: "Keith Craig",
-      image_url: "https://randomuser.me/api/portraits/men/40.jpg",
-    },
-    {
-      name: "Alicia Cooper",
-      image_url: "https://randomuser.me/api/portraits/women/46.jpg",
-    }
-  ]
-}) %>

data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_dark.jsx

@@ -1,62 +0,0 @@
-import React from 'react'
-import { MultipleUsersStacked } from '../../'
-
-const MultipleUsersStackedDark = () => {
-  return (
-    <div>
-      <MultipleUsersStacked
-          dark
-          users={[
-        {
-          name: 'Patrick Welch',
-          imageUrl: 'https://randomuser.me/api/portraits/men/9.jpg',
-        },
-      ]}
-      />
-      <br />
-      <br />
-      <MultipleUsersStacked
-          dark
-          users={[
-        {
-          name: 'Patrick Welch',
-          imageUrl: 'https://randomuser.me/api/portraits/men/9.jpg',
-        },
-        {
-          name: 'Lucille Sanchez',
-          imageUrl: 'https://randomuser.me/api/portraits/women/6.jpg',
-        },
-      ]}
-      />
-      <br />
-      <br />
-      <MultipleUsersStacked
-          dark
-          users={[
-        {
-          name: 'Patrick Welch',
-          imageUrl: 'https://randomuser.me/api/portraits/men/9.jpg',
-        },
-        {
-          name: 'Lucille Sanchez',
-          imageUrl: 'https://randomuser.me/api/portraits/women/6.jpg',
-        },
-        {
-          name: 'Beverly Reyes',
-          imageUrl: 'https://randomuser.me/api/portraits/women/74.jpg',
-        },
-        {
-          name: 'Keith Craig',
-          imageUrl: 'https://randomuser.me/api/portraits/men/40.jpg',
-        },
-        {
-          name: 'Alicia Cooper',
-          imageUrl: 'https://randomuser.me/api/portraits/women/46.jpg',
-        },
-      ]}
-      />
-    </div>
-  )
-}
-
-export default MultipleUsersStackedDark

data/app/pb_kits/playbook/pb_online_status/docs/_online_status_dark.html.erb

@@ -1,9 +0,0 @@
-<%= pb_rails("online_status", props: { dark: true, status: "offline" }) %>
-
-<br>
-
-<%= pb_rails("online_status", props: { dark: true, status: "online" }) %>
-
-<br>
-
-<%= pb_rails("online_status", props: { dark: true, status: "away" }) %>

data/app/pb_kits/playbook/pb_online_status/docs/_online_status_dark.jsx

@@ -1,28 +0,0 @@
-import React from 'react'
-import { OnlineStatus } from '../../'
-
-const OnlineStatusDark = () => (
-  <>
-    <OnlineStatus
-        dark
-        status="offline"
-    />
-
-    <br />
-
-    <OnlineStatus
-        dark
-        status="online"
-    />
-
-    <br />
-
-    <OnlineStatus
-        dark
-        status="away"
-    />
-
-  </>
-)
-
-export default OnlineStatusDark

data/app/pb_kits/playbook/pb_pill/docs/_pill_dark.html.erb

@@ -1,52 +0,0 @@
-<%= pb_rails("pill", props: {
-  dark: true,
-  text: "Default"
-}) %>
-
-<br><br>
-
-<%= pb_rails("pill", props: {
-  dark: true,
-  text: "success",
-  variant: "success"
-}) %>
-
-<br><br>
-
-<%= pb_rails("pill", props: {
-  dark: true,
-  text: "error",
-  variant: "error"
-}) %>
-
-<br><br>
-
-<%= pb_rails("pill", props: {
-  dark: true,
-  text: "warning",
-  variant: "warning"
-}) %>
-
-<br><br>
-
-<%= pb_rails("pill", props: {
-  dark: true,
-  text: "info",
-  variant: "info"
-}) %>
-
-<br><br>
-
-<%= pb_rails("pill", props: {
-  dark: true,
-  text: "neutral",
-  variant: "neutral"
-}) %>
-
-<br><br>
-
-<%= pb_rails("pill", props: {
-  dark: true,
-  text: "primary",
-  variant: "primary"
-}) %>

data/app/pb_kits/playbook/pb_pill/docs/_pill_dark.jsx

@@ -1,69 +0,0 @@
-import React from 'react'
-import Pill from '../_pill.jsx'
-
-const PillDark = () => {
-  return (
-    <div>
-      <Pill
-          dark
-          text="default"
-      />
-
-      <br />
-      <br />
-
-      <Pill
-          dark
-          text="success"
-          variant="success"
-      />
-
-      <br />
-      <br />
-
-      <Pill
-          dark
-          text="error"
-          variant="error"
-      />
-
-      <br />
-      <br />
-
-      <Pill
-          dark
-          text="warning"
-          variant="warning"
-      />
-
-      <br />
-      <br />
-
-      <Pill
-          dark
-          text="info"
-          variant="info"
-      />
-
-      <br />
-      <br />
-
-      <Pill
-          dark
-          text="neutral"
-          variant="neutral"
-      />
-
-      <br />
-      <br />
-
-      <Pill
-          dark
-          text="primary"
-          variant="primary"
-      />
-    </div>
-  )
-}
-
-export default PillDark