chore(v2): update Infima to alpha 28 (#5222)

packages/docusaurus-theme-classic/package.json

@@ -39,7 +39,7 @@
     "copy-text-to-clipboard": "^3.0.1",
     "fs-extra": "^10.0.0",
     "globby": "^11.0.2",
-    "infima": "0.2.0-alpha.27",
+    "infima": "0.2.0-alpha.28",
     "lodash": "^4.17.20",
     "parse-numeric-range": "^1.2.0",
     "postcss": "^8.2.15",

packages/docusaurus-theme-classic/src/admonitions.css

@@ -22,8 +22,8 @@
   width: 22px;
   height: 22px;
   stroke-width: 0;
-  fill: var(--ifm-alert-emphasis-color);
-  stroke: var(--ifm-alert-emphasis-color);
+  fill: var(--ifm-alert-foreground-color);
+  stroke: var(--ifm-alert-foreground-color);
 }
 
 .admonition-content > :last-child {

packages/docusaurus-theme-classic/src/theme/Navbar/index.tsx

@@ -163,21 +163,21 @@ function NavbarMobileSidebar({
       </div>
 
       <div
-        className={clsx('navbar-sidebar__items', styles.menuWrapper, {
-          [styles.menuWrapperSecondaryMenuShown]: secondaryMenu.shown,
+        className={clsx('navbar-sidebar__items', {
+          'navbar-sidebar__items--show-secondary': secondaryMenu.shown,
         })}>
-        <div className="menu">
+        <div className="navbar-sidebar__item menu">
           <ul className="menu__list">
             {items.map((item, i) => (
               <NavbarItem mobile {...item} onClick={toggleSidebar} key={i} />
             ))}
           </ul>
         </div>
 
-        <div className={styles.secondaryMenu}>
+        <div className="navbar-sidebar__item navbar-sidebar__item--secondary menu">
           <button
             type="button"
-            className={clsx('clean-btn', styles.backButton)}
+            className="clean-btn navbar-sidebar__back"
             onClick={secondaryMenu.hide}>
             <Translate
               id="theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel"

packages/docusaurus-theme-classic/src/theme/Navbar/styles.module.css

@@ -21,43 +21,3 @@ Hide toggle in small viewports
 .navbarHidden {
   transform: translate3d(0, calc(-100% - 2px), 0);
 }
-
-:global(.navbar-sidebar__items) {
-  padding: 0;
-}
-
-:global(.navbar-sidebar) {
-  overflow-x: hidden;
-}
-
-.menuWrapper {
-  display: flex;
-  width: calc(var(--ifm-navbar-sidebar-width));
-  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  transform: translateZ(0);
-}
-
-.menuWrapperSecondaryMenuShown {
-  transform: translate3d(calc((var(--ifm-navbar-sidebar-width)) * -1), 0, 0);
-}
-
-.menuWrapper > div {
-  flex-shrink: 0;
-  width: calc(var(--ifm-navbar-sidebar-width));
-  font-weight: var(--ifm-font-weight-semibold);
-  padding: 0.5rem;
-}
-
-.backButton {
-  width: calc(100% + 1rem);
-  margin: 0 0 0.7rem -0.5rem;
-  text-align: left;
-  font-size: 15px;
-  padding: 0.6rem 1.5rem;
-  background: var(--ifm-menu-color-background-active);
-  font-weight: var(--ifm-button-font-weight);
-}
-
-.secondaryMenu {
-  padding-top: 0 !important;
-}

yarn.lock

@@ -11062,10 +11062,10 @@ infer-owner@^1.0.3, infer-owner@^1.0.4:
   resolved "https://registry.yarnpkg.com/infer-owner/-/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
   integrity sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==
 
-infima@0.2.0-alpha.27:
-  version "0.2.0-alpha.27"
-  resolved "https://registry.yarnpkg.com/infima/-/infima-0.2.0-alpha.27.tgz#f61bfee412640cebb4c867e11d2e53af4f36f9d5"
-  integrity sha512-3wzGnP8glFhxCSK0xLMtOoT0M/8fQGScu7yPmgGEMjTdw392GzEwaZW5FOH13z1qC1N57NBia+CVnKKw86kSMg==
+infima@0.2.0-alpha.28:
+  version "0.2.0-alpha.28"
+  resolved "https://registry.yarnpkg.com/infima/-/infima-0.2.0-alpha.28.tgz#61076cdd8b09e91f44d8c5015de6dc6c691a9873"
+  integrity sha512-TqW9LC167PIkzvuiJ1WmnYnlp8/VdZKWzTxKQLPziItkveYGEc/Kdg0eG2XYbcfvd1iWis6oH0toewpwSrSeow==
 
 inflight@^1.0.4:
   version "1.0.6"