playbook_ui 10.24.0.pre.alpha1 → 10.24.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7f4374b7e5a9315ae7f5479fb8e038d9251e5a511a7c00e1fc07a9d5d1d13a7c
-  data.tar.gz: 0141b7bdf697c479e377fe946236d5b65f650d56539c4876edeb9b3040b68e59
+  metadata.gz: 813bd55479e3f61b872582fd3555ef0810a2e1b2e8c37a3b214664721cccb715
+  data.tar.gz: 4a5f12fddfeeefb71326570f2c93e86eb484c114acd0e81f831bfc80b5566d13
 SHA512:
-  metadata.gz: 70364bfc49cefada0602994da9c85905cc069e6f755a795334ffeef956e1cc4de202a19c7b6fda9bddc5c40af34acfb876d8ae3fbaf09dfef329340a1fd7a9f5
-  data.tar.gz: f45b9c5683f223b95743c144156ab4ec51f72c56e1a7a3e5e22e32bcdebec0b490244a664aef0e6df190873fd5623fd9fd7dc99824f43383a7ed5bc31a64b25d
+  metadata.gz: 4bc3c1d358cc2c4c9e71ae6926827cf25a9895fd62de2db3841f7b1ef58a8c6c1e896991f0c0420cd44828f3812c4e3675539ca4ed318d39b70fefef22d089ab
+  data.tar.gz: b9680edc3f28085f3eae5edcbdb2c3fbc3a8a22b8ad8ec1bb5d9744fcc16b39133abbcfaeafd582f00d4b9505bee699b6941a5514c6b11147c1ede51a4bfa021

data/app/pb_kits/playbook/pb_background/_background.jsx

@@ -48,7 +48,7 @@ const Background = (props: BackgroundProps) => {
     backgroundSize: `${backgroundSize}`,
   }
   const getBackgroundColor = customColor ? 'pb_background_custom_color' : `pb_background_color_${backgroundColor}`
-  const classes = classnames(buildCss('pb_background_kit'), 'lazyload', transition, globalProps(props), getBackgroundColor, className)
+  const classes = classnames(buildCss('pb_background_kit'), 'lazyload', backgroundStyle, transition, globalProps(props), getBackgroundColor, className)
   const Tag = `${tag}`
 
   return (

data/app/pb_kits/playbook/pb_background/background.rb

@@ -48,10 +48,9 @@ module Playbook
     private
 
       def image_classname
-        class_buffer = []
-        class_buffer << "pb_background_custom_color" if custom_color.present?
-        class_buffer << "pb_background_color_#{background_color}" unless custom_color.present?
-        class_buffer << " lazyload #{transition}" if image_url.present?
+        background_class = custom_color.present? ? "pb_background_custom_color" : "pb_background_color_#{background_color}"
+        background_class_lazy = image_url.present? ? " lazyload #{transition}" : ""
+        "#{background_class}#{background_class_lazy}"
       end
     end
   end

data/app/pb_kits/playbook/pb_background/background.test.js

@@ -21,6 +21,13 @@ test('backgroundColor = category_1', () => {
   expect(kit).toHaveClass('pb_background_kit pb_background_color_category_1')
 })
 
+test('customColor prop styles background color with a hex value', () => {
+  const kit = renderKit(Background, props, { customColor: '#1d99a8' })
+
+  expect(kit).toHaveClass('pb_background_kit pb_background_custom_color')
+  expect(kit).toHaveStyle(`background-color: #1d99a8;`)
+})
+
 test('backgroundRepeat = repeat', () => {
   const kit = renderKit(Background, props, { classname: "background-image", imageUrl: "https://images.unsplash.com/photo-1528459801416-a9e53bbf4e17?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80", backgroundRepeat: 'repeat' })
   expect(kit).toHaveStyle('background-repeat: repeat')
@@ -30,10 +37,3 @@ test('backgroundSize = auto', () => {
   const kit = renderKit(Background, props, { classname: "background-image", imageUrl: "https://images.unsplash.com/photo-1528459801416-a9e53bbf4e17?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80", backgroundSize: 'auto' })
   expect(kit).toHaveStyle('background-size: auto')
 })
-
-test('customColor prop styles background color with a hex value', () => {
-  const kit = renderKit(Background, props, { customColor: '#1d99a8' })
-
-  expect(kit).toHaveClass('pb_background_kit pb_background_custom_color')
-  expect(kit).toHaveStyle(`background-color: #1d99a8;`)
-})

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.md

@@ -1,2 +1,2 @@
-When shouldCloseOnOverlayClick is explicitly set to `false`, click events on the overlay will not close the modal.
-By default, shouldCloseOnOverlayClick is set to true.
+When `shouldCloseOnOverlayClick` is explicitly set to `false`, click events on the overlay will not close the modal.
+By default, `shouldCloseOnOverlayClick` is set to true.

data/dist/reset.css

@@ -1,61 +1,2 @@
-/* CLEAN UP AND REMOVE */
-/* Headings */
-/* Standard Font Weights */
-/* Non_Standard Font Weights */
-/*=====================================
-Base colors should not be documented.
-Only document color use.
-
-Colors -----------------------------*/
-/* Specialty Gradient -----------------*/
-/* Interface colors -------------------*/
-/* Main colors ------------------------*/
-/*=====================================
-
-Background colors ------------------*/
-/* Card colors ------------------*/
-/* Active colors ----------------------*/
-/* Hover colors -----------------------*/
-/* Focus colors -----------------------*/
-/* Border colors ----------------------*/
-/* Shadow colors ----------------------*/
-/* Text colors ------------------------*/
-/* Data colors ------------------------*/
-/* Status colors ----------------------*/
-/* Link colors ------------------------*/
-/* Product colors ---------------------*/
-/* Category colors ---------------------*/
-* {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0; }
-  *:before, *:after {
-    box-sizing: border-box; }
-
-html {
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  height: 100vh;
-  overflow-x: hidden; }
-
-body {
-  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans_serif;
-  font-size: 16px;
-  line-height: 1.5;
-  background-color: #F3F7FB;
-  height: 100%;
-  letter-spacing: 0;
-  font-weight: 400;
-  font-style: normal;
-  text-rendering: optimizeLegibility;
-  -moz-font-feature-settings: "liga" on;
-  color: #242B42;
-  margin: 0 !important;
-  padding: 0 !important;
-  box-sizing: border-box;
-  min-height: 100vh;
-  padding: 50px; }
-
-a {
-  text-decoration: none;
-  color: #0056CF; }
+*{box-sizing:border-box;margin:0;padding:0}*:before,*:after{box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);height:100vh;overflow-x:hidden}body{font-family:"Proxima Nova","Helvetica Neue",Helvetica,Arial,sans_serif;font-size:16px;line-height:1.5;background-color:#F3F7FB;height:100%;letter-spacing:0;font-weight:400;font-style:normal;text-rendering:optimizeLegibility;-moz-font-feature-settings:"liga" on;color:#242B42;margin:0 !important;padding:0 !important;box-sizing:border-box;min-height:100vh;padding:50px}a{text-decoration:none;color:#0056CF}
 

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "10.23.0"
-  VERSION = "10.24.0.pre.alpha1"
+  VERSION = "10.24.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 10.24.0.pre.alpha1
+  version: 10.24.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-03-23 00:00:00.000000000 Z
+date: 2022-03-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2166,9 +2166,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
 rubygems_version: 3.1.6
 signing_key: