npm - @react-md/core - Versions diffs - 1.0.0-next.8 → 1.0.0-next.9 - Mend

@react-md/core 1.0.0-next.8 → 1.0.0-next.9

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.

Files changed (667) hide show

package/coverage/lcov-report/src/tree/TreeItem.tsx.html CHANGED Viewed

@@ -991,7 +991,7 @@ export function TreeItem(props: TreeItemProps): ReactElement {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/tree/TreeItemExpander.tsx.html CHANGED Viewed

@@ -340,7 +340,7 @@ export function TreeItemExpander(props: TreeItemExpanderProps): ReactElement {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/tree/TreeProvider.tsx.html CHANGED Viewed

@@ -371,15 +371,15 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">2380x</span>
-<span class="cline-any cline-yes">2380x</span>
-<span class="cline-any cline-yes">2380x</span>
-<span class="cline-any cline-yes">2380x</span>
+<span class="cline-any cline-yes">2382x</span>
+<span class="cline-any cline-yes">2382x</span>
+<span class="cline-any cline-yes">2382x</span>
+<span class="cline-any cline-yes">2382x</span>
 <span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">2372x</span>
-<span class="cline-any cline-yes">2372x</span>
-<span class="cline-any cline-yes">2372x</span>
+<span class="cline-any cline-yes">2374x</span>
+<span class="cline-any cline-yes">2374x</span>
+<span class="cline-any cline-yes">2374x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -664,7 +664,7 @@ export function TreeProvider&lt;T extends TreeItemNode = DefaultTreeItemNode&gt;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/tree/index.html CHANGED Viewed

@@ -281,7 +281,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/tree/styles.ts.html CHANGED Viewed

@@ -361,10 +361,10 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">670x</span>
-<span class="cline-any cline-yes">670x</span>
-<span class="cline-any cline-yes">670x</span>
-<span class="cline-any cline-yes">670x</span>
+<span class="cline-any cline-yes">672x</span>
+<span class="cline-any cline-yes">672x</span>
+<span class="cline-any cline-yes">672x</span>
+<span class="cline-any cline-yes">672x</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { cnb } from "cnbuilder";
 import type { InternalListItemClassNameOptions } from "../list/listItemStyles.js";
 import { listItem } from "../list/listItemStyles.js";
@@ -523,7 +523,7 @@ export function treeGroup(options: TreeGroupClassNameOptions = {}): string {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/tree/useTree.ts.html CHANGED Viewed

@@ -274,7 +274,7 @@ export function useTree(options: TreeHookOptions = {}): TreeImplementation {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/tree/useTreeExpansion.ts.html CHANGED Viewed

@@ -226,7 +226,7 @@ export function useTreeExpansion(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/tree/useTreeItems.ts.html CHANGED Viewed

@@ -481,7 +481,7 @@ export function useTreeItems&lt;T extends TreeItemNode&gt;(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/tree/useTreeMovement.ts.html CHANGED Viewed

@@ -685,7 +685,7 @@ export function useTreeMovement&lt;T extends TreeItemNode&gt;(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/tree/useTreeSelection.ts.html CHANGED Viewed

@@ -259,7 +259,7 @@ export function useTreeSelection(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/tree/utils.ts.html CHANGED Viewed

@@ -262,7 +262,7 @@ export function getChildTreeItems&lt;T extends TreeItemNode = DefaultTreeItemNod
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/typography/SrOnly.tsx.html CHANGED Viewed

@@ -197,8 +197,8 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">32x</span>
+<span class="cline-any cline-yes">32x</span>
 <span class="cline-any cline-yes">32x</span>
 <span class="cline-any cline-yes">32x</span>
 <span class="cline-any cline-yes">32x</span>
@@ -225,16 +225,14 @@
 <span class="cline-any cline-yes">32x</span>
 <span class="cline-any cline-yes">32x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { forwardRef } from "react";
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { forwardRef, type ElementType, type HTMLAttributes } from "react";
+import { cssUtils } from "../cssUtils.js";
 import {
-  Typography,
   type CustomTypographyComponent,
   type TypographyHTMLElement,
-  type TypographyProps,
 } from "./Typography.js";
-import { cssUtils } from "../cssUtils.js";
 &nbsp;
-export interface SrOnlyProps extends TypographyProps {
+export interface SrOnlyProps extends HTMLAttributes&lt;TypographyHTMLElement&gt; {
   /** @defaultValue `"span"` */
   as?: CustomTypographyComponent;
 &nbsp;
@@ -281,7 +279,7 @@ export interface SrOnlyProps extends TypographyProps {
 export const SrOnly = forwardRef&lt;TypographyHTMLElement, SrOnlyProps&gt;(
   function SrOnly(props, ref) {
     const {
-      as = "span",
+      as: AsComponent = "span",
       className,
       phoneOnly,
       focusable,
@@ -289,11 +287,13 @@ export const SrOnly = forwardRef&lt;TypographyHTMLElement, SrOnlyProps&gt;(
       tabIndex,
       ...remaining
     } = props;
+&nbsp;
+    // do some type-casting so ref works
+    const Component = AsComponent as ElementType;
 &nbsp;
     return (
-      &lt;Typography
+      &lt;Component
         {...remaining}
-        as={as}
         ref={ref}
         tabIndex={tabIndex ?? (focusable ? 0 : undefined)}
         className={cssUtils({
@@ -302,7 +302,7 @@ export const SrOnly = forwardRef&lt;TypographyHTMLElement, SrOnlyProps&gt;(
         })}
       &gt;
         {children}
-      &lt;/Typography&gt;
+      &lt;/Component&gt;
     );
   }
 );
@@ -313,7 +313,7 @@ export const SrOnly = forwardRef&lt;TypographyHTMLElement, SrOnlyProps&gt;(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/typography/TextContainer.tsx.html CHANGED Viewed

@@ -388,7 +388,7 @@ export const TextContainer = forwardRef&lt;HTMLDivElement, TextContainerProps&gt
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/typography/Typography.tsx.html CHANGED Viewed

@@ -516,18 +516,18 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">240x</span>
-<span class="cline-any cline-yes">240x</span>
-<span class="cline-any cline-yes">240x</span>
-<span class="cline-any cline-yes">240x</span>
-<span class="cline-any cline-yes">240x</span>
-<span class="cline-any cline-yes">240x</span>
-<span class="cline-any cline-yes">240x</span>
-<span class="cline-any cline-yes">240x</span>
-<span class="cline-any cline-yes">240x</span>
-<span class="cline-any cline-yes">240x</span>
-<span class="cline-any cline-yes">240x</span>
-<span class="cline-any cline-yes">240x</span>
+<span class="cline-any cline-yes">212x</span>
+<span class="cline-any cline-yes">212x</span>
+<span class="cline-any cline-yes">212x</span>
+<span class="cline-any cline-yes">212x</span>
+<span class="cline-any cline-yes">212x</span>
+<span class="cline-any cline-yes">212x</span>
+<span class="cline-any cline-yes">212x</span>
+<span class="cline-any cline-yes">212x</span>
+<span class="cline-any cline-yes">212x</span>
+<span class="cline-any cline-yes">212x</span>
+<span class="cline-any cline-yes">212x</span>
+<span class="cline-any cline-yes">212x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -551,38 +551,38 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">46x</span>
-<span class="cline-any cline-yes">46x</span>
-<span class="cline-any cline-yes">192x</span>
-<span class="cline-any cline-yes">192x</span>
-<span class="cline-any cline-yes">193x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">196x</span>
+<span class="cline-any cline-yes">196x</span>
+<span class="cline-any cline-yes">197x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">238x</span>
+<span class="cline-any cline-yes">210x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">238x</span>
+<span class="cline-any cline-yes">210x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">238x</span>
+<span class="cline-any cline-yes">210x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">238x</span>
+<span class="cline-any cline-yes">210x</span>
 <span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
 <span class="cline-any cline-yes">176x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">238x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">210x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">238x</span>
+<span class="cline-any cline-yes">210x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -652,44 +652,44 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
-<span class="cline-any cline-yes">238x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
+<span class="cline-any cline-yes">210x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { cnb } from "cnbuilder";
 import {
@@ -755,24 +755,24 @@ export type NullableTypographyClassNameOptions = Omit&lt;
  * @example
  * Simple Example
  * ```ts
- * import { getTypographyClassName } from "@react-md/core";
+ * import { typography } from "@react-md/core";
  *
  * function Example() {
  *   return (
  *     &lt;&gt;
- *       &lt;h1 className={getTypographyClassName({ type: "headline-1" })} /&gt;
- *       &lt;h2 className={getTypographyClassName({ type: "headline-2" })} /&gt;
- *       &lt;h3 className={getTypographyClassName({ type: "headline-3" })} /&gt;
- *       &lt;h4 className={getTypographyClassName({ type: "headline-4" })} /&gt;
- *       &lt;h5 className={getTypographyClassName({ type: "headline-5" })} /&gt;
- *       &lt;h6 className={getTypographyClassName({ type: "headline-6" })} /&gt;
- *       &lt;h5 className={getTypographyClassName({ type: "subtitle-1" })} /&gt;
- *       &lt;h6 className={getTypographyClassName({ type: "subtitle-2" })} /&gt;
- *       &lt;p className={getTypographyClassName()} /&gt;
- *       &lt;p className={getTypographyClassName({ type "body-1" })} /&gt;
- *       &lt;p className={getTypographyClassName({ type "body-1" })} /&gt;
- *       &lt;caption className={getTypographyClassName({ type: "caption" })} /&gt;
- *       &lt;span className={getTypographyClassName({ type: "overline" })} /&gt;
+ *       &lt;h1 className={typography({ type: "headline-1" })} /&gt;
+ *       &lt;h2 className={typography({ type: "headline-2" })} /&gt;
+ *       &lt;h3 className={typography({ type: "headline-3" })} /&gt;
+ *       &lt;h4 className={typography({ type: "headline-4" })} /&gt;
+ *       &lt;h5 className={typography({ type: "headline-5" })} /&gt;
+ *       &lt;h6 className={typography({ type: "headline-6" })} /&gt;
+ *       &lt;h5 className={typography({ type: "subtitle-1" })} /&gt;
+ *       &lt;h6 className={typography({ type: "subtitle-2" })} /&gt;
+ *       &lt;p className={typography()} /&gt;
+ *       &lt;p className={typography({ type "body-1" })} /&gt;
+ *       &lt;p className={typography({ type "body-1" })} /&gt;
+ *       &lt;caption className={typography({ type: "caption" })} /&gt;
+ *       &lt;span className={typography({ type: "overline" })} /&gt;
  *     &lt;/&gt;
  *   );
  * }
@@ -781,14 +781,14 @@ export type NullableTypographyClassNameOptions = Omit&lt;
  * @example
  * Applying Additional Styles
  * ```ts
- * import { getTypography } from "@react-md/core";
+ * import { typography } from "@react-md/core";
  *
  * function Example() {
  *   return (
  *     &lt;&gt;
  *       &lt;h1
  *         // only maintain the default margin-bottom
- *         className={getTypographyClassName({
+ *         className={typography({
  *           type: "headline-1",
  *           margin: "bottom",
  *         })}
@@ -796,7 +796,7 @@ export type NullableTypographyClassNameOptions = Omit&lt;
  *
  *       &lt;h2
  *         // remove all default margin
- *         className={getTypographyClassName({
+ *         className={typography({
  *           type: "headline-2",
  *           margin: "none",
  *         })}
@@ -804,7 +804,7 @@ export type NullableTypographyClassNameOptions = Omit&lt;
  *
  *       &lt;h3
  *         // only maintain the default margin-top
- *         className={getTypographyClassName({
+ *         className={typography({
  *           type: "headline-3",
  *           margin: "top",
  *         })}
@@ -812,7 +812,7 @@ export type NullableTypographyClassNameOptions = Omit&lt;
  *
  *       &lt;p
  *         // center the text, set to bold, and only maintain default margin-bottom
- *         className={getTypographyClassName({
+ *         className={typography({
  *           type "subtitle-1",
  *           align: "center",
  *           margin: "bottom",
@@ -1012,7 +1012,7 @@ export const Typography = forwardRef&lt;TypographyHTMLElement, TypographyProps&g
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/typography/WritingDirectionProvider.tsx.html CHANGED Viewed

@@ -766,7 +766,7 @@ export function WritingDirectionProvider(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/typography/index.html CHANGED Viewed

@@ -146,7 +146,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/useAsyncAction.ts.html CHANGED Viewed

@@ -670,7 +670,7 @@ export function useAsyncAction(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/useDebouncedFunction.ts.html CHANGED Viewed

@@ -415,7 +415,7 @@ export function useDebouncedFunction&lt;F extends AnyFunction&gt;(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/useDropzone.ts.html CHANGED Viewed

@@ -751,7 +751,7 @@ export function useDropzone(options: DropzoneOptions): DropzoneHookReturnValue {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/useElementSize.ts.html CHANGED Viewed

@@ -319,7 +319,7 @@ export function useElementSize&lt;E extends HTMLElement&gt;(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/useEnsuredId.ts.html CHANGED Viewed

@@ -116,13 +116,13 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">3663x</span>
-<span class="cline-any cline-yes">3663x</span>
-<span class="cline-any cline-yes">3663x</span>
-<span class="cline-any cline-yes">3663x</span>
-<span class="cline-any cline-yes">3663x</span>
-<span class="cline-any cline-yes">3663x</span>
-<span class="cline-any cline-yes">3663x</span>
+<span class="cline-any cline-yes">3674x</span>
+<span class="cline-any cline-yes">3674x</span>
+<span class="cline-any cline-yes">3674x</span>
+<span class="cline-any cline-yes">3674x</span>
+<span class="cline-any cline-yes">3674x</span>
+<span class="cline-any cline-yes">3674x</span>
+<span class="cline-any cline-yes">3674x</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { useId } from "react";
 &nbsp;
 /**
@@ -160,7 +160,7 @@ export function useEnsuredId(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-11T19:16:14.942Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../prettify.js"></script>
         <script>