carbon-react 111.12.0 → 111.12.2

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

@@ -0,0 +1,4 @@
+import { SwitchProps } from "./switch.component";
+declare type StyledSwitchProps = Pick<SwitchProps, "fieldHelpInline" | "labelInline" | "reverse" | "size">;
+declare const StyledSwitch: import("styled-components").StyledComponent<"div", any, StyledSwitchProps, never>;
+export default StyledSwitch;

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

@@ -7,8 +7,6 @@ exports.default = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledSystem = require("styled-system");
 
 var _base = _interopRequireDefault(require("../../style/themes/base"));
@@ -174,13 +172,6 @@ const StyledSwitch = _styledComponents.default.div`
     `}
   `}
 `;
-StyledSwitch.propTypes = {
-  disabled: _propTypes.default.bool,
-  fieldHelpInline: _propTypes.default.bool,
-  labelInline: _propTypes.default.bool,
-  reverse: _propTypes.default.bool,
-  size: _propTypes.default.string
-};
 StyledSwitch.defaultProps = {
   theme: _base.default
 };

package/lib/components/toast/toast.component.js

@@ -56,6 +56,7 @@ const Toast = /*#__PURE__*/_react.default.forwardRef(({
   const toastContentNodeRef = (0, _react.useRef)();
   const closeIconRef = (0, _react.useRef)();
   const focusedElementBeforeOpening = (0, _react.useRef)();
+  const [tabIndex, setTabIndex] = (0, _react.useState)(0);
   const refToPass = ref || toastRef;
   const componentClasses = (0, _react.useMemo)(() => {
     return (0, _classnames.default)(className);
@@ -77,15 +78,16 @@ const Toast = /*#__PURE__*/_react.default.forwardRef(({
     timer.current = setTimeout(() => onDismiss(), timeout);
   }, [onDismiss, open, timeout]);
   (0, _react.useEffect)(() => {
-    if (onDismiss && !disableAutoFocus) {
+    if (!disableAutoFocus) {
       if (open) {
-        var _closeIconRef$current;
+        var _toastContentNodeRef$;
 
         focusedElementBeforeOpening.current = document.activeElement;
-        (_closeIconRef$current = closeIconRef.current) === null || _closeIconRef$current === void 0 ? void 0 : _closeIconRef$current.focus();
+        (_toastContentNodeRef$ = toastContentNodeRef.current) === null || _toastContentNodeRef$ === void 0 ? void 0 : _toastContentNodeRef$.focus();
       } else if (focusedElementBeforeOpening.current) {
         focusedElementBeforeOpening.current.focus();
         focusedElementBeforeOpening.current = undefined;
+        setTabIndex(0);
       }
     }
   }, [open, onDismiss, disableAutoFocus]);
@@ -131,6 +133,9 @@ const Toast = /*#__PURE__*/_react.default.forwardRef(({
       className: componentClasses
     }, (0, _tags.default)(restProps["data-component"] || "toast", restProps), toastProps, {
       ref: toastContentNodeRef
+    }, !disableAutoFocus && {
+      tabIndex,
+      onBlur: () => setTabIndex(undefined)
     }), !isNotice && /*#__PURE__*/_react.default.createElement(_toast.TypeIcon, {
       variant: toastProps.variant
     }, /*#__PURE__*/_react.default.createElement(_icon.default, {

package/lib/components/toast/toast.style.js

@@ -78,8 +78,11 @@ const ToastStyle = (0, _styledComponents.default)(_message.default)`
     margin-right: ${isCenter ? "auto" : "30px"};
   `}
 
-  &${animationName}-appear,
-  &${animationName}-enter {
+  :focus {
+    outline: none;
+  }
+
+  &${animationName}-appear, &${animationName}-enter {
     opacity: 0;
     transform: scale(0.5);
   }

package/package.json

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

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

@@ -1,37 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-import { CommonCheckableInputProps } from "../../__internal__/checkable-input";
-
-export type LabelAlign = "left" | "right";
-
-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?: LabelAlign;
-  /** 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;
-}
-
-declare function Switch(props: SwitchProps): JSX.Element;
-
-export { Switch as BaseSwitch };
-export default Switch;

package/lib/components/switch/switch.d.ts

@@ -1,37 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-import { CommonCheckableInputProps } from "../../__internal__/checkable-input";
-
-export type LabelAlign = "left" | "right";
-
-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?: LabelAlign;
-  /** 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;
-}
-
-declare function Switch(props: SwitchProps): JSX.Element;
-
-export { Switch as BaseSwitch };
-export default Switch;