playbook_ui 10.27.0.pre.lazysizes1 → 11.0.0.pre.alpha.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 17b5223ce5053256ecdeca31b0cba4aa944be3e036c5a7f87e618ac210743c70
-  data.tar.gz: 249659c9162fc5866c95f4e7ca93526242cac418d643805106a30024a8f68387
+  metadata.gz: ba99152ecbeab24cac6ea0be5c389d35fac8c6e35698aa5c6b5aa0b6499a631a
+  data.tar.gz: 6c03e5095d32c664dcd83c68532acbb3affd7ddf8be63bc654d67c08fc6838de
 SHA512:
-  metadata.gz: 5795693f1395e8770cac42d3883e784a21249937f31da3608e04c9109e6e07e765a6650f958108fb826a2bc76d99ed4bd8d14395dcf485c3beebd1cb6c0b5239
-  data.tar.gz: b784cac79800c6c20578e8d5b411f665bcbc75ece551eaa577b9026c2ed8de31abf0f785007861b23d27f249579435378cae0ed9f5b4ae9e4df141ac237fae3c
+  metadata.gz: b65dde7cdc094167c4e7efdd172ec520e76dcf4cf7cebd2bb6539ffe782028044d97869b99241297e7b36c7d19f85b99209122a5fc54856f0619e60e952d2053
+  data.tar.gz: bc779ff7b9013fd2ec1d15ba51c676b131f6b474f962e0959d435a0cc7a166597d72c86dd6011e1d2e4cda7a43ad1bb5c985569d6b37c043be86e3bc14f81939

data/app/pb_kits/playbook/pb_form/form.rb

@@ -11,7 +11,7 @@ module Playbook
       prop :validate, type: Playbook::Props::Boolean, default: false
 
       def render_in(view_context, &block)
-        view_context.pb_form_with(form_options, &block)
+        view_context.pb_form_with(**form_options, &block)
       end
 
     private

data/app/pb_kits/playbook/pb_image/_image.scss

@@ -11,9 +11,9 @@ $image-sizes: (
 
 [class^=pb_image_kit] {
   position: relative;
+  object-fit: cover;
 
   @each $name, $size in $image-sizes {
-    &.ls-blur-up-img,
     &[class*=size_#{$name}] {
       width: $size;
       height: $size;
@@ -22,16 +22,13 @@ $image-sizes: (
       flex-shrink: 0;
       flex-grow: 0;
       flex-basis: $size;
-      font-family: "blur-up: auto", "object-fit: cover";
-      object-fit: cover;
     }
 
     &[class*= rounded] {
       border-radius: $border-rad-heaviest;
     }
 
-    &.ls-blur-up-img,
-    &.fade:not(.ls-is-cached) {
+    &.fade {
       opacity: 0;
       &.lazyloaded {
         opacity: 1;
@@ -39,8 +36,7 @@ $image-sizes: (
       }
     }
 
-    &.ls-blur-up-img,
-    &.blur:not(.ls-is-cached) {
+    &.blur {
       filter: blur(5px);
       &.lazyloaded {
         -webkit-filter: blur(0);
@@ -49,8 +45,7 @@ $image-sizes: (
       }
     }
 
-    &.ls-blur-up-img,
-    &.scale:not(.ls-is-cached) {
+    &.scale {
       opacity: 0;
       transform: scale(0.9);
       &.lazyloaded {

data/app/pb_kits/playbook/pb_image/_image.tsx

@@ -2,8 +2,6 @@ import React from 'react'
 import classnames from 'classnames'
 import { GlobalProps, globalProps } from '../utilities/globalProps'
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import 'lazysizes';
-import 'lazysizes/plugins/blur-up/ls.blur-up';
 
 type ImageType = {
   alt?: string,
@@ -44,18 +42,16 @@ const Image = (props: ImageType): React.ReactElement => {
   const dataProps = buildDataProps(data)
 
   return (
-    <>
-      <img
-          {...ariaProps}
-          {...dataProps}
-          alt={alt}
-          className={classes}
-          data-src={url}
-          id={id}
-          onError={onError}
-          src={url}
-      />
-    </>
+    <img
+        {...ariaProps}
+        {...dataProps}
+        alt={alt}
+        className={classes}
+        data-src={url}
+        id={id}
+        onError={onError}
+        src={url}
+    />
   )
 }
 

data/app/pb_kits/playbook/pb_typeahead/typeahead.rb

@@ -60,9 +60,12 @@ module Playbook
           plusIcon: plus_icon,
         }
 
-        base_options.merge!({ getOptionLabel: get_option_label }) if get_option_label.present?
-        base_options.merge!({ getOptionValue: get_option_value }) if get_option_value.present?
-        base_options.merge!({ async: true, loadOptions: load_options }) if async
+        base_options[:getOptionLabel] = get_option_label if get_option_label.present?
+        base_options[:getOptionValue] = get_option_value if get_option_value.present?
+        if async
+          base_options[:async] = true
+          base_options[:loadOptions] = load_options
+        end
         base_options
       end
     end

data/app/pb_kits/playbook/playbook-rails.js

@@ -11,7 +11,6 @@ window.datePickerHelper = datePickerHelper
 
 // Lazy image loading
 import 'lazysizes'
-import 'lazysizes/plugins/blur-up/ls.blur-up'
 
 import PbCollapsible from './pb_collapsible'
 PbCollapsible.start()

data/lib/playbook/props.rb

@@ -48,7 +48,7 @@ module Playbook
       end
 
       def prop(name, type: Playbook::Props::String, **options)
-        self.props = props.merge(name => type.new(options.merge(name: name, kit: self)))
+        self.props = props.merge(name => type.new(**options.merge(name: name, kit: self)))
 
         define_method(name) { prop(name) }
       end

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "10.26.0"
-  VERSION = "10.27.0.pre.lazysizes1"
+  VERSION = "11.0.0.pre.alpha.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 10.27.0.pre.lazysizes1
+  version: 11.0.0.pre.alpha.1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-05-25 00:00:00.000000000 Z
+date: 2022-05-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -205,14 +205,14 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 1.20.0
+        version: 1.23.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 1.20.0
+        version: 1.23.0
 - !ruby/object:Gem::Dependency
   name: rubocop-performance
   requirement: !ruby/object:Gem::Requirement
@@ -2212,7 +2212,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: 1.3.1
 requirements: []
-rubygems_version: 3.1.6
+rubygems_version: 3.3.7
 signing_key:
 specification_version: 4
 summary: Playbook Design System