playbook_ui 14.8.0.pre.alpha.PLAY1658tanstackbump4657 → 14.8.0.pre.alpha.PLAY1680newwidthprop4661
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/_playbook.scss +1 -0
- data/app/pb_kits/playbook/utilities/_max_width.scss +25 -9
- data/app/pb_kits/playbook/utilities/_min_width.scss +5 -1
- data/app/pb_kits/playbook/utilities/_width.scss +45 -0
- data/app/pb_kits/playbook/utilities/globalPropNames.mjs +1 -0
- data/app/pb_kits/playbook/utilities/globalProps.ts +13 -4
- data/dist/chunks/{_typeahead-C8Q_fFYF.js → _typeahead-Bg7nPSBj.js} +1 -1
- data/dist/chunks/_weekday_stacked-9V0rzCNn.js +45 -0
- 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 +1 -0
- data/lib/playbook/spacing.rb +21 -0
- data/lib/playbook/version.rb +1 -1
- metadata +5 -4
- data/dist/chunks/_weekday_stacked-BmcCeSXm.js +0 -45
data/lib/playbook/classnames.rb
CHANGED
data/lib/playbook/spacing.rb
CHANGED
@@ -12,6 +12,7 @@ module Playbook
|
|
12
12
|
base.prop :margin_y
|
13
13
|
base.prop :max_width
|
14
14
|
base.prop :min_width
|
15
|
+
base.prop :width
|
15
16
|
base.prop :padding
|
16
17
|
base.prop :padding_bottom
|
17
18
|
base.prop :padding_left
|
@@ -33,6 +34,12 @@ module Playbook
|
|
33
34
|
}
|
34
35
|
end
|
35
36
|
|
37
|
+
def width_options
|
38
|
+
{
|
39
|
+
width: "w",
|
40
|
+
}
|
41
|
+
end
|
42
|
+
|
36
43
|
def max_width_values
|
37
44
|
%w[0% xs sm md lg xl xxl 0 none 100%]
|
38
45
|
end
|
@@ -41,6 +48,10 @@ module Playbook
|
|
41
48
|
%w[0% xs sm md lg xl xxl 0 none 100%]
|
42
49
|
end
|
43
50
|
|
51
|
+
def width_values
|
52
|
+
%w[0% xs sm md lg xl xxl 0 none 100%]
|
53
|
+
end
|
54
|
+
|
44
55
|
def spacing_options
|
45
56
|
{
|
46
57
|
margin: "m",
|
@@ -125,5 +136,15 @@ module Playbook
|
|
125
136
|
"max_width_#{filter_classname(width_value)}" if max_width_values.include? width_value
|
126
137
|
end.compact.join(" ")
|
127
138
|
end
|
139
|
+
|
140
|
+
def width_props
|
141
|
+
selected_w_props = width_options.keys.select { |sk| try(sk) }
|
142
|
+
return nil unless selected_w_props.present?
|
143
|
+
|
144
|
+
selected_w_props.map do |k|
|
145
|
+
width_value = send(k)
|
146
|
+
"width_#{filter_classname(width_value)}" if width_values.include? width_value
|
147
|
+
end.compact.join(" ")
|
148
|
+
end
|
128
149
|
end
|
129
150
|
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.8.0.pre.alpha.
|
4
|
+
version: 14.8.0.pre.alpha.PLAY1680newwidthprop4661
|
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: 2024-11-
|
12
|
+
date: 2024-11-26 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -3135,6 +3135,7 @@ files:
|
|
3135
3135
|
- app/pb_kits/playbook/utilities/_text_align.scss
|
3136
3136
|
- app/pb_kits/playbook/utilities/_truncate.scss
|
3137
3137
|
- app/pb_kits/playbook/utilities/_vertical_align.scss
|
3138
|
+
- app/pb_kits/playbook/utilities/_width.scss
|
3138
3139
|
- app/pb_kits/playbook/utilities/flexbox_global_props/_align_content.scss
|
3139
3140
|
- app/pb_kits/playbook/utilities/flexbox_global_props/_align_items.scss
|
3140
3141
|
- app/pb_kits/playbook/utilities/flexbox_global_props/_align_self.scss
|
@@ -3173,8 +3174,8 @@ files:
|
|
3173
3174
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3174
3175
|
- app/pb_kits/playbook/utilities/text.ts
|
3175
3176
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3176
|
-
- dist/chunks/_typeahead-
|
3177
|
-
- dist/chunks/_weekday_stacked-
|
3177
|
+
- dist/chunks/_typeahead-Bg7nPSBj.js
|
3178
|
+
- dist/chunks/_weekday_stacked-9V0rzCNn.js
|
3178
3179
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3179
3180
|
- dist/chunks/lib-SyD3buPZ.js
|
3180
3181
|
- dist/chunks/pb_form_validation-Dt8UJgrJ.js
|