playbook_ui 13.32.0.pre.alpha.PLAY14143297 → 13.32.0.pre.alpha.play1416movealiaslogic3239

data/dist/reset.css

@@ -1 +1 @@
-*{box-sizing:border-box;margin:0;padding:0}*:before,*:after{box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);height:100vh;overflow-x:hidden}body{font-family:Power Centra,Helvetica Neue,Helvetica,Arial,sans_serif;font-size:15.5px;line-height:1.5;background-color:#f3f7fb;height:100%;letter-spacing:.003em;font-weight:400;font-style:normal;text-rendering:optimizeLegibility;-moz-font-feature-settings:"liga" on;color:#242b42;margin:0!important;padding:0!important;box-sizing:border-box;min-height:100vh;padding:50px}a{text-decoration:none;color:#0056cf}
+*{box-sizing:border-box;margin:0;padding:0}*:before,*:after{box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);height:100vh;overflow-x:hidden}body{font-family:"Power Centra","Helvetica Neue",Helvetica,Arial,sans_serif;font-size:15.5px;line-height:1.5;background-color:#f3f7fb;height:100%;letter-spacing:.003em;font-weight:400;font-style:normal;text-rendering:optimizeLegibility;-moz-font-feature-settings:"liga" on;color:#242b42;margin:0 !important;padding:0 !important;box-sizing:border-box;min-height:100vh;padding:50px}a{text-decoration:none;color:#0056cf}

data/lib/playbook/engine.rb

@@ -17,13 +17,11 @@ module Playbook
     if config.respond_to?(:assets)
       config.assets.paths ||= []
       config.assets.paths << Playbook::Engine.root.join("fonts")
-      config.assets.paths << Playbook::Engine.root.join("dist")
       config.assets.paths << Playbook::Engine.root.join("app/pb_kits/playbook/pb_*")
     end
 
     if config.respond_to?(:sass)
       config.sass.load_paths ||= []
-      config.sass.load_paths << Playbook::Engine.root.join("dist")
       config.sass.load_paths << Playbook::Engine.root.join("app/pb_kits/playbook")
     end
   end

data/lib/playbook/forms/builder.rb

@@ -14,7 +14,6 @@ module Playbook
       require_relative "builder/multi_level_select_field"
       require_relative "builder/phone_number_field"
       require_relative "builder/dropdown_field"
-      require_relative "builder/star_rating_field"
 
       prepend(FormFieldBuilder.new(:email_field, kit_name: "text_input"))
       prepend(FormFieldBuilder.new(:number_field, kit_name: "text_input"))

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "13.32.0"
-  VERSION = "13.32.0.pre.alpha.PLAY14143297"
+  VERSION = "13.32.0.pre.alpha.play1416movealiaslogic3239"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.32.0.pre.alpha.PLAY14143297
+  version: 13.32.0.pre.alpha.play1416movealiaslogic3239
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-07-19 00:00:00.000000000 Z
+date: 2024-07-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -240,6 +240,7 @@ files:
 - Rakefile
 - app/pb_kits/playbook/_playbook.scss
 - app/pb_kits/playbook/_reset.scss
+- app/pb_kits/playbook/index.js
 - app/pb_kits/playbook/pb_advanced_table/Components/CollapsibleTrail.tsx
 - app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx
 - app/pb_kits/playbook/pb_advanced_table/Components/LoadingCell.tsx
@@ -1100,13 +1101,9 @@ files:
 - app/pb_kits/playbook/pb_dropdown/_dropdown.scss
 - app/pb_kits/playbook/pb_dropdown/_dropdown.tsx
 - app/pb_kits/playbook/pb_dropdown/context/index.tsx
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.html.erb
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.md
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_value.html.erb
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_value.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
@@ -1326,7 +1323,6 @@ files:
 - 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.test.jsx
 - app/pb_kits/playbook/pb_form_pill/_form_pill.tsx
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.html.erb
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.jsx
@@ -1463,6 +1459,7 @@ files:
 - app/pb_kits/playbook/pb_icon/icon.html.erb
 - app/pb_kits/playbook/pb_icon/icon.rb
 - app/pb_kits/playbook/pb_icon/icon.test.js
+- app/pb_kits/playbook/pb_icon/icon_aliases.json
 - app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss
 - app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
 - app/pb_kits/playbook/pb_icon_circle/docs/_description.md
@@ -1873,8 +1870,6 @@ files:
 - app/pb_kits/playbook/pb_nav/docs/_subtle_no_highlight_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
-- app/pb_kits/playbook/pb_nav/docs/_tab_nav.html.erb
-- app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
 - app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_with_img_nav.html.erb
@@ -1882,7 +1877,6 @@ files:
 - app/pb_kits/playbook/pb_nav/docs/_with_img_nav.md
 - app/pb_kits/playbook/pb_nav/docs/example.yml
 - app/pb_kits/playbook/pb_nav/docs/index.js
-- app/pb_kits/playbook/pb_nav/index.js
 - app/pb_kits/playbook/pb_nav/item.html.erb
 - app/pb_kits/playbook/pb_nav/item.rb
 - app/pb_kits/playbook/pb_nav/nav.html.erb
@@ -2337,14 +2331,12 @@ files:
 - app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx
 - app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.html.erb
 - app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.jsx
-- app/pb_kits/playbook/pb_star_rating/docs/_star_rating_interactive.html.erb
 - app/pb_kits/playbook/pb_star_rating/docs/_star_rating_number_config.html.erb
 - app/pb_kits/playbook/pb_star_rating/docs/_star_rating_number_config.jsx
 - app/pb_kits/playbook/pb_star_rating/docs/_star_rating_size_options.html.erb
 - app/pb_kits/playbook/pb_star_rating/docs/_star_rating_size_options.jsx
 - app/pb_kits/playbook/pb_star_rating/docs/example.yml
 - app/pb_kits/playbook/pb_star_rating/docs/index.js
-- app/pb_kits/playbook/pb_star_rating/index.js
 - app/pb_kits/playbook/pb_star_rating/star_rating.html.erb
 - app/pb_kits/playbook/pb_star_rating/star_rating.rb
 - app/pb_kits/playbook/pb_star_rating/star_rating.test.js
@@ -2565,7 +2557,7 @@ files:
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_resize.jsx
 - app/pb_kits/playbook/pb_textarea/docs/example.yml
 - app/pb_kits/playbook/pb_textarea/docs/index.js
-- app/pb_kits/playbook/pb_textarea/index.ts
+- app/pb_kits/playbook/pb_textarea/index.tsx
 - app/pb_kits/playbook/pb_textarea/textarea.html.erb
 - app/pb_kits/playbook/pb_textarea/textarea.rb
 - app/pb_kits/playbook/pb_textarea/textarea.test.js
@@ -2901,6 +2893,9 @@ files:
 - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.html.erb
 - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.rb
 - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.test.jsx
+- app/pb_kits/playbook/playbook-doc.js
+- app/pb_kits/playbook/playbook-rails-react-bindings.js
+- app/pb_kits/playbook/playbook-rails.js
 - app/pb_kits/playbook/tokens/_animation-curves.scss
 - app/pb_kits/playbook/tokens/_border_radius.scss
 - app/pb_kits/playbook/tokens/_colors.scss
@@ -2918,25 +2913,15 @@ files:
 - app/pb_kits/playbook/tokens/_transition.scss
 - app/pb_kits/playbook/tokens/_typography.scss
 - app/pb_kits/playbook/tokens/_vertical_align.scss
-- app/pb_kits/playbook/tokens/exports/_border_radius.module.scss
 - app/pb_kits/playbook/tokens/exports/_border_radius.scss
-- app/pb_kits/playbook/tokens/exports/_colors.module.scss
 - app/pb_kits/playbook/tokens/exports/_colors.scss
-- app/pb_kits/playbook/tokens/exports/_line_height.module.scss
 - app/pb_kits/playbook/tokens/exports/_line_height.scss
-- app/pb_kits/playbook/tokens/exports/_opacity.module.scss
 - app/pb_kits/playbook/tokens/exports/_opacity.scss
-- app/pb_kits/playbook/tokens/exports/_positioning.module.scss
 - app/pb_kits/playbook/tokens/exports/_positioning.scss
-- app/pb_kits/playbook/tokens/exports/_scale.module.scss
 - app/pb_kits/playbook/tokens/exports/_scale.scss
-- app/pb_kits/playbook/tokens/exports/_screen_sizes.module.scss
 - app/pb_kits/playbook/tokens/exports/_screen_sizes.scss
-- app/pb_kits/playbook/tokens/exports/_shadows.module.scss
 - app/pb_kits/playbook/tokens/exports/_shadows.scss
-- app/pb_kits/playbook/tokens/exports/_spacing.module.scss
 - app/pb_kits/playbook/tokens/exports/_spacing.scss
-- app/pb_kits/playbook/tokens/exports/_typography.module.scss
 - app/pb_kits/playbook/tokens/exports/_typography.scss
 - app/pb_kits/playbook/tokens/exports/exports.d.ts
 - app/pb_kits/playbook/tokens/index.scss
@@ -2970,7 +2955,6 @@ files:
 - 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/globalPropNames.mjs
 - app/pb_kits/playbook/utilities/globalProps.ts
 - app/pb_kits/playbook/utilities/object.ts
 - app/pb_kits/playbook/utilities/props.ts
@@ -2990,16 +2974,8 @@ 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.js
-- dist/chunks/_weekday_stacked.js
-- dist/chunks/lazysizes.js
-- dist/chunks/pb_form_validation.js
-- dist/chunks/vendor.js
 - dist/menu.yml
-- dist/playbook-doc.js
-- dist/playbook-rails-react-bindings.js
 - dist/playbook-rails.js
-- dist/playbook.css
 - dist/reset.css
 - lib/playbook.rb
 - lib/playbook/align_content.rb
@@ -3028,7 +3004,6 @@ files:
 - lib/playbook/forms/builder/multi_level_select_field.rb
 - lib/playbook/forms/builder/phone_number_field.rb
 - lib/playbook/forms/builder/select_field.rb
-- lib/playbook/forms/builder/star_rating_field.rb
 - lib/playbook/forms/builder/typeahead_field.rb
 - lib/playbook/hover.rb
 - lib/playbook/justify_content.rb

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.html.erb

@@ -1,10 +0,0 @@
-<% 
-  options = [
-    { label: 'United States', value: 'United States', id: 'us' },
-    { label: 'Canada', value: 'Canada', id: 'ca' },
-    { label: 'Pakistan', value: 'Pakistan', id: 'pk' },
-  ]
-
-%>
-
-<%= pb_rails("dropdown", props: { blank_selection: "Select One...", options: options }) %>

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx

@@ -1,31 +0,0 @@
-import React from 'react'
-import { Dropdown } from 'playbook-ui'
-
-const DropdownBlankSelection = (props) => {
-  const options = [
-    {
-      label: "United States",
-      value: "United States",
-    },
-    {
-      label: "Canada",
-      value: "Canada",
-    },
-    {
-      label: "Pakistan",
-      value: "Pakistan",
-    }
-  ];
-
-  return (
-  <>
-    <Dropdown
-        blankSelection="Select one..."
-        options={options}
-        {...props}
-    />
-  </>
-  )
-}
-
-export default DropdownBlankSelection

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_value.html.erb

@@ -1,10 +0,0 @@
-<% 
-  options = [
-    { label: 'United States', value: 'United States', id: 'us' },
-    { label: 'Canada', value: 'Canada', id: 'ca' },
-    { label: 'Pakistan', value: 'Pakistan', id: 'pk' },
-  ]
-
-%>
-
-<%= pb_rails("dropdown", props: {options: options, default_value: options.last}) %>

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_value.jsx

@@ -1,31 +0,0 @@
-import React from 'react'
-import { Dropdown } from 'playbook-ui'
-
-const DropdownDefaultValue = (props) => {
-  const options = [
-    {
-      label: "United States",
-      value: "United States",
-    },
-    {
-      label: "Canada",
-      value: "Canada",
-    },
-    {
-      label: "Pakistan",
-      value: "Pakistan",
-    }
-  ];  
-
-  return (
-  <>
-    <Dropdown
-        defaultValue={options[2]}
-        options={options}
-        {...props}
-    />
-  </>
-  )
-}
-
-export default DropdownDefaultValue

data/app/pb_kits/playbook/pb_form_pill/_form_pill.test.jsx

@@ -1,53 +0,0 @@
-import React from 'react';
-import { render, screen } from '../utilities/test-utils';
-import FormPill from './_form_pill';
-
-const testId = 'formpill';
-
-test('should render classname', () => {
-    render(
-        <FormPill
-            data={{ testid: testId }}
-            text="test"
-        /> 
-    )
-
-    const kit = screen.getByTestId(testId)
-    expect(kit).toHaveClass('pb_form_pill_kit_primary none')
-});
-
-test('displays text content', () => {
-    render(
-        <FormPill
-            data={{ testid: testId }}
-            text="test"
-        /> 
-    )
-  
-    const text = screen.getByText("test")
-    expect(text).toBeInTheDocument()
-});
-
-test('displays color variant', () => {
-    render(
-        <FormPill
-            color={"neutral"}
-            data={{ testid: testId }}
-            text={"test"}
-        />
-    )
-    const kit = screen.getByTestId(testId)
-    expect(kit).toHaveClass(`pb_form_pill_kit_neutral none`)
-});
-
-test('displays size variant', () => {
-    render(
-        <FormPill            
-            data={{ testid: testId }}
-            size={"small"}
-            text={"test"}
-        />
-    )
-    const kit = screen.getByTestId('formpill')
-    expect(kit).toHaveClass(`pb_form_pill_kit_primary small none`)
-});

data/app/pb_kits/playbook/pb_nav/docs/_tab_nav.html.erb

@@ -1,48 +0,0 @@
-<%= pb_rails("nav", props: { orientation: "horizontal", tabbing: true, padding_bottom: "sm" }) do %>
-  <%= pb_rails("nav/item", props: { text: "About", active: true, data: { pb_tab_target: "about" }, cursor: "pointer" }) %>
-  <%= pb_rails("nav/item", props: { text: "Case Studies", data: { pb_tab_target: "case_studies" }, cursor: "pointer" }) %>
-  <%= pb_rails("nav/item", props: { text: "Service", data: { pb_tab_target: "service" }, cursor: "pointer" }) %>
-  <%= pb_rails("nav/item", props: { text: "Contacts", data: { pb_tab_target: "contacts" }, cursor: "pointer" }) %>
-<% end %>
-
-<div id="about">
-  <%= pb_rails("body", props: { text: "This is about!" }) %>
-</div>
-
-<div id="case_studies">
-  <%= pb_rails("body", props: { text: "This is case studies!" }) %>
-</div>
-
-<div id="service">
-  <%= pb_rails("body", props: { text: "This is service!" }) %>
-</div>
-
-<div id="contacts">
-  <%= pb_rails("body", props: { text: "This is contacts!" }) %>
-</div>
-
-<script>
-  // The script in the code snippet below is for demonstrating the active state and NOT needed for the kit to function.
-  // The active prop can be used to highlight this active state.
-  const navItemClass = "pb_nav_list_kit_item"
-  const navItemActiveClass = "pb_nav_list_kit_item_active"
-  const dataNavItems = "[data-pb-tab-target]"
-
-  const navItemTabs = document.querySelectorAll(dataNavItems)
-  navItemTabs.forEach(navItemTab => {
-    navItemTab.addEventListener("click", event => {
-      const navItemTabs = document.querySelectorAll(dataNavItems)
-      navItemTabs.forEach(navItemTab => {
-        if (navItemTab === event.target.closest(dataNavItems)) {
-          navItemTab.classList.add(navItemActiveClass)
-          navItemTab.classList.remove(navItemClass)
-        } else {
-          if (navItemTab.classList.contains(navItemActiveClass)) {
-            navItemTab.classList.remove(navItemActiveClass)
-            navItemTab.classList.add(navItemClass)
-          }
-        }
-      })
-    })
-  })
-</script>

data/app/pb_kits/playbook/pb_nav/docs/_tab_nav.md

@@ -1,3 +0,0 @@
-The Nav kit can also be used to create dynamic tabbing. To do so, use the boolean `tabbing` prop as shown here. 
-
-All divs you want to use as tabs MUST have an id attached to them. To link the tab to the nav, use the required data attribute `pb_tab_target` on each nav/item and pass it the id of the tab you want linked to that specific nav/item. See code example below to see this in action.

data/app/pb_kits/playbook/pb_nav/index.js

@@ -1,43 +0,0 @@
-import PbEnhancedElement from '../pb_enhanced_element'
-
-const NAV_SELECTOR = '[data-pb-nav-tab]'
-const NAV_ITEM_SELECTOR = '[data-pb-tab-target]'
-
-export default class PbNav extends PbEnhancedElement {
-    static get selector() {
-        return NAV_SELECTOR
-    }
-
-    connect() {
-        this.hideAndAddEventListeners()
-    }
-
-    hideAndAddEventListeners() {
-        const navItems = this.element.querySelectorAll(NAV_ITEM_SELECTOR)
-        navItems.forEach((navItem) => {
-            if (!navItem.className.includes('active')) {
-                this.changeContentDisplay(navItem.dataset.pbTabTarget, 'none')
-            }
-
-            navItem.addEventListener('click', event => this.handleNavItemClick(event))
-        })
-    }
-
-    handleNavItemClick(event) {
-        event.preventDefault()
-        const navItem = event.target.closest(NAV_ITEM_SELECTOR)
-        this.changeContentDisplay(navItem.dataset.pbTabTarget, 'block')
-
-        const navItems = this.element.querySelectorAll(NAV_ITEM_SELECTOR)
-        navItems.forEach((navItemSelected) => {
-            if (navItem !== navItemSelected) {
-                this.changeContentDisplay(navItemSelected.dataset.pbTabTarget, 'none')
-            }
-        })
-    }
-
-    changeContentDisplay(contentId, display) {
-        const content = document.getElementById(contentId)
-        content.style.display = display
-    }
-}

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_interactive.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("star_rating", props: { padding_bottom: "xs", variant: "interactive" }) %>

data/app/pb_kits/playbook/pb_star_rating/index.js

@@ -1,50 +0,0 @@
-import PbEnhancedElement from "../pb_enhanced_element";
-
-const STAR_RATING_SELECTOR = "[data-pb-star-rating]";
-const STAR_RATING_INPUT_ID = "star-rating-input";
-
-export default class PbStarRating extends PbEnhancedElement {
-  static get selector() {
-    return STAR_RATING_SELECTOR;
-  }
-
-  connect() {
-    this.element.addEventListener("click", (event) => {
-      const clickedStarId = event.currentTarget.id;
-      this.updateStarColors(clickedStarId);
-      this.updateHiddenInputValue(clickedStarId);
-    });
-  }
-
-  updateStarColors(clickedStarId) {
-    const allStars = document.querySelectorAll(STAR_RATING_SELECTOR);
-
-    allStars.forEach(star => {
-      const starId = star.id;
-      const icon = star.querySelector(".interactive-star-icon");
-
-      if (icon) {
-        if (starId <= clickedStarId) {
-          if (star.classList.contains("yellow_star")) {
-            icon.classList.add("yellow-star-selected");
-          } else if (star.classList.contains("primary_star")) {
-            icon.classList.add("primary-star-selected");
-          } else if (star.classList.contains("suble_star_light")) {
-            icon.classList.add("suble-star-selected");
-          } else {
-            icon.classList.add("yellow-star-selected");
-          }
-        } else {
-          icon.classList.remove("yellow-star-selected", "primary-star-selected", "suble-star-selected");
-        }
-      }
-    });
-  }
-
-  updateHiddenInputValue(value) {
-    const hiddenInput = document.getElementById(STAR_RATING_INPUT_ID);
-    if (hiddenInput) {
-      hiddenInput.value = value;
-    }
-  }
-}

data/app/pb_kits/playbook/tokens/exports/_border_radius.module.scss

@@ -1,10 +0,0 @@
-@import "../border_radius";
-
-:export {
-  @mixin export_border_radius($border_radius_list) {
-    @each $name, $size in $border_radius_list {
-      #{$name}: $size;
-    }
-  }
-  @include export_border_radius($border_radius);
-}

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

@@ -1,26 +0,0 @@
-@import "../colors";
-
-:export {
-  @mixin export-colors($colors-list) {
-    @each $name, $color in $colors-list {
-      #{"" + $name}: $color;
-    }
-  }
-  @include export-colors($product_colors);
-  @include export-colors($status_colors);
-  @include export-colors($data_colors);
-  @include export-colors($shadow_colors);
-  @include export-colors($colors);
-  @include export-colors($interface_colors);
-  @include export-colors($main_colors);
-  @include export-colors($background_colors);
-  @include export-colors($card_colors);
-  @include export-colors($active_colors);
-  @include export-colors($action_colors);
-  @include export-colors($hover_colors);
-  @include export-colors($border_colors);
-  @include export-colors($text_colors);
-  @include export-colors($category_colors);
-  gradient_start: $gradient_start;
-  gradient_end: $gradient_end;
-}

data/app/pb_kits/playbook/tokens/exports/_line_height.module.scss

@@ -1,10 +0,0 @@
-@import "../line_height";
-
-:export {
-  @mixin export_line_height($line_height_list) {
-    @each $name, $settings in $line_height_list {
-      #{$name}: $settings;
-    }
-  }
-  @include export_line_height($line_height);
-}

data/app/pb_kits/playbook/tokens/exports/_opacity.module.scss

@@ -1,10 +0,0 @@
-@import "../opacity";
-
-:export {
-  @mixin export_opacity($opacity_list) {
-    @each $name, $settings in $opacity_list {
-      #{$name}: $settings;
-    }
-  }
-  @include export_opacity($opacity);
-}

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

@@ -1,10 +0,0 @@
-@import "../positioning";
-
-:export {
-  @mixin export_z_index($z_index_list) {
-    @each $name, $settings in $z_index_list {
-      #{$name}: $settings;
-    }
-  }
-  @include export_z_index($z_index);
-}

data/app/pb_kits/playbook/tokens/exports/_scale.module.scss

@@ -1,13 +0,0 @@
-@import "../scale";
-
-:export {
-  @mixin export-hover-scale-classes($scales-list) {
-    @each $name, $scale in $scales-list {
-      .hover_#{$name}:hover {
-        transform: $scale;
-      }
-    }
-  }
-  
-  @include export-hover-scale-classes($scales);
-}

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

@@ -1,10 +0,0 @@
-@import "../screen_sizes";
-
-:export {
-  @mixin export_breakpoints($breakpoints_list) {
-    @each $name, $settings in $breakpoints_list {
-      #{$name}: $settings;
-    }
-  }
-  @include export_breakpoints($breakpoints);
-}

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

@@ -1,10 +0,0 @@
-@import "../shadows";
-
-:export {
-  @mixin export_shadows($shadows_list) {
-    @each $name, $settings in $shadows_list {
-      #{$name}: $settings;
-    }
-  }
-  @include export_shadows($box_shadows);
-}

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

@@ -1,10 +0,0 @@
-@import "../spacing";
-
-:export {
-  @mixin export_spacing($spacing_list) {
-    @each $name, $size in $spacing_list {
-      #{$name}: $size;
-    }
-  }
-  @include export_spacing($spaces);
-}

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

@@ -1,24 +0,0 @@
-@import "../typography";
-
-:export {
-  font_family_base: $font_family_base;
-  text_jumbo: $text_jumbo;
-  text_largest: $text_largest;
-  text_larger: $text_larger;
-  text_large: $text_large;
-  text_base: $text_base;
-  text_default: $text_default;
-  text_normal: $text_normal;
-  text_medium: $text_medium;
-  text_small: $text_small;
-  text_smaller: $text_smaller;
-  text_smallest: $text_smallest;
-  heading_1: $heading_1;
-  heading_2: $heading_2;
-  heading_3: $heading_3;
-  heading_4: $heading_4;
-  lighter: $lighter;
-  light: $light;
-  bold: $bold;
-  regular: $regular;
-}