playbook_ui 14.24.0.pre.alpha.PLAY1984responsivegapprops9652 → 14.24.0.pre.alpha.PLAY2116datepickercursorfix9610
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_advanced_table/Components/RegularTableView.tsx +1 -4
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +19 -0
- data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +1 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb +1 -1
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx +1 -0
- data/app/pb_kits/playbook/pb_dropdown/index.js +0 -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_text_input/text_input.rb +15 -0
- 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-B9yItXkt.js → _line_graph-Bs1q77QJ.js} +1 -1
- data/dist/chunks/_typeahead-DDDKDPZS.js +6 -0
- data/dist/chunks/{_weekday_stacked-C-5U1QRT.js → _weekday_stacked-DkFv7FEh.js} +2 -2
- data/dist/chunks/vendor.js +1 -1
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/classnames.rb +0 -2
- data/lib/playbook/spacing.rb +1 -53
- data/lib/playbook/version.rb +1 -1
- metadata +6 -7
- 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/dist/chunks/_typeahead-Mbp0CWgZ.js +0 -6
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.24.0.pre.alpha.
|
4
|
+
version: 14.24.0.pre.alpha.PLAY2116datepickercursorfix9610
|
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-14 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -1605,8 +1605,7 @@ files:
|
|
1605
1605
|
- app/pb_kits/playbook/pb_flex/docs/_flex_default.md
|
1606
1606
|
- app/pb_kits/playbook/pb_flex/docs/_flex_gap.html.erb
|
1607
1607
|
- app/pb_kits/playbook/pb_flex/docs/_flex_gap.jsx
|
1608
|
-
- app/pb_kits/playbook/pb_flex/docs/
|
1609
|
-
- app/pb_kits/playbook/pb_flex/docs/_flex_gap_react.md
|
1608
|
+
- app/pb_kits/playbook/pb_flex/docs/_flex_gap.md
|
1610
1609
|
- app/pb_kits/playbook/pb_flex/docs/_flex_inline.html.erb
|
1611
1610
|
- app/pb_kits/playbook/pb_flex/docs/_flex_inline.jsx
|
1612
1611
|
- app/pb_kits/playbook/pb_flex/docs/_flex_inline.md
|
@@ -3648,9 +3647,9 @@ files:
|
|
3648
3647
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3649
3648
|
- app/pb_kits/playbook/utilities/text.ts
|
3650
3649
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3651
|
-
- dist/chunks/_line_graph-
|
3652
|
-
- dist/chunks/_typeahead-
|
3653
|
-
- dist/chunks/_weekday_stacked-
|
3650
|
+
- dist/chunks/_line_graph-Bs1q77QJ.js
|
3651
|
+
- dist/chunks/_typeahead-DDDKDPZS.js
|
3652
|
+
- dist/chunks/_weekday_stacked-DkFv7FEh.js
|
3654
3653
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3655
3654
|
- dist/chunks/lib-CY5ZPzic.js
|
3656
3655
|
- dist/chunks/pb_form_validation-D3b0JKHH.js
|
@@ -1,11 +0,0 @@
|
|
1
|
-
##### Prop
|
2
|
-
|
3
|
-
`gap` | `row_gap` | `column_gap` | **Type**: String | Hash | **Values**: xxs | xs | sm | md | lg | xl | none
|
4
|
-
|
5
|
-
Setting the gap prop sets the `row_gap` and the `column_gap` props to the same size and creates equal space within a flex container.
|
6
|
-
|
7
|
-
Setting the `row_gap` prop creates space between rows in a flex container.
|
8
|
-
|
9
|
-
Setting the `column_gap` prop creates space between columns in a flex container.
|
10
|
-
|
11
|
-
You can also set responsive values by passing a hash with device sizes and values.
|
@@ -1,11 +0,0 @@
|
|
1
|
-
##### Prop
|
2
|
-
|
3
|
-
`gap` | `rowGap` | `columnGap` | **Type**: String | Object | **Values**: xxs | xs | sm | md | lg | xl | none
|
4
|
-
|
5
|
-
Setting the gap prop sets the `rowGap` and the `columnGap` props to the same size and creates equal space within a flex container.
|
6
|
-
|
7
|
-
Setting the `rowGap` prop creates space between rows in a flex container.
|
8
|
-
|
9
|
-
Setting the `columnGap` prop creates space between columns in a flex container.
|
10
|
-
|
11
|
-
You can also set responsive values by passing an object with device sizes and values.
|