carbon-react 154.11.0 → 154.11.1

package/esm/__internal__/checkable-input/checkable-input.component.d.ts

@@ -50,6 +50,8 @@ export interface CheckableInputProps extends CommonCheckableInputProps {
     value?: string;
     /** When true label is inline */
     labelInline?: boolean;
+    /** Whether this component resides on a dark background */
+    isDarkBackground?: boolean;
 }
 declare const CheckableInput: React.ForwardRefExoticComponent<CheckableInputProps & React.RefAttributes<HTMLInputElement>>;
 export default CheckableInput;

package/esm/__internal__/checkable-input/checkable-input.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import l,{useRef as n}from"react";import{StyledCheckableInputWrapper as i,StyledCheckableInput as t}from"./checkable-input.style.js";import{InputBehaviour as o}from"../input-behaviour/input-behaviour.component.js";import a from"../form-field/form-field.component.js";import c from"./hidden-checkable-input.component.js";import d from"../utils/helpers/guid/index.js";import p from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";function b(e,r,l){return r in e?Object.defineProperty(e,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[r]=l,e}function u(e){for(var r=1;r<arguments.length;r++){var l=null!=arguments[r]?arguments[r]:{},n=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),n.forEach((function(r){b(e,r,l[r])}))}return e}const s=l.forwardRef(((l,b)=>{var{ariaLabelledBy:s,autoFocus:f,checked:y,children:m,disabled:O,loading:h,error:g,fieldHelp:j,fieldHelpInline:v,info:I,id:w,type:H,value:P,inputWidth:k,label:S,labelHelp:B,labelInline:D=!0,labelSpacing:F=1,labelWidth:W,name:x,onBlur:q,onChange:C,onFocus:L,required:_,isOptional:E,reverse:A=!1,validationOnLabel:R,warning:N}=l,V=function(e,r){if(null==e)return{};var l,n,i=function(e,r){if(null==e)return{};var l,n,i={},t=Object.keys(e);for(n=0;n<t.length;n++)l=t[n],r.indexOf(l)>=0||(i[l]=e[l]);return i}(e,r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(n=0;n<t.length;n++)l=t[n],r.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(i[l]=e[l])}return i}(l,["ariaLabelledBy","autoFocus","checked","children","disabled","loading","error","fieldHelp","fieldHelpInline","info","id","type","value","inputWidth","label","labelHelp","labelInline","labelSpacing","labelWidth","name","onBlur","onChange","onFocus","required","isOptional","reverse","validationOnLabel","warning"]);const{current:z}=n(w||d()),{labelId:G,fieldHelpId:J,validationId:K,ariaDescribedBy:M}=p({id:z,error:g,warning:N,info:I,label:S,fieldHelp:j}),Q={disabled:O,loading:h,error:g,fieldHelp:j,fieldHelpInline:v,fieldHelpId:J,id:z,info:I,label:S,labelHelp:B,labelHelpIcon:"info",labelId:G,labelInline:D,labelSpacing:F,reverse:A,warning:N,validationIconId:K,isRequired:_,isOptional:E,useValidationIcon:R},T=u({ariaDescribedBy:M,"aria-labelledby":s,"aria-invalid":!!g,autoFocus:f,checked:y,disabled:O,id:z,type:H,value:P,name:x,onBlur:q,onChange:C,onFocus:L,required:_,ref:b,validationIconId:K},V);return e(i,{disabled:O,fieldHelpInline:v,inputWidth:k,labelWidth:W,labelInline:D,reverse:A,children:e(o,{children:e(a,(U=u({},Q),X={my:0,children:r(t,{"data-role":"checkable-input",children:[e(c,u({},T)),m]})},X=null!=X?X:{},Object.getOwnPropertyDescriptors?Object.defineProperties(U,Object.getOwnPropertyDescriptors(X)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r.push.apply(r,l)}return r}(Object(X)).forEach((function(e){Object.defineProperty(U,e,Object.getOwnPropertyDescriptor(X,e))})),U))})});var U,X}));s.displayName="CheckableInput";export{s as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import n,{useRef as l}from"react";import{StyledCheckableInputWrapper as i,StyledCheckableInput as t}from"./checkable-input.style.js";import{InputBehaviour as a}from"../input-behaviour/input-behaviour.component.js";import o from"../form-field/form-field.component.js";import c from"./hidden-checkable-input.component.js";import d from"../utils/helpers/guid/index.js";import p from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";function u(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function b(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},l=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),l.forEach((function(r){u(e,r,n[r])}))}return e}const s=n.forwardRef(((n,u)=>{var{ariaLabelledBy:s,autoFocus:f,checked:y,children:m,disabled:O,loading:h,error:g,fieldHelp:j,fieldHelpInline:v,info:I,id:k,type:w,value:H,inputWidth:P,label:B,labelHelp:D,labelInline:S=!0,labelSpacing:F=1,labelWidth:W,name:x,onBlur:q,onChange:C,onFocus:L,required:_,isOptional:E,reverse:A=!1,validationOnLabel:R,warning:N,isDarkBackground:V=!1}=n,z=function(e,r){if(null==e)return{};var n,l,i=function(e,r){if(null==e)return{};var n,l,i={},t=Object.keys(e);for(l=0;l<t.length;l++)n=t[l],r.indexOf(n)>=0||(i[n]=e[n]);return i}(e,r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(l=0;l<t.length;l++)n=t[l],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(n,["ariaLabelledBy","autoFocus","checked","children","disabled","loading","error","fieldHelp","fieldHelpInline","info","id","type","value","inputWidth","label","labelHelp","labelInline","labelSpacing","labelWidth","name","onBlur","onChange","onFocus","required","isOptional","reverse","validationOnLabel","warning","isDarkBackground"]);const{current:G}=l(k||d()),{labelId:J,fieldHelpId:K,validationId:M,ariaDescribedBy:Q}=p({id:G,error:g,warning:N,info:I,label:B,fieldHelp:j}),T={disabled:O,loading:h,error:g,fieldHelp:j,fieldHelpInline:v,fieldHelpId:K,id:G,info:I,label:B,labelHelp:D,labelHelpIcon:"info",labelId:J,labelInline:S,labelSpacing:F,reverse:A,warning:N,validationIconId:M,isRequired:_,isOptional:E,useValidationIcon:R},U=b({ariaDescribedBy:Q,"aria-labelledby":s,"aria-invalid":!!g,autoFocus:f,checked:y,disabled:O,id:G,type:w,value:H,name:x,onBlur:q,onChange:C,onFocus:L,required:_,ref:u,validationIconId:M},z);return e(i,{disabled:O,fieldHelpInline:v,inputWidth:P,labelWidth:W,labelInline:S,reverse:A,isDarkBackground:V,children:e(a,{children:e(o,(X=b({},T),Y={my:0,children:r(t,{"data-role":"checkable-input",children:[e(c,b({},U)),m]})},Y=null!=Y?Y:{},Object.getOwnPropertyDescriptors?Object.defineProperties(X,Object.getOwnPropertyDescriptors(Y)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(Y)).forEach((function(e){Object.defineProperty(X,e,Object.getOwnPropertyDescriptor(Y,e))})),X))})});var X,Y}));s.displayName="CheckableInput";export{s as default};

package/esm/__internal__/checkable-input/checkable-input.style.d.ts

@@ -6,6 +6,7 @@ export interface StyledCheckableInputWrapperProps {
     labelWidth?: number;
     labelInline?: boolean;
     reverse?: boolean;
+    isDarkBackground?: boolean;
 }
 declare const StyledCheckableInputWrapper: import("styled-components").StyledComponent<"div", any, StyledCheckableInputWrapperProps, never>;
 export { StyledCheckableInput, StyledCheckableInputWrapper };

package/esm/__internal__/checkable-input/checkable-input.style.js

@@ -1 +1 @@
-import e,{css as i}from"styled-components";import t from"../field-help/field-help.style.js";import{FieldLineStyle as l}from"../form-field/form-field.style.js";import o,{StyledLabelContainer as n}from"../label/label.style.js";import r from"../validations/validation-icon.style.js";import a from"../../components/help/help.style.js";import d from"./hidden-checkable-input.style.js";const p=e.div.withConfig({displayName:"checkable-input.style__StyledCheckableInput",componentId:"sc-6188b705-0"})(["display:inline-block;position:relative;"]),s=e.div.withConfig({displayName:"checkable-input.style__StyledCheckableInputWrapper",componentId:"sc-6188b705-1"})(["",""],(({disabled:e,fieldHelpInline:s,inputWidth:f,labelWidth:m,labelInline:c,reverse:h})=>i(["width:100% !important;","{display:flex;}","{"," padding-top:0;width:auto;& ",",& ","{color:var(--colorsUtilityYin065);vertical-align:middle;&:hover,&:focus{color:var(--colorsUtilityYin090);}}}","{flex-basis:100%;}"," "," "," "," ",""],l,n,c&&i(["justify-content:",";"],h?"flex-start":"flex-end"),a,r,t,e&&i(["",",","{&:hover,&:focus{outline:none;cursor:not-allowed;}}"],d,o),s&&i(["","{flex-wrap:nowrap;}","{margin-right:0;margin-left:8px;}","{flex-grow:0;flex-basis:auto;padding-left:0;width:auto;}"],l,p,t),h&&s&&i(["","{margin-left:0;}","{flex-grow:1;}"],p,t),void 0!==f&&0!==f&&i(["","{width:","% !important;min-width:67px;}"],p,f),void 0!==m&&0!==m&&`\n      ${n} {\n        width: ${m}% !important;\n      }\n    `)));export{p as StyledCheckableInput,s as StyledCheckableInputWrapper};
+import e,{css as i}from"styled-components";import l from"../field-help/field-help.style.js";import{FieldLineStyle as t}from"../form-field/form-field.style.js";import o,{StyledLabelContainer as n}from"../label/label.style.js";import r from"../validations/validation-icon.style.js";import a from"../../components/help/help.style.js";import d from"./hidden-checkable-input.style.js";const s=e.div.withConfig({displayName:"checkable-input.style__StyledCheckableInput",componentId:"sc-9944fee6-0"})(["display:inline-block;position:relative;"]),p=e.div.withConfig({displayName:"checkable-input.style__StyledCheckableInputWrapper",componentId:"sc-9944fee6-1"})(["",""],(({disabled:e,fieldHelpInline:p,inputWidth:f,labelWidth:m,labelInline:c,reverse:h,isDarkBackground:y})=>i(["width:100% !important;","{display:flex;}","{"," padding-top:0;width:auto;& ",",& ","{color:var(--colorsUtilityYin065);vertical-align:middle;&:hover,&:focus{color:var(--colorsUtilityYin090);}}}","{"," flex-basis:100%;}"," "," "," "," ",""],t,n,c&&i(["justify-content:",";"],h?"flex-start":"flex-end"),a,r,l,y&&i(["color:var(--colorsUtilityYang080);"]),e&&i(["",",","{&:hover,&:focus{outline:none;cursor:not-allowed;}}"],d,o),p&&i(["","{flex-wrap:nowrap;}","{margin-right:0;margin-left:8px;}","{flex-grow:0;flex-basis:auto;padding-left:0;width:auto;}"],t,s,l),h&&p&&i(["","{margin-left:0;}","{flex-grow:1;}"],s,l),void 0!==f&&0!==f&&i(["","{width:","% !important;min-width:67px;}"],s,f),void 0!==m&&0!==m&&`\n      ${n} {\n        width: ${m}% !important;\n      }\n    `)));export{s as StyledCheckableInput,p as StyledCheckableInputWrapper};

package/lib/__internal__/checkable-input/checkable-input.component.d.ts

@@ -50,6 +50,8 @@ export interface CheckableInputProps extends CommonCheckableInputProps {
     value?: string;
     /** When true label is inline */
     labelInline?: boolean;
+    /** Whether this component resides on a dark background */
+    isDarkBackground?: boolean;
 }
 declare const CheckableInput: React.ForwardRefExoticComponent<CheckableInputProps & React.RefAttributes<HTMLInputElement>>;
 export default CheckableInput;

package/lib/__internal__/checkable-input/checkable-input.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),r=require("./checkable-input.style.js"),n=require("../input-behaviour/input-behaviour.component.js"),i=require("../form-field/form-field.component.js"),t=require("./hidden-checkable-input.component.js"),a=require("../utils/helpers/guid/index.js"),o=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js");function u(e){return e&&e.__esModule?e:{default:e}}function d(e,l,r){return l in e?Object.defineProperty(e,l,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[l]=r,e}function c(e){for(var l=1;l<arguments.length;l++){var r=null!=arguments[l]?arguments[l]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(l){d(e,l,r[l])}))}return e}const b=u(l).default.forwardRef(((u,d)=>{var{ariaLabelledBy:b,autoFocus:s,checked:p,children:f,disabled:y,loading:h,error:O,fieldHelp:j,fieldHelpInline:g,info:v,id:I,type:m,value:w,inputWidth:H,label:P,labelHelp:k,labelInline:q=!0,labelSpacing:x=1,labelWidth:S,name:B,onBlur:_,onChange:W,onFocus:C,required:D,isOptional:F,reverse:L=!1,validationOnLabel:E,warning:R}=u,A=function(e,l){if(null==e)return{};var r,n,i=function(e,l){if(null==e)return{};var r,n,i={},t=Object.keys(e);for(n=0;n<t.length;n++)r=t[n],l.indexOf(r)>=0||(i[r]=e[r]);return i}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(n=0;n<t.length;n++)r=t[n],l.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(u,["ariaLabelledBy","autoFocus","checked","children","disabled","loading","error","fieldHelp","fieldHelpInline","info","id","type","value","inputWidth","label","labelHelp","labelInline","labelSpacing","labelWidth","name","onBlur","onChange","onFocus","required","isOptional","reverse","validationOnLabel","warning"]);const{current:M}=l.useRef(I||a.default()),{labelId:N,fieldHelpId:V,validationId:z,ariaDescribedBy:G}=o.default({id:M,error:O,warning:R,info:v,label:P,fieldHelp:j}),J={disabled:y,loading:h,error:O,fieldHelp:j,fieldHelpInline:g,fieldHelpId:V,id:M,info:v,label:P,labelHelp:k,labelHelpIcon:"info",labelId:N,labelInline:q,labelSpacing:x,reverse:L,warning:R,validationIconId:z,isRequired:D,isOptional:F,useValidationIcon:E},K=c({ariaDescribedBy:G,"aria-labelledby":b,"aria-invalid":!!O,autoFocus:s,checked:p,disabled:y,id:M,type:m,value:w,name:B,onBlur:_,onChange:W,onFocus:C,required:D,ref:d,validationIconId:z},A);return e.jsx(r.StyledCheckableInputWrapper,{disabled:y,fieldHelpInline:g,inputWidth:H,labelWidth:S,labelInline:q,reverse:L,children:e.jsx(n.InputBehaviour,{children:e.jsx(i.default,(Q=c({},J),T={my:0,children:e.jsxs(r.StyledCheckableInput,{"data-role":"checkable-input",children:[e.jsx(t.default,c({},K)),f]})},T=null!=T?T:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Q,Object.getOwnPropertyDescriptors(T)):function(e){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);l.push.apply(l,r)}return l}(Object(T)).forEach((function(e){Object.defineProperty(Q,e,Object.getOwnPropertyDescriptor(T,e))})),Q))})});var Q,T}));b.displayName="CheckableInput",exports.default=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("./checkable-input.style.js"),n=require("../input-behaviour/input-behaviour.component.js"),i=require("../form-field/form-field.component.js"),t=require("./hidden-checkable-input.component.js"),a=require("../utils/helpers/guid/index.js"),o=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js");function u(e){return e&&e.__esModule?e:{default:e}}function d(e,r,l){return r in e?Object.defineProperty(e,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[r]=l,e}function c(e){for(var r=1;r<arguments.length;r++){var l=null!=arguments[r]?arguments[r]:{},n=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),n.forEach((function(r){d(e,r,l[r])}))}return e}const s=u(r).default.forwardRef(((u,d)=>{var{ariaLabelledBy:s,autoFocus:b,checked:p,children:f,disabled:y,loading:h,error:O,fieldHelp:g,fieldHelpInline:j,info:v,id:I,type:m,value:k,inputWidth:w,label:H,labelHelp:P,labelInline:q=!0,labelSpacing:x=1,labelWidth:B,name:S,onBlur:D,onChange:_,onFocus:W,required:C,isOptional:F,reverse:L=!1,validationOnLabel:E,warning:R,isDarkBackground:A=!1}=u,M=function(e,r){if(null==e)return{};var l,n,i=function(e,r){if(null==e)return{};var l,n,i={},t=Object.keys(e);for(n=0;n<t.length;n++)l=t[n],r.indexOf(l)>=0||(i[l]=e[l]);return i}(e,r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(n=0;n<t.length;n++)l=t[n],r.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(i[l]=e[l])}return i}(u,["ariaLabelledBy","autoFocus","checked","children","disabled","loading","error","fieldHelp","fieldHelpInline","info","id","type","value","inputWidth","label","labelHelp","labelInline","labelSpacing","labelWidth","name","onBlur","onChange","onFocus","required","isOptional","reverse","validationOnLabel","warning","isDarkBackground"]);const{current:N}=r.useRef(I||a.default()),{labelId:V,fieldHelpId:z,validationId:G,ariaDescribedBy:J}=o.default({id:N,error:O,warning:R,info:v,label:H,fieldHelp:g}),K={disabled:y,loading:h,error:O,fieldHelp:g,fieldHelpInline:j,fieldHelpId:z,id:N,info:v,label:H,labelHelp:P,labelHelpIcon:"info",labelId:V,labelInline:q,labelSpacing:x,reverse:L,warning:R,validationIconId:G,isRequired:C,isOptional:F,useValidationIcon:E},Q=c({ariaDescribedBy:J,"aria-labelledby":s,"aria-invalid":!!O,autoFocus:b,checked:p,disabled:y,id:N,type:m,value:k,name:S,onBlur:D,onChange:_,onFocus:W,required:C,ref:d,validationIconId:G},M);return e.jsx(l.StyledCheckableInputWrapper,{disabled:y,fieldHelpInline:j,inputWidth:w,labelWidth:B,labelInline:q,reverse:L,isDarkBackground:A,children:e.jsx(n.InputBehaviour,{children:e.jsx(i.default,(T=c({},K),U={my:0,children:e.jsxs(l.StyledCheckableInput,{"data-role":"checkable-input",children:[e.jsx(t.default,c({},Q)),f]})},U=null!=U?U:{},Object.getOwnPropertyDescriptors?Object.defineProperties(T,Object.getOwnPropertyDescriptors(U)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r.push.apply(r,l)}return r}(Object(U)).forEach((function(e){Object.defineProperty(T,e,Object.getOwnPropertyDescriptor(U,e))})),T))})});var T,U}));s.displayName="CheckableInput",exports.default=s;

package/lib/__internal__/checkable-input/checkable-input.style.d.ts

@@ -6,6 +6,7 @@ export interface StyledCheckableInputWrapperProps {
     labelWidth?: number;
     labelInline?: boolean;
     reverse?: boolean;
+    isDarkBackground?: boolean;
 }
 declare const StyledCheckableInputWrapper: import("styled-components").StyledComponent<"div", any, StyledCheckableInputWrapperProps, never>;
 export { StyledCheckableInput, StyledCheckableInputWrapper };

package/lib/__internal__/checkable-input/checkable-input.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),l=require("../field-help/field-help.style.js"),t=require("../form-field/form-field.style.js"),i=require("../label/label.style.js"),n=require("../validations/validation-icon.style.js"),a=require("../../components/help/help.style.js"),d=require("./hidden-checkable-input.style.js");function s(e){return e&&e.__esModule?e:{default:e}}var o=s(e);const r=o.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInput",componentId:"sc-6188b705-0"})(["display:inline-block;position:relative;"]),p=o.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInputWrapper",componentId:"sc-6188b705-1"})(["",""],(({disabled:s,fieldHelpInline:o,inputWidth:p,labelWidth:u,labelInline:c,reverse:f})=>e.css(["width:100% !important;","{display:flex;}","{"," padding-top:0;width:auto;& ",",& ","{color:var(--colorsUtilityYin065);vertical-align:middle;&:hover,&:focus{color:var(--colorsUtilityYin090);}}}","{flex-basis:100%;}"," "," "," "," ",""],t.FieldLineStyle,i.StyledLabelContainer,c&&e.css(["justify-content:",";"],f?"flex-start":"flex-end"),a.default,n.default,l.default,s&&e.css(["",",","{&:hover,&:focus{outline:none;cursor:not-allowed;}}"],d.default,i.default),o&&e.css(["","{flex-wrap:nowrap;}","{margin-right:0;margin-left:8px;}","{flex-grow:0;flex-basis:auto;padding-left:0;width:auto;}"],t.FieldLineStyle,r,l.default),f&&o&&e.css(["","{margin-left:0;}","{flex-grow:1;}"],r,l.default),void 0!==p&&0!==p&&e.css(["","{width:","% !important;min-width:67px;}"],r,p),void 0!==u&&0!==u&&`\n      ${i.StyledLabelContainer} {\n        width: ${u}% !important;\n      }\n    `)));exports.StyledCheckableInput=r,exports.StyledCheckableInputWrapper=p;
+"use strict";var e=require("styled-components"),l=require("../field-help/field-help.style.js"),t=require("../form-field/form-field.style.js"),i=require("../label/label.style.js"),a=require("../validations/validation-icon.style.js"),n=require("../../components/help/help.style.js"),o=require("./hidden-checkable-input.style.js");function r(e){return e&&e.__esModule?e:{default:e}}var s=r(e);const d=s.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInput",componentId:"sc-9944fee6-0"})(["display:inline-block;position:relative;"]),c=s.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInputWrapper",componentId:"sc-9944fee6-1"})(["",""],(({disabled:r,fieldHelpInline:s,inputWidth:c,labelWidth:p,labelInline:u,reverse:f,isDarkBackground:h})=>e.css(["width:100% !important;","{display:flex;}","{"," padding-top:0;width:auto;& ",",& ","{color:var(--colorsUtilityYin065);vertical-align:middle;&:hover,&:focus{color:var(--colorsUtilityYin090);}}}","{"," flex-basis:100%;}"," "," "," "," ",""],t.FieldLineStyle,i.StyledLabelContainer,u&&e.css(["justify-content:",";"],f?"flex-start":"flex-end"),n.default,a.default,l.default,h&&e.css(["color:var(--colorsUtilityYang080);"]),r&&e.css(["",",","{&:hover,&:focus{outline:none;cursor:not-allowed;}}"],o.default,i.default),s&&e.css(["","{flex-wrap:nowrap;}","{margin-right:0;margin-left:8px;}","{flex-grow:0;flex-basis:auto;padding-left:0;width:auto;}"],t.FieldLineStyle,d,l.default),f&&s&&e.css(["","{margin-left:0;}","{flex-grow:1;}"],d,l.default),void 0!==c&&0!==c&&e.css(["","{width:","% !important;min-width:67px;}"],d,c),void 0!==p&&0!==p&&`\n      ${i.StyledLabelContainer} {\n        width: ${p}% !important;\n      }\n    `)));exports.StyledCheckableInput=d,exports.StyledCheckableInputWrapper=c;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "154.11.0",
+  "version": "154.11.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",