@stackshift-ui/text-component 6.0.4 → 6.0.5

package/dist/text_c.js

@@ -1 +1,135 @@
-"use strict";var i=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var f=(e,t)=>{for(var a in t)i(e,a,{get:t[a],enumerable:!0})},h=(e,t,a,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of u(t))!y.call(e,r)&&r!==a&&i(e,r,{get:()=>t[r],enumerable:!(l=b(t,r))||l.enumerable});return e};var N=e=>h(i({},"__esModule",{value:!0}),e);var k={};f(k,{TextComponent_C:()=>c,default:()=>c});module.exports=N(k);var m=require("@portabletext/react"),x=require("@stackshift-ui/container"),g=require("@stackshift-ui/flex"),d=require("@stackshift-ui/heading"),p=require("@stackshift-ui/section");var o=require("react/jsx-runtime"),s={block:{h1:({children:e})=>(0,o.jsx)("h1",{className:"mb-6 leading-loose text-gray-900 text-7xl",children:e}),h2:({children:e})=>(0,o.jsx)("h2",{className:"mb-6 text-5xl leading-loose text-gray-900",children:e}),h3:({children:e})=>(0,o.jsx)("h3",{className:"mb-6 text-3xl leading-loose text-gray-900",children:e}),h4:({children:e})=>(0,o.jsx)("h4",{className:"mb-6 text-xl leading-loose text-gray-900",children:e}),normal:({children:e})=>(0,o.jsx)("p",{className:"mb-5 leading-relaxed text-justify text-gray-500",children:e}),blockquote:({children:e})=>(0,o.jsxs)("blockquote",{className:"mb-6 italic leading-loose text-gray-500 px-14",children:["- ",e]})},code:({value:e})=>(0,o.jsx)("pre",{"data-language":e.language,children:(0,o.jsx)("code",{children:e.code})}),list:{bullet:({children:e})=>(0,o.jsx)("ul",{className:"pl-10 mb-6 leading-loose text-gray-900 list-disc",children:e}),number:({children:e})=>(0,o.jsx)("ol",{className:"mb-6 leading-loose text-gray-900 list-decimal",children:e})},listItem:{bullet:({children:e})=>(0,o.jsx)("li",{className:"mb-6 leading-loose text-gray-900",children:e})},marks:{strong:({children:e})=>(0,o.jsx)("strong",{children:e}),em:({children:e})=>(0,o.jsx)("em",{children:e}),code:({children:e})=>(0,o.jsx)("code",{children:e}),link:({children:e,value:t})=>{var a;return(0,o.jsx)("a",{"aria-label":(a=t.href)!=null?a:"external link",className:"text-primary-foreground hover:text-secondary-foreground",href:t==null?void 0:t.href,target:"_blank",rel:"noopener noreferrer",children:e})}}};function c({heading:e,firstColumn:t,secondColumn:a,thirdColumn:l}){return(0,o.jsx)(p.Section,{className:"py-20 bg-background",children:(0,o.jsxs)(x.Container,{className:"container px-4 mx-auto",maxWidth:1280,children:[e&&(0,o.jsx)(d.Heading,{fontSize:"xl",className:"w-full mb-5 text-center",children:e}),(0,o.jsxs)(g.Flex,{wrap:!0,justify:"center",className:"mx-auto",children:[t&&(0,o.jsx)("div",{className:"px-3 mb-6 text-xs leading-relaxed text-justify text-gray-500 md:mb-0 lg:w-1/3 lg:text-base",children:(0,o.jsx)(m.PortableText,{value:t,components:s,onMissingComponent:!1})}),a&&(0,o.jsx)("div",{className:"px-3 mb-6 text-xs leading-relaxed text-justify text-gray-500 md:mb-0 lg:w-1/3 lg:text-base",children:(0,o.jsx)(m.PortableText,{value:a,components:s,onMissingComponent:!1})}),l&&(0,o.jsx)("div",{className:"px-3 mb-6 text-xs leading-relaxed text-justify text-gray-500 md:mb-0 lg:w-1/3 lg:text-base",children:(0,o.jsx)(m.PortableText,{value:l,components:s,onMissingComponent:!1})})]})]})})}0&&(module.exports={TextComponent_C});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/text_c.tsx
+var text_c_exports = {};
+__export(text_c_exports, {
+  TextComponent_C: () => TextComponent_C,
+  default: () => TextComponent_C
+});
+module.exports = __toCommonJS(text_c_exports);
+var import_react = require("@portabletext/react");
+var import_container = require("@stackshift-ui/container");
+var import_flex = require("@stackshift-ui/flex");
+var import_heading = require("@stackshift-ui/heading");
+var import_section = require("@stackshift-ui/section");
+
+// src/helper/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var textComponentBlockStyling = {
+  block: {
+    h1: ({ children }) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "mb-6 leading-loose text-gray-900 text-7xl", children });
+    },
+    h2: ({ children }) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "mb-6 text-5xl leading-loose text-gray-900", children });
+    },
+    h3: ({ children }) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "mb-6 text-3xl leading-loose text-gray-900", children });
+    },
+    h4: ({ children }) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { className: "mb-6 text-xl leading-loose text-gray-900", children });
+    },
+    normal: ({ children }) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mb-5 leading-relaxed text-justify text-gray-900", children });
+    },
+    blockquote: ({ children }) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("blockquote", { className: "mb-6 italic leading-loose text-gray-500 px-14", children: [
+        "- ",
+        children
+      ] });
+    }
+  },
+  code: ({ value }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { "data-language": value.language, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: value.code }) });
+  },
+  list: {
+    bullet: ({ children }) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "pl-10 mb-6 leading-loose text-gray-900 list-disc", children });
+    },
+    number: ({ children }) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: "mb-6 leading-loose text-gray-900 list-decimal", children });
+    }
+  },
+  listItem: {
+    bullet: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "mb-6 leading-loose text-gray-900", children })
+  },
+  marks: {
+    strong: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children }),
+    em: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("em", { children }),
+    code: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children }),
+    link: ({ children, value }) => {
+      var _a;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "a",
+        {
+          "aria-label": (_a = value.href) != null ? _a : "external link",
+          className: "text-primary hover:text-secondary",
+          href: value == null ? void 0 : value.href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children
+        }
+      );
+    }
+  }
+};
+
+// src/text_c.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function TextComponent_C({
+  heading,
+  firstColumn,
+  secondColumn,
+  thirdColumn
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_section.Section, { className: "py-20 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_container.Container, { className: "container px-4 mx-auto", maxWidth: 1280, children: [
+    heading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_heading.Heading, { fontSize: "xl", className: "w-full mb-5 text-center", children: heading }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_flex.Flex, { wrap: true, justify: "center", className: "mx-auto", children: [
+      firstColumn && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "px-3 mb-6 text-xs leading-relaxed text-justify text-gray-500 md:mb-0 lg:w-1/3 lg:text-base", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react.PortableText,
+        {
+          value: firstColumn,
+          components: textComponentBlockStyling,
+          onMissingComponent: false
+        }
+      ) }),
+      secondColumn && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "px-3 mb-6 text-xs leading-relaxed text-justify text-gray-500 md:mb-0 lg:w-1/3 lg:text-base", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react.PortableText,
+        {
+          value: secondColumn,
+          components: textComponentBlockStyling,
+          onMissingComponent: false
+        }
+      ) }),
+      thirdColumn && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "px-3 mb-6 text-xs leading-relaxed text-justify text-gray-500 md:mb-0 lg:w-1/3 lg:text-base", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react.PortableText,
+        {
+          value: thirdColumn,
+          components: textComponentBlockStyling,
+          onMissingComponent: false
+        }
+      ) })
+    ] })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TextComponent_C
+});

package/dist/text_c.mjs

@@ -1 +1,8 @@
-import{a}from"./chunk-QQ2Z767L.mjs";import"./chunk-QLY5WTLK.mjs";export{a as TextComponent_C,a as default};
+import {
+  TextComponent_C
+} from "./chunk-XK6JAR4U.mjs";
+import "./chunk-D2JQMMRZ.mjs";
+export {
+  TextComponent_C,
+  TextComponent_C as default
+};

package/dist/types.js

@@ -1 +1,18 @@
-"use strict";var l=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var o=Object.prototype.hasOwnProperty;var g=(n,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of s(t))!o.call(n,e)&&e!==r&&l(n,e,{get:()=>t[e],enumerable:!(i=a(t,e))||i.enumerable});return n};var u=n=>g(l({},"__esModule",{value:!0}),n);var c={};module.exports=u(c);
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/text-component",
   "description": "",
-  "version": "6.0.4",
+  "version": "6.0.5",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -36,12 +36,12 @@
   "dependencies": {
     "@portabletext/react": "^3.1.0",
     "@portabletext/types": "^2.0.13",
+    "@stackshift-ui/section": "6.0.3",
     "@stackshift-ui/scripts": "6.0.2",
     "@stackshift-ui/heading": "6.0.3",
-    "@stackshift-ui/flex": "6.0.3",
     "@stackshift-ui/container": "6.0.3",
     "@stackshift-ui/system": "6.0.3",
-    "@stackshift-ui/section": "6.0.3"
+    "@stackshift-ui/flex": "6.0.3"
   },
   "peerDependencies": {
     "@types/react": "16.8 - 19",

package/src/helper/index.tsx

@@ -16,7 +16,7 @@ export const textComponentBlockStyling: MyPortableTextComponents = {
       return <h4 className="mb-6 text-xl leading-loose text-gray-900">{children}</h4>;
     },
     normal: ({ children }) => {
-      return <p className="mb-5 leading-relaxed text-justify text-gray-500">{children}</p>;
+      return <p className="mb-5 leading-relaxed text-justify text-gray-900">{children}</p>;
     },
     blockquote: ({ children }) => {
       return (
@@ -52,7 +52,7 @@ export const textComponentBlockStyling: MyPortableTextComponents = {
     link: ({ children, value }) => (
       <a
         aria-label={value.href ?? "external link"}
-        className="text-primary-foreground hover:text-secondary-foreground"
+        className="text-primary hover:text-secondary"
         href={value?.href}
         target="_blank"
         rel="noopener noreferrer">