playbook_ui 13.21.0.pre.alpha.PLAY12582516 → 13.21.0.pre.alpha.PLAY12582531

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 88fe835f45d6583ff214b6be2183e049a4b4b5483cce0c40f03be58284bd517e
-  data.tar.gz: 543922cf74d67b5275f81448b1f1b8dee5191b9b2a0b4ef23bbaabc8cc6b7515
+  metadata.gz: efe6c9a8fcbbb8c92dacd9cec8d0d47c1dab82cc8e74d577bb89b07b75cfe829
+  data.tar.gz: 2db1e01d4e980018e430c55193fc18537a14ce5591de7da0dd304caad846725d
 SHA512:
-  metadata.gz: 5d5b2b849251cee581b1b414823911f5df28955ef3216e2b65c06ea7bc7680f53f9762bd5e1828003d471fd84d39edea01096e4a24461abb6e42bd328fd9e6df
-  data.tar.gz: d8c8627c368c6800b48a32e9ca9a3eab7a26d040a9a624bfde3aa28a0d4458c42812aa55518aea526f23d91704badb09b16d3e90bf1e0c75c5600466e028ea18
+  metadata.gz: db682e79fbef41b5a6139c0ccf4da40ea40aaccf4883754ca9c045769c73c541758b6da9cfa89c3c187a0b1128de08227b57b09a47a6f95c356b83d617e768a5
+  data.tar.gz: cde1096ec7d50d4d646dc36517be437362d4b820c75d5ef74d55cdf12669e3a1994bc7562fb6b92b1fd363e9b411ff6881c7e3a179e2b73ea9c6c1aa574b71d3

data/app/pb_kits/playbook/pb_advanced_table/table_body.rb

@@ -11,7 +11,7 @@ module Playbook
       def render_row_and_children(row, column_definitions, current_depth = 0)
         output = ActiveSupport::SafeBuffer.new
 
-        output << pb_rails("advanced_table/table_row", props: { row:, column_definitions:, depth: current_depth })
+        output << pb_rails("advanced_table/table_row", props: { row: row, column_definitions: column_definitions, depth: current_depth })
 
         if row[:children].present?
           row[:children].each do |child_row|

data/app/pb_kits/playbook/pb_avatar/avatar.rb

@@ -22,7 +22,7 @@ module Playbook
       end
 
       def online_status_props
-        { status:, classname: "size_#{size}" }
+        { status: status, classname: "size_#{size}" }
       end
 
       def alt_text

data/app/pb_kits/playbook/pb_bar_graph/bar_graph.rb

@@ -42,27 +42,27 @@ module Playbook
 
       def standard_options
         {
-          align:,
-          id:,
+          align: align,
+          id: id,
           className: classname,
           chartData: chart_data,
           dark: dark ? "dark" : "",
           type: chart_type,
-          title:,
+          title: title,
           subTitle: subtitle,
           axisTitle: axis_title,
           pointStart: point_start,
           xAxisCategories: x_axis_categories,
           yAxisMin: y_axis_min,
           yAxisMax: y_axis_max,
-          legend:,
+          legend: legend,
           toggleLegendClick: toggle_legend_click,
-          height:,
-          colors:,
-          layout:,
+          height: height,
+          colors: colors,
+          layout: layout,
           verticalAlign: vertical_align,
-          x:,
-          y:,
+          x: x,
+          y: y,
         }
       end
 

data/app/pb_kits/playbook/pb_button/button.rb

@@ -36,13 +36,13 @@ module Playbook
       def options
         options = {
           class: classname,
-          disabled:,
-          id:,
+          disabled: disabled,
+          id: id,
           role: "button",
           tabindex: 0,
-          type:,
-          value:,
-          form:,
+          type: type,
+          value: value,
+          form: form,
         }.compact
         combined_html_options.merge!(options) if combined_html_options.present?
       end

data/app/pb_kits/playbook/pb_circle_chart/circle_chart.rb

@@ -42,15 +42,15 @@ module Playbook
 
       def chart_options
         {
-          align:,
-          id:,
-          colors:,
+          align: align,
+          id: id,
+          colors: colors,
           chartData: chart_data,
           dark: dark ? "dark" : "",
-          title:,
-          height:,
+          title: title,
+          height: height,
           type: style,
-          legend:,
+          legend: legend,
           dataLabelHtml: data_label_html,
           dataLabels: data_labels,
           tooltipHtml: tooltip_html,
@@ -60,11 +60,11 @@ module Playbook
           innerSize: inner_size,
           zMin: z_min,
           startAngle: start_angle,
-          rounded:,
-          layout:,
+          rounded: rounded,
+          layout: layout,
           verticalAlign: vertical_align,
-          x:,
-          y:,
+          x: x,
+          y: y,
         }
       end
 

data/app/pb_kits/playbook/pb_currency/currency.rb

@@ -51,14 +51,14 @@ module Playbook
         {
           classname: "dollar_sign",
           color: "light",
-          dark:,
+          dark: dark,
         }
       end
 
       def caption_props
         {
           text: label,
-          dark:,
+          dark: dark,
         }
       end
 
@@ -67,7 +67,7 @@ module Playbook
           size: size_value,
           text: abbreviate ? abbreviated_value : whole_value,
           classname: "pb_currency_value",
-          dark:,
+          dark: dark,
         }
       end
 
@@ -76,7 +76,7 @@ module Playbook
           text: units_element,
           color: "light",
           classname: "unit",
-          dark:,
+          dark: dark,
         }
       end
 

data/app/pb_kits/playbook/pb_date_picker/date_picker.rb

@@ -88,17 +88,17 @@ module Playbook
           disableRange: disable_range,
           disableWeekdays: disable_weekdays,
           enableTime: enable_time,
-          format:,
+          format: format,
           hideIcon: hide_icon,
-          inline:,
+          inline: inline,
           maxDate: max_date,
           minDate: min_date,
-          mode:,
+          mode: mode,
           pickerId: picker_id,
-          plugins:,
-          position:,
+          plugins: plugins,
+          position: position,
           positionElement: position_element,
-          required:,
+          required: required,
           selectionType: selection_type,
           showTimezone: show_timezone,
           staticPosition: static_position,

data/app/pb_kits/playbook/pb_distribution_bar/distribution_bar.rb

@@ -23,9 +23,9 @@ module Playbook
 
       def chart_options
         {
-          size:,
-          widths:,
-          colors:,
+          size: size,
+          widths: widths,
+          colors: colors,
         }
       end
     end

data/app/pb_kits/playbook/pb_docs/kit_example.rb

@@ -16,7 +16,7 @@ module Playbook
         if type == "rails"
           render inline: source
         elsif type == "react"
-          react_component example_key.camelize, { dark: }
+          react_component example_key.camelize, { dark: dark }
         elsif type == "swift"
           ## render the markdown file
           render inline: source

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

@@ -18,11 +18,11 @@ module Playbook
 
       def form_options
         {
-          id:,
-          aria:,
+          id: id,
+          aria: aria,
           class: classname,
-          data:,
-          validate:,
+          data: data,
+          validate: validate,
         }.merge(prop(:options) || prop(:form_system_options) || {})
       end
     end

data/app/pb_kits/playbook/pb_gauge/gauge.rb

@@ -24,22 +24,22 @@ module Playbook
 
       def chart_options
         {
-          id:,
+          id: id,
           chartData: chart_data,
           circumference: full_circle ? [0, 360] : [-100, 100],
           dark: dark ? "dark" : "",
           disableAnimation: disable_animation,
-          height:,
-          min:,
-          max:,
-          title:,
-          suffix:,
-          prefix:,
+          height: height,
+          min: min,
+          max: max,
+          title: title,
+          suffix: suffix,
+          prefix: prefix,
           showLabels: show_labels,
-          style:,
+          style: style,
           tooltipHtml: tooltip_html,
           type: style,
-          colors:,
+          colors: colors,
         }
       end
 

data/app/pb_kits/playbook/pb_home_address_street/home_address_street.rb

@@ -49,28 +49,28 @@ module Playbook
 
       def city_emphasis_props
         {
-          address_house_style:,
-          address_house_style2:,
-          city_state:,
-          dark:,
-          home_id:,
-          home_url:,
-          new_window:,
-          territory:,
-          zip:,
+          address_house_style: address_house_style,
+          address_house_style2: address_house_style2,
+          city_state: city_state,
+          dark: dark,
+          home_id: home_id,
+          home_url: home_url,
+          new_window: new_window,
+          territory: territory,
+          zip: zip,
         }
       end
 
       def street_emphasis_props
         {
-          address_house_style:,
-          address_house_style2:,
-          city_state_zip:,
-          dark:,
-          home_id:,
-          home_url:,
-          new_window:,
-          territory:,
+          address_house_style: address_house_style,
+          address_house_style2: address_house_style2,
+          city_state_zip: city_state_zip,
+          dark: dark,
+          home_id: home_id,
+          home_url: home_url,
+          new_window: new_window,
+          territory: territory,
         }
       end
 

data/app/pb_kits/playbook/pb_line_graph/line_graph.rb

@@ -40,27 +40,27 @@ module Playbook
 
       def chart_options
         {
-          align:,
-          id:,
+          align: align,
+          id: id,
           className: classname,
           chartData: chart_data,
           dark: dark ? "dark" : "",
           type: chart_type,
-          title:,
+          title: title,
           subTitle: subtitle,
           axisTitle: axis_title,
           pointStart: point_start,
           xAxisCategories: x_axis_categories,
           yAxisMin: y_axis_min,
           yAxisMax: y_axis_max,
-          legend:,
+          legend: legend,
           toggleLegendClick: toggle_legend_click,
-          height:,
-          colors:,
-          layout:,
+          height: height,
+          colors: colors,
+          layout: layout,
           verticalAlign: vertical_align,
-          x:,
-          y:,
+          x: x,
+          y: y,
         }
       end
 

data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb

@@ -26,14 +26,14 @@ module Playbook
 
       def multi_level_select_options
         {
-          id:,
+          id: id,
           inputDisplay: input_display,
-          name:,
+          name: name,
           treeData: tree_data,
           returnAllSelected: return_all_selected,
           selectedIds: selected_ids,
-          input_name:,
-          variant:,
+          input_name: input_name,
+          variant: variant,
         }
       end
     end

data/app/pb_kits/playbook/pb_passphrase/passphrase.rb

@@ -18,15 +18,15 @@ module Playbook
 
       def passphrase_options
         {
-          dark:,
-          id:,
-          confirmation:,
+          dark: dark,
+          id: id,
+          confirmation: confirmation,
           inputProps: input_props,
-          label:,
+          label: label,
           showTipsBelow: show_tips_below,
-          tips:,
+          tips: tips,
           uncontrolled: true,
-          value:,
+          value: value,
         }.compact
       end
     end

data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.rb

@@ -28,17 +28,17 @@ module Playbook
 
       def phone_number_input_options
         {
-          id:,
-          dark:,
-          disabled:,
-          error:,
+          id: id,
+          dark: dark,
+          disabled: disabled,
+          error: error,
           initialCountry: initial_country,
-          label:,
-          name:,
+          label: label,
+          name: name,
           onlyCountries: only_countries,
           preferredCountries: preferred_countries,
-          required:,
-          value:,
+          required: required,
+          value: value,
         }
       end
     end

data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.rb

@@ -39,16 +39,16 @@ module Playbook
 
       def rich_text_options
         {
-          id:,
-          inline:,
+          id: id,
+          inline: inline,
           className: classname,
-          focus:,
-          simple:,
-          sticky:,
+          focus: focus,
+          simple: simple,
+          sticky: sticky,
           toolbarBottom: toolbar_bottom,
-          value:,
-          template:,
-          placeholder:,
+          value: value,
+          template: template,
+          placeholder: placeholder,
         }
       end
     end

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

@@ -28,13 +28,13 @@ module Playbook
 
       def all_attributes
         {
-          id:,
+          id: id,
           prompt: blank_selection,
-          disabled:,
-          required:,
-          multiple:,
-          onchange:,
-          include_blank:,
+          disabled: disabled,
+          required: required,
+          multiple: multiple,
+          onchange: onchange,
+          include_blank: include_blank,
         }.merge(attributes)
       end
 

data/app/pb_kits/playbook/pb_selectable_card/selectable_card.rb

@@ -42,7 +42,7 @@ module Playbook
       def additional_input_options
         input_options.merge(
           id: input_id_present,
-          disabled:
+          disabled: disabled
         )
       end
 

data/app/pb_kits/playbook/pb_selectable_icon/selectable_icon.rb

@@ -39,7 +39,7 @@ module Playbook
       def additional_input_options
         input_options.merge(
           id: input_id_present,
-          disabled:
+          disabled: disabled
         )
       end
 

data/app/pb_kits/playbook/pb_stat_value/stat_value.rb

@@ -11,7 +11,7 @@ module Playbook
         if precision.nil?
           number_with_delimiter(value, delimiter: ",", separator: ".")
         else
-          number_with_precision(value, precision:, delimiter: ",", separator: ".")
+          number_with_precision(value, precision: precision, delimiter: ",", separator: ".")
         end
       end
 

data/app/pb_kits/playbook/pb_text_input/text_input.rb

@@ -43,7 +43,7 @@ module Playbook
       end
 
       def add_on_props
-        { dark: }.merge(add_on || {})
+        { dark: dark }.merge(add_on || {})
       end
 
     private
@@ -53,14 +53,14 @@ module Playbook
           autocomplete: autocomplete ? nil : "off",
           class: "text_input #{input_options.dig(:classname) || ''}",
           data: validation_data,
-          disabled:,
+          disabled: disabled,
           id: input_options.dig(:id) || id,
-          name:,
+          name: name,
           pattern: validation_pattern,
-          placeholder:,
-          required:,
-          type:,
-          value:,
+          placeholder: placeholder,
+          required: required,
+          type: type,
+          value: value,
         }.merge(input_options)
       end
 

data/app/pb_kits/playbook/pb_treemap_chart/treemap_chart.rb

@@ -23,13 +23,13 @@ module Playbook
         {
           chartData: chart_data,
           className: classname,
-          colors:,
+          colors: colors,
           dark: dark ? "dark" : "",
-          drillable:,
-          grouped:,
-          height:,
-          id:,
-          title:,
+          drillable: drillable,
+          grouped: grouped,
+          height: height,
+          id: id,
+          title: title,
           tooltipHtml: tooltip_html,
           type: chart_type,
         }

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

@@ -57,17 +57,17 @@ module Playbook
 
       def typeahead_react_options
         base_options = {
-          dark:,
+          dark: dark,
           defaultValue: default_options,
-          error:,
-          id:,
-          inline:,
+          error: error,
+          id: id,
+          inline: inline,
           isMulti: is_multi,
-          label:,
+          label: label,
           multiKit: multi_kit,
-          name:,
-          options:,
-          placeholder:,
+          name: name,
+          options: options,
+          placeholder: placeholder,
           plusIcon: plus_icon,
         }
 

data/lib/playbook/forms/builder/action_area.rb

@@ -13,12 +13,12 @@ module Playbook
           props[:type] ||= "submit"
           props[:text] ||= value || submit_default_value
 
-          button(value, props:)
+          button(value, props: props)
         end
 
         def button(_value = nil, props:)
           view_context.content_tag(:li) do
-            view_context.pb_rails("button", props:)
+            view_context.pb_rails("button", props: props)
           end
         end
 

data/lib/playbook/forms/builder/checkbox_field.rb

@@ -18,11 +18,11 @@ module Playbook
 
         if props[:label]
           @template.pb_rails("caption", props: { text: label_text, margin_bottom: "xs" }) +
-            @template.pb_rails("checkbox", props:) do
+            @template.pb_rails("checkbox", props: props) do
               input
             end
         else
-          @template.pb_rails("checkbox", props:) do
+          @template.pb_rails("checkbox", props: props) do
             input
           end
         end

data/lib/playbook/forms/builder/collection_select_field.rb

@@ -10,7 +10,7 @@ module Playbook
         html_options[:required] = "required" if props[:required]
         input = super(name, collection, value_method, text_method, options, html_options)
 
-        @template.pb_rails("select", props:) do
+        @template.pb_rails("select", props: props) do
           input
         end
       end

data/lib/playbook/forms/builder/date_picker_field.rb

@@ -28,7 +28,7 @@ module Playbook
           }
         )
 
-        @template.pb_rails("date_picker", props:) do
+        @template.pb_rails("date_picker", props: props) do
           input
         end
       end

data/lib/playbook/forms/builder/form_field_builder.rb

@@ -21,7 +21,7 @@ module Playbook
 
             input = super(name, **options, &block)
 
-            @template.pb_rails(kit_name, props:) do
+            @template.pb_rails(kit_name, props: props) do
               input
             end
           end

data/lib/playbook/forms/builder/intl_telephone_field.rb

@@ -5,7 +5,7 @@ module Playbook
     class Builder
       def intl_telephone(name, props: {})
         props[:name] = name
-        @template.pb_rails("phone_number_input", props:)
+        @template.pb_rails("phone_number_input", props: props)
       end
     end
   end

data/lib/playbook/forms/builder/multi_level_select_field.rb

@@ -5,7 +5,7 @@ module Playbook
     class Builder
       def multi_level_select(name, props: {})
         props[:name] = name
-        @template.pb_rails("multi_level_select", props:)
+        @template.pb_rails("multi_level_select", props: props)
       end
     end
   end

data/lib/playbook/forms/builder/select_field.rb

@@ -10,7 +10,7 @@ module Playbook
         html_options[:required] = "required" if props[:required]
         input = super(name, choices, options, html_options, &block)
 
-        @template.pb_rails("select", props:) do
+        @template.pb_rails("select", props: props) do
           input
         end
       end

data/lib/playbook/forms/builder/typeahead_field.rb

@@ -5,7 +5,7 @@ module Playbook
     class Builder
       def typeahead(name, _options = {}, _html_options = {}, props: {})
         props[:name] = name
-        @template.pb_rails("typeahead", props:)
+        @template.pb_rails("typeahead", props: props)
       end
     end
   end

data/lib/playbook/kit_base.rb

@@ -86,8 +86,8 @@ module Playbook
 
     def data_attributes
       {
-        data:,
-        aria:,
+        data: data,
+        aria: aria,
       }.transform_keys { |key| key.to_s.gsub("_", "-") }
     end
   end

data/lib/playbook/pb_doc_helper.rb

@@ -11,11 +11,11 @@ module Playbook
       examples = examples.first(1) if limit_examples
       examples.map do |example|
         pb_rails "docs/kit_example", props: {
-          kit:,
+          kit: kit,
           example_title: example.values.first,
           example_key: example.keys.first,
-          show_code:,
-          type:,
+          show_code: show_code,
+          type: type,
           dark: dark_mode,
         }
       end.join.yield_self(&method(:raw))
@@ -70,7 +70,7 @@ module Playbook
     def render_pb_doc_kit(kit, type, limit_examples, code = true, dark_mode = false)
       title = pb_doc_render_clickable_title(kit, type)
       ui = raw("<div class='pb--docItem-ui'>
-          #{pb_kit(kit:, type:, show_code: code, limit_examples:, dark_mode:)}</div>")
+          #{pb_kit(kit: kit, type: type, show_code: code, limit_examples: limit_examples, dark_mode: dark_mode)}</div>")
       title + ui
     end
     # rubocop:enable Style/OptionalBooleanParameter

data/lib/playbook/pb_forms_helper.rb

@@ -27,7 +27,7 @@ module Playbook
       classname = ["pb-form", kwargs[:class]].join(" ")
       options = kwargs.merge(
         class: classname,
-        data:,
+        data: data,
         builder: ::Playbook::Forms::Builder
       )
 

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:, 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 = "13.21.0"
-  VERSION = "13.21.0.pre.alpha.PLAY12582516"
+  VERSION = "13.21.0.pre.alpha.PLAY12582531"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.21.0.pre.alpha.PLAY12582516
+  version: 13.21.0.pre.alpha.PLAY12582531
 platform: ruby
 authors:
 - Power UX