carbon-react 134.2.0 → 135.0.0

package/esm/components/portal/portal.js

@@ -60,6 +60,7 @@ export const Portal = ({
       node = document.createElement("div");
       node.classList.add(portalClassName);
       node.setAttribute("data-portal-exit", uniqueId);
+      node.setAttribute("data-role", "carbon-portal-exit");
       if (id !== undefined) {
         node.setAttribute("id", id);
       }

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

@@ -26,8 +26,6 @@ export interface ToastProps {
     closeButtonDataProps?: Pick<TagProps, "data-role" | "data-element">;
     /** Time for Toast to remain on screen */
     timeout?: string | number;
-    /** Centers the Toast on the screen */
-    isCenter?: boolean;
     /** Target Portal ID where the Toast will render */
     targetPortalId?: string;
     /** Maximum toast width */

package/esm/components/toast/toast.component.js

@@ -9,15 +9,12 @@ import IconButton from "../icon-button";
 import Events from "../../__internal__/utils/helpers/events";
 import useLocale from "../../hooks/__internal__/useLocale";
 import useModalManager from "../../hooks/__internal__/useModalManager";
-import Logger from "../../__internal__/utils/logger";
-let isDeprecationWarningTriggered = false;
 const Toast = /*#__PURE__*/React.forwardRef(({
-  align,
+  align = "center",
   alignY,
   children,
   className,
   id,
-  isCenter = true,
   maxWidth,
   onDismiss,
   open = true,
@@ -41,10 +38,6 @@ const Toast = /*#__PURE__*/React.forwardRef(({
   if (ref && typeof ref === "object" && "current" in ref) {
     refToPass = ref;
   }
-  if (isCenter !== undefined && !isDeprecationWarningTriggered) {
-    isDeprecationWarningTriggered = true;
-    Logger.deprecate(`isCenter prop in ${Toast.displayName} is being deprecated in favour of the align prop.`);
-  }
   const dismissToast = useCallback(ev => {
     if (onDismiss && Events.isEscKey(ev)) {
       ev.stopImmediatePropagation();
@@ -131,7 +124,6 @@ const Toast = /*#__PURE__*/React.forwardRef(({
       isNotification: isNotification,
       className: className
     }, tagComponent(restProps["data-component"] || "toast", restProps), {
-      isCenter: isCenter,
       variant: toastVariant,
       id: id,
       maxWidth: maxWidth,
@@ -140,25 +132,26 @@ const Toast = /*#__PURE__*/React.forwardRef(({
       tabIndex,
       onBlur: () => setTabIndex(undefined)
     }), !isNotice && /*#__PURE__*/React.createElement(TypeIcon, {
-      variant: isNotification ? "info" : variant
+      variant: isNotification ? "info" : variant,
+      "data-role": "toast-type-icon"
     }, /*#__PURE__*/React.createElement(Icon, {
       type: toastIcon
     })), /*#__PURE__*/React.createElement(StyledToastContent, {
       isNotice: isNotice,
-      isDismiss: !!onDismiss
+      isDismiss: !!onDismiss,
+      "data-role": "toast-content"
     }, children), renderCloseIcon()));
   }
   return /*#__PURE__*/React.createElement(StyledPortal, {
     id: targetPortalId,
     align: align,
     alignY: alignY,
-    isCenter: isCenter,
     isNotice: isNotice
   }, /*#__PURE__*/React.createElement(ToastWrapper, {
     align: align,
-    isCenter: isCenter,
     ref: refToPass,
-    isNotice: isNotice
+    isNotice: isNotice,
+    "data-role": "toast-wrapper"
   }, /*#__PURE__*/React.createElement(TransitionGroup, null, renderToastContent())));
 });
 if (process.env.NODE_ENV !== "production") {
@@ -174,7 +167,6 @@ if (process.env.NODE_ENV !== "production") {
     "data-component": PropTypes.string,
     "disableAutoFocus": PropTypes.bool,
     "id": PropTypes.string,
-    "isCenter": PropTypes.bool,
     "maxWidth": PropTypes.string,
     "onDismiss": PropTypes.func,
     "open": PropTypes.bool,

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

@@ -4,7 +4,6 @@ import { MessageVariant } from "../message/message.component";
 declare const StyledPortal: import("styled-components").StyledComponent<({ children, className, id, onReposition, inertOptOut, }: import("../portal/portal").PortalProps) => import("react").JSX.Element, any, {
     align?: "left" | "right" | "center" | undefined;
     alignY?: "bottom" | "top" | "center" | undefined;
-    isCenter?: boolean | undefined;
     isNotice?: boolean | undefined;
 }, never>;
 declare type ToastVariants = MessageVariant;
@@ -12,7 +11,6 @@ declare type ToastStyleProps = {
     align?: "left" | "center" | "right";
     alignY?: "top" | "center" | "bottom";
     maxWidth?: string;
-    isCenter?: boolean;
     isNotice?: boolean;
     isNotification?: boolean;
     variant: ToastVariants;
@@ -24,7 +22,6 @@ declare const StyledToastContent: import("styled-components").StyledComponent<"d
 }, never>;
 declare const ToastWrapper: import("styled-components").StyledComponent<"div", any, {
     align?: "left" | "right" | "center" | undefined;
-    isCenter?: boolean | undefined;
     isNotice?: boolean | undefined;
 }, never>;
 export { StyledPortal, StyledToast, TypeIcon, StyledToastContent, ToastWrapper, };

package/esm/components/toast/toast.style.js

@@ -7,7 +7,6 @@ import StyledIcon from "../icon/icon.style";
 const StyledPortal = styled(Portal)`
   ${({
   theme,
-  isCenter,
   isNotice,
   align,
   alignY
@@ -16,11 +15,6 @@ const StyledPortal = styled(Portal)`
     top: 0;
     z-index: ${theme.zIndex.notification};
 
-    ${isCenter && css`
-      margin-left: 50%;
-      transform: translateX(-50%);
-    `}
-
     ${align === "left" && css`
       left: 0;
       transform: translateX(50%);
@@ -82,7 +76,6 @@ const iconPositionStyles = css`
 const StyledToast = styled.div`
   ${({
   maxWidth,
-  isCenter,
   align,
   isNotification,
   alignY,
@@ -113,8 +106,8 @@ const StyledToast = styled.div`
     margin-bottom: ${alignY === "bottom" && !isNotice ? "30px" : "0"};
     max-width: ${!maxWidth ? "300px" : maxWidth};
     position: relative;
-    margin-right: ${isCenter || align === "right" ? "auto" : "30px"};
-    margin-left: ${isCenter || align === "left" ? "auto" : "30px"};
+    margin-right: ${align === "center" || align === "right" ? "auto" : "30px"};
+    margin-left: ${align === "center" || align === "left" ? "auto" : "30px"};
 
     ${isNotification && css`
       border: 1px solid var(--colorsSemanticInfo500);
@@ -134,8 +127,8 @@ const StyledToast = styled.div`
     &${animationName}-enter${animationName}-enter-active {
     opacity: 1;
     transform: ${({
-  isCenter
-}) => isCenter ? " scale(1) translateY(0)" : "scale(1)"};
+  align
+}) => align === "center" ? " scale(1) translateY(0)" : "scale(1)"};
     transition: all 300ms cubic-bezier(0.25, 0.25, 0, 1.5);
   }
 
@@ -225,16 +218,6 @@ const ToastWrapper = styled.div`
       display: flex;
     `}
 
-  ${({
-  isCenter
-}) => isCenter && css`
-      position: relative;
-      width: auto;
-      height: auto;
-      justify-content: center;
-      display: flex;
-    `}
-
   ${({
   isNotice
 }) => isNotice && css`

package/lib/components/portal/portal.js

@@ -69,6 +69,7 @@ const Portal = ({
       node = document.createElement("div");
       node.classList.add(portalClassName);
       node.setAttribute("data-portal-exit", uniqueId);
+      node.setAttribute("data-role", "carbon-portal-exit");
       if (id !== undefined) {
         node.setAttribute("id", id);
       }

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

@@ -26,8 +26,6 @@ export interface ToastProps {
     closeButtonDataProps?: Pick<TagProps, "data-role" | "data-element">;
     /** Time for Toast to remain on screen */
     timeout?: string | number;
-    /** Centers the Toast on the screen */
-    isCenter?: boolean;
     /** Target Portal ID where the Toast will render */
     targetPortalId?: string;
     /** Maximum toast width */

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

@@ -14,19 +14,16 @@ var _iconButton = _interopRequireDefault(require("../icon-button"));
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
 var _useModalManager = _interopRequireDefault(require("../../hooks/__internal__/useModalManager"));
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-let isDeprecationWarningTriggered = false;
 const Toast = exports.Toast = /*#__PURE__*/_react.default.forwardRef(({
-  align,
+  align = "center",
   alignY,
   children,
   className,
   id,
-  isCenter = true,
   maxWidth,
   onDismiss,
   open = true,
@@ -50,10 +47,6 @@ const Toast = exports.Toast = /*#__PURE__*/_react.default.forwardRef(({
   if (ref && typeof ref === "object" && "current" in ref) {
     refToPass = ref;
   }
-  if (isCenter !== undefined && !isDeprecationWarningTriggered) {
-    isDeprecationWarningTriggered = true;
-    _logger.default.deprecate(`isCenter prop in ${Toast.displayName} is being deprecated in favour of the align prop.`);
-  }
   const dismissToast = (0, _react.useCallback)(ev => {
     if (onDismiss && _events.default.isEscKey(ev)) {
       ev.stopImmediatePropagation();
@@ -140,7 +133,6 @@ const Toast = exports.Toast = /*#__PURE__*/_react.default.forwardRef(({
       isNotification: isNotification,
       className: className
     }, (0, _tags.default)(restProps["data-component"] || "toast", restProps), {
-      isCenter: isCenter,
       variant: toastVariant,
       id: id,
       maxWidth: maxWidth,
@@ -149,25 +141,26 @@ const Toast = exports.Toast = /*#__PURE__*/_react.default.forwardRef(({
       tabIndex,
       onBlur: () => setTabIndex(undefined)
     }), !isNotice && /*#__PURE__*/_react.default.createElement(_toast.TypeIcon, {
-      variant: isNotification ? "info" : variant
+      variant: isNotification ? "info" : variant,
+      "data-role": "toast-type-icon"
     }, /*#__PURE__*/_react.default.createElement(_icon.default, {
       type: toastIcon
     })), /*#__PURE__*/_react.default.createElement(_toast.StyledToastContent, {
       isNotice: isNotice,
-      isDismiss: !!onDismiss
+      isDismiss: !!onDismiss,
+      "data-role": "toast-content"
     }, children), renderCloseIcon()));
   }
   return /*#__PURE__*/_react.default.createElement(_toast.StyledPortal, {
     id: targetPortalId,
     align: align,
     alignY: alignY,
-    isCenter: isCenter,
     isNotice: isNotice
   }, /*#__PURE__*/_react.default.createElement(_toast.ToastWrapper, {
     align: align,
-    isCenter: isCenter,
     ref: refToPass,
-    isNotice: isNotice
+    isNotice: isNotice,
+    "data-role": "toast-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, renderToastContent())));
 });
 if (process.env.NODE_ENV !== "production") {
@@ -183,7 +176,6 @@ if (process.env.NODE_ENV !== "production") {
     "data-component": _propTypes.default.string,
     "disableAutoFocus": _propTypes.default.bool,
     "id": _propTypes.default.string,
-    "isCenter": _propTypes.default.bool,
     "maxWidth": _propTypes.default.string,
     "onDismiss": _propTypes.default.func,
     "open": _propTypes.default.bool,

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

@@ -4,7 +4,6 @@ import { MessageVariant } from "../message/message.component";
 declare const StyledPortal: import("styled-components").StyledComponent<({ children, className, id, onReposition, inertOptOut, }: import("../portal/portal").PortalProps) => import("react").JSX.Element, any, {
     align?: "left" | "right" | "center" | undefined;
     alignY?: "bottom" | "top" | "center" | undefined;
-    isCenter?: boolean | undefined;
     isNotice?: boolean | undefined;
 }, never>;
 declare type ToastVariants = MessageVariant;
@@ -12,7 +11,6 @@ declare type ToastStyleProps = {
     align?: "left" | "center" | "right";
     alignY?: "top" | "center" | "bottom";
     maxWidth?: string;
-    isCenter?: boolean;
     isNotice?: boolean;
     isNotification?: boolean;
     variant: ToastVariants;
@@ -24,7 +22,6 @@ declare const StyledToastContent: import("styled-components").StyledComponent<"d
 }, never>;
 declare const ToastWrapper: import("styled-components").StyledComponent<"div", any, {
     align?: "left" | "right" | "center" | undefined;
-    isCenter?: boolean | undefined;
     isNotice?: boolean | undefined;
 }, never>;
 export { StyledPortal, StyledToast, TypeIcon, StyledToastContent, ToastWrapper, };

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

@@ -22,7 +22,6 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const StyledPortal = exports.StyledPortal = (0, _styledComponents.default)(_portal.default)`
   ${({
   theme,
-  isCenter,
   isNotice,
   align,
   alignY
@@ -31,11 +30,6 @@ const StyledPortal = exports.StyledPortal = (0, _styledComponents.default)(_port
     top: 0;
     z-index: ${theme.zIndex.notification};
 
-    ${isCenter && (0, _styledComponents.css)`
-      margin-left: 50%;
-      transform: translateX(-50%);
-    `}
-
     ${align === "left" && (0, _styledComponents.css)`
       left: 0;
       transform: translateX(50%);
@@ -97,7 +91,6 @@ const iconPositionStyles = (0, _styledComponents.css)`
 const StyledToast = exports.StyledToast = _styledComponents.default.div`
   ${({
   maxWidth,
-  isCenter,
   align,
   isNotification,
   alignY,
@@ -128,8 +121,8 @@ const StyledToast = exports.StyledToast = _styledComponents.default.div`
     margin-bottom: ${alignY === "bottom" && !isNotice ? "30px" : "0"};
     max-width: ${!maxWidth ? "300px" : maxWidth};
     position: relative;
-    margin-right: ${isCenter || align === "right" ? "auto" : "30px"};
-    margin-left: ${isCenter || align === "left" ? "auto" : "30px"};
+    margin-right: ${align === "center" || align === "right" ? "auto" : "30px"};
+    margin-left: ${align === "center" || align === "left" ? "auto" : "30px"};
 
     ${isNotification && (0, _styledComponents.css)`
       border: 1px solid var(--colorsSemanticInfo500);
@@ -149,8 +142,8 @@ const StyledToast = exports.StyledToast = _styledComponents.default.div`
     &${animationName}-enter${animationName}-enter-active {
     opacity: 1;
     transform: ${({
-  isCenter
-}) => isCenter ? " scale(1) translateY(0)" : "scale(1)"};
+  align
+}) => align === "center" ? " scale(1) translateY(0)" : "scale(1)"};
     transition: all 300ms cubic-bezier(0.25, 0.25, 0, 1.5);
   }
 
@@ -240,16 +233,6 @@ const ToastWrapper = exports.ToastWrapper = _styledComponents.default.div`
       display: flex;
     `}
 
-  ${({
-  isCenter
-}) => isCenter && (0, _styledComponents.css)`
-      position: relative;
-      width: auto;
-      height: auto;
-      justify-content: center;
-      display: flex;
-    `}
-
   ${({
   isNotice
 }) => isNotice && (0, _styledComponents.css)`

package/package.json

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

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

@@ -1,25 +0,0 @@
-import React from "react";
-import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
-export interface CarouselProps extends TagProps {
-    /** Individual tabs */
-    children?: React.ReactNode;
-    /** [legacy] Custom className */
-    className?: string;
-    /** Enables the next button */
-    enableNextButton?: boolean;
-    /** Enables the previous button */
-    enablePreviousButton?: boolean;
-    /** Enables the slide selector */
-    enableSlideSelector?: boolean;
-    /** The selected tab on page load */
-    initialSlideIndex?: number | string;
-    /** Action to be called on slide change */
-    onSlideChange?: (index: number, transitionDirection: string) => void;
-    /** The selected slide */
-    slideIndex?: number | string;
-}
-export declare const Carousel: {
-    ({ children, className, enableSlideSelector, enablePreviousButton, enableNextButton, initialSlideIndex, onSlideChange, slideIndex, ...props }: CarouselProps): React.JSX.Element;
-    displayName: string;
-};
-export default Carousel;

package/esm/components/carousel/carousel.component.js

@@ -1,125 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { useCallback, useEffect, useRef, useState, useMemo } from "react";
-import PropTypes from "prop-types";
-import Logger from "../../__internal__/utils/logger";
-import tagComponent from "../../__internal__/utils/helpers/tags/tags";
-import { CarouselPreviousButtonWrapperStyle, CarouselNextButtonWrapperStyle, CarouselButtonStyle, CarouselStyledIconRight, CarouselStyledIconLeft, CarouselSelectorWrapperStyle, CarouselSelectorInputWrapperStyle, CarouselSelectorInputStyle, CarouselSelectorLabelStyle, CarouselWrapperStyle, CarouselSliderWrapper } from "./carousel.style";
-import guid from "../../__internal__/utils/helpers/guid";
-let deprecateWarnTriggered = false;
-const NEXT = "next";
-const PREVIOUS = "previous";
-export const Carousel = ({
-  children,
-  className,
-  enableSlideSelector = true,
-  enablePreviousButton = true,
-  enableNextButton = true,
-  initialSlideIndex = 0,
-  onSlideChange,
-  slideIndex,
-  ...props
-}) => {
-  if (!deprecateWarnTriggered) {
-    deprecateWarnTriggered = true;
-    Logger.deprecate("The Carousel component is deprecated and will soon be removed.");
-  }
-  const [selectedSlideIndex, setSelectedSlideIndex] = useState(Number(slideIndex) || Number(initialSlideIndex));
-  const transitionDirection = useRef(NEXT);
-  const lastSlideIndexProp = useRef(slideIndex);
-  const id = useMemo(() => guid(), []);
-  const numOfSlides = useMemo(() => {
-    return React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child)).length;
-  }, [children]);
-  const handleSlideChange = useCallback(newIndex => {
-    setSelectedSlideIndex(newIndex);
-    if (onSlideChange) {
-      onSlideChange(newIndex, transitionDirection.current);
-    }
-  }, [onSlideChange]);
-  useEffect(() => {
-    const newIndex = slideIndex;
-    const isNewIndexUndefined = typeof newIndex === "undefined";
-    const isTheSameIndex = newIndex === lastSlideIndexProp.current || newIndex === selectedSlideIndex;
-    if (isNewIndexUndefined || isTheSameIndex) return;
-    if (Number(newIndex) > Number(selectedSlideIndex)) {
-      transitionDirection.current = NEXT;
-    } else {
-      transitionDirection.current = PREVIOUS;
-    }
-    lastSlideIndexProp.current = newIndex;
-    handleSlideChange(newIndex);
-  }, [handleSlideChange, slideIndex, selectedSlideIndex]);
-  function onPreviousClick() {
-    const newIndex = selectedSlideIndex - 1;
-    transitionDirection.current = PREVIOUS;
-    handleSlideChange(newIndex);
-  }
-  function onNextClick() {
-    const newIndex = selectedSlideIndex + 1;
-    transitionDirection.current = NEXT;
-    handleSlideChange(newIndex);
-  }
-  function onSlideSelection(ev) {
-    const newSlideSelection = Number(ev.target.value);
-    transitionDirection.current = newSlideSelection > selectedSlideIndex ? NEXT : PREVIOUS;
-    handleSlideChange(newSlideSelection);
-  }
-  function slideSelector() {
-    if (!enableSlideSelector) return null;
-    const buttons = [];
-    for (let i = 0; i < numOfSlides; i++) {
-      buttons.push( /*#__PURE__*/React.createElement(CarouselSelectorInputWrapperStyle, {
-        key: i,
-        "data-element": "selector-inputs"
-      }, /*#__PURE__*/React.createElement(CarouselSelectorInputStyle, {
-        "data-element": "selector-input",
-        name: `carousel-slide-${id}`,
-        id: `carousel-slide-${i}-${id}`,
-        type: "radio",
-        value: i,
-        onChange: onSlideSelection,
-        checked: selectedSlideIndex === i
-      }), /*#__PURE__*/React.createElement(CarouselSelectorLabelStyle, {
-        "data-element": "selector-label",
-        htmlFor: `carousel-slide-${i}-${id}`
-      })));
-    }
-    return /*#__PURE__*/React.createElement(CarouselSelectorWrapperStyle, {
-      "data-element": "slide-selector"
-    }, buttons);
-  }
-  function previousButton() {
-    if (!enablePreviousButton) return null;
-    const isDisabled = selectedSlideIndex === 0;
-    return /*#__PURE__*/React.createElement(CarouselPreviousButtonWrapperStyle, null, /*#__PURE__*/React.createElement(CarouselButtonStyle, {
-      onClick: onPreviousClick,
-      "data-element": "previous",
-      "aria-label": "previous",
-      disabled: isDisabled
-    }, /*#__PURE__*/React.createElement(CarouselStyledIconLeft, {
-      type: "chevron_down"
-    })));
-  }
-  function nextButton() {
-    if (!enableNextButton) return null;
-    const isDisabled = numOfSlides === selectedSlideIndex + 1;
-    return /*#__PURE__*/React.createElement(CarouselNextButtonWrapperStyle, null, /*#__PURE__*/React.createElement(CarouselButtonStyle, {
-      onClick: onNextClick,
-      "data-element": "next",
-      "aria-label": "next",
-      type: "button",
-      disabled: isDisabled
-    }, /*#__PURE__*/React.createElement(CarouselStyledIconRight, {
-      type: "chevron_down"
-    })));
-  }
-  return /*#__PURE__*/React.createElement(CarouselWrapperStyle, _extends({
-    className: className
-  }, tagComponent("carousel", props)), /*#__PURE__*/React.createElement("div", {
-    className: "carbon-carousel__content"
-  }, previousButton(), /*#__PURE__*/React.createElement(CarouselSliderWrapper, {
-    elementIndex: selectedSlideIndex
-  }, children), nextButton()), slideSelector());
-};
-Carousel.displayName = "Carousel";
-export default Carousel;

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

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-declare const CarouselNavigationStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const CarouselPreviousButtonWrapperStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const CarouselNextButtonWrapperStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const CarouselStyledIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
-declare const CarouselStyledIconLeft: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
-declare const CarouselStyledIconRight: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
-declare const CarouselButtonStyle: import("styled-components").StyledComponent<"button", any, {
-    type: "button";
-}, "type">;
-declare const CarouselSelectorInputStyle: import("styled-components").StyledComponent<"input", any, {}, never>;
-declare const CarouselSelectorLabelStyle: import("styled-components").StyledComponent<"label", any, {}, never>;
-declare const CarouselSelectorWrapperStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const CarouselSelectorInputWrapperStyle: import("styled-components").StyledComponent<"span", any, {}, never>;
-interface CarouselSliderWrapperProps {
-    elementIndex: number;
-}
-declare const CarouselSliderWrapper: import("styled-components").StyledComponent<"div", any, CarouselSliderWrapperProps, never>;
-declare const CarouselWrapperStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export { CarouselNavigationStyle, CarouselNextButtonWrapperStyle, CarouselPreviousButtonWrapperStyle, CarouselButtonStyle, CarouselStyledIcon, CarouselStyledIconLeft, CarouselStyledIconRight, CarouselSelectorWrapperStyle, CarouselSelectorInputWrapperStyle, CarouselSelectorInputStyle, CarouselSelectorLabelStyle, CarouselWrapperStyle, CarouselSliderWrapper, };