@contentful/f36-text-link
Advanced tools
Comparing version
@@ -1,2 +0,2 @@ | ||
import i from 'react'; | ||
import a from 'react'; | ||
import { cx, css } from 'emotion'; | ||
@@ -6,6 +6,6 @@ import { Flex } from '@contentful/f36-core'; | ||
var w=Object.defineProperty,C=Object.defineProperties;var D=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)=>C(e,D(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 R=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}}},A=({variant:e,isDisabled:t})=>css(c(a({display:"inline-flex",justifyContent:"center",alignItems:"baseline",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},R(e)),{outline:"none","&: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:A,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",alignSelf:"center"},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); | ||
var C=Object.defineProperty,R=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var u=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable;var L=(e,t,n)=>t in e?C(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,i=(e,t)=>{for(var n in t||(t={}))k.call(t,n)&&L(e,n,t[n]);if(u)for(var n of u(t))g.call(t,n)&&L(e,n,t[n]);return e},c=(e,t)=>R(e,w(t));var h=(e,t)=>{var n={};for(var r in e)k.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&u)for(var r of u(e))t.indexOf(r)<0&&g.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}}},A=({variant:e,isDisabled:t})=>css(c(i({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","&: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})},z=()=>css({display:"flex",alignItems:"baseline"}),p={textLink:A,textLinkIcon:F,textLinkText:X,textLinkContent:z};var K="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:m,as:S=K}=y,N=h(y,["children","className","testId","variant","href","icon","alignIcon","isDisabled","as"]),x=i({ref:t,className:cx(p.textLink({variant:v,isDisabled:m}),e.className),"data-test-id":E},N),d=s?a.createElement(Flex,{as:"span",alignSelf:"center"},a.cloneElement(s,{className:cx(s.props.className,p.textLinkIcon()),size:"small"})):null,T=a.createElement("span",{className:p.textLinkContent()},s&&f==="start"&&d,n&&a.createElement("span",{className:p.textLinkText({alignIcon:s?f:void 0})},n),s&&f==="end"&&d);return S==="button"?a.createElement("button",c(i({},x),{disabled:m,type:"button"}),T):a.createElement("a",i(c(i({},x),{onClick:m?_=>{_.preventDefault();}:x.onClick,href:I}),m?{tabIndex:-1}:{}),T)}P.displayName="TextLink";var U=a.forwardRef(P); | ||
export { K as TextLink }; | ||
export { U as TextLink }; | ||
//# sourceMappingURL=out.js.map | ||
//# sourceMappingURL=index.js.map |
'use strict'; | ||
var i = require('react'); | ||
var a = require('react'); | ||
var emotion = require('emotion'); | ||
@@ -10,9 +10,9 @@ var f36Core = require('@contentful/f36-core'); | ||
var i__default = /*#__PURE__*/_interopDefault(i); | ||
var a__default = /*#__PURE__*/_interopDefault(a); | ||
var o__default = /*#__PURE__*/_interopDefault(o); | ||
var w=Object.defineProperty,C=Object.defineProperties;var D=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)=>C(e,D(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 R=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}}},A=({variant:e,isDisabled:t})=>emotion.css(c(a({display:"inline-flex",justifyContent:"center",alignItems:"baseline",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},R(e)),{outline:"none","&: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:A,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",alignSelf:"center"},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); | ||
var C=Object.defineProperty,R=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var u=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable;var L=(e,t,n)=>t in e?C(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,i=(e,t)=>{for(var n in t||(t={}))k.call(t,n)&&L(e,n,t[n]);if(u)for(var n of u(t))g.call(t,n)&&L(e,n,t[n]);return e},c=(e,t)=>R(e,w(t));var h=(e,t)=>{var n={};for(var r in e)k.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&u)for(var r of u(e))t.indexOf(r)<0&&g.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}}},A=({variant:e,isDisabled:t})=>emotion.css(c(i({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","&: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})},z=()=>emotion.css({display:"flex",alignItems:"baseline"}),p={textLink:A,textLinkIcon:F,textLinkText:X,textLinkContent:z};var K="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:m,as:S=K}=y,N=h(y,["children","className","testId","variant","href","icon","alignIcon","isDisabled","as"]),x=i({ref:t,className:emotion.cx(p.textLink({variant:v,isDisabled:m}),e.className),"data-test-id":E},N),d=s?a__default.default.createElement(f36Core.Flex,{as:"span",alignSelf:"center"},a__default.default.cloneElement(s,{className:emotion.cx(s.props.className,p.textLinkIcon()),size:"small"})):null,T=a__default.default.createElement("span",{className:p.textLinkContent()},s&&f==="start"&&d,n&&a__default.default.createElement("span",{className:p.textLinkText({alignIcon:s?f:void 0})},n),s&&f==="end"&&d);return S==="button"?a__default.default.createElement("button",c(i({},x),{disabled:m,type:"button"}),T):a__default.default.createElement("a",i(c(i({},x),{onClick:m?_=>{_.preventDefault();}:x.onClick,href:I}),m?{tabIndex:-1}:{}),T)}P.displayName="TextLink";var U=a__default.default.forwardRef(P); | ||
exports.TextLink = K; | ||
exports.TextLink = U; | ||
//# sourceMappingURL=out.js.map | ||
//# sourceMappingURL=index.js.map |
{ | ||
"name": "@contentful/f36-text-link", | ||
"version": "4.52.0", | ||
"version": "4.52.1", | ||
"description": "Forma 36: TextLink component", | ||
@@ -9,3 +9,3 @@ "scripts": { | ||
"dependencies": { | ||
"@contentful/f36-core": "^4.52.0", | ||
"@contentful/f36-core": "^4.52.1", | ||
"@contentful/f36-tokens": "^4.0.2", | ||
@@ -12,0 +12,0 @@ "emotion": "^10.0.17" |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
33469
2.21%Updated