playbook_ui 7.14.0 → 7.16.0.pre.alpha3

data/app/pb_kits/playbook/pb_avatar/_avatar.html.erb

@@ -1,12 +0,0 @@
-<%= content_tag(:div,
-    id: object.id,
-    data: object.data.merge(initials: object.initials),
-    class: object.classname,
-    aria: object.aria) do %>
-  <%= content_tag(:div,
-      data: { initials: object.initials },
-      class: "avatar_wrapper") do %>
-       <%= pb_rails("image", props: { url: object.image_url }) if object.image_url.present? %>
-      <% end %>
-       <%= pb_rails("online_status", props: object.online_status_props) if object.status %>
-<% end %>

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_checkbox/_checkbox.html.erb

@@ -1,16 +0,0 @@
-<%= content_tag(:label, aria: object.aria,
-                        id: object.id,
-                        data: object.data,
-                        class: object.classname) do %>  
-  <% if object.children %>
-    <%= capture(&object.children) %>
-   <% else %>            
-    <%= object.input %>
-  <% end %>
-    <span class="pb_checkbox_checkmark">
-      <%= pb_rails("icon", props: { icon: "check", id: "check_icon", classname: "check_icon", fixed_width: true}) %>
-    </span>
-    <span class="pb_checkbox_label">
-      <%= pb_rails("body", props: { status: object.checkbox_label_status, text: object.text, dark: object.dark, margin_right: object.form_spacing ? "xs" : "" }) %>
-    </span>
-<% end %>

data/app/pb_kits/playbook/pb_date_picker/_date_picker.html.erb

@@ -1,43 +0,0 @@
-<%= content_tag(:div,
-    aria: object.aria,
-    class: object.classname + object.error_class,
-    data: object.data,
-    id: object.id) do %>
-      <% if object.children %>
-        <div class="input_wrapper">
-          <%= capture(&object.children) %>
-      <% else %>
-        <div class="input_wrapper">
-          <%= pb_rails("text_input", props: {
-            aria: object.input_aria,
-            autocomplete: false,
-            dark: object.dark,
-            data: object.input_data,
-            disabled: object.disable_input,
-            error: object.error,
-            id: object.picker_id,
-            label: object.hide_label ? nil : object.label,
-            name: object.name,
-            placeholder: object.placeholder,
-            required: object.required,
-          }) %>
-        <% end %>
-        <% if !object.hide_icon %>
-          <div
-              class="<%= object.icon_wrapper_class %>"
-              id="cal-icon-<%= object.picker_id %>"
-          >
-            <%= pb_rails("icon", props: { 
-              classname: "cal_icon",
-              icon: "calendar-alt"
-            }) %>
-          </div>
-        <% end %>
-      </div>
-
-      <%= javascript_tag do %>
-      window.addEventListener("DOMContentLoaded", () => {
-          datePickerHelper(<%= object.date_picker_config %>)
-      })
-      <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.html.erb

@@ -1,16 +0,0 @@
-<%= content_tag(:div,
-    id: object.id,
-    data: object.data,
-    class: object.classname) do %>
-    <div class="pb_date_range_inline_wrapper">
-      <% if object.icon == true %>
-        <%= pb_rails(object.text_kit, props: { tag: "span", dark: object.dark, color: object.icon_color, text: pb_rails("icon", props: { icon: "calendar-alt", fixed_width: true, size: object.size, classname: "pb_date_range_inline_icon" }) }) %>
-      <% end %>
-
-      <%= pb_rails(object.text_kit, props: { tag: "span", dark: object.dark, text: object.start_date_display }) %>
-
-      <%= pb_rails(object.text_kit, props: { tag: "span", dark: object.dark, color: object.icon_color, text: pb_rails("icon", props: { icon: "long-arrow-right", fixed_width: true, size: object.size, classname: "pb_date_range_inline_arrow"}) }) %>
-
-      <%= pb_rails(object.text_kit, props: { tag: "span", dark: object.dark, text: object.end_date_display }) %>
-    </div>
-<% end %>

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_file_upload/file_upload.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbFileUpload
-    class FileUpload
-      include Playbook::Props
-
-      partial "pb_file_upload/file_upload"
-    end
-  end
-end

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_home_address_street/_home_address_street.html.erb

@@ -1,10 +0,0 @@
-<%= content_tag(:div,
-    id: object.id,
-    data: object.data,
-    class: object.classname) do %>
-  <% if object.emphasis == "city" %>
-		<%= render partial:"pb_home_address_street/city_emphasis.html.erb", locals: {object: object}%>
-	<% elsif object.emphasis == "street" %>
-		<%= render partial:"pb_home_address_street/street_emphasis.html.erb", locals: {object: object} %>
-	<% end %>
-<% end %>

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"
-}) %>