@nuskin/marketing-components 1.1.0 → 1.2.0-text-updates.1
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.
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/dist/text/CsText.d.ts +2 -4
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";function e(e,t
|
|
1
|
+
"use strict";function e(e,n,t){if(n in e){Object.defineProperty(e,n,{value:t,enumerable:true,configurable:true,writable:true})}else{e[n]=t}return e}function n(n){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};var o=Object.keys(r);if(typeof Object.getOwnPropertySymbols==="function"){o=o.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))}o.forEach(function(t){e(n,t,r[t])})}return n}function t(e,n){if(e==null)return{};var t=r(e,n);var o,i;if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(i=0;i<u.length;i++){o=u[i];if(n.indexOf(o)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,o))continue;t[o]=e[o]}}return t}function r(e,n){if(e==null)return{};var t={};var r=Object.keys(e);var o,i;for(i=0;i<r.length;i++){o=r[i];if(n.indexOf(o)>=0)continue;t[o]=e[o]}return t}function o(e,n){if(!n){n=e.slice(0)}return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function i(e){"@swc/helpers - typeof";return e&&typeof Symbol!=="undefined"&&e.constructor===Symbol?"symbol":typeof e}function u(){var e=o(["\n width: ",";\n background-color: ",";\n text-align: ",";\n color: ",";\n padding: 16px 32px;\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-family: 'Lora', serif;\n }\n p {\n margin: 0;\n padding: 0;\n }\n"]);u=function n(){return e};return e}var l=Object.create;var a=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var s=function(e,n){for(var t in n)a(e,t,{get:n[t],enumerable:!0})},g=function(e,n,t,r){var o=true,u=false,l=undefined;if(n&&(typeof n==="undefined"?"undefined":i(n))=="object"||typeof n=="function")try{var d=function(){var o=g.value;!v.call(e,o)&&o!==t&&a(e,o,{get:function(){return n[o]},enumerable:!(r=c(n,o))||r.enumerable})};for(var s=f(n)[Symbol.iterator](),g;!(o=(g=s.next()).done);o=true)d()}catch(e){u=true;l=e}finally{try{if(!o&&s.return!=null){s.return()}}finally{if(u){throw l}}}return e};var m=function(e,n,t){return t=e!=null?l(d(e)):{},g(n||!e||!e.__esModule?a(t,"default",{value:e,enumerable:!0}):t,e)},h=function(e){return g(a({},"__esModule",{value:!0}),e)};var p={};s(p,{CsImage:function(){return N},CsTextComponent:function(){return P}});module.exports=h(p);var b=require("react"),y=require("@nuskin/foundation-core-app/common/hooks"),O=m(require("@emotion/styled")),j=require("react/jsx-runtime"),w=function(e,n){var t=new DOMParser().parseFromString(e,"text/html");return t.querySelectorAll("a").forEach(function(e){var t;var r=(t=e.getAttribute("href"))!==null&&t!==void 0?t:"",o=n(r),i=o.url,u=i===void 0?"":i;e.setAttribute("href",u.startsWith("http")?u:"https://".concat(u))}),t.body.innerHTML},x=O.default.div(u(),function(e){var n=e.fullWidth;return n?"100%":"auto"},function(e){var n=e.bgColor;return n},function(e){var n=e.alignment;return n},function(e){var n=e.color;return n}),_=function(e){var n=e.full_width,t=n===void 0?!1:n,r=e.container_background_color,o=r===void 0?"":r,u=e.alignment,l=u===void 0?"left":u,a=e.text_editor,c=e.font_color,f=c===void 0?!1:c;var d=(0,y.useToggleFontColor)(f),v=(0,y.useRouteReplacer)(),s=function(e){var n;var t;return typeof v=="function"?{url:(t=(n=v(e))===null||n===void 0?void 0:n.url)!==null&&t!==void 0?t:""}:{url:e}},g=(0,b.useMemo)(function(){try{var e,n,t;if(o)return((t=JSON.parse(o))===null||t===void 0?void 0:(n=t.brandColor)===null||n===void 0?void 0:(e=n.colorObj)===null||e===void 0?void 0:e.light)||"transparent"}catch(e){return"transparent"}return"transparent"},[o]),m=(0,b.useMemo)(function(){return(typeof window==="undefined"?"undefined":i(window))>"u"?a:w(a,s)},[a,v]);return(0,j.jsx)(x,{color:d,fullWidth:t,bgColor:g,alignment:l,children:(0,j.jsx)("div",{dangerouslySetInnerHTML:{__html:m}})})},P=_;var S=require("@nuskin/foundation-ui-components");var C=require("@nuskin/foundation-theme"),k=(0,C.styled)("div")(function(e){var n=e.image_alignment,t=n===void 0?"center":n,r=e.width,o=e.height;return{display:"flex",justifyContent:({left:"flex-start",right:"flex-end",center:"center"})[t],"& img":{maxWidth:"fit-content",objectFit:"contain",objectPosition:"center"}}});var q=require("react/jsx-runtime"),M=["alt","className","fill","height","id","src","variant","width"],I=function(e){var r;var o=e.image_alignment,i=o===void 0?"center":o,u=e.image,l=t(e,["image_alignment","image"]),a=null,c=null;try{var f,d;var v=(d=typeof u=="string"?JSON.parse(u):u)===null||d===void 0?void 0:(f=d.image)===null||f===void 0?void 0:f[0];a=v===null||v===void 0?void 0:v.selected,c=v===null||v===void 0?void 0:v.files}catch(e){console.warn("[CsImage] Failed to parse image prop:",e)}var s,g;var m=(a===null||a===void 0?void 0:a.imageType)||"transformBaseUrl",h={src:(c===null||c===void 0?void 0:(r=c[m])===null||r===void 0?void 0:r.url)||"",alt:(a===null||a===void 0?void 0:a.altText)||"Image not available",width:(s=a===null||a===void 0?void 0:a.width)!==null&&s!==void 0?s:"100%",height:(g=a===null||a===void 0?void 0:a.height)!==null&&g!==void 0?g:"100%"};M.forEach(function(e){l[e]!==void 0&&(h[e]=l[e])});var p=(l===null||l===void 0?void 0:l.full_width)?"container !p-0":"";return(0,q.jsx)(k,{image_alignment:i,width:h.width,height:h.height,className:p,children:(0,q.jsx)(S.NsImage,n({},h))})},N=I;//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/gitlab-runner-data/builds/ns-am/content-foundation/marketing-components/dist/index.js","../src/index.ts","../src/text/CsText.tsx","../src/image/CsImage.tsx","../src/image/CsImage.styled.tsx"],"names":["d","Object","defineProperty","b","getOwnPropertyDescriptor","N","getOwnPropertyNames","T","prototype","hasOwnProperty","S","e","t","r","get","enumerable","v","n","s","call","R","value","index_exports","__export","CsImage","CsImage_default","CsTextComponent","CsText_default","module","exports","__toCommonJS","import_foundation_ui_components","require","import_react","import_hooks","import_jsx_runtime","getResolvedVariant","variant","rewriteLinks","html","replacer","doc","DOMParser","parseFromString","querySelectorAll","forEach","link","href","getAttribute","sanitizedUrl","url","setAttribute","startsWith","body","innerHTML","CsText","show","full_width","container_background_color","include_gap","alignment","header_variants","text_editor","routeReplacer","y","useRouteReplacer","safeRouteReplacer","backgroundColor","h","useMemo","JSON","parse","brandColor","colorObj","light","updatedHtml","window","g","jsxs","style","width","textAlign","padding","children","jsx","u","NsTypography","renderHTMLNode","dangerouslySetInnerHTML","__html","className","import_foundation_theme","StyledCsImageWrapper","C","styled","image_alignment","height","display","justifyContent","left","right","center","maxWidth","objectFit","objectPosition","allowedImageProps","props","fileMeta","align","image","rest","selectedImage","entry","selected","files","err","console","warn","imageType","imageProps","src","alt","altText","key","containerClassForNSImage","f","w","NsImage"],"mappings":"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","sourcesContent":["\"use strict\";var d=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var S=(e,t)=>{for(var r in t)d(e,r,{get:t[r],enumerable:!0})},v=(e,t,r,n)=>{if(t&&typeof t==\"object\"||typeof t==\"function\")for(let s of N(t))!T.call(e,s)&&s!==r&&d(e,s,{get:()=>t[s],enumerable:!(n=b(t,s))||n.enumerable});return e};var R=e=>v(d({},\"__esModule\",{value:!0}),e);var E={};S(E,{CsImage:()=>P,CsTextComponent:()=>x});module.exports=R(E);var u=require(\"@nuskin/foundation-ui-components\"),h=require(\"react\"),y=require(\"@nuskin/foundation-core-app/common/hooks\"),g=require(\"react/jsx-runtime\"),_=e=>e===\"p\"?\"body-l\":e??\"h2\",M=(e,t)=>{let n=new DOMParser().parseFromString(e,\"text/html\");return n.querySelectorAll(\"a\").forEach(i=>{let l=i.getAttribute(\"href\")??\"\",{url:a=\"\"}=t(l);i.setAttribute(\"href\",a.startsWith(\"http\")?a:`https://${a}`)}),n.body.innerHTML},W=({show:e,full_width:t=!1,container_background_color:r=\"\",include_gap:n=!1,alignment:s=\"left\",header_variants:i=\"h2\",text_editor:l})=>{let a=(0,y.useRouteReplacer)(),p=m=>typeof a==\"function\"?{url:a(m)?.url??\"\"}:{url:m},c=(0,h.useMemo)(()=>{try{if(r)return JSON.parse(r)?.brandColor?.colorObj?.light||\"transparent\"}catch{return\"transparent\"}return\"transparent\"},[r]),o=(0,h.useMemo)(()=>typeof window>\"u\"?l:M(l,p),[l,a]);return e?(0,g.jsxs)(\"div\",{style:{width:t?\"100%\":\"auto\",backgroundColor:c,textAlign:s,padding:\"16px 32px\"},children:[(0,g.jsx)(u.NsTypography,{variant:_(i),renderHTMLNode:!0,children:(0,g.jsx)(\"div\",{dangerouslySetInnerHTML:{__html:o},className:\"cs-text-html\"})}),(0,g.jsx)(\"style\",{children:`\n .cs-text-html {\n display: block;\n }\n\n .cs-text-html p {\n margin: 0;\n }\n `})]}):null},x=W;var w=require(\"@nuskin/foundation-ui-components\");var C=require(\"@nuskin/foundation-theme\"),I=(0,C.styled)(\"div\")(({image_alignment:e=\"center\",width:t,height:r})=>({display:\"flex\",justifyContent:{left:\"flex-start\",right:\"flex-end\",center:\"center\"}[e],\"& img\":{maxWidth:\"fit-content\",objectFit:\"contain\",objectPosition:\"center\"}}));var f=require(\"react/jsx-runtime\"),k=[\"alt\",\"className\",\"fill\",\"height\",\"id\",\"src\",\"variant\",\"width\"],A=e=>{let{image_alignment:t=\"center\",image:r,...n}=e,s=null,i=null;try{let m=(typeof r==\"string\"?JSON.parse(r):r)?.image?.[0];s=m?.selected,i=m?.files}catch(o){console.warn(\"[CsImage] Failed to parse image prop:\",o)}let l=s?.imageType||\"transformBaseUrl\",p={src:i?.[l]?.url||\"\",alt:s?.altText||\"Image not available\",width:s?.width??\"100%\",height:s?.height??\"100%\"};k.forEach(o=>{n[o]!==void 0&&(p[o]=n[o])});let c=n?.full_width?\"container !p-0\":\"\";return(0,f.jsx)(I,{image_alignment:t,width:p.width,height:p.height,className:c,children:(0,f.jsx)(w.NsImage,{...p})})},P=A;\n","export * from './text';\nexport * from './image';\n","import { NsTypography } from '@nuskin/foundation-ui-components';\nimport { ReactElement, useMemo } from 'react';\nimport { useRouteReplacer } from '@nuskin/foundation-core-app/common/hooks';\n\ninterface CsTextProps {\n show: boolean;\n full_width?: boolean;\n container_background_color?: string;\n include_gap?: boolean;\n alignment?: 'left' | 'center' | 'right';\n header_variants?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';\n text_editor: string;\n}\n\nconst getResolvedVariant = (\n variant: CsTextProps['header_variants']\n): Parameters<typeof NsTypography>[0]['variant'] => {\n return variant === 'p' ? 'body-l' : variant ?? 'h2';\n};\n\nexport const rewriteLinks = (\n html: string,\n replacer: (url: string) => { url: string }\n): string => {\n const parser = new DOMParser();\n const doc = parser.parseFromString(html, 'text/html');\n const links = doc.querySelectorAll('a');\n\n links.forEach((link) => {\n const href = link.getAttribute('href') ?? '';\n const { url: sanitizedUrl = '' } = replacer(href);\n\n link.setAttribute(\n 'href',\n sanitizedUrl.startsWith('http') ? sanitizedUrl : `https://${sanitizedUrl}`\n );\n });\n\n return doc.body.innerHTML;\n};\n\nconst CsText = ({\n show,\n full_width = false,\n container_background_color = '',\n include_gap = false,\n alignment = 'left',\n header_variants = 'h2',\n text_editor\n}: CsTextProps): ReactElement | null => {\n const routeReplacer = useRouteReplacer() as unknown as\n | ((url: string) => { url: string })\n | undefined;\n\n const safeRouteReplacer = (url: string) => {\n if (typeof routeReplacer === 'function') {\n const result = routeReplacer(url);\n return { url: result?.url ?? '' };\n }\n return { url };\n };\n\n const backgroundColor = useMemo(() => {\n try {\n if (container_background_color) {\n const parsed = JSON.parse(container_background_color);\n return parsed?.brandColor?.colorObj?.light || 'transparent';\n }\n } catch {\n return 'transparent';\n }\n return 'transparent';\n }, [container_background_color]);\n\n const updatedHtml = useMemo(() => {\n if (typeof window === 'undefined') return text_editor;\n return rewriteLinks(text_editor, safeRouteReplacer);\n }, [text_editor, routeReplacer]);\n\n if (!show) return null;\n\n return (\n <div\n style={{\n width: full_width ? '100%' : 'auto',\n backgroundColor,\n textAlign: alignment,\n padding: '16px 32px'\n }}\n >\n <NsTypography variant={getResolvedVariant(header_variants)} renderHTMLNode>\n <div\n dangerouslySetInnerHTML={{ __html: updatedHtml }}\n className=\"cs-text-html\"\n />\n </NsTypography>\n\n <style>\n {`\n .cs-text-html {\n display: block;\n }\n\n .cs-text-html p {\n margin: 0;\n }\n `}\n </style>\n </div>\n );\n};\n\nexport default CsText;\n","import { NsImage } from '@nuskin/foundation-ui-components';\nimport { StyledCsImageWrapper } from './CsImage.styled';\nimport type { CsImageProps, NsImageProps } from './types';\n\nconst allowedImageProps: (keyof NsImageProps)[] = [\n 'alt',\n 'className',\n 'fill',\n 'height',\n 'id',\n 'src',\n 'variant',\n 'width'\n];\n\nconst CsImage = (props: CsImageProps) => {\n const { image_alignment: align = 'center', image, ...rest } = props;\n\n let selectedImage: any = null;\n let fileMeta: any = null;\n\n try {\n const parsed = typeof image === 'string' ? JSON.parse(image) : image;\n const entry = parsed?.image?.[0];\n selectedImage = entry?.selected;\n fileMeta = entry?.files;\n } catch (err) {\n console.warn('[CsImage] Failed to parse image prop:', err);\n }\n\n const imageType = selectedImage?.imageType || 'transformBaseUrl';\n const fileSource = fileMeta?.[imageType];\n\n const imageProps: NsImageProps = {\n src: fileSource?.url || '',\n alt: selectedImage?.altText || 'Image not available',\n width: selectedImage?.width ?? '100%',\n height: selectedImage?.height ?? '100%'\n };\n\n // Add any other valid props from rest\n allowedImageProps.forEach((key) => {\n if (rest[key] !== undefined) {\n (imageProps as any)[key] = rest[key];\n }\n });\n const containerClassForNSImage = rest?.full_width ? 'container !p-0' : '';\n\n return (\n <StyledCsImageWrapper\n image_alignment={align}\n width={imageProps.width}\n height={imageProps.height}\n className={containerClassForNSImage}\n >\n <NsImage {...imageProps} />\n </StyledCsImageWrapper>\n );\n};\n\nexport default CsImage;\n","import { styled } from '@nuskin/foundation-theme';\nimport type { CsImageProps } from './types';\n\nexport const StyledCsImageWrapper = styled('div')<\n Pick<CsImageProps, 'image_alignment'> & { width?: string | number; height?: string | number }\n>(({ image_alignment = 'center', width, height }) => ({\n display: 'flex',\n justifyContent: {\n left: 'flex-start',\n right: 'flex-end',\n center: 'center'\n }[image_alignment],\n '& img': {\n maxWidth: 'fit-content',\n objectFit: 'contain',\n objectPosition: 'center'\n }\n}));\n"]}
|
|
1
|
+
{"version":3,"sources":["/gitlab-runner-data/builds/ns-am/content-foundation/marketing-components/dist/index.js","../src/index.ts","../src/text/CsText.tsx","../src/image/CsImage.tsx","../src/image/CsImage.styled.tsx"],"names":["S","Object","create","p","defineProperty","T","getOwnPropertyDescriptor","N","getOwnPropertyNames","R","getPrototypeOf","W","prototype","hasOwnProperty","v","e","t","r","get","enumerable","y","o","n","call","F","__esModule","value","M","index_exports","__export","CsImage","CsImage_default","CsTextComponent","CsText_default","module","exports","__toCommonJS","import_react","require","import_hooks","import_styled","import_jsx_runtime","rewriteLinks","html","replacer","doc","DOMParser","parseFromString","querySelectorAll","forEach","link","href","getAttribute","sanitizedUrl","url","setAttribute","startsWith","body","innerHTML","Container","C","styled","div","fullWidth","bgColor","alignment","color","CsText","full_width","container_background_color","text_editor","font_color","resolvedFontColor","m","useToggleFontColor","routeReplacer","useRouteReplacer","safeRouteReplacer","backgroundColor","d","useMemo","JSON","parse","brandColor","colorObj","light","updatedHtml","window","u","jsx","children","dangerouslySetInnerHTML","__html","import_foundation_ui_components","import_foundation_theme","StyledCsImageWrapper","x","image_alignment","width","height","display","justifyContent","left","right","center","maxWidth","objectFit","objectPosition","allowedImageProps","props","fileMeta","align","image","rest","selectedImage","entry","selected","files","err","console","warn","imageType","imageProps","src","alt","altText","key","containerClassForNSImage","h","className","b","NsImage"],"mappings":"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","sourcesContent":["\"use strict\";var S=Object.create;var p=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var R=Object.getPrototypeOf,W=Object.prototype.hasOwnProperty;var v=(e,t)=>{for(var r in t)p(e,r,{get:t[r],enumerable:!0})},y=(e,t,r,o)=>{if(t&&typeof t==\"object\"||typeof t==\"function\")for(let n of N(t))!W.call(e,n)&&n!==r&&p(e,n,{get:()=>t[n],enumerable:!(o=T(t,n))||o.enumerable});return e};var F=(e,t,r)=>(r=e!=null?S(R(e)):{},y(t||!e||!e.__esModule?p(r,\"default\",{value:e,enumerable:!0}):r,e)),M=e=>y(p({},\"__esModule\",{value:!0}),e);var O={};v(O,{CsImage:()=>P,CsTextComponent:()=>I});module.exports=M(O);var d=require(\"react\"),m=require(\"@nuskin/foundation-core-app/common/hooks\"),C=F(require(\"@emotion/styled\")),u=require(\"react/jsx-runtime\"),_=(e,t)=>{let o=new DOMParser().parseFromString(e,\"text/html\");return o.querySelectorAll(\"a\").forEach(a=>{let i=a.getAttribute(\"href\")??\"\",{url:l=\"\"}=t(i);a.setAttribute(\"href\",l.startsWith(\"http\")?l:`https://${l}`)}),o.body.innerHTML},$=C.default.div`\n width: ${({fullWidth:e})=>e?\"100%\":\"auto\"};\n background-color: ${({bgColor:e})=>e};\n text-align: ${({alignment:e})=>e};\n color: ${({color:e})=>e};\n padding: 16px 32px;\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-family: 'Lora', serif;\n }\n p {\n margin: 0;\n padding: 0;\n }\n`,k=({full_width:e=!1,container_background_color:t=\"\",alignment:r=\"left\",text_editor:o,font_color:n=!1})=>{let a=(0,m.useToggleFontColor)(n),i=(0,m.useRouteReplacer)(),l=s=>typeof i==\"function\"?{url:i(s)?.url??\"\"}:{url:s},g=(0,d.useMemo)(()=>{try{if(t)return JSON.parse(t)?.brandColor?.colorObj?.light||\"transparent\"}catch{return\"transparent\"}return\"transparent\"},[t]),c=(0,d.useMemo)(()=>typeof window>\"u\"?o:_(o,l),[o,i]);return(0,u.jsx)($,{color:a,fullWidth:e,bgColor:g,alignment:r,children:(0,u.jsx)(\"div\",{dangerouslySetInnerHTML:{__html:c}})})},I=k;var b=require(\"@nuskin/foundation-ui-components\");var x=require(\"@nuskin/foundation-theme\"),w=(0,x.styled)(\"div\")(({image_alignment:e=\"center\",width:t,height:r})=>({display:\"flex\",justifyContent:{left:\"flex-start\",right:\"flex-end\",center:\"center\"}[e],\"& img\":{maxWidth:\"fit-content\",objectFit:\"contain\",objectPosition:\"center\"}}));var h=require(\"react/jsx-runtime\"),E=[\"alt\",\"className\",\"fill\",\"height\",\"id\",\"src\",\"variant\",\"width\"],L=e=>{let{image_alignment:t=\"center\",image:r,...o}=e,n=null,a=null;try{let f=(typeof r==\"string\"?JSON.parse(r):r)?.image?.[0];n=f?.selected,a=f?.files}catch(s){console.warn(\"[CsImage] Failed to parse image prop:\",s)}let i=n?.imageType||\"transformBaseUrl\",g={src:a?.[i]?.url||\"\",alt:n?.altText||\"Image not available\",width:n?.width??\"100%\",height:n?.height??\"100%\"};E.forEach(s=>{o[s]!==void 0&&(g[s]=o[s])});let c=o?.full_width?\"container !p-0\":\"\";return(0,h.jsx)(w,{image_alignment:t,width:g.width,height:g.height,className:c,children:(0,h.jsx)(b.NsImage,{...g})})},P=L;\n","export * from './text';\nexport * from './image';\n","import { ReactElement, useMemo } from 'react';\nimport { useRouteReplacer, useToggleFontColor } from '@nuskin/foundation-core-app/common/hooks';\nimport styled from '@emotion/styled';\n\ninterface CsTextProps {\n full_width?: boolean;\n container_background_color?: string;\n alignment?: 'left' | 'center' | 'right';\n text_editor: string;\n font_color?: boolean;\n}\n\nexport const rewriteLinks = (html: string, replacer: (url: string) => { url: string }): string => {\n const parser = new DOMParser();\n const doc = parser.parseFromString(html, 'text/html');\n const links = doc.querySelectorAll('a');\n\n links.forEach((link) => {\n const href = link.getAttribute('href') ?? '';\n const { url: sanitizedUrl = '' } = replacer(href);\n\n link.setAttribute('href', sanitizedUrl.startsWith('http') ? sanitizedUrl : `https://${sanitizedUrl}`);\n });\n\n return doc.body.innerHTML;\n};\n\n// Emotion styled container\nconst Container = styled.div<{ fullWidth: boolean; bgColor: string; alignment: string; color: string }>`\n width: ${({ fullWidth }) => (fullWidth ? '100%' : 'auto')};\n background-color: ${({ bgColor }) => bgColor};\n text-align: ${({ alignment }) => alignment};\n color: ${({ color }) => color};\n padding: 16px 32px;\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-family: 'Lora', serif;\n }\n p {\n margin: 0;\n padding: 0;\n }\n`;\n\nconst CsText = ({\n full_width = false,\n container_background_color = '',\n alignment = 'left',\n text_editor,\n font_color = false\n}: CsTextProps): ReactElement | null => {\n const resolvedFontColor = useToggleFontColor(font_color);\n const routeReplacer = useRouteReplacer() as unknown as ((url: string) => { url: string }) | undefined;\n\n const safeRouteReplacer = (url: string) => {\n if (typeof routeReplacer === 'function') {\n const result = routeReplacer(url);\n return { url: result?.url ?? '' };\n }\n return { url };\n };\n\n const backgroundColor = useMemo(() => {\n try {\n if (container_background_color) {\n const parsed = JSON.parse(container_background_color);\n return parsed?.brandColor?.colorObj?.light || 'transparent';\n }\n } catch {\n return 'transparent';\n }\n return 'transparent';\n }, [container_background_color]);\n\n const updatedHtml = useMemo(() => {\n if (typeof window === 'undefined') return text_editor;\n return rewriteLinks(text_editor, safeRouteReplacer);\n }, [text_editor, routeReplacer]);\n\n return (\n <Container color={resolvedFontColor} fullWidth={full_width} bgColor={backgroundColor} alignment={alignment}>\n <div dangerouslySetInnerHTML={{ __html: updatedHtml }} />\n </Container>\n );\n};\n\nexport default CsText;\n","import { NsImage } from '@nuskin/foundation-ui-components';\nimport { StyledCsImageWrapper } from './CsImage.styled';\nimport type { CsImageProps, NsImageProps } from './types';\n\nconst allowedImageProps: (keyof NsImageProps)[] = [\n 'alt',\n 'className',\n 'fill',\n 'height',\n 'id',\n 'src',\n 'variant',\n 'width'\n];\n\nconst CsImage = (props: CsImageProps) => {\n const { image_alignment: align = 'center', image, ...rest } = props;\n\n let selectedImage: any = null;\n let fileMeta: any = null;\n\n try {\n const parsed = typeof image === 'string' ? JSON.parse(image) : image;\n const entry = parsed?.image?.[0];\n selectedImage = entry?.selected;\n fileMeta = entry?.files;\n } catch (err) {\n console.warn('[CsImage] Failed to parse image prop:', err);\n }\n\n const imageType = selectedImage?.imageType || 'transformBaseUrl';\n const fileSource = fileMeta?.[imageType];\n\n const imageProps: NsImageProps = {\n src: fileSource?.url || '',\n alt: selectedImage?.altText || 'Image not available',\n width: selectedImage?.width ?? '100%',\n height: selectedImage?.height ?? '100%'\n };\n\n // Add any other valid props from rest\n allowedImageProps.forEach((key) => {\n if (rest[key] !== undefined) {\n (imageProps as any)[key] = rest[key];\n }\n });\n const containerClassForNSImage = rest?.full_width ? 'container !p-0' : '';\n\n return (\n <StyledCsImageWrapper\n image_alignment={align}\n width={imageProps.width}\n height={imageProps.height}\n className={containerClassForNSImage}\n >\n <NsImage {...imageProps} />\n </StyledCsImageWrapper>\n );\n};\n\nexport default CsImage;\n","import { styled } from '@nuskin/foundation-theme';\nimport type { CsImageProps } from './types';\n\nexport const StyledCsImageWrapper = styled('div')<\n Pick<CsImageProps, 'image_alignment'> & { width?: string | number; height?: string | number }\n>(({ image_alignment = 'center', width, height }) => ({\n display: 'flex',\n justifyContent: {\n left: 'flex-start',\n right: 'flex-end',\n center: 'center'\n }[image_alignment],\n '& img': {\n maxWidth: 'fit-content',\n objectFit: 'contain',\n objectPosition: 'center'\n }\n}));\n"]}
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
function
|
|
1
|
+
function n(n,t,e){if(t in n){Object.defineProperty(n,t,{value:e,enumerable:true,configurable:true,writable:true})}else{n[t]=e}return n}function t(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};var o=Object.keys(r);if(typeof Object.getOwnPropertySymbols==="function"){o=o.concat(Object.getOwnPropertySymbols(r).filter(function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable}))}o.forEach(function(e){n(t,e,r[e])})}return t}function e(n,t){if(n==null)return{};var e=r(n,t);var o,i;if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(n);for(i=0;i<l.length;i++){o=l[i];if(t.indexOf(o)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(n,o))continue;e[o]=n[o]}}return e}function r(n,t){if(n==null)return{};var e={};var r=Object.keys(n);var o,i;for(i=0;i<r.length;i++){o=r[i];if(t.indexOf(o)>=0)continue;e[o]=n[o]}return e}function o(n,t){if(!t){t=n.slice(0)}return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}function i(n){"@swc/helpers - typeof";return n&&typeof Symbol!=="undefined"&&n.constructor===Symbol?"symbol":typeof n}function l(){var n=o(["\n width: ",";\n background-color: ",";\n text-align: ",";\n color: ",";\n padding: 16px 32px;\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-family: 'Lora', serif;\n }\n p {\n margin: 0;\n padding: 0;\n }\n"]);l=function t(){return n};return n}import{useMemo as a}from"react";import{useRouteReplacer as u,useToggleFontColor as c}from"@nuskin/foundation-core-app/common/hooks";import d from"@emotion/styled";import{jsx as f}from"react/jsx-runtime";var v=function(n,t){var e=new DOMParser().parseFromString(n,"text/html");return e.querySelectorAll("a").forEach(function(n){var e;var r=(e=n.getAttribute("href"))!==null&&e!==void 0?e:"",o=t(r),i=o.url,l=i===void 0?"":i;n.setAttribute("href",l.startsWith("http")?l:"https://".concat(l))}),e.body.innerHTML},s=d.div(l(),function(n){var t=n.fullWidth;return t?"100%":"auto"},function(n){var t=n.bgColor;return t},function(n){var t=n.alignment;return t},function(n){var t=n.color;return t}),m=function(n){var t=n.full_width,e=t===void 0?!1:t,r=n.container_background_color,o=r===void 0?"":r,l=n.alignment,d=l===void 0?"left":l,m=n.text_editor,g=n.font_color,h=g===void 0?!1:g;var p=c(h),b=u(),y=function(n){var t;var e;return typeof b=="function"?{url:(e=(t=b(n))===null||t===void 0?void 0:t.url)!==null&&e!==void 0?e:""}:{url:n}},w=a(function(){try{var n,t,e;if(o)return((e=JSON.parse(o))===null||e===void 0?void 0:(t=e.brandColor)===null||t===void 0?void 0:(n=t.colorObj)===null||n===void 0?void 0:n.light)||"transparent"}catch(n){return"transparent"}return"transparent"},[o]),O=a(function(){return(typeof window==="undefined"?"undefined":i(window))>"u"?m:v(m,y)},[m,b]);return f(s,{color:p,fullWidth:e,bgColor:w,alignment:d,children:f("div",{dangerouslySetInnerHTML:{__html:O}})})},g=m;import{NsImage as h}from"@nuskin/foundation-ui-components";import{styled as p}from"@nuskin/foundation-theme";var b=p("div")(function(n){var t=n.image_alignment,e=t===void 0?"center":t,r=n.width,o=n.height;return{display:"flex",justifyContent:({left:"flex-start",right:"flex-end",center:"center"})[e],"& img":{maxWidth:"fit-content",objectFit:"contain",objectPosition:"center"}}});import{jsx as y}from"react/jsx-runtime";var w=["alt","className","fill","height","id","src","variant","width"],O=function(n){var r;var o=n.image_alignment,i=o===void 0?"center":o,l=n.image,a=e(n,["image_alignment","image"]),u=null,c=null;try{var d,f;var v=(f=typeof l=="string"?JSON.parse(l):l)===null||f===void 0?void 0:(d=f.image)===null||d===void 0?void 0:d[0];u=v===null||v===void 0?void 0:v.selected,c=v===null||v===void 0?void 0:v.files}catch(n){console.warn("[CsImage] Failed to parse image prop:",n)}var s,m;var g=(u===null||u===void 0?void 0:u.imageType)||"transformBaseUrl",p={src:(c===null||c===void 0?void 0:(r=c[g])===null||r===void 0?void 0:r.url)||"",alt:(u===null||u===void 0?void 0:u.altText)||"Image not available",width:(s=u===null||u===void 0?void 0:u.width)!==null&&s!==void 0?s:"100%",height:(m=u===null||u===void 0?void 0:u.height)!==null&&m!==void 0?m:"100%"};w.forEach(function(n){a[n]!==void 0&&(p[n]=a[n])});var O=(a===null||a===void 0?void 0:a.full_width)?"container !p-0":"";return y(b,{image_alignment:i,width:p.width,height:p.height,className:O,children:y(h,t({},p))})},j=O;export{j as CsImage,g as CsTextComponent};//# sourceMappingURL=index.mjs.map
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/text/CsText.tsx","../src/image/CsImage.tsx","../src/image/CsImage.styled.tsx"],"names":["NsTypography","useMemo","useRouteReplacer","jsx","jsxs","getResolvedVariant","variant","rewriteLinks","html","replacer","doc","DOMParser","parseFromString","querySelectorAll","forEach","link","href","getAttribute","sanitizedUrl","url","setAttribute","startsWith","body","innerHTML","CsText","show","full_width","container_background_color","include_gap","alignment","header_variants","text_editor","routeReplacer","safeRouteReplacer","backgroundColor","JSON","parse","brandColor","colorObj","light","updatedHtml","window","style","width","textAlign","padding","children","renderHTMLNode","dangerouslySetInnerHTML","__html","className","CsText_default","NsImage","styled","StyledCsImageWrapper","image_alignment","height","display","justifyContent","left","right","center","maxWidth","objectFit","objectPosition","allowedImageProps","CsImage","props","fileMeta","align","image","rest","selectedImage","entry","selected","files","err","console","warn","imageType","imageProps","src","alt","altText","key","containerClassForNSImage","CsImage_default"],"mappings":"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","sourcesContent":["import { NsTypography } from '@nuskin/foundation-ui-components';\nimport { ReactElement, useMemo } from 'react';\nimport { useRouteReplacer } from '@nuskin/foundation-core-app/common/hooks';\n\ninterface CsTextProps {\n show: boolean;\n full_width?: boolean;\n container_background_color?: string;\n include_gap?: boolean;\n alignment?: 'left' | 'center' | 'right';\n header_variants?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';\n text_editor: string;\n}\n\nconst getResolvedVariant = (\n variant: CsTextProps['header_variants']\n): Parameters<typeof NsTypography>[0]['variant'] => {\n return variant === 'p' ? 'body-l' : variant ?? 'h2';\n};\n\nexport const rewriteLinks = (\n html: string,\n replacer: (url: string) => { url: string }\n): string => {\n const parser = new DOMParser();\n const doc = parser.parseFromString(html, 'text/html');\n const links = doc.querySelectorAll('a');\n\n links.forEach((link) => {\n const href = link.getAttribute('href') ?? '';\n const { url: sanitizedUrl = '' } = replacer(href);\n\n link.setAttribute(\n 'href',\n sanitizedUrl.startsWith('http') ? sanitizedUrl : `https://${sanitizedUrl}`\n );\n });\n\n return doc.body.innerHTML;\n};\n\nconst CsText = ({\n show,\n full_width = false,\n container_background_color = '',\n include_gap = false,\n alignment = 'left',\n header_variants = 'h2',\n text_editor\n}: CsTextProps): ReactElement | null => {\n const routeReplacer = useRouteReplacer() as unknown as\n | ((url: string) => { url: string })\n | undefined;\n\n const safeRouteReplacer = (url: string) => {\n if (typeof routeReplacer === 'function') {\n const result = routeReplacer(url);\n return { url: result?.url ?? '' };\n }\n return { url };\n };\n\n const backgroundColor = useMemo(() => {\n try {\n if (container_background_color) {\n const parsed = JSON.parse(container_background_color);\n return parsed?.brandColor?.colorObj?.light || 'transparent';\n }\n } catch {\n return 'transparent';\n }\n return 'transparent';\n }, [container_background_color]);\n\n const updatedHtml = useMemo(() => {\n if (typeof window === 'undefined') return text_editor;\n return rewriteLinks(text_editor, safeRouteReplacer);\n }, [text_editor, routeReplacer]);\n\n if (!show) return null;\n\n return (\n <div\n style={{\n width: full_width ? '100%' : 'auto',\n backgroundColor,\n textAlign: alignment,\n padding: '16px 32px'\n }}\n >\n <NsTypography variant={getResolvedVariant(header_variants)} renderHTMLNode>\n <div\n dangerouslySetInnerHTML={{ __html: updatedHtml }}\n className=\"cs-text-html\"\n />\n </NsTypography>\n\n <style>\n {`\n .cs-text-html {\n display: block;\n }\n\n .cs-text-html p {\n margin: 0;\n }\n `}\n </style>\n </div>\n );\n};\n\nexport default CsText;\n","import { NsImage } from '@nuskin/foundation-ui-components';\nimport { StyledCsImageWrapper } from './CsImage.styled';\nimport type { CsImageProps, NsImageProps } from './types';\n\nconst allowedImageProps: (keyof NsImageProps)[] = [\n 'alt',\n 'className',\n 'fill',\n 'height',\n 'id',\n 'src',\n 'variant',\n 'width'\n];\n\nconst CsImage = (props: CsImageProps) => {\n const { image_alignment: align = 'center', image, ...rest } = props;\n\n let selectedImage: any = null;\n let fileMeta: any = null;\n\n try {\n const parsed = typeof image === 'string' ? JSON.parse(image) : image;\n const entry = parsed?.image?.[0];\n selectedImage = entry?.selected;\n fileMeta = entry?.files;\n } catch (err) {\n console.warn('[CsImage] Failed to parse image prop:', err);\n }\n\n const imageType = selectedImage?.imageType || 'transformBaseUrl';\n const fileSource = fileMeta?.[imageType];\n\n const imageProps: NsImageProps = {\n src: fileSource?.url || '',\n alt: selectedImage?.altText || 'Image not available',\n width: selectedImage?.width ?? '100%',\n height: selectedImage?.height ?? '100%'\n };\n\n // Add any other valid props from rest\n allowedImageProps.forEach((key) => {\n if (rest[key] !== undefined) {\n (imageProps as any)[key] = rest[key];\n }\n });\n const containerClassForNSImage = rest?.full_width ? 'container !p-0' : '';\n\n return (\n <StyledCsImageWrapper\n image_alignment={align}\n width={imageProps.width}\n height={imageProps.height}\n className={containerClassForNSImage}\n >\n <NsImage {...imageProps} />\n </StyledCsImageWrapper>\n );\n};\n\nexport default CsImage;\n","import { styled } from '@nuskin/foundation-theme';\nimport type { CsImageProps } from './types';\n\nexport const StyledCsImageWrapper = styled('div')<\n Pick<CsImageProps, 'image_alignment'> & { width?: string | number; height?: string | number }\n>(({ image_alignment = 'center', width, height }) => ({\n display: 'flex',\n justifyContent: {\n left: 'flex-start',\n right: 'flex-end',\n center: 'center'\n }[image_alignment],\n '& img': {\n maxWidth: 'fit-content',\n objectFit: 'contain',\n objectPosition: 'center'\n }\n}));\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/text/CsText.tsx","../src/image/CsImage.tsx","../src/image/CsImage.styled.tsx"],"names":["useMemo","useRouteReplacer","useToggleFontColor","styled","jsx","rewriteLinks","html","replacer","doc","DOMParser","parseFromString","querySelectorAll","forEach","link","href","getAttribute","sanitizedUrl","url","setAttribute","startsWith","body","innerHTML","Container","div","fullWidth","bgColor","alignment","color","CsText","full_width","container_background_color","text_editor","font_color","resolvedFontColor","routeReplacer","safeRouteReplacer","backgroundColor","JSON","parse","brandColor","colorObj","light","updatedHtml","window","children","dangerouslySetInnerHTML","__html","CsText_default","NsImage","StyledCsImageWrapper","image_alignment","width","height","display","justifyContent","left","right","center","maxWidth","objectFit","objectPosition","allowedImageProps","CsImage","props","fileMeta","align","image","rest","selectedImage","entry","selected","files","err","console","warn","imageType","imageProps","src","alt","altText","key","containerClassForNSImage","className","CsImage_default"],"mappings":"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","sourcesContent":["import { ReactElement, useMemo } from 'react';\nimport { useRouteReplacer, useToggleFontColor } from '@nuskin/foundation-core-app/common/hooks';\nimport styled from '@emotion/styled';\n\ninterface CsTextProps {\n full_width?: boolean;\n container_background_color?: string;\n alignment?: 'left' | 'center' | 'right';\n text_editor: string;\n font_color?: boolean;\n}\n\nexport const rewriteLinks = (html: string, replacer: (url: string) => { url: string }): string => {\n const parser = new DOMParser();\n const doc = parser.parseFromString(html, 'text/html');\n const links = doc.querySelectorAll('a');\n\n links.forEach((link) => {\n const href = link.getAttribute('href') ?? '';\n const { url: sanitizedUrl = '' } = replacer(href);\n\n link.setAttribute('href', sanitizedUrl.startsWith('http') ? sanitizedUrl : `https://${sanitizedUrl}`);\n });\n\n return doc.body.innerHTML;\n};\n\n// Emotion styled container\nconst Container = styled.div<{ fullWidth: boolean; bgColor: string; alignment: string; color: string }>`\n width: ${({ fullWidth }) => (fullWidth ? '100%' : 'auto')};\n background-color: ${({ bgColor }) => bgColor};\n text-align: ${({ alignment }) => alignment};\n color: ${({ color }) => color};\n padding: 16px 32px;\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-family: 'Lora', serif;\n }\n p {\n margin: 0;\n padding: 0;\n }\n`;\n\nconst CsText = ({\n full_width = false,\n container_background_color = '',\n alignment = 'left',\n text_editor,\n font_color = false\n}: CsTextProps): ReactElement | null => {\n const resolvedFontColor = useToggleFontColor(font_color);\n const routeReplacer = useRouteReplacer() as unknown as ((url: string) => { url: string }) | undefined;\n\n const safeRouteReplacer = (url: string) => {\n if (typeof routeReplacer === 'function') {\n const result = routeReplacer(url);\n return { url: result?.url ?? '' };\n }\n return { url };\n };\n\n const backgroundColor = useMemo(() => {\n try {\n if (container_background_color) {\n const parsed = JSON.parse(container_background_color);\n return parsed?.brandColor?.colorObj?.light || 'transparent';\n }\n } catch {\n return 'transparent';\n }\n return 'transparent';\n }, [container_background_color]);\n\n const updatedHtml = useMemo(() => {\n if (typeof window === 'undefined') return text_editor;\n return rewriteLinks(text_editor, safeRouteReplacer);\n }, [text_editor, routeReplacer]);\n\n return (\n <Container color={resolvedFontColor} fullWidth={full_width} bgColor={backgroundColor} alignment={alignment}>\n <div dangerouslySetInnerHTML={{ __html: updatedHtml }} />\n </Container>\n );\n};\n\nexport default CsText;\n","import { NsImage } from '@nuskin/foundation-ui-components';\nimport { StyledCsImageWrapper } from './CsImage.styled';\nimport type { CsImageProps, NsImageProps } from './types';\n\nconst allowedImageProps: (keyof NsImageProps)[] = [\n 'alt',\n 'className',\n 'fill',\n 'height',\n 'id',\n 'src',\n 'variant',\n 'width'\n];\n\nconst CsImage = (props: CsImageProps) => {\n const { image_alignment: align = 'center', image, ...rest } = props;\n\n let selectedImage: any = null;\n let fileMeta: any = null;\n\n try {\n const parsed = typeof image === 'string' ? JSON.parse(image) : image;\n const entry = parsed?.image?.[0];\n selectedImage = entry?.selected;\n fileMeta = entry?.files;\n } catch (err) {\n console.warn('[CsImage] Failed to parse image prop:', err);\n }\n\n const imageType = selectedImage?.imageType || 'transformBaseUrl';\n const fileSource = fileMeta?.[imageType];\n\n const imageProps: NsImageProps = {\n src: fileSource?.url || '',\n alt: selectedImage?.altText || 'Image not available',\n width: selectedImage?.width ?? '100%',\n height: selectedImage?.height ?? '100%'\n };\n\n // Add any other valid props from rest\n allowedImageProps.forEach((key) => {\n if (rest[key] !== undefined) {\n (imageProps as any)[key] = rest[key];\n }\n });\n const containerClassForNSImage = rest?.full_width ? 'container !p-0' : '';\n\n return (\n <StyledCsImageWrapper\n image_alignment={align}\n width={imageProps.width}\n height={imageProps.height}\n className={containerClassForNSImage}\n >\n <NsImage {...imageProps} />\n </StyledCsImageWrapper>\n );\n};\n\nexport default CsImage;\n","import { styled } from '@nuskin/foundation-theme';\nimport type { CsImageProps } from './types';\n\nexport const StyledCsImageWrapper = styled('div')<\n Pick<CsImageProps, 'image_alignment'> & { width?: string | number; height?: string | number }\n>(({ image_alignment = 'center', width, height }) => ({\n display: 'flex',\n justifyContent: {\n left: 'flex-start',\n right: 'flex-end',\n center: 'center'\n }[image_alignment],\n '& img': {\n maxWidth: 'fit-content',\n objectFit: 'contain',\n objectPosition: 'center'\n }\n}));\n"]}
|
package/dist/text/CsText.d.ts
CHANGED
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
interface CsTextProps {
|
|
3
|
-
show: boolean;
|
|
4
3
|
full_width?: boolean;
|
|
5
4
|
container_background_color?: string;
|
|
6
|
-
include_gap?: boolean;
|
|
7
5
|
alignment?: 'left' | 'center' | 'right';
|
|
8
|
-
header_variants?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
|
|
9
6
|
text_editor: string;
|
|
7
|
+
font_color?: boolean;
|
|
10
8
|
}
|
|
11
9
|
export declare const rewriteLinks: (html: string, replacer: (url: string) => {
|
|
12
10
|
url: string;
|
|
13
11
|
}) => string;
|
|
14
|
-
declare const CsText: ({
|
|
12
|
+
declare const CsText: ({ full_width, container_background_color, alignment, text_editor, font_color }: CsTextProps) => ReactElement | null;
|
|
15
13
|
export default CsText;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nuskin/marketing-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0-text-updates.1",
|
|
4
4
|
"description": "A React based component library for marketing components to use with content stack pagebuilding",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"main": "dist/index.js",
|