@contentful/f36-text-link - npm Package Compare versions

Comparing version 4.47.3 to 4.48.0

dist/esm/index.js

 import i from 'react';
 import { cx, css } from 'emotion';
 import { Flex } from '@contentful/f36-core';
-import t from '@contentful/f36-tokens';
+import o from '@contentful/f36-tokens';
 
-var w=Object.defineProperty,A=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var p=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable;var L=(o,e,n)=>e in o?w(o,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):o[e]=n,a=(o,e)=>{for(var n in e||(e={}))k.call(e,n)&&L(o,n,e[n]);if(p)for(var n of p(e))g.call(e,n)&&L(o,n,e[n]);return o},c=(o,e)=>A(o,C(e));var h=(o,e)=>{var n={};for(var r in o)k.call(o,r)&&e.indexOf(r)<0&&(n[r]=o[r]);if(o!=null&&p)for(var r of p(o))e.indexOf(r)<0&&g.call(o,r)&&(n[r]=o[r]);return n};var D=o=>{switch(o){case"primary":return {color:t.blue600,"&:hover, &:focus":{color:t.blue700}};case"secondary":return {color:t.gray600,"&:hover, &:focus":{color:t.gray700}};case"positive":return {color:t.green600,"&:hover, &:focus":{color:t.green700}};case"negative":return {color:t.red600,"&:hover, &:focus":{color:t.red700}};case"muted":return {color:t.gray400,"&:hover, &:focus":{color:t.gray500}};case"white":return {color:t.colorWhite,"&:hover, &:focus":{color:t.gray100}};default:return {color:t.colorWhite}}},R=({variant:o,isDisabled:e})=>css(c(a({display:"inline-flex",justifyContent:"center",alignItems:"center",boxSizing:"border-box",border:0,padding:0,margin:0,fontFamily:t.fontStackPrimary,fontSize:t.fontSizeM,fontWeight:t.fontWeightMedium,transition:`color ${t.transitionDurationShort} ${t.transitionEasingDefault}`,textDecoration:"none",background:"none",appearance:"none",whiteSpace:"normal",textAlign:"left",cursor:e?"not-allowed":"pointer",opacity:e?.5:1},D(o)),{outline:"none",verticalAlign:"bottom","&:focus, &:focus-visible, &:hover":{textDecoration:e?"none":"underline"},"&:focus":{boxShadow:e?"none":t.glowPrimary,borderRadius:t.borderRadiusSmall},"&:focus:not(:focus-visible)":{borderRadius:0,boxShadow:"none"},"&:focus-visible":{borderRadius:t.borderRadiusSmall,boxShadow:e?"none":t.glowPrimary}})),F=()=>css({fill:"currentColor",transition:`fill ${t.transitionDurationShort} ${t.transitionEasingDefault}`}),X=({alignIcon:o})=>{if(o==="start")return css({marginLeft:t.spacing2Xs});if(o==="end")return css({marginRight:t.spacing2Xs})},f={textLink:R,textLinkIcon:F,textLinkText:X};var G="a";function P(o,e){let y=o,{children:n,className:r,testId:E="cf-ui-text-link",variant:v="primary",href:I,icon:s,alignIcon:u="start",isDisabled:l,as:S=G}=y,_=h(y,["children","className","testId","variant","href","icon","alignIcon","isDisabled","as"]),d=a({ref:e,className:cx(f.textLink({variant:v,isDisabled:l}),o.className),["data-test-id"]:E},_),x=s?i.createElement(Flex,{as:"span"},i.cloneElement(s,{className:cx(s.props.className,f.textLinkIcon()),size:"small"})):null,T=i.createElement(i.Fragment,null,s&&u==="start"&&x,n&&i.createElement("span",{className:f.textLinkText({alignIcon:s?u:void 0})},n),s&&u==="end"&&x);return S==="button"?i.createElement("button",c(a({},d),{disabled:l,type:"button"}),T):i.createElement("a",a(c(a({},d),{onClick:l?N=>{N.preventDefault();}:d.onClick,href:I}),l?{tabIndex:-1}:{}),T)}P.displayName="TextLink";var K=i.forwardRef(P);
+var w=Object.defineProperty,A=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var p=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var L=(e,t,n)=>t in e?w(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,a=(e,t)=>{for(var n in t||(t={}))k.call(t,n)&&L(e,n,t[n]);if(p)for(var n of p(t))h.call(t,n)&&L(e,n,t[n]);return e},c=(e,t)=>A(e,C(t));var g=(e,t)=>{var n={};for(var r in e)k.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&p)for(var r of p(e))t.indexOf(r)<0&&h.call(e,r)&&(n[r]=e[r]);return n};var D=e=>{switch(e){case"primary":return {color:o.blue600,"&:hover, &:focus":{color:o.blue700}};case"secondary":return {color:o.gray600,"&:hover, &:focus":{color:o.gray700}};case"positive":return {color:o.green600,"&:hover, &:focus":{color:o.green700}};case"negative":return {color:o.red600,"&:hover, &:focus":{color:o.red700}};case"muted":return {color:o.gray400,"&:hover, &:focus":{color:o.gray500}};case"white":return {color:o.colorWhite,"&:hover, &:focus":{color:o.gray100}};case"premium":return {color:o.purple600,"&:hover, &:focus":{color:o.purple700}};default:return {color:o.colorWhite}}},R=({variant:e,isDisabled:t})=>css(c(a({display:"inline-flex",justifyContent:"center",alignItems:"center",boxSizing:"border-box",border:0,padding:0,margin:0,fontFamily:o.fontStackPrimary,fontSize:o.fontSizeM,fontWeight:o.fontWeightMedium,transition:`color ${o.transitionDurationShort} ${o.transitionEasingDefault}`,textDecoration:"none",background:"none",appearance:"none",whiteSpace:"normal",textAlign:"left",cursor:t?"not-allowed":"pointer",opacity:t?.5:1},D(e)),{outline:"none",verticalAlign:"bottom","&:focus, &:focus-visible, &:hover":{textDecoration:t?"none":"underline"},"&:focus":{boxShadow:t?"none":o.glowPrimary,borderRadius:o.borderRadiusSmall},"&:focus:not(:focus-visible)":{borderRadius:0,boxShadow:"none"},"&:focus-visible":{borderRadius:o.borderRadiusSmall,boxShadow:t?"none":o.glowPrimary}})),F=()=>css({fill:"currentColor",transition:`fill ${o.transitionDurationShort} ${o.transitionEasingDefault}`}),X=({alignIcon:e})=>{if(e==="start")return css({marginLeft:o.spacing2Xs});if(e==="end")return css({marginRight:o.spacing2Xs})},u={textLink:R,textLinkIcon:F,textLinkText:X};var G="a";function P(e,t){let y=e,{children:n,className:r,testId:E="cf-ui-text-link",variant:v="primary",href:I,icon:s,alignIcon:f="start",isDisabled:l,as:S=G}=y,_=g(y,["children","className","testId","variant","href","icon","alignIcon","isDisabled","as"]),d=a({ref:t,className:cx(u.textLink({variant:v,isDisabled:l}),e.className),["data-test-id"]:E},_),x=s?i.createElement(Flex,{as:"span"},i.cloneElement(s,{className:cx(s.props.className,u.textLinkIcon()),size:"small"})):null,T=i.createElement(i.Fragment,null,s&&f==="start"&&x,n&&i.createElement("span",{className:u.textLinkText({alignIcon:s?f:void 0})},n),s&&f==="end"&&x);return S==="button"?i.createElement("button",c(a({},d),{disabled:l,type:"button"}),T):i.createElement("a",a(c(a({},d),{onClick:l?N=>{N.preventDefault();}:d.onClick,href:I}),l?{tabIndex:-1}:{}),T)}P.displayName="TextLink";var K=i.forwardRef(P);
 
 export { K as TextLink };
 //# sourceMappingURL=index.js.map

dist/index.d.ts

 import React from 'react';
 import { PolymorphicProps, PolymorphicComponent, ExpandProps, CommonProps } from '@contentful/f36-core';
 
-declare type TextLinkVariant = 'negative' | 'positive' | 'primary' | 'secondary' | 'muted' | 'white';
+declare type TextLinkVariant = 'negative' | 'positive' | 'primary' | 'secondary' | 'muted' | 'white' | 'premium';
 
@@ -6,0 +6,0 @@ declare const TEXT_LINK_DEFAULT_TAG = "a";

dist/index.js

@@ -8,3 +8,3 @@ 'use strict';
 var f36Core = require('@contentful/f36-core');
-var t = require('@contentful/f36-tokens');
+var o = require('@contentful/f36-tokens');
 
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 var i__default = /*#__PURE__*/_interopDefaultLegacy(i);
-var t__default = /*#__PURE__*/_interopDefaultLegacy(t);
+var o__default = /*#__PURE__*/_interopDefaultLegacy(o);
 
-var w=Object.defineProperty,A=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var p=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable;var L=(o,e,n)=>e in o?w(o,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):o[e]=n,a=(o,e)=>{for(var n in e||(e={}))k.call(e,n)&&L(o,n,e[n]);if(p)for(var n of p(e))g.call(e,n)&&L(o,n,e[n]);return o},c=(o,e)=>A(o,C(e));var h=(o,e)=>{var n={};for(var r in o)k.call(o,r)&&e.indexOf(r)<0&&(n[r]=o[r]);if(o!=null&&p)for(var r of p(o))e.indexOf(r)<0&&g.call(o,r)&&(n[r]=o[r]);return n};var D=o=>{switch(o){case"primary":return {color:t__default["default"].blue600,"&:hover, &:focus":{color:t__default["default"].blue700}};case"secondary":return {color:t__default["default"].gray600,"&:hover, &:focus":{color:t__default["default"].gray700}};case"positive":return {color:t__default["default"].green600,"&:hover, &:focus":{color:t__default["default"].green700}};case"negative":return {color:t__default["default"].red600,"&:hover, &:focus":{color:t__default["default"].red700}};case"muted":return {color:t__default["default"].gray400,"&:hover, &:focus":{color:t__default["default"].gray500}};case"white":return {color:t__default["default"].colorWhite,"&:hover, &:focus":{color:t__default["default"].gray100}};default:return {color:t__default["default"].colorWhite}}},R=({variant:o,isDisabled:e})=>emotion.css(c(a({display:"inline-flex",justifyContent:"center",alignItems:"center",boxSizing:"border-box",border:0,padding:0,margin:0,fontFamily:t__default["default"].fontStackPrimary,fontSize:t__default["default"].fontSizeM,fontWeight:t__default["default"].fontWeightMedium,transition:`color ${t__default["default"].transitionDurationShort} ${t__default["default"].transitionEasingDefault}`,textDecoration:"none",background:"none",appearance:"none",whiteSpace:"normal",textAlign:"left",cursor:e?"not-allowed":"pointer",opacity:e?.5:1},D(o)),{outline:"none",verticalAlign:"bottom","&:focus, &:focus-visible, &:hover":{textDecoration:e?"none":"underline"},"&:focus":{boxShadow:e?"none":t__default["default"].glowPrimary,borderRadius:t__default["default"].borderRadiusSmall},"&:focus:not(:focus-visible)":{borderRadius:0,boxShadow:"none"},"&:focus-visible":{borderRadius:t__default["default"].borderRadiusSmall,boxShadow:e?"none":t__default["default"].glowPrimary}})),F=()=>emotion.css({fill:"currentColor",transition:`fill ${t__default["default"].transitionDurationShort} ${t__default["default"].transitionEasingDefault}`}),X=({alignIcon:o})=>{if(o==="start")return emotion.css({marginLeft:t__default["default"].spacing2Xs});if(o==="end")return emotion.css({marginRight:t__default["default"].spacing2Xs})},f={textLink:R,textLinkIcon:F,textLinkText:X};var G="a";function P(o,e){let y=o,{children:n,className:r,testId:E="cf-ui-text-link",variant:v="primary",href:I,icon:s,alignIcon:u="start",isDisabled:l,as:S=G}=y,_=h(y,["children","className","testId","variant","href","icon","alignIcon","isDisabled","as"]),d=a({ref:e,className:emotion.cx(f.textLink({variant:v,isDisabled:l}),o.className),["data-test-id"]:E},_),x=s?i__default["default"].createElement(f36Core.Flex,{as:"span"},i__default["default"].cloneElement(s,{className:emotion.cx(s.props.className,f.textLinkIcon()),size:"small"})):null,T=i__default["default"].createElement(i__default["default"].Fragment,null,s&&u==="start"&&x,n&&i__default["default"].createElement("span",{className:f.textLinkText({alignIcon:s?u:void 0})},n),s&&u==="end"&&x);return S==="button"?i__default["default"].createElement("button",c(a({},d),{disabled:l,type:"button"}),T):i__default["default"].createElement("a",a(c(a({},d),{onClick:l?N=>{N.preventDefault();}:d.onClick,href:I}),l?{tabIndex:-1}:{}),T)}P.displayName="TextLink";var K=i__default["default"].forwardRef(P);
+var w=Object.defineProperty,A=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var p=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var L=(e,t,n)=>t in e?w(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,a=(e,t)=>{for(var n in t||(t={}))k.call(t,n)&&L(e,n,t[n]);if(p)for(var n of p(t))h.call(t,n)&&L(e,n,t[n]);return e},c=(e,t)=>A(e,C(t));var g=(e,t)=>{var n={};for(var r in e)k.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&p)for(var r of p(e))t.indexOf(r)<0&&h.call(e,r)&&(n[r]=e[r]);return n};var D=e=>{switch(e){case"primary":return {color:o__default["default"].blue600,"&:hover, &:focus":{color:o__default["default"].blue700}};case"secondary":return {color:o__default["default"].gray600,"&:hover, &:focus":{color:o__default["default"].gray700}};case"positive":return {color:o__default["default"].green600,"&:hover, &:focus":{color:o__default["default"].green700}};case"negative":return {color:o__default["default"].red600,"&:hover, &:focus":{color:o__default["default"].red700}};case"muted":return {color:o__default["default"].gray400,"&:hover, &:focus":{color:o__default["default"].gray500}};case"white":return {color:o__default["default"].colorWhite,"&:hover, &:focus":{color:o__default["default"].gray100}};case"premium":return {color:o__default["default"].purple600,"&:hover, &:focus":{color:o__default["default"].purple700}};default:return {color:o__default["default"].colorWhite}}},R=({variant:e,isDisabled:t})=>emotion.css(c(a({display:"inline-flex",justifyContent:"center",alignItems:"center",boxSizing:"border-box",border:0,padding:0,margin:0,fontFamily:o__default["default"].fontStackPrimary,fontSize:o__default["default"].fontSizeM,fontWeight:o__default["default"].fontWeightMedium,transition:`color ${o__default["default"].transitionDurationShort} ${o__default["default"].transitionEasingDefault}`,textDecoration:"none",background:"none",appearance:"none",whiteSpace:"normal",textAlign:"left",cursor:t?"not-allowed":"pointer",opacity:t?.5:1},D(e)),{outline:"none",verticalAlign:"bottom","&:focus, &:focus-visible, &:hover":{textDecoration:t?"none":"underline"},"&:focus":{boxShadow:t?"none":o__default["default"].glowPrimary,borderRadius:o__default["default"].borderRadiusSmall},"&:focus:not(:focus-visible)":{borderRadius:0,boxShadow:"none"},"&:focus-visible":{borderRadius:o__default["default"].borderRadiusSmall,boxShadow:t?"none":o__default["default"].glowPrimary}})),F=()=>emotion.css({fill:"currentColor",transition:`fill ${o__default["default"].transitionDurationShort} ${o__default["default"].transitionEasingDefault}`}),X=({alignIcon:e})=>{if(e==="start")return emotion.css({marginLeft:o__default["default"].spacing2Xs});if(e==="end")return emotion.css({marginRight:o__default["default"].spacing2Xs})},u={textLink:R,textLinkIcon:F,textLinkText:X};var G="a";function P(e,t){let y=e,{children:n,className:r,testId:E="cf-ui-text-link",variant:v="primary",href:I,icon:s,alignIcon:f="start",isDisabled:l,as:S=G}=y,_=g(y,["children","className","testId","variant","href","icon","alignIcon","isDisabled","as"]),d=a({ref:t,className:emotion.cx(u.textLink({variant:v,isDisabled:l}),e.className),["data-test-id"]:E},_),x=s?i__default["default"].createElement(f36Core.Flex,{as:"span"},i__default["default"].cloneElement(s,{className:emotion.cx(s.props.className,u.textLinkIcon()),size:"small"})):null,T=i__default["default"].createElement(i__default["default"].Fragment,null,s&&f==="start"&&x,n&&i__default["default"].createElement("span",{className:u.textLinkText({alignIcon:s?f:void 0})},n),s&&f==="end"&&x);return S==="button"?i__default["default"].createElement("button",c(a({},d),{disabled:l,type:"button"}),T):i__default["default"].createElement("a",a(c(a({},d),{onClick:l?N=>{N.preventDefault();}:d.onClick,href:I}),l?{tabIndex:-1}:{}),T)}P.displayName="TextLink";var K=i__default["default"].forwardRef(P);
 
 exports.TextLink = K;
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@contentful/f36-text-link",
-  "version": "4.47.3",
+  "version": "4.48.0",
   "description": "Forma 36: TextLink component",
@@ -9,3 +9,3 @@ "scripts": {
   "dependencies": {
-    "@contentful/f36-core": "^4.47.3",
+    "@contentful/f36-core": "^4.48.0",
     "@contentful/f36-tokens": "^4.0.2",
@@ -12,0 +12,0 @@ "emotion": "^10.0.17"

No alert changes

Improved metrics

Total package byte prevSize

31635

2.42%

Lines of code

78

2.63%

Number of lines in readme file

68

1.49%

Dependency changes

• Updated

  @contentful/f36-core@^4.48.0