playbook_ui 7.14.0 → 7.15.0

data/app/pb_kits/playbook/pb_background/docs/_background_dark.html.erb

@@ -1,3 +0,0 @@
-<%= pb_rails("background", props: { background_color: "dark", padding: "xl" }) do %> 
-
-<% end %>

data/app/pb_kits/playbook/pb_background/docs/_background_dark.jsx

@@ -1,12 +0,0 @@
-import React from 'react'
-import { Background } from '../..'
-
-const BackgroundDark = (props) => (
-  <Background
-      backgroundColor="dark"
-      padding="xl"
-      {...props}
-  />
-)
-
-export default BackgroundDark

data/app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_dark.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("date_range_stacked", props: { start_date: Date.new(2019, 06, 18), end_date: Date.new(2020, 03, 20), dark: true }) %>

data/app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_dark.jsx

@@ -1,15 +0,0 @@
-import React from 'react'
-import { DateRangeStacked } from '../../'
-
-const DateRangeStackedDark = (props) => (
-  <div>
-    <DateRangeStacked
-        dark
-        endDate={new Date('20 Mar 2020')}
-        startDate={new Date('18 Jun 2019')}
-        {...props}
-    />
-  </div>
-)
-
-export default DateRangeStackedDark

data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_dark.html.erb

@@ -1,5 +0,0 @@
-<%= pb_rails("date_stacked", props: { date: DateTime.now, dark: true }) %>
-
-<br>
-
-<%= pb_rails("date_stacked", props: { date: DateTime.now, size: "md", dark: true }) %>

data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_dark.jsx

@@ -1,26 +0,0 @@
-import React from 'react'
-import DateStacked from '../_date_stacked.jsx'
-
-const DateStackedDark = (props) => {
-  return (
-    <div>
-      <DateStacked
-          dark
-          date={new Date().toLocaleString('en-US', { timeZone: 'Pacific/Tongatapu' })}
-          size="sm"
-          {...props}
-      />
-
-      <br />
-
-      <DateStacked
-          dark
-          date={new Date().toLocaleString('en-US', { timeZone: 'America/New_York' })}
-          size="md"
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default DateStackedDark

data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_dark.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("date_time_stacked", props: { dark: true }) %>

data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_dark.jsx

@@ -1,14 +0,0 @@
-import React from 'react'
-import { DateTimeStacked } from '../../'
-
-const DateTimeStackedDark = (props) => (
-  <div>
-    <DateTimeStacked
-        dark
-        date={new Date()}
-        {...props}
-    />
-  </div>
-)
-
-export default DateTimeStackedDark

data/app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_dark.html.erb

@@ -1,5 +0,0 @@
-<%= pb_rails "date_year_stacked", props: { date: Date.today, dark: true } %>
-<br><br>
-<%= pb_rails "date_year_stacked", props: { date: Date.today, align: 'center', dark: true } %>
-<br><br>
-<%= pb_rails "date_year_stacked", props: { date: Date.today, align: 'right', dark: true } %>

data/app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_dark.jsx

@@ -1,28 +0,0 @@
-import React from 'react'
-import { DateYearStacked } from '../../'
-
-const DateYearStackedDark = (props) => {
-  return (
-    <div>
-      <DateYearStacked
-          dark
-          date={new Date()}
-          {...props}
-      />
-      <DateYearStacked
-          align="center"
-          dark
-          date={new Date()}
-          {...props}
-      />
-      <DateYearStacked
-          align="right"
-          dark
-          date={new Date()}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default DateYearStackedDark

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dark.html.erb

@@ -1,21 +0,0 @@
-<%= pb_rails("fixed_confirmation_toast", props: {
-  dark: true,
-  text: "Error Message",
-  status: "error"
-})%>
-
-<br><br>
-
-<%= pb_rails("fixed_confirmation_toast", props: {
-  dark: true,
-  text: "Items Successfully Moved",
-  status: "success"
-})%>
-
-<br><br>
-
-<%= pb_rails("fixed_confirmation_toast", props: {
-  dark: true,
-  text: "Scan to Assign Selected Items",
-  status: "neutral"
-})%>

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dark.jsx

@@ -1,43 +0,0 @@
-import React from 'react'
-import { FixedConfirmationToast } from '../..'
-
-const FixedConfirmationToastDark = (props) => {
-  return (
-    <div>
-      <div>
-        <FixedConfirmationToast
-            dark
-            status="error"
-            text="Error Message"
-            {...props}
-        />
-      </div>
-
-      <br />
-      <br />
-
-      <div>
-        <FixedConfirmationToast
-            dark
-            status="success"
-            text="Items Successfully Moved"
-            {...props}
-        />
-      </div>
-
-      <br />
-      <br />
-
-      <div>
-        <FixedConfirmationToast
-            dark
-            status="neutral"
-            text="Scan to Assign Selected Items"
-            {...props}
-        />
-      </div>
-    </div>
-  )
-}
-
-export default FixedConfirmationToastDark

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line_dark.html.erb

@@ -1,5 +0,0 @@
-<%= pb_rails("fixed_confirmation_toast", props: {
-  dark: true,
-  text: "Scan to Assign Selected Items.\nClick here to generate report.",
-  status: "tip",
-}) %>

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line_dark.jsx

@@ -1,17 +0,0 @@
-import React from 'react'
-import { FixedConfirmationToast } from '../../'
-
-const FixedConfirmationToastMultiLineDark = (props) => {
-  return (
-    <div>
-      <FixedConfirmationToast
-          dark
-          status="tip"
-          text={'Scan to Assign Selected Items.\n Click here to generate report'}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default FixedConfirmationToastMultiLineDark

data/app/pb_kits/playbook/pb_flex/docs/_flex_vertical.html.erb

@@ -1,68 +0,0 @@
-<div class="flex-doc-example">
-
-  <%= pb_rails("title", props: {size: 4, text: "Row"}) %><br/>
-
-  <%= pb_rails("flex", props: {classname: "tall", vertical: "top"}) do %>
-    <%= pb_rails("flex/flex_item") do %>1<% end %>
-    <%= pb_rails("flex/flex_item") do %>2<% end %>
-    <%= pb_rails("flex/flex_item") do %>3<% end %>
-    <%= pb_rails("flex/flex_item") do %>4<% end %>
-  <% end %>
-
-  <br/><br/>
-
-  <%= pb_rails("flex", props: {classname: "tall", vertical: "center"}) do %>
-    <%= pb_rails("flex/flex_item") do %>1<% end %>
-    <%= pb_rails("flex/flex_item") do %>2<% end %>
-    <%= pb_rails("flex/flex_item") do %>3<% end %>
-    <%= pb_rails("flex/flex_item") do %>4<% end %>
-  <% end %>
-
-  <br/><br/>
-
-  <%= pb_rails("flex", props: {classname: "tall", vertical: "bottom"}) do %>
-    <%= pb_rails("flex/flex_item") do %>1<% end %>
-    <%= pb_rails("flex/flex_item") do %>2<% end %>
-    <%= pb_rails("flex/flex_item") do %>3<% end %>
-    <%= pb_rails("flex/flex_item") do %>4<% end %>
-  <% end %>
-
-  <br/><br/>
-
-  <%= pb_rails("flex", props: {classname: "tall", vertical: "stretch"}) do %>
-    <%= pb_rails("flex/flex_item") do %>1<% end %>
-    <%= pb_rails("flex/flex_item") do %>2<% end %>
-    <%= pb_rails("flex/flex_item") do %>3<% end %>
-    <%= pb_rails("flex/flex_item") do %>4<% end %>
-  <% end %>
-
-  <br/><br/>
-
-  <%= pb_rails("title", props: {size: 4, text: "Column"}) %><br/>
-
-  <%= pb_rails("flex", props: {classname: "tall", orientation: "column", vertical: "top"}) do %>
-    <%= pb_rails("flex/flex_item") do %>1<% end %>
-    <%= pb_rails("flex/flex_item") do %>2<% end %>
-    <%= pb_rails("flex/flex_item") do %>3<% end %>
-    <%= pb_rails("flex/flex_item") do %>4<% end %>
-  <% end %>
-
-  <br/><br/>
-
-  <%= pb_rails("flex", props: {classname: "tall", orientation: "column", vertical: "center"}) do %>
-    <%= pb_rails("flex/flex_item") do %>1<% end %>
-    <%= pb_rails("flex/flex_item") do %>2<% end %>
-    <%= pb_rails("flex/flex_item") do %>3<% end %>
-    <%= pb_rails("flex/flex_item") do %>4<% end %>
-  <% end %>
-
-  <br/><br/>
-
-  <%= pb_rails("flex", props: {classname: "tall", orientation: "column", vertical: "bottom"}) do %>
-    <%= pb_rails("flex/flex_item") do %>1<% end %>
-    <%= pb_rails("flex/flex_item") do %>2<% end %>
-    <%= pb_rails("flex/flex_item") do %>3<% end %>
-    <%= pb_rails("flex/flex_item") do %>4<% end %>
-  <% end %>
-
-</div>

data/app/pb_kits/playbook/pb_icon/docs/_icon_default_dark.html.erb

@@ -1,3 +0,0 @@
-<%= pb_rails("body", props: { dark: true }) do %>
-    <%= pb_rails("icon", props: { icon: "user", fixed_width: true }) %>
-<% end %>

data/app/pb_kits/playbook/pb_icon/docs/_icon_default_dark.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import { Body, Icon } from '../../'
-
-const IconDefaultDark = (props) => {
-  return (
-    <div>
-      <Body dark>
-        <Icon
-            fixedWidth
-            icon="user"
-            {...props}
-        />
-      </Body>
-    </div>
-  )
-}
-
-export default IconDefaultDark

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_dark.html.erb

@@ -1,42 +0,0 @@
-<%= pb_rails("icon_circle", props: {
-  dark: true,
-  icon: "comment",
-  variant: "royal",
-  size: "sm"
-}) %>
-<%= pb_rails("icon_circle", props: {
-  dark: true,
-  icon: "archive",
-  variant: "blue",
-  size: "sm"
-}) %>
-<%= pb_rails("icon_circle", props: {
-  dark: true,
-  icon: "arrow-alt-right",
-  variant: "purple",
-  size: "sm"
-}) %>
-<%= pb_rails("icon_circle", props: {
-  dark: true,
-  icon: "cloud",
-  variant: "teal",
-  size: "sm"
-}) %>
-<%= pb_rails("icon_circle", props: {
-  dark: true,
-  icon: "award",
-  variant: "red",
-  size: "sm"
-}) %>
-<%= pb_rails("icon_circle", props: {
-  dark: true,
-  icon: "bolt",
-  variant: "yellow",
-  size: "sm"
-}) %>
-<%= pb_rails("icon_circle", props: {
-  dark: true,
-  icon: "calendar",
-  variant: "green",
-  size: "sm"
-}) %>

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_dark.jsx

@@ -1,66 +0,0 @@
-import React from 'react'
-import { IconCircle } from '../../'
-
-const IconCircleColorDark = (props) => {
-  return (
-    <div>
-      <IconCircle
-          dark
-          icon="rocket"
-          size="sm"
-          variant="royal"
-          {...props}
-      />
-      <br />
-      <IconCircle
-          dark
-          icon="rocket"
-          size="sm"
-          variant="blue"
-          {...props}
-      />
-      <br />
-      <IconCircle
-          dark
-          icon="rocket"
-          size="sm"
-          variant="purple"
-          {...props}
-      />
-      <br />
-      <IconCircle
-          dark
-          icon="rocket"
-          size="sm"
-          variant="teal"
-          {...props}
-      />
-      <br />
-      <IconCircle
-          dark
-          icon="rocket"
-          size="sm"
-          variant="red"
-          {...props}
-      />
-      <br />
-      <IconCircle
-          dark
-          icon="rocket"
-          size="sm"
-          variant="yellow"
-          {...props}
-      />
-      <br />
-      <IconCircle
-          dark
-          icon="rocket"
-          size="sm"
-          variant="green"
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default IconCircleColorDark

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_dark.html.erb

@@ -1,4 +0,0 @@
-<%= pb_rails("icon_circle", props: {
-  dark: true,
-  icon: "user"
-}) %>

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_dark.jsx

@@ -1,17 +0,0 @@
-import React from 'react'
-import { IconCircle } from '../../'
-
-const IconCircleDark = (props) => {
-  return (
-    <div>
-      <IconCircle
-          dark
-          icon="rocket"
-          size="md"
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default IconCircleDark