@yamada-ui/typography - npm Package Compare versions

Comparing version 1.0.40 to 1.1.0-dev-20241029032301

dist/index.d.ts

@@ -0,3 +1,7 @@
+export { Blockquote, BlockquoteCaption, BlockquoteCaptionProps, BlockquoteCite, BlockquoteCiteProps, BlockquoteContent, BlockquoteContentProps, BlockquoteProps } from './blockquote.js';
+export { Code, CodeProps } from './code.js';
+export { Em, EmProps } from './em.js';
 export { Heading, HeadingProps } from './heading.js';
 export { Text, TextProps } from './text.js';
 import '@yamada-ui/core';
+import 'react';

dist/index.js

@@ -24,2 +24,8 @@ "use client"
 __export(src_exports, {
+  Blockquote: () => Blockquote,
+  BlockquoteCaption: () => BlockquoteCaption,
+  BlockquoteCite: () => BlockquoteCite,
+  BlockquoteContent: () => BlockquoteContent,
+  Code: () => Code,
+  Em: () => Em,
   Heading: () => Heading,
@@ -30,14 +36,111 @@ Text: () => Text
 
-// src/heading.tsx
+// src/blockquote.tsx
 var import_core = require("@yamada-ui/core");
 var import_utils = require("@yamada-ui/utils");
 var import_jsx_runtime = require("react/jsx-runtime");
-var Heading = (0, import_core.forwardRef)((props, ref) => {
-  const [css, mergedProps] = (0, import_core.useComponentStyle)("Heading", props);
-  const { className, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
+var [BlockquoteProvider, useBlockquoteContext] = (0, import_utils.createContext)({
+  name: "BlockquoteContext",
+  errorMessage: `useBlockquoteContext returned is 'undefined'. Seems you forgot to wrap the components in "<Blockquote />"`
+});
+var Blockquote = (0, import_core.forwardRef)(
+  (props, ref) => {
+    const [styles, mergedProps] = (0, import_core.useComponentMultiStyle)("Blockquote", props);
+    const {
+      className,
+      children,
+      cite,
+      citeUrl,
+      icon,
+      withDash,
+      captionProps,
+      citeProps,
+      contentProps,
+      ...rest
+    } = (0, import_core.omitThemeProps)(mergedProps, ["justify"]);
+    const validChildren = (0, import_utils.getValidChildren)(children);
+    const customBlockquoteContent = (0, import_utils.findChild)(validChildren, BlockquoteContent);
+    const customBlockquoteCaption = (0, import_utils.findChild)(validChildren, BlockquoteCaption);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BlockquoteProvider, { value: { citeUrl, styles, withDash }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_core.ui.figure,
+      {
+        ref,
+        className: (0, import_utils.cx)("ui-blockquote", className),
+        __css: styles.container,
+        ...rest,
+        children: [
+          icon,
+          customBlockquoteContent != null ? customBlockquoteContent : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BlockquoteContent, { ...contentProps, children }),
+          customBlockquoteCaption != null ? customBlockquoteCaption : cite ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BlockquoteCaption, { ...captionProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BlockquoteCite, { ...citeProps, children: cite }) }) : null
+        ]
+      }
+    ) });
+  }
+);
+Blockquote.displayName = "Blockquote";
+Blockquote.__ui__ = "Blockquote";
+var BlockquoteContent = (0, import_core.forwardRef)(({ className, cite, citeUrl: citeUrlProp, ...rest }, ref) => {
+  var _a;
+  const { citeUrl, styles } = useBlockquoteContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_core.ui.h1,
+    import_core.ui.blockquote,
     {
       ref,
-      className: (0, import_utils.cx)("ui-heading", className),
+      className: (0, import_utils.cx)("ui-blockquote__content", className),
+      cite: (_a = cite != null ? cite : citeUrlProp) != null ? _a : citeUrl,
+      __css: styles.content,
+      ...rest
+    }
+  );
+});
+BlockquoteContent.displayName = "BlockquoteContent";
+BlockquoteContent.__ui__ = "BlockquoteContent";
+var BlockquoteCaption = (0, import_core.forwardRef)(({ className, children, withDash: withDashProp, ...rest }, ref) => {
+  const { styles, withDash = false } = useBlockquoteContext();
+  withDashProp != null ? withDashProp : withDashProp = withDash;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_core.ui.figcaption,
+    {
+      ref,
+      className: (0, import_utils.cx)("ui-blockquote__caption", className),
+      __css: styles.caption,
+      ...rest,
+      children: [
+        withDashProp ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: "\u2014" }) : null,
+        " ",
+        children
+      ]
+    }
+  );
+});
+BlockquoteCaption.displayName = "BlockquoteCaption";
+BlockquoteCaption.__ui__ = "BlockquoteCaption";
+var BlockquoteCite = (0, import_core.forwardRef)(
+  ({ className, ...rest }, ref) => {
+    const { styles } = useBlockquoteContext();
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.ui.cite,
+      {
+        ref,
+        className: (0, import_utils.cx)("ui-blockquote__cite", className),
+        __css: styles.cite,
+        ...rest
+      }
+    );
+  }
+);
+BlockquoteCite.displayName = "BlockquoteCite";
+BlockquoteCite.__ui__ = "BlockquoteCite";
+
+// src/code.tsx
+var import_core2 = require("@yamada-ui/core");
+var import_utils2 = require("@yamada-ui/utils");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Code = (0, import_core2.forwardRef)((props, ref) => {
+  const [css, mergedProps] = (0, import_core2.useComponentStyle)("Code", props);
+  const { className, ...rest } = (0, import_core2.omitThemeProps)(mergedProps);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_core2.ui.code,
+    {
+      ref,
+      className: (0, import_utils2.cx)("ui-code", className),
       __css: css,
@@ -48,2 +151,34 @@ ...rest
 });
+Code.displayName = "Code";
+Code.__ui__ = "Code";
+
+// src/em.tsx
+var import_core3 = require("@yamada-ui/core");
+var import_utils3 = require("@yamada-ui/utils");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Em = (0, import_core3.forwardRef)((props, ref) => {
+  const [css, mergedProps] = (0, import_core3.useComponentStyle)("Em", props);
+  const { className, ...rest } = (0, import_core3.omitThemeProps)(mergedProps);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.ui.em, { ref, className: (0, import_utils3.cx)("ui-em", className), __css: css, ...rest });
+});
+Em.displayName = "Em";
+Em.__ui__ = "Em";
+
+// src/heading.tsx
+var import_core4 = require("@yamada-ui/core");
+var import_utils4 = require("@yamada-ui/utils");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Heading = (0, import_core4.forwardRef)((props, ref) => {
+  const [css, mergedProps] = (0, import_core4.useComponentStyle)("Heading", props);
+  const { className, ...rest } = (0, import_core4.omitThemeProps)(mergedProps);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_core4.ui.h1,
+    {
+      ref,
+      className: (0, import_utils4.cx)("ui-heading", className),
+      __css: css,
+      ...rest
+    }
+  );
+});
 Heading.displayName = "Heading";
@@ -53,7 +188,7 @@ Heading.__ui__ = "Heading";
 // src/text.tsx
-var import_core2 = require("@yamada-ui/core");
-var import_utils2 = require("@yamada-ui/utils");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Text = (0, import_core2.forwardRef)((props, ref) => {
-  const [css, mergedProps] = (0, import_core2.useComponentStyle)("Text", props);
+var import_core5 = require("@yamada-ui/core");
+var import_utils5 = require("@yamada-ui/utils");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Text = (0, import_core5.forwardRef)((props, ref) => {
+  const [css, mergedProps] = (0, import_core5.useComponentStyle)("Text", props);
   const {
@@ -65,4 +200,4 @@ className,
     ...rest
-  } = (0, import_core2.omitThemeProps)(mergedProps);
-  const textProps = (0, import_utils2.filterUndefined)({
+  } = (0, import_core5.omitThemeProps)(mergedProps);
+  const textProps = (0, import_utils5.filterUndefined)({
     textAlign,
@@ -72,7 +207,7 @@ textDecoration,
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_core2.ui.p,
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_core5.ui.p,
     {
       ref,
-      className: (0, import_utils2.cx)("ui-text", className),
+      className: (0, import_utils5.cx)("ui-text", className),
       __css: css,
@@ -88,2 +223,8 @@ ...textProps,
 0 && (module.exports = {
+  Blockquote,
+  BlockquoteCaption,
+  BlockquoteCite,
+  BlockquoteContent,
+  Code,
+  Em,
   Heading,
@@ -90,0 +231,0 @@ Text

package.json

 {
   "name": "@yamada-ui/typography",
-  "version": "1.0.40",
+  "version": "1.1.0-dev-20241029032301",
   "description": "Yamada UI typography components",
@@ -39,3 +39,3 @@ "keywords": [
   "dependencies": {
-    "@yamada-ui/core": "1.15.3",
+    "@yamada-ui/core": "1.15.4-dev-20241029032301",
     "@yamada-ui/utils": "1.5.4"
@@ -46,3 +46,3 @@ },
     "react": "^18.3.1",
-    "@yamada-ui/layouts": "1.1.38"
+    "@yamada-ui/layouts": "1.2.0-dev-20241029032301"
   },
@@ -49,0 +49,0 @@ "peerDependencies": {

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

82912

increased by231.07%

Number of package files

49

increased by96%

Lines of code

988

increased by209.72%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@yamada-ui/core@1.15.4-dev-20241029032301(transitive)

• - Removed@yamada-ui/core@1.15.3(transitive)

• Updated@yamada-ui/core@1.15.4-dev-20241029032301