playbook_ui 14.6.2.pre.alpha.PBNTR667railstypeaheadformintegration4424 → 14.6.2.pre.alpha.PLAY1485selectablecardoverflowoutlinebug4247

data/app/pb_kits/playbook/utilities/_hover.scss

@@ -1,54 +1,51 @@
 @import "../tokens/exports/scale.module";
 
-@mixin hover-scale-classes($scales-list) {
-  @each $name, $scale in $scales-list {
-    .hover_#{"" + $name}:hover,
-    .group_hover:hover .group_hover.hover_#{"" + $name} {
-      transform: $scale;
-      transition: transform $transition-speed ease;
+@mixin hover-color-classes($colors-list) {
+    @each $name, $color in $colors-list {
+      .hover_background_#{"" + $name}:hover {
+        background-color: $color !important;
+        transition: background-color $transition-speed ease;
+      }
+      .hover_color_#{"" + $name}:hover {
+        color: $color !important;
+        transition: color $transition-speed ease;
+      }
     }
   }
-}
-
-@mixin hover-shadow-classes($shadows-list) {
-  @each $name, $shadow in $shadows-list {
-    .hover_#{"" + $name}:hover,
-    .group_hover:hover .group_hover.hover_#{"" + $name} {
-      box-shadow: $shadow;
-      transition: box-shadow $transition-speed ease;
+  
+  @mixin hover-shadow-classes($shadows-list) {
+    @each $name, $shadow in $shadows-list {
+      .hover_#{"" + $name}:hover {
+        box-shadow: $shadow;
+        transition: box-shadow $transition-speed ease;
+      }
     }
   }
-}
-
-@mixin hover-color-classes($colors-list) {
-  @each $name, $color in $colors-list {
-    .hover_background_#{"" + $name}:hover,
-    .group_hover:hover .group_hover.hover_background_#{"" + $name} {
-      background-color: $color !important;
-      transition: background-color $transition-speed ease;
-    }
-    .hover_color_#{"" + $name}:hover,
-    .group_hover:hover .group_hover.hover_color_#{"" + $name} {
-      color: $color !important;
-      transition: color $transition-speed ease;
+  
+  @mixin hover-scale-classes($scales-list) {
+    @each $name, $scale in $scales-list {
+      .hover_#{"" + $name}:hover {
+        transform: $scale;
+        transition: transform $transition-speed ease;
+      }
     }
   }
-}
-
-@include hover-scale-classes($scales);
-@include hover-shadow-classes($box_shadows);
-@include hover-color-classes($product_colors);
-@include hover-color-classes($status_colors);
-@include hover-color-classes($data_colors);
-@include hover-color-classes($shadow_colors);
-@include hover-color-classes($colors);
-@include hover-color-classes($interface_colors);
-@include hover-color-classes($main_colors);
-@include hover-color-classes($background_colors);
-@include hover-color-classes($card_colors);
-@include hover-color-classes($active_colors);
-@include hover-color-classes($action_colors);
-@include hover-color-classes($hover_colors);
-@include hover-color-classes($border_colors);
-@include hover-color-classes($text_colors);
-@include hover-color-classes($category_colors);
+  
+  
+  @include hover-scale-classes($scales);
+  @include hover-shadow-classes($box_shadows);
+  @include hover-color-classes($product_colors);
+  @include hover-color-classes($status_colors);
+  @include hover-color-classes($data_colors);
+  @include hover-color-classes($shadow_colors);
+  @include hover-color-classes($colors);
+  @include hover-color-classes($interface_colors);
+  @include hover-color-classes($main_colors);
+  @include hover-color-classes($background_colors);
+  @include hover-color-classes($card_colors);
+  @include hover-color-classes($active_colors);
+  @include hover-color-classes($action_colors);
+  @include hover-color-classes($hover_colors);
+  @include hover-color-classes($border_colors);
+  @include hover-color-classes($text_colors);
+  @include hover-color-classes($category_colors);

data/app/pb_kits/playbook/utilities/globalPropNames.mjs

@@ -4,7 +4,6 @@ export default [
   "right",
   "top",
   "hover",
-  "groupHover",
   "zIndex",
   "verticalAlign",
   "truncate",

data/app/pb_kits/playbook/utilities/globalProps.ts

@@ -66,10 +66,6 @@ type Hover = Shadow & {
   scale?: "sm" | "md" | "lg"
 }
 
-type GroupHover  = {
-  groupHover?: boolean,
-}
-
 type JustifyContent = {
   justifyContent?: Alignment & Space
 }
@@ -179,7 +175,7 @@ export type GlobalProps = AlignContent & AlignItems & AlignSelf &
   BorderRadius & Cursor & Dark & Display & DisplaySizes & Flex & FlexDirection &
   FlexGrow & FlexShrink & FlexWrap & JustifyContent & JustifySelf &
   LineHeight & Margin & MinWidth & MaxWidth & NumberSpacing & Order & Overflow & Padding &
-  Position & Shadow & TextAlign & Truncate & VerticalAlign & ZIndex & GroupHover & { hover?: string } & Top & Right & Bottom & Left;
+  Position & Shadow & TextAlign & Truncate & VerticalAlign & ZIndex & { hover?: string } & Top & Right & Bottom & Left;
 
 const getResponsivePropClasses = (prop: {[key: string]: string}, classPrefix: string) => {
   const keys: string[] = Object.keys(prop)
@@ -213,7 +209,6 @@ const filterClassName = (value: string): string => {
 // Prop categories
 const PROP_CATEGORIES: {[key:string]: (props: {[key: string]: any}) => string} = {
 
-  groupHoverProps: ({ groupHover }: GroupHover ) => groupHover ? 'group_hover ' : '',
   hoverProps: ({ hover }: { hover?: Hover }) => {
       let css = '';
       if (!hover) return css;