playbook_ui 14.8.0.pre.rc.6 → 14.8.0.pre.rc.7
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/utilities/_hover.scss +15 -0
- data/app/pb_kits/playbook/utilities/globalProps.ts +3 -1
- data/dist/chunks/{_typeahead-DM5bD2ck.js → _typeahead-DPeGdNBp.js} +1 -1
- data/dist/chunks/{_weekday_stacked-RuOgC2uD.js → _weekday_stacked-BP8UVQtC.js} +1 -1
- 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/version.rb +1 -1
- metadata +3 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b3dbd9296a8be2f574f6e9440274153cc9ace32a999bfa3200748cba88320b46
|
|
4
|
+
data.tar.gz: 56c5789d71eb070fb99d82af6988bac827be6fbffe3f8c57f2be4d9f6f162231
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 589bec2f46576e48bd1a896d14fb883dbbc53ceaa247c9872b844232ace0d469625589d66fb5c880c4e7552c14e7fa6d9db5d161bcbfb2e29b8a7b9391eaf31c
|
|
7
|
+
data.tar.gz: 338073e12c672f9004ad556052be2c8fb1242ca9a0faad46f3360518691b0958ae5cb156ebe72f18c42b52cf3457d8934a81fa07386df8c348c1b91e2fd42c00
|
|
@@ -50,3 +50,18 @@
|
|
|
50
50
|
@include hover-color-classes($border_colors);
|
|
51
51
|
@include hover-color-classes($text_colors);
|
|
52
52
|
@include hover-color-classes($category_colors);
|
|
53
|
+
|
|
54
|
+
.hover_visibility {
|
|
55
|
+
opacity: 0;
|
|
56
|
+
transition: opacity $transition-speed ease;
|
|
57
|
+
|
|
58
|
+
&:hover {
|
|
59
|
+
opacity: 1;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.group_hover:hover {
|
|
64
|
+
.group_hover.hover_visibility {
|
|
65
|
+
opacity: 1;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
@@ -63,7 +63,8 @@ type FlexWrap = {
|
|
|
63
63
|
type Hover = Shadow & {
|
|
64
64
|
background?: string,
|
|
65
65
|
color?: string,
|
|
66
|
-
scale?: "sm" | "md" | "lg"
|
|
66
|
+
scale?: "sm" | "md" | "lg",
|
|
67
|
+
visibility?: boolean,
|
|
67
68
|
}
|
|
68
69
|
|
|
69
70
|
type GroupHover = {
|
|
@@ -233,6 +234,7 @@ const PROP_CATEGORIES: {[key:string]: (props: {[key: string]: any}) => string} =
|
|
|
233
234
|
css += hover.background ? `hover_background-${hover.background } ` : '';
|
|
234
235
|
css += hover.scale ? `hover_scale_${hover.scale} ` : '';
|
|
235
236
|
css += hover.color ? `hover_color-${hover.color } ` : '';
|
|
237
|
+
css += hover.visibility ? `hover_visibility` : '';
|
|
236
238
|
return css;
|
|
237
239
|
},
|
|
238
240
|
|