playbook_ui 7.0.0.pre.alpha7 → 7.0.0.pre.alpha12

data/app/pb_kits/playbook/pb_legend/docs/_legend_dark.html.erb

@@ -1,5 +0,0 @@
-<% labels = %W[Windows Doors Roofing Siding Solar Gutters Insulation Other] %>
-
-<% (1..7).each do |n| %>
-   <%= pb_rails("legend", props: { color: "data_#{n}", dark: true, text: "#{labels[n]}" }) %> 
-<% end %>

data/app/pb_kits/playbook/pb_legend/docs/_legend_dark.jsx

@@ -1,21 +0,0 @@
-import React from 'react'
-import { Legend } from '../../'
-
-const products = ['Windows', 'Doors', 'Roofing', 'Siding', 'Solar Gutters', 'Insulation', 'Other']
-
-const LegendDark = () => (
-  <div>
-    {
-      products.map((product, i) => (
-        <Legend
-            color={`data_${i + 1}`}
-            dark
-            key={`legend_${i + 1}`}
-            text={product}
-        />
-      ))
-    }
-  </div>
-)
-
-export default LegendDark

data/app/pb_kits/playbook/pb_legend/docs/_legend_dark_prefix.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("legend", props: { dark: true, color: "data_3", prefix_text: "10", text: "Windows" }) %>

data/app/pb_kits/playbook/pb_legend/docs/_legend_dark_prefix.jsx

@@ -1,15 +0,0 @@
-import React from 'react'
-import { Legend } from '../..'
-
-const LegendDarkPrefix = () => (
-  <div>
-    <Legend
-        color="data_3"
-        dark
-        prefixText="10"
-        text="Windows"
-    />
-  </div>
-)
-
-export default LegendDarkPrefix

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

@@ -1,7 +0,0 @@
-<%= pb_rails("list", props: {ordered: false, 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.jsx

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

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

@@ -1,7 +0,0 @@
-<%= pb_rails("list", props: {ordered: false, dark: true, borderless: 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_borderless.jsx

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

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