hisd3-ui-kit 5.5.0 → 5.5.1

package/README.md

@@ -404,6 +404,13 @@ again — and the instance unmounts once the animation finishes.
 
 ## Migrating
 
+### from 5.5.0
+
+Nothing to change. 5.5.1 lets the `"sheet"` sign-in fill the window inside
+the page's 24px margin (it was capped at 1240×760, which left the ground
+showing on a wide monitor), and moves the module's logo and name from the
+form's top corner to just above the title.
+
 ### from 5.4.0
 
 Nothing to change. 5.5.0 adds `HISD3LoginPage`'s `variant="sheet"`: the

package/dist/index.cjs.js

@@ -462,8 +462,8 @@
   display: flex;
   flex-direction: ${({$side:e})=>"right"===e?"row":"row-reverse"};
   align-items: stretch;
-  width: min(1240px, 100%);
-  height: min(760px, calc(100dvh - 48px));
+  width: 100%;
+  height: calc(100dvh - 48px);
   min-height: 560px;
   background: var(--ant-color-bg-elevated, #fff);
   border: var(--hisd3-rule-width, 1px) solid var(--hisd3-border, var(--ant-color-border, #D9D5CE));
@@ -885,28 +885,21 @@
     color: var(--ant-color-text-tertiary, #6E6E6E);
   }
 
-  /* In the sheet the brand is a small line in the form's top corner; the title carries the weight. */
+  /* In the sheet the brand sits just above the title, a size down from the card's. */
   ${({$variant:e})=>me(e)?o.css`
           @media (min-width: ${1025}px) {
-            position: absolute;
-            top: 44px;
-            left: 8%;
-            margin: 0;
+            margin-bottom: 22px;
             gap: 10px;
 
             .hisd3-login-logo {
-              width: 30px;
-              height: 30px;
+              width: 40px;
+              height: 40px;
             }
 
             .hisd3-login-name {
-              font-size: 16px;
+              font-size: 18px;
               letter-spacing: 0.04em;
             }
-
-            .hisd3-login-tagline {
-              display: none;
-            }
           }
         `:""}