@cruk/cruk-react-components 7.1.2 → 7.1.3
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.
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { type Ref, type HTMLAttributes } from "react";
|
|
2
2
|
import { type ColourProps, type SpacingProps, type TextProps } from "../../types";
|
|
3
3
|
export declare const Text: ({ textColor, backgroundColor, textAlign, textSize, textWeight, textFontFamily, wordBreak, overflowWrap, margin, marginTop, marginRight, marginBottom, marginLeft, marginVertical, marginHorizontal, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, paddingVertical, paddingHorizontal, as, ref, ...htmlAttributes }: HTMLAttributes<HTMLElement> & ColourProps & SpacingProps & TextProps & {
|
|
4
|
-
as?: "span" | "div" | "p" | "address";
|
|
5
|
-
ref?: Ref<HTMLSpanElement | HTMLDivElement | HTMLParagraphElement>;
|
|
4
|
+
as?: "span" | "div" | "p" | "address" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
5
|
+
ref?: Ref<HTMLSpanElement | HTMLDivElement | HTMLParagraphElement | HTMLHeadingElement>;
|
|
6
6
|
style?: React.CSSProperties;
|
|
7
7
|
}) => React.JSX.Element;
|
|
8
8
|
export default Text;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as
|
|
1
|
+
import{__rest as t,__assign as a}from"../../../node_modules/tslib/tslib.es6.js";import e from"react";import{removeEmpty as o}from"../../utils/Helper.js";var r=function(r){var n=r.textColor,p=r.backgroundColor,i=r.textAlign,l=r.textSize,d=r.textWeight,s=r.textFontFamily,m=r.wordBreak,g=r.overflowWrap,c=r.margin,x=r.marginTop,f=r.marginRight,h=r.marginBottom,u=r.marginLeft,j=r.marginVertical,E=r.marginHorizontal,N=r.padding,v=r.paddingTop,z=r.paddingRight,b=r.paddingBottom,w=r.paddingLeft,B=r.paddingVertical,k=r.paddingHorizontal,F=r.as,H=r.ref,C=t(r,["textColor","backgroundColor","textAlign","textSize","textWeight","textFontFamily","wordBreak","overflowWrap","margin","marginTop","marginRight","marginBottom","marginLeft","marginVertical","marginHorizontal","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingVertical","paddingHorizontal","as","ref"]),L=o({"data-color":n,"data-bg-color":p,"data-text-size":l,"data-text-align":i,"data-text-weight":d,"data-text-font-family":s,"data-word-break":m,"data-overflow-wrap":g,"data-margin":c,"data-margin-top":x,"data-margin-right":f,"data-margin-bottom":h,"data-margin-left":u,"data-margin-vertical":j,"data-margin-horizontal":E,"data-padding":N,"data-padding-top":v,"data-padding-right":z,"data-padding-bottom":b,"data-padding-left":w,"data-padding-vertical":B,"data-padding-horizontal":k});return e.createElement(e.Fragment,null,F&&"p"!==F?null:e.createElement("p",a({className:["component-text","text-props","spacing-props","color-props"].join(" "),ref:H},C,L)),"div"===F?e.createElement("div",a({className:["component-text","text-props","spacing-props","color-props"].join(" "),ref:H},C,L)):null,"span"===F?e.createElement("span",a({className:["component-text","text-props","spacing-props","color-props"].join(" "),ref:H},C,L)):null,"address"===F?e.createElement("address",a({className:["component-text","text-props","spacing-props","color-props"].join(" "),ref:H},C,L)):null,"h1"===F?e.createElement("h1",a({className:["component-text","text-props","spacing-props","color-props"].join(" "),ref:H},C,L)):null,"h2"===F?e.createElement("h2",a({className:["component-text","text-props","spacing-props","color-props"].join(" "),ref:H},C,L)):null,"h3"===F?e.createElement("h3",a({className:["component-text","text-props","spacing-props","color-props"].join(" "),ref:H},C,L)):null,"h4"===F?e.createElement("h4",a({className:["component-text","text-props","spacing-props","color-props"].join(" "),ref:H},C,L)):null,"h5"===F?e.createElement("h5",a({className:["component-text","text-props","spacing-props","color-props"].join(" "),ref:H},C,L)):null,"h6"===F?e.createElement("h6",a({className:["component-text","text-props","spacing-props","color-props"].join(" "),ref:H},C,L)):null)};export{r as Text,r as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Text/index.tsx"],"sourcesContent":["import React, { type Ref, type HTMLAttributes } from \"react\";\n\nimport { removeEmpty } from \"../../utils/Helper\";\n\nimport {\n type ColourProps,\n type SpacingProps,\n type TextProps,\n} from \"../../types\";\n\nexport const Text = ({\n textColor,\n backgroundColor,\n textAlign,\n textSize,\n textWeight,\n textFontFamily,\n wordBreak,\n overflowWrap,\n margin,\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n marginVertical,\n marginHorizontal,\n padding,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft,\n paddingVertical,\n paddingHorizontal,\n as,\n ref,\n ...htmlAttributes\n}: HTMLAttributes<HTMLElement> &\n ColourProps &\n SpacingProps &\n TextProps & {\n as
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Text/index.tsx"],"sourcesContent":["import React, { type Ref, type HTMLAttributes } from \"react\";\n\nimport { removeEmpty } from \"../../utils/Helper\";\n\nimport {\n type ColourProps,\n type SpacingProps,\n type TextProps,\n} from \"../../types\";\n\nexport const Text = ({\n textColor,\n backgroundColor,\n textAlign,\n textSize,\n textWeight,\n textFontFamily,\n wordBreak,\n overflowWrap,\n margin,\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n marginVertical,\n marginHorizontal,\n padding,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft,\n paddingVertical,\n paddingHorizontal,\n as,\n ref,\n ...htmlAttributes\n}: HTMLAttributes<HTMLElement> &\n ColourProps &\n SpacingProps &\n TextProps & {\n as?:\n | \"span\"\n | \"div\"\n | \"p\"\n | \"address\"\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"h5\"\n | \"h6\";\n ref?: Ref<\n | HTMLSpanElement\n | HTMLDivElement\n | HTMLParagraphElement\n | HTMLHeadingElement\n >;\n style?: React.CSSProperties;\n }) => {\n const convertedProps = {\n \"data-color\": textColor,\n \"data-bg-color\": backgroundColor,\n \"data-text-size\": textSize,\n \"data-text-align\": textAlign,\n \"data-text-weight\": textWeight,\n \"data-text-font-family\": textFontFamily,\n \"data-word-break\": wordBreak,\n \"data-overflow-wrap\": overflowWrap,\n \"data-margin\": margin,\n \"data-margin-top\": marginTop,\n \"data-margin-right\": marginRight,\n \"data-margin-bottom\": marginBottom,\n \"data-margin-left\": marginLeft,\n \"data-margin-vertical\": marginVertical,\n \"data-margin-horizontal\": marginHorizontal,\n \"data-padding\": padding,\n \"data-padding-top\": paddingTop,\n \"data-padding-right\": paddingRight,\n \"data-padding-bottom\": paddingBottom,\n \"data-padding-left\": paddingLeft,\n \"data-padding-vertical\": paddingVertical,\n \"data-padding-horizontal\": paddingHorizontal,\n };\n\n const convertedPropsFiltered = removeEmpty(convertedProps);\n\n return (\n <>\n {!as || as === \"p\" ? (\n <p\n className={[\n \"component-text\",\n \"text-props\",\n \"spacing-props\",\n \"color-props\",\n ].join(\" \")}\n ref={ref as Ref<HTMLParagraphElement>}\n {...htmlAttributes}\n {...convertedPropsFiltered}\n />\n ) : null}\n {as === \"div\" ? (\n <div\n className={[\n \"component-text\",\n \"text-props\",\n \"spacing-props\",\n \"color-props\",\n ].join(\" \")}\n ref={ref as Ref<HTMLDivElement>}\n {...htmlAttributes}\n {...convertedPropsFiltered}\n />\n ) : null}\n {as === \"span\" ? (\n <span\n className={[\n \"component-text\",\n \"text-props\",\n \"spacing-props\",\n \"color-props\",\n ].join(\" \")}\n ref={ref as Ref<HTMLSpanElement>}\n {...htmlAttributes}\n {...convertedPropsFiltered}\n />\n ) : null}\n {as === \"address\" ? (\n <address\n className={[\n \"component-text\",\n \"text-props\",\n \"spacing-props\",\n \"color-props\",\n ].join(\" \")}\n ref={ref as Ref<HTMLSpanElement>}\n {...htmlAttributes}\n {...convertedPropsFiltered}\n />\n ) : null}\n {as === \"h1\" ? (\n <h1\n className={[\n \"component-text\",\n \"text-props\",\n \"spacing-props\",\n \"color-props\",\n ].join(\" \")}\n ref={ref as Ref<HTMLHeadingElement>}\n {...htmlAttributes}\n {...convertedPropsFiltered}\n />\n ) : null}\n {as === \"h2\" ? (\n <h2\n className={[\n \"component-text\",\n \"text-props\",\n \"spacing-props\",\n \"color-props\",\n ].join(\" \")}\n ref={ref as Ref<HTMLHeadingElement>}\n {...htmlAttributes}\n {...convertedPropsFiltered}\n />\n ) : null}\n {as === \"h3\" ? (\n <h3\n className={[\n \"component-text\",\n \"text-props\",\n \"spacing-props\",\n \"color-props\",\n ].join(\" \")}\n ref={ref as Ref<HTMLHeadingElement>}\n {...htmlAttributes}\n {...convertedPropsFiltered}\n />\n ) : null}\n {as === \"h4\" ? (\n <h4\n className={[\n \"component-text\",\n \"text-props\",\n \"spacing-props\",\n \"color-props\",\n ].join(\" \")}\n ref={ref as Ref<HTMLHeadingElement>}\n {...htmlAttributes}\n {...convertedPropsFiltered}\n />\n ) : null}\n {as === \"h5\" ? (\n <h5\n className={[\n \"component-text\",\n \"text-props\",\n \"spacing-props\",\n \"color-props\",\n ].join(\" \")}\n ref={ref as Ref<HTMLHeadingElement>}\n {...htmlAttributes}\n {...convertedPropsFiltered}\n />\n ) : null}\n {as === \"h6\" ? (\n <h6\n className={[\n \"component-text\",\n \"text-props\",\n \"spacing-props\",\n \"color-props\",\n ].join(\" \")}\n ref={ref as Ref<HTMLHeadingElement>}\n {...htmlAttributes}\n {...convertedPropsFiltered}\n />\n ) : null}\n </>\n );\n};\n\nexport default Text;\n"],"names":["Text","_a","textColor","backgroundColor","textAlign","textSize","textWeight","textFontFamily","wordBreak","overflowWrap","margin","marginTop","marginRight","marginBottom","marginLeft","marginVertical","marginHorizontal","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingVertical","paddingHorizontal","as","ref","htmlAttributes","__rest","convertedPropsFiltered","removeEmpty","React","createElement","Fragment","__assign","className","join"],"mappings":"yJAUO,IAAMA,EAAO,SAACC,GACnB,IAAAC,EAASD,EAAAC,UACTC,oBACAC,EAASH,EAAAG,UACTC,EAAQJ,EAAAI,SACRC,EAAUL,EAAAK,WACVC,EAAcN,EAAAM,eACdC,cACAC,EAAYR,EAAAQ,aACZC,EAAMT,EAAAS,OACNC,EAASV,EAAAU,UACTC,EAAWX,EAAAW,YACXC,iBACAC,EAAUb,EAAAa,WACVC,EAAcd,EAAAc,eACdC,EAAgBf,EAAAe,iBAChBC,EAAOhB,EAAAgB,QACPC,eACAC,EAAYlB,EAAAkB,aACZC,EAAanB,EAAAmB,cACbC,EAAWpB,EAAAoB,YACXC,EAAerB,EAAAqB,gBACfC,sBACAC,EAAEvB,EAAAuB,GACFC,EAAGxB,EAAAwB,IACAC,EAAcC,EAAA1B,EAzBE,yUA0Eb2B,EAAyBC,EAzBR,CACrB,aAAc3B,EACd,gBAAiBC,EACjB,iBAAkBE,EAClB,kBAAmBD,EACnB,mBAAoBE,EACpB,wBAAyBC,EACzB,kBAAmBC,EACnB,qBAAsBC,EACtB,cAAeC,EACf,kBAAmBC,EACnB,oBAAqBC,EACrB,qBAAsBC,EACtB,mBAAoBC,EACpB,uBAAwBC,EACxB,yBAA0BC,EAC1B,eAAgBC,EAChB,mBAAoBC,EACpB,qBAAsBC,EACtB,sBAAuBC,EACvB,oBAAqBC,EACrB,wBAAyBC,EACzB,0BAA2BC,IAK7B,OACEO,EAAAC,cAAAD,EAAAE,SAAA,KACIR,GAAa,MAAPA,EAYJ,KAXFM,EAAAC,cAAA,IAAAE,EAAA,CACEC,UAAW,CACT,iBACA,aACA,gBACA,eACAC,KAAK,KACPV,IAAKA,GACDC,EACAE,IAGA,QAAPJ,EACCM,EAAAC,cAAA,MAAAE,EAAA,CACEC,UAAW,CACT,iBACA,aACA,gBACA,eACAC,KAAK,KACPV,IAAKA,GACDC,EACAE,IAEJ,KACI,SAAPJ,EACCM,EAAAC,cAAA,OAAAE,EAAA,CACEC,UAAW,CACT,iBACA,aACA,gBACA,eACAC,KAAK,KACPV,IAAKA,GACDC,EACAE,IAEJ,KACI,YAAPJ,EACCM,EAAAC,cAAA,UAAAE,EAAA,CACEC,UAAW,CACT,iBACA,aACA,gBACA,eACAC,KAAK,KACPV,IAAKA,GACDC,EACAE,IAEJ,KACI,OAAPJ,EACCM,EAAAC,cAAA,KAAAE,EAAA,CACEC,UAAW,CACT,iBACA,aACA,gBACA,eACAC,KAAK,KACPV,IAAKA,GACDC,EACAE,IAEJ,KACI,OAAPJ,EACCM,EAAAC,cAAA,KAAAE,EAAA,CACEC,UAAW,CACT,iBACA,aACA,gBACA,eACAC,KAAK,KACPV,IAAKA,GACDC,EACAE,IAEJ,KACI,OAAPJ,EACCM,EAAAC,cAAA,KAAAE,EAAA,CACEC,UAAW,CACT,iBACA,aACA,gBACA,eACAC,KAAK,KACPV,IAAKA,GACDC,EACAE,IAEJ,KACI,OAAPJ,EACCM,EAAAC,cAAA,KAAAE,EAAA,CACEC,UAAW,CACT,iBACA,aACA,gBACA,eACAC,KAAK,KACPV,IAAKA,GACDC,EACAE,IAEJ,KACI,OAAPJ,EACCM,EAAAC,cAAA,KAAAE,EAAA,CACEC,UAAW,CACT,iBACA,aACA,gBACA,eACAC,KAAK,KACPV,IAAKA,GACDC,EACAE,IAEJ,KACI,OAAPJ,EACCM,EAAAC,cAAA,KAAAE,EAAA,CACEC,UAAW,CACT,iBACA,aACA,gBACA,eACAC,KAAK,KACPV,IAAKA,GACDC,EACAE,IAEJ,KAGV"}
|