playbook_ui 14.9.0.pre.alpha.PLAY16264818 → 14.9.0.pre.alpha.play1703errorstatealignment4889

data/lib/playbook/hover.rb

@@ -29,12 +29,16 @@ module Playbook
       []
     end
 
+    def hover_underline_values
+      [true, false]
+    end
+
     def hover_values
       hover_options.keys.select { |sk| try(sk) }
     end
 
     def hover_attributes
-      %w[background shadow scale color]
+      %w[background shadow scale color underline]
     end
 
     def hover_props
@@ -51,6 +55,8 @@ module Playbook
           value.each do |key, val|
             if %i[background color].include?(key)
               css += "#{prefix}_#{key}-#{val} " if hover_attributes.include?(key.to_s)
+            elsif %i[underline].include?(key) && val == true
+              css += "hover_underline "
             elsif hover_attributes.include?(key.to_s) && send("hover_#{key}_values").include?(val.to_s)
               css += "#{prefix}_#{key}_#{val} "
             end

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "14.9.0"
-  VERSION = "14.9.0.pre.alpha.PLAY16264818"
+  VERSION = "14.9.0.pre.alpha.play1703errorstatealignment4889"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.9.0.pre.alpha.PLAY16264818
+  version: 14.9.0.pre.alpha.play1703errorstatealignment4889
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-12-06 00:00:00.000000000 Z
+date: 2024-12-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2370,7 +2370,6 @@ files:
 - app/pb_kits/playbook/pb_select/docs/_select_error.jsx
 - app/pb_kits/playbook/pb_select/docs/_select_error.md
 - app/pb_kits/playbook/pb_select/docs/_select_error_swift.md
-- app/pb_kits/playbook/pb_select/docs/_select_form.jsx
 - app/pb_kits/playbook/pb_select/docs/_select_inline.html.erb
 - app/pb_kits/playbook/pb_select/docs/_select_inline.jsx
 - app/pb_kits/playbook/pb_select/docs/_select_inline_compact.html.erb
@@ -2618,6 +2617,7 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_sticky.md
+- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md
 - app/pb_kits/playbook/pb_table/docs/_table_striped.html.erb
@@ -3165,7 +3165,6 @@ files:
 - app/pb_kits/playbook/utilities/flexbox_global_props/_order.scss
 - app/pb_kits/playbook/utilities/globalPropNames.mjs
 - app/pb_kits/playbook/utilities/globalProps.ts
-- app/pb_kits/playbook/utilities/hookFormProps.ts
 - app/pb_kits/playbook/utilities/icons/allicons.tsx
 - app/pb_kits/playbook/utilities/icons/angle-down.svg
 - app/pb_kits/playbook/utilities/icons/clock.svg
@@ -3191,11 +3190,11 @@ 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-B8fkIeXA.js
-- dist/chunks/_weekday_stacked-DxlPBh55.js
+- dist/chunks/_typeahead-4sdDeM4X.js
+- dist/chunks/_weekday_stacked-CblTZ9cd.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-SyD3buPZ.js
-- dist/chunks/pb_form_validation-Dt8UJgrJ.js
+- dist/chunks/lib-CVPInSs5.js
+- dist/chunks/pb_form_validation-CDLJ5eAG.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js

data/app/pb_kits/playbook/pb_select/docs/_select_form.jsx

@@ -1,108 +0,0 @@
-import React from 'react'
-import { useForm } from 'react-hook-form'
-import { Select, Card, Body, Button } from 'playbook-ui'
-
-const SelectForm = (props) => {
-  const {
-    register,
-    handleSubmit,
-    formState: { errors },
-    watch,
-  } = useForm({
-    defaultValues: {
-      favoriteFood: '',
-      mealType: '',
-      dietaryRestrictions: '',
-    }
-  })
-
-  const onSubmit = (data) => {
-    console.log('Form submitted:', data)
-  }
-
-  // Watch form values for real-time display
-  const formValues = watch()
-
-  const foodOptions = [
-    { value: 'pizza', text: 'Pizza' },
-    { value: 'burger', text: 'Burger' },
-    { value: 'sushi', text: 'Sushi' },
-    { value: 'salad', text: 'Salad' },
-  ]
-
-  const mealTypes = [
-    { value: 'breakfast', text: 'Breakfast' },
-    { value: 'lunch', text: 'Lunch' },
-    { value: 'dinner', text: 'Dinner' },
-  ]
-
-  const dietaryOptions = [
-    { value: 'none', text: 'No Restrictions' },
-    { value: 'vegetarian', text: 'Vegetarian' },
-    { value: 'vegan', text: 'Vegan' },
-    { value: 'glutenFree', text: 'Gluten Free' },
-  ]
-
-  return (
-    <div>
-      <Card>
-        <form onSubmit={handleSubmit(onSubmit)}>
-          <Select
-              error={errors.favoriteFood?.message}
-              label="What's your favorite food?"
-              name="favoriteFood"
-              options={foodOptions}
-              register={register}
-              rules={{
-                required: 'Please select your favorite food',
-              }}
-              {...props}
-          />
-          <Select
-              blankSelection="Choose a meal type..."
-              error={errors.mealType?.message}
-              label="Preferred meal time"
-              marginTop="md"
-              name="mealType"
-              options={mealTypes}
-              register={register}
-              rules={{
-                required: 'Please select a meal type',
-              }}
-              {...props}
-          />
-          <Select
-              label="Dietary Restrictions"
-              marginTop="md"
-              name="dietaryRestrictions"
-              options={dietaryOptions}
-              register={register}
-              {...props}
-          />
-
-          <Button
-              marginTop="lg"
-              text="Submit"
-              type="submit"
-              variant="primary"
-              
-          />
-        </form>
-        <Card marginTop="lg">
-          <Body
-              text="Current Form Values:"
-              variant="bold"
-          />
-          <pre style={{ marginTop: '8px', color: "white" }}>
-            {JSON.stringify(formValues, null, 2)}
-          </pre>
-        </Card>
-      </Card>
-    </div>
-  )
-}
-
-export default SelectForm
-
-
-

data/app/pb_kits/playbook/utilities/hookFormProps.ts

@@ -1,16 +0,0 @@
-import { UseFormRegister, FieldValues, RegisterOptions } from 'react-hook-form'
-
-export type HookFormProps<T extends FieldValues = FieldValues> = {
-  register?: UseFormRegister<T>
-  rules?: RegisterOptions
-  name: string
-}
-
-export const withHookForm = <T extends FieldValues = FieldValues>(
-  props: HookFormProps<T>
-) => {
-  const { register, name, rules } = props
-  if (!register) return {}
-  
-  return register(name, rules) 
-}