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

playbook_ui 7.15.1 → 7.16.0

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: []