carbon-react 158.7.2 → 158.7.3
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,6 +1,6 @@
|
|
|
1
1
|
/** @deprecated The value 'default' for the variant prop is deprecated and will soon be removed. Please use value 'typical' instead. */
|
|
2
2
|
type DeprecatedDefaultVariant = "default";
|
|
3
|
-
/** @deprecated The value '
|
|
3
|
+
/** @deprecated The value 'neutral' for the variant prop is deprecated and will soon be removed. Please use value 'subtle' instead. */
|
|
4
4
|
type DeprecatedNeutralVariant = "neutral";
|
|
5
5
|
type Variants = "typical" | "negative" | "subtle" | DeprecatedDefaultVariant | DeprecatedNeutralVariant;
|
|
6
6
|
export interface StyledLinkProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o,{css as r}from"styled-components";import t from"../../style/themes/apply-base-theme.js";import e from"../icon/icon.style.js";import
|
|
1
|
+
import o,{css as r}from"styled-components";import t from"../../style/themes/apply-base-theme.js";import i from"../../style/utils/add-focus-styling.js";import e from"../icon/icon.style.js";import a from"../button/button.style.js";const n={light:o=>{let r="#08711E",t="#10601C";return"negative"===o?(r="#B23342",t="#9F303C"):"subtle"===o&&(r="#000000E5",t="#000000"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYin030)",focusColor:"#000000",focusBgColor:"#FFD27E",focusBoxShadowColor:"#000000"}},dark:o=>{let r="#4EDC54",t="#72E26F";return"negative"===o?(r="#E85B66",t="#ED6E74"):"subtle"===o&&(r="var(--colorsUtilityYang100)",t="var(--colorsUtilityYang100)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYang030)",focusColor:"#FFFFFF",focusBgColor:"#926916",focusBoxShadowColor:"#FFB500"}}},s=o.span.attrs(t).withConfig({displayName:"link.style__StyledLink",componentId:"sc-59de49aa-0"})(["",""],(({isSkipLink:o,theme:t,iconAlign:s,hasContent:l,disabled:d,underline:c,variant:u,inverse:b,isMenuItem:v,hasFocus:g,linkSize:p})=>{const h=b?"dark":"light",{color:f,hoverColor:m,disabledColor:y,focusColor:x,focusBgColor:C,focusBoxShadowColor:k}=n[h](u),w="medium"===p?"var(--fontSizes100)":"var(--fontSizes200)";return r([""," "," "," > a,> button{text-decoration:",";:hover{text-decoration:",";}"," > ","{display:",";position:relative;vertical-align:middle;"," ","}&:focus{color:",";","{color:",";}outline:none;}"," ","}"," "," > 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:",";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,w,e),!o&&r(["> a,> button{font-size:",";"," ","}"],w,!d&&r(["color:",";","{color:",";}&:hover{color:",";> ","{color:",";}}&:not(:has(img,svg,picture)):focus{background-color:",";border-radius:var(--borderRadius025);}"],f,e,f,m,e,m,C),d&&r(["color:",";&:hover,&:focus{color:",";}"],y,y)),!d&&r(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),l&&"always"===c?"underline":"none",!l||"hover"!==c&&"always"!==c?"none":"underline",v&&"display: inline-block;",e,l?"inline-block":"inline","left"===s&&r(["margin-right:",";"],l?"var(--spacing050)":0),"right"===s&&r(["margin-right:0;margin-left:",";"],l?"var(--spacing100)":0),x,e,x,!d&&r(["&:has(img,svg,picture){display:inline-block;}&:has(img,svg,picture):focus{"," border-radius:var(--borderRadius025);outline:default;}"],i()),d&&r(["cursor:not-allowed;"]),!o&&!d&&g&&r(["> a,> button{outline:none;text-decoration:underline;border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}max-width:fit-content;box-shadow:0 var(--spacing050) 0 0 ",';border-bottom-left-radius:var(--borderRadius025);border-bottom-right-radius:var(--borderRadius025);&:has([data-popover-container-button="true"]){border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}'],k),!d&&g&&r(["&:has(img,svg,picture){> a,> button{","}}"],i()),a)})),l=o.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-59de49aa-1"})([""]);export{l as StyledContent,s as StyledLink};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/** @deprecated The value 'default' for the variant prop is deprecated and will soon be removed. Please use value 'typical' instead. */
|
|
2
2
|
type DeprecatedDefaultVariant = "default";
|
|
3
|
-
/** @deprecated The value '
|
|
3
|
+
/** @deprecated The value 'neutral' for the variant prop is deprecated and will soon be removed. Please use value 'subtle' instead. */
|
|
4
4
|
type DeprecatedNeutralVariant = "neutral";
|
|
5
5
|
type Variants = "typical" | "negative" | "subtle" | DeprecatedDefaultVariant | DeprecatedNeutralVariant;
|
|
6
6
|
export interface StyledLinkProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var o=require("styled-components"),r=require("../../style/themes/apply-base-theme.js"),e=require("../icon/icon.style.js"),
|
|
1
|
+
"use strict";var o=require("styled-components"),r=require("../../style/themes/apply-base-theme.js"),e=require("../../style/utils/add-focus-styling.js"),t=require("../icon/icon.style.js"),i=require("../button/button.style.js");function a(o){return o&&o.__esModule?o:{default:o}}var s=a(o);const n={light:o=>{let r="#08711E",e="#10601C";return"negative"===o?(r="#B23342",e="#9F303C"):"subtle"===o&&(r="#000000E5",e="#000000"),{color:r,hoverColor:e,disabledColor:"var(--colorsActionMajorYin030)",focusColor:"#000000",focusBgColor:"#FFD27E",focusBoxShadowColor:"#000000"}},dark:o=>{let r="#4EDC54",e="#72E26F";return"negative"===o?(r="#E85B66",e="#ED6E74"):"subtle"===o&&(r="var(--colorsUtilityYang100)",e="var(--colorsUtilityYang100)"),{color:r,hoverColor:e,disabledColor:"var(--colorsActionMajorYang030)",focusColor:"#FFFFFF",focusBgColor:"#926916",focusBoxShadowColor:"#FFB500"}}},l=s.default.span.attrs(r.default).withConfig({displayName:"link.style__StyledLink",componentId:"sc-59de49aa-0"})(["",""],(({isSkipLink:r,theme:a,iconAlign:s,hasContent:l,disabled:d,underline:c,variant:u,inverse:v,isMenuItem:b,hasFocus:g,linkSize:f})=>{const p=v?"dark":"light",{color:h,hoverColor:m,disabledColor:y,focusColor:x,focusBgColor:C,focusBoxShadowColor:k}=n[p](u),w="medium"===f?"var(--fontSizes100)":"var(--fontSizes200)";return o.css([""," "," "," > a,> button{text-decoration:",";:hover{text-decoration:",";}"," > ","{display:",";position:relative;vertical-align:middle;"," ","}&:focus{color:",";","{color:",";}outline:none;}"," ","}"," "," > 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:",";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,w,t.default),!r&&o.css(["> a,> button{font-size:",";"," ","}"],w,!d&&o.css(["color:",";","{color:",";}&:hover{color:",";> ","{color:",";}}&:not(:has(img,svg,picture)):focus{background-color:",";border-radius:var(--borderRadius025);}"],h,t.default,h,m,t.default,m,C),d&&o.css(["color:",";&:hover,&:focus{color:",";}"],y,y)),!d&&o.css(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),l&&"always"===c?"underline":"none",!l||"hover"!==c&&"always"!==c?"none":"underline",b&&"display: inline-block;",t.default,l?"inline-block":"inline","left"===s&&o.css(["margin-right:",";"],l?"var(--spacing050)":0),"right"===s&&o.css(["margin-right:0;margin-left:",";"],l?"var(--spacing100)":0),x,t.default,x,!d&&o.css(["&:has(img,svg,picture){display:inline-block;}&:has(img,svg,picture):focus{"," border-radius:var(--borderRadius025);outline:default;}"],e.default()),d&&o.css(["cursor:not-allowed;"]),!r&&!d&&g&&o.css(["> a,> button{outline:none;text-decoration:underline;border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}max-width:fit-content;box-shadow:0 var(--spacing050) 0 0 ",';border-bottom-left-radius:var(--borderRadius025);border-bottom-right-radius:var(--borderRadius025);&:has([data-popover-container-button="true"]){border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}'],k),!d&&g&&o.css(["&:has(img,svg,picture){> a,> button{","}}"],e.default()),i.default)})),d=s.default.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-59de49aa-1"})([""]);exports.StyledContent=d,exports.StyledLink=l;
|