playbook_ui 14.10.0.pre.rc.3 → 14.10.0.pre.rc.5
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_card/_card_mixin.scss +1 -1
- data/app/pb_kits/playbook/pb_file_upload/_file_upload.scss +5 -0
- data/app/pb_kits/playbook/pb_file_upload/_file_upload.tsx +7 -2
- data/app/pb_kits/playbook/pb_file_upload/file_upload.html.erb +8 -2
- data/app/pb_kits/playbook/pb_nav/_bold_mixin.scss +11 -1
- data/app/pb_kits/playbook/pb_nav/_collapsible_nav.scss +16 -2
- data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +1 -1
- data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +4 -4
- data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +1 -1
- data/dist/chunks/_weekday_stacked-8qdvRbtq.js +45 -0
- data/dist/chunks/vendor.js +1 -1
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +3 -3
- data/dist/chunks/_weekday_stacked-DSEuqOLN.js +0 -45
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3b8dedac180b9f17d02b95f3274695b9e4142c478f59a44904bbeb40372c9c3c
|
|
4
|
+
data.tar.gz: 34625e6eb95af864904e189c5934a018eb647c249b0b8d8557dd721eca8392eb
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: eb4a2da7e1753b42395b26569fe7b2d5cc0cada66c688f6501dd9ec7e979583c76eca2336385bbc1873013403d64a4453270f66b1eae3decd019045cf391d841
|
|
7
|
+
data.tar.gz: ee136f4fb4edc82438d5fd253154269b244c7b7f0cd7ab40bcdbbee3501d1f74edf28c01505f54cca4f205ead23901ac6cc1f77e42c01b726774d3ad2f85eb20
|
|
@@ -32,7 +32,7 @@ $pb_card_header_colors: map-merge(map-merge($product_colors, $additional_colors)
|
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
@mixin pb_card_selected_dark {
|
|
35
|
-
@include pb_card_selected($
|
|
35
|
+
@include pb_card_selected($primary_action_dark);
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
@mixin pb_card($background: $card_light, $border_color: $border_light) {
|
|
@@ -13,6 +13,7 @@ type FileUploadProps = {
|
|
|
13
13
|
accept?: string[],
|
|
14
14
|
className?: string,
|
|
15
15
|
customMessage?: string,
|
|
16
|
+
dark?: boolean,
|
|
16
17
|
data?: {[key: string]: string | number},
|
|
17
18
|
htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
|
|
18
19
|
acceptedFilesDescription?: string,
|
|
@@ -31,6 +32,7 @@ const FileUpload = (props: FileUploadProps): React.ReactElement => {
|
|
|
31
32
|
acceptedFilesDescription = '',
|
|
32
33
|
className,
|
|
33
34
|
customMessage,
|
|
35
|
+
dark = false,
|
|
34
36
|
data = {},
|
|
35
37
|
htmlOptions = {},
|
|
36
38
|
maxSize,
|
|
@@ -94,9 +96,12 @@ const FileUpload = (props: FileUploadProps): React.ReactElement => {
|
|
|
94
96
|
{...htmlProps}
|
|
95
97
|
{...getRootProps()}
|
|
96
98
|
>
|
|
97
|
-
<Card>
|
|
99
|
+
<Card dark={dark}>
|
|
98
100
|
<input {...getInputProps()} />
|
|
99
|
-
<Body
|
|
101
|
+
<Body
|
|
102
|
+
color="light"
|
|
103
|
+
dark={dark}
|
|
104
|
+
>
|
|
100
105
|
{isDragActive ?
|
|
101
106
|
<p>{'Drop the files here ...'}</p>
|
|
102
107
|
:
|
|
@@ -5,11 +5,17 @@
|
|
|
5
5
|
id: object.id,
|
|
6
6
|
**combined_html_options) do %>
|
|
7
7
|
<%= pb_rails("form_group", props: {cursor: "pointer", full_width: object.full_width}) do %>
|
|
8
|
-
<label
|
|
8
|
+
<label
|
|
9
|
+
for="upload-<%= object.id %>"
|
|
10
|
+
class="pb_button_kit_secondary_inline_enabled <%= 'dark' if object.dark %>"
|
|
11
|
+
>
|
|
12
|
+
<%= "#{object.label}" %>
|
|
13
|
+
</label>
|
|
9
14
|
<%= pb_rails("text_input", props: {
|
|
10
15
|
type: "file",
|
|
16
|
+
dark: object.dark,
|
|
11
17
|
input_options: {
|
|
12
|
-
id: "upload-#{object.id}",
|
|
18
|
+
id: "upload-#{object.id}",
|
|
13
19
|
classname: "cursor_pointer",
|
|
14
20
|
}.merge(object.input_options)
|
|
15
21
|
}) %>
|
|
@@ -223,6 +223,7 @@
|
|
|
223
223
|
}
|
|
224
224
|
}
|
|
225
225
|
[class*="pb_collapsible_nav_item"][class*="pb_nav_list_item_link_collapsible"][class*="pb_nav_list_kit_item"] {
|
|
226
|
+
box-shadow: unset !important;
|
|
226
227
|
.pb_nav_list_item_text_collapsible {
|
|
227
228
|
color: $white !important;
|
|
228
229
|
}
|
|
@@ -240,11 +241,17 @@
|
|
|
240
241
|
|
|
241
242
|
.pb_collapsible_main_kit:hover {
|
|
242
243
|
background-color: mix($white, $card_dark, 20%);
|
|
243
|
-
.pb_nav_list_item_text_collapsible
|
|
244
|
-
svg {
|
|
244
|
+
.pb_nav_list_item_text_collapsible {
|
|
245
245
|
color: $white !important;
|
|
246
246
|
}
|
|
247
247
|
}
|
|
248
|
+
|
|
249
|
+
.pb_collapsible_main_kit {
|
|
250
|
+
svg {
|
|
251
|
+
color: $text_dk_default !important;
|
|
252
|
+
}
|
|
253
|
+
}
|
|
254
|
+
|
|
248
255
|
.icon_wrapper:hover {
|
|
249
256
|
background-color: mix($white, $card_dark, 40%);
|
|
250
257
|
}
|
|
@@ -256,6 +263,13 @@
|
|
|
256
263
|
}
|
|
257
264
|
}
|
|
258
265
|
}
|
|
266
|
+
|
|
267
|
+
&[class*="_active"] {
|
|
268
|
+
> .pb_collapsible_main_kit {
|
|
269
|
+
background-color: $primary;
|
|
270
|
+
box-shadow: 0 2px 10px 0 $shadow_dark;
|
|
271
|
+
}
|
|
272
|
+
}
|
|
259
273
|
}
|
|
260
274
|
}
|
|
261
275
|
}
|
|
@@ -151,7 +151,7 @@ $pb_selectable_paddings: (
|
|
|
151
151
|
input[type="radio"] {
|
|
152
152
|
&:checked ~ label {
|
|
153
153
|
border-width: $pb_card_border_width;
|
|
154
|
-
outline: 1px solid $
|
|
154
|
+
outline: 1px solid $primary_action_dark;
|
|
155
155
|
}
|
|
156
156
|
}
|
|
157
157
|
}
|
|
@@ -161,11 +161,11 @@ $pb_selectable_paddings: (
|
|
|
161
161
|
color: $white;
|
|
162
162
|
> label {
|
|
163
163
|
@include pb_card_dark;
|
|
164
|
-
background:
|
|
164
|
+
background: $bg_dark_card;
|
|
165
165
|
|
|
166
166
|
.pb_selectable_card_circle {
|
|
167
167
|
border-color: $bg_dark;
|
|
168
|
-
background: $
|
|
168
|
+
background: $primary_action_dark;
|
|
169
169
|
}
|
|
170
170
|
}
|
|
171
171
|
|
|
@@ -173,7 +173,7 @@ $pb_selectable_paddings: (
|
|
|
173
173
|
input[type="radio"] {
|
|
174
174
|
&:checked ~ label {
|
|
175
175
|
@include pb_card_selected_dark;
|
|
176
|
-
background:
|
|
176
|
+
background: $bg_dark_card;
|
|
177
177
|
}
|
|
178
178
|
}
|
|
179
179
|
|