RubyGems - playbook_ui - Versions diffs - 7.15.1 → 7.16.0 - Mend

playbook_ui 7.15.1 → 7.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (49) hide show

data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss CHANGED Viewed

@@ -14,7 +14,6 @@ $pb_selectable_card_border: 2px;
   display: block;
   margin-bottom: 0;
   > label {
     > .buffer {
       display: inherit;
@@ -114,6 +113,16 @@ $pb_selectable_card_border: 2px;
     .separator {
       background: $bg_dark;
     }
+    &.error {
+      > label {
+        border-color: $error_dark;
+      }
+      .separator{
+        background: $error_dark;
+        width: 2px;
+      }
+    }
   }
   .separator {
@@ -127,4 +136,14 @@ $pb_selectable_card_border: 2px;
     margin-bottom: -1px;
     background: $border_light;
   }
+  &.error {
+    > label {
+      border-color: $error;
+    }
+    .separator {
+      background: $error;
+      width: 2px;
+    }
+  }
 }

data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_error.html.erb ADDED Viewed

@@ -0,0 +1,36 @@
+<%= pb_rails("title", props: {
+  size: 3,
+  text: "What sports do you like?"
+}) %>
+<br />
+<%= pb_rails("selectable_card", props: {
+  error: true,
+  input_id: "football",
+  name: "football",
+  value: "football",
+  variant: "display_input"
+}) do %>
+  Football
+<% end %>
+<%= pb_rails("selectable_card", props: {
+  error: true,
+  input_id: "basketball",
+  name: "basketball",
+  value: "basketball",
+  variant: "display_input"
+}) do %>
+  Basketball
+<% end %>
+<%= pb_rails("selectable_card", props: {
+  error: true,
+  input_id: "baseball",
+  name: "baseball",
+  value: "baseball",
+  variant: "display_input"
+}) do %>
+  Baseball
+<% end %>

data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_error.jsx ADDED Viewed

@@ -0,0 +1,58 @@
+import React, { useState } from 'react'
+import { Body, SelectableCard, Title } from '../..'
+const SelectableCardError = (props) => {
+  const [football, setFootball] = useState(false)
+  const [basketball, setBasketball] = useState(false)
+  const [baseball, setBaseball] = useState(false)
+  return (
+    <div>
+      <Title
+          {...props}
+          size={3}
+          text="What sports do you like?"
+      />
+      <br />
+      <SelectableCard
+          {...props}
+          checked={football}
+          error
+          inputId="football"
+          name="football"
+          onChange={() => setFootball(!football)}
+          value="football"
+          variant="displayInput"
+      >
+        <Body {...props}>{'Football'}</Body>
+      </SelectableCard>
+      <SelectableCard
+          {...props}
+          checked={basketball}
+          error
+          inputId="basketball"
+          name="basketball"
+          onChange={() => setBasketball(!basketball)}
+          value="basketball"
+          variant="displayInput"
+      >
+        <Body {...props}>{'Basketball'}</Body>
+      </SelectableCard>
+      <SelectableCard
+          {...props}
+          checked={baseball}
+          error
+          inputId="baseball"
+          name="baseball"
+          onChange={() => setBaseball(!baseball)}
+          value="baseball"
+          variant="displayInput"
+      >
+        <Body {...props}>{'Baseball'}</Body>
+      </SelectableCard>
+    </div>
+  )
+}
+export default SelectableCardError

data/app/pb_kits/playbook/pb_selectable_card/docs/example.yml CHANGED Viewed

@@ -7,6 +7,7 @@ examples:
   - selectable_card_options: With Options
   - selectable_card_image: Image Example
   - selectable_card_input: Input Variant
+  - selectable_card_error: With Errors
   react:
@@ -15,3 +16,4 @@ examples:
   - selectable_card_block: Block
   - selectable_card_image: Image Example
   - selectable_card_input: Input Variant
+  - selectable_card_error: With Errors

data/app/pb_kits/playbook/pb_selectable_card/docs/index.js CHANGED Viewed

@@ -1,5 +1,6 @@
 export { default as SelectableCardDefault } from './_selectable_card_default.jsx'
 export { default as SelectableCardSingleSelect } from './_selectable_card_single_select.jsx'
 export { default as SelectableCardBlock } from './_selectable_card_block.jsx'
+export { default as SelectableCardError } from './_selectable_card_error.jsx'
 export { default as SelectableCardImage } from './_selectable_card_image.jsx'
 export { default as SelectableCardInput } from './_selectable_card_input.jsx'

data/app/pb_kits/playbook/pb_selectable_card/selectable_card.rb CHANGED Viewed

@@ -11,6 +11,8 @@ module Playbook
                      default: false
       prop :disabled, type: Playbook::Props::Boolean,
                       default: false
+      prop :error, type: Playbook::Props::Boolean,
+                   default: false
       prop :icon, type: Playbook::Props::Boolean,
                   default: false
       prop :multi, type: Playbook::Props::Boolean,
@@ -28,6 +30,7 @@ module Playbook
       def classname
         [
           generate_classname_without_spacing("pb_selectable_card_kit", checked_class, enable_disabled_class),
+          error_class,
           dark_props,
         ].compact.join(" ")
       end
@@ -63,6 +66,10 @@ module Playbook
         disabled ? "disabled" : ""
       end
+      def status
+        error ? "negative" : nil
+      end
     private
       def checked_class
@@ -72,6 +79,10 @@ module Playbook
       def enable_disabled_class
         disabled ? "disabled" : "enabled"
       end
+      def error_class
+        error ? "error" : nil
+      end
     end
   end
 end

data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx CHANGED Viewed

@@ -28,7 +28,6 @@ const TableAlignmentShiftData = (props) => {
           </td>
         </tr>
       </tbody>
-      <br />
       <thead>
         <tr>
           <th>{'Espresso Drinks'}</th>

data/lib/playbook/version.rb CHANGED Viewed

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 module Playbook
-  VERSION = "7.15.1"
+  VERSION = "7.16.0"
 end

metadata CHANGED Viewed

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 7.15.1
+  version: 7.16.0
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire:
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-02-02 00:00:00.000000000 Z
+date: 2021-02-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -429,6 +429,9 @@ files:
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.html.erb
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.jsx
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.md
+- app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.html.erb
+- app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
+- app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.md
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_status.html.erb
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_status.md
@@ -1116,6 +1119,8 @@ files:
 - app/pb_kits/playbook/pb_image/_image.html.erb
 - app/pb_kits/playbook/pb_image/_image.jsx
 - app/pb_kits/playbook/pb_image/_image.scss
+- app/pb_kits/playbook/pb_image/docs/_custom_error_image.html.erb
+- app/pb_kits/playbook/pb_image/docs/_custom_error_image.jsx
 - app/pb_kits/playbook/pb_image/docs/_default_image.html.erb
 - app/pb_kits/playbook/pb_image/docs/_default_image.jsx
 - app/pb_kits/playbook/pb_image/docs/_description.md
@@ -1158,6 +1163,7 @@ files:
 - app/pb_kits/playbook/pb_layout/_column.html.erb
 - app/pb_kits/playbook/pb_layout/_footer.html.erb
 - app/pb_kits/playbook/pb_layout/_header.html.erb
+- app/pb_kits/playbook/pb_layout/_item.html.erb
 - app/pb_kits/playbook/pb_layout/_layout.html.erb
 - app/pb_kits/playbook/pb_layout/_layout.jsx
 - app/pb_kits/playbook/pb_layout/_layout.scss
@@ -1179,6 +1185,8 @@ files:
 - app/pb_kits/playbook/pb_layout/docs/_layout_kanban.jsx
 - app/pb_kits/playbook/pb_layout/docs/_layout_kanban_responsive.html.erb
 - app/pb_kits/playbook/pb_layout/docs/_layout_kanban_responsive.jsx
+- app/pb_kits/playbook/pb_layout/docs/_layout_masonry.html.erb
+- app/pb_kits/playbook/pb_layout/docs/_layout_masonry.jsx
 - app/pb_kits/playbook/pb_layout/docs/_layout_sizes.html.erb
 - app/pb_kits/playbook/pb_layout/docs/_layout_sizes.jsx
 - app/pb_kits/playbook/pb_layout/docs/_layout_transparent.html.erb
@@ -1187,6 +1195,7 @@ files:
 - app/pb_kits/playbook/pb_layout/docs/index.js
 - app/pb_kits/playbook/pb_layout/footer.rb
 - app/pb_kits/playbook/pb_layout/header.rb
+- app/pb_kits/playbook/pb_layout/item.rb
 - app/pb_kits/playbook/pb_layout/layout.rb
 - app/pb_kits/playbook/pb_layout/sidebar.rb
 - app/pb_kits/playbook/pb_legend/_legend.html.erb
@@ -1531,6 +1540,8 @@ files:
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.html.erb
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.jsx
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.md
+- app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_error.html.erb
+- app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_error.jsx
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.html.erb
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.jsx
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.md
@@ -2011,7 +2022,7 @@ homepage: http://playbook.powerapp.cloud
 licenses:
 - MIT
 metadata: {}
-post_install_message:
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2026,8 +2037,9 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.4
-signing_key:
+rubyforge_project:
+rubygems_version: 2.7.3
+signing_key:
 specification_version: 4
 summary: Playbook Design System
 test_files: []