playbook_ui 9.1.0 → 9.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 13859d3f8d731118151f55f115ddddc05fe056a20f5166cd74d373ac333d56c5
-  data.tar.gz: 7bbbc053d7fe78a2f0052440b42e78d8a4cca82013cc0ae11166c1d75521b693
+  metadata.gz: aef1741f04bc8e69735bca02d3a02371f3b505fa00e89886e0765ef9966cabb4
+  data.tar.gz: 7ba329497b8405ca204af5e7d41e18ec51e14d3691b33741f36767d385a0506e
 SHA512:
-  metadata.gz: ba648346b0802233d2dba4a4bd932b0bfe039ee63667afc90efbef0f00a3d09671866783c6a8ace55e84f2ba6430ecd230f30241aa328a7d925db8cdeef684ef
-  data.tar.gz: ded1c063a8f3b196bae5e4af2cc446411392dba688ec444b0e885fb03c0cf4703f7984d7e0a09722c345613e25033afbc92f447baa7ba9b93c265998d7503a8b
+  metadata.gz: 29359809591a9728d7be433e38691ca397c133c1b1ed9bbe85e75b95775fcd6d90f4c25c65eccd288f4197af1c5a7ed2016821d61967a1b737b9d467ac22baad
+  data.tar.gz: 85d37c87b12da09850947cc291b02e8a7edb081a4f165d8824d47a2cb0bc26a6a02eb30e486f0899b3b259753a67fe32d25486fdabee9fcdb9724bbc192b6f47

data/app/pb_kits/playbook/pb_highlight/_highlight.jsx

@@ -28,7 +28,7 @@ const Highlight = (props: HighlightProps) => {
         autoEscape
         data={data}
         highlightClassName={classnames(globalProps(props), className)}
-        highlightTag="span"
+        highlightTag="mark"
         id={id}
         searchWords={highlightedText}
         textToHighlight={text || children}

data/app/pb_kits/playbook/pb_highlight/highlight.html.erb

@@ -2,5 +2,7 @@
     id: object.id,
     data: object.data,
     class: object.classname) do %>
-    <%= content.presence || object.text %>
+    <mark>
+      <%= content.presence || object.text %>
+    </mark>
 <% end %>

data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.jsx

@@ -52,6 +52,7 @@ const IconStatValue = (props: IconStatValueProps) => {
       return (
         <Title
             size={1}
+            tag="span"
             text={`${value}`}
         />
       )
@@ -59,6 +60,7 @@ const IconStatValue = (props: IconStatValueProps) => {
       return (
         <Title
             size={2}
+            tag="span"
             text={`${value}`}
         />
       )
@@ -66,6 +68,7 @@ const IconStatValue = (props: IconStatValueProps) => {
       return (
         <Title
             size={3}
+            tag="span"
             text={`${value}`}
         />
       )

data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.html.erb

@@ -12,6 +12,7 @@
       <div>
         <%= pb_rails("flex", props: { vertical: "bottom" }) do %>
             <%= pb_rails "title", props: {
+                tag: "span",
                 text: object.value_string,
                 size: object.title_size } %>
                 &nbsp;

data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.jsx

@@ -46,7 +46,7 @@ const ProgressPill = ({ active, dark, step }: ProgressPillProps) => (
 const ProgressPills = (props: ProgressPillsProps) => {
   const {
     active = 0,
-    aria = {},
+    aria = { hidden: true },
     className,
     data = {},
     id,

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

@@ -1 +1,3 @@
-Progress pills indicate a specific point in time of a series of sequential steps. They are used to track progress of something over time.
+Progress pills indicate a specific point in time of a series of sequential steps. They are used to track progress of something over time.
+
+Note: be sure to make use of the aria attribute as shown in the example if you want this kit to be web accessible.

data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb

@@ -1 +1 @@
-<%= pb_rails("progress_pills", props: { steps: 3, active: 2 }) %>
+<%= pb_rails("progress_pills", props: { aria: { label: "2 out of 3 steps complete" }, steps: 3, active: 2 }) %>

data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx

@@ -7,6 +7,7 @@ const ProgressPillsDefault = (props) => {
     <div>
       <ProgressPills
           active={2}
+          aria={{ label: '2 out of 3 steps complete' }}
           steps={3}
           {...props}
       />

data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.html.erb

@@ -1 +1 @@
-<%= pb_rails("progress_pills", props: { steps: 3, active: 2, title:"Status:", value:"Orientation" }) %>
+<%= pb_rails("progress_pills", props: { aria: { label: "2 out of 3 steps complete" }, steps: 3, active: 2, title:"Status:", value:"Orientation" }) %>

data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.jsx

@@ -7,6 +7,7 @@ const ProgressPillsStatus = (props) => {
     <div>
       <ProgressPills
           active={2}
+          aria={{ label: '2 out of 3 steps complete' }}
           steps={3}
           title="Status:"
           value="Orientation"

data/app/pb_kits/playbook/pb_progress_pills/progress_pills.html.erb

@@ -1,5 +1,5 @@
 <%= content_tag(:div,
-    aria: object.aria,
+    aria: object.aria_attributes,
     id: object.id,
     data: object.data,
     class: object.classname) do %>

data/app/pb_kits/playbook/pb_progress_pills/progress_pills.rb

@@ -26,6 +26,11 @@ module Playbook
          step <= active ? "_active" : "_inactive"
       end
 
+      def aria_attributes
+        return aria if aria.present?
+        { hidden: true }
+      end
+
       def dark_pill
         dark ? " dark" : nil
       end

data/app/pb_kits/playbook/pb_stat_value/_stat_value.jsx

@@ -25,6 +25,7 @@ const StatValue = (props: StatValueProps) => {
       return (
         <Title
             size={1}
+            tag="span"
             text={`${value}`}
         />
       )
@@ -36,6 +37,7 @@ const StatValue = (props: StatValueProps) => {
       return (
         <Title
             size={3}
+            tag="span"
             text={unit}
         />
       )

data/app/pb_kits/playbook/pb_stat_value/stat_value.html.erb

@@ -6,10 +6,12 @@
     <%= pb_rails "title", props: {
       classname: "pb_stat_value_kit",
       size: 1,
+      tag: "span",
       text: object.formatted_value } %>
       &nbsp;
       <%= pb_rails "title", props: {
       classname: "pb_stat_value_kit",
+      tag: "span",
       size: 3,
       text: object.unit } %>
   </div>

data/lib/playbook/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 9.1.0
+  version: 9.2.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-04-05 00:00:00.000000000 Z
+date: 2021-04-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -75,128 +75,128 @@ dependencies:
   name: react-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.6.0
+        version: '2.6'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.6.0
+        version: '2.6'
 - !ruby/object:Gem::Dependency
   name: redcarpet
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 3.5.1
+        version: '3.5'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 3.5.1
+        version: '3.5'
 - !ruby/object:Gem::Dependency
   name: rouge
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 3.15.0
+        version: '3.15'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 3.15.0
+        version: '3.15'
 - !ruby/object:Gem::Dependency
   name: sassc-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 1.3.0
+        version: '1.3'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 1.3.0
+        version: '1.3'
 - !ruby/object:Gem::Dependency
   name: slim-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 3.2.0
+        version: '3.2'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 3.2.0
+        version: '3.2'
 - !ruby/object:Gem::Dependency
   name: sprockets-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.3.3
+        version: '2.3'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.3.3
+        version: '2.3'
 - !ruby/object:Gem::Dependency
   name: view_component
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.23.2
+        version: '2.23'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.23.2
+        version: '2.23'
 - !ruby/object:Gem::Dependency
   name: webpacker
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 4.2.2
+        version: '4.2'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 4.2.2
+        version: '4.2'
 - !ruby/object:Gem::Dependency
   name: webpacker-react
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.3.2
+        version: '0.3'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.3.2
+        version: '0.3'
 - !ruby/object:Gem::Dependency
   name: better_errors
   requirement: !ruby/object:Gem::Requirement