@contentful/f36-badge - npm Package Compare versions

Comparing version 4.65.0 to 4.65.1

dist/esm/index.js

@@ -8,6 +8,6 @@ import l from 'react';
 
-var ee=Object.defineProperty,te=Object.defineProperties;var re=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var N=(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={}))k.call(r,t)&&N(e,t,r[t]);if(b)for(var t of b(r))R.call(r,t)&&N(e,t,r[t]);return e},H=(e,r)=>te(e,re(r));var x=(e,r)=>{var t={};for(var a in e)k.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&b)for(var a of b(e))r.indexOf(a)<0&&R.call(e,a)&&(t[a]=e[a]);return t};var ae=({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 {}}},ne=({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}}},M=(e="capitalize")=>({badge:({variant:r,size:t})=>css(g(g({columnGap:i.spacing2Xs,alignItems:"center",borderRadius:i.borderRadiusSmall,overflow:"hidden",verticalAlign:"middle"},ae({variant:r})),ne({size:t}))),badgeIcon:css({flexShrink:0}),badgeIconCustomTiny:css({width:"0.875rem",height:"0.875rem"}),badgeText:css({color:"currentcolor",lineHeight:"inherit",textTransform:e})});var D=l.createContext("low"),u=()=>l.useContext(D);D.Provider;var se=Object.defineProperty,le=Object.defineProperties,de=Object.getOwnPropertyDescriptors,P=Object.getOwnPropertySymbols,$=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,L=(e,r,t)=>r in e?se(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(P)for(var t of P(r))j.call(r,t)&&L(e,t,r[t]);return e},m=(e,r)=>le(e,de(r)),h=(e,r)=>{var t={};for(var a in e)$.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&P)for(var a of P(e))r.indexOf(a)<0&&j.call(e,a)&&(t[a]=e[a]);return t},ce="span";function ge(){return css({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:"100%"})}function pe(){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:S,as:v,className:B,margin:Z="none"}=t,_=h(t,["fontSize","fontStack","fontWeight","fontColor","lineHeight","letterSpacing","children","isTruncated","isWordBreak","as","className","margin"]);let Q=v||ce;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?ge():null,S?pe():null,B),margin:Z,ref:r}),w)}V.displayName="Text";var y=l.forwardRef(V),fe="span";function A(e,r){var t=e,{children:a,fontWeight:n="fontWeightNormal",testId:s="cf-ui-caption"}=t,o=h(t,["children","fontWeight","testId"]);let d=u();return l.createElement(y,m(f({as:fe,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),me="h1";function G(e,r){var t=e,{children:a,testId:n="cf-ui-heading"}=t,s=h(t,["children","testId"]);let o=u();return l.createElement(y,m(f({as:me,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 he="h3";function K(e,r){var t=e,{children:a,testId:n="cf-ui-subheading"}=t,s=h(t,["children","testId"]);let o=u();return l.createElement(y,m(f({as:he,testId:n,marginBottom:"spacingM",fontSize:o==="high"?"fontSizeLHigh":"fontSizeL",lineHeight:o==="high"?"lineHeightLHigh":"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:"gray900"},s),{ref:r}),a)}K.displayName="Subheading";l.forwardRef(K);var ye="h2";function U(e,r){var t=e,{children:a,size:n="default",testId:s="cf-ui-display-text"}=t,o=h(t,["children","size","testId"]);let d="fontSize2Xl",c="lineHeight2Xl";return n==="large"&&(d="fontSize3Xl",c="lineHeight3Xl"),l.createElement(y,m(f({as:ye,testId:s,marginBottom:n==="default"?"spacingL":"spacingXl",fontSize:d,lineHeight:c,fontColor:"gray900",fontWeight:"fontWeightDemiBold"},o),{ref:r}),a)}U.displayName="DisplayText";l.forwardRef(U);var Se="h2";function Y(e,r){var t=e,{children:a,className:n,testId:s="cf-ui-section-heading"}=t,o=h(t,["children","className","testId"]);let d=u();return l.createElement(y,m(f({as:Se,testId:s,marginBottom:"spacingL",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:d==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:d==="high"?"lineHeightSHigh":"lineHeightS",className:cx(css({letterSpacing:i.letterSpacingWide,textTransform:"uppercase"}),n)},o),{ref:r}),a)}Y.displayName="SectionHeading";l.forwardRef(Y);var ve=l.forwardRef((e,r)=>{var t=e,{children:a,testId:n="cf-ui-paragraph"}=t,s=h(t,["children","testId"]);let o=u();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)});ve.displayName="Paragraph";var C=l.forwardRef((e,r)=>{let t=M(e.textTransform),v=e,{children:a,variant:n="primary",size:s="default",testId:o="cf-ui-badge",startIcon:d,endIcon:c,className:w}=v,T=x(v,["children","variant","size","testId","startIcon","endIcon","className"]),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,H(g({as:"div",testId:o,display:"inline-flex",className:cx(t.badge({variant:n,size:s}),w)},T),{ref:r}),d&&S(d),l.createElement(F,{fontWeight:"fontWeightMedium",isTruncated:!0,className:t.badgeText},a),c&&S(c))});C.displayName="Badge";var He={published:"positive",draft:"warning",archived:"secondary",changed:"primary",deleted:"negative",new:"primary-filled"};function J(e,r){let c=e,{entityStatus:t,isScheduled:a=void 0,size:n="default"}=c,s=x(c,["entityStatus","isScheduled","size"]),o=a&&n==="default",d=He[t];return l.createElement(C,H(g(g({},s),o?{size:n,startIcon:l.createElement(ClockIcon,{testId:"schedule-icon"})}:{size:n}),{variant:d,ref:r}),t)}J.displayName="EntityStatusBadge";var xe=l.forwardRef(J);
+var ee=Object.defineProperty,te=Object.defineProperties;var re=Object.getOwnPropertyDescriptors;var b=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(b)for(var t of b(r))M.call(r,t)&&k(e,t,r[t]);return e},x=(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&&b)for(var a of b(e))r.indexOf(a)<0&&M.call(e,a)&&(t[a]=e[a]);return t};var D=l.createContext("low"),u=()=>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)),h=(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:W,as:S,className:v,margin:B="none"}=t,_=h(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,W?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=h(t,["children","fontWeight","testId"]);let d=u();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=h(t,["children","testId"]);let o=u();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 K(e,r){var t=e,{children:a,testId:n="cf-ui-subheading"}=t,s=h(t,["children","testId"]);let o=u();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)}K.displayName="Subheading";l.forwardRef(K);var he="h2";function U(e,r){var t=e,{children:a,size:n="default",testId:s="cf-ui-display-text"}=t,o=h(t,["children","size","testId"]);let d="fontSize2Xl",c="lineHeight2Xl";return n==="large"&&(d="fontSize3Xl",c="lineHeight3Xl"),l.createElement(y,m(f({as:he,testId:s,marginBottom:n==="default"?"spacingL":"spacingXl",fontSize:d,lineHeight:c,fontColor:"gray900",fontWeight:"fontWeightDemiBold"},o),{ref:r}),a)}U.displayName="DisplayText";l.forwardRef(U);var ue="h2";function Y(e,r){var t=e,{children:a,className:n,testId:s="cf-ui-section-heading"}=t,o=h(t,["children","className","testId"]);let d=u();return l.createElement(y,m(f({as:ue,testId:s,marginBottom:"spacingL",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:d==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:d==="high"?"lineHeightSHigh":"lineHeightS",className:cx(css({letterSpacing:i.letterSpacingWide,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=h(t,["children","testId"]);let o=u();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,W=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,x(g({as:"div",testId:o,display:"inline-flex",className:cx(t.badge({variant:n,size:s}),w)},W),{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 xe={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=xe[t];return l.createElement(C,x(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);
 
-export { C as Badge, xe as EntityStatusBadge };
+export { C as Badge, He as EntityStatusBadge };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

dist/index.d.ts

@@ -1,3 +0,4 @@
-import React, { CSSProperties } from 'react';
+import React from 'react';
 import { PropsWithHTMLElement, CommonProps, EntityStatus, PickUnion } from '@contentful/f36-core';
+import * as CSS from 'csstype';
 
@@ -28,5 +29,9 @@ declare type BadgeSize = 'default' | 'small';
     /**
-     * Expects any valid CSS text-transform value. If not provided, will default to 'capitalize'
+     * By default the Badge uses CSS to capitalize only the first letter of the
+     * badge text. This CSS is hit by a bug in Firefox that results in the badge
+     * being rendered slightly too wide. To avoid the bug, set this property to
+     * `none` to disable the text transformation. Please be sure the initial
+     * letter of the badge text is already capitalized!
      */
-    textTransform?: CSSProperties['textTransform'];
+    textTransform?: Extract<CSS.Property.TextTransform, 'none'> | undefined;
 };
@@ -55,5 +60,9 @@ declare type BadgeProps = PropsWithHTMLElement<BadgeInternalProps, 'div'>;
     /**
-     * Expects any valid CSS text-transform value. If not provided, will default to 'capitalize'
+     * By default the Badge uses CSS to capitalize only the first letter of the
+     * badge text. This CSS is hit by a bug in Firefox that results in the badge
+     * being rendered slightly too wide. To avoid the bug, set this property to
+     * `none` to disable the text transformation. Please be sure the initial
+     * letter of the badge text is already capitalized!
      */
-    textTransform?: CSSProperties['textTransform'];
+    textTransform?: Extract<CSS.Property.TextTransform, 'none'> | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
@@ -60,0 +69,0 @@

dist/index.js

@@ -15,7 +15,7 @@ 'use strict';
 
-var ee=Object.defineProperty,te=Object.defineProperties;var re=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var N=(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={}))k.call(r,t)&&N(e,t,r[t]);if(b)for(var t of b(r))R.call(r,t)&&N(e,t,r[t]);return e},H=(e,r)=>te(e,re(r));var x=(e,r)=>{var t={};for(var a in e)k.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&b)for(var a of b(e))r.indexOf(a)<0&&R.call(e,a)&&(t[a]=e[a]);return t};var ae=({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 {}}},ne=({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}}},M=(e="capitalize")=>({badge:({variant:r,size:t})=>emotion.css(g(g({columnGap:i__default.default.spacing2Xs,alignItems:"center",borderRadius:i__default.default.borderRadiusSmall,overflow:"hidden",verticalAlign:"middle"},ae({variant:r})),ne({size:t}))),badgeIcon:emotion.css({flexShrink:0}),badgeIconCustomTiny:emotion.css({width:"0.875rem",height:"0.875rem"}),badgeText:emotion.css({color:"currentcolor",lineHeight:"inherit",textTransform:e})});var D=l__default.default.createContext("low"),u=()=>l__default.default.useContext(D);D.Provider;var se=Object.defineProperty,le=Object.defineProperties,de=Object.getOwnPropertyDescriptors,P=Object.getOwnPropertySymbols,$=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,L=(e,r,t)=>r in e?se(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(P)for(var t of P(r))j.call(r,t)&&L(e,t,r[t]);return e},m=(e,r)=>le(e,de(r)),h=(e,r)=>{var t={};for(var a in e)$.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&P)for(var a of P(e))r.indexOf(a)<0&&j.call(e,a)&&(t[a]=e[a]);return t},ce="span";function ge(){return emotion.css({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:"100%"})}function pe(){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:S,as:v,className:B,margin:Z="none"}=t,_=h(t,["fontSize","fontStack","fontWeight","fontColor","lineHeight","letterSpacing","children","isTruncated","isWordBreak","as","className","margin"]);let Q=v||ce;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?ge():null,S?pe():null,B),margin:Z,ref:r}),w)}V.displayName="Text";var y=l__default.default.forwardRef(V),fe="span";function A(e,r){var t=e,{children:a,fontWeight:n="fontWeightNormal",testId:s="cf-ui-caption"}=t,o=h(t,["children","fontWeight","testId"]);let d=u();return l__default.default.createElement(y,m(f({as:fe,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),me="h1";function G(e,r){var t=e,{children:a,testId:n="cf-ui-heading"}=t,s=h(t,["children","testId"]);let o=u();return l__default.default.createElement(y,m(f({as:me,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 he="h3";function K(e,r){var t=e,{children:a,testId:n="cf-ui-subheading"}=t,s=h(t,["children","testId"]);let o=u();return l__default.default.createElement(y,m(f({as:he,testId:n,marginBottom:"spacingM",fontSize:o==="high"?"fontSizeLHigh":"fontSizeL",lineHeight:o==="high"?"lineHeightLHigh":"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:"gray900"},s),{ref:r}),a)}K.displayName="Subheading";l__default.default.forwardRef(K);var ye="h2";function U(e,r){var t=e,{children:a,size:n="default",testId:s="cf-ui-display-text"}=t,o=h(t,["children","size","testId"]);let d="fontSize2Xl",c="lineHeight2Xl";return n==="large"&&(d="fontSize3Xl",c="lineHeight3Xl"),l__default.default.createElement(y,m(f({as:ye,testId:s,marginBottom:n==="default"?"spacingL":"spacingXl",fontSize:d,lineHeight:c,fontColor:"gray900",fontWeight:"fontWeightDemiBold"},o),{ref:r}),a)}U.displayName="DisplayText";l__default.default.forwardRef(U);var Se="h2";function Y(e,r){var t=e,{children:a,className:n,testId:s="cf-ui-section-heading"}=t,o=h(t,["children","className","testId"]);let d=u();return l__default.default.createElement(y,m(f({as:Se,testId:s,marginBottom:"spacingL",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:d==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:d==="high"?"lineHeightSHigh":"lineHeightS",className:emotion.cx(emotion.css({letterSpacing:i__default.default.letterSpacingWide,textTransform:"uppercase"}),n)},o),{ref:r}),a)}Y.displayName="SectionHeading";l__default.default.forwardRef(Y);var ve=l__default.default.forwardRef((e,r)=>{var t=e,{children:a,testId:n="cf-ui-paragraph"}=t,s=h(t,["children","testId"]);let o=u();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)});ve.displayName="Paragraph";var C=l__default.default.forwardRef((e,r)=>{let t=M(e.textTransform),v=e,{children:a,variant:n="primary",size:s="default",testId:o="cf-ui-badge",startIcon:d,endIcon:c,className:w}=v,T=x(v,["children","variant","size","testId","startIcon","endIcon","className"]),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,H(g({as:"div",testId:o,display:"inline-flex",className:emotion.cx(t.badge({variant:n,size:s}),w)},T),{ref:r}),d&&S(d),l__default.default.createElement(F,{fontWeight:"fontWeightMedium",isTruncated:!0,className:t.badgeText},a),c&&S(c))});C.displayName="Badge";var He={published:"positive",draft:"warning",archived:"secondary",changed:"primary",deleted:"negative",new:"primary-filled"};function J(e,r){let c=e,{entityStatus:t,isScheduled:a=void 0,size:n="default"}=c,s=x(c,["entityStatus","isScheduled","size"]),o=a&&n==="default",d=He[t];return l__default.default.createElement(C,H(g(g({},s),o?{size:n,startIcon:l__default.default.createElement(f36Icons.ClockIcon,{testId:"schedule-icon"})}:{size:n}),{variant:d,ref:r}),t)}J.displayName="EntityStatusBadge";var xe=l__default.default.forwardRef(J);
+var ee=Object.defineProperty,te=Object.defineProperties;var re=Object.getOwnPropertyDescriptors;var b=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(b)for(var t of b(r))M.call(r,t)&&k(e,t,r[t]);return e},x=(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&&b)for(var a of b(e))r.indexOf(a)<0&&M.call(e,a)&&(t[a]=e[a]);return t};var D=l__default.default.createContext("low"),u=()=>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)),h=(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:W,as:S,className:v,margin:B="none"}=t,_=h(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,W?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=h(t,["children","fontWeight","testId"]);let d=u();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=h(t,["children","testId"]);let o=u();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 K(e,r){var t=e,{children:a,testId:n="cf-ui-subheading"}=t,s=h(t,["children","testId"]);let o=u();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)}K.displayName="Subheading";l__default.default.forwardRef(K);var he="h2";function U(e,r){var t=e,{children:a,size:n="default",testId:s="cf-ui-display-text"}=t,o=h(t,["children","size","testId"]);let d="fontSize2Xl",c="lineHeight2Xl";return n==="large"&&(d="fontSize3Xl",c="lineHeight3Xl"),l__default.default.createElement(y,m(f({as:he,testId:s,marginBottom:n==="default"?"spacingL":"spacingXl",fontSize:d,lineHeight:c,fontColor:"gray900",fontWeight:"fontWeightDemiBold"},o),{ref:r}),a)}U.displayName="DisplayText";l__default.default.forwardRef(U);var ue="h2";function Y(e,r){var t=e,{children:a,className:n,testId:s="cf-ui-section-heading"}=t,o=h(t,["children","className","testId"]);let d=u();return l__default.default.createElement(y,m(f({as:ue,testId:s,marginBottom:"spacingL",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:d==="high"?"fontSizeSHigh":"fontSizeS",lineHeight:d==="high"?"lineHeightSHigh":"lineHeightS",className:emotion.cx(emotion.css({letterSpacing:i__default.default.letterSpacingWide,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=h(t,["children","testId"]);let o=u();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,W=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,x(g({as:"div",testId:o,display:"inline-flex",className:emotion.cx(t.badge({variant:n,size:s}),w)},W),{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 xe={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=xe[t];return l__default.default.createElement(C,x(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);
 
 exports.Badge = C;
-exports.EntityStatusBadge = xe;
+exports.EntityStatusBadge = He;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@contentful/f36-badge",
-  "version": "4.65.0",
+  "version": "4.65.1",
   "description": "Forma 36: Badge React Component",
@@ -17,3 +17,3 @@ "license": "MIT",
     "type": "git",
-    "url": "https://github.com/contentful/forma-36"
+    "url": "git+https://github.com/contentful/forma-36.git"
   },
@@ -24,4 +24,4 @@ "scripts": {
   "dependencies": {
-    "@contentful/f36-core": "^4.65.0",
-    "@contentful/f36-icons": "^4.28.0",
+    "@contentful/f36-core": "^4.65.1",
+    "@contentful/f36-icons": "^4.28.1",
     "@contentful/f36-tokens": "^4.0.4",
@@ -31,3 +31,3 @@ "emotion": "^10.0.17"
   "devDependencies": {
-    "@contentful/f36-typography": "^4.65.0"
+    "@contentful/f36-typography": "^4.65.1"
   },
@@ -34,0 +34,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

Improved metrics

Total package byte prevSize

47941

increased by6.3%

Lines of code

167

increased by5.7%

Dependency changes

• Updated@contentful/f36-core@^4.65.1

• Updated@contentful/f36-icons@^4.28.1