playbook_ui 12.3.1 → 12.4.0.pre.alpha.map1

data/app/pb_kits/playbook/pb_title_count/title_count.test.js

@@ -0,0 +1,69 @@
+import React from 'react'
+import { render, screen } from '../utilities/test-utils'
+
+import TitleCount from './_title_count'
+
+test('returns namespaced class name', () => {
+  render(
+    <TitleCount
+        count={35.78}
+        data={{ testid: 'primary-test' }}
+        title="Appointments"
+    />
+  )
+
+  const kit = screen.getByTestId('primary-test')
+  expect(kit).toHaveClass('pb_title_count_kit_left_sm')
+})
+
+test('size variant', () => {
+  render(
+    <TitleCount
+        count={35.78}
+        data={{ testid: 'large-test' }}
+        size="lg"
+        title="Appointments"
+    />
+  )
+
+  const kit = screen.getByTestId('large-test')
+  expect(kit).toHaveClass('pb_title_count_kit_left_lg')
+})
+
+test('align variant', () => {
+  render(
+    <TitleCount
+        align="right"
+        count={35.78}
+        data={{ testid: 'large-test' }}
+        title="Appointments"
+    />
+  )
+
+  const kit = screen.getByTestId('large-test')
+  expect(kit).toHaveClass('pb_title_count_kit_right_sm')
+})
+
+test('renders count correctly', () => {
+  render(
+    <TitleCount
+        count={35.78}
+        title="Appointments"
+    />
+  )
+
+  const kit = screen.getByText('35.78')
+  expect(kit).toBeTruthy()
+})
+
+test('renders title correctly', () => {
+  render(
+    <TitleCount
+        count={35.78}
+        title="Appointments"
+    />
+  )
+
+  const kit = screen.getByText('Appointments')
+  expect(kit).toBeTruthy()
+})

data/app/pb_kits/playbook/playbook-doc.js

@@ -65,6 +65,7 @@ import * as Passphrase from 'pb_passphrase/docs'
 import * as PbReactPopover from 'pb_popover/docs'
 import * as Person from 'pb_person/docs'
 import * as PersonContact from 'pb_person_contact/docs'
+import * as PhoneNumberInput from 'pb_phone_number_input/docs'
 import * as Pill from 'pb_pill/docs'
 import * as ProgressPills from 'pb_progress_pills/docs'
 import * as ProgressSimple from 'pb_progress_simple/docs'
@@ -163,6 +164,7 @@ WebpackerReact.setup({
   ...PbReactPopover,
   ...Person,
   ...PersonContact,
+  ...PhoneNumberInput,
   ...Pill,
   ...ProgressPills,
   ...ProgressSimple,

data/app/pb_kits/playbook/tokens/_colors.scss

@@ -59,7 +59,7 @@ $main_colors: (
 Background colors ------------------*/
 $bg_light:            $silver !default;
 $bg_dark:             #0a0527 !default;
-$bg_dark_card:        #231E3D;
+$bg_dark_card:        #231E3D !default;
 $background_colors: (
   bg_light:           $bg_light,
   bg_dark:            $bg_dark,
@@ -68,7 +68,7 @@ $background_colors: (
 
 /* Card colors ------------------*/
 $card_light:          $white !default;
-$card_dark:           rgba($white, $opacity_1);
+$card_dark:           rgba($white, $opacity_1) !default;
 $card_colors: (
   card_light:         $card_light,
   card_dark:          $card_dark
@@ -80,7 +80,7 @@ $action_colors: (
 );
 
 /* Active colors ----------------------*/
-$active_light:        lighten(#E5F2FF, 3.5%);
+$active_light:        lighten(#E5F2FF, 3.5%) !default;
 $active_dark:         #0082ff !default;
 $active_colors: (
   active_light:       $active_light,
@@ -88,17 +88,17 @@ $active_colors: (
 );
 
 /* Hover colors -----------------------*/
-$hover_light:         darken($silver, 5%);
-$hover_dark:          rgba($white, $opacity_2);
+$hover_light:         darken($silver, 5%) !default;
+$hover_dark:          rgba($white, $opacity_2) !default;
 $hover_colors: (
   hover_light:        $hover_light,
   hover_dark:         $hover_dark
 );
 
 /* Focus colors -----------------------*/
-$focus_color:         $primary;
-$focus_input_light:   rgba($active_light, $opacity_5);
-$focus_input_dark:    rgba(#144075, $opacity_5);
+$focus_color:         $primary !default;
+$focus_input_light:   rgba($active_light, $opacity_5) !default;
+$focus_input_dark:    rgba(#144075, $opacity_5) !default;
 $focus_input_colors: (
   focus_input_light:        $focus_input_light,
   focus_input_dark:         $focus_input_dark,
@@ -107,14 +107,14 @@ $focus_input_colors: (
 
 /* Border colors ----------------------*/
 $border_light:        #E4E8F0 !default;
-$border_dark:         rgba($white, $opacity_1);
+$border_dark:         rgba($white, $opacity_1) !default;
 $border_colors: (
   border_light:       $border_light,
   border_dark:        $border_dark
 );
 
 /* Shadow colors ----------------------*/
-$shadow:        rgba(#3C6AAC, $opacity_2);
+$shadow:        rgba(#3C6AAC, $opacity_2) !default;
 $shadow_colors: (
   shadow:       $shadow,
 );
@@ -124,8 +124,8 @@ $text_lt_default:     $charcoal !default;
 $text_lt_light:       #687887 !default;
 $text_lt_lighter:     $slate !default;
 $text_dk_default:     $white !default;
-$text_dk_light:       rgba($white, $opacity_6);
-$text_dk_lighter:     rgba($white, $opacity_4);
+$text_dk_light:       rgba($white, $opacity_6) !default;
+$text_dk_lighter:     rgba($white, $opacity_4) !default;
 $text_colors: (
   text_lt_default:    $text_lt_default,
   text_lt_light:      $text_lt_light,
@@ -157,24 +157,24 @@ $data_colors: (
 
 /* Status colors ----------------------*/
 $success:             $green !default;
-$success_secondary:   lighten($success, 10%);
-$success_subtle:      rgba($success, $opacity_1);
+$success_secondary:   lighten($success, 10%) !default;
+$success_subtle:      rgba($success, $opacity_1) !default;
 $warning:             $yellow !default;
-$warning_secondary:   lighten($warning, 10%);
-$warning_subtle:      rgba($warning, $opacity_1);
+$warning_secondary:   lighten($warning, 10%) !default;
+$warning_subtle:      rgba($warning, $opacity_1) !default;
 $error:               $red !default;
 $error_dark:          $red_dark !default;
-$error_dark_body:     $error_dark;
-$error_secondary:     lighten($error, 10%);
-$error_subtle:        rgba($error, $opacity_1);
+$error_dark_body:     $error_dark !default;
+$error_secondary:     lighten($error, 10%) !default;
+$error_subtle:        rgba($error, $opacity_1) !default;
 $info:                $teal !default;
-$info_secondary :     lighten($info, 10%);
-$info_subtle:         rgba($info, $opacity_1);
+$info_secondary :     lighten($info, 10%) !default;
+$info_subtle:         rgba($info, $opacity_1) !default;
 $neutral:             $slate !default;
-$neutral_secondary:   lighten($neutral, 10%);
-$neutral_subtle:      rgba($neutral, $opacity_1);
+$neutral_secondary:   lighten($neutral, 10%) !default;
+$neutral_subtle:      rgba($neutral, $opacity_1) !default;
 $primary:             $primary !default;
-$primary_secondary:   lighten($primary, 10%);
+$primary_secondary:   lighten($primary, 10%) !default;
 
 $status_colors: (
   success:            $success,

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "12.3.0"
-  VERSION = "12.3.1"
+  PREVIOUS_VERSION = "12.4.0"
+  VERSION = "12.4.0.pre.alpha.map1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 12.3.1
+  version: 12.4.0.pre.alpha.map1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-02-14 00:00:00.000000000 Z
+date: 2023-02-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -660,10 +660,10 @@ files:
 - app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.ts
 - app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.ts
 - app/pb_kits/playbook/pb_dashboard/themeTypes.ts
-- app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.jsx
 - app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.scss
+- app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.tsx
 - app/pb_kits/playbook/pb_dashboard_value/_dashboard_value_mixins.scss
-- app/pb_kits/playbook/pb_dashboard_value/dashboardValueSettings.js
+- app/pb_kits/playbook/pb_dashboard_value/dashboardValueSettings.ts
 - app/pb_kits/playbook/pb_dashboard_value/dashboard_value.html.erb
 - app/pb_kits/playbook/pb_dashboard_value/dashboard_value.rb
 - app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.html.erb
@@ -812,8 +812,8 @@ files:
 - app/pb_kits/playbook/pb_date_time/docs/_description.md
 - app/pb_kits/playbook/pb_date_time/docs/example.yml
 - app/pb_kits/playbook/pb_date_time/docs/index.js
-- app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
 - app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.scss
+- app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.tsx
 - app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.html.erb
 - app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.rb
 - app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.test.js
@@ -1398,6 +1398,7 @@ files:
 - app/pb_kits/playbook/pb_map/docs/example.yml
 - app/pb_kits/playbook/pb_map/docs/index.js
 - app/pb_kits/playbook/pb_map/map.test.jsx
+- app/pb_kits/playbook/pb_map/pbMapTheme.ts
 - app/pb_kits/playbook/pb_message/_message.jsx
 - app/pb_kits/playbook/pb_message/_message.scss
 - app/pb_kits/playbook/pb_message/_message_mixins.scss
@@ -1525,8 +1526,8 @@ files:
 - app/pb_kits/playbook/pb_passphrase/passphrase.html.erb
 - app/pb_kits/playbook/pb_passphrase/passphrase.rb
 - app/pb_kits/playbook/pb_passphrase/passphrase.test.jsx
-- app/pb_kits/playbook/pb_person/_person.jsx
 - app/pb_kits/playbook/pb_person/_person.scss
+- app/pb_kits/playbook/pb_person/_person.tsx
 - app/pb_kits/playbook/pb_person/docs/_description.md
 - app/pb_kits/playbook/pb_person/docs/_footer.md
 - app/pb_kits/playbook/pb_person/docs/_person_default.html.erb
@@ -1536,6 +1537,7 @@ files:
 - app/pb_kits/playbook/pb_person/docs/index.js
 - app/pb_kits/playbook/pb_person/person.html.erb
 - app/pb_kits/playbook/pb_person/person.rb
+- app/pb_kits/playbook/pb_person/person.test.js
 - app/pb_kits/playbook/pb_person_contact/_person_contact.jsx
 - app/pb_kits/playbook/pb_person_contact/_person_contact.scss
 - app/pb_kits/playbook/pb_person_contact/docs/_description.md
@@ -1552,6 +1554,20 @@ files:
 - app/pb_kits/playbook/pb_person_contact/docs/index.js
 - app/pb_kits/playbook/pb_person_contact/person_contact.html.erb
 - app/pb_kits/playbook/pb_person_contact/person_contact.rb
+- app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss
+- app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.md
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.jsx
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.md
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_only_countries.jsx
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_only_countries.md
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.jsx
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.md
+- app/pb_kits/playbook/pb_phone_number_input/docs/example.yml
+- app/pb_kits/playbook/pb_phone_number_input/docs/index.js
+- app/pb_kits/playbook/pb_phone_number_input/phone_number_input.test.js
+- app/pb_kits/playbook/pb_phone_number_input/types.d.ts
 - app/pb_kits/playbook/pb_pill/_pill.scss
 - app/pb_kits/playbook/pb_pill/_pill.tsx
 - app/pb_kits/playbook/pb_pill/docs/_description.md
@@ -2075,8 +2091,8 @@ files:
 - app/pb_kits/playbook/pb_title/title.html.erb
 - app/pb_kits/playbook/pb_title/title.rb
 - app/pb_kits/playbook/pb_title/title.test.js
-- app/pb_kits/playbook/pb_title_count/_title_count.jsx
 - app/pb_kits/playbook/pb_title_count/_title_count.scss
+- app/pb_kits/playbook/pb_title_count/_title_count.tsx
 - app/pb_kits/playbook/pb_title_count/docs/_description.md
 - app/pb_kits/playbook/pb_title_count/docs/_footer.md
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_align.html.erb
@@ -2088,6 +2104,7 @@ files:
 - app/pb_kits/playbook/pb_title_count/docs/index.js
 - app/pb_kits/playbook/pb_title_count/title_count.html.erb
 - app/pb_kits/playbook/pb_title_count/title_count.rb
+- app/pb_kits/playbook/pb_title_count/title_count.test.js
 - app/pb_kits/playbook/pb_title_detail/_title_detail.jsx
 - app/pb_kits/playbook/pb_title_detail/_title_detail.scss
 - app/pb_kits/playbook/pb_title_detail/docs/_description.md
@@ -2406,9 +2423,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubygems_version: 3.3.7
 signing_key: