carbon-react 159.3.0 → 159.4.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.
- package/esm/__internal__/fieldset/__next__/fieldset.component.js +1 -1
- package/esm/__internal__/fieldset/fieldset.component.js +1 -1
- package/esm/__internal__/fieldset/fieldset.style.js +1 -1
- package/esm/__internal__/hint-text/hint-text.component.js +1 -1
- package/esm/__internal__/label/label.component.js +1 -1
- package/esm/__internal__/legacy-hint-text/hint-text.component.js +1 -1
- package/esm/__internal__/legacy-hint-text/hint-text.style.js +1 -1
- package/esm/__internal__/legacy-label/label.component.js +1 -1
- package/esm/__internal__/legacy-label/label.style.js +1 -1
- package/esm/components/breadcrumbs/crumb/crumb.component.js +1 -1
- package/esm/components/breadcrumbs/crumb/crumb.style.d.ts +2 -2
- package/esm/components/breadcrumbs/crumb/crumb.style.js +1 -1
- package/esm/components/button-toggle/button-toggle-group/button-toggle-group.style.js +1 -1
- package/esm/components/button-toggle/button-toggle.style.js +1 -1
- package/esm/components/dialog/dialog.component.js +1 -1
- package/esm/components/link/link.component.d.ts +21 -1
- package/esm/components/link/link.component.js +1 -1
- package/esm/components/link/link.style.d.ts +12 -12
- package/esm/components/link/link.style.js +1 -1
- package/esm/components/portrait/__internal__/get-properties.d.ts +22 -0
- package/esm/components/portrait/__internal__/get-properties.js +1 -0
- package/esm/components/portrait/portrait.component.d.ts +37 -12
- package/esm/components/portrait/portrait.component.js +1 -1
- package/esm/components/portrait/portrait.config.d.ts +0 -6
- package/esm/components/portrait/portrait.config.js +1 -1
- package/esm/components/portrait/portrait.style.d.ts +4 -3
- package/esm/components/portrait/portrait.style.js +1 -1
- package/esm/components/profile/profile.style.d.ts +1 -1
- package/esm/components/select/__internal__/select-textbox/select-textbox.component.js +1 -1
- package/esm/components/textbox/textbox.component.js +1 -1
- package/lib/__internal__/fieldset/__next__/fieldset.component.js +1 -1
- package/lib/__internal__/fieldset/fieldset.component.js +1 -1
- package/lib/__internal__/fieldset/fieldset.style.js +1 -1
- package/lib/__internal__/hint-text/hint-text.component.js +1 -1
- package/lib/__internal__/label/label.component.js +1 -1
- package/lib/__internal__/legacy-hint-text/hint-text.component.js +1 -1
- package/lib/__internal__/legacy-hint-text/hint-text.style.js +1 -1
- package/lib/__internal__/legacy-label/label.component.js +1 -1
- package/lib/__internal__/legacy-label/label.style.js +1 -1
- package/lib/components/breadcrumbs/crumb/crumb.component.js +1 -1
- package/lib/components/breadcrumbs/crumb/crumb.style.d.ts +2 -2
- package/lib/components/breadcrumbs/crumb/crumb.style.js +1 -1
- package/lib/components/button-toggle/button-toggle-group/button-toggle-group.style.js +1 -1
- package/lib/components/button-toggle/button-toggle.style.js +1 -1
- package/lib/components/dialog/dialog.component.js +1 -1
- package/lib/components/link/link.component.d.ts +21 -1
- package/lib/components/link/link.component.js +1 -1
- package/lib/components/link/link.style.d.ts +12 -12
- package/lib/components/link/link.style.js +1 -1
- package/lib/components/portrait/__internal__/get-properties.d.ts +22 -0
- package/lib/components/portrait/__internal__/get-properties.js +1 -0
- package/lib/components/portrait/portrait.component.d.ts +37 -12
- package/lib/components/portrait/portrait.component.js +1 -1
- package/lib/components/portrait/portrait.config.d.ts +0 -6
- package/lib/components/portrait/portrait.config.js +1 -1
- package/lib/components/portrait/portrait.style.d.ts +4 -3
- package/lib/components/portrait/portrait.style.js +1 -1
- package/lib/components/profile/profile.style.d.ts +1 -1
- package/lib/components/select/__internal__/select-textbox/select-textbox.component.js +1 -1
- package/lib/components/textbox/textbox.component.js +1 -1
- package/package.json +3 -3
- package/esm/components/portrait/__internal__/get-colors.d.ts +0 -8
- package/esm/components/portrait/__internal__/get-colors.js +0 -1
- package/lib/components/portrait/__internal__/get-colors.d.ts +0 -8
- package/lib/components/portrait/__internal__/get-colors.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./select-textbox.style.js"),l=require("../../../textbox/textbox.component.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./select-textbox.style.js"),l=require("../../../textbox/textbox.component.js"),a=require("../../../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../../../__internal__/utils/helpers/combine-refs/index.js");function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},l=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),l.forEach((function(t){i(e,t,r[t])}))}return e}function s(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 r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function d(e,t){if(null==e)return{};var r,l,a=function(e,t){if(null==e)return{};var r,l,a={},n=Object.keys(e);for(l=0;l<n.length;l++)r=n[l],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(l=0;l<n.length;l++)r=n[l],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}const u=o(t).default.forwardRef(((o,i)=>{var{ariaLabel:u,ariaLabelledby:b,accessibilityLabelId:p,labelId:y,"aria-controls":f,disabled:O=!1,isOpen:m,id:x,readOnly:j=!1,placeholder:h,size:v="medium",onClick:g,onFocus:w,onBlur:P,formattedValue:C="",selectedValue:$,required:_,selectType:S,transparent:D=!1,activeDescendantId:q,onKeyDown:I,onChange:k}=o,L=d(o,["ariaLabel","ariaLabelledby","accessibilityLabelId","labelId","aria-controls","disabled","isOpen","id","readOnly","placeholder","size","onClick","onFocus","onBlur","formattedValue","selectedValue","required","selectType","transparent","activeDescendantId","onKeyDown","onChange"]);const T=a.default(),V=t.useRef(null),z=h||T.select.placeholder(),B=!O&&!j&&!C,E="filterable"===S||"multi"===S,F=n.default(i,V);function K(e){O||(V.current&&document.activeElement!==V.current&&V.current.focus(),j||null==g||g(e))}const N=c({disabled:O,id:x,readOnly:j,required:_,onClick:K,onFocus:function(e){O||j||null==w||w(e)},onBlur:P,labelId:y,type:"text",ref:F,onKeyDown:I},L),{"aria-describedby":A,leftChildren:M}=L,R=d(L,["aria-describedby","leftChildren"]),W={"aria-expanded":j?void 0:m,"aria-labelledby":p?`${b||y} ${p}`:b,"aria-activedescendant":q,"aria-controls":f,"aria-autocomplete":"filterable"===S||"multi"===S?"both":void 0,role:j?void 0:"combobox"},G="string"==typeof $||Array.isArray($)&&"string"==typeof $[0],H=[E?"select-allows-typing":void 0].filter(Boolean).join(" ");return e.jsx(l.Textbox,s(c({"aria-describedby":A,"aria-label":u,"data-element":`${null!=S?S:""}-select-input`,"data-role":"select-textbox",inputIcon:"dropdown",autoComplete:"off",size:v,formattedValue:C,placeholder:E?z:void 0},W,N),{className:H,"data-is-transparent":D,"data-is-open":m,onChange:k,value:G?$:void 0,my:0,leftChildren:E?M:e.jsx(r.StyledSelectText,s(c({"aria-hidden":!0,"aria-disabled":O||void 0,"data-element":"select-text","data-role":"select-text",$disabled:O,$hasPlaceholder:B,onClick:K,$readOnly:j,$size:v,$transparent:D,className:`select-text ${O?"disabled":""} ${j?"read-only":""}`},R),{children:e.jsx(r.StyledSelectTextChildrenWrapper,{$isDisabled:O,$readOnly:j,children:B?z:C})}))}))}));u.displayName="SelectTextbox",exports.default=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("./__internal__/__next__/text-input.component.js"),r=require("../../__internal__/input-icon-toggle/input-icon-toggle.component.js"),i=require("../../hooks/useCharacterCount/useCharacterCount.js"),l=require("../../hooks/__internal__/useUniqueId/index.js"),o=require("../../__internal__/utils/helpers/combine-refs/index.js");function a(e){return e&&e.__esModule?e:{default:e}}var u=a(n);function c(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function d(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){c(e,n,t[n])}))}return e}const s="medium",p=new Set(["adaptiveLabelBreakpoint","info","helpAriaLabel","labelAlign","labelWidth","labelSpacing","labelId","reverse","tooltipPosition","tooltipId","validationOnLabel"]),b=u.default.forwardRef(((a,u)=>{var{"aria-describedby":c,"aria-labelledby":b,characterLimit:f,children:h,"data-component":y,"data-element":O,"data-role":g,deferTimeout:m,disabled:j,error:x,formattedValue:_,fieldHelp:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("./__internal__/__next__/text-input.component.js"),r=require("../../__internal__/input-icon-toggle/input-icon-toggle.component.js"),i=require("../../hooks/useCharacterCount/useCharacterCount.js"),l=require("../../hooks/__internal__/useUniqueId/index.js"),o=require("../../__internal__/utils/helpers/combine-refs/index.js");function a(e){return e&&e.__esModule?e:{default:e}}var u=a(n);function c(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function d(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){c(e,n,t[n])}))}return e}const s="medium",p=new Set(["adaptiveLabelBreakpoint","info","helpAriaLabel","labelAlign","labelWidth","labelSpacing","labelId","reverse","tooltipPosition","tooltipId","validationOnLabel"]),b=u.default.forwardRef(((a,u)=>{var{"aria-describedby":c,"aria-labelledby":b,characterLimit:f,children:h,"data-component":y,"data-element":O,"data-role":g,deferTimeout:m,disabled:j,error:x,formattedValue:_,fieldHelp:v,iconOnClick:w,iconOnMouseDown:C,iconTabIndex:I,id:k,inputHint:P,inputIcon:T,inputWidth:D,label:L,labelHelp:S,labelInline:q,leftChildren:M,maxWidth:E,name:A,onBlur:F,onFocus:H,onChange:W,onChangeDeferred:B,onClick:z,onMouseDown:U,placeholder:R,positionedChildren:V,prefix:$,readOnly:N,required:Z,size:G=s,warning:J,validationMessagePositionTop:K=!0,value:Q}=a,X=function(e,n){if(null==e)return{};var t,r,i=function(e,n){if(null==e)return{};var t,r,i={},l=Object.keys(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(a,["aria-describedby","aria-labelledby","characterLimit","children","data-component","data-element","data-role","deferTimeout","disabled","error","formattedValue","fieldHelp","iconOnClick","iconOnMouseDown","iconTabIndex","id","inputHint","inputIcon","inputWidth","label","labelHelp","labelInline","leftChildren","maxWidth","name","onBlur","onFocus","onChange","onChangeDeferred","onClick","onMouseDown","placeholder","positionedChildren","prefix","readOnly","required","size","warning","validationMessagePositionTop","value"]);const[Y,ee]=l.default(k,A),ne=n.useRef(null),te=n.useRef(null),re=o.default(u,te),ie=n.useCallback((e=>{if(j||N)return;const n=null!=w?w:z;null==n||n(e)}),[w,z,j,N]),le=n.useCallback((e=>{if(j||N)return;const n=null!=C?C:U;null==n||n(e)}),[C,U,j,N]),oe="string"==typeof T?e.jsx(r.default,{inputIcon:T,disabled:j,error:x,iconTabIndex:I,onClick:ie,onMouseDown:le,readOnly:N,size:G,warning:J,blockFocusStyling:!0}):null,ae=n.useCallback((e=>{B&&(ne.current&&clearTimeout(ne.current),ne.current=setTimeout((()=>{B(e)}),m||750))}),[B,m]),ue=n.useCallback((e=>{W(e),ae(e)}),[W,ae]),ce="string"==typeof Q?Q:"",[de,se]=n.useState("off"),[pe,be]=i.default(ce,f,de),fe=[c,be,v?`${Y}-field-help`:void 0].filter(Boolean).join(" "),he="string"==typeof S?S:void 0;return e.jsxs(e.Fragment,{children:[e.jsx(t.TextInput,(ye=d({},(ge=X,Object.fromEntries(Object.entries(ge).filter((([e])=>!p.has(e)))))),Oe={id:Y,label:L||"",labelInline:q,disabled:j,readOnly:N,size:G,prefix:$,inputHint:P||he,inputIcon:oe,placeholder:R,value:"string"==typeof _?_:null!=Q?Q:"",inputWidth:D,error:x,warning:J,"aria-describedby":fe,"aria-labelledby":b,required:Z,name:ee,onChange:ue,onBlur:e=>{f&&se("off"),null==F||F(e)},onFocus:e=>{f&&se("polite"),null==H||H(e)},onClick:z,onMouseDown:U,ref:re,maxWidth:E,"data-component":y,"data-element":O,"data-role":g,validationMessagePositionTop:K,leftChildren:M||V,children:h},Oe=null!=Oe?Oe:{},Object.getOwnPropertyDescriptors?Object.defineProperties(ye,Object.getOwnPropertyDescriptors(Oe)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(Oe)).forEach((function(e){Object.defineProperty(ye,e,Object.getOwnPropertyDescriptor(Oe,e))})),ye)),pe,v&&e.jsx("span",{"data-element":"help",style:{display:"block",marginTop:"calc(8px - var(--fieldSpacing, 0px))",whiteSpace:"pre-wrap",width:D?D-1+"%":"100%",float:"right"},id:`${Y}-field-help`,"aria-disabled":j||void 0,children:v})]});var ye,Oe,ge}));exports.LABEL_VALIDATION_DEFAULT=!1,exports.LABEL_WIDTH_DEFAULT=30,exports.SIZE_DEFAULT=s,exports.Textbox=b,exports.default=b;
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "carbon-react",
|
|
3
|
-
"version": "159.
|
|
3
|
+
"version": "159.4.0",
|
|
4
4
|
"description": "A library of reusable React components for easily building user interfaces.",
|
|
5
5
|
"files": [
|
|
6
6
|
"lib",
|
|
7
7
|
"esm"
|
|
8
8
|
],
|
|
9
9
|
"engines": {
|
|
10
|
-
"npm": ">=11.
|
|
10
|
+
"npm": ">=11.15.0"
|
|
11
11
|
},
|
|
12
12
|
"scripts": {
|
|
13
13
|
"setup": "npm ci && npm run prepare",
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
"husky": "^8.0.3",
|
|
155
155
|
"inquirer": "^12.10.0",
|
|
156
156
|
"jest": "^29.5.0",
|
|
157
|
-
"jest-canvas-mock": "
|
|
157
|
+
"jest-canvas-mock": "2.5.2",
|
|
158
158
|
"jest-environment-jsdom": "^30.3.0",
|
|
159
159
|
"jest-fail-on-console": "^3.3.1",
|
|
160
160
|
"jest-fetch-mock": "^3.0.3",
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
declare const getColoursForPortrait: (backgroundColour: string | undefined, darkBackground?: boolean, largeText?: boolean,
|
|
2
|
-
/**
|
|
3
|
-
* Whether to use strict contrast (i.e., WCAG AAA). If this is false, it uses WCAG AA contrast
|
|
4
|
-
* ratios (4.5:1 for normal text, 3:1 for large text). If true, it uses 7:1 for normal text and
|
|
5
|
-
* 4.5:1 for large text.
|
|
6
|
-
*/
|
|
7
|
-
strict?: boolean, foregroundColor?: string | undefined) => string;
|
|
8
|
-
export default getColoursForPortrait;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import o from"../../../style/utils/get-accessible-foreground-color.js";const r=(r,l=!1,t=!1,i=!1,c=void 0)=>{let e="var(--colorsUtilityYin090)",s="var(--colorsUtilityReadOnly400)";return!l||r||c||(s="var(--colorsUtilityYin090)",e="var(--colorsUtilityReadOnly600)"),r&&(s=r,e=o(r,t,i)),c&&(e=c),`background-color: ${s}; color: ${e};`};export{r as default};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
declare const getColoursForPortrait: (backgroundColour: string | undefined, darkBackground?: boolean, largeText?: boolean,
|
|
2
|
-
/**
|
|
3
|
-
* Whether to use strict contrast (i.e., WCAG AAA). If this is false, it uses WCAG AA contrast
|
|
4
|
-
* ratios (4.5:1 for normal text, 3:1 for large text). If true, it uses 7:1 for normal text and
|
|
5
|
-
* 4.5:1 for large text.
|
|
6
|
-
*/
|
|
7
|
-
strict?: boolean, foregroundColor?: string | undefined) => string;
|
|
8
|
-
export default getColoursForPortrait;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../../style/utils/get-accessible-foreground-color.js");exports.default=(e,o=!1,l=!1,t=!1,i=void 0)=>{let s="var(--colorsUtilityYin090)",a="var(--colorsUtilityReadOnly400)";return!o||e||i||(a="var(--colorsUtilityYin090)",s="var(--colorsUtilityReadOnly600)"),e&&(a=e,s=r.default(e,l,t)),i&&(s=i),`background-color: ${a}; color: ${s};`};
|