playbook_ui 12.30.1.pre.alpha.hovertesting914 → 12.30.1.pre.alpha.play846responsivespacingglobalpropsneedsdefault924

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "12.30.1"
-  VERSION = "12.30.1.pre.alpha.hovertesting914"
+  VERSION = "12.30.1.pre.alpha.play846responsivespacingglobalpropsneedsdefault924"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 12.30.1.pre.alpha.hovertesting914
+  version: 12.30.1.pre.alpha.play846responsivespacingglobalpropsneedsdefault924
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-07-12 00:00:00.000000000 Z
+date: 2023-07-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -427,7 +427,6 @@ files:
 - app/pb_kits/playbook/pb_button/docs/_button_full_width.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_full_width.md
-- app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_icon_options.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_icon_options.md
@@ -1437,7 +1436,6 @@ files:
 - app/pb_kits/playbook/pb_message/docs/_message_default.html.erb
 - app/pb_kits/playbook/pb_message/docs/_message_default.jsx
 - app/pb_kits/playbook/pb_message/docs/_message_default.md
-- app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
 - app/pb_kits/playbook/pb_message/docs/_message_timestamp.html.erb
 - app/pb_kits/playbook/pb_message/docs/_message_timestamp.jsx
 - app/pb_kits/playbook/pb_message/docs/example.yml
@@ -2400,7 +2398,6 @@ files:
 - app/pb_kits/playbook/tokens/_line_height.scss
 - app/pb_kits/playbook/tokens/_opacity.scss
 - app/pb_kits/playbook/tokens/_positioning.scss
-- app/pb_kits/playbook/tokens/_scale.scss
 - app/pb_kits/playbook/tokens/_screen_sizes.scss
 - app/pb_kits/playbook/tokens/_shadows.scss
 - app/pb_kits/playbook/tokens/_spacing.scss
@@ -2412,20 +2409,17 @@ files:
 - app/pb_kits/playbook/tokens/exports/_line_height.scss
 - app/pb_kits/playbook/tokens/exports/_opacity.scss
 - app/pb_kits/playbook/tokens/exports/_positioning.scss
-- app/pb_kits/playbook/tokens/exports/_scale.scss
 - app/pb_kits/playbook/tokens/exports/_screen_sizes.scss
 - app/pb_kits/playbook/tokens/exports/_shadows.scss
 - app/pb_kits/playbook/tokens/exports/_spacing.scss
 - app/pb_kits/playbook/tokens/exports/_typography.scss
 - app/pb_kits/playbook/tokens/index.scss
 - app/pb_kits/playbook/utilities/_background_colors.scss
-- app/pb_kits/playbook/utilities/_border_radius.scss
 - app/pb_kits/playbook/utilities/_colors.scss
 - app/pb_kits/playbook/utilities/_cursor.scss
 - app/pb_kits/playbook/utilities/_display.scss
 - app/pb_kits/playbook/utilities/_flexbox.scss
 - app/pb_kits/playbook/utilities/_focus.scss
-- app/pb_kits/playbook/utilities/_hover.scss
 - app/pb_kits/playbook/utilities/_line_height.scss
 - app/pb_kits/playbook/utilities/_max_width.scss
 - app/pb_kits/playbook/utilities/_mixins.scss

data/app/pb_kits/playbook/pb_button/docs/_button_hover.jsx

@@ -1,130 +0,0 @@
-import React from "react"
-import { Button } from "../../"
-
-const ButtonHover = (props) => (
-  <div>
-    <div>
-      <Button
-          hover={{ background: "info" }}
-          marginRight='lg'
-          onClick={() => alert("button clicked!")}
-          tabIndex={0}
-          text='Color 1'
-          {...props}
-      />{" "}
-      <Button
-          hover={{ background: "success_subtle" }}
-          marginRight='lg'
-          onClick={() => alert("button clicked!")}
-          tabIndex={0}
-          text='Color 2'
-          variant='secondary'
-          {...props}
-      />{" "}
-      <Button
-          hover={{ background: "warning_subtle" }}
-          marginRight='lg'
-          onClick={() => alert("button clicked!")}
-          tabIndex={0}
-          text='Color 3'
-          variant='link'
-          {...props}
-      />
-    </div>
-    <div>
-      <Button
-          hover={{ shadow: "deep" }}
-          marginRight='lg'
-          marginTop='xl'
-          onClick={() => alert("button clicked!")}
-          tabIndex={0}
-          text='Shadow Deep'
-          {...props}
-      />{" "}
-      <Button
-          hover={{ shadow: "deeper" }}
-          marginRight='lg'
-          marginTop='xl'
-          onClick={() => alert("button clicked!")}
-          tabIndex={0}
-          text='Shadow Deeper'
-          variant='secondary'
-          {...props}
-      />{" "}
-      <Button
-          hover={{ shadow: "deepest" }}
-          marginRight='lg'
-          marginTop='xl'
-          onClick={() => alert("button clicked!")}
-          tabIndex={0}
-          text='Shadow Deepest'
-          variant='link'
-          {...props}
-      />
-    </div>
-    <div>
-      <Button
-          hover={{ scale: "sm" }}
-          marginRight='lg'
-          marginTop='xl'
-          onClick={() => alert("button clicked!")}
-          tabIndex={0}
-          text='Scale Small'
-          {...props}
-      />{" "}
-      <Button
-          hover={{ scale: "md" }}
-          marginRight='lg'
-          marginTop='xl'
-          onClick={() => alert("button clicked!")}
-          tabIndex={0}
-          text='Scale Medium'
-          variant='secondary'
-          {...props}
-      />{" "}
-      <Button
-          hover={{ scale: "lg" }}
-          marginRight='lg'
-          marginTop='xl'
-          onClick={() => alert("button clicked!")}
-          tabIndex={0}
-          text='Scale Large'
-          variant='link'
-          {...props}
-      />
-    </div>
-    <div>
-      <Button
-          hover={{ background: "error_subtle", shadow: "deep" }}
-          marginRight='lg'
-          marginTop='xl'
-          onClick={() => alert("button clicked!")}
-          tabIndex={0}
-          text='Multiple Attributes'
-          {...props}
-      />{" "}
-      <Button
-          hover={{ background: "info_subtle", shadow: "deeper" }}
-          marginRight='lg'
-          marginTop='xl'
-          onClick={() => alert("button clicked!")}
-          tabIndex={0}
-          text='Multiple Attributes'
-          variant='secondary'
-          {...props}
-      />{" "}
-      <Button
-          hover={{ background: "success_subtle", shadow: "deepest" }}
-          marginRight='lg'
-          marginTop='xl'
-          onClick={() => alert("button clicked!")}
-          tabIndex={0}
-          text='Multiple Attributes'
-          variant='link'
-          {...props}
-      />
-    </div>
-  </div>
-)
-
-export default ButtonHover

data/app/pb_kits/playbook/pb_message/docs/_message_hover.jsx

@@ -1,41 +0,0 @@
-import React from "react"
-
-import Message from "../_message"
-
-const MessageHover = (props) => {
-  return (
-    <div>
-      <Message
-          avatarName='Mike Bishop'
-          avatarStatus='online'
-          avatarUrl='https://randomuser.me/api/portraits/men/50.jpg'
-          borderRadius='rounded'
-          hover={{ background: "success_subtle" }}
-          label='Anna Black'
-          message='How can we assist you today?'
-          padding="xs"
-          {...props}
-      />
-
-      <br />
-      <br />
-      <br />
-
-      <Message
-          avatarName='Becca Jacobs'
-          avatarUrl='https://randomuser.me/api/portraits/women/50.jpg'
-          borderRadius='rounded'
-          hover={{ shadow: "deepest" }}
-          label='Lucille Sanchez'
-          message='Application for Kate Smith is waiting for your approval'
-          padding="xs"
-          {...props}
-      />
-
-      <br />
-
-    </div>
-  )
-}
-
-export default MessageHover

data/app/pb_kits/playbook/tokens/_scale.scss

@@ -1,9 +0,0 @@
-
-$scale_sm: scale(1.05);
-$scale_md: scale(1.1);
-$scale_lg: scale(1.15);
-$scales: (
-  scale_sm: $scale_sm,
-  scale_md: $scale_md,
-  scale_lg: $scale_lg,
-);

data/app/pb_kits/playbook/tokens/exports/_scale.scss

@@ -1,13 +0,0 @@
-@import "../scale";
-
-:export {
-  @mixin export-hover-scale-classes($scales-list) {
-    @each $name, $scale in $scales-list {
-      .hover_#{$name}:hover {
-        transform: $scale;
-      }
-    }
-  }
-  
-  @include export-hover-scale-classes($scales);
-}

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

@@ -1,31 +0,0 @@
-@import "../tokens/exports/border_radius";
-
-$transition-speed: 0.2s;
-
-.border_radius {
-  @mixin border-example {
-    transition: background-color $transition-speed ease, height $transition-speed ease;
-  }
-
-  &_rounded {
-    border-radius: $border_radius_rounded;
-  }
-  &_xl {
-    border-radius: $border_radius_xl;
-  }
-  &_lg {
-    border-radius: $border_radius_lg;
-  }
-  &_md {
-    border-radius: $border_radius_md;
-  }
-  &_sm {
-    border-radius: $border_radius_sm;
-  }
-  &_xs {
-    border-radius: $border_radius_xs;
-  }
-  &_none {
-    border-radius: $border_radius_none;
-  }
-}

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

@@ -1,47 +0,0 @@
-@import "../tokens/exports/scale";
-
-@mixin hover-color-classes($colors-list) {
-    @each $name, $color in $colors-list {
-      .bg-hover-#{$name}:hover {
-        background-color: $color !important;
-        transition: background-color $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-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);