playbook_ui 12.5.0 → 12.6.0.pre.alpha.collapsible1

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

@@ -1,14 +1,14 @@
 // z_index variables
-$z_1: 100;
-$z_2: 200;
-$z_3: 300;
-$z_4: 400;
-$z_5: 500;
-$z_6: 600;
-$z_7: 700;
-$z_8: 800;
-$z_9: 900;
-$z_10: 1000;
+$z_1: 100 !default;
+$z_2: 200 !default;
+$z_3: 300 !default;
+$z_4: 400 !default;
+$z_5: 500 !default;
+$z_6: 600 !default;
+$z_7: 700 !default;
+$z_8: 800 !default;
+$z_9: 900 !default;
+$z_10: 1000 !default;
 $z_index: (
   zindex_1: $z_1,
   zindex_2: $z_1,
@@ -26,7 +26,7 @@ $z_layers: (
   "default": 0
 );
 
-$offscreen: -9999px;
+$offscreen: -9999px !default;
 
 @function z_index_for($layer) {
   @if not map-has-key($z_layers, $layer) {

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

@@ -1,13 +1,13 @@
-$screen-xs-min: 575px;
-$screen-xs-max: $screen-xs-min - 1;
-$screen-sm-min: 576px;
-$screen-sm-max: $screen-sm-min - 1;
-$screen-md-min: 768px;
-$screen-md-max: $screen-md-min - 1;
-$screen-lg-min: 992px;
-$screen-lg-max: $screen-lg-min - 1;
-$screen-xl-min: 1200px;
-$screen-xl-max: $screen-xl-min - 1;
+$screen-xs-min: 575px !default;
+$screen-xs-max: $screen-xs-min - 1 !default;
+$screen-sm-min: 576px !default;
+$screen-sm-max: $screen-sm-min - 1 !default;
+$screen-md-min: 768px !default;
+$screen-md-max: $screen-md-min - 1 !default;
+$screen-lg-min: 992px !default;
+$screen-lg-max: $screen-lg-min - 1 !default;
+$screen-xl-min: 1200px !default;
+$screen-xl-max: $screen-xl-min - 1 !default;
 
 $breakpoints: (
   xs: $screen-xs-min,

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

@@ -1,10 +1,10 @@
 @import "colors";
 @import "opacity";
 
-$shadow_none: 0 0 0 0 transparent;
-$shadow_deep: 0 4px 10px 0 rgba($shadow, 0.16);
-$shadow_deeper: 0 12px 28px 0 rgba($shadow, 0.18);
-$shadow_deepest: 0 30px 38px 4px $shadow, 0 2px 14px 4px rgba($shadow, 0.1);
+$shadow_none: 0 0 0 0 transparent !default;
+$shadow_deep: 0 4px 10px 0 rgba($shadow, 0.16) !default;
+$shadow_deeper: 0 12px 28px 0 rgba($shadow, 0.18) !default;
+$shadow_deepest: 0 30px 38px 4px $shadow, 0 2px 14px 4px rgba($shadow, 0.1) !default;
 $box_shadows: (
   shadow_none: $shadow_none,
   shadow_deep: $shadow_deep,

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

@@ -1,9 +1,9 @@
-$space_xxs:   4px;
-$space_xs:    8px;
-$space_sm:    16px;
-$space_md:    24px;
-$space_lg:    32px;
-$space_xl:    40px;
+$space_xxs:   4px !default;
+$space_xs:    8px !default;
+$space_sm:    16px !default;
+$space_md:    24px !default;
+$space_lg:    32px !default;
+$space_xl:    40px !default;
 $spaces:(
   space_xxs:  $space_xxs,
   space_xs:   $space_xs,

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

@@ -1,3 +1,3 @@
-$transition_default: 0.3s;
-$transition_short: 0.15s;
-$transition_cubic: 0.2s cubic-bezier(0.95, 0.05, 0.795, 0.035);
+$transition_default: 0.3s !default;
+$transition_short: 0.15s !default;
+$transition_cubic: 0.2s cubic-bezier(0.95, 0.05, 0.795, 0.035) !default;

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

@@ -1,56 +1,45 @@
-
 $font_family_base: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans_serif !default;
 
-
 /* CLEAN UP AND REMOVE */
-$font_jumbo:        36px;
-$font_largest:      32px;
-$font_larger:       28px;
-$font_large:        20px;
-$font_base:         16px;
-$font_default:      $font_base;
-$font_normal:       $font_base;
-$font_medium:       $font_base;
-$font_small:        14px;
-$font_smaller:      12px;
-$font_smallest:     11px;
-
-
-$text_jumbo:        $font_jumbo;
-$text_largest:      $font_largest;
-$text_larger:       $font_larger;
-$text_large:        $font_large;
-$text_base:         $font_base;
-$text_default:      $font_base;
-$text_normal:       $font_base;
-$text_medium:       $font_base;
-$text_small:        $font_small;
-$text_smaller:      $font_smaller;
-$text_smallest:     $font_smallest;
-
+$font_jumbo:        36px !default;
+$font_largest:      32px !default;
+$font_larger:       28px !default;
+$font_large:        20px !default;
+$font_base:         16px !default;
+$font_default:      $font_base !default;
+$font_normal:       $font_base !default;
+$font_medium:       $font_base !default;
+$font_small:        14px !default;
+$font_smaller:      12px !default;
+$font_smallest:     11px !default;
+
+$text_jumbo:        $font_jumbo !default;
+$text_largest:      $font_largest !default;
+$text_larger:       $font_larger !default;
+$text_large:        $font_large !default;
+$text_base:         $font_base !default;
+$text_default:      $font_base !default;
+$text_normal:       $font_base !default;
+$text_medium:       $font_base !default;
+$text_small:        $font_small !default;
+$text_smaller:      $font_smaller !default;
+$text_smallest:     $font_smallest !default;
 
 /* Headings */
-$heading_1: 46px;
-$heading_2: 34px;
-$heading_3: $font_larger;
-$heading_4: $font_base;
-
-
-
+$heading_1: 46px !default;
+$heading_2: 34px !default;
+$heading_3: $font_larger !default;
+$heading_4: $font_base !default;
 
 // Letter Spacing
-$lspace_tightest:         -.1em;
-$lspace_tighter:          -.07em;
-$lspace_tight:            -.01em;
-$lspace_normal:           0;
-$lspace_loose:            .03em;
-$lspace_looser:           .07em;
-$lspace_loosest:          .1em;
-$lspace_super_loosest:    .2em;
-
-
-
-
+$lspace_tightest:         -.1em !default;
+$lspace_tighter:          -.07em !default;
+$lspace_tight:            -.01em !default;
+$lspace_normal:           0 !default;
+$lspace_loose:            .03em !default;
+$lspace_looser:           .07em !default;
+$lspace_loosest:          .1em !default;
+$lspace_super_loosest:    .2em !default;
 
 /* Standard Font Weights */
 $bold:          600 !default;

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "12.4.0"
-  VERSION = "12.5.0"
+  PREVIOUS_VERSION = "12.6.0"
+  VERSION = "12.6.0.pre.alpha.collapsible1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 12.5.0
+  version: 12.6.0.pre.alpha.collapsible1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-02-24 00:00:00.000000000 Z
+date: 2023-03-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -616,6 +616,12 @@ files:
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.md
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.html.erb
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex.html.erb
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex.jsx
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex.md
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex_item.html.erb
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex_item.jsx
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex_item.md
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.html.erb
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.jsx
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.md
@@ -910,16 +916,16 @@ files:
 - app/pb_kits/playbook/pb_file_upload/docs/example.yml
 - app/pb_kits/playbook/pb_file_upload/docs/index.js
 - app/pb_kits/playbook/pb_file_upload/fileupload.test.js
-- app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.jsx
-- app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
-- app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
-- app/pb_kits/playbook/pb_filter/Filter/FilterSingle.jsx
-- app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.jsx
-- app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
-- app/pb_kits/playbook/pb_filter/Filter/SortMenu.jsx
-- app/pb_kits/playbook/pb_filter/Filter/index.jsx
-- app/pb_kits/playbook/pb_filter/_filter.jsx
+- app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.tsx
+- app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
+- app/pb_kits/playbook/pb_filter/Filter/FilterDouble.tsx
+- app/pb_kits/playbook/pb_filter/Filter/FilterSingle.tsx
+- app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
+- app/pb_kits/playbook/pb_filter/Filter/ResultsCount.tsx
+- app/pb_kits/playbook/pb_filter/Filter/SortMenu.tsx
+- app/pb_kits/playbook/pb_filter/Filter/index.tsx
 - app/pb_kits/playbook/pb_filter/_filter.scss
+- app/pb_kits/playbook/pb_filter/_filter.tsx
 - app/pb_kits/playbook/pb_filter/docs/_description.md
 - app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx
@@ -1415,6 +1421,15 @@ files:
 - app/pb_kits/playbook/pb_message/message.html.erb
 - app/pb_kits/playbook/pb_message/message.rb
 - app/pb_kits/playbook/pb_message/message.test.js
+- app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss
+- app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx
+- app/pb_kits/playbook/pb_multi_level_select/_multi_select_helper.tsx
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md
+- app/pb_kits/playbook/pb_multi_level_select/docs/example.yml
+- app/pb_kits/playbook/pb_multi_level_select/docs/index.js
+- app/pb_kits/playbook/pb_multi_level_select/helper_functions.ts
+- app/pb_kits/playbook/pb_multi_level_select/multi_level_select.test.jsx
 - app/pb_kits/playbook/pb_multiple_users/_multiple_users.jsx
 - app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss
 - app/pb_kits/playbook/pb_multiple_users/docs/_description.md
@@ -1540,8 +1555,8 @@ files:
 - 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/_person_contact.tsx
 - app/pb_kits/playbook/pb_person_contact/docs/_description.md
 - app/pb_kits/playbook/pb_person_contact/docs/_footer.md
 - app/pb_kits/playbook/pb_person_contact/docs/_person_contact_default.html.erb
@@ -1556,15 +1571,19 @@ 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_person_contact/person_contact.test.js
 - 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.html.erb
 - 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.html.erb
 - 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.html.erb
 - 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.html.erb
 - 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
@@ -2428,9 +2447,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:

data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.jsx

@@ -1,76 +0,0 @@
-/* @flow */
-
-import React from 'react'
-import { isEmpty, map, omitBy } from 'lodash'
-
-import Body from '../../pb_body/_body'
-import Caption from '../../pb_caption/_caption'
-import Title from '../../pb_title/_title'
-
-export type FilterDescription = {
-  [key: string]: ?string | boolean,
-}
-
-export type CurrentFiltersProps = {
-  dark: boolean,
-  filters: FilterDescription,
-}
-
-const hiddenFilters = (value) => isEmpty(value) && value !== true
-
-const CurrentFilters = ({ dark, filters }: CurrentFiltersProps) => {
-  const displayableFilters = omitBy(filters, hiddenFilters)
-
-  return (
-    <div className="maskContainer">
-      <If condition={isEmpty(filters)}>
-        <div className="filters">
-          <Body
-              color="light"
-              paddingLeft="xs"
-              size={4}
-              tag="h4"
-              text="No Filter Selected"
-          />
-        </div>
-      </If>
-      <If condition={!isEmpty(filters)}>
-        <div className="filters">
-          <div className="left_gradient" />
-          {map(displayableFilters, (value, name) => (
-            <div
-                className="filter"
-                key={`filter-${name}`}
-            >
-              <Choose>
-                <When condition={value === true}>
-                  <Title
-                      dark={dark}
-                      size={4}
-                      tag="h4"
-                      text={name}
-                  />
-                </When>
-                <Otherwise>
-                  <Caption
-                      dark={dark}
-                      text={name}
-                  />
-                  <Title
-                      dark={dark}
-                      size={4}
-                      tag="h4"
-                      text={value}
-                  />
-                </Otherwise>
-              </Choose>
-            </div>
-          ))}
-          <div className="right_gradient" />
-        </div>
-      </If>
-    </div>
-  )
-}
-
-export default CurrentFilters