playbook_ui 9.1.0 → 9.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_highlight/_highlight.jsx +1 -1
- data/app/pb_kits/playbook/pb_highlight/highlight.html.erb +3 -1
- data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.jsx +3 -0
- data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.html.erb +1 -0
- data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.jsx +1 -1
- data/app/pb_kits/playbook/pb_progress_pills/docs/_description.md +3 -1
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb +1 -1
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx +1 -0
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.html.erb +1 -1
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.jsx +1 -0
- data/app/pb_kits/playbook/pb_progress_pills/progress_pills.html.erb +1 -1
- data/app/pb_kits/playbook/pb_progress_pills/progress_pills.rb +5 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss +6 -0
- data/app/pb_kits/playbook/pb_stat_value/_stat_value.jsx +2 -0
- data/app/pb_kits/playbook/pb_stat_value/stat_value.html.erb +2 -0
- data/lib/playbook/version.rb +1 -1
- metadata +34 -34
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 0b07e8975d8152526c7855f8cda94f5b931ded83fb30f6c3a3efb003a481bee9
|
4
|
+
data.tar.gz: 92c756bfaec355150e8c045397874d280b3b6c83b6d9b630b60a5b7b64d39328
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 66465b67445b016a9664093a3f2fdb970e99e1424bd170bdbce653adb183c55ee774103979497bafeacbfb208c6268e9b1c647c7c18fb2d8c17cb8132b3a245b
|
7
|
+
data.tar.gz: e913e72bd8243b4f1e7471a6260f22b7c79c180aac2dc426d4e491e8a9d0cb07c8fc03d967bf641188db0335d6e9487f6ed66cd6e27b1c934afacf916ee18136
|
@@ -28,7 +28,7 @@ const Highlight = (props: HighlightProps) => {
|
|
28
28
|
autoEscape
|
29
29
|
data={data}
|
30
30
|
highlightClassName={classnames(globalProps(props), className)}
|
31
|
-
highlightTag="
|
31
|
+
highlightTag="mark"
|
32
32
|
id={id}
|
33
33
|
searchWords={highlightedText}
|
34
34
|
textToHighlight={text || children}
|
@@ -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
|
)
|
@@ -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.
|
@@ -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 }) %>
|
@@ -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" }) %>
|
@@ -81,6 +81,7 @@
|
|
81
81
|
position: sticky;
|
82
82
|
top: 0;
|
83
83
|
z-index: 1;
|
84
|
+
background-color: $white;
|
84
85
|
}
|
85
86
|
}
|
86
87
|
trix-editor {
|
@@ -211,6 +212,11 @@
|
|
211
212
|
border-color: $error_dark;
|
212
213
|
}
|
213
214
|
}
|
215
|
+
&.sticky {
|
216
|
+
trix-toolbar {
|
217
|
+
background-color: tint($bg_dark, 10%) !important;
|
218
|
+
}
|
219
|
+
}
|
214
220
|
.trix-dialog.trix-dialog--link.trix-active {
|
215
221
|
background-color: tint($bg_dark, 10%) !important;
|
216
222
|
border: 1px solid rgba($white, 0.1);
|
@@ -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
|
)
|
@@ -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
|
|
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
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.
|
4
|
+
version: 9.3.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-
|
12
|
+
date: 2021-04-08 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -75,114 +75,114 @@ 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
|
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
|
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
|
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
|
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
|
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
|
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
|
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
|
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
|
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
|
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
|
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
|
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
|
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
|
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.
|
178
|
+
version: '4.3'
|
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.
|
185
|
+
version: '4.3'
|
186
186
|
- !ruby/object:Gem::Dependency
|
187
187
|
name: webpacker-react
|
188
188
|
requirement: !ruby/object:Gem::Requirement
|