@contentful/f36-badge - npm Package Compare versions

Comparing version 4.71.2 to 4.72.0

dist/esm/index.js

@@ -8,3 +8,3 @@ import l from 'react';
 
-var ee=Object.defineProperty,te=Object.defineProperties;var re=Object.getOwnPropertyDescriptors;var x=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var k=(e,r,t)=>r in e?ee(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,g=(e,r)=>{for(var t in r||(r={}))R.call(r,t)&&k(e,t,r[t]);if(x)for(var t of x(r))M.call(r,t)&&k(e,t,r[t]);return e},b=(e,r)=>te(e,re(r));var H=(e,r)=>{var t={};for(var a in e)R.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&x)for(var a of x(e))r.indexOf(a)<0&&M.call(e,a)&&(t[a]=e[a]);return t};var D=l.createContext("low"),h=()=>l.useContext(D);D.Provider;var ie=Object.defineProperty,oe=Object.defineProperties,se=Object.getOwnPropertyDescriptors,I=Object.getOwnPropertySymbols,$=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,L=(e,r,t)=>r in e?ie(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,f=(e,r)=>{for(var t in r||(r={}))$.call(r,t)&&L(e,t,r[t]);if(I)for(var t of I(r))j.call(r,t)&&L(e,t,r[t]);return e},m=(e,r)=>oe(e,se(r)),u=(e,r)=>{var t={};for(var a in e)$.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&I)for(var a of I(e))r.indexOf(a)<0&&j.call(e,a)&&(t[a]=e[a]);return t},le="span";function de(){return css({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:"100%"})}function ce(){return css({wordBreak:"break-word"})}function V(e,r){var t=e,{fontSize:a="fontSizeM",fontStack:n="fontStackPrimary",fontWeight:s="fontWeightNormal",fontColor:o="gray800",lineHeight:d="lineHeightM",letterSpacing:c="letterSpacingDefault",children:w,isTruncated:T,isWordBreak:N,as:S,className:v,margin:B="none"}=t,_=u(t,["fontSize","fontStack","fontWeight","fontColor","lineHeight","letterSpacing","children","isTruncated","isWordBreak","as","className","margin"]);let Q=S||le;return l.createElement(Box,m(f({},_),{as:Q,className:cx(css({padding:0,fontFamily:i[n],fontWeight:i[s],color:i[o],fontSize:i[a],lineHeight:i[d],letterSpacing:i[c]}),T?de():null,N?ce():null,v),margin:B,ref:r}),w)}V.displayName="Text";var y=l.forwardRef(V),ge="span";function A(e,r){var t=e,{children:a,fontWeight:n="fontWeightNormal",testId:s="cf-ui-caption"}=t,o=u(t,["children","fontWeight","testId"]);let d=h();return l.createElement(y,m(f({as:ge,testId:s,fontSize:d==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:d==="high"?"lineHeightSHigh":"lineHeightS",fontColor:"gray900",fontWeight:n},o),{ref:r}),a)}A.displayName="Caption";var F=l.forwardRef(A),pe="h1";function G(e,r){var t=e,{children:a,testId:n="cf-ui-heading"}=t,s=u(t,["children","testId"]);let o=h();return l.createElement(y,m(f({as:pe,testId:n,marginBottom:"spacingM",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:o==="high"?"fontSizeXlHigh":"fontSizeXl",lineHeight:o==="high"?"lineHeightXlHigh":"lineHeightXl"},s),{ref:r}),a)}G.displayName="Heading";l.forwardRef(G);var fe="h3";function U(e,r){var t=e,{children:a,testId:n="cf-ui-subheading"}=t,s=u(t,["children","testId"]);let o=h();return l.createElement(y,m(f({as:fe,testId:n,marginBottom:"spacingM",fontSize:o==="high"?"fontSizeLHigh":"fontSizeL",lineHeight:o==="high"?"lineHeightLHigh":"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:"gray900"},s),{ref:r}),a)}U.displayName="Subheading";l.forwardRef(U);var ue="h2";function K(e,r){var t=e,{children:a,size:n="default",testId:s="cf-ui-display-text"}=t,o=u(t,["children","size","testId"]);let d="fontSize2Xl",c="lineHeight2Xl";return n==="large"&&(d="fontSize3Xl",c="lineHeight3Xl"),l.createElement(y,m(f({as:ue,testId:s,marginBottom:n==="default"?"spacingL":"spacingXl",fontSize:d,lineHeight:c,fontColor:"gray900",fontWeight:"fontWeightDemiBold"},o),{ref:r}),a)}K.displayName="DisplayText";l.forwardRef(K);var he="h2";function Y(e,r){var t=e,{children:a,className:n,testId:s="cf-ui-section-heading"}=t,o=u(t,["children","className","testId"]);let d=h();return l.createElement(y,m(f({as:he,testId:s,marginBottom:"spacingL",fontWeight:"fontWeightMedium",fontColor:"gray600",fontSize:d==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:d==="high"?"lineHeightSHigh":"lineHeightS",className:cx(css({letterSpacing:i.letterSpacingDefault,textTransform:"lowercase","&:first-letter":{textTransform:"uppercase"}}),n)},o),{ref:r}),a)}Y.displayName="SectionHeading";l.forwardRef(Y);var ye=l.forwardRef((e,r)=>{var t=e,{children:a,testId:n="cf-ui-paragraph"}=t,s=u(t,["children","testId"]);let o=h();return l.createElement(y,m(f({as:"p",testId:n,fontSize:o==="high"?"fontSizeMHigh":"fontSizeM",lineHeight:o==="high"?"lineHeightMHigh":"lineHeightM",marginBottom:"spacingM"},s),{ref:r}),a)});ye.displayName="Paragraph";var Se=({variant:e})=>{switch(e){case"positive":return {color:i.green600,backgroundColor:i.green200};case"primary":return {color:i.blue600,backgroundColor:i.blue200};case"negative":return {color:i.red600,backgroundColor:i.red200};case"warning":return {color:i.orange600,backgroundColor:i.orange200};case"secondary":return {color:i.gray700,backgroundColor:i.gray200};case"primary-filled":return {color:i.colorWhite,backgroundColor:i.blue600};case"featured":return {color:i.purple600,backgroundColor:i.purple200};default:return {}}},ve=({size:e})=>{switch(e){case"small":return {padding:`0 ${i.spacing2Xs}`,lineHeight:i.lineHeightS,maxHeight:i.lineHeightS};default:return {padding:`0 ${i.spacingXs}`,lineHeight:i.lineHeightM,maxHeight:i.lineHeightM}}},q=()=>({badge:({variant:e,size:r})=>css(g(g({columnGap:i.spacing2Xs,alignItems:"center",borderRadius:i.borderRadiusSmall,overflow:"hidden",verticalAlign:"middle"},Se({variant:e})),ve({size:r}))),badgeIcon:css({flexShrink:0}),badgeIconCustomTiny:css({width:"0.875rem",height:"0.875rem"}),badgeText:({textTransform:e})=>css([{color:"currentcolor",lineHeight:"inherit"},e!=="none"&&{textTransform:"lowercase","&::first-letter":{textTransform:"uppercase"}}])});var C=l.forwardRef((e,r)=>{let t=q(),v=e,{children:a,variant:n="primary",size:s="default",testId:o="cf-ui-badge",startIcon:d,endIcon:c,className:w,textTransform:T=void 0}=v,N=H(v,["children","variant","size","testId","startIcon","endIcon","className","textTransform"]),S=B=>l.cloneElement(B,{size:"tiny",className:cx(t.badgeIcon,B.props.className,{[t.badgeIconCustomTiny]:s==="small"}),variant:n==="primary-filled"?"white":n});return l.createElement(Box,b(g({as:"div",testId:o,display:"inline-flex",className:cx(t.badge({variant:n,size:s}),w)},N),{ref:r}),d&&S(d),l.createElement(F,{fontWeight:"fontWeightMedium",isTruncated:!0,className:t.badgeText({textTransform:T})},a),c&&S(c))});C.displayName="Badge";var be={published:"positive",draft:"warning",archived:"secondary",changed:"primary",deleted:"negative",new:"primary-filled"};function Z(e,r){let c=e,{entityStatus:t,isScheduled:a=void 0,size:n="default"}=c,s=H(c,["entityStatus","isScheduled","size"]),o=a&&n==="default",d=be[t];return l.createElement(C,b(g(g({},s),o?{size:n,startIcon:l.createElement(ClockIcon,{testId:"schedule-icon"})}:{size:n}),{variant:d,ref:r}),t)}Z.displayName="EntityStatusBadge";var He=l.forwardRef(Z);
+var ee=Object.defineProperty,te=Object.defineProperties;var re=Object.getOwnPropertyDescriptors;var x=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var k=(e,r,t)=>r in e?ee(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,g=(e,r)=>{for(var t in r||(r={}))R.call(r,t)&&k(e,t,r[t]);if(x)for(var t of x(r))M.call(r,t)&&k(e,t,r[t]);return e},b=(e,r)=>te(e,re(r));var H=(e,r)=>{var t={};for(var a in e)R.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&x)for(var a of x(e))r.indexOf(a)<0&&M.call(e,a)&&(t[a]=e[a]);return t};var D=l.createContext("low"),h=()=>l.useContext(D);D.Provider;var ie=Object.defineProperty,oe=Object.defineProperties,se=Object.getOwnPropertyDescriptors,I=Object.getOwnPropertySymbols,$=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,L=(e,r,t)=>r in e?ie(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,f=(e,r)=>{for(var t in r||(r={}))$.call(r,t)&&L(e,t,r[t]);if(I)for(var t of I(r))j.call(r,t)&&L(e,t,r[t]);return e},m=(e,r)=>oe(e,se(r)),u=(e,r)=>{var t={};for(var a in e)$.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&I)for(var a of I(e))r.indexOf(a)<0&&j.call(e,a)&&(t[a]=e[a]);return t},le="span";function de(){return css({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:"100%"})}function ce(){return css({wordBreak:"break-word"})}function V(e,r){var t=e,{fontSize:a="fontSizeM",fontStack:n="fontStackPrimary",fontWeight:s="fontWeightNormal",fontColor:o="gray800",lineHeight:d="lineHeightM",letterSpacing:c="letterSpacingDefault",children:w,isTruncated:T,isWordBreak:N,as:S,className:v,margin:B="none"}=t,_=u(t,["fontSize","fontStack","fontWeight","fontColor","lineHeight","letterSpacing","children","isTruncated","isWordBreak","as","className","margin"]);let Q=S||le;return l.createElement(Box,m(f({},_),{as:Q,className:cx(css({padding:0,fontFamily:i[n],fontWeight:i[s],color:i[o],fontSize:i[a],lineHeight:i[d],letterSpacing:i[c]}),T?de():null,N?ce():null,v),margin:B,ref:r}),w)}V.displayName="Text";var y=l.forwardRef(V),ge="span";function A(e,r){var t=e,{children:a,fontWeight:n="fontWeightNormal",testId:s="cf-ui-caption"}=t,o=u(t,["children","fontWeight","testId"]);let d=h();return l.createElement(y,m(f({as:ge,testId:s,fontSize:d==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:d==="high"?"lineHeightSHigh":"lineHeightS",fontColor:"gray900",fontWeight:n},o),{ref:r}),a)}A.displayName="Caption";var F=l.forwardRef(A),pe="h1";function G(e,r){var t=e,{children:a,testId:n="cf-ui-heading"}=t,s=u(t,["children","testId"]);let o=h();return l.createElement(y,m(f({as:pe,testId:n,marginBottom:"spacingM",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:o==="high"?"fontSizeXlHigh":"fontSizeXl",lineHeight:o==="high"?"lineHeightXlHigh":"lineHeightXl"},s),{ref:r}),a)}G.displayName="Heading";l.forwardRef(G);var fe="h3";function U(e,r){var t=e,{children:a,testId:n="cf-ui-subheading"}=t,s=u(t,["children","testId"]);let o=h();return l.createElement(y,m(f({as:fe,testId:n,marginBottom:"spacingM",fontSize:o==="high"?"fontSizeLHigh":"fontSizeL",lineHeight:o==="high"?"lineHeightLHigh":"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:"gray900"},s),{ref:r}),a)}U.displayName="Subheading";l.forwardRef(U);var ue="h2";function K(e,r){var t=e,{children:a,size:n="default",testId:s="cf-ui-display-text"}=t,o=u(t,["children","size","testId"]);let d="fontSize2Xl",c="lineHeightXl";return n==="large"&&(d="fontSize3Xl",c="lineHeight3Xl"),l.createElement(y,m(f({as:ue,testId:s,marginBottom:n==="default"?"spacingL":"spacingXl",fontSize:d,lineHeight:c,fontColor:"gray900",fontWeight:"fontWeightDemiBold"},o),{ref:r}),a)}K.displayName="DisplayText";l.forwardRef(K);var he="h2";function Y(e,r){var t=e,{children:a,className:n,testId:s="cf-ui-section-heading"}=t,o=u(t,["children","className","testId"]);let d=h();return l.createElement(y,m(f({as:he,testId:s,marginBottom:"spacingL",fontWeight:"fontWeightMedium",fontColor:"gray600",fontSize:d==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:d==="high"?"lineHeightSHigh":"lineHeightS",className:cx(css({letterSpacing:i.letterSpacingDefault,textTransform:"lowercase","&:first-letter":{textTransform:"uppercase"}}),n)},o),{ref:r}),a)}Y.displayName="SectionHeading";l.forwardRef(Y);var ye=l.forwardRef((e,r)=>{var t=e,{children:a,testId:n="cf-ui-paragraph"}=t,s=u(t,["children","testId"]);let o=h();return l.createElement(y,m(f({as:"p",testId:n,fontSize:o==="high"?"fontSizeMHigh":"fontSizeM",lineHeight:o==="high"?"lineHeightMHigh":"lineHeightM",marginBottom:"spacingM"},s),{ref:r}),a)});ye.displayName="Paragraph";var Se=({variant:e})=>{switch(e){case"positive":return {color:i.green600,backgroundColor:i.green200};case"primary":return {color:i.blue600,backgroundColor:i.blue200};case"negative":return {color:i.red600,backgroundColor:i.red200};case"warning":return {color:i.orange600,backgroundColor:i.orange200};case"secondary":return {color:i.gray700,backgroundColor:i.gray200};case"primary-filled":return {color:i.colorWhite,backgroundColor:i.blue600};case"featured":return {color:i.purple600,backgroundColor:i.purple200};default:return {}}},ve=({size:e})=>{switch(e){case"small":return {padding:`0 ${i.spacing2Xs}`,lineHeight:i.lineHeightS,maxHeight:i.lineHeightS};default:return {padding:`0 ${i.spacingXs}`,lineHeight:i.lineHeightM,maxHeight:i.lineHeightM}}},q=()=>({badge:({variant:e,size:r})=>css(g(g({columnGap:i.spacing2Xs,alignItems:"center",borderRadius:i.borderRadiusSmall,overflow:"hidden",verticalAlign:"middle"},Se({variant:e})),ve({size:r}))),badgeIcon:css({flexShrink:0}),badgeIconCustomTiny:css({width:"0.875rem",height:"0.875rem"}),badgeText:({textTransform:e})=>css([{color:"currentcolor",lineHeight:"inherit"},e!=="none"&&{textTransform:"lowercase","&::first-letter":{textTransform:"uppercase"}}])});var C=l.forwardRef((e,r)=>{let t=q(),v=e,{children:a,variant:n="primary",size:s="default",testId:o="cf-ui-badge",startIcon:d,endIcon:c,className:w,textTransform:T=void 0}=v,N=H(v,["children","variant","size","testId","startIcon","endIcon","className","textTransform"]),S=B=>l.cloneElement(B,{size:"tiny",className:cx(t.badgeIcon,B.props.className,{[t.badgeIconCustomTiny]:s==="small"}),variant:n==="primary-filled"?"white":n});return l.createElement(Box,b(g({as:"div",testId:o,display:"inline-flex",className:cx(t.badge({variant:n,size:s}),w)},N),{ref:r}),d&&S(d),l.createElement(F,{fontWeight:"fontWeightMedium",isTruncated:!0,className:t.badgeText({textTransform:T})},a),c&&S(c))});C.displayName="Badge";var be={published:"positive",draft:"warning",archived:"secondary",changed:"primary",deleted:"negative",new:"primary-filled"};function Z(e,r){let c=e,{entityStatus:t,isScheduled:a=void 0,size:n="default"}=c,s=H(c,["entityStatus","isScheduled","size"]),o=a&&n==="default",d=be[t];return l.createElement(C,b(g(g({},s),o?{size:n,startIcon:l.createElement(ClockIcon,{testId:"schedule-icon"})}:{size:n}),{variant:d,ref:r}),t)}Z.displayName="EntityStatusBadge";var He=l.forwardRef(Z);
 
@@ -11,0 +11,0 @@ export { C as Badge, He as EntityStatusBadge };

dist/index.js

@@ -15,3 +15,3 @@ 'use strict';
 
-var ee=Object.defineProperty,te=Object.defineProperties;var re=Object.getOwnPropertyDescriptors;var x=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var k=(e,r,t)=>r in e?ee(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,g=(e,r)=>{for(var t in r||(r={}))R.call(r,t)&&k(e,t,r[t]);if(x)for(var t of x(r))M.call(r,t)&&k(e,t,r[t]);return e},b=(e,r)=>te(e,re(r));var H=(e,r)=>{var t={};for(var a in e)R.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&x)for(var a of x(e))r.indexOf(a)<0&&M.call(e,a)&&(t[a]=e[a]);return t};var D=l__default.default.createContext("low"),h=()=>l__default.default.useContext(D);D.Provider;var ie=Object.defineProperty,oe=Object.defineProperties,se=Object.getOwnPropertyDescriptors,I=Object.getOwnPropertySymbols,$=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,L=(e,r,t)=>r in e?ie(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,f=(e,r)=>{for(var t in r||(r={}))$.call(r,t)&&L(e,t,r[t]);if(I)for(var t of I(r))j.call(r,t)&&L(e,t,r[t]);return e},m=(e,r)=>oe(e,se(r)),u=(e,r)=>{var t={};for(var a in e)$.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&I)for(var a of I(e))r.indexOf(a)<0&&j.call(e,a)&&(t[a]=e[a]);return t},le="span";function de(){return emotion.css({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:"100%"})}function ce(){return emotion.css({wordBreak:"break-word"})}function V(e,r){var t=e,{fontSize:a="fontSizeM",fontStack:n="fontStackPrimary",fontWeight:s="fontWeightNormal",fontColor:o="gray800",lineHeight:d="lineHeightM",letterSpacing:c="letterSpacingDefault",children:w,isTruncated:T,isWordBreak:N,as:S,className:v,margin:B="none"}=t,_=u(t,["fontSize","fontStack","fontWeight","fontColor","lineHeight","letterSpacing","children","isTruncated","isWordBreak","as","className","margin"]);let Q=S||le;return l__default.default.createElement(f36Core.Box,m(f({},_),{as:Q,className:emotion.cx(emotion.css({padding:0,fontFamily:i__default.default[n],fontWeight:i__default.default[s],color:i__default.default[o],fontSize:i__default.default[a],lineHeight:i__default.default[d],letterSpacing:i__default.default[c]}),T?de():null,N?ce():null,v),margin:B,ref:r}),w)}V.displayName="Text";var y=l__default.default.forwardRef(V),ge="span";function A(e,r){var t=e,{children:a,fontWeight:n="fontWeightNormal",testId:s="cf-ui-caption"}=t,o=u(t,["children","fontWeight","testId"]);let d=h();return l__default.default.createElement(y,m(f({as:ge,testId:s,fontSize:d==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:d==="high"?"lineHeightSHigh":"lineHeightS",fontColor:"gray900",fontWeight:n},o),{ref:r}),a)}A.displayName="Caption";var F=l__default.default.forwardRef(A),pe="h1";function G(e,r){var t=e,{children:a,testId:n="cf-ui-heading"}=t,s=u(t,["children","testId"]);let o=h();return l__default.default.createElement(y,m(f({as:pe,testId:n,marginBottom:"spacingM",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:o==="high"?"fontSizeXlHigh":"fontSizeXl",lineHeight:o==="high"?"lineHeightXlHigh":"lineHeightXl"},s),{ref:r}),a)}G.displayName="Heading";l__default.default.forwardRef(G);var fe="h3";function U(e,r){var t=e,{children:a,testId:n="cf-ui-subheading"}=t,s=u(t,["children","testId"]);let o=h();return l__default.default.createElement(y,m(f({as:fe,testId:n,marginBottom:"spacingM",fontSize:o==="high"?"fontSizeLHigh":"fontSizeL",lineHeight:o==="high"?"lineHeightLHigh":"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:"gray900"},s),{ref:r}),a)}U.displayName="Subheading";l__default.default.forwardRef(U);var ue="h2";function K(e,r){var t=e,{children:a,size:n="default",testId:s="cf-ui-display-text"}=t,o=u(t,["children","size","testId"]);let d="fontSize2Xl",c="lineHeight2Xl";return n==="large"&&(d="fontSize3Xl",c="lineHeight3Xl"),l__default.default.createElement(y,m(f({as:ue,testId:s,marginBottom:n==="default"?"spacingL":"spacingXl",fontSize:d,lineHeight:c,fontColor:"gray900",fontWeight:"fontWeightDemiBold"},o),{ref:r}),a)}K.displayName="DisplayText";l__default.default.forwardRef(K);var he="h2";function Y(e,r){var t=e,{children:a,className:n,testId:s="cf-ui-section-heading"}=t,o=u(t,["children","className","testId"]);let d=h();return l__default.default.createElement(y,m(f({as:he,testId:s,marginBottom:"spacingL",fontWeight:"fontWeightMedium",fontColor:"gray600",fontSize:d==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:d==="high"?"lineHeightSHigh":"lineHeightS",className:emotion.cx(emotion.css({letterSpacing:i__default.default.letterSpacingDefault,textTransform:"lowercase","&:first-letter":{textTransform:"uppercase"}}),n)},o),{ref:r}),a)}Y.displayName="SectionHeading";l__default.default.forwardRef(Y);var ye=l__default.default.forwardRef((e,r)=>{var t=e,{children:a,testId:n="cf-ui-paragraph"}=t,s=u(t,["children","testId"]);let o=h();return l__default.default.createElement(y,m(f({as:"p",testId:n,fontSize:o==="high"?"fontSizeMHigh":"fontSizeM",lineHeight:o==="high"?"lineHeightMHigh":"lineHeightM",marginBottom:"spacingM"},s),{ref:r}),a)});ye.displayName="Paragraph";var Se=({variant:e})=>{switch(e){case"positive":return {color:i__default.default.green600,backgroundColor:i__default.default.green200};case"primary":return {color:i__default.default.blue600,backgroundColor:i__default.default.blue200};case"negative":return {color:i__default.default.red600,backgroundColor:i__default.default.red200};case"warning":return {color:i__default.default.orange600,backgroundColor:i__default.default.orange200};case"secondary":return {color:i__default.default.gray700,backgroundColor:i__default.default.gray200};case"primary-filled":return {color:i__default.default.colorWhite,backgroundColor:i__default.default.blue600};case"featured":return {color:i__default.default.purple600,backgroundColor:i__default.default.purple200};default:return {}}},ve=({size:e})=>{switch(e){case"small":return {padding:`0 ${i__default.default.spacing2Xs}`,lineHeight:i__default.default.lineHeightS,maxHeight:i__default.default.lineHeightS};default:return {padding:`0 ${i__default.default.spacingXs}`,lineHeight:i__default.default.lineHeightM,maxHeight:i__default.default.lineHeightM}}},q=()=>({badge:({variant:e,size:r})=>emotion.css(g(g({columnGap:i__default.default.spacing2Xs,alignItems:"center",borderRadius:i__default.default.borderRadiusSmall,overflow:"hidden",verticalAlign:"middle"},Se({variant:e})),ve({size:r}))),badgeIcon:emotion.css({flexShrink:0}),badgeIconCustomTiny:emotion.css({width:"0.875rem",height:"0.875rem"}),badgeText:({textTransform:e})=>emotion.css([{color:"currentcolor",lineHeight:"inherit"},e!=="none"&&{textTransform:"lowercase","&::first-letter":{textTransform:"uppercase"}}])});var C=l__default.default.forwardRef((e,r)=>{let t=q(),v=e,{children:a,variant:n="primary",size:s="default",testId:o="cf-ui-badge",startIcon:d,endIcon:c,className:w,textTransform:T=void 0}=v,N=H(v,["children","variant","size","testId","startIcon","endIcon","className","textTransform"]),S=B=>l__default.default.cloneElement(B,{size:"tiny",className:emotion.cx(t.badgeIcon,B.props.className,{[t.badgeIconCustomTiny]:s==="small"}),variant:n==="primary-filled"?"white":n});return l__default.default.createElement(f36Core.Box,b(g({as:"div",testId:o,display:"inline-flex",className:emotion.cx(t.badge({variant:n,size:s}),w)},N),{ref:r}),d&&S(d),l__default.default.createElement(F,{fontWeight:"fontWeightMedium",isTruncated:!0,className:t.badgeText({textTransform:T})},a),c&&S(c))});C.displayName="Badge";var be={published:"positive",draft:"warning",archived:"secondary",changed:"primary",deleted:"negative",new:"primary-filled"};function Z(e,r){let c=e,{entityStatus:t,isScheduled:a=void 0,size:n="default"}=c,s=H(c,["entityStatus","isScheduled","size"]),o=a&&n==="default",d=be[t];return l__default.default.createElement(C,b(g(g({},s),o?{size:n,startIcon:l__default.default.createElement(f36Icons.ClockIcon,{testId:"schedule-icon"})}:{size:n}),{variant:d,ref:r}),t)}Z.displayName="EntityStatusBadge";var He=l__default.default.forwardRef(Z);
+var ee=Object.defineProperty,te=Object.defineProperties;var re=Object.getOwnPropertyDescriptors;var x=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var k=(e,r,t)=>r in e?ee(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,g=(e,r)=>{for(var t in r||(r={}))R.call(r,t)&&k(e,t,r[t]);if(x)for(var t of x(r))M.call(r,t)&&k(e,t,r[t]);return e},b=(e,r)=>te(e,re(r));var H=(e,r)=>{var t={};for(var a in e)R.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&x)for(var a of x(e))r.indexOf(a)<0&&M.call(e,a)&&(t[a]=e[a]);return t};var D=l__default.default.createContext("low"),h=()=>l__default.default.useContext(D);D.Provider;var ie=Object.defineProperty,oe=Object.defineProperties,se=Object.getOwnPropertyDescriptors,I=Object.getOwnPropertySymbols,$=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,L=(e,r,t)=>r in e?ie(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,f=(e,r)=>{for(var t in r||(r={}))$.call(r,t)&&L(e,t,r[t]);if(I)for(var t of I(r))j.call(r,t)&&L(e,t,r[t]);return e},m=(e,r)=>oe(e,se(r)),u=(e,r)=>{var t={};for(var a in e)$.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&I)for(var a of I(e))r.indexOf(a)<0&&j.call(e,a)&&(t[a]=e[a]);return t},le="span";function de(){return emotion.css({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:"100%"})}function ce(){return emotion.css({wordBreak:"break-word"})}function V(e,r){var t=e,{fontSize:a="fontSizeM",fontStack:n="fontStackPrimary",fontWeight:s="fontWeightNormal",fontColor:o="gray800",lineHeight:d="lineHeightM",letterSpacing:c="letterSpacingDefault",children:w,isTruncated:T,isWordBreak:N,as:S,className:v,margin:B="none"}=t,_=u(t,["fontSize","fontStack","fontWeight","fontColor","lineHeight","letterSpacing","children","isTruncated","isWordBreak","as","className","margin"]);let Q=S||le;return l__default.default.createElement(f36Core.Box,m(f({},_),{as:Q,className:emotion.cx(emotion.css({padding:0,fontFamily:i__default.default[n],fontWeight:i__default.default[s],color:i__default.default[o],fontSize:i__default.default[a],lineHeight:i__default.default[d],letterSpacing:i__default.default[c]}),T?de():null,N?ce():null,v),margin:B,ref:r}),w)}V.displayName="Text";var y=l__default.default.forwardRef(V),ge="span";function A(e,r){var t=e,{children:a,fontWeight:n="fontWeightNormal",testId:s="cf-ui-caption"}=t,o=u(t,["children","fontWeight","testId"]);let d=h();return l__default.default.createElement(y,m(f({as:ge,testId:s,fontSize:d==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:d==="high"?"lineHeightSHigh":"lineHeightS",fontColor:"gray900",fontWeight:n},o),{ref:r}),a)}A.displayName="Caption";var F=l__default.default.forwardRef(A),pe="h1";function G(e,r){var t=e,{children:a,testId:n="cf-ui-heading"}=t,s=u(t,["children","testId"]);let o=h();return l__default.default.createElement(y,m(f({as:pe,testId:n,marginBottom:"spacingM",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:o==="high"?"fontSizeXlHigh":"fontSizeXl",lineHeight:o==="high"?"lineHeightXlHigh":"lineHeightXl"},s),{ref:r}),a)}G.displayName="Heading";l__default.default.forwardRef(G);var fe="h3";function U(e,r){var t=e,{children:a,testId:n="cf-ui-subheading"}=t,s=u(t,["children","testId"]);let o=h();return l__default.default.createElement(y,m(f({as:fe,testId:n,marginBottom:"spacingM",fontSize:o==="high"?"fontSizeLHigh":"fontSizeL",lineHeight:o==="high"?"lineHeightLHigh":"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:"gray900"},s),{ref:r}),a)}U.displayName="Subheading";l__default.default.forwardRef(U);var ue="h2";function K(e,r){var t=e,{children:a,size:n="default",testId:s="cf-ui-display-text"}=t,o=u(t,["children","size","testId"]);let d="fontSize2Xl",c="lineHeightXl";return n==="large"&&(d="fontSize3Xl",c="lineHeight3Xl"),l__default.default.createElement(y,m(f({as:ue,testId:s,marginBottom:n==="default"?"spacingL":"spacingXl",fontSize:d,lineHeight:c,fontColor:"gray900",fontWeight:"fontWeightDemiBold"},o),{ref:r}),a)}K.displayName="DisplayText";l__default.default.forwardRef(K);var he="h2";function Y(e,r){var t=e,{children:a,className:n,testId:s="cf-ui-section-heading"}=t,o=u(t,["children","className","testId"]);let d=h();return l__default.default.createElement(y,m(f({as:he,testId:s,marginBottom:"spacingL",fontWeight:"fontWeightMedium",fontColor:"gray600",fontSize:d==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:d==="high"?"lineHeightSHigh":"lineHeightS",className:emotion.cx(emotion.css({letterSpacing:i__default.default.letterSpacingDefault,textTransform:"lowercase","&:first-letter":{textTransform:"uppercase"}}),n)},o),{ref:r}),a)}Y.displayName="SectionHeading";l__default.default.forwardRef(Y);var ye=l__default.default.forwardRef((e,r)=>{var t=e,{children:a,testId:n="cf-ui-paragraph"}=t,s=u(t,["children","testId"]);let o=h();return l__default.default.createElement(y,m(f({as:"p",testId:n,fontSize:o==="high"?"fontSizeMHigh":"fontSizeM",lineHeight:o==="high"?"lineHeightMHigh":"lineHeightM",marginBottom:"spacingM"},s),{ref:r}),a)});ye.displayName="Paragraph";var Se=({variant:e})=>{switch(e){case"positive":return {color:i__default.default.green600,backgroundColor:i__default.default.green200};case"primary":return {color:i__default.default.blue600,backgroundColor:i__default.default.blue200};case"negative":return {color:i__default.default.red600,backgroundColor:i__default.default.red200};case"warning":return {color:i__default.default.orange600,backgroundColor:i__default.default.orange200};case"secondary":return {color:i__default.default.gray700,backgroundColor:i__default.default.gray200};case"primary-filled":return {color:i__default.default.colorWhite,backgroundColor:i__default.default.blue600};case"featured":return {color:i__default.default.purple600,backgroundColor:i__default.default.purple200};default:return {}}},ve=({size:e})=>{switch(e){case"small":return {padding:`0 ${i__default.default.spacing2Xs}`,lineHeight:i__default.default.lineHeightS,maxHeight:i__default.default.lineHeightS};default:return {padding:`0 ${i__default.default.spacingXs}`,lineHeight:i__default.default.lineHeightM,maxHeight:i__default.default.lineHeightM}}},q=()=>({badge:({variant:e,size:r})=>emotion.css(g(g({columnGap:i__default.default.spacing2Xs,alignItems:"center",borderRadius:i__default.default.borderRadiusSmall,overflow:"hidden",verticalAlign:"middle"},Se({variant:e})),ve({size:r}))),badgeIcon:emotion.css({flexShrink:0}),badgeIconCustomTiny:emotion.css({width:"0.875rem",height:"0.875rem"}),badgeText:({textTransform:e})=>emotion.css([{color:"currentcolor",lineHeight:"inherit"},e!=="none"&&{textTransform:"lowercase","&::first-letter":{textTransform:"uppercase"}}])});var C=l__default.default.forwardRef((e,r)=>{let t=q(),v=e,{children:a,variant:n="primary",size:s="default",testId:o="cf-ui-badge",startIcon:d,endIcon:c,className:w,textTransform:T=void 0}=v,N=H(v,["children","variant","size","testId","startIcon","endIcon","className","textTransform"]),S=B=>l__default.default.cloneElement(B,{size:"tiny",className:emotion.cx(t.badgeIcon,B.props.className,{[t.badgeIconCustomTiny]:s==="small"}),variant:n==="primary-filled"?"white":n});return l__default.default.createElement(f36Core.Box,b(g({as:"div",testId:o,display:"inline-flex",className:emotion.cx(t.badge({variant:n,size:s}),w)},N),{ref:r}),d&&S(d),l__default.default.createElement(F,{fontWeight:"fontWeightMedium",isTruncated:!0,className:t.badgeText({textTransform:T})},a),c&&S(c))});C.displayName="Badge";var be={published:"positive",draft:"warning",archived:"secondary",changed:"primary",deleted:"negative",new:"primary-filled"};function Z(e,r){let c=e,{entityStatus:t,isScheduled:a=void 0,size:n="default"}=c,s=H(c,["entityStatus","isScheduled","size"]),o=a&&n==="default",d=be[t];return l__default.default.createElement(C,b(g(g({},s),o?{size:n,startIcon:l__default.default.createElement(f36Icons.ClockIcon,{testId:"schedule-icon"})}:{size:n}),{variant:d,ref:r}),t)}Z.displayName="EntityStatusBadge";var He=l__default.default.forwardRef(Z);
 
@@ -18,0 +18,0 @@ exports.Badge = C;

package.json

 {
   "name": "@contentful/f36-badge",
-  "version": "4.71.2",
+  "version": "4.72.0",
   "description": "Forma 36: Badge React Component",
@@ -23,9 +23,9 @@ "license": "MIT",
   "dependencies": {
-    "@contentful/f36-core": "^4.71.2",
+    "@contentful/f36-core": "^4.72.0",
     "@contentful/f36-icons": "^4.29.0",
-    "@contentful/f36-tokens": "^4.0.4",
+    "@contentful/f36-tokens": "^4.1.0",
     "emotion": "^10.0.17"
   },
   "devDependencies": {
-    "@contentful/f36-typography": "^4.71.2"
+    "@contentful/f36-typography": "^4.72.0"
   },
@@ -32,0 +32,0 @@ "peerDependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

48031

Dependency changes

• Updated@contentful/f36-core@^4.72.0

• Updated@contentful/f36-tokens@^4.1.0