playbook_ui 14.3.0 → 14.3.1

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "14.2.1"
-  VERSION = "14.3.0"
+  PREVIOUS_VERSION = "14.3.0"
+  VERSION = "14.3.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.3.0
+  version: 14.3.1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-09-06 00:00:00.000000000 Z
+date: 2024-09-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2854,8 +2854,6 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context.html.erb
@@ -3037,8 +3035,8 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_typeahead-es44Ih6G.js
-- dist/chunks/_weekday_stacked-uQb5bGYo.js
+- dist/chunks/_typeahead-BWUFVlae.js
+- dist/chunks/_weekday_stacked-DAoF6PiA.js
 - dist/chunks/lazysizes-DHz07jlL.js
 - dist/chunks/lib-D9uVVKnh.js
 - dist/chunks/pb_form_validation-u2wnZ3oe.js

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb

@@ -1,88 +0,0 @@
-<%
-  options = [
-    { label: 'Orange', value: '#FFA500' },
-    { label: 'Red', value: '#FF0000' },
-    { label: 'Green', value: '#00FF00' },
-    { label: 'Blue', value: '#0000FF' },
-  ]
-%>
-
-<%= pb_rails("typeahead", props: {
-    id: "typeahead-default",
-    placeholder: "All Colors",
-    options: options,
-    label: "None",
-    name: :foo,
-    is_multi: false,
-    margin_bottom: "none",
-  })
-%>
-<%= pb_rails("typeahead", props: {
-    id: "typeahead-default",
-    placeholder: "All Colors",
-    options: options,
-    label: "XXS",
-    name: :foo,
-    is_multi: false,
-    margin_bottom: "xxs",
-  })
-%>
-<%= pb_rails("typeahead", props: {
-    id: "typeahead-default",
-    placeholder: "All Colors",
-    options: options,
-    label: "XS",
-    name: :foo,
-    is_multi: false,
-    margin_bottom: "xs",
-  })
-%>
-<%= pb_rails("typeahead", props: {
-    id: "typeahead-default",
-    placeholder: "All Colors",
-    options: options,
-    label: "Default - SM",
-    name: :foo,
-    is_multi: false,
-  })
-%>
-<%= pb_rails("typeahead", props: {
-    id: "typeahead-default",
-    placeholder: "All Colors",
-    options: options,
-    label: "MD",
-    name: :foo,
-    is_multi: false,
-    margin_bottom: "md",
-  })
-%>
-<%= pb_rails("typeahead", props: {
-    id: "typeahead-default",
-    placeholder: "All Colors",
-    options: options,
-    label: "LG",
-    name: :foo,
-    is_multi: false,
-    margin_bottom: "lg",
-  })
-%>
-<%= pb_rails("typeahead", props: {
-    id: "typeahead-default",
-    placeholder: "All Colors",
-    options: options,
-    label: "XL",
-    name: :foo,
-    is_multi: false,
-    margin_bottom: "xl",
-  })
-%>
-
-<%= javascript_tag defer: "defer" do %>
-  document.addEventListener("pb-typeahead-kit-typeahead-default-result-option-select", function(event) {
-    console.log('Single Option selected')
-    console.dir(event.detail)
-  })
-  document.addEventListener("pb-typeahead-kit-typeahead-default-result-clear", function() {
-    console.log('All options cleared')
-  })
-<% end %>

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx

@@ -1,60 +0,0 @@
-import React from 'react'
-
-import Typeahead from '../_typeahead'
-
-const options = [
-  { label: 'Orange', value: '#FFA500' },
-  { label: 'Red', value: '#FF0000' },
-  { label: 'Green', value: '#00FF00' },
-  { label: 'Blue', value: '#0000FF' },
-]
-
-const TypeaheadMarginBottom = (props) => {
-  return (
-    <>
-      <Typeahead
-          label="None"
-          marginBottom="none"
-          options={options}
-          {...props}
-      />
-      <Typeahead
-          label="XXS"
-          marginBottom="xxs"
-          options={options}
-          {...props}
-      />   
-      <Typeahead
-          label="XS"
-          marginBottom="xs"
-          options={options}
-          {...props}
-      />   
-      <Typeahead
-          label="Default - SM"
-          options={options}
-          {...props}
-      />   
-      <Typeahead
-          label="MD"
-          marginBottom="md"
-          options={options}
-          {...props}
-      />
-      <Typeahead
-          label="LG"
-          marginBottom="lg"
-          options={options}
-          {...props}
-      />
-      <Typeahead
-          label="XL"
-          marginBottom="xl"
-          options={options}
-          {...props}
-      />
-    </>
-  )
-}
-
-export default TypeaheadMarginBottom