Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@contentful/f36-badge

Package Overview
Dependencies
Maintainers
171
Versions
406
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@contentful/f36-badge - npm Package Compare versions

Comparing version 4.48.0 to 4.48.1

dist/index.d.mts

1

dist/esm/index.js

@@ -10,2 +10,3 @@ import s from 'react';

export { E as Badge, Be as EntityStatusBadge };
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map

11

dist/index.js
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var s = require('react');

@@ -11,11 +9,12 @@ var emotion = require('emotion');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
var s__default = /*#__PURE__*/_interopDefaultLegacy(s);
var i__default = /*#__PURE__*/_interopDefaultLegacy(i);
var s__default = /*#__PURE__*/_interopDefault(s);
var i__default = /*#__PURE__*/_interopDefault(i);
var Y=Object.defineProperty,Z=Object.defineProperties;var K=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var N=(e,r,t)=>r in e?Y(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,p=(e,r)=>{for(var t in r||(r={}))k.call(r,t)&&N(e,t,r[t]);if(v)for(var t of v(r))T.call(r,t)&&N(e,t,r[t]);return e},I=(e,r)=>Z(e,K(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&&v)for(var a of v(e))r.indexOf(a)<0&&T.call(e,a)&&(t[a]=e[a]);return t};var Q=({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 {}}},ee=({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}}},O=()=>({badge:({variant:e,size:r})=>emotion.css(p(p({columnGap:i__default["default"].spacing2Xs,alignItems:"center",borderRadius:i__default["default"].borderRadiusSmall,overflow:"hidden",verticalAlign:"middle"},Q({variant:e})),ee({size:r}))),badgeIcon:emotion.css({flexShrink:0}),badgeText:emotion.css({color:"currentcolor",lineHeight:"inherit",textTransform:"lowercase","::first-letter":{textTransform:"uppercase"}})});var ae=Object.defineProperty,ne=Object.defineProperties,ie=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertySymbols,X=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,R=(e,r,t)=>r in e?ae(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,g=(e,r)=>{for(var t in r||(r={}))X.call(r,t)&&R(e,t,r[t]);if(b)for(var t of b(r))j.call(r,t)&&R(e,t,r[t]);return e},f=(e,r)=>ne(e,ie(r)),m=(e,r)=>{var t={};for(var a in e)X.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&&j.call(e,a)&&(t[a]=e[a]);return t},oe="span";function se(){return emotion.css({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:"100%"})}function le(){return emotion.css({wordBreak:"break-word"})}function D(e,r){var t=e,{fontSize:a="fontSizeM",fontStack:n="fontStackPrimary",fontWeight:o="fontWeightNormal",fontColor:l="gray800",lineHeight:c="lineHeightM",children:d,isTruncated:H,isWordBreak:w,as:y,className:S,margin:B="none"}=t,A=m(t,["fontSize","fontStack","fontWeight","fontColor","lineHeight","children","isTruncated","isWordBreak","as","className","margin"]);let J=y||oe;return s__default["default"].createElement(f36Core.Box,f(g({},A),{as:J,className:emotion.cx(emotion.css({padding:0,fontFamily:i__default["default"][n],fontWeight:i__default["default"][o],color:i__default["default"][l],fontSize:i__default["default"][a],lineHeight:i__default["default"][c]}),H?se():null,w?le():null,S),margin:B,ref:r}),d)}D.displayName="Text";var h=s__default["default"].forwardRef(D),de="span";function L(e,r){var t=e,{children:a,fontWeight:n="fontWeightNormal",testId:o="cf-ui-caption"}=t,l=m(t,["children","fontWeight","testId"]);return s__default["default"].createElement(h,f(g({as:de,testId:o,fontSize:"fontSizeS",lineHeight:"lineHeightS",fontColor:"gray900",fontWeight:n},l),{ref:r}),a)}L.displayName="Caption";var V=s__default["default"].forwardRef(L),ce="h1";function U(e,r){var t=e,{children:a,testId:n="cf-ui-heading"}=t,o=m(t,["children","testId"]);return s__default["default"].createElement(h,f(g({as:ce,testId:n,marginBottom:"spacingM",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeXl",lineHeight:"lineHeightXl"},o),{ref:r}),a)}U.displayName="Heading";s__default["default"].forwardRef(U);var pe="h3";function F(e,r){var t=e,{children:a,testId:n="cf-ui-subheading"}=t,o=m(t,["children","testId"]);return s__default["default"].createElement(h,f(g({as:pe,testId:n,marginBottom:"spacingM",fontSize:"fontSizeL",lineHeight:"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:"gray900"},o),{ref:r}),a)}F.displayName="Subheading";s__default["default"].forwardRef(F);var fe="h2";function $(e,r){var t=e,{children:a,size:n="default",testId:o="cf-ui-display-text"}=t,l=m(t,["children","size","testId"]);let c="fontSize2Xl",d="lineHeight2Xl";return n==="large"&&(c="fontSize3Xl",d="lineHeight3Xl"),s__default["default"].createElement(h,f(g({as:fe,testId:o,marginBottom:n==="default"?"spacingL":"spacingXl",fontSize:c,lineHeight:d,fontColor:"gray900",fontWeight:"fontWeightDemiBold"},l),{ref:r}),a)}$.displayName="DisplayText";s__default["default"].forwardRef($);var me="h2";function G(e,r){var t=e,{children:a,className:n,testId:o="cf-ui-section-heading"}=t,l=m(t,["children","className","testId"]);return s__default["default"].createElement(h,f(g({as:me,testId:o,marginBottom:"spacingL",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeS",lineHeight:"lineHeightS",className:emotion.cx(emotion.css({letterSpacing:i__default["default"].letterSpacingWide,textTransform:"uppercase"}),n)},l),{ref:r}),a)}G.displayName="SectionHeading";s__default["default"].forwardRef(G);var ue=s__default["default"].forwardRef((e,r)=>{var t=e,{children:a,testId:n="cf-ui-paragraph"}=t,o=m(t,["children","testId"]);return s__default["default"].createElement(h,f(g({as:"p",testId:n,marginBottom:"spacingM",lineHeight:"lineHeightM"},o),{ref:r}),a)});ue.displayName="Paragraph";var E=s__default["default"].forwardRef((e,r)=>{let t=O(),S=e,{children:a,variant:n="primary",size:o="default",testId:l="cf-ui-badge",startIcon:c,endIcon:d,className:H}=S,w=x(S,["children","variant","size","testId","startIcon","endIcon","className"]),y=B=>s__default["default"].cloneElement(B,{size:"tiny",className:emotion.cx(t.badgeIcon,B.props.className),variant:n==="primary-filled"?"white":n});return s__default["default"].createElement(f36Core.Box,I(p({as:"div",testId:l,display:"inline-flex",className:emotion.cx(t.badge({variant:n,size:o}),H)},w),{ref:r}),c&&o==="default"&&y(c),s__default["default"].createElement(V,{fontWeight:"fontWeightMedium",isTruncated:!0,className:t.badgeText},a),d&&o==="default"&&y(d))});E.displayName="Badge";var Se={published:"positive",draft:"warning",archived:"secondary",changed:"primary",deleted:"negative",new:"primary-filled"};function q(e,r){let d=e,{entityStatus:t,isScheduled:a=void 0,size:n="default"}=d,o=x(d,["entityStatus","isScheduled","size"]),l=a&&n==="default",c=Se[t];return s__default["default"].createElement(E,I(p(p({},o),l?{size:n,startIcon:s__default["default"].createElement(f36Icons.ClockIcon,{testId:"schedule-icon"})}:{size:n}),{variant:c,ref:r}),t)}q.displayName="EntityStatusBadge";var Be=s__default["default"].forwardRef(q);
var Y=Object.defineProperty,Z=Object.defineProperties;var K=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var N=(e,r,t)=>r in e?Y(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,p=(e,r)=>{for(var t in r||(r={}))k.call(r,t)&&N(e,t,r[t]);if(v)for(var t of v(r))T.call(r,t)&&N(e,t,r[t]);return e},I=(e,r)=>Z(e,K(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&&v)for(var a of v(e))r.indexOf(a)<0&&T.call(e,a)&&(t[a]=e[a]);return t};var Q=({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 {}}},ee=({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}}},O=()=>({badge:({variant:e,size:r})=>emotion.css(p(p({columnGap:i__default.default.spacing2Xs,alignItems:"center",borderRadius:i__default.default.borderRadiusSmall,overflow:"hidden",verticalAlign:"middle"},Q({variant:e})),ee({size:r}))),badgeIcon:emotion.css({flexShrink:0}),badgeText:emotion.css({color:"currentcolor",lineHeight:"inherit",textTransform:"lowercase","::first-letter":{textTransform:"uppercase"}})});var ae=Object.defineProperty,ne=Object.defineProperties,ie=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertySymbols,X=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,R=(e,r,t)=>r in e?ae(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,g=(e,r)=>{for(var t in r||(r={}))X.call(r,t)&&R(e,t,r[t]);if(b)for(var t of b(r))j.call(r,t)&&R(e,t,r[t]);return e},f=(e,r)=>ne(e,ie(r)),m=(e,r)=>{var t={};for(var a in e)X.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&&j.call(e,a)&&(t[a]=e[a]);return t},oe="span";function se(){return emotion.css({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:"100%"})}function le(){return emotion.css({wordBreak:"break-word"})}function D(e,r){var t=e,{fontSize:a="fontSizeM",fontStack:n="fontStackPrimary",fontWeight:o="fontWeightNormal",fontColor:l="gray800",lineHeight:c="lineHeightM",children:d,isTruncated:H,isWordBreak:w,as:y,className:S,margin:B="none"}=t,A=m(t,["fontSize","fontStack","fontWeight","fontColor","lineHeight","children","isTruncated","isWordBreak","as","className","margin"]);let J=y||oe;return s__default.default.createElement(f36Core.Box,f(g({},A),{as:J,className:emotion.cx(emotion.css({padding:0,fontFamily:i__default.default[n],fontWeight:i__default.default[o],color:i__default.default[l],fontSize:i__default.default[a],lineHeight:i__default.default[c]}),H?se():null,w?le():null,S),margin:B,ref:r}),d)}D.displayName="Text";var h=s__default.default.forwardRef(D),de="span";function L(e,r){var t=e,{children:a,fontWeight:n="fontWeightNormal",testId:o="cf-ui-caption"}=t,l=m(t,["children","fontWeight","testId"]);return s__default.default.createElement(h,f(g({as:de,testId:o,fontSize:"fontSizeS",lineHeight:"lineHeightS",fontColor:"gray900",fontWeight:n},l),{ref:r}),a)}L.displayName="Caption";var V=s__default.default.forwardRef(L),ce="h1";function U(e,r){var t=e,{children:a,testId:n="cf-ui-heading"}=t,o=m(t,["children","testId"]);return s__default.default.createElement(h,f(g({as:ce,testId:n,marginBottom:"spacingM",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeXl",lineHeight:"lineHeightXl"},o),{ref:r}),a)}U.displayName="Heading";s__default.default.forwardRef(U);var pe="h3";function F(e,r){var t=e,{children:a,testId:n="cf-ui-subheading"}=t,o=m(t,["children","testId"]);return s__default.default.createElement(h,f(g({as:pe,testId:n,marginBottom:"spacingM",fontSize:"fontSizeL",lineHeight:"lineHeightL",fontWeight:"fontWeightDemiBold",fontColor:"gray900"},o),{ref:r}),a)}F.displayName="Subheading";s__default.default.forwardRef(F);var fe="h2";function $(e,r){var t=e,{children:a,size:n="default",testId:o="cf-ui-display-text"}=t,l=m(t,["children","size","testId"]);let c="fontSize2Xl",d="lineHeight2Xl";return n==="large"&&(c="fontSize3Xl",d="lineHeight3Xl"),s__default.default.createElement(h,f(g({as:fe,testId:o,marginBottom:n==="default"?"spacingL":"spacingXl",fontSize:c,lineHeight:d,fontColor:"gray900",fontWeight:"fontWeightDemiBold"},l),{ref:r}),a)}$.displayName="DisplayText";s__default.default.forwardRef($);var me="h2";function G(e,r){var t=e,{children:a,className:n,testId:o="cf-ui-section-heading"}=t,l=m(t,["children","className","testId"]);return s__default.default.createElement(h,f(g({as:me,testId:o,marginBottom:"spacingL",fontWeight:"fontWeightDemiBold",fontColor:"gray900",fontSize:"fontSizeS",lineHeight:"lineHeightS",className:emotion.cx(emotion.css({letterSpacing:i__default.default.letterSpacingWide,textTransform:"uppercase"}),n)},l),{ref:r}),a)}G.displayName="SectionHeading";s__default.default.forwardRef(G);var ue=s__default.default.forwardRef((e,r)=>{var t=e,{children:a,testId:n="cf-ui-paragraph"}=t,o=m(t,["children","testId"]);return s__default.default.createElement(h,f(g({as:"p",testId:n,marginBottom:"spacingM",lineHeight:"lineHeightM"},o),{ref:r}),a)});ue.displayName="Paragraph";var E=s__default.default.forwardRef((e,r)=>{let t=O(),S=e,{children:a,variant:n="primary",size:o="default",testId:l="cf-ui-badge",startIcon:c,endIcon:d,className:H}=S,w=x(S,["children","variant","size","testId","startIcon","endIcon","className"]),y=B=>s__default.default.cloneElement(B,{size:"tiny",className:emotion.cx(t.badgeIcon,B.props.className),variant:n==="primary-filled"?"white":n});return s__default.default.createElement(f36Core.Box,I(p({as:"div",testId:l,display:"inline-flex",className:emotion.cx(t.badge({variant:n,size:o}),H)},w),{ref:r}),c&&o==="default"&&y(c),s__default.default.createElement(V,{fontWeight:"fontWeightMedium",isTruncated:!0,className:t.badgeText},a),d&&o==="default"&&y(d))});E.displayName="Badge";var Se={published:"positive",draft:"warning",archived:"secondary",changed:"primary",deleted:"negative",new:"primary-filled"};function q(e,r){let d=e,{entityStatus:t,isScheduled:a=void 0,size:n="default"}=d,o=x(d,["entityStatus","isScheduled","size"]),l=a&&n==="default",c=Se[t];return s__default.default.createElement(E,I(p(p({},o),l?{size:n,startIcon:s__default.default.createElement(f36Icons.ClockIcon,{testId:"schedule-icon"})}:{size:n}),{variant:c,ref:r}),t)}q.displayName="EntityStatusBadge";var Be=s__default.default.forwardRef(q);
exports.Badge = E;
exports.EntityStatusBadge = Be;
//# sourceMappingURL=out.js.map
//# sourceMappingURL=index.js.map
{
"name": "@contentful/f36-badge",
"version": "4.48.0",
"version": "4.48.1",
"description": "Forma 36: Badge React Component",

@@ -23,3 +23,3 @@ "license": "MIT",

"dependencies": {
"@contentful/f36-core": "^4.48.0",
"@contentful/f36-core": "^4.48.1",
"@contentful/f36-icons": "^4.27.0",

@@ -30,3 +30,3 @@ "@contentful/f36-tokens": "^4.0.2",

"devDependencies": {
"@contentful/f36-typography": "^4.48.0"
"@contentful/f36-typography": "^4.48.1"
},

@@ -33,0 +33,0 @@ "peerDependencies": {

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc