sixseconds-modules 3.0.25 → 3.0.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -23,4 +23,4 @@
23
23
  * the header does not re-flow from the fallback face a moment later. The second
24
24
  * request (from index.css) is served from cache.
25
25
  */
26
- export declare const HEADER_CRITICAL_CSS = "\n@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\");\n:where(.ssh-header){box-sizing:border-box;position:fixed;top:0;right:0;left:0;height:64px;width:100%;display:flex;align-items:center;background:#fff;color:#1a1c1e;border-bottom:1px solid #e0e0e0;z-index:1000;font-family:Inter,system-ui,-apple-system,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;text-align:left}\n:where(.ssh-header) *{box-sizing:border-box}\n:where(.ssh-header__inner){width:100%;max-width:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}\n:where(.ssh-header__left),:where(.ssh-header__center),:where(.ssh-header__right){display:flex;align-items:center}\n:where(.ssh-header__left){gap:8px}\n:where(.ssh-header__right){gap:4px;margin:10px 0}\n:where(.ssh-header__actions){display:flex;align-items:center;justify-content:center;gap:8px}\n:where(.ssh-logo){display:flex;align-items:center;cursor:pointer}\n:where(.ssh-logo--full){width:200px;max-width:200px}\n:where(.ssh-logo--full) svg,:where(.ssh-logo--small) svg{height:40px;width:auto;max-width:100%}\n:where(.ssh-logo--small){display:none}\n:where(.ssh-icon-trigger){display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:4px;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:transparent;color:#5f6368}\n:where(.ssh-icon-trigger) svg{width:20px;height:20px}\n:where(.ssh-lang-trigger){display:flex;align-items:center;justify-content:center;gap:4px;height:36px;padding:0 6px;border:0;border-radius:10px;background:transparent;color:#5f6368}\n:where(img.ssh-lang-trigger__flag){width:26px;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:3px;flex-shrink:0}\n:where(svg.ssh-lang-trigger__flag){width:20px;height:auto;aspect-ratio:1;flex-shrink:0}\n:where(.ssh-avatar){display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#ccc;font-size:14px;font-weight:600;flex-shrink:0}\n:where(.ssh-avatar) img{width:100%;height:100%;object-fit:cover}\n:where(.ssh-profile){position:relative}\n:where(.ssh-profile__trigger){display:flex;align-items:center;gap:2px;padding:2px 4px 2px 2px;border:0;border-radius:999px;background:transparent}\n:where(.ssh-profile__trigger .ssh-avatar){width:34px;height:34px;font-size:13px}\n:where(.ssh-nav){display:flex}\n:where(.ssh-menu){display:flex;list-style:none;margin:0;padding:0}\n:where(.ssh-badge){position:relative;display:inline-flex}\n:where(.ssh-badge__count){position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#d32f2f;color:#fff;font-size:10px;font-weight:600;line-height:16px;text-align:center;box-shadow:0 0 0 2px #fff}\n@media (max-width:1324px){:where(.ssh-nav--desktop){display:none}}\n@media (min-width:1325px){:where(.ssh-hamburger){display:none}}\n@media (max-width:600px){:where(.ssh-header__inner){padding:0 12px}:where(.ssh-logo--full){display:none}:where(.ssh-logo--small){display:flex}:where(.ssh-header__actions){gap:2px}:where(.ssh-icon-trigger){width:34px;height:34px}:where(.ssh-icon-trigger) svg{width:19px;height:19px}:where(.ssh-lang-trigger){height:34px;padding:0 4px}:where(img.ssh-lang-trigger__flag){width:24px}}\n";
26
+ export declare const HEADER_CRITICAL_CSS = "\n@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\");\n:where(.ssh-header){box-sizing:border-box;position:fixed;top:0;right:0;left:0;height:64px;width:100%;display:flex;align-items:center;background:#fff;color:#1a1c1e;border-bottom:1px solid #e0e0e0;z-index:1000;font-family:Inter,system-ui,-apple-system,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;text-align:left}\n:where(.ssh-header) *{box-sizing:border-box}\n:where(.ssh-header__inner){width:100%;max-width:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}\n:where(.ssh-header__left),:where(.ssh-header__center),:where(.ssh-header__right){display:flex;align-items:center}\n:where(.ssh-header__left){gap:8px}\n:where(.ssh-header__right){gap:4px;margin:10px 0}\n:where(.ssh-header__actions){display:flex;align-items:center;justify-content:center;gap:8px}\n:where(.ssh-logo){display:flex;align-items:center;cursor:pointer}\n:where(.ssh-logo--full){width:200px;max-width:200px}\n:where(.ssh-logo--full) svg,:where(.ssh-logo--small) svg{height:40px;width:auto;max-width:100%}\n:where(.ssh-logo--small){display:none}\n:where(.ssh-icon-trigger){display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px;border:0;border-radius:8px;background:transparent;color:#808080}\n:where(.ssh-icon-trigger) svg{width:32px;height:32px}\n:where(.ssh-hamburger) svg,:where(.ssh-menu-toggle) svg{width:22px;height:22px}\n:where(.ssh-hamburger),:where(.ssh-menu-toggle){padding:11px}\n:where(.ssh-lang-trigger){display:flex;align-items:center;justify-content:center;gap:5px;padding:4px;border:0;background:transparent;color:#777}\n:where(.ssh-lang-trigger__flag){width:40px;height:auto;aspect-ratio:3/2;object-fit:fill}\n:where(.ssh-avatar){display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#ccc;font-size:14px;font-weight:600;flex-shrink:0}\n:where(.ssh-avatar) img{width:100%;height:100%;object-fit:cover}\n:where(.ssh-profile){position:relative}\n:where(.ssh-profile__trigger){display:flex;align-items:center;gap:2px;border:0;background:transparent}\n:where(.ssh-nav){display:flex}\n:where(.ssh-menu){display:flex;list-style:none;margin:0;padding:0}\n:where(.ssh-badge){position:relative;display:inline-flex}\n:where(.ssh-badge__count){position:absolute;top:-4px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#d32f2f;color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center}\n@media (max-width:1324px){:where(.ssh-nav--desktop){display:none}}\n@media (min-width:1325px){:where(.ssh-hamburger){display:none}}\n@media (max-width:600px){:where(.ssh-header__inner){padding:0 12px}:where(.ssh-logo--full){display:none}:where(.ssh-logo--small){display:flex}}\n";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sixseconds-modules",
3
- "version": "3.0.25",
3
+ "version": "3.0.27",
4
4
  "description": "SixSeconds common Header and UI, styled with raw namespaced CSS (no MUI) so it never collides with or inherits the host application's styles.",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.es.js",