ds-one 0.1.11-alpha.1 → 0.1.11-alpha.3

package/dist/ds-one.bundle.js

@@ -1169,7 +1169,7 @@ Button.styles = i`
   `;
 customElements.define("ds-button", Button);
 
-// dist/2-core/text-v1.js
+// dist/2-core/ds-text.js
 var Text = class extends i4 {
   static get properties() {
     return {
@@ -1188,7 +1188,7 @@ var Text = class extends i4 {
     this._text = "";
     this.boundHandlers = {
       languageChanged: (() => {
-        console.log("Language changed event received in text-v1");
+        console.log("Language changed event received in ds-text");
         this._loadText();
       })
     };
@@ -1237,7 +1237,7 @@ Text.styles = i`
       opacity: 0.6;
     }
   `;
-customElements.define("text-v1", Text);
+customElements.define("ds-text", Text);
 
 // node_modules/lit-html/directive.js
 var t3 = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 };
@@ -3283,7 +3283,7 @@ var Home = class extends i4 {
         @click="${this._navigateHome}"
         @keydown="${this._onKeyDown}"
       >
-        <text-v1 key="home"></text-v1>
+        <ds-text key="home"></ds-text>
       </div>
     `;
   }
@@ -3328,7 +3328,7 @@ Home.styles = i`
     }
 
     /* Inner text spacing without affecting the 80px outer width */
-    .home > text-v1 {
+    .home > ds-text {
       padding: 0 calc(var(--1) * 0.15 * var(--scaling-factor));
       box-sizing: border-box;
       height: 100%;
@@ -4370,7 +4370,7 @@ var SingleNav = class extends i4 {
     const href = this.to || navConfig.href;
     return x`
       <a href="${href}">
-        <text-v1 key="${navConfig.key}"></text-v1>
+        <ds-text key="${navConfig.key}"></ds-text>
         <icon-v1 type="right"></icon-v1>
       </a>
     `;
@@ -4433,12 +4433,12 @@ var DoubleNav = class extends i4 {
       ${this.previous ? x`
             <a href="${this.previous}" class="nav-previous">
               <icon-v1 type="left"></icon-v1>
-              <text-v1>${this.previousText || "Previous"}</text-v1>
+              <ds-text>${this.previousText || "Previous"}</ds-text>
             </a>
           ` : x`<div></div>`}
       ${this.next ? x`
             <a href="${this.next}" class="nav-next">
-              <text-v1>${this.nextText || "Next"}</text-v1>
+              <ds-text>${this.nextText || "Next"}</ds-text>
               <icon-v1 type="right"></icon-v1>
             </a>
           ` : x`<div></div>`}
@@ -4621,7 +4621,7 @@ Grid.styles = i`
       margin-top: 0.5px !important;
       margin-left: 0.5px !important;
       display: grid;
-      width: 100%;
+      width: 1440px;
       height: 100%;
       grid-template-columns: repeat(auto-fill, 19px);
       grid-template-rows: repeat(auto-fill, 19px);
@@ -4631,7 +4631,7 @@ Grid.styles = i`
       column-rule: 1px solid
         light-dark(rgba(0, 0, 0, 0.03), rgba(238, 238, 238, 0.022));
       outline: 1px solid light-dark(rgba(0, 0, 0, 0.15), #100101e7);
-      position: absolute;
+      position: fixed;
       top: 0;
       left: 50%;
       transform: translateX(-50%);
@@ -4650,8 +4650,9 @@ Grid.styles = i`
     }
 
     :host([align="right"]) {
-      left: 100%;
-      transform: translateX(-100%);
+      left: auto;
+      right: 0;
+      transform: none;
     }
   `;
 customElements.define("ds-grid", Grid);
@@ -4706,7 +4707,7 @@ Layout.styles = i`
         ". footer ."
         ". . .";
       min-height: 600px;
-      background-color: rgba(235, 231, 231, 0.44);
+      background-color: rgba(165, 165, 165, 0.03);
       position: relative;
       width: 100%;
       max-width: 640px;
@@ -4742,10 +4743,6 @@ Layout.styles = i`
       justify-self: end;
     }
 
-    :host([mode="debug"]) {
-      background-color: rgba(200, 114, 114, 0.1);
-    }
-
     .debug-overlay {
       position: absolute;
       margin-left: -1px;
@@ -4794,7 +4791,6 @@ Layout.styles = i`
       font-size: 10px;
       font-weight: var(--type-weight-default);
       font-family: var(--typeface);
-      background-color: var(--slate);
       color: var(--black);
       border: 1px solid red;
       opacity: 1;
@@ -4802,53 +4798,39 @@ Layout.styles = i`
 
     .debug-square {
       grid-area: square;
-      background-color: rgba(255, 0, 0, 0.2);
     }
 
     .debug-title {
       grid-area: title;
-      background-color: rgba(0, 255, 0, 0.2);
     }
 
     .debug-header {
       grid-area: header;
-      background-color: rgba(0, 0, 255, 0.2);
       border-color: #0000ff;
     }
 
     .debug-projects {
       grid-area: projects;
-      background-color: rgba(255, 255, 0, 0.2);
       border-color: #ffff00;
     }
 
     .debug-bio {
       grid-area: bio;
-      background-color: rgba(255, 0, 255, 0.2);
       border-color: #ff00ff;
     }
 
     .debug-nav {
       grid-area: nav;
-      background-color: rgba(0, 255, 255, 0.2);
       border-color: #00ffff;
     }
 
     .debug-footer {
       grid-area: footer;
-      background-color: rgba(255, 165, 0, 0.2);
       border-color: #ffa500;
     }
 
-    .debug-header {
-      grid-area: header;
-      background-color: rgba(0, 0, 255, 0.2);
-      border-color: #0000ff;
-    }
-
     .debug-content {
       grid-area: content;
-      background-color: rgba(21, 169, 21, 0.57);
       border-color: rgba(71, 231, 71, 0.63);
     }
   `;