playbook_ui 10.26.1 → 11.0.0.pre.alpha.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d04863af3f16f0ff07920912ee6bee3917aa3102aa4a139ac6db374d33ecff3d
-  data.tar.gz: 2f7285e07abdadd6d0ef5aa5b72190503509682c2ed627c8a38fee10cc556de7
+  metadata.gz: ba99152ecbeab24cac6ea0be5c389d35fac8c6e35698aa5c6b5aa0b6499a631a
+  data.tar.gz: 6c03e5095d32c664dcd83c68532acbb3affd7ddf8be63bc654d67c08fc6838de
 SHA512:
-  metadata.gz: e122b9e9f7e17fdc19da23b248423b58953dc38d3af3069f1e4903f4d05fd1f34f098d93a7453d9a9530a1f6f0b044f30e51dd247d8004cceb72c043dc8436b4
-  data.tar.gz: 3ec5a1f20a7814eca7781e4504543de8879f84fda9e67376ed300d82ab11380ceca3125324e7c19849e925873f4dd47a2c4ae999cd1ff4f90edfa6f59fd2068c
+  metadata.gz: b65dde7cdc094167c4e7efdd172ec520e76dcf4cf7cebd2bb6539ffe782028044d97869b99241297e7b36c7d19f85b99209122a5fc54856f0619e60e952d2053
+  data.tar.gz: bc779ff7b9013fd2ec1d15ba51c676b131f6b474f962e0959d435a0cc7a166597d72c86dd6011e1d2e4cda7a43ad1bb5c985569d6b37c043be86e3bc14f81939

data/app/pb_kits/playbook/pb_card/_card.tsx

@@ -83,10 +83,10 @@ const Card = (props: CardPropTypes) => {
   const borderCSS = borderNone == true ? 'border_none' : ''
   const selectedCSS = selected == true ? 'selected' : 'deselected'
   const backgroundCSS = background == 'none' ? '' : `background_${background}`
-  const cardCss = buildCss('pb_card_kit', selectedCSS, borderCSS, `border_radius_${borderRadius}`, backgroundCSS, {
-    [`highlight_${highlight.position}`]: highlight.position,
-    [`highlight_${highlight.color}`]: highlight.color,
-  })
+  const cardCss = buildCss('pb_card_kit', selectedCSS, borderCSS, `border_radius_${borderRadius}`, backgroundCSS,
+    `highlight_${highlight.position}`,
+    `highlight_${highlight.color}`,
+  )
   const ariaProps: {[key: string]: string} = buildAriaProps(aria)
   const dataProps: {[key: string]: string} = buildDataProps(data)
 

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_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/utilities/props.ts

@@ -22,7 +22,7 @@ const buildPrefixedProps = (prefix: string, data: {[key: string]: any}) =>
  *
  * @returns {() => {}} the noop function.
  */
-export const noop = (): void => { void 0 }
+export const noop = () => {}
 
 /**
  * Maps a given aria object into HTML valid aria attribtues and their values.
@@ -47,5 +47,5 @@ export const buildDataProps = (data: {[key: string]: any}) => buildPrefixedProps
  * @param {Object} rules a 'classnames' compliant rules object, used to derive the root className.
  * @returns {String} the derived root className value.
  */
-export const buildCss = (...rules: (string | { [x: string]: string; })[]): string => classnames(rules).replace(/\s/g, '_')
+export const buildCss = (...rules: string[]) => classnames(rules).replace(/\s/g, '_')
 

data/dist/reset.css

@@ -1,2 +1,61 @@
-*{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}
+/* 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; }
 

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.26.1"
+  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.26.1
+  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-27 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
@@ -2208,11 +2208,11 @@ 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: []
-rubygems_version: 3.1.6
+rubygems_version: 3.3.7
 signing_key:
 specification_version: 4
 summary: Playbook Design System