sixseconds-modules 2.0.3 → 3.0.3

package/dist/styles.css

@@ -1,461 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-
-/* ==========================================================================
-   Style isolation — keep the header looking the same in every host app.
-
-   Two layers work together (see providers/shadowIsland.tsx):
-     1. `:host`  — the Shadow DOM boundary reset. Inherited properties
-        (font, color, line-height, letter-spacing, text-align, …) are the
-        only things that cross a shadow boundary, so we neutralise them once
-        here and re-establish our own baseline. Host author rules cannot
-        reach past the boundary at all.
-     2. `:where(.sixseconds-header-root …)` — a small, zero-specificity baseline
-        (box-sizing, replaced-element sizing) that replaces the host normalize the
-        boundary blocks, without ever overriding the component's own styles.
-
-   Inside the shadow tree the boundary already blocks the host's author CSS, so
-   NO aggressive `all: revert` is used here — that would strip the very baseline
-   the header needs (the host's global normalize no longer reaches inside the
-   boundary), which is what made replaced elements render at their intrinsic
-   size. Instead we provide our own small baseline below, written with `:where()`
-   so it has ZERO specificity and can never override the component's own Emotion
-   styles (a plain `.sixseconds-header-root svg {}` would be (0,1,1) and would
-   clobber MUI icon sizing).
-   ========================================================================== */
-:host {
-  /* `!important` is load-bearing: for NORMAL declarations the outer (document)
-     tree wins the shadow cascade, so a host page rule that happens to match our
-     host element (e.g. `div { font-family: … }`) would otherwise beat this reset
-     and re-leak inherited props across the boundary. `!important` makes the inner
-     (shadow) tree win. `all` intentionally leaves `direction`/`unicode-bidi` and
-     custom properties untouched, so RTL context still inherits (the header has
-     `[dir='rtl']` handling) — this is desired. Our isolated MUI theme does not
-     enable CSS variables, so no `--mui-*` host var is consumed inside the tree. */
-  all: initial !important;
-  box-sizing: border-box !important;
-  display: block !important;
-  font-family: "Inter", sans-serif !important;
-  color: #1a1c1e !important;
-  line-height: 1.5 !important;
-  text-align: start !important;
-  -webkit-font-smoothing: antialiased !important;
-}
-
-/* Baseline for the isolated tree — replaces what the host's normalize used to
-   provide. `:where()` keeps specificity at 0 so Emotion/MUI always win; these
-   rules only fill in defaults nothing else sets. */
-:where(.sixseconds-header-root),
-:where(.sixseconds-header-root *),
-:where(.sixseconds-header-root *::before),
-:where(.sixseconds-header-root *::after) {
-  box-sizing: border-box;
-}
-
-:where(.sixseconds-header-root img),
-:where(.sixseconds-header-root svg),
-:where(.sixseconds-header-root video),
-:where(.sixseconds-header-root canvas) {
-  max-width: 100%;
-}
-
-:where(.sixseconds-header-root img),
-:where(.sixseconds-header-root svg),
-:where(.sixseconds-header-root video) {
-  height: auto;
-}
-
-.sixseconds-header-root blockquote,
-.sixseconds-header-root dl,
-.sixseconds-header-root dd,
-.sixseconds-header-root h1,
-.sixseconds-header-root h2,
-.sixseconds-header-root h3,
-.sixseconds-header-root h4,
-.sixseconds-header-root h5,
-.sixseconds-header-root h6,
-.sixseconds-header-root hr,
-.sixseconds-header-root figure,
-.sixseconds-header-root p,
-.sixseconds-header-root pre,
-.sixseconds-header-root span,
-.sixseconds-header-root a,
-.sixseconds-header-root div,
-.sixseconds-header-root li,
-.sixseconds-header-root button {
-  font-family: "Inter", sans-serif !important;
-}
-
-.sixseconds-header-main-list-menu {
-  display: flex;
-}
-
-.sixseconds-header-main-list-menu li {
-  padding: 0.5rem 0.5rem;
-}
-
-.sixseconds-header-main-list-menu li a {
-  padding: 0 0.25rem;
-  font-weight: 500;
-  font-size: 12px;
-}
-
-.sixseconds-header-main-list-menu .sixseconds-header-menu-item {
-  position: relative;
-  padding: 0 16px;
-  display: flex;
-  align-items: center;
-  height: 100%;
-}
-
-.sixseconds-header-main-list-menu .sixseconds-header-menu-link {
-  text-decoration: none;
-  color: #2a2a2a;
-  /* Closer to 6seconds */
-  font-weight: 500;
-  font-size: 15px;
-  padding: 8px 4px;
-  transition: color 0.2s ease;
-  font-family: "Inter", sans-serif;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-.sixseconds-header-main-list-menu .sixseconds-header-menu-link:hover {
-  color: #0073b1;
-}
-
-/* Submenu (Dropdown) */
-.sixseconds-header-main-list-menu .sixseconds-header-submenu-data {
-  position: absolute;
-  top: 150%;
-  left: 0;
-  background: white;
-  border: 1px solid #e2e8f0;
-  border-top: 3px solid #0073b1;
-  box-shadow:
-    0px 12px 48px rgba(0, 0, 0, 0.12),
-    0 4px 16px rgba(0, 0, 0, 0.08);
-  /* Even more premium shadow */
-  display: block;
-  opacity: 0;
-  visibility: hidden;
-  transform: translateY(12px);
-  width: 200px;
-  z-index: 1000;
-  border-radius: 4px;
-  /* More angular per 6seconds style */
-  padding: 8px 0;
-  transition:
-    opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),
-    transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
-    visibility 0.25s;
-}
-
-.sixseconds-header-main-list-menu .sixseconds-header-submenu-data li {
-  list-style: none;
-  padding: 0;
-}
-
-.sixseconds-header-main-list-menu .sixseconds-header-submenu-link {
-  display: block;
-  padding: 12px 28px;
-  text-decoration: none;
-  color: #2a2a2a;
-  /* Darker grey */
-  font-weight: 400;
-  font-size: 14.5px;
-  line-height: 1.4;
-  white-space: normal;
-  transition: all 0.2s ease;
-}
-
-.sixseconds-header-main-list-menu .sixseconds-header-submenu-link:hover {
-  background: #f0f7fb;
-  color: #0073b1;
-  padding-left: 32px;
-  /* Slight nudge */
-}
-
-/* Caret rotation on hover */
-.sixseconds-header-main-list-menu .sixseconds-header-menu-item:hover .sixseconds-header-desktop-caret {
-  transform: rotate(180deg);
-}
-
-/* Show dropdown on hover */
-.sixseconds-header-main-list-menu .sixseconds-header-menu-item:hover .sixseconds-header-submenu-data {
-  opacity: 1;
-  visibility: visible;
-  transform: translateY(0);
-}
-
-.sixseconds-header-small-device-menu {
-  display: none;
-  width: 100%;
-  left: 0;
-  top: 64px;
-  background-color: #fff;
-  position: fixed;
-  overflow-y: auto;
-  height: 95vh;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
-}
-
-.sixseconds-header-small-device-menu a.sixseconds-header-bg-main-menu {
-  display: block;
-  text-decoration: none;
-}
-
-.sixseconds-header-submenu-child li {
-  padding: 0.5rem 0;
-}
-
-.sixseconds-header-submenu-child li a {
-  text-decoration: none;
-}
-
-.sixseconds-header-layout-mobile-menu {
-  padding-bottom: 12px;
-  padding-inline: 0;
-  height: 95vh;
-  overflow-y: auto;
-  padding-top: 8px;
-}
-
-.sixseconds-header-small-device-menu a {
-  background-color: transparent;
-  font-size: 16px;
-  /* Slightly larger */
-  font-weight: 600;
-  /* Bolder for parent items */
-  color: #1a1c1e;
-  margin-bottom: 4px;
-  padding: 16px 20px;
-  border-bottom: 1px solid #f1f3f4;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.sixseconds-header-small-device-menu .sixseconds-header-submenu-child {
-  padding-left: 0px;
-  min-width: 100%;
-  max-width: 100%;
-  margin-top: 0;
-  background-color: #fbfbfc;
-  /* Slightly different background for sub-items */
-  color: #1a1c1e;
-}
-
-.sixseconds-header-small-device-menu ul li .sixseconds-header-submenu-child-link {
-  padding: 12px 32px;
-  /* Indent more */
-  font-weight: 400;
-  /* Regular weight for sub-links */
-  font-size: 14px;
-}
-
-.sixseconds-header-small-device-menu ul li a {
-  background-color: transparent;
-  color: #4a4d50;
-}
-
-.sixseconds-header-small-device-menu ul {
-  padding-left: 15px;
-}
-
-.sixseconds-header-desktop-menu {
-  display: flex;
-}
-
-.sixseconds-header-button-hamburger {
-  display: none;
-  position: absolute;
-  right: 20px;
-  top: 18px;
-  z-index: 9;
-}
-
-.sixseconds-header-root .tox-editor-header {
-  background-color: transparent;
-}
-
-.sixseconds-header-hamburger-icon-btn {
-  padding: 8px;
-  color: #5f6368;
-}
-
-.sixseconds-header-desktop-menu .sixseconds-header-menu-item .sixseconds-header-menu-link {
-  font-size: 14px;
-  font-weight: 500;
-}
-
-.sixseconds-header-small-device-menu {
-  padding-inline: 20px;
-}
-
-@media screen and (max-width: 600px) and (min-width: 320px) {
-  .sixseconds-header-notification-icon-error .MuiBadge-badge {
-    font-size: 10px;
-    padding: 0 4px;
-    min-width: 16px;
-    right: 5px;
-    background-color: #d32f2f;
-  }
-
-  .sixseconds-header-submenu nav {
-    padding: 0 !important;
-  }
-
-  .sixseconds-header-root .MuiPagination-root.MuiPagination-outlined {
-    display: flex;
-    justify-content: center;
-    margin-left: 0;
-  }
-
-  .sixseconds-header-toggle-btn-menu {
-    position: absolute;
-    right: 20px;
-    top: 12px;
-    z-index: 99;
-  }
-
-  .sixseconds-header-right-icons {
-    padding-right: 25px;
-  }
-
-  .sixseconds-header-button-hamburger {
-    display: block;
-  }
-
-  .sixseconds-header-desktop-menu {
-    display: none;
-  }
-
-  .sixseconds-header-small-device-menu {
-    display: block;
-    width: 100%;
-    position: fixed;
-    left: 0;
-    background: #fff;
-    top: 64px;
-  }
-
-  .main.sixseconds-header-login-page .sixseconds-header-login-body {
-    width: 90% !important;
-  }
-
-  .sixseconds-header-submenu {
-    width: 100%;
-    max-width: 100% !important;
-  }
-
-  .sixseconds-header-sidebar {
-    width: 280px !important;
-    background-color: #f9fafb;
-    z-index: 99;
-    border-right: 1px solid #e0e0e0;
-  }
-
-  .sixseconds-header-sidemenu {
-    width: 280px;
-    background-color: #f9fafb;
-  }
-
-  .sixseconds-header-logo {
-    opacity: 1;
-  }
-
-  .sixseconds-header-profile .sixseconds-header-menu {
-    min-width: 280px;
-    width: 100% !important;
-  }
-}
-
-@media screen and (max-width: 1024px) and (min-width: 600px) {
-  .sixseconds-header-toggle-btn-menu {
-    position: absolute;
-    right: 20px;
-    top: 12px;
-  }
-
-  .sixseconds-header-right-icons {
-    padding-right: 25px;
-  }
-
-  .sixseconds-header-button-hamburger {
-    display: block;
-  }
-
-  .sixseconds-header-desktop-menu {
-    display: none;
-  }
-
-  .sixseconds-header-small-device-menu {
-    display: block;
-  }
-
-  .main.sixseconds-header-login-page .sixseconds-header-login-body {
-    width: 450px !important;
-  }
-
-  .sixseconds-header-banner {
-    margin-left: 0 !important;
-  }
-
-  .sixseconds-header-submenu {
-    width: 100%;
-    max-width: 100% !important;
-  }
-
-  .sixseconds-header-sidebar {
-    width: 280px !important;
-    background-color: #f9fafb;
-    z-index: 99;
-  }
-
-  .sixseconds-header-sidemenu {
-    width: 280px;
-    background-color: #f9fafb;
-  }
-
-  .sixseconds-header-logo {
-    opacity: 1;
-  }
-
-  .sixseconds-header-profile .sixseconds-header-menu {
-    min-width: 280px;
-    width: 100% !important;
-  }
-}
-
-@media screen and (max-width: 1380px) and (min-width: 1024px) {
-  .sixseconds-header-right-icons {
-    padding-right: 25px;
-  }
-
-  .sixseconds-header-button-hamburger {
-    display: block;
-  }
-
-  .sixseconds-header-desktop-menu {
-    display: none;
-  }
-
-  .sixseconds-header-small-device-menu {
-    display: block;
-    width: 100%;
-    position: fixed;
-    left: 0;
-    background: #fff;
-    top: 64px;
-  }
-
-  .sixseconds-header-button-hamburger {
-    display: block;
-  }
-
-  .sixseconds-header-right-icons {
-    padding-right: 25px;
-  }
-}

package/dist/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>