playbook_ui 9.2.1 → 9.2.2.pre.alpha.margin

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d742fcdd177f98fc19b907561ccb1b8fe88f802b4260b9568f22578d2e01c331
-  data.tar.gz: ea879db81a901733d3310baa6e4b0b96872b65dfdc25b31e423acbe5a54e04c1
+  metadata.gz: 2f6b95a3c95145f9fa13efaa05c1af0bdc4b5d77efc767cd11c9588ed5871841
+  data.tar.gz: 1f3893825e6110b9e775be7e1ed44cead8f43db6230598e0be2b214e079265b4
 SHA512:
-  metadata.gz: 8d8f1cfa8e5b9e16cdd3cd61b4139386c758a8a3c2952965ca7a6325039911d46a9e7921337782eb39abf0fe77b16d3fb69bfb4c8e20d703b9e5dfd785cf8b05
-  data.tar.gz: b9597055d29cde9b2d8a5af5d789728784525736136ef913dbc89bd267dffe213053bf024433f2077b9eba88d523e9f035f991c1ed496421677e07c433444d5a
+  metadata.gz: 78cd605adedf925049192ccd2c2c2abd952d87655da946ffd588226ea81a1dcef01c1c7fb8c3d242940e3217aa8c84b4b1a80c92d1b9d9e5221d067a3c28356b
+  data.tar.gz: 93034591e014904a575f68766841f9420ce4961af01a8b64619e01b8f31aec439e660f93b90611138bf4ea495fd997d21375ffb3b9ef74595c32476620a7deeb

data/app/pb_kits/playbook/pb_dialog/dialog_header.rb

@@ -1,31 +1,30 @@
 # frozen_string_literal: true
 
 module Playbook
-    module PbDialog
-      class DialogHeader
-        include Playbook::Props
-  
-        partial "pb_dialog/child_kits/dialog_header"
+  module PbDialog
+    class DialogHeader
+      include Playbook::Props
 
-        prop :closeable, type: Playbook::Props::Boolean, default: true
-        prop :padding 
-        prop :separator, type: Playbook::Props::Boolean, default: true
-        prop :spacing
-        prop :text
-        prop :title
-  
-        def dialog_header_options
-          {
-            id: id,
-            closeable: closeable,
-            padding: padding,
-            separator: separator,
-            spacing: spacing,
-            text: text,
-            title: title,
-          }
-        end
+      partial "pb_dialog/child_kits/dialog_header"
+
+      prop :closeable, type: Playbook::Props::Boolean, default: true
+      prop :padding
+      prop :separator, type: Playbook::Props::Boolean, default: true
+      prop :spacing
+      prop :text
+      prop :title
+
+      def dialog_header_options
+        {
+          id: id,
+          closeable: closeable,
+          padding: padding,
+          separator: separator,
+          spacing: spacing,
+          text: text,
+          title: title,
+        }
       end
     end
   end
-  
+end

data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss

@@ -81,6 +81,7 @@
       position: sticky;
       top: 0;
       z-index: 1;
+      background-color: $white;
     }
   }
   trix-editor {
@@ -211,6 +212,11 @@
         border-color: $error_dark;
       }
     }
+    &.sticky {
+      trix-toolbar {
+        background-color: tint($bg_dark, 10%) !important;
+      }
+    }
     .trix-dialog.trix-dialog--link.trix-active {
       background-color: tint($bg_dark, 10%) !important;
       border: 1px solid rgba($white, 0.1);

data/app/pb_kits/playbook/pb_select/_select.jsx

@@ -37,6 +37,8 @@ type SelectProps = {
   id?: string,
   includeBlank?: string,
   label?: string,
+  margin: string,
+  marginBottom: string,
   multiple?: boolean,
   name?: string,
   required?: boolean,
@@ -74,7 +76,14 @@ const Select = ({
   const dataProps = buildDataProps(data)
   const optionsList = createOptions(options)
 
-  const classes = classnames(buildCss('pb_select'), globalProps(props), className)
+  const classes = classnames(
+    buildCss('pb_select'),
+    globalProps({
+      ...props,
+      marginBottom: props.marginBottom || props.margin || 'sm',
+    }),
+    className)
+
   const selectWrapperClass = classnames(buildCss('pb_select_kit_wrapper'), { error }, className)
 
   return (

data/app/pb_kits/playbook/pb_select/_select.scss

@@ -4,7 +4,6 @@
 @import "../tokens/colors";
 
 [class^=pb_select] {
-  margin-bottom: $space_sm;
   select {
     @include pb_textarea_light;
     @include pb_body_light;
@@ -65,38 +64,36 @@
     transform: translateY(-50%);
     pointer-events: none;
   }
-  &.dark {
-    select {
-      @include pb_textarea_dark;
-      @include pb_body_light_dark;
-      background: none;
-      background-color: rgba($white,.10);
-      box-shadow: inset 0 -11px 20px rgba($white, 0.05);
-      text-shadow: 0 0 0 $text_dk_default;
-      padding-right: $space_xl;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      @media (hover:hover) {
-        &:hover, &:active, &:focus {
-          background-color: rgba($white,.05);
-        }
-      }
-      &:focus{
-        border-color: $active_dark;
+}
+
+[class^=pb_select].dark {
+  select {
+    @include pb_textarea_dark;
+    @include pb_body_light_dark;
+    background: none;
+    background-color: rgba($white,.10);
+    box-shadow: inset 0 -11px 20px rgba($white, 0.05);
+    text-shadow: 0 0 0 $text_dk_default;
+    padding-right: $space_xl;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    @media (hover:hover) {
+      &:hover, &:active, &:focus {
+        background-color: rgba($white,.05);
       }
     }
-    .pb_select_kit_caret {
-      color: $white;
-    }
-    .pb_select_kit_wrapper {
-      &.error {
-        .pb_select_kit_wrapper {
-          > select:first-child {
-            border-color: $error_dark;
-          }
+  }
+  .pb_select_kit_caret {
+    color: $white;
+  }
+  .pb_select_kit_wrapper {
+    &.error {
+      .pb_select_kit_wrapper {
+        > select:first-child {
+          border-color: $error_dark;
         }
       }
     }
   }
-}
+}

data/app/pb_kits/playbook/pb_select/select.rb

@@ -17,13 +17,17 @@ module Playbook
       prop :required, type: Playbook::Props::Boolean, default: false
 
       def classname
-        generate_classname("pb_select")
+        generate_classname("pb_select", select_margin_bottom, separator: " ")
       end
 
       def select_wrapper_class
         "pb_select_kit_wrapper" + error_class
       end
 
+      def select_margin_bottom
+        margin.present? || margin_bottom.present? ? nil : "mb_sm"
+      end
+
       def options_to_array
         options.map { |option| [option[:value_text] || option[:value], option[:value]] }
       end

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "9.2.1"
+  VERSION = "9.2.2.pre.alpha.margin"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 9.2.1
+  version: 9.2.2.pre.alpha.margin
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-04-07 00:00:00.000000000 Z
+date: 2021-04-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2103,9 +2103,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubyforge_project:
 rubygems_version: 2.7.3