playbook_ui 15.4.0.pre.alpha.testing6712538 → 15.4.0.pre.alpha.testingseparation12395

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "15.4.0"
-  VERSION = "15.4.0.pre.alpha.testing6712538"
+  VERSION = "15.4.0.pre.alpha.testingseparation12395"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 15.4.0.pre.alpha.testing6712538
+  version: 15.4.0.pre.alpha.testingseparation12395
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-11-20 00:00:00.000000000 Z
+date: 2025-11-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -524,6 +524,7 @@ files:
 - app/pb_kits/playbook/pb_badge/docs/_description.md
 - app/pb_kits/playbook/pb_badge/docs/example.yml
 - app/pb_kits/playbook/pb_badge/docs/index.js
+- app/pb_kits/playbook/pb_bar_graph/BarGraphStyles.scss
 - app/pb_kits/playbook/pb_bar_graph/_bar_graph.scss
 - app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx
 - app/pb_kits/playbook/pb_bar_graph/barGraph.test.js
@@ -902,10 +903,6 @@ files:
 - app/pb_kits/playbook/pb_copy_button/copy_button.html.erb
 - app/pb_kits/playbook/pb_copy_button/copy_button.rb
 - app/pb_kits/playbook/pb_copy_button/copy_button.test.jsx
-- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant.html.erb
-- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant.jsx
-- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant_rails.md
-- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant_react.md
 - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb
 - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx
 - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb
@@ -1179,10 +1176,6 @@ files:
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_default.jsx
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_default_swift.md
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_props_swift.md
-- app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.html.erb
-- app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.jsx
-- app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_rails.md
-- app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_react.md
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_size.html.erb
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_size.jsx
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_size_swift.md
@@ -1198,9 +1191,6 @@ files:
 - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default.jsx
 - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default_swift.md
 - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_props_swift.md
-- app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.html.erb
-- app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.jsx
-- app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.md
 - app/pb_kits/playbook/pb_date_time_stacked/docs/example.yml
 - app/pb_kits/playbook/pb_date_time_stacked/docs/index.js
 - app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.scss
@@ -2749,23 +2739,15 @@ files:
 - app/pb_kits/playbook/pb_progress_step/_progress_step.tsx
 - app/pb_kits/playbook/pb_progress_step/_progress_step_item.tsx
 - app/pb_kits/playbook/pb_progress_step/docs/_description.md
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.html.erb
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.jsx
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.md
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.html.erb
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.jsx
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.md
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.md
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tooltip.html.erb
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.html.erb
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.jsx
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.md
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker_click_events.jsx
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.md
 - app/pb_kits/playbook/pb_progress_step/docs/example.yml
 - app/pb_kits/playbook/pb_progress_step/docs/index.js
 - app/pb_kits/playbook/pb_progress_step/progress_step.html.erb
@@ -3853,9 +3835,9 @@ 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-kRdz5zPn.js
+- dist/chunks/_typeahead-DYoSbiJE.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-CgpqUb6l.js
+- dist/chunks/lib-BrAPgXB5.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-rails-react-bindings.js

data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant.html.erb

@@ -1,9 +0,0 @@
-<%= pb_rails("copy_button", props: {
-  text: "Copy Text",
-  tooltip_position: "right",
-  tooltip_text: "Text copied!",
-  value: "Playbook makes it easy to support bleeding edge, or legacy systems. Use Playbook's 200+ components and end-to-end design language to create simple, intuitive and beautiful experiences with ease.",
-  variant: "button",
-}) %>
-
-<%= pb_rails("textarea", props: { margin_top: "xs", placeholder: "Copy and paste here" }) %>

data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant.jsx

@@ -1,24 +0,0 @@
-import React from 'react'
-
-import CopyButton from '../_copy_button'
-import Textarea from '../../pb_textarea/_textarea'
-
-const CopyButtonVariant = (props) => (
-  <div>
-    <CopyButton
-        {...props}
-        text="Copy Text"
-        tooltipPlacement="right"
-        tooltipText="Text copied!"
-        value="Playbook makes it easy to support bleeding edge, or legacy systems. Use Playbook’s 200+ components and end-to-end design language to create simple, intuitive and beautiful experiences with ease."
-        variant="button"
-    />
-
-    <Textarea
-        {...props}
-        placeholder="Copy and paste here"
-    />
-  </div>
-)
-
-export default CopyButtonVariant

data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant_rails.md

@@ -1 +0,0 @@
-Pass in `variant: "button"` to replace the Circle Icon Button with the Button kit. Set the button's text with the `text` prop.

data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant_react.md

@@ -1 +0,0 @@
-Pass in `variant="button"` to replace the Circle Icon Button with the Button kit. Set the button's text with the `text` prop.

data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.html.erb

@@ -1,4 +0,0 @@
-<%= pb_rails("date_time", props: {
-    date: DateTime.now,
-    show_current_year: true
-}) %>

data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.jsx

@@ -1,14 +0,0 @@
-import React from 'react'
-import DateTime from '../_date_time'
-
-const DateTimeShowCurrentYear = (props) => (
-  <div>
-    <DateTime
-        datetime={new Date()}
-        showCurrentYear
-        {...props}
-    />
-  </div>
-)
-
-export default DateTimeShowCurrentYear

data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_rails.md

@@ -1 +0,0 @@
-Pass in `show_current_year` to show this date's current year.

data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_react.md

@@ -1 +0,0 @@
-Pass in `showCurrentYear` to show this date's current year.

data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.html.erb

@@ -1,4 +0,0 @@
-<%= pb_rails("date_time_stacked", props: { date_time: DateTime.now, show_current_year: true }) %>
-<br>
-<%= pb_rails("date_time_stacked", props: { date_time: DateTime.now, show_current_year: true, timezone: "America/Denver" }) %>
-

data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.jsx

@@ -1,22 +0,0 @@
-import React from 'react'
-
-import DateTimeStacked from '../_date_time_stacked'
-
-const DateTimeStackedShowCurrentYear = (props) => (
-  <div>
-    <DateTimeStacked
-        datetime={new Date()}
-        showCurrentYear
-        {...props}
-    />
-    <br />
-    <DateTimeStacked
-        datetime={new Date()}
-        showCurrentYear
-        timeZone="America/Denver"
-        {...props}
-    />
-  </div>
-);
-
-export default DateTimeStackedShowCurrentYear;

data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.md

@@ -1 +0,0 @@
-By default, the Date Time Stacked kit does NOT display the year if it is the current year. If you want to display the current year you can do so by setting `showCurrentYear`/`show_current_year` to true as shown here.

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.html.erb

@@ -1,14 +0,0 @@
-<br><br>
-<%= pb_rails("progress_step",props:{ variant:"tracker", icon:true, color: "info"}) do %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-      <%= pb_rails("caption", props:{text: "Ordered"})%>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "active"}) do %>
-      <%= pb_rails("caption", props:{text: "Shipped"})%>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive"}) do %>
-      <%= pb_rails("caption", props:{text: "Delivered"})%>
-  <% end %>
-<% end %>
-
-<br>

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.jsx

@@ -1,29 +0,0 @@
-import React from 'react'
-
-import ProgressStep from '../_progress_step.tsx'
-import ProgressStepItem from '../_progress_step_item.tsx'
-import Caption from '../../pb_caption/_caption'
-
-const ProgressStepColor = (props) => (
-  <div>
-    <br />
-    <ProgressStep 
-        color="info"
-        icon 
-        variant="tracker" 
-        {...props}
-    >
-      <ProgressStepItem status="complete">
-        <Caption>{'Ordered'}</Caption>
-      </ProgressStepItem>
-      <ProgressStepItem status="active">
-        <Caption>{'Shipped'}</Caption>
-      </ProgressStepItem>
-      <ProgressStepItem status="inactive">
-        <Caption>{'Delivered'}</Caption>
-      </ProgressStepItem>
-    </ProgressStep>
-  </div>
-)
-
-export default ProgressStepColor

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.md

@@ -1,3 +0,0 @@
-The `color` prop can also be used to set color for the tracker variant. Options for color are `primary` and `info` with default being set to `primary`.
-
-**NOTE**: The `color` prop is only available with the `tracker` variant.

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.jsx

@@ -1,31 +0,0 @@
-import React from 'react'
-
-import ProgressStep from '../_progress_step.tsx'
-import ProgressStepItem from '../_progress_step_item.tsx'
-import Caption from '../../pb_caption/_caption'
-
-const ProgressStepCustomIcon = (props) => (
-  <div>
-    <br />
-    <ProgressStep 
-        icon 
-        variant="tracker" 
-        {...props}
-    >
-      <ProgressStepItem status="complete">
-        <Caption>{'Ordered'}</Caption>
-      </ProgressStepItem>
-      <ProgressStepItem 
-          icon="exclamation-triangle"
-          status="active" 
-      >
-        <Caption>{'Shipped'}</Caption>
-      </ProgressStepItem>
-      <ProgressStepItem status="inactive">
-        <Caption>{'Delivered'}</Caption>
-      </ProgressStepItem>
-    </ProgressStep>
-  </div>
-)
-
-export default ProgressStepCustomIcon

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.md

@@ -1 +0,0 @@
-Custom icons can also be set for individual steps. Simply use the `icon` prop for the relevant `ProgressStepItem`/`progress_step_item` as shown here. 

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.md

@@ -1,3 +0,0 @@
-The default Progress Step kit sets orientation to horizontal and can be used with completed, active, and inactive steps as shown here.
-
-`icon` is a boolean prop that can also be set to true to render icons within the steps indicator. `icon` is false by default.

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.md

@@ -1,3 +0,0 @@
-The `variant` prop can be set to `tracker` to achieve this UI. Tracker is only available with the horizontal orientation and it is also recommended that you set the `icon` prop to true for this variant. 
-
-This variant takes children just like the default progress step, however, it is best to use the caption kit for children in this variant.

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.md

@@ -1 +0,0 @@
-`orientation` can also be set to `vertical` as shown here. By default, this is set to `horizontal`.