playbook_ui 11.4.0.pre.alpha.rubytheme2 → 11.5.0.pre.alpha.datepicker1

data/app/pb_kits/playbook/pb_timestamp/timestamp.test.js

@@ -0,0 +1,164 @@
+import React from "react";
+import { render, screen } from "../utilities/test-utils";
+
+import Timestamp from "./_timestamp";
+
+const TEST_DATE = "01/01/2020 00:00:000 GMT-0500";
+jest.setSystemTime(new Date(TEST_DATE));
+
+const testId = "timestamp-kit";
+const realDate = Date;
+const futureDate = new Date(
+  new Date().getFullYear() + 4,
+  new Date().getMonth(),
+  new Date().getDate(),
+  new Date().getHours(),
+  new Date().getMinutes()
+);
+
+beforeEach(() => {
+  global.Date.now = jest.fn(() => new Date(TEST_DATE).getTime());
+});
+
+afterEach(() => {
+  global.Date = realDate;
+});
+
+describe("Timestamp Kit", () => {
+  test("renders Timestamp className", () => {
+    render(
+      <Timestamp
+          align="left"
+          data={{ testid: testId }}
+          showDate
+          timestamp={new Date(Date.now())}
+      />
+    );
+
+    const kit = screen.getByTestId(testId);
+    expect(kit).toHaveClass("pb_timestamp_kit_left_variant");
+  });
+
+  test("renders Timestamp time", () => {
+    render(
+      <Timestamp
+          align="left"
+          data={{ testid: testId }}   
+          showDate={false}
+          timestamp={new Date(Date.now())}
+      />
+    );
+
+    const kit = screen.getByTestId(testId);
+    const text = kit.querySelector(".pb_caption_kit_xs");
+    expect(text.textContent).toEqual("12:00a");
+  });
+
+  test("renders Timestamp date and time with future year", () => {
+    render(
+      <Timestamp
+          align="left"
+          data={{ testid: testId }}
+          showDate
+          timestamp={new Date(futureDate)}
+      />
+    );
+    const kit = screen.getByTestId(testId);
+    const text = kit.querySelector(".pb_caption_kit_xs");
+    expect(text.textContent).toEqual("Jan 1, 2024  ·  12:00a");
+  });
+
+  test("renders Timestamp className with alignment", () => {
+    render(
+      <Timestamp
+          align="center"
+          data={{ testid: testId }}
+          showDate
+          timestamp={new Date(Date.now())}
+      />
+    );
+
+    const kit = screen.getByTestId(testId);
+    expect(kit).toHaveClass("pb_timestamp_kit_center_variant");
+  });
+
+  test("renders Timestamp timezone", () => {
+    render(
+      <Timestamp
+          align="left"
+          data={{ testid: testId }}
+          showDate={false}
+          showTimezone
+          timestamp={new Date()}
+          timezone="America/New_York"
+      />
+    );
+    const kit = screen.getByTestId(testId);
+    const text = kit.querySelector(".pb_caption_kit_xs");
+    expect(text.textContent).toEqual("12:00a EST");
+  });
+
+  test("renders Timestamp updated variant with user", () => {
+    render(
+      <Timestamp
+          data={{ testid: testId }}
+          showDate={false}
+          showUser
+          text="Maricris Nonato"
+          timestamp={new Date()}
+          variant="updated"
+      />
+    );
+    const kit = screen.getByTestId(testId);
+    const text = kit.querySelector(".pb_caption_kit_xs");
+    expect(text.textContent).toEqual(
+      "Last updated  by Maricris Nonato on Jan 1 at 12:00a"
+    );
+  });
+
+  test("renders Timestamp updated variant without user", () => {
+    render(
+      <Timestamp
+          data={{ testid: testId }}
+          showDate={false}
+          timestamp={new Date()}
+          variant="updated"
+      />
+    );
+    const kit = screen.getByTestId(testId);
+    const text = kit.querySelector(".pb_caption_kit_xs");
+    expect(text.textContent).toEqual("Last updated  on Jan 1 at 12:00a");
+  });
+
+  test("renders Timestamp elapsed variant with user", () => {
+    render(
+      <Timestamp
+          data={{ testid: testId }}
+          showUser
+          text="Maricris Nonato"
+          timestamp={new Date()}
+          variant="elapsed"
+      />
+    );
+    const kit = screen.getByTestId(testId);
+    const text = kit.querySelector(".pb_caption_kit_xs");
+    expect(text.textContent).toEqual(
+      "Last updated  by Maricris Nonato a few seconds ago"
+    );
+  });
+
+  test("renders Timestamp elapsed variant without user and without updated text", () => {
+    render(
+      <Timestamp
+          data={{ testid: testId }}
+          hideUpdated
+          showUser={false}
+          timestamp={new Date()}
+          variant="elapsed"
+      />
+    );
+    const kit = screen.getByTestId(testId);
+    const text = kit.querySelector(".pb_caption_kit_xs");
+    expect(text.textContent).toEqual("  a few seconds ago");
+  });
+});

data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx

@@ -1,5 +1,3 @@
-/* @flow*/
-
 import React, { useRef, useState } from "react"
 import classnames from "classnames"
 import {
@@ -41,8 +39,6 @@ const Tooltip = (props: TooltipProps) => {
     ...rest
   } = props
 
-  console.log(rest)
-
   const dataProps: { [key: string]: any } = buildDataProps(data)
   const ariaProps: { [key: string]: any } = buildAriaProps(aria)
 

data/app/pb_kits/playbook/pb_tooltip/tooltip.test.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { cleanup, render, screen, fireEvent } from "../utilities/test-utils";
+import { cleanup, render, screen, fireEvent, waitFor } from "../utilities/test-utils";
 import { Button, Tooltip } from "..";
 
 function TooltipTest() {
@@ -30,21 +30,24 @@ test("renders the component", () => {
   cleanup();
 });
 
-test("opens on mouseenter", () => {
+test("opens on mouseenter", async () => {
   render(<TooltipTest />);
 
   fireEvent.mouseEnter(screen.getByRole("tooltip_trigger"));
-  expect(screen.queryByRole("tooltip")).toBeInTheDocument();
-
-  cleanup();
+  await waitFor(() => {
+    expect(screen.queryByRole("tooltip")).toBeInTheDocument();
+    cleanup();
+  })
 });
 
-test("closes on mouseleave", () => {
+test("closes on mouseleave", async () => {
   render(<TooltipTest />);
 
   fireEvent.mouseEnter(screen.getByRole("tooltip_trigger"));
   fireEvent.mouseLeave(screen.getByRole("tooltip_trigger"));
-  expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
 
-  cleanup();
+  await waitFor(() => {
+    expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
+    cleanup();
+  })
 });

data/app/pb_kits/playbook/utilities/_flexbox.scss

@@ -1,11 +1,11 @@
-@import './utilities/flex_direction';
-@import './utilities/justify_content';
-@import './utilities/flex_wrap';
-@import './utilities/justify_self';
-@import './utilities/align_items';
-@import './utilities/align_content';
-@import './utilities/align_self';
-@import './utilities/flex';
-@import './utilities/flex_grow';
-@import './utilities/flex_shrink';
-@import './utilities/order';
+@import './flexbox_global_props/flex_direction';
+@import './flexbox_global_props/justify_content';
+@import './flexbox_global_props/flex_wrap';
+@import './flexbox_global_props/justify_self';
+@import './flexbox_global_props/align_items';
+@import './flexbox_global_props/align_content';
+@import './flexbox_global_props/align_self';
+@import './flexbox_global_props/flex';
+@import './flexbox_global_props/flex_grow';
+@import './flexbox_global_props/flex_shrink';
+@import './flexbox_global_props/order';

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

@@ -47,5 +47,5 @@ export const buildDataProps = (data: {[key: string]: any}) => buildPrefixedProps
  * @param {Object} rules a 'classnames' compliant rules object, used to derive the root className.
  * @returns {String} the derived root className value.
  */
-export const buildCss = (...rules: (string | { [x: string]: string; })[]): string => classnames(rules).replace(/\s/g, '_')
+export const buildCss = (...rules: (string | { [x: string]: string | boolean; })[]): string => classnames(rules).replace(/\s/g, '_')
 

data/app/pb_kits/playbook/utilities/test-utils.js

@@ -37,9 +37,8 @@ export const renderKit = (Kit, props = {}, newProps = {}) => {
 
 export const ensureAccessible = async (Kit, props = {}, newProps = {}) => {
   const kitProps = { ...props, ...newProps }
-  const render = () => <Kit {...kitProps} />
-  const html = render()
-  expect(await axe(html)).toHaveNoViolations()
+  render(<Kit {...kitProps} />)
+  expect(await axe(screen.getByTestId(kitProps.data.testid))).toHaveNoViolations()
 }
 
 export const appendAlert = (message) => {

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

@@ -10,7 +10,7 @@ export const titleize = (sentence: string): string => (
 
 const notEmpty = (value: string | Record<string, unknown>): boolean => !isEmpty(value)
 
-export const joinPresent = (array: [], separator: string): string => (
+export const joinPresent = (array: string[], separator: string): string => (
   filter(array, notEmpty).join(separator)
 )
 

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "11.4.0.pre.alpha.rubytheme1"
-  VERSION = "11.4.0.pre.alpha.rubytheme2"
+  PREVIOUS_VERSION = "11.5.0"
+  VERSION = "11.5.0.pre.alpha.datepicker1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 11.4.0.pre.alpha.rubytheme2
+  version: 11.5.0.pre.alpha.datepicker1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-09-09 00:00:00.000000000 Z
+date: 2022-09-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -348,6 +348,7 @@ files:
 - app/pb_kits/playbook/pb_badge/_badge.tsx
 - app/pb_kits/playbook/pb_badge/badge.html.erb
 - app/pb_kits/playbook/pb_badge/badge.rb
+- app/pb_kits/playbook/pb_badge/badge.test.js
 - app/pb_kits/playbook/pb_badge/docs/_badge_colors.html.erb
 - app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
 - app/pb_kits/playbook/pb_badge/docs/_badge_default.html.erb
@@ -417,6 +418,7 @@ files:
 - app/pb_kits/playbook/pb_button/docs/_button_accessibility.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_block_content.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_block_content.jsx
+- app/pb_kits/playbook/pb_button/docs/_button_block_content.md
 - app/pb_kits/playbook/pb_button/docs/_button_default.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_default.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_default.md
@@ -425,6 +427,9 @@ files:
 - app/pb_kits/playbook/pb_button/docs/_button_full_width.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_full_width.md
+- app/pb_kits/playbook/pb_button/docs/_button_icon_options.html.erb
+- app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx
+- app/pb_kits/playbook/pb_button/docs/_button_icon_options.md
 - app/pb_kits/playbook/pb_button/docs/_button_link.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_link.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_loading.html.erb
@@ -689,6 +694,11 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.md
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.md
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.html.erb
@@ -713,10 +723,11 @@ files:
 - app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss
 - app/pb_kits/playbook/pb_date_picker/sass_partials/_time_selection_styles.scss
 - app/pb_kits/playbook/pb_date_picker/sass_partials/_week_styles.scss
-- app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.jsx
 - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss
+- app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx
 - app/pb_kits/playbook/pb_date_range_inline/date_range_inline.html.erb
 - app/pb_kits/playbook/pb_date_range_inline/date_range_inline.rb
+- app/pb_kits/playbook/pb_date_range_inline/date_range_inline.test.js
 - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.html.erb
 - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.jsx
 - app/pb_kits/playbook/pb_date_range_inline/docs/_description.md
@@ -773,10 +784,11 @@ files:
 - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default.jsx
 - 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.jsx
 - app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.scss
+- app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx
 - app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.html.erb
 - app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.rb
+- app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.test.js
 - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.html.erb
 - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.jsx
 - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.md
@@ -829,8 +841,8 @@ files:
 - app/pb_kits/playbook/pb_docs/kit_example.rb
 - app/pb_kits/playbook/pb_enhanced_element/element_observer.js
 - app/pb_kits/playbook/pb_enhanced_element/index.js
-- app/pb_kits/playbook/pb_file_upload/_file_upload.jsx
 - app/pb_kits/playbook/pb_file_upload/_file_upload.scss
+- app/pb_kits/playbook/pb_file_upload/_file_upload.tsx
 - app/pb_kits/playbook/pb_file_upload/docs/_description.md
 - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx
 - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx
@@ -864,6 +876,9 @@ files:
 - app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.md
 - app/pb_kits/playbook/pb_filter/docs/_filter_only.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_only.jsx
+- app/pb_kits/playbook/pb_filter/docs/_filter_placement.html.erb
+- app/pb_kits/playbook/pb_filter/docs/_filter_placement.jsx
+- app/pb_kits/playbook/pb_filter/docs/_filter_placement.md
 - app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_single.jsx
 - app/pb_kits/playbook/pb_filter/docs/_sort_only.html.erb
@@ -872,6 +887,7 @@ files:
 - app/pb_kits/playbook/pb_filter/docs/index.js
 - app/pb_kits/playbook/pb_filter/filter.html.erb
 - app/pb_kits/playbook/pb_filter/filter.rb
+- app/pb_kits/playbook/pb_filter/filter.test.js
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_description.md
@@ -941,8 +957,8 @@ files:
 - app/pb_kits/playbook/pb_form/docs/example.yml
 - app/pb_kits/playbook/pb_form/form.rb
 - app/pb_kits/playbook/pb_form/pb_form_validation.js
-- app/pb_kits/playbook/pb_form_group/_form_group.jsx
 - app/pb_kits/playbook/pb_form_group/_form_group.scss
+- app/pb_kits/playbook/pb_form_group/_form_group.tsx
 - app/pb_kits/playbook/pb_form_group/docs/_form_group_button.html.erb
 - app/pb_kits/playbook/pb_form_group/docs/_form_group_button.jsx
 - app/pb_kits/playbook/pb_form_group/docs/_form_group_date_picker.html.erb
@@ -964,6 +980,7 @@ files:
 - app/pb_kits/playbook/pb_form_group/docs/index.js
 - app/pb_kits/playbook/pb_form_group/form_group.html.erb
 - app/pb_kits/playbook/pb_form_group/form_group.rb
+- app/pb_kits/playbook/pb_form_group/form_group.test.js
 - app/pb_kits/playbook/pb_form_pill/_form_pill.scss
 - app/pb_kits/playbook/pb_form_pill/_form_pill.tsx
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.html.erb
@@ -1031,8 +1048,8 @@ files:
 - app/pb_kits/playbook/pb_highlight/docs/index.js
 - app/pb_kits/playbook/pb_highlight/highlight.html.erb
 - app/pb_kits/playbook/pb_highlight/highlight.rb
-- app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx
 - app/pb_kits/playbook/pb_home_address_street/_home_address_street.scss
+- app/pb_kits/playbook/pb_home_address_street/_home_address_street.tsx
 - app/pb_kits/playbook/pb_home_address_street/city_emphasis.html.erb
 - app/pb_kits/playbook/pb_home_address_street/city_emphasis.rb
 - app/pb_kits/playbook/pb_home_address_street/docs/_description.md
@@ -1052,6 +1069,7 @@ files:
 - app/pb_kits/playbook/pb_home_address_street/docs/index.js
 - app/pb_kits/playbook/pb_home_address_street/home_address_street.html.erb
 - app/pb_kits/playbook/pb_home_address_street/home_address_street.rb
+- app/pb_kits/playbook/pb_home_address_street/home_adress_street.test.js
 - app/pb_kits/playbook/pb_home_address_street/street_emphasis.html.erb
 - app/pb_kits/playbook/pb_home_address_street/street_emphasis.rb
 - app/pb_kits/playbook/pb_icon/_icon.scss
@@ -1096,8 +1114,8 @@ files:
 - app/pb_kits/playbook/pb_icon_circle/docs/index.js
 - app/pb_kits/playbook/pb_icon_circle/icon_circle.html.erb
 - app/pb_kits/playbook/pb_icon_circle/icon_circle.rb
-- app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.jsx
 - app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.scss
+- app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.tsx
 - app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.html.erb
 - app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx
 - app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_default.html.erb
@@ -1110,8 +1128,9 @@ files:
 - app/pb_kits/playbook/pb_icon_stat_value/docs/index.js
 - app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.html.erb
 - app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.rb
-- app/pb_kits/playbook/pb_icon_value/_icon_value.jsx
+- app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.test.js
 - app/pb_kits/playbook/pb_icon_value/_icon_value.scss
+- app/pb_kits/playbook/pb_icon_value/_icon_value.tsx
 - app/pb_kits/playbook/pb_icon_value/docs/_description.md
 - app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align.html.erb
 - app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align.jsx
@@ -1121,6 +1140,7 @@ files:
 - app/pb_kits/playbook/pb_icon_value/docs/index.js
 - app/pb_kits/playbook/pb_icon_value/icon_value.html.erb
 - app/pb_kits/playbook/pb_icon_value/icon_value.rb
+- app/pb_kits/playbook/pb_icon_value/icon_value.test.js
 - app/pb_kits/playbook/pb_image/_image.scss
 - app/pb_kits/playbook/pb_image/_image.tsx
 - app/pb_kits/playbook/pb_image/docs/_custom_error_image.html.erb
@@ -1151,8 +1171,8 @@ files:
 - app/pb_kits/playbook/pb_label_pill/docs/index.js
 - app/pb_kits/playbook/pb_label_pill/label_pill.html.erb
 - app/pb_kits/playbook/pb_label_pill/label_pill.rb
-- app/pb_kits/playbook/pb_label_value/_label_value.jsx
 - app/pb_kits/playbook/pb_label_value/_label_value.scss
+- app/pb_kits/playbook/pb_label_value/_label_value.tsx
 - app/pb_kits/playbook/pb_label_value/docs/_description.md
 - app/pb_kits/playbook/pb_label_value/docs/_footer.md
 - app/pb_kits/playbook/pb_label_value/docs/_label_value_default.html.erb
@@ -1167,8 +1187,9 @@ files:
 - app/pb_kits/playbook/pb_label_value/docs/index.js
 - app/pb_kits/playbook/pb_label_value/label_value.html.erb
 - app/pb_kits/playbook/pb_label_value/label_value.rb
-- app/pb_kits/playbook/pb_layout/_layout.jsx
+- app/pb_kits/playbook/pb_label_value/label_value.test.js
 - app/pb_kits/playbook/pb_layout/_layout.scss
+- app/pb_kits/playbook/pb_layout/_layout.tsx
 - app/pb_kits/playbook/pb_layout/_layout_mixin.scss
 - app/pb_kits/playbook/pb_layout/body.html.erb
 - app/pb_kits/playbook/pb_layout/body.rb
@@ -1203,6 +1224,7 @@ files:
 - app/pb_kits/playbook/pb_layout/item.rb
 - app/pb_kits/playbook/pb_layout/layout.html.erb
 - app/pb_kits/playbook/pb_layout/layout.rb
+- app/pb_kits/playbook/pb_layout/layout.test.js
 - app/pb_kits/playbook/pb_layout/sidebar.html.erb
 - app/pb_kits/playbook/pb_layout/sidebar.rb
 - app/pb_kits/playbook/pb_legend/_legend.jsx
@@ -1941,6 +1963,7 @@ files:
 - app/pb_kits/playbook/pb_timestamp/docs/index.js
 - app/pb_kits/playbook/pb_timestamp/timestamp.html.erb
 - app/pb_kits/playbook/pb_timestamp/timestamp.rb
+- app/pb_kits/playbook/pb_timestamp/timestamp.test.js
 - app/pb_kits/playbook/pb_title/_title.scss
 - app/pb_kits/playbook/pb_title/_title.tsx
 - app/pb_kits/playbook/pb_title/_title_mixin.scss
@@ -2162,29 +2185,29 @@ files:
 - app/pb_kits/playbook/tokens/exports/_spacing.scss
 - app/pb_kits/playbook/tokens/exports/_typography.scss
 - app/pb_kits/playbook/tokens/index.scss
-- app/pb_kits/playbook/utilities/_align_content.scss
-- app/pb_kits/playbook/utilities/_align_items.scss
-- app/pb_kits/playbook/utilities/_align_self.scss
 - app/pb_kits/playbook/utilities/_background_colors.scss
 - app/pb_kits/playbook/utilities/_colors.scss
 - app/pb_kits/playbook/utilities/_cursor.scss
 - app/pb_kits/playbook/utilities/_display.scss
-- app/pb_kits/playbook/utilities/_flex.scss
-- app/pb_kits/playbook/utilities/_flex_direction.scss
-- app/pb_kits/playbook/utilities/_flex_grow.scss
-- app/pb_kits/playbook/utilities/_flex_shrink.scss
-- app/pb_kits/playbook/utilities/_flex_wrap.scss
 - app/pb_kits/playbook/utilities/_flexbox.scss
-- app/pb_kits/playbook/utilities/_justify_content.scss
-- app/pb_kits/playbook/utilities/_justify_self.scss
 - app/pb_kits/playbook/utilities/_line_height.scss
 - app/pb_kits/playbook/utilities/_max_width.scss
 - app/pb_kits/playbook/utilities/_mixins.scss
 - app/pb_kits/playbook/utilities/_number_spacing.scss
-- app/pb_kits/playbook/utilities/_order.scss
 - app/pb_kits/playbook/utilities/_positioning.scss
 - app/pb_kits/playbook/utilities/_shadow.scss
 - app/pb_kits/playbook/utilities/_spacing.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_align_content.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_align_items.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_align_self.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_flex.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_flex_direction.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_flex_grow.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_flex_shrink.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_flex_wrap.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_justify_content.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_justify_self.scss
+- app/pb_kits/playbook/utilities/flexbox_global_props/_order.scss
 - app/pb_kits/playbook/utilities/globalProps.ts
 - app/pb_kits/playbook/utilities/props.ts
 - app/pb_kits/playbook/utilities/test-utils.js
@@ -2278,7 +2301,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: 1.3.1
 requirements: []
-rubygems_version: 3.3.21
+rubygems_version: 3.3.7
 signing_key:
 specification_version: 4
 summary: Playbook Design System