playbook_ui 14.25.0.pre.alpha.play1986inlineloadingsolidvariant9963 → 14.25.0.pre.alpha.testingcss9700
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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +0 -19
- data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +0 -1
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_props_swift.md +2 -3
- data/app/pb_kits/playbook/pb_flex/_flex.tsx +6 -9
- data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.html.erb +1 -12
- data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.jsx +1 -26
- data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.md +9 -0
- data/app/pb_kits/playbook/pb_flex/flex.rb +12 -6
- data/app/pb_kits/playbook/pb_icon/_icon.scss +0 -4
- data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.tsx +1 -3
- data/app/pb_kits/playbook/pb_loading_inline/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_loading_inline/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb +1 -1
- data/app/pb_kits/playbook/pb_loading_inline/loading_inline.rb +0 -11
- data/app/pb_kits/playbook/pb_text_input/text_input.rb +0 -15
- data/app/pb_kits/playbook/pb_user/docs/_user_props_table.md +7 -14
- data/app/pb_kits/playbook/utilities/_gap.scss +24 -12
- data/app/pb_kits/playbook/utilities/globalPropNames.mjs +0 -2
- data/app/pb_kits/playbook/utilities/globalProps.ts +4 -28
- data/dist/chunks/_line_graph-DPTwfQR-.js +544 -0
- data/dist/chunks/_typeahead-CEqlHw0H.js +30978 -0
- data/dist/chunks/_weekday_stacked-D3dG14OB.js +20894 -0
- data/dist/chunks/lazysizes-BUUj27EF.js +611 -0
- data/dist/chunks/lib-CIetbXpr.js +9609 -0
- data/dist/chunks/pb_form_validation-D_g9rOE9.js +60 -0
- data/dist/chunks/vendor.js +11 -1
- data/dist/playbook-doc.js +67243 -3
- data/dist/playbook-rails-react-bindings.js +112 -1
- data/dist/playbook-rails.js +2464 -1
- data/dist/playbook.css +92354 -2
- data/dist/reset.css +89 -1
- data/lib/playbook/classnames.rb +0 -2
- data/lib/playbook/spacing.rb +1 -53
- data/lib/playbook/version.rb +1 -1
- metadata +9 -13
- data/app/pb_kits/playbook/pb_date/date.test.js +0 -506
- data/app/pb_kits/playbook/pb_flex/docs/_flex_gap_rails.md +0 -11
- data/app/pb_kits/playbook/pb_flex/docs/_flex_gap_react.md +0 -11
- data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.html.erb +0 -5
- data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.jsx +0 -24
- data/dist/chunks/_line_graph-CiVc-Cod.js +0 -1
- data/dist/chunks/_typeahead-BQnvz-Ks.js +0 -6
- data/dist/chunks/_weekday_stacked-BkvHv3ZO.js +0 -37
- data/dist/chunks/lazysizes-B7xYodB-.js +0 -1
- data/dist/chunks/lib-CY5ZPzic.js +0 -29
- data/dist/chunks/pb_form_validation-D3b0JKHH.js +0 -1
data/dist/reset.css
CHANGED
@@ -1 +1,89 @@
|
|
1
|
-
|
1
|
+
/*=====================================
|
2
|
+
Base colors should not be documented.
|
3
|
+
Only document color use.
|
4
|
+
|
5
|
+
Colors -----------------------------*/
|
6
|
+
/* Specialty Gradient -----------------*/
|
7
|
+
/* Interface colors -------------------*/
|
8
|
+
/* Main colors ------------------------*/
|
9
|
+
/*=====================================
|
10
|
+
|
11
|
+
Background colors ------------------*/
|
12
|
+
/* Card colors ------------------*/
|
13
|
+
/* Active colors ----------------------*/
|
14
|
+
/* Hover colors -----------------------*/
|
15
|
+
/* Focus colors -----------------------*/
|
16
|
+
/* Border colors ----------------------*/
|
17
|
+
/* Shadow colors ----------------------*/
|
18
|
+
/* Text colors ------------------------*/
|
19
|
+
/* Data colors ------------------------*/
|
20
|
+
/* Status colors ----------------------*/
|
21
|
+
/* Link colors ------------------------*/
|
22
|
+
/* Product colors ---------------------*/
|
23
|
+
/* Category colors ---------------------*/
|
24
|
+
/* CLEAN UP AND REMOVE */
|
25
|
+
/* Headings */
|
26
|
+
/* Standard Font Weights */
|
27
|
+
/* Non_Standard Font Weights */
|
28
|
+
/* Link Colors */
|
29
|
+
/*=====================================
|
30
|
+
Base colors should not be documented.
|
31
|
+
Only document color use.
|
32
|
+
|
33
|
+
Colors -----------------------------*/
|
34
|
+
/* Specialty Gradient -----------------*/
|
35
|
+
/* Interface colors -------------------*/
|
36
|
+
/* Main colors ------------------------*/
|
37
|
+
/*=====================================
|
38
|
+
|
39
|
+
Background colors ------------------*/
|
40
|
+
/* Card colors ------------------*/
|
41
|
+
/* Active colors ----------------------*/
|
42
|
+
/* Hover colors -----------------------*/
|
43
|
+
/* Focus colors -----------------------*/
|
44
|
+
/* Border colors ----------------------*/
|
45
|
+
/* Shadow colors ----------------------*/
|
46
|
+
/* Text colors ------------------------*/
|
47
|
+
/* Data colors ------------------------*/
|
48
|
+
/* Status colors ----------------------*/
|
49
|
+
/* Link colors ------------------------*/
|
50
|
+
/* Product colors ---------------------*/
|
51
|
+
/* Category colors ---------------------*/
|
52
|
+
* {
|
53
|
+
box-sizing: border-box;
|
54
|
+
margin: 0;
|
55
|
+
padding: 0;
|
56
|
+
}
|
57
|
+
*:before, *:after {
|
58
|
+
box-sizing: border-box;
|
59
|
+
}
|
60
|
+
|
61
|
+
html {
|
62
|
+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
63
|
+
height: 100vh;
|
64
|
+
overflow-x: hidden;
|
65
|
+
}
|
66
|
+
|
67
|
+
body {
|
68
|
+
font-family: "Power Centra", "Helvetica Neue", Helvetica, Arial, sans_serif;
|
69
|
+
font-size: 15.5px;
|
70
|
+
line-height: 1.5;
|
71
|
+
background-color: #F3F7FB;
|
72
|
+
height: 100%;
|
73
|
+
letter-spacing: 0.003em;
|
74
|
+
font-weight: 400;
|
75
|
+
font-style: normal;
|
76
|
+
text-rendering: optimizeLegibility;
|
77
|
+
-moz-font-feature-settings: "liga" on;
|
78
|
+
color: #242B42;
|
79
|
+
margin: 0 !important;
|
80
|
+
padding: 0 !important;
|
81
|
+
box-sizing: border-box;
|
82
|
+
min-height: 100vh;
|
83
|
+
padding: 50px;
|
84
|
+
}
|
85
|
+
|
86
|
+
a {
|
87
|
+
text-decoration: none;
|
88
|
+
color: #0056CF;
|
89
|
+
}
|
data/lib/playbook/classnames.rb
CHANGED
data/lib/playbook/spacing.rb
CHANGED
@@ -4,8 +4,6 @@ module Playbook
|
|
4
4
|
module Spacing
|
5
5
|
def self.included(base)
|
6
6
|
base.prop :gap
|
7
|
-
base.prop :column_gap
|
8
|
-
base.prop :row_gap
|
9
7
|
base.prop :margin
|
10
8
|
base.prop :margin_bottom
|
11
9
|
base.prop :margin_left
|
@@ -65,18 +63,6 @@ module Playbook
|
|
65
63
|
}
|
66
64
|
end
|
67
65
|
|
68
|
-
def column_gap_options
|
69
|
-
{
|
70
|
-
column_gap: "column_gap",
|
71
|
-
}
|
72
|
-
end
|
73
|
-
|
74
|
-
def row_gap_options
|
75
|
-
{
|
76
|
-
row_gap: "row_gap",
|
77
|
-
}
|
78
|
-
end
|
79
|
-
|
80
66
|
def spacing_options
|
81
67
|
{
|
82
68
|
margin: "m",
|
@@ -178,45 +164,7 @@ module Playbook
|
|
178
164
|
|
179
165
|
selected_gap_props.map do |k|
|
180
166
|
gap_value = send(k)
|
181
|
-
if
|
182
|
-
gap_value.map do |media_size, gap_spacing_value|
|
183
|
-
"gap_#{media_size}_#{gap_spacing_value.underscore}" if gap_values.include?(gap_spacing_value.to_s)
|
184
|
-
end
|
185
|
-
elsif gap_values.include?(gap_value.to_s)
|
186
|
-
"gap_#{gap_value.underscore}"
|
187
|
-
end
|
188
|
-
end.compact.join(" ")
|
189
|
-
end
|
190
|
-
|
191
|
-
def column_gap_props
|
192
|
-
selected_column_gap_props = column_gap_options.keys.select { |sk| try(sk) }
|
193
|
-
return nil unless selected_column_gap_props.present?
|
194
|
-
|
195
|
-
selected_column_gap_props.map do |k|
|
196
|
-
column_gap_value = send(k)
|
197
|
-
if column_gap_value.is_a?(Hash)
|
198
|
-
column_gap_value.map do |media_size, column_gap_spacing_value|
|
199
|
-
"column_gap_#{media_size}_#{column_gap_spacing_value.underscore}" if gap_values.include?(column_gap_spacing_value.to_s)
|
200
|
-
end
|
201
|
-
elsif gap_values.include?(column_gap_value.to_s)
|
202
|
-
"column_gap_#{column_gap_value.underscore}"
|
203
|
-
end
|
204
|
-
end.compact.join(" ")
|
205
|
-
end
|
206
|
-
|
207
|
-
def row_gap_props
|
208
|
-
selected_row_gap_props = row_gap_options.keys.select { |sk| try(sk) }
|
209
|
-
return nil unless selected_row_gap_props.present?
|
210
|
-
|
211
|
-
selected_row_gap_props.map do |k|
|
212
|
-
row_gap_value = send(k)
|
213
|
-
if row_gap_value.is_a?(Hash)
|
214
|
-
row_gap_value.map do |media_size, row_gap_spacing_value|
|
215
|
-
"row_gap_#{media_size}_#{row_gap_spacing_value.underscore}" if gap_values.include?(row_gap_spacing_value.to_s)
|
216
|
-
end
|
217
|
-
elsif gap_values.include?(row_gap_value.to_s)
|
218
|
-
"row_gap_#{row_gap_value.underscore}"
|
219
|
-
end
|
167
|
+
"gap_#{gap_value}" if gap_values.include? gap_value
|
220
168
|
end.compact.join(" ")
|
221
169
|
end
|
222
170
|
end
|
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: 14.25.0.pre.alpha.
|
4
|
+
version: 14.25.0.pre.alpha.testingcss9700
|
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: 2025-08-
|
12
|
+
date: 2025-08-18 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -972,7 +972,6 @@ files:
|
|
972
972
|
- app/pb_kits/playbook/pb_date/_date.tsx
|
973
973
|
- app/pb_kits/playbook/pb_date/date.html.erb
|
974
974
|
- app/pb_kits/playbook/pb_date/date.rb
|
975
|
-
- app/pb_kits/playbook/pb_date/date.test.js
|
976
975
|
- app/pb_kits/playbook/pb_date/docs/_date_alignment.html.erb
|
977
976
|
- app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
|
978
977
|
- app/pb_kits/playbook/pb_date/docs/_date_alignment_swift.md
|
@@ -1606,8 +1605,7 @@ files:
|
|
1606
1605
|
- app/pb_kits/playbook/pb_flex/docs/_flex_default.md
|
1607
1606
|
- app/pb_kits/playbook/pb_flex/docs/_flex_gap.html.erb
|
1608
1607
|
- app/pb_kits/playbook/pb_flex/docs/_flex_gap.jsx
|
1609
|
-
- app/pb_kits/playbook/pb_flex/docs/
|
1610
|
-
- app/pb_kits/playbook/pb_flex/docs/_flex_gap_react.md
|
1608
|
+
- app/pb_kits/playbook/pb_flex/docs/_flex_gap.md
|
1611
1609
|
- app/pb_kits/playbook/pb_flex/docs/_flex_inline.html.erb
|
1612
1610
|
- app/pb_kits/playbook/pb_flex/docs/_flex_inline.jsx
|
1613
1611
|
- app/pb_kits/playbook/pb_flex/docs/_flex_inline.md
|
@@ -2120,8 +2118,6 @@ files:
|
|
2120
2118
|
- app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_custom.jsx
|
2121
2119
|
- app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_default.html.erb
|
2122
2120
|
- app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_default.jsx
|
2123
|
-
- app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.html.erb
|
2124
|
-
- app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.jsx
|
2125
2121
|
- app/pb_kits/playbook/pb_loading_inline/docs/example.yml
|
2126
2122
|
- app/pb_kits/playbook/pb_loading_inline/docs/index.js
|
2127
2123
|
- app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb
|
@@ -3651,12 +3647,12 @@ files:
|
|
3651
3647
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3652
3648
|
- app/pb_kits/playbook/utilities/text.ts
|
3653
3649
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3654
|
-
- dist/chunks/_line_graph-
|
3655
|
-
- dist/chunks/_typeahead-
|
3656
|
-
- dist/chunks/_weekday_stacked-
|
3657
|
-
- dist/chunks/lazysizes-
|
3658
|
-
- dist/chunks/lib-
|
3659
|
-
- dist/chunks/pb_form_validation-
|
3650
|
+
- dist/chunks/_line_graph-DPTwfQR-.js
|
3651
|
+
- dist/chunks/_typeahead-CEqlHw0H.js
|
3652
|
+
- dist/chunks/_weekday_stacked-D3dG14OB.js
|
3653
|
+
- dist/chunks/lazysizes-BUUj27EF.js
|
3654
|
+
- dist/chunks/lib-CIetbXpr.js
|
3655
|
+
- dist/chunks/pb_form_validation-D_g9rOE9.js
|
3660
3656
|
- dist/chunks/vendor.js
|
3661
3657
|
- dist/menu.yml
|
3662
3658
|
- dist/playbook-doc.js
|