carbon-react 159.12.3 → 159.13.1

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

@@ -6,3 +6,4 @@ export declare const searchStyleOverrides: import("styled-components").FlattenSi
 export declare const selectStyleOverrides: ($size?: string, $isDisabled?: boolean, $isReadOnly?: boolean) => import("styled-components").FlattenSimpleInterpolation;
 export declare const pagerStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
 export declare const numeralDateStyles: import("styled-components").FlattenSimpleInterpolation;
+export declare const passwordStyleOverrides: import("styled-components").FlattenSimpleInterpolation;

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

@@ -1 +1 @@
-import{css as t}from"styled-components";const a=t([".date &{.input-text-container input{padding:0 0 0 12px;margin-right:-12px;}}"]),n=t([".search &{height:40px;box-sizing:border-box;.input-text-container{flex-wrap:wrap;}input{width:30px;}}"]),e=t([".search:not(.with-button):not(.has-value) &:not(:focus-within){border-color:transparent;background:transparent;}"]),o=t([".search.with-button &{border-top-right-radius:0;border-bottom-right-radius:0;}"]),r=t([".search.dark-background &{input{::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}}}"]),i=t([".search.dark-background:not(.with-button) &{input{color:var(--input-typical-inverse-txt-default);}}.search.dark-background.has-value:not(.with-button) &{.input-text-container,input{color:var(--colorsUtilityYang080);}.input-text-container:hover{input{color:var(--colorsUtilityYang100);}}}"]),p=t([".search.dark-background.with-button:not(.has-value) &{input{color:var(--colorsUtilityYang100);}}"]),l=t([".search.dark-background:not(.with-button) &{background-color:transparent;border-color:var(--colorsUtilityYang080);}"]),c=t([""," "," "," "," "," "," ",""],n,e,o,r,i,p,l),s=t(['[data-role="select-textbox"] &[data-is-transparent="false"]{.input-text-container{position:relative;.select-text:not(.disabled):not(.read-only){position:absolute;top:0;left:0;width:calc(100% - 48px);height:100%;padding:var(--global-space-none) var(--global-space-none) var(--global-space-none) var(--global-space-comp-m);cursor:pointer;}}}']),d=t([".multi-select &,.filterable-select &{.input-text-container:not(.disabled):not(.read-only){cursor:text;input{cursor:text;}}}"]),g=t(['[data-element="simple-select-input"] &{input{opacity:0;}input{cursor:pointer;}}']),u=(a,n,e)=>t([""," "," "," "," ",""],g,((a,n)=>t(['&[data-is-transparent="true"]{&&&{background:transparent;border:none;}'," input{text-align:right;position:absolute;padding:var(--global-space-none);&::placeholder{color:var(--colorsUtilityYin100);}}}"],!a&&!n&&t(["cursor:pointer;*{cursor:pointer;}"])))(n,e),s,d,(a=>t([".multi-select &{input{padding:var(--global-space-none);width:30px;}.input-text-container{"," "," ","}}"],"small"===a&&t(["padding:var(--global-space-none) var(--global-space-comp-2-xl) var(--global-space-none) var(--global-space-comp-s);"]),"medium"===a&&t(["padding:var(--global-space-none) 40px var(--global-space-none) var(--global-space-comp-m);"]),"large"===a&&t(["padding:var(--global-space-none) 48px var(--global-space-none) var(--global-space-comp-l);"])))(a)),h=t([".pager-navigation &{margin:4px 8px;height:26px;min-height:unset;.input-text-container{padding:0px;line-height:26px;min-height:24px;input{text-align:center;padding:0;}}}"]),b=t(["&&&{.pager-size-options &{min-height:unset;.input-text-container{width:64px;height:26px;min-height:26px;min-width:10px;margin:0px;.select-text:not(.disabled):not(.read-only){width:calc(100% - 28px);}}}}"]),x=t([""," ",""],h,b),v=t([".numeral-date-wrapper &{.input-text-container input{text-align:center;}}"]);export{a as dateStyleOverrides,v as numeralDateStyles,x as pagerStyleOverrides,c as searchStyleOverrides,u as selectStyleOverrides};
+import{css as t}from"styled-components";import a from"../../style/utils/add-focus-styling.js";const o=t([".date &{.input-text-container input{padding:0 0 0 12px;margin-right:-12px;}}"]),n=t([".search &{height:40px;box-sizing:border-box;.input-text-container{flex-wrap:wrap;}input{width:30px;}}"]),r=t([".search:not(.with-button):not(.has-value) &:not(:focus-within){border-color:transparent;background:transparent;}"]),e=t([".search.with-button &{border-top-right-radius:0;border-bottom-right-radius:0;}"]),i=t([".search.dark-background &{input{::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}}}"]),l=t([".search.dark-background:not(.with-button) &{input{color:var(--input-typical-inverse-txt-default);}}.search.dark-background.has-value:not(.with-button) &{.input-text-container,input{color:var(--colorsUtilityYang080);}.input-text-container:hover{input{color:var(--colorsUtilityYang100);}}}"]),p=t([".search.dark-background.with-button:not(.has-value) &{input{color:var(--colorsUtilityYang100);}}"]),s=t([".search.dark-background:not(.with-button) &{background-color:transparent;border-color:var(--colorsUtilityYang080);}"]),c=t([""," "," "," "," "," "," ",""],n,r,e,i,l,p,s),d=t(['[data-role="select-textbox"] &[data-is-transparent="false"]{.input-text-container{position:relative;.select-text:not(.disabled):not(.read-only){position:absolute;top:0;left:0;width:calc(100% - 48px);height:100%;padding:var(--global-space-none) var(--global-space-none) var(--global-space-none) var(--global-space-comp-m);cursor:pointer;}}}']),u=t([".multi-select &,.filterable-select &{.input-text-container:not(.disabled):not(.read-only){cursor:text;input{cursor:text;}}}"]),g=t(['[data-element="simple-select-input"] &{input{opacity:0;}input{cursor:pointer;}}']),b=(a,o,n)=>t([""," "," "," "," ",""],g,((a,o)=>t(['&[data-is-transparent="true"]{&&&{background:transparent;border:none;}'," input{text-align:right;position:absolute;padding:var(--global-space-none);&::placeholder{color:var(--colorsUtilityYin100);}}}"],!a&&!o&&t(["cursor:pointer;*{cursor:pointer;}"])))(o,n),d,u,(a=>t([".multi-select &{input{padding:var(--global-space-none);width:30px;}.input-text-container{"," "," ","}}"],"small"===a&&t(["padding:var(--global-space-none) var(--global-space-comp-2-xl) var(--global-space-none) var(--global-space-comp-s);"]),"medium"===a&&t(["padding:var(--global-space-none) 40px var(--global-space-none) var(--global-space-comp-m);"]),"large"===a&&t(["padding:var(--global-space-none) 48px var(--global-space-none) var(--global-space-comp-l);"])))(a)),h=t([".pager-navigation &{margin:4px 8px;height:26px;min-height:unset;.input-text-container{padding:0px;line-height:26px;min-height:24px;input{text-align:center;padding:0;}}}"]),x=t(["&&&{.pager-size-options &{min-height:unset;.input-text-container{width:64px;height:26px;min-height:26px;min-width:10px;margin:0px;.select-text:not(.disabled):not(.read-only){width:calc(100% - 28px);}}}}"]),v=t([""," ",""],h,x),m=t([".numeral-date-wrapper &{.input-text-container input{text-align:center;}}"]),w=t(['[data-component="password"] &{&:focus-within{box-shadow:none !important;-webkit-box-shadow:none !important;outline:none !important;}[data-role="input"]:focus{',' border-radius:var(--global-radius-action-m) var(--global-radius-none) var(--global-radius-none) var(--global-radius-action-m);z-index:1;}[data-role="input"]:focus ~ [data-role="password-divider"]{visibility:hidden;}& [data-component="button"]{border-radius:var(--global-radius-none) var(--global-radius-action-m) var(--global-radius-action-m) var(--global-radius-none);border-left:none;}}'],a());export{o as dateStyleOverrides,m as numeralDateStyles,v as pagerStyleOverrides,w as passwordStyleOverrides,c as searchStyleOverrides,b as selectStyleOverrides};

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

@@ -1 +1 @@
-import a,{css as t}from"styled-components";import e from"../../style/utils/add-focus-styling.js";import{dateStyleOverrides as l,searchStyleOverrides as o,selectStyleOverrides as r,pagerStyleOverrides as i,numeralDateStyles as n}from"./input-style-overrides.style.js";const d=a.div.withConfig({displayName:"input.style__InputContainer",componentId:"sc-8b5b4f1b-0"})([""," "," "," "," "," ",' &[data-is-open="true"]{z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );&:focus-within:has(:focus:not(button)){z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );}}'],(({$align:a,$error:l,$isDisabled:o,$isReadOnly:r,$size:i})=>t(["display:flex;align-items:center;align-self:stretch;max-width:100%;border-radius:var(--global-radius-action-m);"," "," "," &&&{"," ","}"," "," .input-text-container{display:flex;flex-wrap:wrap;align-items:center;flex:1 0 0;max-width:100%;align-self:stretch;input{align-self:stretch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;min-width:0;overflow:hidden;border:none;outline:none;background:transparent;text-overflow:ellipsis;text-align:",";"," "," "," "," "," ",'}[data-element="textbox-prefix"]{font-weight:500;margin-left:var(--global-space-comp-m);}}'],"small"===i&&t(["min-height:var(--global-size-s);"]),"medium"===i&&t(["min-height:var(--global-size-m);"]),"large"===i&&t(["min-height:var(--global-size-l);"]),r&&t(["cursor:default;*{cursor:default;}background:var(--input-typical-bg-read-only);border:var(--global-borderwidth-xs) solid var(--input-typical-border-read-only);&:focus-within:has(:focus:not(button)){"," z-index:2;}"],e()),o&&t(["cursor:not-allowed;background:var(--input-typical-bg-disabled);border:var(--global-borderwidth-xs) solid var(--input-typical-border-disabled);*{cursor:not-allowed;}"]),!o&&!r&&t(["cursor:text;&:focus-within:has(:focus:not(button)){"," z-index:2;}"],e()),!o&&!r&&t(["background:var(--input-typical-bg-default);border:",";"],l?"var(--global-borderwidth-s) solid var(--input-validation-border-error)":"var(--global-borderwidth-xs) solid var(--input-typical-border-default)"),a,r&&t(["color:var(--input-typical-txt-read-only);"]),o&&t(["color:var(--input-typical-txt-disabled);"]),!r&&!o&&t(["color:var(--input-typical-txt-default);"]),"small"===i&&t(["font:var(--global-font-static-comp-regular-s);padding:var(--global-space-none) var(--global-space-comp-s);"]),"medium"===i&&t(["font:var(--global-font-static-comp-regular-m);padding:var(--global-space-none) var(--global-space-comp-m);"]),"large"===i&&t(["font:var(--global-font-static-comp-regular-l);padding:var(--global-space-none) var(--global-space-comp-l);"]))),l,o,(({$size:a,$isDisabled:t,$isReadOnly:e})=>r(a,t,e)),i,n);export{d as default};
+import a,{css as e}from"styled-components";import t from"../../style/utils/add-focus-styling.js";import{dateStyleOverrides as l,searchStyleOverrides as o,selectStyleOverrides as r,pagerStyleOverrides as i,numeralDateStyles as n,passwordStyleOverrides as d}from"./input-style-overrides.style.js";const s=a.div.withConfig({displayName:"input.style__InputContainer",componentId:"sc-6ec36578-0"})([""," "," "," "," "," ",' &[data-is-open="true"]{z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );&:focus-within:has(:focus:not(button)){z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );}}',""],(({$align:a,$error:l,$isDisabled:o,$isReadOnly:r,$size:i})=>e(["display:flex;align-items:center;align-self:stretch;max-width:100%;border-radius:var(--global-radius-action-m);"," "," "," &&&{"," ","}"," "," .input-text-container{display:flex;flex-wrap:wrap;align-items:center;flex:1 0 0;max-width:100%;align-self:stretch;input{align-self:stretch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;min-width:0;overflow:hidden;border:none;outline:none;background:transparent;text-overflow:ellipsis;text-align:",";"," "," "," "," "," ",'}[data-element="textbox-prefix"]{font-weight:500;margin-left:var(--global-space-comp-m);}}'],"small"===i&&e(["min-height:var(--global-size-s);"]),"medium"===i&&e(["min-height:var(--global-size-m);"]),"large"===i&&e(["min-height:var(--global-size-l);"]),r&&e(["cursor:default;*{cursor:default;}background:var(--input-typical-bg-read-only);border:var(--global-borderwidth-xs) solid var(--input-typical-border-read-only);&:focus-within:has(:focus:not(button)){"," z-index:2;}"],t()),o&&e(["cursor:not-allowed;background:var(--input-typical-bg-disabled);border:var(--global-borderwidth-xs) solid var(--input-typical-border-disabled);*{cursor:not-allowed;}"]),!o&&!r&&e(["cursor:text;&:focus-within:has(:focus:not(button)){"," z-index:2;}"],t()),!o&&!r&&e(["background:var(--input-typical-bg-default);border:",";"],l?"var(--global-borderwidth-s) solid var(--input-validation-border-error)":"var(--global-borderwidth-xs) solid var(--input-typical-border-default)"),a,r&&e(["color:var(--input-typical-txt-read-only);"]),o&&e(["color:var(--input-typical-txt-disabled);"]),!r&&!o&&e(["color:var(--input-typical-txt-default);"]),"small"===i&&e(["font:var(--global-font-static-comp-regular-s);padding:var(--global-space-none) var(--global-space-comp-s);"]),"medium"===i&&e(["font:var(--global-font-static-comp-regular-m);padding:var(--global-space-none) var(--global-space-comp-m);"]),"large"===i&&e(["font:var(--global-font-static-comp-regular-l);padding:var(--global-space-none) var(--global-space-comp-l);"]))),l,o,(({$size:a,$isDisabled:e,$isReadOnly:t})=>r(a,e,t)),i,n,d);export{s as default};

package/esm/components/password/password.component.d.ts

@@ -1,8 +1,12 @@
 import React from "react";
-import { TextboxProps } from "../textbox";
-export interface PasswordProps extends Omit<TextboxProps, "data-component"> {
+import { TextInputProps } from "../textbox/__internal__/__next__";
+export interface PasswordProps extends Omit<TextInputProps, "data-component"> {
     /** When `true` input `type` is `password` and text is obscured. */
     forceObscurity?: boolean;
+    /** @deprecated `characterLimit` has been deprecated and will be removed in a future release. */
+    characterLimit?: number;
+    /** @deprecated `prefix` has been deprecated and will be removed in a future release. */
+    prefix?: string;
 }
-export declare const Password: ({ id, disabled, forceObscurity, ...rest }: PasswordProps) => React.JSX.Element;
+export declare const Password: ({ id, disabled, forceObscurity, inputIcon, size, ...rest }: PasswordProps) => React.JSX.Element;
 export default Password;

package/esm/components/password/password.component.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useRef as o,useState as n}from"react";import{StyledPassword as i,HiddenAriaLive as l}from"./password.style.js";import a from"../../__internal__/utils/helpers/guid/index.js";import s from"../../__internal__/utils/helpers/tags/tags.js";import c from"../../hooks/__internal__/useLocale/useLocale.js";import{ButtonMinor as u}from"../button-minor/button-minor.component.js";function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function p(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){d(e,r,t[r])}))}return e}const b=d=>{var b,f,y,O,m,v,w,j,{id:g,disabled:h,forceObscurity:P=!1}=d,_=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(d,["id","disabled","forceObscurity"]);const S=o(g||a()),L=c(),[x,k]=n(!1),D=!P&&x;return e(r,{children:[t(i,(E=p({"data-element":"styled-password-container",id:S.current,autoComplete:"off",type:D?"text":"password",disabled:h},_,s("password",_)),H={children:t(u,{"aria-label":D?null===(f=L.password)||void 0===f||null===(b=f.ariaLabelHide)||void 0===b?void 0:b.call(f):null===(O=L.password)||void 0===O||null===(y=O.ariaLabelShow)||void 0===y?void 0:y.call(O),"aria-controls":S.current,onClick:()=>k(!x),pr:1,buttonType:"tertiary",iconType:D?"hide":"view",iconPosition:"before",size:"small",disabled:P||h,isInPassword:!0,children:D?null===(v=L.password)||void 0===v||null===(m=v.buttonLabelHide)||void 0===m?void 0:m.call(v):null===(j=L.password)||void 0===j||null===(w=j.buttonLabelShow)||void 0===w?void 0:w.call(j)})},H=null!=H?H:{},Object.getOwnPropertyDescriptors?Object.defineProperties(E,Object.getOwnPropertyDescriptors(H)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(H)).forEach((function(e){Object.defineProperty(E,e,Object.getOwnPropertyDescriptor(H,e))})),E)),t(l,{role:"status","aria-live":"polite",children:D?L.password.ariaLiveShownMessage():L.password.ariaLiveHiddenMessage()})]});var E,H};export{b as Password,b as default};
+import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useRef as o,useState as n}from"react";import i from"./password.style.js";import{Button as l}from"../button/__next__/button.component.js";import a from"../../__internal__/utils/helpers/guid/index.js";import s from"../../__internal__/utils/helpers/tags/tags.js";import c from"../../hooks/__internal__/useLocale/useLocale.js";import{Divider as p}from"../divider/divider.component.js";import{TextInput as d}from"../textbox/__internal__/__next__/text-input.component.js";function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){u(e,r,t[r])}))}return e}const f=u=>{var f,m,v,y,O,j,w,_,{id:g,disabled:h,forceObscurity:P=!1,inputIcon:x,size:S}=u,L=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(u,["id","disabled","forceObscurity","inputIcon","size"]);const k=o(g||a()),z=c(),[D,I]=n(!1),E=!P&&D;return e(r,{children:[t(d,(H=b({"data-element":"styled-password-container",id:k.current,autoComplete:"off",type:E?"text":"password",disabled:h,size:S},L,s("password",L)),C={inputIcon:e(r,{children:[t(p,{"aria-hidden":!0,"data-role":"password-divider",height:`calc(100% - var(--global-space-comp-${(null==S?void 0:S.charAt(0))||"m"}))`,p:0,type:"vertical"}),t(l,{"aria-label":E?null===(m=z.password)||void 0===m||null===(f=m.ariaLabelHide)||void 0===f?void 0:f.call(m):null===(y=z.password)||void 0===y||null===(v=y.ariaLabelShow)||void 0===v?void 0:v.call(y),"aria-controls":k.current,onClick:()=>I(!D),pr:1,variantType:"subtle",iconType:E?"hide":"view",iconPosition:"before",size:S,disabled:P||h,children:E?null===(j=z.password)||void 0===j||null===(O=j.buttonLabelHide)||void 0===O?void 0:O.call(j):null===(_=z.password)||void 0===_||null===(w=_.buttonLabelShow)||void 0===w?void 0:w.call(_)})]})},C=null!=C?C:{},Object.getOwnPropertyDescriptors?Object.defineProperties(H,Object.getOwnPropertyDescriptors(C)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(C)).forEach((function(e){Object.defineProperty(H,e,Object.getOwnPropertyDescriptor(C,e))})),H)),t(i,{role:"status","aria-live":"polite",children:E?z.password.ariaLiveShownMessage():z.password.ariaLiveHiddenMessage()})]});var H,C};export{f as Password,f as default};

package/esm/components/password/password.style.d.ts

@@ -1,4 +1,2 @@
-import { PasswordProps } from "./password.component";
-declare const StyledPassword: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../textbox").TextboxProps & import("react").RefAttributes<HTMLInputElement>>, any, PasswordProps, never>;
 declare const HiddenAriaLive: import("styled-components").StyledComponent<"p", any, {}, never>;
-export { StyledPassword, HiddenAriaLive };
+export default HiddenAriaLive;

package/esm/components/password/password.style.js

@@ -1 +1 @@
-import o from"styled-components";import{Textbox as t}from"../textbox/textbox.component.js";import s from"../../style/utils/visually-hidden.js";const e=o(t).withConfig({displayName:"password.style__StyledPassword",componentId:"sc-34348134-0"})([""]),i=o.p.withConfig({displayName:"password.style__HiddenAriaLive",componentId:"sc-34348134-1"})(["",""],s);export{i as HiddenAriaLive,e as StyledPassword};
+import s from"styled-components";import o from"../../style/utils/visually-hidden.js";const t=s.p.withConfig({displayName:"password.style__HiddenAriaLive",componentId:"sc-213d9b67-0"})(["",""],o);export{t as default};

package/esm/components/switch/switch.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import i,{useRef as t}from"react";import l from"../../__internal__/utils/helpers/guid/index.js";import"../../style/utils/filter-styled-system-padding-props.js";import n from"../../style/utils/filter-styled-system-margin-props.js";import a from"../../hooks/__internal__/useLocale/useLocale.js";import o from"../../hooks/useMediaQuery/useMediaQuery.js";import{Loader as s}from"../loader/__next__/loader.component.js";import{StyledSwitch as c,StyledSwitchLabelWrapper as d,StyledSwitchLabel as p,StyledSwitchRow as u,StyledSwitchTrack as b,StyledSwitchInput as h,StyledSwitchLoaderWrapper as m,StyledSwitchThumb as f,StyledSwitchProcessingRow as g,StyledSwitchProcessingText as w,StyledSwitchStateText as y}from"./switch.style.js";import{HintText as O}from"../../__internal__/legacy-hint-text/hint-text.component.js";function $(e,r,i){return r in e?Object.defineProperty(e,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[r]=i,e}const j=i.forwardRef(((i,j)=>{var{checked:v,onChange:k,onBlur:P,onFocus:_,autoFocus:L,id:S,name:x,value:z,label:H,disabled:B,loading:I,processingLabel:T,processingLabelBelowSwitch:F=!1,size:D="small",labelInline:q=!1,labelSpacing:M,labelWidth:C,"data-element":E,"data-role":W,inputHint:A,required:Q,labelHelp:N,fieldHelp:R,isDarkBackground:G,reverse:J,error:K,warning:U,info:V,validationOnLabel:X,fieldHelpInline:Y,tooltipPosition:Z,helpAriaLabel:ee,validationMessagePositionTop:re}=i,ie=function(e,r){if(null==e)return{};var i,t,l=function(e,r){if(null==e)return{};var i,t,l={},n=Object.keys(e);for(t=0;t<n.length;t++)i=n[t],r.indexOf(i)>=0||(l[i]=e[i]);return l}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t<n.length;t++)i=n[t],r.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(e,i)&&(l[i]=e[i])}return l}(i,["checked","onChange","onBlur","onFocus","autoFocus","id","name","value","label","disabled","loading","processingLabel","processingLabelBelowSwitch","size","labelInline","labelSpacing","labelWidth","data-element","data-role","inputHint","required","labelHelp","fieldHelp","isDarkBackground","reverse","error","warning","info","validationOnLabel","fieldHelpInline","tooltipPosition","helpAriaLabel","validationMessagePositionTop"]);const te=o("(prefers-reduced-motion: reduce)"),le=a(),ne=le.switch.on(),ae=le.switch.off(),oe=null!=T?T:le.switch.processingLabel(),se=t(l()),ce=S||se.current,de=t(`${l()}-label`),pe=t(`${l()}-hint`),ue=null!=A?A:N,be=n(ie);return e(c,(he=function(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{},t=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(i).filter((function(e){return Object.getOwnPropertyDescriptor(i,e).enumerable})))),t.forEach((function(r){$(e,r,i[r])}))}return e}({"data-component":"switch","data-element":E,"data-role":W,$labelInline:q},be),me=null!=(me={children:[(H||ue)&&e(d,{"data-role":"switch-label-wrapper",$labelInline:q,$labelWidth:q?C:void 0,children:[H&&r(p,{htmlFor:ce,$disabled:B,$inputHint:!!ue,$labelInline:q,$labelSpacing:q?M:void 0,$required:Q,$size:D,id:de.current,children:H}),ue&&r(O,{"data-element":"input-hint",id:pe.current,isLarge:"large"===D,marginTop:"2px",children:ue})]}),e(u,{$size:D,$processingLabelBelowSwitch:I&&F,children:[e(b,{"data-role":"switch-track",$checked:v,$disabled:B,$size:D,$loading:I,$disableTransitions:!!te,children:[r(h,{ref:j,type:"checkbox",role:"switch",id:ce,name:x,value:z,checked:v,disabled:B||I,autoFocus:L,"aria-checked":v,onChange:k,onBlur:P,onFocus:_,"aria-describedby":ue?pe.current:void 0,required:Q}),I?r(m,{"data-role":"switch-loader-wrapper",$checked:v,$size:D,$disableTransitions:!!te,children:r(s,{"data-role":"switch-loader",loaderType:"ring",size:"large"===D?"small":"extra-small",showLabel:!1,inverse:v})}):r(f,{"data-role":"switch-thumb",$checked:v,$disabled:B,$size:D,$disableTransitions:!!te})]}),I?r(g,{$below:F,"data-role":"switch-processing-row",children:r(w,{$size:D,children:oe})}):r(y,{"aria-hidden":!0,$disabled:B,$size:D,children:v?ne:ae})]}),R&&r(O,{marginTop:"8px","data-element":"field-help",isLarge:"large"===D,children:R})]})?me:{},Object.getOwnPropertyDescriptors?Object.defineProperties(he,Object.getOwnPropertyDescriptors(me)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r.push.apply(r,i)}return r}(Object(me)).forEach((function(e){Object.defineProperty(he,e,Object.getOwnPropertyDescriptor(me,e))})),he));var he,me}));j.displayName="Switch";export{j as Switch,j as SwitchComponent,j as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import i,{useRef as t}from"react";import l from"../../__internal__/utils/helpers/guid/index.js";import"../../style/utils/filter-styled-system-padding-props.js";import n from"../../style/utils/filter-styled-system-margin-props.js";import a from"../../hooks/__internal__/useLocale/useLocale.js";import o from"../../hooks/useMediaQuery/useMediaQuery.js";import{Loader as s}from"../loader/__next__/loader.component.js";import{StyledSwitch as c,StyledSwitchLabelWrapper as d,StyledSwitchLabel as p,StyledSwitchRow as u,StyledSwitchTrack as b,StyledSwitchInput as h,StyledSwitchLoaderWrapper as f,StyledSwitchThumb as m,StyledSwitchProcessingRow as g,StyledSwitchProcessingText as y,StyledSwitchStateText as w}from"./switch.style.js";import{HintText as O}from"../../__internal__/legacy-hint-text/hint-text.component.js";function $(e,r,i){return r in e?Object.defineProperty(e,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[r]=i,e}const j=i.forwardRef(((i,j)=>{var{checked:v,onChange:k,onBlur:P,onFocus:_,autoFocus:L,id:S,name:x,value:z,label:H,disabled:T,loading:B,processingLabel:I,processingLabelBelowSwitch:F=!1,size:D="small",labelInline:q=!1,labelSpacing:C,labelWidth:M,"data-element":E,"data-role":W,inputHint:A,required:Q,labelHelp:N,fieldHelp:R,isDarkBackground:G,reverse:J,error:K,warning:U,info:V,validationOnLabel:X,fieldHelpInline:Y,tooltipPosition:Z,helpAriaLabel:ee,validationMessagePositionTop:re}=i,ie=function(e,r){if(null==e)return{};var i,t,l=function(e,r){if(null==e)return{};var i,t,l={},n=Object.keys(e);for(t=0;t<n.length;t++)i=n[t],r.indexOf(i)>=0||(l[i]=e[i]);return l}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t<n.length;t++)i=n[t],r.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(e,i)&&(l[i]=e[i])}return l}(i,["checked","onChange","onBlur","onFocus","autoFocus","id","name","value","label","disabled","loading","processingLabel","processingLabelBelowSwitch","size","labelInline","labelSpacing","labelWidth","data-element","data-role","inputHint","required","labelHelp","fieldHelp","isDarkBackground","reverse","error","warning","info","validationOnLabel","fieldHelpInline","tooltipPosition","helpAriaLabel","validationMessagePositionTop"]);const te=o("(prefers-reduced-motion: reduce)"),le=a(),ne=le.switch.on(),ae=le.switch.off(),oe=null!=I?I:le.switch.processingLabel(),se=t(l()),ce=S||se.current,de=t(`${l()}-label`),pe=t(`${l()}-hint`),ue=null!=A?A:N,be=n(ie);return e(c,(he=function(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{},t=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(i).filter((function(e){return Object.getOwnPropertyDescriptor(i,e).enumerable})))),t.forEach((function(r){$(e,r,i[r])}))}return e}({"data-component":"switch","data-element":E,"data-role":W,$labelInline:q},be),fe=null!=(fe={children:[(H||ue)&&e(d,{"data-role":"switch-label-wrapper",$labelInline:q,$labelWidth:q?M:void 0,children:[H&&r(p,{htmlFor:ce,$disabled:T,$inputHint:!!ue,$labelInline:q,$labelSpacing:q?C:void 0,$required:Q,$size:D,id:de.current,children:H}),ue&&r(O,{"data-element":"input-hint",id:pe.current,isLarge:"large"===D,marginTop:"2px",children:ue})]}),e(u,{$size:D,$processingLabelBelowSwitch:B&&F,children:[e(b,{"data-role":"switch-track",$checked:v,$disabled:T,$size:D,$loading:B,$disableTransitions:!!te,onClick:e=>{if(T||B)return;const r=e.currentTarget.querySelector("input");r&&e.target!==r&&r.click()},children:[r(h,{ref:j,type:"checkbox",role:"switch",id:ce,name:x,value:z,checked:v,disabled:T||B,autoFocus:L,"aria-checked":v,onChange:k,onBlur:P,onFocus:_,"aria-describedby":ue?pe.current:void 0,required:Q}),B?r(f,{"data-role":"switch-loader-wrapper",$checked:v,$size:D,$disableTransitions:!!te,children:r(s,{"data-role":"switch-loader",loaderType:"ring",size:"large"===D?"small":"extra-small",showLabel:!1,inverse:v})}):r(m,{"data-role":"switch-thumb",$checked:v,$disabled:T,$size:D,$disableTransitions:!!te})]}),B?r(g,{$below:F,"data-role":"switch-processing-row",children:r(y,{$size:D,children:oe})}):r(w,{"aria-hidden":!0,$disabled:T,$size:D,children:v?ne:ae})]}),R&&r(O,{marginTop:"8px","data-element":"field-help",isLarge:"large"===D,children:R})]})?fe:{},Object.getOwnPropertyDescriptors?Object.defineProperties(he,Object.getOwnPropertyDescriptors(fe)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r.push.apply(r,i)}return r}(Object(fe)).forEach((function(e){Object.defineProperty(he,e,Object.getOwnPropertyDescriptor(fe,e))})),he));var he,fe}));j.displayName="Switch";export{j as Switch,j as SwitchComponent,j as default};

package/esm/components/switch/switch.style.js

@@ -1 +1 @@
-import a,{css as e}from"styled-components";import{margin as t}from"styled-system";import i from"../../style/utils/add-focus-styling.js";import l from"../../style/themes/apply-base-theme.js";const o=a.div.attrs(l).withConfig({displayName:"switch.style__StyledSwitch",componentId:"sc-bc2ca4f2-0"})([""," display:",";flex-direction:",";"],t,(({$labelInline:a})=>a?"flex":"inline-flex"),(({$labelInline:a})=>a?"row":"column")),s=a.div.withConfig({displayName:"switch.style__StyledSwitchLabelWrapper",componentId:"sc-bc2ca4f2-1"})(["",""],(({$labelInline:a,$labelWidth:t})=>e(["display:flex;flex-direction:column;margin-right:var(--global-space-comp-s);",""],a&&t&&e(["width:","%;"],t)))),r=a.label.withConfig({displayName:"switch.style__StyledSwitchLabel",componentId:"sc-bc2ca4f2-2"})(["",""],(({$disabled:a,$inputHint:t,$labelInline:i,$labelSpacing:l,$required:o,$size:s})=>e(["display:flex;color:",";font:",";cursor:pointer;"," "," "," ",""],a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)","large"===s?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)",o&&e(['::after{content:"*";color:var(--input-labelset-label-required);font:',";margin-left:var(--global-space-comp-xs);}"],"large"===s?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"),!t&&e(["margin-bottom:var(--global-space-comp-s);"]),i&&e(["margin-bottom:0;"]),(i||t)&&e(["margin-right:",";"],l?8*l+"px":"var(--global-space-comp-s)")))),c=a.div.withConfig({displayName:"switch.style__StyledSwitchRow",componentId:"sc-bc2ca4f2-3"})(["",""],(({$size:a,$processingLabelBelowSwitch:t})=>e(["display:flex;flex-direction:",";align-items:",";gap:var(--global-space-comp-s);",""],t?"column":"row",t?"flex-start":"center","large"===a&&e(["margin-top:var(--global-space-comp-xs);"])))),n=a.div.withConfig({displayName:"switch.style__StyledSwitchTrack",componentId:"sc-bc2ca4f2-4"})(["",""],(({$checked:a,$disabled:t,$size:l,$loading:o,$disableTransitions:s})=>e(["position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:",";height:",";border-radius:var(--global-radius-container-circle,999px);border:var(--global-borderwidth-s) solid var(--input-switch-border-default);box-sizing:border-box;transition:",";cursor:",";background-color:transparent;border-color:",";"," "," "," &:focus-within{","}"],"large"===l?"var(--global-size-3-xl)":"var(--global-size-m)","large"===l?"var(--global-size-m)":"var(--global-size-xs)",s?"none":"background-color 0.2s ease, border-color 0.2s ease",t?"not-allowed":"pointer",t?"var(--input-switch-border-disabled)":"var(--input-switch-border-default)",a&&!t&&e(["border-radius:var(--global-radius-container-circle,999px);border:var(--global-borderwidth-s) solid var(--input-switch-border-active);background:var(--input-switch-bg-active);"]),t&&a&&e(["background-color:var(--input-switch-bg-activate-disabled);border-color:transparent;"]),o&&e(["&::after{display:none;}"]),i()))),d=a.span.withConfig({displayName:"switch.style__StyledSwitchThumb",componentId:"sc-bc2ca4f2-5"})(["",""],(({$checked:a,$disabled:t,$size:i,$disableTransitions:l})=>e(["position:absolute;left:",";width:",";height:",";border-radius:50%;background-color:",";transition:",";transform:",";"," ",""],"large"===i?"4px":"3px","large"===i?"28px":"var(--global-size-3-xs)","large"===i?"28px":"var(--global-size-3-xs)",t?"var(--input-switch-fg-disabled)":"var(--input-switch-fg-default)",l?"none":"transform 0.2s ease, background-color 0.2s ease",a?"large"===i?"translateX(32px)":"translateX(15px)":"translateX(0)",a&&!t&&e(["background-color:var(--input-switch-fg-active);"]),a&&t&&e(["background-color:var(--input-switch-fg-activate-disabled);"])))),p=a.span.withConfig({displayName:"switch.style__StyledSwitchStateText",componentId:"sc-bc2ca4f2-6"})(["",""],(({$disabled:a,$size:t})=>e(["color:",";font:",";"],a?"var(--input-switch-label-disabled)":"var(--input-switch-label-default)","large"===t?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"))),b=a.div.withConfig({displayName:"switch.style__StyledSwitchProcessingRow",componentId:"sc-bc2ca4f2-7"})(["",""],(({$below:a})=>e(["display:flex;align-items:",";flex-direction:",";gap:",";"],a?"flex-start":"center",a?"column":"row",a?"var(--global-space-comp-s)":"var(--global-space-comp-m)"))),m=a.span.withConfig({displayName:"switch.style__StyledSwitchProcessingText",componentId:"sc-bc2ca4f2-8"})(["",""],(({$size:a})=>e(["color:var(--input-switch-label-default);font:",";"],"large"===a?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"))),g=a.span.withConfig({displayName:"switch.style__StyledSwitchLoaderWrapper",componentId:"sc-bc2ca4f2-9"})(["",""],(({$checked:a,$size:t,$disableTransitions:i})=>e(["position:absolute;left:2px;display:flex;align-items:center;justify-content:center;transition:",";transform:",";"],i?"none":"transform 0.2s ease",a?"large"===t?"translateX(32px)":"translateX(15px)":"translateX(0)"))),f=a.input.withConfig({displayName:"switch.style__StyledSwitchInput",componentId:"sc-bc2ca4f2-10"})(["position:absolute;inset:calc(0px - var(--global-borderwidth-s));margin:0;padding:0;opacity:0;cursor:inherit;z-index:1;"]);export{o as StyledSwitch,f as StyledSwitchInput,r as StyledSwitchLabel,s as StyledSwitchLabelWrapper,g as StyledSwitchLoaderWrapper,b as StyledSwitchProcessingRow,m as StyledSwitchProcessingText,c as StyledSwitchRow,p as StyledSwitchStateText,d as StyledSwitchThumb,n as StyledSwitchTrack};
+import e,{css as a}from"styled-components";import{margin as t}from"styled-system";import i from"../../style/utils/add-focus-styling.js";import l from"../../style/themes/apply-base-theme.js";const o=e.div.attrs(l).withConfig({displayName:"switch.style__StyledSwitch",componentId:"sc-f7e060fe-0"})([""," display:",";flex-direction:",";"],t,(({$labelInline:e})=>e?"flex":"inline-flex"),(({$labelInline:e})=>e?"row":"column")),s=e.div.withConfig({displayName:"switch.style__StyledSwitchLabelWrapper",componentId:"sc-f7e060fe-1"})(["",""],(({$labelInline:e,$labelWidth:t})=>a(["display:flex;flex-direction:column;margin-right:var(--global-space-comp-s);",""],e&&t&&a(["width:","%;"],t)))),r=e.label.withConfig({displayName:"switch.style__StyledSwitchLabel",componentId:"sc-f7e060fe-2"})(["",""],(({$disabled:e,$inputHint:t,$labelInline:i,$labelSpacing:l,$required:o,$size:s})=>a(["display:flex;color:",";font:",";cursor:pointer;"," "," "," ",""],e?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)","large"===s?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)",o&&a(['::after{content:"*";color:var(--input-labelset-label-required);font:',";margin-left:var(--global-space-comp-xs);}"],"large"===s?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"),!t&&a(["margin-bottom:var(--global-space-comp-s);"]),i&&a(["margin-bottom:0;"]),(i||t)&&a(["margin-right:",";"],l?8*l+"px":"var(--global-space-comp-s)")))),n=e.div.withConfig({displayName:"switch.style__StyledSwitchRow",componentId:"sc-f7e060fe-3"})(["",""],(({$size:e,$processingLabelBelowSwitch:t})=>a(["display:flex;flex-direction:",";align-items:",";gap:var(--global-space-comp-s);",""],t?"column":"row",t?"flex-start":"center","large"===e&&a(["margin-top:var(--global-space-comp-xs);"])))),c=e.div.withConfig({displayName:"switch.style__StyledSwitchTrack",componentId:"sc-f7e060fe-4"})(["",""],(({$checked:e,$disabled:t,$size:l,$loading:o,$disableTransitions:s})=>a(["position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:",";height:",";border-radius:var(--global-radius-container-circle,999px);border:var(--global-borderwidth-s) solid var(--input-switch-border-default);box-sizing:border-box;transition:",";cursor:",";background-color:transparent;border-color:",";"," "," "," &:focus-within{","}"],"large"===l?"var(--global-size-3-xl)":"var(--global-size-m)","large"===l?"var(--global-size-m)":"var(--global-size-xs)",s?"none":"background-color 0.2s ease, border-color 0.2s ease",t?"not-allowed":"pointer",t?"var(--input-switch-border-disabled)":"var(--input-switch-border-default)",e&&!t&&a(["border-radius:var(--global-radius-container-circle,999px);border:var(--global-borderwidth-s) solid var(--input-switch-border-active);background:var(--input-switch-bg-active);"]),t&&e&&a(["background-color:var(--input-switch-bg-activate-disabled);border-color:transparent;"]),o&&a(["&::after{display:none;}"]),i()))),d=e.span.withConfig({displayName:"switch.style__StyledSwitchThumb",componentId:"sc-f7e060fe-5"})(["",""],(({$checked:e,$disabled:t,$size:i,$disableTransitions:l})=>a(["position:absolute;left:",";width:",";height:",";border-radius:50%;background-color:",";transition:",";transform:",";"," ",""],"large"===i?"4px":"3px","large"===i?"28px":"var(--global-size-3-xs)","large"===i?"28px":"var(--global-size-3-xs)",t?"var(--input-switch-fg-disabled)":"var(--input-switch-fg-default)",l?"none":"transform 0.2s ease, background-color 0.2s ease",e?"large"===i?"translateX(32px)":"translateX(15px)":"translateX(0)",e&&!t&&a(["background-color:var(--input-switch-fg-active);"]),e&&t&&a(["background-color:var(--input-switch-fg-activate-disabled);"])))),p=e.span.withConfig({displayName:"switch.style__StyledSwitchStateText",componentId:"sc-f7e060fe-6"})(["",""],(({$disabled:e,$size:t})=>a(["color:",";font:",";"],e?"var(--input-switch-label-disabled)":"var(--input-switch-label-default)","large"===t?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"))),m=e.div.withConfig({displayName:"switch.style__StyledSwitchProcessingRow",componentId:"sc-f7e060fe-7"})(["",""],(({$below:e})=>a(["display:flex;align-items:",";flex-direction:",";gap:",";"],e?"flex-start":"center",e?"column":"row",e?"var(--global-space-comp-s)":"var(--global-space-comp-m)"))),b=e.span.withConfig({displayName:"switch.style__StyledSwitchProcessingText",componentId:"sc-f7e060fe-8"})(["",""],(({$size:e})=>a(["color:var(--input-switch-label-default);font:",";"],"large"===e?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"))),g=e.span.withConfig({displayName:"switch.style__StyledSwitchLoaderWrapper",componentId:"sc-f7e060fe-9"})(["",""],(({$checked:e,$size:t,$disableTransitions:i})=>a(["position:absolute;left:2px;display:flex;align-items:center;justify-content:center;transition:",";transform:",";"],i?"none":"transform 0.2s ease",e?"large"===t?"translateX(32px)":"translateX(15px)":"translateX(0)"))),f=e.input.withConfig({displayName:"switch.style__StyledSwitchInput",componentId:"sc-f7e060fe-10"})(["position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:2;-webkit-appearance:none;appearance:none;"]);export{o as StyledSwitch,f as StyledSwitchInput,r as StyledSwitchLabel,s as StyledSwitchLabelWrapper,g as StyledSwitchLoaderWrapper,m as StyledSwitchProcessingRow,b as StyledSwitchProcessingText,n as StyledSwitchRow,p as StyledSwitchStateText,d as StyledSwitchThumb,c as StyledSwitchTrack};

package/esm/components/textbox/__internal__/__next__/text-input.component.d.ts

@@ -44,8 +44,8 @@ export interface TextInputProps extends Omit<ValidationProps, "info">, MarginPro
      * The label's htmlFor attribute will be set to match the input's id to ensure they are properly associated.
      */
     id?: string;
-    /** A hint string rendered before the input but after the label. Intended to describe the purpose or content of the input */
-    inputHint?: string;
+    /** A hint element rendered before the input but after the label. Intended to describe the purpose or content of the input */
+    inputHint?: React.ReactNode;
     /**
      * @internal @private @ignore
      * An Icon to be rendered next to the input

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

@@ -6,3 +6,4 @@ export declare const searchStyleOverrides: import("styled-components").FlattenSi
 export declare const selectStyleOverrides: ($size?: string, $isDisabled?: boolean, $isReadOnly?: boolean) => import("styled-components").FlattenSimpleInterpolation;
 export declare const pagerStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
 export declare const numeralDateStyles: import("styled-components").FlattenSimpleInterpolation;
+export declare const passwordStyleOverrides: import("styled-components").FlattenSimpleInterpolation;

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

@@ -1 +1 @@
-"use strict";var t=require("styled-components");const e=t.css([".date &{.input-text-container input{padding:0 0 0 12px;margin-right:-12px;}}"]),a=t.css([".search &{height:40px;box-sizing:border-box;.input-text-container{flex-wrap:wrap;}input{width:30px;}}"]),n=t.css([".search:not(.with-button):not(.has-value) &:not(:focus-within){border-color:transparent;background:transparent;}"]),r=t.css([".search.with-button &{border-top-right-radius:0;border-bottom-right-radius:0;}"]),o=t.css([".search.dark-background &{input{::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}}}"]),s=t.css([".search.dark-background:not(.with-button) &{input{color:var(--input-typical-inverse-txt-default);}}.search.dark-background.has-value:not(.with-button) &{.input-text-container,input{color:var(--colorsUtilityYang080);}.input-text-container:hover{input{color:var(--colorsUtilityYang100);}}}"]),i=t.css([".search.dark-background.with-button:not(.has-value) &{input{color:var(--colorsUtilityYang100);}}"]),c=t.css([".search.dark-background:not(.with-button) &{background-color:transparent;border-color:var(--colorsUtilityYang080);}"]),l=t.css([""," "," "," "," "," "," ",""],a,n,r,o,s,i,c),p=t.css(['[data-role="select-textbox"] &[data-is-transparent="false"]{.input-text-container{position:relative;.select-text:not(.disabled):not(.read-only){position:absolute;top:0;left:0;width:calc(100% - 48px);height:100%;padding:var(--global-space-none) var(--global-space-none) var(--global-space-none) var(--global-space-comp-m);cursor:pointer;}}}']),d=t.css([".multi-select &,.filterable-select &{.input-text-container:not(.disabled):not(.read-only){cursor:text;input{cursor:text;}}}"]),u=t.css(['[data-element="simple-select-input"] &{input{opacity:0;}input{cursor:pointer;}}']),g=t.css([".pager-navigation &{margin:4px 8px;height:26px;min-height:unset;.input-text-container{padding:0px;line-height:26px;min-height:24px;input{text-align:center;padding:0;}}}"]),h=t.css(["&&&{.pager-size-options &{min-height:unset;.input-text-container{width:64px;height:26px;min-height:26px;min-width:10px;margin:0px;.select-text:not(.disabled):not(.read-only){width:calc(100% - 28px);}}}}"]),x=t.css([""," ",""],g,h),b=t.css([".numeral-date-wrapper &{.input-text-container input{text-align:center;}}"]);exports.dateStyleOverrides=e,exports.numeralDateStyles=b,exports.pagerStyleOverrides=x,exports.searchStyleOverrides=l,exports.selectStyleOverrides=(e,a,n)=>t.css([""," "," "," "," ",""],u,((e,a)=>t.css(['&[data-is-transparent="true"]{&&&{background:transparent;border:none;}'," input{text-align:right;position:absolute;padding:var(--global-space-none);&::placeholder{color:var(--colorsUtilityYin100);}}}"],!e&&!a&&t.css(["cursor:pointer;*{cursor:pointer;}"])))(a,n),p,d,(e=>t.css([".multi-select &{input{padding:var(--global-space-none);width:30px;}.input-text-container{"," "," ","}}"],"small"===e&&t.css(["padding:var(--global-space-none) var(--global-space-comp-2-xl) var(--global-space-none) var(--global-space-comp-s);"]),"medium"===e&&t.css(["padding:var(--global-space-none) 40px var(--global-space-none) var(--global-space-comp-m);"]),"large"===e&&t.css(["padding:var(--global-space-none) 48px var(--global-space-none) var(--global-space-comp-l);"])))(e));
+"use strict";var t=require("styled-components"),a=require("../../style/utils/add-focus-styling.js");const e=t.css([".date &{.input-text-container input{padding:0 0 0 12px;margin-right:-12px;}}"]),o=t.css([".search &{height:40px;box-sizing:border-box;.input-text-container{flex-wrap:wrap;}input{width:30px;}}"]),r=t.css([".search:not(.with-button):not(.has-value) &:not(:focus-within){border-color:transparent;background:transparent;}"]),n=t.css([".search.with-button &{border-top-right-radius:0;border-bottom-right-radius:0;}"]),i=t.css([".search.dark-background &{input{::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}}}"]),s=t.css([".search.dark-background:not(.with-button) &{input{color:var(--input-typical-inverse-txt-default);}}.search.dark-background.has-value:not(.with-button) &{.input-text-container,input{color:var(--colorsUtilityYang080);}.input-text-container:hover{input{color:var(--colorsUtilityYang100);}}}"]),l=t.css([".search.dark-background.with-button:not(.has-value) &{input{color:var(--colorsUtilityYang100);}}"]),c=t.css([".search.dark-background:not(.with-button) &{background-color:transparent;border-color:var(--colorsUtilityYang080);}"]),p=t.css([""," "," "," "," "," "," ",""],o,r,n,i,s,l,c),d=t.css(['[data-role="select-textbox"] &[data-is-transparent="false"]{.input-text-container{position:relative;.select-text:not(.disabled):not(.read-only){position:absolute;top:0;left:0;width:calc(100% - 48px);height:100%;padding:var(--global-space-none) var(--global-space-none) var(--global-space-none) var(--global-space-comp-m);cursor:pointer;}}}']),u=t.css([".multi-select &,.filterable-select &{.input-text-container:not(.disabled):not(.read-only){cursor:text;input{cursor:text;}}}"]),g=t.css(['[data-element="simple-select-input"] &{input{opacity:0;}input{cursor:pointer;}}']),b=t.css([".pager-navigation &{margin:4px 8px;height:26px;min-height:unset;.input-text-container{padding:0px;line-height:26px;min-height:24px;input{text-align:center;padding:0;}}}"]),h=t.css(["&&&{.pager-size-options &{min-height:unset;.input-text-container{width:64px;height:26px;min-height:26px;min-width:10px;margin:0px;.select-text:not(.disabled):not(.read-only){width:calc(100% - 28px);}}}}"]),x=t.css([""," ",""],b,h),v=t.css([".numeral-date-wrapper &{.input-text-container input{text-align:center;}}"]),m=t.css(['[data-component="password"] &{&:focus-within{box-shadow:none !important;-webkit-box-shadow:none !important;outline:none !important;}[data-role="input"]:focus{',' border-radius:var(--global-radius-action-m) var(--global-radius-none) var(--global-radius-none) var(--global-radius-action-m);z-index:1;}[data-role="input"]:focus ~ [data-role="password-divider"]{visibility:hidden;}& [data-component="button"]{border-radius:var(--global-radius-none) var(--global-radius-action-m) var(--global-radius-action-m) var(--global-radius-none);border-left:none;}}'],a.default());exports.dateStyleOverrides=e,exports.numeralDateStyles=v,exports.pagerStyleOverrides=x,exports.passwordStyleOverrides=m,exports.searchStyleOverrides=p,exports.selectStyleOverrides=(a,e,o)=>t.css([""," "," "," "," ",""],g,((a,e)=>t.css(['&[data-is-transparent="true"]{&&&{background:transparent;border:none;}'," input{text-align:right;position:absolute;padding:var(--global-space-none);&::placeholder{color:var(--colorsUtilityYin100);}}}"],!a&&!e&&t.css(["cursor:pointer;*{cursor:pointer;}"])))(e,o),d,u,(a=>t.css([".multi-select &{input{padding:var(--global-space-none);width:30px;}.input-text-container{"," "," ","}}"],"small"===a&&t.css(["padding:var(--global-space-none) var(--global-space-comp-2-xl) var(--global-space-none) var(--global-space-comp-s);"]),"medium"===a&&t.css(["padding:var(--global-space-none) 40px var(--global-space-none) var(--global-space-comp-m);"]),"large"===a&&t.css(["padding:var(--global-space-none) 48px var(--global-space-none) var(--global-space-comp-l);"])))(a));

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("../../style/utils/add-focus-styling.js"),r=require("./input-style-overrides.style.js");function t(e){return e&&e.__esModule?e:{default:e}}const l=t(e).default.div.withConfig({displayName:"input.style__InputContainer",componentId:"sc-8b5b4f1b-0"})([""," "," "," "," "," ",' &[data-is-open="true"]{z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );&:focus-within:has(:focus:not(button)){z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );}}'],(({$align:r,$error:t,$isDisabled:l,$isReadOnly:i,$size:o})=>e.css(["display:flex;align-items:center;align-self:stretch;max-width:100%;border-radius:var(--global-radius-action-m);"," "," "," &&&{"," ","}"," "," .input-text-container{display:flex;flex-wrap:wrap;align-items:center;flex:1 0 0;max-width:100%;align-self:stretch;input{align-self:stretch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;min-width:0;overflow:hidden;border:none;outline:none;background:transparent;text-overflow:ellipsis;text-align:",";"," "," "," "," "," ",'}[data-element="textbox-prefix"]{font-weight:500;margin-left:var(--global-space-comp-m);}}'],"small"===o&&e.css(["min-height:var(--global-size-s);"]),"medium"===o&&e.css(["min-height:var(--global-size-m);"]),"large"===o&&e.css(["min-height:var(--global-size-l);"]),i&&e.css(["cursor:default;*{cursor:default;}background:var(--input-typical-bg-read-only);border:var(--global-borderwidth-xs) solid var(--input-typical-border-read-only);&:focus-within:has(:focus:not(button)){"," z-index:2;}"],a.default()),l&&e.css(["cursor:not-allowed;background:var(--input-typical-bg-disabled);border:var(--global-borderwidth-xs) solid var(--input-typical-border-disabled);*{cursor:not-allowed;}"]),!l&&!i&&e.css(["cursor:text;&:focus-within:has(:focus:not(button)){"," z-index:2;}"],a.default()),!l&&!i&&e.css(["background:var(--input-typical-bg-default);border:",";"],t?"var(--global-borderwidth-s) solid var(--input-validation-border-error)":"var(--global-borderwidth-xs) solid var(--input-typical-border-default)"),r,i&&e.css(["color:var(--input-typical-txt-read-only);"]),l&&e.css(["color:var(--input-typical-txt-disabled);"]),!i&&!l&&e.css(["color:var(--input-typical-txt-default);"]),"small"===o&&e.css(["font:var(--global-font-static-comp-regular-s);padding:var(--global-space-none) var(--global-space-comp-s);"]),"medium"===o&&e.css(["font:var(--global-font-static-comp-regular-m);padding:var(--global-space-none) var(--global-space-comp-m);"]),"large"===o&&e.css(["font:var(--global-font-static-comp-regular-l);padding:var(--global-space-none) var(--global-space-comp-l);"]))),r.dateStyleOverrides,r.searchStyleOverrides,(({$size:e,$isDisabled:a,$isReadOnly:t})=>r.selectStyleOverrides(e,a,t)),r.pagerStyleOverrides,r.numeralDateStyles);exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("../../style/utils/add-focus-styling.js"),r=require("./input-style-overrides.style.js");function t(e){return e&&e.__esModule?e:{default:e}}const l=t(e).default.div.withConfig({displayName:"input.style__InputContainer",componentId:"sc-6ec36578-0"})([""," "," "," "," "," ",' &[data-is-open="true"]{z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );&:focus-within:has(:focus:not(button)){z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );}}',""],(({$align:r,$error:t,$isDisabled:l,$isReadOnly:i,$size:o})=>e.css(["display:flex;align-items:center;align-self:stretch;max-width:100%;border-radius:var(--global-radius-action-m);"," "," "," &&&{"," ","}"," "," .input-text-container{display:flex;flex-wrap:wrap;align-items:center;flex:1 0 0;max-width:100%;align-self:stretch;input{align-self:stretch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;min-width:0;overflow:hidden;border:none;outline:none;background:transparent;text-overflow:ellipsis;text-align:",";"," "," "," "," "," ",'}[data-element="textbox-prefix"]{font-weight:500;margin-left:var(--global-space-comp-m);}}'],"small"===o&&e.css(["min-height:var(--global-size-s);"]),"medium"===o&&e.css(["min-height:var(--global-size-m);"]),"large"===o&&e.css(["min-height:var(--global-size-l);"]),i&&e.css(["cursor:default;*{cursor:default;}background:var(--input-typical-bg-read-only);border:var(--global-borderwidth-xs) solid var(--input-typical-border-read-only);&:focus-within:has(:focus:not(button)){"," z-index:2;}"],a.default()),l&&e.css(["cursor:not-allowed;background:var(--input-typical-bg-disabled);border:var(--global-borderwidth-xs) solid var(--input-typical-border-disabled);*{cursor:not-allowed;}"]),!l&&!i&&e.css(["cursor:text;&:focus-within:has(:focus:not(button)){"," z-index:2;}"],a.default()),!l&&!i&&e.css(["background:var(--input-typical-bg-default);border:",";"],t?"var(--global-borderwidth-s) solid var(--input-validation-border-error)":"var(--global-borderwidth-xs) solid var(--input-typical-border-default)"),r,i&&e.css(["color:var(--input-typical-txt-read-only);"]),l&&e.css(["color:var(--input-typical-txt-disabled);"]),!i&&!l&&e.css(["color:var(--input-typical-txt-default);"]),"small"===o&&e.css(["font:var(--global-font-static-comp-regular-s);padding:var(--global-space-none) var(--global-space-comp-s);"]),"medium"===o&&e.css(["font:var(--global-font-static-comp-regular-m);padding:var(--global-space-none) var(--global-space-comp-m);"]),"large"===o&&e.css(["font:var(--global-font-static-comp-regular-l);padding:var(--global-space-none) var(--global-space-comp-l);"]))),r.dateStyleOverrides,r.searchStyleOverrides,(({$size:e,$isDisabled:a,$isReadOnly:t})=>r.selectStyleOverrides(e,a,t)),r.pagerStyleOverrides,r.numeralDateStyles,r.passwordStyleOverrides);exports.default=l;

package/lib/components/password/password.component.d.ts

@@ -1,8 +1,12 @@
 import React from "react";
-import { TextboxProps } from "../textbox";
-export interface PasswordProps extends Omit<TextboxProps, "data-component"> {
+import { TextInputProps } from "../textbox/__internal__/__next__";
+export interface PasswordProps extends Omit<TextInputProps, "data-component"> {
     /** When `true` input `type` is `password` and text is obscured. */
     forceObscurity?: boolean;
+    /** @deprecated `characterLimit` has been deprecated and will be removed in a future release. */
+    characterLimit?: number;
+    /** @deprecated `prefix` has been deprecated and will be removed in a future release. */
+    prefix?: string;
 }
-export declare const Password: ({ id, disabled, forceObscurity, ...rest }: PasswordProps) => React.JSX.Element;
+export declare const Password: ({ id, disabled, forceObscurity, inputIcon, size, ...rest }: PasswordProps) => React.JSX.Element;
 export default Password;

package/lib/components/password/password.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./password.style.js"),o=require("../../__internal__/utils/helpers/guid/index.js"),n=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("../../hooks/__internal__/useLocale/useLocale.js"),s=require("../button-minor/button-minor.component.js");function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function a(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){l(e,r,t[r])}))}return e}const u=l=>{var u,c,d,p,b,f,y,O,{id:j,disabled:v,forceObscurity:w=!1}=l,g=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(l,["id","disabled","forceObscurity"]);const P=r.useRef(j||o.default()),h=i.default(),[m,_]=r.useState(!1),x=!w&&m;return e.jsxs(e.Fragment,{children:[e.jsx(t.StyledPassword,(S=a({"data-element":"styled-password-container",id:P.current,autoComplete:"off",type:x?"text":"password",disabled:v},g,n.default("password",g)),L={children:e.jsx(s.ButtonMinor,{"aria-label":x?null===(c=h.password)||void 0===c||null===(u=c.ariaLabelHide)||void 0===u?void 0:u.call(c):null===(p=h.password)||void 0===p||null===(d=p.ariaLabelShow)||void 0===d?void 0:d.call(p),"aria-controls":P.current,onClick:()=>_(!m),pr:1,buttonType:"tertiary",iconType:x?"hide":"view",iconPosition:"before",size:"small",disabled:w||v,isInPassword:!0,children:x?null===(f=h.password)||void 0===f||null===(b=f.buttonLabelHide)||void 0===b?void 0:b.call(f):null===(O=h.password)||void 0===O||null===(y=O.buttonLabelShow)||void 0===y?void 0:y.call(O)})},L=null!=L?L:{},Object.getOwnPropertyDescriptors?Object.defineProperties(S,Object.getOwnPropertyDescriptors(L)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(L)).forEach((function(e){Object.defineProperty(S,e,Object.getOwnPropertyDescriptor(L,e))})),S)),e.jsx(t.HiddenAriaLive,{role:"status","aria-live":"polite",children:x?h.password.ariaLiveShownMessage():h.password.ariaLiveHiddenMessage()})]});var S,L};exports.Password=u,exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./password.style.js"),n=require("../button/__next__/button.component.js"),i=require("../../__internal__/utils/helpers/guid/index.js"),o=require("../../__internal__/utils/helpers/tags/tags.js"),l=require("../../hooks/__internal__/useLocale/useLocale.js"),s=require("../divider/divider.component.js"),a=require("../textbox/__internal__/__next__/text-input.component.js");function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function c(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){u(e,r,t[r])}))}return e}const d=u=>{var d,p,b,f,v,y,j,O,{id:w,disabled:_,forceObscurity:g=!1,inputIcon:h,size:x}=u,m=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(u,["id","disabled","forceObscurity","inputIcon","size"]);const P=r.useRef(w||i.default()),S=l.default(),[q,L]=r.useState(!1),k=!g&&q;return e.jsxs(e.Fragment,{children:[e.jsx(a.TextInput,(D=c({"data-element":"styled-password-container",id:P.current,autoComplete:"off",type:k?"text":"password",disabled:_,size:x},m,o.default("password",m)),I={inputIcon:e.jsxs(e.Fragment,{children:[e.jsx(s.Divider,{"aria-hidden":!0,"data-role":"password-divider",height:`calc(100% - var(--global-space-comp-${(null==x?void 0:x.charAt(0))||"m"}))`,p:0,type:"vertical"}),e.jsx(n.Button,{"aria-label":k?null===(p=S.password)||void 0===p||null===(d=p.ariaLabelHide)||void 0===d?void 0:d.call(p):null===(f=S.password)||void 0===f||null===(b=f.ariaLabelShow)||void 0===b?void 0:b.call(f),"aria-controls":P.current,onClick:()=>L(!q),pr:1,variantType:"subtle",iconType:k?"hide":"view",iconPosition:"before",size:x,disabled:g||_,children:k?null===(y=S.password)||void 0===y||null===(v=y.buttonLabelHide)||void 0===v?void 0:v.call(y):null===(O=S.password)||void 0===O||null===(j=O.buttonLabelShow)||void 0===j?void 0:j.call(O)})]})},I=null!=I?I:{},Object.getOwnPropertyDescriptors?Object.defineProperties(D,Object.getOwnPropertyDescriptors(I)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(I)).forEach((function(e){Object.defineProperty(D,e,Object.getOwnPropertyDescriptor(I,e))})),D)),e.jsx(t.default,{role:"status","aria-live":"polite",children:k?S.password.ariaLiveShownMessage():S.password.ariaLiveHiddenMessage()})]});var D,I};exports.Password=d,exports.default=d;

package/lib/components/password/password.style.d.ts

@@ -1,4 +1,2 @@
-import { PasswordProps } from "./password.component";
-declare const StyledPassword: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../textbox").TextboxProps & import("react").RefAttributes<HTMLInputElement>>, any, PasswordProps, never>;
 declare const HiddenAriaLive: import("styled-components").StyledComponent<"p", any, {}, never>;
-export { StyledPassword, HiddenAriaLive };
+export default HiddenAriaLive;

package/lib/components/password/password.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("../textbox/textbox.component.js"),s=require("../../style/utils/visually-hidden.js");function d(e){return e&&e.__esModule?e:{default:e}}var o=d(e);const i=o.default(t.Textbox).withConfig({displayName:"password.style__StyledPassword",componentId:"sc-34348134-0"})([""]),r=o.default.p.withConfig({displayName:"password.style__HiddenAriaLive",componentId:"sc-34348134-1"})(["",""],s.default);exports.HiddenAriaLive=r,exports.StyledPassword=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../style/utils/visually-hidden.js");function s(e){return e&&e.__esModule?e:{default:e}}const d=s(e).default.p.withConfig({displayName:"password.style__HiddenAriaLive",componentId:"sc-213d9b67-0"})(["",""],t.default);exports.default=d;

package/lib/components/switch/switch.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/utils/helpers/guid/index.js");require("../../style/utils/filter-styled-system-padding-props.js");var i=require("../../style/utils/filter-styled-system-margin-props.js"),l=require("../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../hooks/useMediaQuery/useMediaQuery.js"),a=require("../loader/__next__/loader.component.js"),o=require("./switch.style.js"),s=require("../../__internal__/legacy-hint-text/hint-text.component.js");function c(e){return e&&e.__esModule?e:{default:e}}function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const u=c(t).default.forwardRef(((c,u)=>{var{checked:p,onChange:b,onBlur:h,onFocus:f,autoFocus:w,id:y,name:g,value:j,label:S,disabled:m,loading:x,processingLabel:O,processingLabelBelowSwitch:$=!1,size:v="small",labelInline:P=!1,labelSpacing:_,labelWidth:k,"data-element":L,"data-role":q,inputHint:T,required:H,labelHelp:z,fieldHelp:I,isDarkBackground:B,reverse:F,error:D,warning:M,info:R,validationOnLabel:W,fieldHelpInline:C,tooltipPosition:E,helpAriaLabel:A,validationMessagePositionTop:Q}=c,N=function(e,t){if(null==e)return{};var r,i,l=function(e,t){if(null==e)return{};var r,i,l={},n=Object.keys(e);for(i=0;i<n.length;i++)r=n[i],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(i=0;i<n.length;i++)r=n[i],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}(c,["checked","onChange","onBlur","onFocus","autoFocus","id","name","value","label","disabled","loading","processingLabel","processingLabelBelowSwitch","size","labelInline","labelSpacing","labelWidth","data-element","data-role","inputHint","required","labelHelp","fieldHelp","isDarkBackground","reverse","error","warning","info","validationOnLabel","fieldHelpInline","tooltipPosition","helpAriaLabel","validationMessagePositionTop"]);const G=n.default("(prefers-reduced-motion: reduce)"),J=l.default(),K=J.switch.on(),U=J.switch.off(),V=null!=O?O:J.switch.processingLabel(),X=t.useRef(r.default()),Y=y||X.current,Z=t.useRef(`${r.default()}-label`),ee=t.useRef(`${r.default()}-hint`),te=null!=T?T:z,re=i.default(N);return e.jsxs(o.StyledSwitch,(ie=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},i=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),i.forEach((function(t){d(e,t,r[t])}))}return e}({"data-component":"switch","data-element":L,"data-role":q,$labelInline:P},re),le=null!=(le={children:[(S||te)&&e.jsxs(o.StyledSwitchLabelWrapper,{"data-role":"switch-label-wrapper",$labelInline:P,$labelWidth:P?k:void 0,children:[S&&e.jsx(o.StyledSwitchLabel,{htmlFor:Y,$disabled:m,$inputHint:!!te,$labelInline:P,$labelSpacing:P?_:void 0,$required:H,$size:v,id:Z.current,children:S}),te&&e.jsx(s.HintText,{"data-element":"input-hint",id:ee.current,isLarge:"large"===v,marginTop:"2px",children:te})]}),e.jsxs(o.StyledSwitchRow,{$size:v,$processingLabelBelowSwitch:x&&$,children:[e.jsxs(o.StyledSwitchTrack,{"data-role":"switch-track",$checked:p,$disabled:m,$size:v,$loading:x,$disableTransitions:!!G,children:[e.jsx(o.StyledSwitchInput,{ref:u,type:"checkbox",role:"switch",id:Y,name:g,value:j,checked:p,disabled:m||x,autoFocus:w,"aria-checked":p,onChange:b,onBlur:h,onFocus:f,"aria-describedby":te?ee.current:void 0,required:H}),x?e.jsx(o.StyledSwitchLoaderWrapper,{"data-role":"switch-loader-wrapper",$checked:p,$size:v,$disableTransitions:!!G,children:e.jsx(a.Loader,{"data-role":"switch-loader",loaderType:"ring",size:"large"===v?"small":"extra-small",showLabel:!1,inverse:p})}):e.jsx(o.StyledSwitchThumb,{"data-role":"switch-thumb",$checked:p,$disabled:m,$size:v,$disableTransitions:!!G})]}),x?e.jsx(o.StyledSwitchProcessingRow,{$below:$,"data-role":"switch-processing-row",children:e.jsx(o.StyledSwitchProcessingText,{$size:v,children:V})}):e.jsx(o.StyledSwitchStateText,{"aria-hidden":!0,$disabled:m,$size:v,children:p?K:U})]}),I&&e.jsx(s.HintText,{marginTop:"8px","data-element":"field-help",isLarge:"large"===v,children:I})]})?le:{},Object.getOwnPropertyDescriptors?Object.defineProperties(ie,Object.getOwnPropertyDescriptors(le)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(le)).forEach((function(e){Object.defineProperty(ie,e,Object.getOwnPropertyDescriptor(le,e))})),ie));var ie,le}));u.displayName="Switch",exports.Switch=u,exports.SwitchComponent=u,exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/utils/helpers/guid/index.js");require("../../style/utils/filter-styled-system-padding-props.js");var i=require("../../style/utils/filter-styled-system-margin-props.js"),l=require("../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../hooks/useMediaQuery/useMediaQuery.js"),a=require("../loader/__next__/loader.component.js"),o=require("./switch.style.js"),s=require("../../__internal__/legacy-hint-text/hint-text.component.js");function c(e){return e&&e.__esModule?e:{default:e}}function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const u=c(t).default.forwardRef(((c,u)=>{var{checked:p,onChange:b,onBlur:h,onFocus:f,autoFocus:w,id:g,name:y,value:j,label:S,disabled:m,loading:x,processingLabel:O,processingLabelBelowSwitch:$=!1,size:v="small",labelInline:k=!1,labelSpacing:P,labelWidth:_,"data-element":L,"data-role":q,inputHint:T,required:H,labelHelp:z,fieldHelp:I,isDarkBackground:B,reverse:F,error:D,warning:M,info:R,validationOnLabel:C,fieldHelpInline:W,tooltipPosition:E,helpAriaLabel:A,validationMessagePositionTop:Q}=c,N=function(e,t){if(null==e)return{};var r,i,l=function(e,t){if(null==e)return{};var r,i,l={},n=Object.keys(e);for(i=0;i<n.length;i++)r=n[i],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(i=0;i<n.length;i++)r=n[i],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}(c,["checked","onChange","onBlur","onFocus","autoFocus","id","name","value","label","disabled","loading","processingLabel","processingLabelBelowSwitch","size","labelInline","labelSpacing","labelWidth","data-element","data-role","inputHint","required","labelHelp","fieldHelp","isDarkBackground","reverse","error","warning","info","validationOnLabel","fieldHelpInline","tooltipPosition","helpAriaLabel","validationMessagePositionTop"]);const G=n.default("(prefers-reduced-motion: reduce)"),J=l.default(),K=J.switch.on(),U=J.switch.off(),V=null!=O?O:J.switch.processingLabel(),X=t.useRef(r.default()),Y=g||X.current,Z=t.useRef(`${r.default()}-label`),ee=t.useRef(`${r.default()}-hint`),te=null!=T?T:z,re=i.default(N);return e.jsxs(o.StyledSwitch,(ie=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},i=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),i.forEach((function(t){d(e,t,r[t])}))}return e}({"data-component":"switch","data-element":L,"data-role":q,$labelInline:k},re),le=null!=(le={children:[(S||te)&&e.jsxs(o.StyledSwitchLabelWrapper,{"data-role":"switch-label-wrapper",$labelInline:k,$labelWidth:k?_:void 0,children:[S&&e.jsx(o.StyledSwitchLabel,{htmlFor:Y,$disabled:m,$inputHint:!!te,$labelInline:k,$labelSpacing:k?P:void 0,$required:H,$size:v,id:Z.current,children:S}),te&&e.jsx(s.HintText,{"data-element":"input-hint",id:ee.current,isLarge:"large"===v,marginTop:"2px",children:te})]}),e.jsxs(o.StyledSwitchRow,{$size:v,$processingLabelBelowSwitch:x&&$,children:[e.jsxs(o.StyledSwitchTrack,{"data-role":"switch-track",$checked:p,$disabled:m,$size:v,$loading:x,$disableTransitions:!!G,onClick:e=>{if(m||x)return;const t=e.currentTarget.querySelector("input");t&&e.target!==t&&t.click()},children:[e.jsx(o.StyledSwitchInput,{ref:u,type:"checkbox",role:"switch",id:Y,name:y,value:j,checked:p,disabled:m||x,autoFocus:w,"aria-checked":p,onChange:b,onBlur:h,onFocus:f,"aria-describedby":te?ee.current:void 0,required:H}),x?e.jsx(o.StyledSwitchLoaderWrapper,{"data-role":"switch-loader-wrapper",$checked:p,$size:v,$disableTransitions:!!G,children:e.jsx(a.Loader,{"data-role":"switch-loader",loaderType:"ring",size:"large"===v?"small":"extra-small",showLabel:!1,inverse:p})}):e.jsx(o.StyledSwitchThumb,{"data-role":"switch-thumb",$checked:p,$disabled:m,$size:v,$disableTransitions:!!G})]}),x?e.jsx(o.StyledSwitchProcessingRow,{$below:$,"data-role":"switch-processing-row",children:e.jsx(o.StyledSwitchProcessingText,{$size:v,children:V})}):e.jsx(o.StyledSwitchStateText,{"aria-hidden":!0,$disabled:m,$size:v,children:p?K:U})]}),I&&e.jsx(s.HintText,{marginTop:"8px","data-element":"field-help",isLarge:"large"===v,children:I})]})?le:{},Object.getOwnPropertyDescriptors?Object.defineProperties(ie,Object.getOwnPropertyDescriptors(le)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(le)).forEach((function(e){Object.defineProperty(ie,e,Object.getOwnPropertyDescriptor(le,e))})),ie));var ie,le}));u.displayName="Switch",exports.Switch=u,exports.SwitchComponent=u,exports.default=u;

package/lib/components/switch/switch.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("styled-system"),a=require("../../style/utils/add-focus-styling.js"),l=require("../../style/themes/apply-base-theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var i=s(e);const o=i.default.div.attrs(l.default).withConfig({displayName:"switch.style__StyledSwitch",componentId:"sc-bc2ca4f2-0"})([""," display:",";flex-direction:",";"],t.margin,(({$labelInline:e})=>e?"flex":"inline-flex"),(({$labelInline:e})=>e?"row":"column")),r=i.default.div.withConfig({displayName:"switch.style__StyledSwitchLabelWrapper",componentId:"sc-bc2ca4f2-1"})(["",""],(({$labelInline:t,$labelWidth:a})=>e.css(["display:flex;flex-direction:column;margin-right:var(--global-space-comp-s);",""],t&&a&&e.css(["width:","%;"],a)))),c=i.default.label.withConfig({displayName:"switch.style__StyledSwitchLabel",componentId:"sc-bc2ca4f2-2"})(["",""],(({$disabled:t,$inputHint:a,$labelInline:l,$labelSpacing:s,$required:i,$size:o})=>e.css(["display:flex;color:",";font:",";cursor:pointer;"," "," "," ",""],t?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)","large"===o?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)",i&&e.css(['::after{content:"*";color:var(--input-labelset-label-required);font:',";margin-left:var(--global-space-comp-xs);}"],"large"===o?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"),!a&&e.css(["margin-bottom:var(--global-space-comp-s);"]),l&&e.css(["margin-bottom:0;"]),(l||a)&&e.css(["margin-right:",";"],s?8*s+"px":"var(--global-space-comp-s)")))),n=i.default.div.withConfig({displayName:"switch.style__StyledSwitchRow",componentId:"sc-bc2ca4f2-3"})(["",""],(({$size:t,$processingLabelBelowSwitch:a})=>e.css(["display:flex;flex-direction:",";align-items:",";gap:var(--global-space-comp-s);",""],a?"column":"row",a?"flex-start":"center","large"===t&&e.css(["margin-top:var(--global-space-comp-xs);"])))),d=i.default.div.withConfig({displayName:"switch.style__StyledSwitchTrack",componentId:"sc-bc2ca4f2-4"})(["",""],(({$checked:t,$disabled:l,$size:s,$loading:i,$disableTransitions:o})=>e.css(["position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:",";height:",";border-radius:var(--global-radius-container-circle,999px);border:var(--global-borderwidth-s) solid var(--input-switch-border-default);box-sizing:border-box;transition:",";cursor:",";background-color:transparent;border-color:",";"," "," "," &:focus-within{","}"],"large"===s?"var(--global-size-3-xl)":"var(--global-size-m)","large"===s?"var(--global-size-m)":"var(--global-size-xs)",o?"none":"background-color 0.2s ease, border-color 0.2s ease",l?"not-allowed":"pointer",l?"var(--input-switch-border-disabled)":"var(--input-switch-border-default)",t&&!l&&e.css(["border-radius:var(--global-radius-container-circle,999px);border:var(--global-borderwidth-s) solid var(--input-switch-border-active);background:var(--input-switch-bg-active);"]),l&&t&&e.css(["background-color:var(--input-switch-bg-activate-disabled);border-color:transparent;"]),i&&e.css(["&::after{display:none;}"]),a.default()))),p=i.default.span.withConfig({displayName:"switch.style__StyledSwitchThumb",componentId:"sc-bc2ca4f2-5"})(["",""],(({$checked:t,$disabled:a,$size:l,$disableTransitions:s})=>e.css(["position:absolute;left:",";width:",";height:",";border-radius:50%;background-color:",";transition:",";transform:",";"," ",""],"large"===l?"4px":"3px","large"===l?"28px":"var(--global-size-3-xs)","large"===l?"28px":"var(--global-size-3-xs)",a?"var(--input-switch-fg-disabled)":"var(--input-switch-fg-default)",s?"none":"transform 0.2s ease, background-color 0.2s ease",t?"large"===l?"translateX(32px)":"translateX(15px)":"translateX(0)",t&&!a&&e.css(["background-color:var(--input-switch-fg-active);"]),t&&a&&e.css(["background-color:var(--input-switch-fg-activate-disabled);"])))),b=i.default.span.withConfig({displayName:"switch.style__StyledSwitchStateText",componentId:"sc-bc2ca4f2-6"})(["",""],(({$disabled:t,$size:a})=>e.css(["color:",";font:",";"],t?"var(--input-switch-label-disabled)":"var(--input-switch-label-default)","large"===a?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"))),g=i.default.div.withConfig({displayName:"switch.style__StyledSwitchProcessingRow",componentId:"sc-bc2ca4f2-7"})(["",""],(({$below:t})=>e.css(["display:flex;align-items:",";flex-direction:",";gap:",";"],t?"flex-start":"center",t?"column":"row",t?"var(--global-space-comp-s)":"var(--global-space-comp-m)"))),m=i.default.span.withConfig({displayName:"switch.style__StyledSwitchProcessingText",componentId:"sc-bc2ca4f2-8"})(["",""],(({$size:t})=>e.css(["color:var(--input-switch-label-default);font:",";"],"large"===t?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"))),u=i.default.span.withConfig({displayName:"switch.style__StyledSwitchLoaderWrapper",componentId:"sc-bc2ca4f2-9"})(["",""],(({$checked:t,$size:a,$disableTransitions:l})=>e.css(["position:absolute;left:2px;display:flex;align-items:center;justify-content:center;transition:",";transform:",";"],l?"none":"transform 0.2s ease",t?"large"===a?"translateX(32px)":"translateX(15px)":"translateX(0)"))),f=i.default.input.withConfig({displayName:"switch.style__StyledSwitchInput",componentId:"sc-bc2ca4f2-10"})(["position:absolute;inset:calc(0px - var(--global-borderwidth-s));margin:0;padding:0;opacity:0;cursor:inherit;z-index:1;"]);exports.StyledSwitch=o,exports.StyledSwitchInput=f,exports.StyledSwitchLabel=c,exports.StyledSwitchLabelWrapper=r,exports.StyledSwitchLoaderWrapper=u,exports.StyledSwitchProcessingRow=g,exports.StyledSwitchProcessingText=m,exports.StyledSwitchRow=n,exports.StyledSwitchStateText=b,exports.StyledSwitchThumb=p,exports.StyledSwitchTrack=d;
+"use strict";var e=require("styled-components"),t=require("styled-system"),a=require("../../style/utils/add-focus-styling.js"),i=require("../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var s=l(e);const o=s.default.div.attrs(i.default).withConfig({displayName:"switch.style__StyledSwitch",componentId:"sc-f7e060fe-0"})([""," display:",";flex-direction:",";"],t.margin,(({$labelInline:e})=>e?"flex":"inline-flex"),(({$labelInline:e})=>e?"row":"column")),r=s.default.div.withConfig({displayName:"switch.style__StyledSwitchLabelWrapper",componentId:"sc-f7e060fe-1"})(["",""],(({$labelInline:t,$labelWidth:a})=>e.css(["display:flex;flex-direction:column;margin-right:var(--global-space-comp-s);",""],t&&a&&e.css(["width:","%;"],a)))),c=s.default.label.withConfig({displayName:"switch.style__StyledSwitchLabel",componentId:"sc-f7e060fe-2"})(["",""],(({$disabled:t,$inputHint:a,$labelInline:i,$labelSpacing:l,$required:s,$size:o})=>e.css(["display:flex;color:",";font:",";cursor:pointer;"," "," "," ",""],t?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)","large"===o?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)",s&&e.css(['::after{content:"*";color:var(--input-labelset-label-required);font:',";margin-left:var(--global-space-comp-xs);}"],"large"===o?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"),!a&&e.css(["margin-bottom:var(--global-space-comp-s);"]),i&&e.css(["margin-bottom:0;"]),(i||a)&&e.css(["margin-right:",";"],l?8*l+"px":"var(--global-space-comp-s)")))),n=s.default.div.withConfig({displayName:"switch.style__StyledSwitchRow",componentId:"sc-f7e060fe-3"})(["",""],(({$size:t,$processingLabelBelowSwitch:a})=>e.css(["display:flex;flex-direction:",";align-items:",";gap:var(--global-space-comp-s);",""],a?"column":"row",a?"flex-start":"center","large"===t&&e.css(["margin-top:var(--global-space-comp-xs);"])))),d=s.default.div.withConfig({displayName:"switch.style__StyledSwitchTrack",componentId:"sc-f7e060fe-4"})(["",""],(({$checked:t,$disabled:i,$size:l,$loading:s,$disableTransitions:o})=>e.css(["position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:",";height:",";border-radius:var(--global-radius-container-circle,999px);border:var(--global-borderwidth-s) solid var(--input-switch-border-default);box-sizing:border-box;transition:",";cursor:",";background-color:transparent;border-color:",";"," "," "," &:focus-within{","}"],"large"===l?"var(--global-size-3-xl)":"var(--global-size-m)","large"===l?"var(--global-size-m)":"var(--global-size-xs)",o?"none":"background-color 0.2s ease, border-color 0.2s ease",i?"not-allowed":"pointer",i?"var(--input-switch-border-disabled)":"var(--input-switch-border-default)",t&&!i&&e.css(["border-radius:var(--global-radius-container-circle,999px);border:var(--global-borderwidth-s) solid var(--input-switch-border-active);background:var(--input-switch-bg-active);"]),i&&t&&e.css(["background-color:var(--input-switch-bg-activate-disabled);border-color:transparent;"]),s&&e.css(["&::after{display:none;}"]),a.default()))),p=s.default.span.withConfig({displayName:"switch.style__StyledSwitchThumb",componentId:"sc-f7e060fe-5"})(["",""],(({$checked:t,$disabled:a,$size:i,$disableTransitions:l})=>e.css(["position:absolute;left:",";width:",";height:",";border-radius:50%;background-color:",";transition:",";transform:",";"," ",""],"large"===i?"4px":"3px","large"===i?"28px":"var(--global-size-3-xs)","large"===i?"28px":"var(--global-size-3-xs)",a?"var(--input-switch-fg-disabled)":"var(--input-switch-fg-default)",l?"none":"transform 0.2s ease, background-color 0.2s ease",t?"large"===i?"translateX(32px)":"translateX(15px)":"translateX(0)",t&&!a&&e.css(["background-color:var(--input-switch-fg-active);"]),t&&a&&e.css(["background-color:var(--input-switch-fg-activate-disabled);"])))),f=s.default.span.withConfig({displayName:"switch.style__StyledSwitchStateText",componentId:"sc-f7e060fe-6"})(["",""],(({$disabled:t,$size:a})=>e.css(["color:",";font:",";"],t?"var(--input-switch-label-disabled)":"var(--input-switch-label-default)","large"===a?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"))),b=s.default.div.withConfig({displayName:"switch.style__StyledSwitchProcessingRow",componentId:"sc-f7e060fe-7"})(["",""],(({$below:t})=>e.css(["display:flex;align-items:",";flex-direction:",";gap:",";"],t?"flex-start":"center",t?"column":"row",t?"var(--global-space-comp-s)":"var(--global-space-comp-m)"))),g=s.default.span.withConfig({displayName:"switch.style__StyledSwitchProcessingText",componentId:"sc-f7e060fe-8"})(["",""],(({$size:t})=>e.css(["color:var(--input-switch-label-default);font:",";"],"large"===t?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"))),m=s.default.span.withConfig({displayName:"switch.style__StyledSwitchLoaderWrapper",componentId:"sc-f7e060fe-9"})(["",""],(({$checked:t,$size:a,$disableTransitions:i})=>e.css(["position:absolute;left:2px;display:flex;align-items:center;justify-content:center;transition:",";transform:",";"],i?"none":"transform 0.2s ease",t?"large"===a?"translateX(32px)":"translateX(15px)":"translateX(0)"))),u=s.default.input.withConfig({displayName:"switch.style__StyledSwitchInput",componentId:"sc-f7e060fe-10"})(["position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:2;-webkit-appearance:none;appearance:none;"]);exports.StyledSwitch=o,exports.StyledSwitchInput=u,exports.StyledSwitchLabel=c,exports.StyledSwitchLabelWrapper=r,exports.StyledSwitchLoaderWrapper=m,exports.StyledSwitchProcessingRow=b,exports.StyledSwitchProcessingText=g,exports.StyledSwitchRow=n,exports.StyledSwitchStateText=f,exports.StyledSwitchThumb=p,exports.StyledSwitchTrack=d;

package/lib/components/textbox/__internal__/__next__/text-input.component.d.ts

@@ -44,8 +44,8 @@ export interface TextInputProps extends Omit<ValidationProps, "info">, MarginPro
      * The label's htmlFor attribute will be set to match the input's id to ensure they are properly associated.
      */
     id?: string;
-    /** A hint string rendered before the input but after the label. Intended to describe the purpose or content of the input */
-    inputHint?: string;
+    /** A hint element rendered before the input but after the label. Intended to describe the purpose or content of the input */
+    inputHint?: React.ReactNode;
     /**
      * @internal @private @ignore
      * An Icon to be rendered next to the input

package/package.json

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