playbook_ui 13.31.0.pre.alpha.PBNTR342navtabbing3231 → 13.31.0.pre.alpha.PLAY882formpillprimaryandneutral3201

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:"Proxima Nova","Helvetica Neue",Helvetica,Arial,sans_serif;font-size:16px;line-height:1.5;background-color:#f3f7fb;height:100%;letter-spacing:0;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/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "13.31.0"
-  VERSION = "13.31.0.pre.alpha.PBNTR342navtabbing3231"
+  VERSION = "13.31.0.pre.alpha.PLAY882formpillprimaryandneutral3201"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.31.0.pre.alpha.PBNTR342navtabbing3231
+  version: 13.31.0.pre.alpha.PLAY882formpillprimaryandneutral3201
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-07-11 00:00:00.000000000 Z
+date: 2024-07-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -1323,6 +1323,7 @@ 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
@@ -1870,8 +1871,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.html.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
@@ -1879,7 +1878,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

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

@@ -1,12 +0,0 @@
-<%= pb_rails("nav", props: { orientation: "horizontal", variant: "subtle", tabbing: true }) do %>
-  <%= pb_rails("nav/item", props: { text: "About", active: true, data: { pb_nav_item_tab: "about" }, cursor: "pointer" }) %>
-  <%= pb_rails("nav/item", props: { text: "Case Studies", data: { pb_nav_item_tab: "case_studies" }, cursor: "pointer" }) %>
-<% end %>
-
-<div id="about">
-  This is about!
-</div>
-
-<div id="case_studies">
-  This is case studies!
-</div>

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-nav-item-tab]'
-
-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.pbNavItemTab, 'none')
-            }
-
-            navItem.addEventListener('click', event => this.handleNavItemClick(event))
-        })
-    }
-
-    handleNavItemClick(event) {
-        event.preventDefault()
-        const navItem = event.target.closest(NAV_ITEM_SELECTOR)
-        this.changeContentDisplay(navItem.dataset.pbNavItemTab, 'block')
-
-        const navItems = this.element.querySelectorAll(NAV_ITEM_SELECTOR)
-        navItems.forEach((navItemSelected) => {
-            if (navItem !== navItemSelected) {
-                this.changeContentDisplay(navItemSelected.dataset.pbNavItemTab, 'none')
-            }
-        })
-    }
-
-    changeContentDisplay(contentId, display) {
-        const content = document.getElementById(contentId)
-        content.style.display = display
-    }
-}