playbook_ui 10.0.0 → 10.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fab9c2c11d0d9b010b8498fdd9b1e9e1bad54b8776029ea6e75f11e51fd16fa9
-  data.tar.gz: ab6a5a56762a24213347eacefef14c9431d719cbf72b9bde1628a62a20a05db1
+  metadata.gz: d3d9f59712c2feedc5c8500bd521ebecd82c09fb2ea6312e8873b619d066d792
+  data.tar.gz: 3b89f01b558427fdbb5f6892ab0595cd89ba5dc6c5963c9245f917319cdbd0ce
 SHA512:
-  metadata.gz: ae2f49bada534b72189ada36e1f07d8a61bc1c7aebaf04697e6bc4ee12535a8c0b398d85d1f67c6d51f1e0a2cea8ee09a2bc2d5e03446669d262d4ec5d6c7e41
-  data.tar.gz: 2d36758af0cae0e80897e55660ec95a3d53eaa0feba43c22f52e56ae9348e5f3f763c326b09d7759443726c3250a55d5fd3d9c9275d0eb0b6aca66443a1bdcef
+  metadata.gz: 5ab31c5ca1f5be6a7c721193df7b9f0df8610e659bc08b719d57c03524c53991049df69164060b90e6c54ff8d752fce0ff5ca7df9c1d44c243c504b3f0be7a6b
+  data.tar.gz: 2910367d3d9dd7db1b2e435ecf2691c2b7116faf39a4ba6f015182a1330a5b449c817c595ca14b92301433ec05acb73409cd0637645c906184e59f892b8f88bf

data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.jsx

@@ -36,6 +36,7 @@ const MultipleUsers = (props: MultipleUsersProps) => {
   const displayCount =
     users.length > maxDisplayedUsers ? maxDisplayedUsers - 1 : users.length
   const usersToDisplay = users.slice(0, displayCount)
+
   const reverseClass = reverse === true ? 'reverse' : ''
   const avatarSizeClass = size === 'xxs' ? 'xxs' : 'xs'
   const ariaProps = buildAriaProps(aria)

data/app/pb_kits/playbook/pb_multiple_users/docs/_description.md

@@ -1 +1 @@
-The multiple users kit is used to show that more than one user is associated to an action or item.
+The multiple users kit is used to show that more than one user is associated to an action or item.

data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml

@@ -3,7 +3,6 @@ examples:
   rails:
   - multiple_users_default: Default
   - multiple_users_reverse: Reverse
-  - multiple_users_size: Size
 
 
   react:

data/app/pb_kits/playbook/pb_multiple_users/multiple_users.html.erb

@@ -4,16 +4,11 @@
     data: object.data,
     id: object.id) do %>
     <% object.users.take(object.display_count).each do |user| %>
-      <%= pb_rails("avatar", props: user.merge({
-        classname: "pb_multiple_users_item",
-        dark: object.dark,
-        size: object.avatar_size(user[:size].present?),
-        })
-      )%>
+      <%= pb_rails("avatar", props: user.merge({size: "xs", classname: "pb_multiple_users_item", dark: object.dark}) ) %>
     <% end %>
 
     <% if object.more_than_four %>
-      <div class="pb_multiple_users_item multiple_users_badge<%= (object.data[:size] == 'xxs') ? '_xxs' : '_xs' %>">
+      <div class="pb_multiple_users_item multiple_users_badge_xs">
         <%= "+#{object.users.count - object.display_count}" %>
       </div>
     <% end %>

data/app/pb_kits/playbook/pb_multiple_users/multiple_users.rb

@@ -4,7 +4,6 @@ module Playbook
   module PbMultipleUsers
     class MultipleUsers < Playbook::KitBase
       prop :reverse, type: Playbook::Props::Boolean, default: false
-      prop :size, type: Playbook::Props::String, default: "xs"
       prop :users, type: Playbook::Props::HashArray, required: true
 
       def more_than_four
@@ -19,12 +18,6 @@ module Playbook
         generate_classname("pb_multiple_users_kit", reverse_class)
       end
 
-      def avatar_size(size = "xs")
-        return data[:size] = "xs" if size.blank? || size == "xs"
-
-        data[:size] = "xxs"
-      end
-
     private
 
       def reverse_class

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "9.19.0"
-  VERSION = "10.0.0"
+  PREVIOUS_VERSION = "10.0.0"
+  VERSION = "10.0.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 10.0.0
+  version: 10.0.1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-06-30 00:00:00.000000000 Z
+date: 2021-07-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -1224,7 +1224,6 @@ files:
 - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.jsx
 - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.html.erb
 - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.jsx
-- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.html.erb
 - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx
 - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.md
 - app/pb_kits/playbook/pb_multiple_users/docs/example.yml

data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.html.erb

@@ -1,99 +0,0 @@
-<%= pb_rails("body", props: {
-  text: "xs",
-  color: "light"
-}) %>
-
-<%= pb_rails("multiple_users", props: {
-  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: {
-  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",
-    }
-  ]
-}) %>
-
-<br/><br/>
-
-<%= pb_rails("body", props: {
-  text: "xxs",
-  color: "light"
-}) %>
-
-<%= pb_rails("multiple_users", props: {
-  users: [
-    {
-      name: "Patrick Welch",
-      image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-      size: "xxs",
-    },
-    {
-      name: "Lucille Sanchez",
-      image_url: "https://randomuser.me/api/portraits/women/6.jpg",
-      size: "xxs",
-    },
-    {
-      name: "Beverly Reyes",
-      image_url: "https://randomuser.me/api/portraits/women/74.jpg",
-      size: "xxs",
-    },
-    {
-      name: "Keith Craig",
-      image_url: "https://randomuser.me/api/portraits/men/40.jpg",
-      size: "xxs",
-    },
-    {
-      name: "Alicia Cooper",
-      image_url: "https://randomuser.me/api/portraits/women/46.jpg",
-      size: "xxs",
-    }
-  ]
-}) %>
-
-<br/><br/>
-
-<%= pb_rails("multiple_users", props: {
-  users: [
-    {
-      name: "Shawn Palmer",
-      image_url: "https://randomuser.me/api/portraits/men/93.jpg",
-      size: "xxs",
-    },
-    {
-      name: "Andrew Murray",
-      image_url: "https://randomuser.me/api/portraits/men/75.jpg",
-      size: "xxs",
-    }
-  ]
-}) %>
-