spaday-regular-layout 0.3.1__tar.gz → 0.3.2__tar.gz

{spaday_regular_layout-0.3.1 → spaday_regular_layout-0.3.2}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.5
 Name: spaday-regular-layout
-Version: 0.3.1
+Version: 0.3.2
 Summary: regular-layout for spaday
 Project-URL: Repository, https://github.com/1kbgz/spaday-regular-layout
 Project-URL: Homepage, https://github.com/1kbgz/spaday-regular-layout

{spaday_regular_layout-0.3.1 → spaday_regular_layout-0.3.2}/js/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spaday-regular-layout",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "regular-layout for spaday",
   "repository": "git@github.com:1kbgz/spaday-regular-layout.git",
   "author": "1kbgz <dev@1kbgz.com>",

{spaday_regular_layout-0.3.1 → spaday_regular_layout-0.3.2}/js/src/css/spa.css

@@ -144,6 +144,8 @@ spaday-regular-layout.spa regular-layout-frame::part(title) {
 spaday-regular-layout.spa regular-layout-frame::part(active-tab) {
   background: var(--_spa-regular-layout-surface);
   color: inherit;
+  box-shadow: inset 0 3px 0 currentColor;
+  font-weight: 600;
 }
 
 spaday-regular-layout.spa regular-layout-frame::part(close) {

spaday_regular_layout-0.3.2/js/tests/tab-chrome.spec.js

@@ -0,0 +1,36 @@
+import { expect, test } from "@playwright/test";
+
+test("application tabs have a distinct active marker in either theme", async ({
+  page,
+}) => {
+  await page.goto("/dist/index.html");
+  await page.evaluate(() => {
+    const layout = document.createElement("spaday-regular-layout");
+    layout.className = "spa";
+    layout.style.cssText = "width:600px;height:300px";
+    for (const name of ["one", "two"]) {
+      const frame = document.createElement("regular-layout-frame");
+      frame.setAttribute("name", name);
+      frame.textContent = name;
+      layout.append(frame);
+    }
+    layout.layout = { type: "tab-layout", tabs: ["one", "two"] };
+    document.body.append(layout);
+  });
+  for (const mode of ["wa-light", "wa-dark"]) {
+    await page.evaluate((mode) => {
+      document.documentElement.className = mode;
+    }, mode);
+    const active = page.locator('regular-layout-tab[part~="active-tab"]');
+    await expect(active).toHaveCSS("font-weight", "600");
+    await expect(active).toHaveCSS(
+      "box-shadow",
+      /inset.*0px 3px 0px 0px|0px 3px 0px 0px inset/,
+    );
+    await page.locator("regular-layout-tab").last().click();
+    await expect(page.locator("regular-layout-tab").last()).toHaveAttribute(
+      "part",
+      /active-tab/,
+    );
+  }
+});

{spaday_regular_layout-0.3.1 → spaday_regular_layout-0.3.2}/pyproject.toml

@@ -13,7 +13,7 @@ authors = [
 description = "regular-layout for spaday"
 readme = "README.md"
 license = { text = "Apache-2.0" }
-version = "0.3.1"
+version = "0.3.2"
 requires-python = ">=3.11"
 keywords = []
 
@@ -76,7 +76,7 @@ Repository = "https://github.com/1kbgz/spaday-regular-layout"
 Homepage = "https://github.com/1kbgz/spaday-regular-layout"
 
 [tool.bumpversion]
-current_version = "0.3.1"
+current_version = "0.3.2"
 commit = true
 tag = true
 commit_args = "-s"

{spaday_regular_layout-0.3.1 → spaday_regular_layout-0.3.2}/spaday_regular_layout/__init__.py

@@ -5,7 +5,7 @@ from spaday import ComponentPackage, Token
 
 from .components import RegularLayoutFrame, SpadayRegularLayout
 
-__version__ = "0.3.1"
+__version__ = "0.3.2"
 
 # the exact version of each JS library the package serves, written by its JS build
 _VERSIONS = Path(__file__).parent / "extension" / "versions.json"

{spaday_regular_layout-0.3.1 → spaday_regular_layout-0.3.2}/spaday_regular_layout/extension/css/spa.css

@@ -1 +1 @@
-spaday-regular-layout.spa{--_spa-regular-layout-surface:var(--spa-regular-layout-surface,var(--spa-rl-surface,var(--spa-surface,#fff)));--_spa-regular-layout-surface-2:var(--spa-regular-layout-surface-2,var(--spa-rl-surface-2,var(--spa-surface-2,#fafafa)));--_spa-regular-layout-border:var(--spa-regular-layout-border,var(--spa-rl-border,var(--spa-border,#e6e6e6)));--_spa-regular-layout-muted:var(--spa-regular-layout-muted,var(--spa-rl-muted,var(--spa-muted,#666)));--_spa-regular-layout-shadow:var(--spa-regular-layout-shadow,var(--spa-rl-shadow,#0000000d))}:where(.wa-dark) spaday-regular-layout.spa{--_spa-regular-layout-surface:var(--spa-regular-layout-surface,var(--spa-rl-surface,var(--spa-surface,#15191e)));--_spa-regular-layout-surface-2:var(--spa-regular-layout-surface-2,var(--spa-rl-surface-2,var(--spa-surface-2,#1d232b)));--_spa-regular-layout-border:var(--spa-regular-layout-border,var(--spa-rl-border,var(--spa-border,#333b45)));--_spa-regular-layout-muted:var(--spa-regular-layout-muted,var(--spa-rl-muted,var(--spa-muted,#9aa3ad)));--_spa-regular-layout-shadow:var(--spa-regular-layout-shadow,var(--spa-rl-shadow,#00000059))}:where(.wa-light) spaday-regular-layout.spa{--_spa-regular-layout-surface:var(--spa-regular-layout-surface,var(--spa-rl-surface,var(--spa-surface,#fff)));--_spa-regular-layout-surface-2:var(--spa-regular-layout-surface-2,var(--spa-rl-surface-2,var(--spa-surface-2,#fafafa)));--_spa-regular-layout-border:var(--spa-regular-layout-border,var(--spa-rl-border,var(--spa-border,#e6e6e6)));--_spa-regular-layout-muted:var(--spa-regular-layout-muted,var(--spa-rl-muted,var(--spa-muted,#666)));--_spa-regular-layout-shadow:var(--spa-regular-layout-shadow,var(--spa-rl-shadow,#0000000d))}spaday-regular-layout regular-layout-frame{min-width:0;min-height:0}spaday-regular-layout regular-layout-frame::part(titlebar){flex-shrink:0}spaday-regular-layout regular-layout-frame::part(container){min-height:0}spaday-regular-layout.spa regular-layout-frame{--rl-tab-width:200px}spaday-regular-layout.spa regular-layout-frame::part(container){box-sizing:border-box;border:1px solid var(--_spa-regular-layout-border);background:var(--_spa-regular-layout-surface);box-shadow:0 1px 2px var(--_spa-regular-layout-shadow);border-radius:0 8px 8px;margin:0 3px 3px;padding:8px;overflow:auto}spaday-regular-layout.spa regular-layout-frame::part(titlebar){align-items:end;margin:3px 6px 0 3px}spaday-regular-layout.spa regular-layout-frame::part(tab){box-sizing:border-box;cursor:pointer;border:1px solid var(--_spa-regular-layout-border);background:var(--_spa-regular-layout-surface-2);color:var(--_spa-regular-layout-muted);border-bottom:none;border-radius:8px 8px 0 0;justify-content:center;align-items:center;margin-right:2px;padding:0 10px;font-size:12px}spaday-regular-layout.spa regular-layout-frame::part(title){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}spaday-regular-layout.spa regular-layout-frame::part(active-tab){background:var(--_spa-regular-layout-surface);color:inherit}spaday-regular-layout.spa regular-layout-frame::part(close){color:var(--_spa-regular-layout-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-self:center;width:16px;height:14px;padding:0;font-size:13px;line-height:13px}spaday-regular-layout.spa regular-layout-frame::part(close):before{content:"×"}spaday-regular-layout.spa regular-layout-frame::part(close):hover{background-color:var(--_spa-regular-layout-surface-2);transition:background-color .2s}spaday-regular-layout.spa:has(.overlay)>*{opacity:.6}spaday-regular-layout.spa:has(.overlay)>.overlay{opacity:1}spaday-regular-layout.spa regular-layout-frame.overlay{background:var(--_spa-regular-layout-surface-2);border:1px dashed var(--_spa-regular-layout-border);border-radius:8px;transition:top .1s ease-in-out,height .1s ease-in-out,width .1s ease-in-out,left .1s ease-in-out}
+spaday-regular-layout.spa{--_spa-regular-layout-surface:var(--spa-regular-layout-surface,var(--spa-rl-surface,var(--spa-surface,#fff)));--_spa-regular-layout-surface-2:var(--spa-regular-layout-surface-2,var(--spa-rl-surface-2,var(--spa-surface-2,#fafafa)));--_spa-regular-layout-border:var(--spa-regular-layout-border,var(--spa-rl-border,var(--spa-border,#e6e6e6)));--_spa-regular-layout-muted:var(--spa-regular-layout-muted,var(--spa-rl-muted,var(--spa-muted,#666)));--_spa-regular-layout-shadow:var(--spa-regular-layout-shadow,var(--spa-rl-shadow,#0000000d))}:where(.wa-dark) spaday-regular-layout.spa{--_spa-regular-layout-surface:var(--spa-regular-layout-surface,var(--spa-rl-surface,var(--spa-surface,#15191e)));--_spa-regular-layout-surface-2:var(--spa-regular-layout-surface-2,var(--spa-rl-surface-2,var(--spa-surface-2,#1d232b)));--_spa-regular-layout-border:var(--spa-regular-layout-border,var(--spa-rl-border,var(--spa-border,#333b45)));--_spa-regular-layout-muted:var(--spa-regular-layout-muted,var(--spa-rl-muted,var(--spa-muted,#9aa3ad)));--_spa-regular-layout-shadow:var(--spa-regular-layout-shadow,var(--spa-rl-shadow,#00000059))}:where(.wa-light) spaday-regular-layout.spa{--_spa-regular-layout-surface:var(--spa-regular-layout-surface,var(--spa-rl-surface,var(--spa-surface,#fff)));--_spa-regular-layout-surface-2:var(--spa-regular-layout-surface-2,var(--spa-rl-surface-2,var(--spa-surface-2,#fafafa)));--_spa-regular-layout-border:var(--spa-regular-layout-border,var(--spa-rl-border,var(--spa-border,#e6e6e6)));--_spa-regular-layout-muted:var(--spa-regular-layout-muted,var(--spa-rl-muted,var(--spa-muted,#666)));--_spa-regular-layout-shadow:var(--spa-regular-layout-shadow,var(--spa-rl-shadow,#0000000d))}spaday-regular-layout regular-layout-frame{min-width:0;min-height:0}spaday-regular-layout regular-layout-frame::part(titlebar){flex-shrink:0}spaday-regular-layout regular-layout-frame::part(container){min-height:0}spaday-regular-layout.spa regular-layout-frame{--rl-tab-width:200px}spaday-regular-layout.spa regular-layout-frame::part(container){box-sizing:border-box;border:1px solid var(--_spa-regular-layout-border);background:var(--_spa-regular-layout-surface);box-shadow:0 1px 2px var(--_spa-regular-layout-shadow);border-radius:0 8px 8px;margin:0 3px 3px;padding:8px;overflow:auto}spaday-regular-layout.spa regular-layout-frame::part(titlebar){align-items:end;margin:3px 6px 0 3px}spaday-regular-layout.spa regular-layout-frame::part(tab){box-sizing:border-box;cursor:pointer;border:1px solid var(--_spa-regular-layout-border);background:var(--_spa-regular-layout-surface-2);color:var(--_spa-regular-layout-muted);border-bottom:none;border-radius:8px 8px 0 0;justify-content:center;align-items:center;margin-right:2px;padding:0 10px;font-size:12px}spaday-regular-layout.spa regular-layout-frame::part(title){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}spaday-regular-layout.spa regular-layout-frame::part(active-tab){background:var(--_spa-regular-layout-surface);color:inherit;font-weight:600;box-shadow:inset 0 3px}spaday-regular-layout.spa regular-layout-frame::part(close){color:var(--_spa-regular-layout-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-self:center;width:16px;height:14px;padding:0;font-size:13px;line-height:13px}spaday-regular-layout.spa regular-layout-frame::part(close):before{content:"×"}spaday-regular-layout.spa regular-layout-frame::part(close):hover{background-color:var(--_spa-regular-layout-surface-2);transition:background-color .2s}spaday-regular-layout.spa:has(.overlay)>*{opacity:.6}spaday-regular-layout.spa:has(.overlay)>.overlay{opacity:1}spaday-regular-layout.spa regular-layout-frame.overlay{background:var(--_spa-regular-layout-surface-2);border:1px dashed var(--_spa-regular-layout-border);border-radius:8px;transition:top .1s ease-in-out,height .1s ease-in-out,width .1s ease-in-out,left .1s ease-in-out}