carbon-react 111.12.0 → 111.12.2

package/esm/components/accordion/accordion.style.js

@@ -136,7 +136,7 @@ const StyledAccordionTitleContainer = styled.div`
 
       ${!hasButtonProps && css`
         ${StyledAccordionHeadingsContainer} {
-          margin-left: ${iconAlign === "right" ? "64px" : "32px"};
+          margin-left: ${iconAlign === "right" ? "var(--spacing300)" : "var(--spacing100)"};
         }
       `}
 

package/esm/components/switch/__internal__/switch-slider-panel.style.d.ts

@@ -0,0 +1,7 @@
+import { SwitchProps } from "../switch.component";
+export interface SwitchSliderPanelProps {
+    isLoading?: boolean;
+    size?: SwitchProps["size"];
+}
+declare const SwitchSliderPanel: import("styled-components").StyledComponent<"div", any, SwitchSliderPanelProps, never>;
+export default SwitchSliderPanel;

package/esm/components/switch/__internal__/switch-slider-panel.style.js

@@ -1,5 +1,4 @@
 import styled, { css } from "styled-components";
-import PropTypes from "prop-types";
 import StyledLoader from "../../loader/loader.style";
 import StyledLoaderSquare from "../../loader/loader-square.style";
 const SwitchSliderPanel = styled.div`
@@ -59,8 +58,4 @@ const SwitchSliderPanel = styled.div`
     `}
   `}
 `;
-SwitchSliderPanel.propTypes = {
-  isLoading: PropTypes.bool,
-  size: PropTypes.string
-};
 export default SwitchSliderPanel;

package/esm/components/switch/__internal__/switch-slider.component.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ValidationProps } from "../../../__internal__/validations";
+export interface SwitchSliderProps extends ValidationProps {
+    checked?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    size?: "small" | "large";
+    useValidationIcon?: boolean;
+}
+declare const SwitchSlider: ({ checked, disabled, loading, size, error, warning, info, useValidationIcon, }: SwitchSliderProps) => JSX.Element;
+export default SwitchSlider;

package/esm/components/switch/__internal__/switch-slider.component.js

@@ -49,13 +49,13 @@ const SwitchSlider = ({
 };
 
 SwitchSlider.propTypes = {
-  checked: PropTypes.bool,
-  disabled: PropTypes.bool,
-  loading: PropTypes.bool,
-  size: PropTypes.string,
-  error: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  warning: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  info: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  useValidationIcon: PropTypes.bool
+  "checked": PropTypes.bool,
+  "disabled": PropTypes.bool,
+  "error": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  "info": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  "loading": PropTypes.bool,
+  "size": PropTypes.oneOf(["large", "small"]),
+  "useValidationIcon": PropTypes.bool,
+  "warning": PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
 };
 export default SwitchSlider;

package/esm/components/switch/__internal__/switch-slider.style.d.ts

@@ -0,0 +1,6 @@
+import { SwitchSliderProps } from "./switch-slider.component";
+interface StyledSwitchSliderProps extends Pick<SwitchSliderProps, "checked" | "disabled" | "size" | "error" | "warning"> {
+    isLoading?: boolean;
+}
+declare const StyledSwitchSlider: import("styled-components").StyledComponent<"span", any, StyledSwitchSliderProps, never>;
+export default StyledSwitchSlider;

package/esm/components/switch/__internal__/switch-slider.style.js

@@ -1,5 +1,4 @@
 import styled, { css } from "styled-components";
-import PropTypes from "prop-types";
 import SwitchSliderPanel from "./switch-slider-panel.style";
 import StyledValidationIcon from "../../../__internal__/validations/validation-icon.style";
 const StyledSwitchSlider = styled.span`
@@ -107,12 +106,4 @@ const StyledSwitchSlider = styled.span`
     }
   `}
 `;
-StyledSwitchSlider.propTypes = {
-  checked: PropTypes.bool,
-  disabled: PropTypes.bool,
-  size: PropTypes.string,
-  isLoading: PropTypes.bool,
-  error: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  warning: PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
-};
 export default StyledSwitchSlider;

package/esm/components/switch/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./switch";
+export { default } from "./switch.component";
+export type { SwitchProps } from "./switch.component";

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

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { MarginProps } from "styled-system";
+import { CommonCheckableInputProps } from "../../__internal__/checkable-input";
+export interface SwitchProps extends CommonCheckableInputProps, MarginProps {
+    /** Identifier used for testing purposes, applied to the root element of the component. */
+    "data-component"?: string;
+    /** Identifier used for testing purposes, applied to the root element of the component. */
+    "data-element"?: string;
+    /** Identifier used for testing purposes, applied to the root element of the component. */
+    "data-role"?: string;
+    /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
+    adaptiveLabelBreakpoint?: number;
+    /** Set the default value of the Switch if component is meant to be used as uncontrolled */
+    defaultChecked?: boolean;
+    /** Text alignment of the label */
+    labelAlign?: "left" | "right";
+    /** When true label is inline */
+    labelInline?: boolean;
+    /** Triggers loading animation */
+    loading?: boolean;
+    /** When true, validation icon will be placed on label instead of being placed on the input */
+    validationOnLabel?: boolean;
+    /** The value of the switch, passed on form submit */
+    value?: string;
+    /** Overrides the default tooltip position */
+    tooltipPosition?: "top" | "bottom" | "left" | "right";
+    /** Aria label for rendered help component */
+    helpAriaLabel?: string;
+}
+export declare const Switch: ({ autoFocus, id, label, onChange, onBlur, onFocus, value, checked, defaultChecked, disabled, loading, reverse, validationOnLabel, labelInline, labelSpacing, labelHelp, fieldHelpInline, size, name, adaptiveLabelBreakpoint, tooltipPosition, error, warning, info, "data-component": dataComponent, "data-element": dataElement, "data-role": dataRole, helpAriaLabel, ...rest }: SwitchProps) => JSX.Element;
+export default Switch;