playbook_ui 13.28.0.pre.alpha.PLAY13592980 → 13.28.0.pre.alpha.play829selectablecardalignment2978
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_card/_card_mixin.scss +2 -1
- data/app/pb_kits/playbook/pb_icon/icon.rb +2 -3
- data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +1 -0
- data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.tsx +30 -32
- data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +0 -2
- data/lib/playbook/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: c2ea0b161920a1666fef468539f56e8185b902f0fe7b31969a8ee2d761a64b59
|
|
4
|
+
data.tar.gz: 2a85f19f34fea779816b46739f34f643fa2def667bce1194e678a32f0eb67e0d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: f383ffb93e9d97358349b13cc4f3a282b140ecc628fba9c097dd652ba6c0a824efaa1f796b932b165cd38b326899d0c6875d96b6f731858824bbdf42687d956f
|
|
7
|
+
data.tar.gz: ea09734e0f9abbc10a328f6b5e5b0c8248f1df495dc33abf14ea96cfb2f90e97aeb92f6e6ec0512fe2ffa3212fb4c8543cf9a187afd3e84c383a0f0b93a87f41
|
|
@@ -28,7 +28,8 @@ $pb_card_header_colors: map-merge(map-merge($product_colors, $additional_colors)
|
|
|
28
28
|
|
|
29
29
|
@mixin pb_card_selected($border_color: $primary) {
|
|
30
30
|
border-color: $border_color;
|
|
31
|
-
border-width: $pb_card_border_width
|
|
31
|
+
border-width: $pb_card_border_width;
|
|
32
|
+
outline: 1px solid $border_color;
|
|
32
33
|
}
|
|
33
34
|
|
|
34
35
|
@mixin pb_card_selected_dark {
|
|
@@ -81,10 +81,9 @@ module Playbook
|
|
|
81
81
|
|
|
82
82
|
def asset_path
|
|
83
83
|
return unless Rails.application.config.respond_to?(:icon_path)
|
|
84
|
+
return unless Dir.entries(Rails.application.config.icon_path).include? "#{icon}.svg"
|
|
84
85
|
|
|
85
|
-
|
|
86
|
-
icon_path = Dir.glob(Rails.root.join(base_path, "**", "#{icon}.svg")).first
|
|
87
|
-
icon_path if icon_path && File.exist?(icon_path)
|
|
86
|
+
Rails.root.join(Rails.application.config.icon_path, "#{icon}.svg")
|
|
88
87
|
end
|
|
89
88
|
|
|
90
89
|
def render_svg
|
|
@@ -131,43 +131,41 @@ const SelectableCard = (props: SelectableCardProps) => {
|
|
|
131
131
|
className={globalProps(labelProps)}
|
|
132
132
|
htmlFor={inputIdPresent}
|
|
133
133
|
>
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
<Flex
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
<Input
|
|
144
|
-
dark={dark}
|
|
145
|
-
>
|
|
146
|
-
<input
|
|
147
|
-
checked={checked}
|
|
148
|
-
disabled={disabled}
|
|
149
|
-
onClick={handleClick}
|
|
150
|
-
readOnly
|
|
151
|
-
type={inputType}
|
|
152
|
-
/>
|
|
153
|
-
</Input>
|
|
154
|
-
</Flex>
|
|
155
|
-
<div className="separator" />
|
|
156
|
-
<div className="psuedo_separator"/>
|
|
157
|
-
<Card
|
|
158
|
-
borderNone
|
|
134
|
+
{variant === 'displayInput' ?
|
|
135
|
+
<Flex vertical="center">
|
|
136
|
+
<Flex
|
|
137
|
+
orientation="column"
|
|
138
|
+
padding="sm"
|
|
139
|
+
paddingRight="xs"
|
|
140
|
+
vertical="center"
|
|
141
|
+
>
|
|
142
|
+
<Input
|
|
159
143
|
dark={dark}
|
|
160
|
-
padding="sm"
|
|
161
|
-
status={error ? 'negative' : null}
|
|
162
144
|
>
|
|
163
|
-
|
|
164
|
-
|
|
145
|
+
<input
|
|
146
|
+
checked={checked}
|
|
147
|
+
disabled={disabled}
|
|
148
|
+
onClick={handleClick}
|
|
149
|
+
readOnly
|
|
150
|
+
type={inputType}
|
|
151
|
+
/>
|
|
152
|
+
</Input>
|
|
165
153
|
</Flex>
|
|
166
|
-
|
|
154
|
+
<div className="separator" />
|
|
155
|
+
<div className="psuedo_separator"/>
|
|
156
|
+
<Card
|
|
157
|
+
borderNone
|
|
158
|
+
dark={dark}
|
|
159
|
+
padding="sm"
|
|
160
|
+
status={error ? 'negative' : null}
|
|
161
|
+
>
|
|
162
|
+
{text ||props.children}
|
|
163
|
+
</Card>
|
|
164
|
+
</Flex>
|
|
165
|
+
:
|
|
167
166
|
text || props.children
|
|
168
|
-
|
|
167
|
+
}
|
|
169
168
|
{displayIcon()}
|
|
170
|
-
</div>
|
|
171
169
|
</label>
|
|
172
170
|
</div>
|
|
173
171
|
)
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
<% end %>
|
|
12
12
|
|
|
13
13
|
<label class="<%= object.label_class %>" for="<%= object.input_id_present %>">
|
|
14
|
-
<div class="buffer">
|
|
15
14
|
<% if object.variant == "display_input" %>
|
|
16
15
|
<%= pb_rails("flex", props: { vertical: "center" }) do %>
|
|
17
16
|
<%= pb_rails("flex", props: {
|
|
@@ -46,7 +45,6 @@
|
|
|
46
45
|
</div>
|
|
47
46
|
<% end %>
|
|
48
47
|
<% end %>
|
|
49
|
-
</div>
|
|
50
48
|
</label>
|
|
51
49
|
|
|
52
50
|
<% if object.variant == "display_input" %>
|
data/lib/playbook/version.rb
CHANGED