playbook_ui 9.1.0 → 9.2.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 (17) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_highlight/_highlight.jsx +1 -1
  3. data/app/pb_kits/playbook/pb_highlight/highlight.html.erb +3 -1
  4. data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.jsx +3 -0
  5. data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.html.erb +1 -0
  6. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.jsx +1 -1
  7. data/app/pb_kits/playbook/pb_progress_pills/docs/_description.md +3 -1
  8. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb +1 -1
  9. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx +1 -0
  10. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.html.erb +1 -1
  11. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.jsx +1 -0
  12. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.html.erb +1 -1
  13. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.rb +5 -0
  14. data/app/pb_kits/playbook/pb_stat_value/_stat_value.jsx +2 -0
  15. data/app/pb_kits/playbook/pb_stat_value/stat_value.html.erb +2 -0
  16. data/lib/playbook/version.rb +1 -1
  17. metadata +36 -36
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 13859d3f8d731118151f55f115ddddc05fe056a20f5166cd74d373ac333d56c5
4
- data.tar.gz: 7bbbc053d7fe78a2f0052440b42e78d8a4cca82013cc0ae11166c1d75521b693
3
+ metadata.gz: aef1741f04bc8e69735bca02d3a02371f3b505fa00e89886e0765ef9966cabb4
4
+ data.tar.gz: 7ba329497b8405ca204af5e7d41e18ec51e14d3691b33741f36767d385a0506e
5
5
  SHA512:
6
- metadata.gz: ba648346b0802233d2dba4a4bd932b0bfe039ee63667afc90efbef0f00a3d09671866783c6a8ace55e84f2ba6430ecd230f30241aa328a7d925db8cdeef684ef
7
- data.tar.gz: ded1c063a8f3b196bae5e4af2cc446411392dba688ec444b0e885fb03c0cf4703f7984d7e0a09722c345613e25033afbc92f447baa7ba9b93c265998d7503a8b
6
+ metadata.gz: 29359809591a9728d7be433e38691ca397c133c1b1ed9bbe85e75b95775fcd6d90f4c25c65eccd288f4197af1c5a7ed2016821d61967a1b737b9d467ac22baad
7
+ data.tar.gz: 85d37c87b12da09850947cc291b02e8a7edb081a4f165d8824d47a2cb0bc26a6a02eb30e486f0899b3b259753a67fe32d25486fdabee9fcdb9724bbc192b6f47
data/app/pb_kits/playbook/pb_highlight/_highlight.jsx CHANGED
@@ -28,7 +28,7 @@ const Highlight = (props: HighlightProps) => {
28
28
  autoEscape
29
29
  data={data}
30
30
  highlightClassName={classnames(globalProps(props), className)}
31
- highlightTag="span"
31
+ highlightTag="mark"
32
32
  id={id}
33
33
  searchWords={highlightedText}
34
34
  textToHighlight={text || children}
data/app/pb_kits/playbook/pb_highlight/highlight.html.erb CHANGED
@@ -2,5 +2,7 @@
2
2
  id: object.id,
3
3
  data: object.data,
4
4
  class: object.classname) do %>
5
- <%= content.presence || object.text %>
5
+ <mark>
6
+ <%= content.presence || object.text %>
7
+ </mark>
6
8
  <% end %>
data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.jsx CHANGED
@@ -52,6 +52,7 @@ const IconStatValue = (props: IconStatValueProps) => {
52
52
  return (
53
53
  <Title
54
54
  size={1}
55
+ tag="span"
55
56
  text={`${value}`}
56
57
  />
57
58
  )
@@ -59,6 +60,7 @@ const IconStatValue = (props: IconStatValueProps) => {
59
60
  return (
60
61
  <Title
61
62
  size={2}
63
+ tag="span"
62
64
  text={`${value}`}
63
65
  />
64
66
  )
@@ -66,6 +68,7 @@ const IconStatValue = (props: IconStatValueProps) => {
66
68
  return (
67
69
  <Title
68
70
  size={3}
71
+ tag="span"
69
72
  text={`${value}`}
70
73
  />
71
74
  )
data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.html.erb CHANGED
@@ -12,6 +12,7 @@
12
12
  <div>
13
13
  <%= pb_rails("flex", props: { vertical: "bottom" }) do %>
14
14
  <%= pb_rails "title", props: {
15
+ tag: "span",
15
16
  text: object.value_string,
16
17
  size: object.title_size } %>
17
18
  &nbsp;
data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.jsx CHANGED
@@ -46,7 +46,7 @@ const ProgressPill = ({ active, dark, step }: ProgressPillProps) => (
46
46
  const ProgressPills = (props: ProgressPillsProps) => {
47
47
  const {
48
48
  active = 0,
49
- aria = {},
49
+ aria = { hidden: true },
50
50
  className,
51
51
  data = {},
52
52
  id,
data/app/pb_kits/playbook/pb_progress_pills/docs/_description.md CHANGED
@@ -1 +1,3 @@
1
- Progress pills indicate a specific point in time of a series of sequential steps. They are used to track progress of something over time.
1
+ Progress pills indicate a specific point in time of a series of sequential steps. They are used to track progress of something over time.
2
+
3
+ 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 CHANGED
@@ -1 +1 @@
1
- <%= pb_rails("progress_pills", props: { steps: 3, active: 2 }) %>
1
+ <%= 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 CHANGED
@@ -7,6 +7,7 @@ const ProgressPillsDefault = (props) => {
7
7
  <div>
8
8
  <ProgressPills
9
9
  active={2}
10
+ aria={{ label: '2 out of 3 steps complete' }}
10
11
  steps={3}
11
12
  {...props}
12
13
  />
data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.html.erb CHANGED
@@ -1 +1 @@
1
- <%= pb_rails("progress_pills", props: { steps: 3, active: 2, title:"Status:", value:"Orientation" }) %>
1
+ <%= 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 CHANGED
@@ -7,6 +7,7 @@ const ProgressPillsStatus = (props) => {
7
7
  <div>
8
8
  <ProgressPills
9
9
  active={2}
10
+ aria={{ label: '2 out of 3 steps complete' }}
10
11
  steps={3}
11
12
  title="Status:"
12
13
  value="Orientation"
data/app/pb_kits/playbook/pb_progress_pills/progress_pills.html.erb CHANGED
@@ -1,5 +1,5 @@
1
1
  <%= content_tag(:div,
2
- aria: object.aria,
2
+ aria: object.aria_attributes,
3
3
  id: object.id,
4
4
  data: object.data,
5
5
  class: object.classname) do %>
data/app/pb_kits/playbook/pb_progress_pills/progress_pills.rb CHANGED
@@ -26,6 +26,11 @@ module Playbook
26
26
  step <= active ? "_active" : "_inactive"
27
27
  end
28
28
 
29
+ def aria_attributes
30
+ return aria if aria.present?
31
+ { hidden: true }
32
+ end
33
+
29
34
  def dark_pill
30
35
  dark ? " dark" : nil
31
36
  end
data/app/pb_kits/playbook/pb_stat_value/_stat_value.jsx CHANGED
@@ -25,6 +25,7 @@ const StatValue = (props: StatValueProps) => {
25
25
  return (
26
26
  <Title
27
27
  size={1}
28
+ tag="span"
28
29
  text={`${value}`}
29
30
  />
30
31
  )
@@ -36,6 +37,7 @@ const StatValue = (props: StatValueProps) => {
36
37
  return (
37
38
  <Title
38
39
  size={3}
40
+ tag="span"
39
41
  text={unit}
40
42
  />
41
43
  )
data/app/pb_kits/playbook/pb_stat_value/stat_value.html.erb CHANGED
@@ -6,10 +6,12 @@
6
6
  <%= pb_rails "title", props: {
7
7
  classname: "pb_stat_value_kit",
8
8
  size: 1,
9
+ tag: "span",
9
10
  text: object.formatted_value } %>
10
11
  &nbsp;
11
12
  <%= pb_rails "title", props: {
12
13
  classname: "pb_stat_value_kit",
14
+ tag: "span",
13
15
  size: 3,
14
16
  text: object.unit } %>
15
17
  </div>
data/lib/playbook/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- VERSION = "9.1.0"
4
+ VERSION = "9.2.0"
5
5
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 9.1.0
4
+ version: 9.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2021-04-05 00:00:00.000000000 Z
12
+ date: 2021-04-06 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -75,128 +75,128 @@ dependencies:
75
75
  name: react-rails
76
76
  requirement: !ruby/object:Gem::Requirement
77
77
  requirements:
78
- - - '='
78
+ - - "~>"
79
79
  - !ruby/object:Gem::Version
80
- version: 2.6.0
80
+ version: '2.6'
81
81
  type: :runtime
82
82
  prerelease: false
83
83
  version_requirements: !ruby/object:Gem::Requirement
84
84
  requirements:
85
- - - '='
85
+ - - "~>"
86
86
  - !ruby/object:Gem::Version
87
- version: 2.6.0
87
+ version: '2.6'
88
88
  - !ruby/object:Gem::Dependency
89
89
  name: redcarpet
90
90
  requirement: !ruby/object:Gem::Requirement
91
91
  requirements:
92
- - - '='
92
+ - - "~>"
93
93
  - !ruby/object:Gem::Version
94
- version: 3.5.1
94
+ version: '3.5'
95
95
  type: :runtime
96
96
  prerelease: false
97
97
  version_requirements: !ruby/object:Gem::Requirement
98
98
  requirements:
99
- - - '='
99
+ - - "~>"
100
100
  - !ruby/object:Gem::Version
101
- version: 3.5.1
101
+ version: '3.5'
102
102
  - !ruby/object:Gem::Dependency
103
103
  name: rouge
104
104
  requirement: !ruby/object:Gem::Requirement
105
105
  requirements:
106
- - - '='
106
+ - - "~>"
107
107
  - !ruby/object:Gem::Version
108
- version: 3.15.0
108
+ version: '3.15'
109
109
  type: :runtime
110
110
  prerelease: false
111
111
  version_requirements: !ruby/object:Gem::Requirement
112
112
  requirements:
113
- - - '='
113
+ - - "~>"
114
114
  - !ruby/object:Gem::Version
115
- version: 3.15.0
115
+ version: '3.15'
116
116
  - !ruby/object:Gem::Dependency
117
117
  name: sassc-rails
118
118
  requirement: !ruby/object:Gem::Requirement
119
119
  requirements:
120
- - - '='
120
+ - - "~>"
121
121
  - !ruby/object:Gem::Version
122
- version: 1.3.0
122
+ version: '1.3'
123
123
  type: :runtime
124
124
  prerelease: false
125
125
  version_requirements: !ruby/object:Gem::Requirement
126
126
  requirements:
127
- - - '='
127
+ - - "~>"
128
128
  - !ruby/object:Gem::Version
129
- version: 1.3.0
129
+ version: '1.3'
130
130
  - !ruby/object:Gem::Dependency
131
131
  name: slim-rails
132
132
  requirement: !ruby/object:Gem::Requirement
133
133
  requirements:
134
- - - '='
134
+ - - "~>"
135
135
  - !ruby/object:Gem::Version
136
- version: 3.2.0
136
+ version: '3.2'
137
137
  type: :runtime
138
138
  prerelease: false
139
139
  version_requirements: !ruby/object:Gem::Requirement
140
140
  requirements:
141
- - - '='
141
+ - - "~>"
142
142
  - !ruby/object:Gem::Version
143
- version: 3.2.0
143
+ version: '3.2'
144
144
  - !ruby/object:Gem::Dependency
145
145
  name: sprockets-rails
146
146
  requirement: !ruby/object:Gem::Requirement
147
147
  requirements:
148
- - - '='
148
+ - - "~>"
149
149
  - !ruby/object:Gem::Version
150
- version: 2.3.3
150
+ version: '2.3'
151
151
  type: :runtime
152
152
  prerelease: false
153
153
  version_requirements: !ruby/object:Gem::Requirement
154
154
  requirements:
155
- - - '='
155
+ - - "~>"
156
156
  - !ruby/object:Gem::Version
157
- version: 2.3.3
157
+ version: '2.3'
158
158
  - !ruby/object:Gem::Dependency
159
159
  name: view_component
160
160
  requirement: !ruby/object:Gem::Requirement
161
161
  requirements:
162
- - - '='
162
+ - - "~>"
163
163
  - !ruby/object:Gem::Version
164
- version: 2.23.2
164
+ version: '2.23'
165
165
  type: :runtime
166
166
  prerelease: false
167
167
  version_requirements: !ruby/object:Gem::Requirement
168
168
  requirements:
169
- - - '='
169
+ - - "~>"
170
170
  - !ruby/object:Gem::Version
171
- version: 2.23.2
171
+ version: '2.23'
172
172
  - !ruby/object:Gem::Dependency
173
173
  name: webpacker
174
174
  requirement: !ruby/object:Gem::Requirement
175
175
  requirements:
176
- - - '='
176
+ - - "~>"
177
177
  - !ruby/object:Gem::Version
178
- version: 4.2.2
178
+ version: '4.2'
179
179
  type: :runtime
180
180
  prerelease: false
181
181
  version_requirements: !ruby/object:Gem::Requirement
182
182
  requirements:
183
- - - '='
183
+ - - "~>"
184
184
  - !ruby/object:Gem::Version
185
- version: 4.2.2
185
+ version: '4.2'
186
186
  - !ruby/object:Gem::Dependency
187
187
  name: webpacker-react
188
188
  requirement: !ruby/object:Gem::Requirement
189
189
  requirements:
190
190
  - - "~>"
191
191
  - !ruby/object:Gem::Version
192
- version: 0.3.2
192
+ version: '0.3'
193
193
  type: :runtime
194
194
  prerelease: false
195
195
  version_requirements: !ruby/object:Gem::Requirement
196
196
  requirements:
197
197
  - - "~>"
198
198
  - !ruby/object:Gem::Version
199
- version: 0.3.2
199
+ version: '0.3'
200
200
  - !ruby/object:Gem::Dependency
201
201
  name: better_errors
202
202
  requirement: !ruby/object:Gem::Requirement