playbook_ui 16.0.0.pre.alpha.HFH3979Applydepwarningfixtoplaybook13635 → 16.0.0.pre.alpha.PLAY2668multipleuserstooltiprails13556

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b690719fa4d4334c4b2b1c30e06975689af68001aa38c02d55d1547b2ca5a1fe
-  data.tar.gz: 9f43a322971fa20fd29238bf46abbfed87892cdc6abdbf1b9a6a6dc854655f1a
+  metadata.gz: d1da81b6d114d52abee6e17253134d3b749f6f6d6f07f2840161e390841f5862
+  data.tar.gz: 310a63b443f95e203b0df3a7e86e77df1f2c39747bc5d900cb5989585317ffa5
 SHA512:
-  metadata.gz: 03654cd8e50ee0f7b1042b1cc0ffbe78e2e1715c2639d242bc96c9d3d87ef7b3ac3a8432fab751d3d0b66265a7e555fd4a04de97916d7476f961a74d1a2b70d8
-  data.tar.gz: 8fbbe38c1d20247a55123492cd8a701da80ac965a364a8235e1d129f35fa68a06f9b66cf422d818509544321ad7ef811360fbea445963ce0317e8d8463e5ba8b
+  metadata.gz: 48f07c1c7681baae8d05db757a0633476cc891838cbd34d8a1befcbaa1b9740313611bfb4ac6a42e16508bbec0bc3b584e93c10f6500d4c305f1bb4dc16b2e4b
+  data.tar.gz: 7bce0e9f5cb09ef11ef65d74dd3ccedb21b317ac4c62d34d364b0568dc1bdf1cb770f7d156caaf436858e76a988cb90207f6446cf9863a4308c5ec0b2f3d514e

data/app/pb_kits/playbook/pb_icon/icon.rb

@@ -109,18 +109,13 @@ module Playbook
 
         svg["class"] = %w[pb_custom_icon svg-inline--fa].concat([object.custom_icon_classname]).join(" ")
         svg["id"] = object.id
+        svg["data"] = object.data
         svg["height"] = "auto"
         svg["width"] = "auto"
         svg["tabindex"] = object.tabindex
         fill_color = object.color || "currentColor"
         doc.at_css("path")["fill"] = fill_color
 
-        if object.data.present?
-          object.data.each do |key, value|
-            svg["data-#{key}"] = value
-          end
-        end
-
         if object.aria.present?
           object.aria.each do |key, value|
             k = key.to_s

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "16.0.0"
-  VERSION = "16.0.0.pre.alpha.HFH3979Applydepwarningfixtoplaybook13635"
+  VERSION = "16.0.0.pre.alpha.PLAY2668multipleuserstooltiprails13556"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 16.0.0.pre.alpha.HFH3979Applydepwarningfixtoplaybook13635
+  version: 16.0.0.pre.alpha.PLAY2668multipleuserstooltiprails13556
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-01-20 00:00:00.000000000 Z
+date: 2026-01-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -3031,7 +3031,6 @@ files:
 - app/pb_kits/playbook/pb_table/_table.scss
 - app/pb_kits/playbook/pb_table/_table.tsx
 - app/pb_kits/playbook/pb_table/docs/_description.md
-- app/pb_kits/playbook/pb_table/docs/_sections.yml
 - app/pb_kits/playbook/pb_table/docs/_table_action_middle.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_action_middle.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_action_middle.md
@@ -3805,39 +3804,18 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/alignContent.test.js
 - app/pb_kits/playbook/utilities/test/globalProps/alignItems.test.js
 - app/pb_kits/playbook/utilities/test/globalProps/alignSelf.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/borderRadius.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/bottom.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/cursor.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/dark.test.js
 - app/pb_kits/playbook/utilities/test/globalProps/display.test.js
 - app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
 - app/pb_kits/playbook/utilities/test/globalProps/flexDirection.test.js
 - app/pb_kits/playbook/utilities/test/globalProps/flexGrow.test.js
 - app/pb_kits/playbook/utilities/test/globalProps/flexShrink.test.js
 - app/pb_kits/playbook/utilities/test/globalProps/flexWrap.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/gap.test.js
 - app/pb_kits/playbook/utilities/test/globalProps/globalPropsTestHelper.js
-- app/pb_kits/playbook/utilities/test/globalProps/height.test.js
 - app/pb_kits/playbook/utilities/test/globalProps/hover.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/htmlOptions.test.js
 - app/pb_kits/playbook/utilities/test/globalProps/justifyContent.test.js
 - app/pb_kits/playbook/utilities/test/globalProps/justifySelf.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/left.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/lineHeight.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/margin.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/numberSpacing.test.js
 - app/pb_kits/playbook/utilities/test/globalProps/order.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/overflow.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/padding.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/position.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/right.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/shadow.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/textAlign.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/top.test.js
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/verticalAlign.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/width.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/zIndex.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
 - dist/chunks/_pb_line_graph-hxi01lk7.js

data/app/pb_kits/playbook/pb_table/docs/_sections.yml

@@ -1,68 +0,0 @@
-sections:
-  - title: "Size & Density"
-    examples:
-      - table_sm
-      - table_md
-      - table_lg
-      - table_multiline
-      - table_single_line
-      - table_outer_padding
-
-  - title: "Layout & Structure"
-    examples:
-      - table_responsive_table
-      - table_with_subcomponents
-      - table_with_subcomponents_as_divs
-      - table_with_background_kit
-
-
-  - title: "Sticky & Positional Behaviors"
-    examples:
-      - table_sticky
-      - table_sticky_left_columns
-      - table_sticky_right_columns
-      - table_sticky_columns
-      - table_alignment_row
-      - table_alignment_column
-      - table_alignment_shift_row
-      - table_alignment_shift_data
-      - table_side_highlight
-      - table_container
-
-  - title: "Collapsible & Nested Behaviors"
-    examples:
-      - table_with_collapsible
-      - table_with_dynamic_collapsible
-      - table_with_collapsible_with_custom_click
-      - table_with_collapsible_with_custom_content
-      - table_with_collapsible_with_nested_rows
-      - table_with_collapsible_with_nested_table
-
-  - title: "Data Presentation"
-    examples:
-      - table_data_table
-      - table_vertical_border
-      - table_striped
-
-  - title: "Header Variants"
-    examples:
-      - table_header
-      - table_with_header_style_borderless
-      - table_with_header_style_floating
-
-  - title: "Interactive Tables"
-    examples:
-      - table_with_clickable_rows
-      - table_with_selectable_rows
-      - table_with_filter_variant
-      - table_with_filter_variant_with_pagination
-      - table_disable_hover
-
-  - title: "Table Actions"
-    examples:
-      - table_one_action
-      - table_two_actions
-      - table_two_plus_actions
-      - table_action_middle
-      - table_icon_buttons
-      

data/app/pb_kits/playbook/utilities/test/globalProps/borderRadius.test.js

@@ -1,33 +0,0 @@
-import { testGlobalProp, testGlobalPropAbsence, testGlobalPropInvalidValues } from './globalPropsTestHelper'
-import Body from '../../../pb_body/_body'
-import Button from '../../../pb_button/_button'
-import Card from '../../../pb_card/_card'
-import Title from '../../../pb_title/_title'
-import Flex from '../../../pb_flex/_flex'
-import Link from '../../../pb_link/_link'
-import Badge from '../../../pb_badge/_badge'
-
-// NOTE: TextInput excluded - borderRadius is not a valid prop for input elements
-testGlobalProp(
-  'borderRadius',
-  ['none', 'xs', 'sm', 'md', 'lg', 'xl', 'rounded'],
-  (v) => `border_radius_${v}`,
-  null,
-  [Body, Button, Card, Title, Flex, Link, Badge]
-)
-
-testGlobalPropAbsence(
-  'borderRadius',
-  ['border_radius_none', 'border_radius_xs', 'border_radius_sm', 'border_radius_md', 'border_radius_lg', 'border_radius_xl', 'border_radius_rounded'],
-  undefined,
-  { skipNull: true }
-)
-
-// NOTE: Currently using skipKnownIssues: true because globalProps.ts generates classes for invalid values
-testGlobalPropInvalidValues(
-  'borderRadius',
-  ['invalid', 'bad_value', 'not_a_radius', 'special-chars!@#'],
-  ['border_radius_invalid', 'border_radius_bad_value', 'border_radius_not_a_radius', 'border_radius_special-chars!@#'],
-  undefined,
-  { skipKnownIssues: true }
-)

data/app/pb_kits/playbook/utilities/test/globalProps/bottom.test.js

@@ -1,60 +0,0 @@
-import React from 'react'
-import { testGlobalProp, testGlobalPropAbsence, testGlobalPropInvalidValues } from './globalPropsTestHelper'
-import { render, screen } from '../../test-utils'
-import Body from '../../../pb_body/_body'
-import Button from '../../../pb_button/_button'
-import Card from '../../../pb_card/_card'
-import Title from '../../../pb_title/_title'
-import Flex from '../../../pb_flex/_flex'
-import Link from '../../../pb_link/_link'
-import Badge from '../../../pb_badge/_badge'
-
-const validSizes = ['xs', 'sm', 'md', 'lg', 'xl']
-
-// NOTE: TextInput excluded - positioning props are not valid for input elements
-// Test bottom prop with string values
-testGlobalProp(
-  'bottom',
-  validSizes,
-  (v) => `bottom_${v}`,
-  null,
-  [Body, Button, Card, Title, Flex, Link, Badge]
-)
-
-// Test bottom prop with object values (inset) - tested separately due to object value complexity
-test('Global Props: bottom returns proper class name with object values (inset)', () => {
-  const testCases = [
-    { value: { value: 'md', inset: true }, expected: 'bottom_md_inset' },
-    { value: { value: 'lg', inset: false }, expected: 'bottom_lg' },
-    { value: { value: 'sm', inset: true }, expected: 'bottom_sm_inset' }
-  ]
-  
-  testCases.forEach(({ value, expected }) => {
-    const testId = `body-bottom-object-${value.value}-${value.inset}`
-    render(
-      <Body
-          bottom={value}
-          data={{ testid: testId }}
-          text="Hi"
-      />
-    )
-    const kit = screen.getByTestId(testId)
-    expect(kit).toHaveClass(expected)
-  })
-})
-
-testGlobalPropAbsence(
-  'bottom',
-  ['bottom_xs', 'bottom_sm', 'bottom_md', 'bottom_lg', 'bottom_xl'],
-  undefined,
-  { skipNull: true }
-)
-
-// NOTE: Currently using skipKnownIssues: true because globalProps.ts generates classes for invalid values
-testGlobalPropInvalidValues(
-  'bottom',
-  ['invalid', 'bad_value', 'not_a_size', 'special-chars!@#'],
-  ['bottom_invalid', 'bottom_bad_value', 'bottom_not_a_size', 'bottom_special-chars!@#'],
-  undefined,
-  { skipKnownIssues: true }
-)

data/app/pb_kits/playbook/utilities/test/globalProps/cursor.test.js

@@ -1,42 +0,0 @@
-import { testGlobalProp, testGlobalPropAbsence, testGlobalPropInvalidValues } from './globalPropsTestHelper'
-import { camelToSnakeCase } from '../../../utilities/text'
-import Body from '../../../pb_body/_body'
-import Button from '../../../pb_button/_button'
-import Card from '../../../pb_card/_card'
-import Title from '../../../pb_title/_title'
-import TextInput from '../../../pb_text_input/_text_input'
-import Flex from '../../../pb_flex/_flex'
-import Link from '../../../pb_link/_link'
-import Badge from '../../../pb_badge/_badge'
-
-const validValues = [
-  'auto', 'default', 'none', 'contextMenu', 'help', 'pointer', 'progress', 'wait', 'cell',
-  'crosshair', 'text', 'verticalText', 'alias', 'copy', 'move', 'noDrop', 'notAllowed', 'grab',
-  'grabbing', 'eResize', 'nResize', 'neResize', 'nwResize', 'sResize', 'seResize', 'swResize', 'wResize',
-  'ewResize', 'nsResize', 'neswResize', 'nwseResize', 'colResize', 'rowResize', 'allScroll', 'zoomIn', 'zoomOut'
-]
-
-testGlobalProp(
-  'cursor',
-  validValues,
-  (v) => `cursor_${camelToSnakeCase(v)}`,
-  null,
-  [Body, Button, Card, Title, TextInput, Flex, Link, Badge]
-)
-
-testGlobalPropAbsence(
-  'cursor',
-  ['cursor_auto', 'cursor_pointer', 'cursor_default', 'cursor_none'],
-  undefined,
-  { skipNull: true }
-)
-
-// NOTE: Currently using skipKnownIssues: true because globalProps.ts generates classes for invalid values
-// NOTE: Using allowRenderingErrors: true because invalid types (like numbers) cause rendering errors with camelToSnakeCase
-testGlobalPropInvalidValues(
-  'cursor',
-  ['invalid', 'bad_value', 'not_a_cursor', 'special-chars!@#'],
-  ['cursor_invalid', 'cursor_bad_value', 'cursor_not_a_cursor', 'cursor_special-chars!@#'],
-  undefined,
-  { skipKnownIssues: true, allowRenderingErrors: true }
-)

data/app/pb_kits/playbook/utilities/test/globalProps/dark.test.js

@@ -1,33 +0,0 @@
-import { testGlobalProp, testGlobalPropAbsence, testGlobalPropInvalidValues } from './globalPropsTestHelper'
-import Body from '../../../pb_body/_body'
-import Button from '../../../pb_button/_button'
-import Card from '../../../pb_card/_card'
-import Title from '../../../pb_title/_title'
-import TextInput from '../../../pb_text_input/_text_input'
-import Flex from '../../../pb_flex/_flex'
-import Link from '../../../pb_link/_link'
-import Badge from '../../../pb_badge/_badge'
-
-testGlobalProp(
-  'dark',
-  [true],
-  () => 'dark',
-  null,
-  [Body, Button, Card, Title, TextInput, Flex, Link, Badge]
-)
-
-testGlobalPropAbsence(
-  'dark',
-  ['dark'],
-  undefined,
-  { skipNull: true }
-)
-
-// NOTE: Currently using skipKnownIssues: true because globalProps.ts generates classes for invalid values
-testGlobalPropInvalidValues(
-  'dark',
-  ['invalid', 'bad_value', 123, 'true', 'false'],
-  ['dark_invalid', 'dark_bad_value', 'dark_123', 'dark_true', 'dark_false'],
-  undefined,
-  { skipKnownIssues: true }
-)

data/app/pb_kits/playbook/utilities/test/globalProps/gap.test.js

@@ -1,87 +0,0 @@
-import { testGlobalProp, testGlobalPropResponsiveWithDefault, testGlobalPropAbsence, testGlobalPropInvalidValues } from './globalPropsTestHelper'
-import Body from '../../../pb_body/_body'
-import Button from '../../../pb_button/_button'
-import Card from '../../../pb_card/_card'
-import Title from '../../../pb_title/_title'
-import Flex from '../../../pb_flex/_flex'
-import Link from '../../../pb_link/_link'
-import Badge from '../../../pb_badge/_badge'
-
-// NOTE: TextInput excluded - gap properties are not valid props for input elements
-// Test gap prop
-testGlobalProp(
-  'gap',
-  ['xs', 'sm', 'md', 'lg', 'xl'],
-  (v) => `gap_${v}`,
-  (size, v) => `gap_${size}_${v}`,
-  [Body, Button, Card, Title, Flex, Link, Badge]
-)
-
-testGlobalPropResponsiveWithDefault(
-  'gap',
-  { default: 'md', xs: 'xs', sm: 'md', md: 'lg' },
-  (v) => `gap_${v}`,
-  (size, v) => `gap_${size}_${v}`
-)
-
-testGlobalPropAbsence(
-  'gap',
-  ['gap_xs', 'gap_sm', 'gap_md', 'gap_lg', 'gap_xl'],
-  undefined,
-  { skipNull: true }
-)
-
-// Test columnGap prop
-testGlobalProp(
-  'columnGap',
-  ['xs', 'sm', 'md', 'lg', 'xl'],
-  (v) => `column_gap_${v}`,
-  (size, v) => `column_gap_${size}_${v}`,
-  [Body, Button, Card, Title, Flex, Link, Badge]
-)
-
-testGlobalPropResponsiveWithDefault(
-  'columnGap',
-  { default: 'md', xs: 'xs', sm: 'md', md: 'lg' },
-  (v) => `column_gap_${v}`,
-  (size, v) => `column_gap_${size}_${v}`
-)
-
-testGlobalPropAbsence(
-  'columnGap',
-  ['column_gap_xs', 'column_gap_sm', 'column_gap_md', 'column_gap_lg', 'column_gap_xl'],
-  undefined,
-  { skipNull: true }
-)
-
-// Test rowGap prop
-testGlobalProp(
-  'rowGap',
-  ['xs', 'sm', 'md', 'lg', 'xl'],
-  (v) => `row_gap_${v}`,
-  (size, v) => `row_gap_${size}_${v}`,
-  [Body, Button, Card, Title, Flex, Link, Badge]
-)
-
-testGlobalPropResponsiveWithDefault(
-  'rowGap',
-  { default: 'md', xs: 'xs', sm: 'md', md: 'lg' },
-  (v) => `row_gap_${v}`,
-  (size, v) => `row_gap_${size}_${v}`
-)
-
-testGlobalPropAbsence(
-  'rowGap',
-  ['row_gap_xs', 'row_gap_sm', 'row_gap_md', 'row_gap_lg', 'row_gap_xl'],
-  undefined,
-  { skipNull: true }
-)
-
-// NOTE: Currently using skipKnownIssues: true because globalProps.ts generates classes for invalid values
-testGlobalPropInvalidValues(
-  'gap',
-  ['invalid', 'bad_value', 'not_a_size', 'special-chars!@#'],
-  ['gap_invalid', 'gap_bad_value', 'gap_not_a_size', 'gap_special-chars!@#'],
-  undefined,
-  { skipKnownIssues: true }
-)

data/app/pb_kits/playbook/utilities/test/globalProps/height.test.js

@@ -1,68 +0,0 @@
-import { testGlobalProp, testGlobalPropAbsence, testGlobalPropInvalidValues } from './globalPropsTestHelper'
-import Body from '../../../pb_body/_body'
-import Button from '../../../pb_button/_button'
-import Card from '../../../pb_card/_card'
-import Title from '../../../pb_title/_title'
-import Flex from '../../../pb_flex/_flex'
-import Link from '../../../pb_link/_link'
-import Badge from '../../../pb_badge/_badge'
-
-const validHeightValues = ['auto', 'xs', 'sm', 'md', 'lg', 'xl', 'xxl', 'xxxl']
-
-// NOTE: TextInput excluded - height properties are not valid props for input elements
-// Test height prop
-testGlobalProp(
-  'height',
-  validHeightValues,
-  (v) => `height_${v}`,
-  null,
-  [Body, Button, Card, Title, Flex, Link, Badge]
-)
-
-testGlobalPropAbsence(
-  'height',
-  ['height_auto', 'height_xs', 'height_sm', 'height_md', 'height_lg', 'height_xl', 'height_xxl', 'height_xxxl'],
-  undefined,
-  { skipNull: true }
-)
-
-// Test minHeight prop
-testGlobalProp(
-  'minHeight',
-  validHeightValues,
-  (v) => `min_height_${v}`,
-  null,
-  [Body, Button, Card, Title, Flex, Link, Badge]
-)
-
-testGlobalPropAbsence(
-  'minHeight',
-  ['min_height_auto', 'min_height_xs', 'min_height_sm', 'min_height_md', 'min_height_lg', 'min_height_xl', 'min_height_xxl', 'min_height_xxxl'],
-  undefined,
-  { skipNull: true }
-)
-
-// Test maxHeight prop
-testGlobalProp(
-  'maxHeight',
-  validHeightValues,
-  (v) => `max_height_${v}`,
-  null,
-  [Body, Button, Card, Title, Flex, Link, Badge]
-)
-
-testGlobalPropAbsence(
-  'maxHeight',
-  ['max_height_auto', 'max_height_xs', 'max_height_sm', 'max_height_md', 'max_height_lg', 'max_height_xl', 'max_height_xxl', 'max_height_xxxl'],
-  undefined,
-  { skipNull: true }
-)
-
-// NOTE: Currently using skipKnownIssues: true because globalProps.ts generates classes for invalid values
-testGlobalPropInvalidValues(
-  'height',
-  ['invalid', 'bad_value', 'not_a_height', 'special-chars!@#', '100px', '50%'],
-  ['height_invalid', 'height_bad_value', 'height_not_a_height', 'height_special-chars!@#', 'height_100px', 'height_50_percent'],
-  undefined,
-  { skipKnownIssues: true }
-)