carbon-react 155.9.0 → 155.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import r,{useState as o,useContext as i,useMemo as a,useEffect as l}from"react";import c from"../icon/icon.component.js";import s from"../menu/__internal__/menu.context.js";import{StyledLink as u,StyledContent as p}from"./link.style.js";import b from"../../__internal__/utils/helpers/tags/tags.js";import f from"../../hooks/__internal__/useLocale/useLocale.js";import m from"../batch-selection/__internal__/batch-selection.context.js";function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){y(e,t,n[t])}))}return e}function d(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const k=r.forwardRef(((y,k)=>{var{children:g,onKeyDown:j,href:h,onClick:w,onMouseDown:P,icon:_,iconAlign:v="left",isSkipLink:D,disabled:L=!1,ariaLabel:S,rel:M,tooltipMessage:x,tooltipPosition:A,target:B,variant:C="default",isDarkBackground:E,removeAriaLabelOnIcon:I,className:N}=y,K=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(y,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","removeAriaLabelOnIcon","className"]);const[F,R]=o(!1),W=f(),{inMenu:q}=i(s),{batchSelectionDisabled:z}=i(m),G=L||z,H=r.useCallback((e=>{k&&("object"==typeof k&&(k.current=e),"function"==typeof k&&k(e))}),[k]),J=(t="left")=>_&&v===t?e(c,{type:_,disabled:G,ariaLabel:I?void 0:S,tooltipMessage:x,tooltipPosition:A}):null,Q=a((()=>{const e=K;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((t,n)=>(t[n]=e[n],t)),{})}),[K]),T=d(O({onKeyDown:j,onMouseDown:P,onClick:w,disabled:G,target:B,ref:H,href:h,rel:M,"aria-label":S},Q),{onFocus:()=>R(!0),onBlur:()=>R(!1)}),U={type:"button"};return l((()=>{(L||!h&&!w)&&R(!1)}),[L,h,w]),e(u,d(O({isSkipLink:D,disabled:G,iconAlign:v,className:N,hasContent:Boolean(g),variant:C,isDarkBackground:E,isMenuItem:q},b("link",K),D&&{"data-element":"skip-link"}),{hasFocus:F,children:(()=>{let o="a";return w&&!h&&(o="button"),r.createElement(o,"button"===o?O({},T,U):d(O({},T),{"data-role":"link-anchor"}),t(n,{children:[J(),e(p,{children:D?W.link.skipLinkLabel():g}),J("right")]}))})()}))}));k.displayName="Link";export{k as Link,k as default};
1
+ import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import r,{useState as o,useContext as i,useMemo as a,useEffect as l}from"react";import c from"../icon/icon.component.js";import s from"../menu/__internal__/menu.context.js";import{StyledLink as u,StyledContent as p}from"./link.style.js";import b from"../../__internal__/utils/helpers/tags/tags.js";import f from"../../hooks/__internal__/useLocale/useLocale.js";import m from"../batch-selection/__internal__/batch-selection.context.js";function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){y(e,t,n[t])}))}return e}function O(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const k=r.forwardRef(((y,k)=>{var{children:g,onKeyDown:j,href:h,onClick:w,onMouseDown:P,icon:_,iconAlign:v="left",isSkipLink:D,disabled:L=!1,underline:S="always",ariaLabel:M,rel:x,tooltipMessage:A,tooltipPosition:B,target:C,variant:E="default",isDarkBackground:I,removeAriaLabelOnIcon:N,className:K}=y,F=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(y,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","underline","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","removeAriaLabelOnIcon","className"]);const[R,W]=o(!1),q=f(),{inMenu:z}=i(s),{batchSelectionDisabled:G}=i(m),H=L||G,J=r.useCallback((e=>{k&&("object"==typeof k&&(k.current=e),"function"==typeof k&&k(e))}),[k]),Q=(t="left")=>_&&v===t?e(c,{type:_,disabled:H,ariaLabel:N?void 0:M,tooltipMessage:A,tooltipPosition:B}):null,T=a((()=>{const e=F;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((t,n)=>(t[n]=e[n],t)),{})}),[F]),U=O(d({onKeyDown:j,onMouseDown:P,onClick:w,disabled:H,target:C,ref:J,href:h,rel:x,"aria-label":M},T),{onFocus:()=>W(!0),onBlur:()=>W(!1)}),V={type:"button"};return l((()=>{(L||!h&&!w)&&W(!1)}),[L,h,w]),e(u,O(d({isSkipLink:D,disabled:H,underline:S,iconAlign:v,className:K,hasContent:Boolean(g),variant:E,isDarkBackground:I,isMenuItem:z},b("link",F),D&&{"data-element":"skip-link"}),{hasFocus:R,children:(()=>{let o="a";return w&&!h&&(o="button"),r.createElement(o,"button"===o?d({},U,V):O(d({},U),{"data-role":"link-anchor"}),t(n,{children:[Q(),e(p,{children:D?q.link.skipLinkLabel():g}),Q("right")]}))})()}))}));k.displayName="Link";export{k as Link,k as default};
@@ -1,7 +1,9 @@
1
- type Variants = "default" | "negative" | "neutral";
1
+ type Variants = "default" | "negative" | "neutral" | "subtle";
2
2
  export interface StyledLinkProps {
3
3
  /** The disabled state of the link. */
4
4
  disabled?: boolean;
5
+ /** Specifies when the link underline should be displayed. */
6
+ underline?: "always" | "hover" | "never";
5
7
  /** Which side of the link to the render the link. */
6
8
  iconAlign?: "left" | "right";
7
9
  /** Allows to create skip link */
@@ -1 +1 @@
1
- import o,{css as r}from"styled-components";import t from"../../style/themes/apply-base-theme.js";import i from"../icon/icon.style.js";import a from"../button/button.style.js";const n={light:o=>{let r="var(--colorsActionMajor500)",t="var(--colorsActionMajor600)";return"negative"===o?(r="var(--colorsSemanticNegative500)",t="var(--colorsSemanticNegative600)"):"neutral"===o&&(r="var(--colorsActionMajorYin090)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYin030)"}},dark:o=>{let r="var(--colorsActionMajor350)",t="var(--colorsActionMajor450)";return"negative"===o?(r="var(--colorsSemanticNegative350)",t="var(--colorsSemanticNegative450)"):"neutral"===o&&(r="var(--colorsActionMinor100)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYang030)"}}},e=o.span.attrs(t).withConfig({displayName:"link.style__StyledLink",componentId:"sc-1191d213-0"})(["",""],(({isSkipLink:o,theme:t,iconAlign:e,hasContent:l,disabled:s,variant:c,isDarkBackground:d,isMenuItem:v,hasFocus:u})=>{const b=d?"dark":"light",{color:g,hoverColor:p,disabledColor:m}=n[b](c);return r([""," "," "," > a,> button{text-decoration:",";"," > ","{display:",";position:relative;vertical-align:middle;"," ","}&:focus{color:var(--colorsActionMajorYin090);outline:none;","{color:var(--colorsActionMajorYin090);}}","}"," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],o&&r(["a{position:absolute;padding-left:var(--spacing300);padding-right:var(--spacing300);line-height:var(--sizing600);left:-999em;z-index:",";border:3px solid var(--colorsUtilityYin100);box-shadow:var(--boxShadow300);border-radius:var(--spacing000) var(--spacing100) var(--spacing100) var(--spacing000);font-size:var(--fontSizes100);color:var(--colorsUtilityYin090);&:hover{cursor:pointer;color:var(--colorsUtilityYin090);","{color:var(--colorsActionMajor600);}}&:focus{background-color:var(--colorsSemanticFocus500);text-decoration:underline var(--colorsUtilityYin100);text-decoration-thickness:4px;text-underline-offset:3px;-webkit-text-decoration:underline var(--colorsUtilityYin100);-webkit-text-decoration-thickness:4px;-webkit-text-underline-offset:3px;}}a:focus{top:var(--spacing100);left:var(--spacing000);}"],t.zIndex.aboveAll,i),!o&&r(["> a,> button{font-size:var(--fontSizes100);"," ","}"],!s&&r(["color:",";","{color:",";}&:hover{color:",";> ","{color:",";}}&:focus{background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);}"],g,i,g,p,i,p),s&&r(["color:",";&:hover,&:focus{color:",";}"],m,m)),!s&&r(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),l?"underline":"none",v&&"display: inline-block;",i,l?"inline-block":"inline","left"===e&&r(["margin-right:",";"],l?"var(--spacing050)":0),"right"===e&&r(["margin-right:0;margin-left:",";"],l?"var(--spacing100)":0),i,s&&r(["cursor:not-allowed;"]),!o&&!s&&u&&r(["> a,> button{outline:none;text-decoration:none;border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}max-width:fit-content;box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);border-bottom-left-radius:var(--borderRadius025);border-bottom-right-radius:var(--borderRadius025);"]),a)})),l=o.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-1191d213-1"})([""]);export{l as StyledContent,e as StyledLink};
1
+ import o,{css as r}from"styled-components";import t from"../../style/themes/apply-base-theme.js";import i from"../icon/icon.style.js";import a from"../button/button.style.js";const n={light:o=>{let r="var(--colorsActionMajor500)",t="var(--colorsActionMajor600)";return"negative"===o?(r="var(--colorsSemanticNegative500)",t="var(--colorsSemanticNegative600)"):"neutral"===o&&(r="var(--colorsActionMajorYin090)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYin030)"}},dark:o=>{let r="var(--colorsActionMajor350)",t="var(--colorsActionMajor450)";return"negative"===o?(r="var(--colorsSemanticNegative350)",t="var(--colorsSemanticNegative450)"):"neutral"===o?r="var(--colorsActionMinor100)":"subtle"===o&&(r="var(--colorsUtilityYang100)",t="var(--colorsUtilityYang100)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYang030)"}}},e=o.span.attrs(t).withConfig({displayName:"link.style__StyledLink",componentId:"sc-ba535d0b-0"})(["",""],(({isSkipLink:o,theme:t,iconAlign:e,hasContent:l,disabled:s,underline:c,variant:d,isDarkBackground:v,isMenuItem:u,hasFocus:b})=>{const g=v?"dark":"light",{color:p,hoverColor:h,disabledColor:m}=n[g](d);return r([""," "," "," > a,> button{text-decoration:",";:hover{text-decoration:",";}"," > ","{display:",";position:relative;vertical-align:middle;"," ","}&:focus{color:var(--colorsActionMajorYin090);outline:none;","{color:var(--colorsActionMajorYin090);}}","}"," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],o&&r(["a{position:absolute;padding-left:var(--spacing300);padding-right:var(--spacing300);line-height:var(--sizing600);left:-999em;z-index:",";border:3px solid var(--colorsUtilityYin100);box-shadow:var(--boxShadow300);border-radius:var(--spacing000) var(--spacing100) var(--spacing100) var(--spacing000);font-size:var(--fontSizes100);color:var(--colorsUtilityYin090);&:hover{cursor:pointer;color:var(--colorsUtilityYin090);","{color:var(--colorsActionMajor600);}}&:focus{background-color:var(--colorsSemanticFocus500);text-decoration:underline var(--colorsUtilityYin100);text-decoration-thickness:4px;text-underline-offset:3px;-webkit-text-decoration:underline var(--colorsUtilityYin100);-webkit-text-decoration-thickness:4px;-webkit-text-underline-offset:3px;}}a:focus{top:var(--spacing100);left:var(--spacing000);}"],t.zIndex.aboveAll,i),!o&&r(["> a,> button{font-size:var(--fontSizes100);"," ","}"],!s&&r(["color:",";","{color:",";}&:hover{color:",";> ","{color:",";}}&:focus{background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);}"],p,i,p,h,i,h),s&&r(["color:",";&:hover,&:focus{color:",";}"],m,m)),!s&&r(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),l&&"always"===c?"underline":"none",!l||"hover"!==c&&"always"!==c?"none":"underline",u&&"display: inline-block;",i,l?"inline-block":"inline","left"===e&&r(["margin-right:",";"],l?"var(--spacing050)":0),"right"===e&&r(["margin-right:0;margin-left:",";"],l?"var(--spacing100)":0),i,s&&r(["cursor:not-allowed;"]),!o&&!s&&b&&r(["> a,> button{outline:none;text-decoration:none;border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}max-width:fit-content;box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);border-bottom-left-radius:var(--borderRadius025);border-bottom-right-radius:var(--borderRadius025);"]),a)})),l=o.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-ba535d0b-1"})([""]);export{l as StyledContent,e as StyledLink};
@@ -1 +1 @@
1
- import i from"styled-components";import{margin as e}from"styled-system";import{Portrait as o}from"../portrait/portrait.component.js";import t from"../../style/themes/apply-base-theme.js";import r from"./profile.config.js";import{Link as l}from"../link/link.component.js";import{StyledPortraitContainer as n}from"../portrait/portrait.style.js";const s=i.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"sc-8b26f5c1-0"})(["font-weight:500;font-size:",";"],(({size:i="M"})=>r[i].nameSize)),a=i(l).withConfig({displayName:"profile.style__ProfileEmailStyle",componentId:"sc-8b26f5c1-1"})(["a{font-size:",";color:",";}"],(({size:i="M"})=>r[i].emailSize),(({darkBackground:i})=>i&&"var(--colorsActionMajor350)")),f=i.span.withConfig({displayName:"profile.style__ProfileTextStyle",componentId:"sc-8b26f5c1-2"})(["font-size:",";"],(({size:i="M"})=>r[i].emailSize)),c=i.div.attrs(t).withConfig({displayName:"profile.style__ProfileStyle",componentId:"sc-8b26f5c1-3"})(["border-radius:inherit;color:",";background-color:",";display:flex;flex-direction:row;align-items:center;"," ","{flex-shrink:0;}"],(({darkBackground:i})=>i?"var(--colorsUtilityReadOnly600)":"var(--colorsUtilityYin090)"),(({darkBackground:i})=>i?"var(--colorsUtilityYin090)":"transparent"),e,n),p=i.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"sc-8b26f5c1-4"})(["display:flex;flex-direction:column;justify-content:center;line-height:",";margin-left:",";"],(({size:i="M"})=>r[i].lineHeight),(({size:i="M"})=>r[i].marginLeft)),m=i(o).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"sc-8b26f5c1-5"})(["display:inline-block;"]);export{m as ProfileAvatarStyle,p as ProfileDetailsStyle,a as ProfileEmailStyle,s as ProfileNameStyle,c as ProfileStyle,f as ProfileTextStyle};
1
+ import i from"styled-components";import{margin as e}from"styled-system";import{Portrait as o}from"../portrait/portrait.component.js";import t from"../../style/themes/apply-base-theme.js";import r from"./profile.config.js";import{Link as l}from"../link/link.component.js";import{StyledPortraitContainer as n}from"../portrait/portrait.style.js";const s=i.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"sc-19918261-0"})(["font-weight:500;font-size:",";"],(({size:i="M"})=>r[i].nameSize)),a=i(l).withConfig({displayName:"profile.style__ProfileEmailStyle",componentId:"sc-19918261-1"})(["a{font-size:",";color:",";}"],(({size:i="M"})=>r[i].emailSize),(({darkBackground:i})=>i&&"var(--colorsActionMajor350)")),p=i.span.withConfig({displayName:"profile.style__ProfileTextStyle",componentId:"sc-19918261-2"})(["font-size:",";"],(({size:i="M"})=>r[i].emailSize)),m=i.div.attrs(t).withConfig({displayName:"profile.style__ProfileStyle",componentId:"sc-19918261-3"})(["border-radius:inherit;color:",";background-color:",";display:flex;flex-direction:row;align-items:center;"," ","{flex-shrink:0;}"],(({darkBackground:i})=>i?"var(--colorsUtilityReadOnly600)":"var(--colorsUtilityYin090)"),(({darkBackground:i})=>i?"var(--colorsUtilityYin090)":"transparent"),e,n),f=i.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"sc-19918261-4"})(["display:flex;flex-direction:column;justify-content:center;line-height:",";margin-left:",";min-width:0;word-wrap:break-word;"],(({size:i="M"})=>r[i].lineHeight),(({size:i="M"})=>r[i].marginLeft)),c=i(o).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"sc-19918261-5"})(["display:inline-block;"]);export{c as ProfileAvatarStyle,f as ProfileDetailsStyle,a as ProfileEmailStyle,s as ProfileNameStyle,m as ProfileStyle,p as ProfileTextStyle};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../icon/icon.component.js"),r=require("../menu/__internal__/menu.context.js"),o=require("./link.style.js"),i=require("../../__internal__/utils/helpers/tags/tags.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),l=require("../batch-selection/__internal__/batch-selection.context.js");function s(e){return e&&e.__esModule?e:{default:e}}var c=s(t);function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){u(e,t,n[t])}))}return e}function b(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const p=c.default.forwardRef(((s,u)=>{var{children:p,onKeyDown:d,href:y,onClick:O,onMouseDown:j,icon:k,iconAlign:g="left",isSkipLink:h,disabled:m=!1,ariaLabel:_,rel:v,tooltipMessage:w,tooltipPosition:P,target:L,variant:x="default",isDarkBackground:D,removeAriaLabelOnIcon:S,className:M}=s,q=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(s,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","removeAriaLabelOnIcon","className"]);const[C,A]=t.useState(!1),B=a.default(),{inMenu:E}=t.useContext(r.default),{batchSelectionDisabled:I}=t.useContext(l.default),N=m||I,F=c.default.useCallback((e=>{u&&("object"==typeof u&&(u.current=e),"function"==typeof u&&u(e))}),[u]),K=(t="left")=>k&&g===t?e.jsx(n.default,{type:k,disabled:N,ariaLabel:S?void 0:_,tooltipMessage:w,tooltipPosition:P}):null,R=t.useMemo((()=>{const e=q;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((t,n)=>(t[n]=e[n],t)),{})}),[q]),W=b(f({onKeyDown:d,onMouseDown:j,onClick:O,disabled:N,target:L,ref:F,href:y,rel:v,"aria-label":_},R),{onFocus:()=>A(!0),onBlur:()=>A(!1)}),z={type:"button"};return t.useEffect((()=>{(m||!y&&!O)&&A(!1)}),[m,y,O]),e.jsx(o.StyledLink,b(f({isSkipLink:h,disabled:N,iconAlign:g,className:M,hasContent:Boolean(p),variant:x,isDarkBackground:D,isMenuItem:E},i.default("link",q),h&&{"data-element":"skip-link"}),{hasFocus:C,children:(()=>{let t="a";return O&&!y&&(t="button"),c.default.createElement(t,"button"===t?f({},W,z):b(f({},W),{"data-role":"link-anchor"}),e.jsxs(e.Fragment,{children:[K(),e.jsx(o.StyledContent,{children:h?B.link.skipLinkLabel():p}),K("right")]}))})()}))}));p.displayName="Link",exports.Link=p,exports.default=p;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../icon/icon.component.js"),r=require("../menu/__internal__/menu.context.js"),o=require("./link.style.js"),i=require("../../__internal__/utils/helpers/tags/tags.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),l=require("../batch-selection/__internal__/batch-selection.context.js");function s(e){return e&&e.__esModule?e:{default:e}}var c=s(t);function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){u(e,t,n[t])}))}return e}function b(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const d=c.default.forwardRef(((s,u)=>{var{children:d,onKeyDown:p,href:y,onClick:O,onMouseDown:j,icon:k,iconAlign:g="left",isSkipLink:h,disabled:m=!1,underline:_="always",ariaLabel:w,rel:v,tooltipMessage:P,tooltipPosition:L,target:x,variant:D="default",isDarkBackground:S,removeAriaLabelOnIcon:M,className:q}=s,C=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(s,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","underline","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","removeAriaLabelOnIcon","className"]);const[A,B]=t.useState(!1),E=a.default(),{inMenu:I}=t.useContext(r.default),{batchSelectionDisabled:N}=t.useContext(l.default),F=m||N,K=c.default.useCallback((e=>{u&&("object"==typeof u&&(u.current=e),"function"==typeof u&&u(e))}),[u]),R=(t="left")=>k&&g===t?e.jsx(n.default,{type:k,disabled:F,ariaLabel:M?void 0:w,tooltipMessage:P,tooltipPosition:L}):null,W=t.useMemo((()=>{const e=C;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((t,n)=>(t[n]=e[n],t)),{})}),[C]),z=b(f({onKeyDown:p,onMouseDown:j,onClick:O,disabled:F,target:x,ref:K,href:y,rel:v,"aria-label":w},W),{onFocus:()=>B(!0),onBlur:()=>B(!1)}),G={type:"button"};return t.useEffect((()=>{(m||!y&&!O)&&B(!1)}),[m,y,O]),e.jsx(o.StyledLink,b(f({isSkipLink:h,disabled:F,underline:_,iconAlign:g,className:q,hasContent:Boolean(d),variant:D,isDarkBackground:S,isMenuItem:I},i.default("link",C),h&&{"data-element":"skip-link"}),{hasFocus:A,children:(()=>{let t="a";return O&&!y&&(t="button"),c.default.createElement(t,"button"===t?f({},z,G):b(f({},z),{"data-role":"link-anchor"}),e.jsxs(e.Fragment,{children:[R(),e.jsx(o.StyledContent,{children:h?E.link.skipLinkLabel():d}),R("right")]}))})()}))}));d.displayName="Link",exports.Link=d,exports.default=d;
@@ -1,7 +1,9 @@
1
- type Variants = "default" | "negative" | "neutral";
1
+ type Variants = "default" | "negative" | "neutral" | "subtle";
2
2
  export interface StyledLinkProps {
3
3
  /** The disabled state of the link. */
4
4
  disabled?: boolean;
5
+ /** Specifies when the link underline should be displayed. */
6
+ underline?: "always" | "hover" | "never";
5
7
  /** Which side of the link to the render the link. */
6
8
  iconAlign?: "left" | "right";
7
9
  /** Allows to create skip link */
@@ -1 +1 @@
1
- "use strict";var o=require("styled-components"),r=require("../../style/themes/apply-base-theme.js"),t=require("../icon/icon.style.js"),e=require("../button/button.style.js");function i(o){return o&&o.__esModule?o:{default:o}}var a=i(o);const n={light:o=>{let r="var(--colorsActionMajor500)",t="var(--colorsActionMajor600)";return"negative"===o?(r="var(--colorsSemanticNegative500)",t="var(--colorsSemanticNegative600)"):"neutral"===o&&(r="var(--colorsActionMajorYin090)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYin030)"}},dark:o=>{let r="var(--colorsActionMajor350)",t="var(--colorsActionMajor450)";return"negative"===o?(r="var(--colorsSemanticNegative350)",t="var(--colorsSemanticNegative450)"):"neutral"===o&&(r="var(--colorsActionMinor100)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYang030)"}}},s=a.default.span.attrs(r.default).withConfig({displayName:"link.style__StyledLink",componentId:"sc-1191d213-0"})(["",""],(({isSkipLink:r,theme:i,iconAlign:a,hasContent:s,disabled:l,variant:c,isDarkBackground:d,isMenuItem:u,hasFocus:v})=>{const b=d?"dark":"light",{color:g,hoverColor:p,disabledColor:f}=n[b](c);return o.css([""," "," "," > a,> button{text-decoration:",";"," > ","{display:",";position:relative;vertical-align:middle;"," ","}&:focus{color:var(--colorsActionMajorYin090);outline:none;","{color:var(--colorsActionMajorYin090);}}","}"," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],r&&o.css(["a{position:absolute;padding-left:var(--spacing300);padding-right:var(--spacing300);line-height:var(--sizing600);left:-999em;z-index:",";border:3px solid var(--colorsUtilityYin100);box-shadow:var(--boxShadow300);border-radius:var(--spacing000) var(--spacing100) var(--spacing100) var(--spacing000);font-size:var(--fontSizes100);color:var(--colorsUtilityYin090);&:hover{cursor:pointer;color:var(--colorsUtilityYin090);","{color:var(--colorsActionMajor600);}}&:focus{background-color:var(--colorsSemanticFocus500);text-decoration:underline var(--colorsUtilityYin100);text-decoration-thickness:4px;text-underline-offset:3px;-webkit-text-decoration:underline var(--colorsUtilityYin100);-webkit-text-decoration-thickness:4px;-webkit-text-underline-offset:3px;}}a:focus{top:var(--spacing100);left:var(--spacing000);}"],i.zIndex.aboveAll,t.default),!r&&o.css(["> a,> button{font-size:var(--fontSizes100);"," ","}"],!l&&o.css(["color:",";","{color:",";}&:hover{color:",";> ","{color:",";}}&:focus{background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);}"],g,t.default,g,p,t.default,p),l&&o.css(["color:",";&:hover,&:focus{color:",";}"],f,f)),!l&&o.css(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),s?"underline":"none",u&&"display: inline-block;",t.default,s?"inline-block":"inline","left"===a&&o.css(["margin-right:",";"],s?"var(--spacing050)":0),"right"===a&&o.css(["margin-right:0;margin-left:",";"],s?"var(--spacing100)":0),t.default,l&&o.css(["cursor:not-allowed;"]),!r&&!l&&v&&o.css(["> a,> button{outline:none;text-decoration:none;border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}max-width:fit-content;box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);border-bottom-left-radius:var(--borderRadius025);border-bottom-right-radius:var(--borderRadius025);"]),e.default)})),l=a.default.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-1191d213-1"})([""]);exports.StyledContent=l,exports.StyledLink=s;
1
+ "use strict";var o=require("styled-components"),r=require("../../style/themes/apply-base-theme.js"),t=require("../icon/icon.style.js"),e=require("../button/button.style.js");function a(o){return o&&o.__esModule?o:{default:o}}var i=a(o);const n={light:o=>{let r="var(--colorsActionMajor500)",t="var(--colorsActionMajor600)";return"negative"===o?(r="var(--colorsSemanticNegative500)",t="var(--colorsSemanticNegative600)"):"neutral"===o&&(r="var(--colorsActionMajorYin090)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYin030)"}},dark:o=>{let r="var(--colorsActionMajor350)",t="var(--colorsActionMajor450)";return"negative"===o?(r="var(--colorsSemanticNegative350)",t="var(--colorsSemanticNegative450)"):"neutral"===o?r="var(--colorsActionMinor100)":"subtle"===o&&(r="var(--colorsUtilityYang100)",t="var(--colorsUtilityYang100)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYang030)"}}},s=i.default.span.attrs(r.default).withConfig({displayName:"link.style__StyledLink",componentId:"sc-ba535d0b-0"})(["",""],(({isSkipLink:r,theme:a,iconAlign:i,hasContent:s,disabled:l,underline:c,variant:d,isDarkBackground:u,isMenuItem:v,hasFocus:b})=>{const g=u?"dark":"light",{color:p,hoverColor:f,disabledColor:h}=n[g](d);return o.css([""," "," "," > a,> button{text-decoration:",";:hover{text-decoration:",";}"," > ","{display:",";position:relative;vertical-align:middle;"," ","}&:focus{color:var(--colorsActionMajorYin090);outline:none;","{color:var(--colorsActionMajorYin090);}}","}"," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],r&&o.css(["a{position:absolute;padding-left:var(--spacing300);padding-right:var(--spacing300);line-height:var(--sizing600);left:-999em;z-index:",";border:3px solid var(--colorsUtilityYin100);box-shadow:var(--boxShadow300);border-radius:var(--spacing000) var(--spacing100) var(--spacing100) var(--spacing000);font-size:var(--fontSizes100);color:var(--colorsUtilityYin090);&:hover{cursor:pointer;color:var(--colorsUtilityYin090);","{color:var(--colorsActionMajor600);}}&:focus{background-color:var(--colorsSemanticFocus500);text-decoration:underline var(--colorsUtilityYin100);text-decoration-thickness:4px;text-underline-offset:3px;-webkit-text-decoration:underline var(--colorsUtilityYin100);-webkit-text-decoration-thickness:4px;-webkit-text-underline-offset:3px;}}a:focus{top:var(--spacing100);left:var(--spacing000);}"],a.zIndex.aboveAll,t.default),!r&&o.css(["> a,> button{font-size:var(--fontSizes100);"," ","}"],!l&&o.css(["color:",";","{color:",";}&:hover{color:",";> ","{color:",";}}&:focus{background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);}"],p,t.default,p,f,t.default,f),l&&o.css(["color:",";&:hover,&:focus{color:",";}"],h,h)),!l&&o.css(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),s&&"always"===c?"underline":"none",!s||"hover"!==c&&"always"!==c?"none":"underline",v&&"display: inline-block;",t.default,s?"inline-block":"inline","left"===i&&o.css(["margin-right:",";"],s?"var(--spacing050)":0),"right"===i&&o.css(["margin-right:0;margin-left:",";"],s?"var(--spacing100)":0),t.default,l&&o.css(["cursor:not-allowed;"]),!r&&!l&&b&&o.css(["> a,> button{outline:none;text-decoration:none;border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}max-width:fit-content;box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);border-bottom-left-radius:var(--borderRadius025);border-bottom-right-radius:var(--borderRadius025);"]),e.default)})),l=i.default.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-ba535d0b-1"})([""]);exports.StyledContent=l,exports.StyledLink=s;
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../portrait/portrait.component.js"),l=require("../../style/themes/apply-base-theme.js"),r=require("./profile.config.js"),o=require("../link/link.component.js"),a=require("../portrait/portrait.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var s=n(e);const f=s.default.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"sc-8b26f5c1-0"})(["font-weight:500;font-size:",";"],(({size:e="M"})=>r.default[e].nameSize)),d=s.default(o.Link).withConfig({displayName:"profile.style__ProfileEmailStyle",componentId:"sc-8b26f5c1-1"})(["a{font-size:",";color:",";}"],(({size:e="M"})=>r.default[e].emailSize),(({darkBackground:e})=>e&&"var(--colorsActionMajor350)")),c=s.default.span.withConfig({displayName:"profile.style__ProfileTextStyle",componentId:"sc-8b26f5c1-2"})(["font-size:",";"],(({size:e="M"})=>r.default[e].emailSize)),p=s.default.div.attrs(l.default).withConfig({displayName:"profile.style__ProfileStyle",componentId:"sc-8b26f5c1-3"})(["border-radius:inherit;color:",";background-color:",";display:flex;flex-direction:row;align-items:center;"," ","{flex-shrink:0;}"],(({darkBackground:e})=>e?"var(--colorsUtilityReadOnly600)":"var(--colorsUtilityYin090)"),(({darkBackground:e})=>e?"var(--colorsUtilityYin090)":"transparent"),t.margin,a.StyledPortraitContainer),y=s.default.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"sc-8b26f5c1-4"})(["display:flex;flex-direction:column;justify-content:center;line-height:",";margin-left:",";"],(({size:e="M"})=>r.default[e].lineHeight),(({size:e="M"})=>r.default[e].marginLeft)),u=s.default(i.Portrait).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"sc-8b26f5c1-5"})(["display:inline-block;"]);exports.ProfileAvatarStyle=u,exports.ProfileDetailsStyle=y,exports.ProfileEmailStyle=d,exports.ProfileNameStyle=f,exports.ProfileStyle=p,exports.ProfileTextStyle=c;
1
+ "use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../portrait/portrait.component.js"),r=require("../../style/themes/apply-base-theme.js"),l=require("./profile.config.js"),o=require("../link/link.component.js"),a=require("../portrait/portrait.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var s=n(e);const f=s.default.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"sc-19918261-0"})(["font-weight:500;font-size:",";"],(({size:e="M"})=>l.default[e].nameSize)),d=s.default(o.Link).withConfig({displayName:"profile.style__ProfileEmailStyle",componentId:"sc-19918261-1"})(["a{font-size:",";color:",";}"],(({size:e="M"})=>l.default[e].emailSize),(({darkBackground:e})=>e&&"var(--colorsActionMajor350)")),p=s.default.span.withConfig({displayName:"profile.style__ProfileTextStyle",componentId:"sc-19918261-2"})(["font-size:",";"],(({size:e="M"})=>l.default[e].emailSize)),y=s.default.div.attrs(r.default).withConfig({displayName:"profile.style__ProfileStyle",componentId:"sc-19918261-3"})(["border-radius:inherit;color:",";background-color:",";display:flex;flex-direction:row;align-items:center;"," ","{flex-shrink:0;}"],(({darkBackground:e})=>e?"var(--colorsUtilityReadOnly600)":"var(--colorsUtilityYin090)"),(({darkBackground:e})=>e?"var(--colorsUtilityYin090)":"transparent"),t.margin,a.StyledPortraitContainer),c=s.default.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"sc-19918261-4"})(["display:flex;flex-direction:column;justify-content:center;line-height:",";margin-left:",";min-width:0;word-wrap:break-word;"],(({size:e="M"})=>l.default[e].lineHeight),(({size:e="M"})=>l.default[e].marginLeft)),m=s.default(i.Portrait).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"sc-19918261-5"})(["display:inline-block;"]);exports.ProfileAvatarStyle=m,exports.ProfileDetailsStyle=c,exports.ProfileEmailStyle=d,exports.ProfileNameStyle=f,exports.ProfileStyle=y,exports.ProfileTextStyle=p;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "155.9.0",
3
+ "version": "155.10.0",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "files": [
6
6
  "lib",