From 235d6013ec38d790a023432398a3d243b132f83f Mon Sep 17 00:00:00 2001
From: Carlos Lopez Jr <clshortfuse@gmail.com>
Date: Mon, 7 Aug 2023 08:05:23 -0400
Subject: [PATCH] feat(page): rename [two-pane] to [expanded]

---
 components/Page.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/components/Page.js b/components/Page.js
index d7ed7764..5b63da12 100644
--- a/components/Page.js
+++ b/components/Page.js
@@ -24,18 +24,17 @@ export default CustomElement
     },
   })
   .observe({
-    twoPane: {
+    expanded: {
       type: 'boolean',
       reflect: 'write',
       get({ paneTwo, paneTwoActive, _lastComputedInlineSize, paneTwoBreakpoint }) {
-        console.log('refreshing', { paneTwo, paneTwoActive, _lastComputedInlineSize, paneTwoBreakpoint }, paneTwo && (paneTwoActive || _lastComputedInlineSize >= paneTwoBreakpoint));
         return paneTwo && (paneTwoActive || _lastComputedInlineSize >= paneTwoBreakpoint);
       },
     },
   })
   .html`
     <slot id=slot></slot>
-    <slot id=two name=two hidden={!twoPane} ></slot>
+    <slot id=two name=two hidden={!expanded} ></slot>
   `
   .css`
     :host {
@@ -56,7 +55,7 @@ export default CustomElement
       letter-spacing: var(--mdw-typescale__body-large__letter-spacing);
     }
 
-    :host([pane-two]) {
+    :host([expanded]) {
       display: grid;
     }
     
@@ -71,7 +70,7 @@ export default CustomElement
       grid-auto-columns: 360px;
     }
 
-    :host([two-pane][pane-one="fixed"]) {
+    :host([expanded][pane-one="fixed"]) {
       grid-template-columns: 360px;
     }