carbon-react 161.2.1 → 161.3.1

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

@@ -1,38 +0,0 @@
-/**
- * Checkable Input Component
- *
- * @description Base component for Checkbox and RadioButton components.
- * Do not add props that are specific to either Checkbox or RadioButton.
- * Do not add props to the common interface that are not intended to be in the public interface of both components.
- * Styles of any children should be handled in their respective component files.
- */
-import React from "react";
-import { CommonHiddenCheckableInputProps } from "../hidden-checkable-input.component";
-export interface CommonCheckableInputProps extends Omit<CommonHiddenCheckableInputProps, "validationIconId"> {
-    /** Unique identifier for the input. Will use a randomly generated GUID if none is provided. */
-    id?: string;
-    /** Content of the label. */
-    label?: React.ReactNode;
-    /** Additional hint text rendered below the label. */
-    inputHint?: React.ReactNode;
-    /** If true, the component will be disabled. */
-    disabled?: boolean;
-    /** Content to be rendered below the input when checked, is not supported when inputs are inline. */
-    progressiveDisclosure?: React.ReactNode;
-}
-export interface CheckableInputProps extends CommonCheckableInputProps {
-    /** Element to be rendered as the visible input. */
-    children?: React.ReactNode;
-    /** HTML type attribute of the input. */
-    type: string;
-    /** Value passed to the input. */
-    value?: string;
-    /** Size of the component. */
-    size?: "small" | "medium" | "large";
-    /** Set error state - passed to Tabs context */
-    error?: boolean;
-    /** Set warning state - passed to Tabs context */
-    warning?: boolean;
-}
-declare const CheckableInput: React.ForwardRefExoticComponent<CheckableInputProps & React.RefAttributes<HTMLInputElement>>;
-export default CheckableInput;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./checkable-input.style.js"),n=require("../hidden-checkable-input.component.js"),i=require("../../utils/helpers/guid/index.js"),s=require("../../legacy-label/label.component.js"),l=require("../../legacy-hint-text/hint-text.component.js"),o=require("../../../hooks/useMediaQuery/useMediaQuery.js"),c=require("../../../components/tabs/__next__/tabs.context.js"),u=require("../../../components/tabs/__next__/tab.context.js");function a(e){return e&&e.__esModule?e:{default:e}}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 f(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){d(e,r,t[r])}))}return e}const b=a(r).default.forwardRef(((a,d)=>{var{children:b,disabled:p,id:y,name:h,type:j,value:x,label:g,inputHint:m,checked:O,progressiveDisclosure:v,size:_="medium",error:k,warning:S}=a,q=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(a,["children","disabled","id","name","type","value","label","inputHint","checked","progressiveDisclosure","size","error","warning"]);const{current:w}=r.useRef(y||i.default()),C=m?`${w}-hint`:void 0,P=r.useRef(null),$=o.default("screen and (prefers-reduced-motion: no-preference)"),{scrollHeight:z}=P.current||{},D=O&&z?String(z):"0",{setErrors:E,setWarnings:H}=r.useContext(c.TabsContext),{tabId:I}=r.useContext(u.TabContext),L=r.useRef(!1);return r.useLayoutEffect((()=>(L.current=!0,()=>{L.current=!1})),[]),r.useEffect((()=>(E&&E(w,I||"",!!k),H&&H(w,I||"",!!S),()=>{L.current||(E&&E(w,I||"",!1),H&&H(w,I||"",!1))})),[w,E,H,k,S,I]),e.jsxs(e.Fragment,{children:[e.jsxs(t.StyledCheckableInput,{$size:_,children:[e.jsxs(t.StyledCheckableInputWrapper,{children:[e.jsx(n.default,f({id:w,type:j,name:h,value:x,disabled:p,checked:O,ref:d,ariaDescribedBy:C},q)),b]}),g&&e.jsx(s.default,{htmlFor:w,disabled:p,isLarge:"large"===_,children:g}),m&&e.jsx(l.HintText,{id:C,marginBottom:"0",isDisabled:p,isLarge:"large"===_,children:m})]}),v&&e.jsxs(t.StyledAccordion,{"data-role":"progressive-disclosure-accordion",ref:P,$expanded:O,$contentHeight:D,$allowAnimation:$,children:[e.jsx(t.StyledLineContainer,{$size:_,children:e.jsx(t.StyledAccordionLine,{$size:_})}),e.jsx(t.StyledAccordionContent,{children:v})]})]})}));b.displayName="CheckableInput",exports.default=b;

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

@@ -1,17 +0,0 @@
-export declare const StyledCheckableInput: import("styled-components").StyledComponent<"div", any, {
-    $size: "small" | "medium" | "large";
-}, never>;
-export declare const StyledCheckableInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-interface StyledAccordionProps {
-    $expanded?: boolean;
-    $contentHeight?: string | number;
-    $allowAnimation?: boolean;
-}
-export declare const StyledAccordion: import("styled-components").StyledComponent<"div", any, StyledAccordionProps, never>;
-interface StyledAccordionContentProps {
-    $size: "small" | "medium" | "large";
-}
-export declare const StyledLineContainer: import("styled-components").StyledComponent<"div", any, StyledAccordionContentProps, never>;
-export declare const StyledAccordionLine: import("styled-components").StyledComponent<"div", any, StyledAccordionContentProps, never>;
-export declare const StyledAccordionContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};

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

@@ -1 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../legacy-label/label.style.js"),a=require("../../legacy-hint-text/hint-text.style.js");function l(e){return e&&e.__esModule?e:{default:e}}var i=l(e);const o={small:"var(--global-font-static-comp-regular-s)",medium:"var(--global-font-static-comp-regular-m)",large:"var(--global-font-static-comp-regular-l)"},n=i.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInput",componentId:"carbon_v161_2_0__sc-49f7bf7-0"})(["display:grid;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);","{padding:0;margin:0;}","{","}","{grid-area:2 / 2;}"],t.StyledLabelContainer,t.default,(({$size:t})=>t&&e.css(["font:",";"],o[t])),a.default),s=i.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInputWrapper",componentId:"carbon_v161_2_0__sc-49f7bf7-1"})(["display:flex;align-items:center;min-height:var(--global-size-xs);"]),c=i.default.div.withConfig({displayName:"checkable-input.style__StyledAccordion",componentId:"carbon_v161_2_0__sc-49f7bf7-2"})(["overflow-y:hidden;visibility:hidden;max-height:0;position:relative;display:grid;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);"," ",""],(({$allowAnimation:t})=>t&&e.css(["transition:all 0.4s;"])),(({$expanded:t,$contentHeight:a})=>e.css(["",""],t&&e.css(["visibility:visible;max-height:","px;"],a)))),d={small:{top:"var(--global-space-comp-xs)",width:"var(--global-size-3-xs)"},medium:{top:"var(--global-space-comp-s)",width:"var(--global-size-xs)"},large:{top:"var(--global-space-comp-m)",width:"var(--global-size-s)"}},r="var(--global-space-comp-m)",p=i.default.div.withConfig({displayName:"checkable-input.style__StyledLineContainer",componentId:"carbon_v161_2_0__sc-49f7bf7-3"})(["display:flex;justify-content:center;",""],(({$size:t})=>t&&e.css(["width:",";"],d[t].width))),b=i.default.div.withConfig({displayName:"checkable-input.style__StyledAccordionLine",componentId:"carbon_v161_2_0__sc-49f7bf7-4"})(["position:absolute;width:2px;background-color:var(--input-typical-border-alt);border-radius:2px;",""],(({$size:t})=>t&&e.css(["top:",";height:calc( 100% - ("," + ",") );"],d[t].top,d[t].top,r))),g=i.default.div.withConfig({displayName:"checkable-input.style__StyledAccordionContent",componentId:"carbon_v161_2_0__sc-49f7bf7-5"})(["padding:"," 0;"],r);exports.StyledAccordion=c,exports.StyledAccordionContent=g,exports.StyledAccordionLine=b,exports.StyledCheckableInput=n,exports.StyledCheckableInputWrapper=s,exports.StyledLineContainer=p;

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

@@ -1,2 +0,0 @@
-declare const StyledCheckableInputSvgWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export default StyledCheckableInputSvgWrapper;

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

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.div.withConfig({displayName:"checkable-input-svg-wrapper.style__StyledCheckableInputSvgWrapper",componentId:"carbon_v161_2_0__sc-8181f8e4-0"})([""]);exports.default=t;

package/lib/components/checkbox/checkbox-group/__internal__/checkbox-group.context.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { ValidationProps } from "../../../../__internal__/validations";
-declare const _default: React.Context<ValidationProps>;
-export default _default;

package/lib/components/checkbox/checkbox-svg.component.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const CheckboxSvg: () => React.JSX.Element;
-export default CheckboxSvg;

package/lib/components/checkbox/checkbox-svg.component.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var l=require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style.js");exports.default=()=>e.jsx(l.default,{children:e.jsx("svg",{"data-role":"checkable-svg",focusable:"false",width:"12",height:"10",viewBox:"0 0 12 10",children:e.jsx("path",{d:"M.237 6.477A.752.752 0 0 1 .155 5.47l.851-1.092a.63.63 0 0 1 .934-.088l2.697 1.964, 4.674-6a.63.63 0 0 1 .933-.088l1.015.917c.28.254.317.703.081 1.005L6.353 8.492a.725.725, 0 0 1-.095.16l-.85 1.093a.637.637 0 0 1-.626.244.638.638 0 0 1-.335-.16L.237 6.476z",fill:"#FFFFFF",fillRule:"evenodd"})})});