carbon-react 134.2.0 → 135.1.0

package/esm/components/step-sequence/step-sequence.component.js

@@ -1,29 +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 from "react";
-import PropTypes from "prop-types";
-import Logger from "../../__internal__/utils/logger";
-import StyledStepSequence from "./step-sequence.style";
-export const StepSequenceContext = /*#__PURE__*/React.createContext({
-  orientation: "horizontal"
-});
-let deprecateWarnTriggered = false;
-export const StepSequence = ({
-  children,
-  orientation = "horizontal",
-  ...props
-}) => {
-  if (!deprecateWarnTriggered) {
-    deprecateWarnTriggered = true;
-    Logger.deprecate("The `StepSequence` component is deprecated and will soon be removed," + " please use the `StepFlow` component instead.");
-  }
-  return /*#__PURE__*/React.createElement(StyledStepSequence, _extends({
-    "data-component": "step-sequence",
-    orientation: orientation,
-    p: 0
-  }, props), /*#__PURE__*/React.createElement(StepSequenceContext.Provider, {
-    value: {
-      orientation
-    }
-  }, children));
-};
-export default StepSequence;

package/esm/components/step-sequence/step-sequence.config.d.ts

@@ -1,2 +0,0 @@
-export declare const STEP_SEQUENCE_STEPS: string[];
-export declare const STEP_SEQUENCE_ORIENTATION: string[];

package/esm/components/step-sequence/step-sequence.config.js

@@ -1,2 +0,0 @@
-export const STEP_SEQUENCE_STEPS = ["complete", "current", "incomplete"];
-export const STEP_SEQUENCE_ORIENTATION = ["horizontal", "vertical"];

package/esm/components/step-sequence/step-sequence.style.d.ts

@@ -1,4 +0,0 @@
-import { SpaceProps } from "styled-system";
-import { StepSequenceProps } from "./step-sequence.component";
-declare const StyledStepSequence: import("styled-components").StyledComponent<"ol", any, Pick<StepSequenceProps, "orientation"> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, never>;
-export default StyledStepSequence;

package/esm/components/step-sequence/step-sequence.style.js

@@ -1,21 +0,0 @@
-import styled, { css } from "styled-components";
-import { space } from "styled-system";
-import { baseTheme } from "../../style/themes";
-const StyledStepSequence = styled.ol`
-  display: flex;
-  margin: 0;
-  font-weight: bold;
-
-  ${({
-  orientation
-}) => orientation === "vertical" && css`
-      flex-direction: column;
-      height: 100%;
-    `}
-
-  ${space}
-`;
-StyledStepSequence.defaultProps = {
-  theme: baseTheme
-};
-export default StyledStepSequence;

package/lib/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/lib/components/carousel/carousel.component.js

@@ -1,135 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Carousel = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-var _carousel = require("./carousel.style");
-var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
-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 deprecateWarnTriggered = false;
-const NEXT = "next";
-const PREVIOUS = "previous";
-const Carousel = ({
-  children,
-  className,
-  enableSlideSelector = true,
-  enablePreviousButton = true,
-  enableNextButton = true,
-  initialSlideIndex = 0,
-  onSlideChange,
-  slideIndex,
-  ...props
-}) => {
-  if (!deprecateWarnTriggered) {
-    deprecateWarnTriggered = true;
-    _logger.default.deprecate("The Carousel component is deprecated and will soon be removed.");
-  }
-  const [selectedSlideIndex, setSelectedSlideIndex] = (0, _react.useState)(Number(slideIndex) || Number(initialSlideIndex));
-  const transitionDirection = (0, _react.useRef)(NEXT);
-  const lastSlideIndexProp = (0, _react.useRef)(slideIndex);
-  const id = (0, _react.useMemo)(() => (0, _guid.default)(), []);
-  const numOfSlides = (0, _react.useMemo)(() => {
-    return _react.default.Children.toArray(children).filter(child => /*#__PURE__*/_react.default.isValidElement(child)).length;
-  }, [children]);
-  const handleSlideChange = (0, _react.useCallback)(newIndex => {
-    setSelectedSlideIndex(newIndex);
-    if (onSlideChange) {
-      onSlideChange(newIndex, transitionDirection.current);
-    }
-  }, [onSlideChange]);
-  (0, _react.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.default.createElement(_carousel.CarouselSelectorInputWrapperStyle, {
-        key: i,
-        "data-element": "selector-inputs"
-      }, /*#__PURE__*/_react.default.createElement(_carousel.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.default.createElement(_carousel.CarouselSelectorLabelStyle, {
-        "data-element": "selector-label",
-        htmlFor: `carousel-slide-${i}-${id}`
-      })));
-    }
-    return /*#__PURE__*/_react.default.createElement(_carousel.CarouselSelectorWrapperStyle, {
-      "data-element": "slide-selector"
-    }, buttons);
-  }
-  function previousButton() {
-    if (!enablePreviousButton) return null;
-    const isDisabled = selectedSlideIndex === 0;
-    return /*#__PURE__*/_react.default.createElement(_carousel.CarouselPreviousButtonWrapperStyle, null, /*#__PURE__*/_react.default.createElement(_carousel.CarouselButtonStyle, {
-      onClick: onPreviousClick,
-      "data-element": "previous",
-      "aria-label": "previous",
-      disabled: isDisabled
-    }, /*#__PURE__*/_react.default.createElement(_carousel.CarouselStyledIconLeft, {
-      type: "chevron_down"
-    })));
-  }
-  function nextButton() {
-    if (!enableNextButton) return null;
-    const isDisabled = numOfSlides === selectedSlideIndex + 1;
-    return /*#__PURE__*/_react.default.createElement(_carousel.CarouselNextButtonWrapperStyle, null, /*#__PURE__*/_react.default.createElement(_carousel.CarouselButtonStyle, {
-      onClick: onNextClick,
-      "data-element": "next",
-      "aria-label": "next",
-      type: "button",
-      disabled: isDisabled
-    }, /*#__PURE__*/_react.default.createElement(_carousel.CarouselStyledIconRight, {
-      type: "chevron_down"
-    })));
-  }
-  return /*#__PURE__*/_react.default.createElement(_carousel.CarouselWrapperStyle, _extends({
-    className: className
-  }, (0, _tags.default)("carousel", props)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "carbon-carousel__content"
-  }, previousButton(), /*#__PURE__*/_react.default.createElement(_carousel.CarouselSliderWrapper, {
-    elementIndex: selectedSlideIndex
-  }, children), nextButton()), slideSelector());
-};
-exports.Carousel = Carousel;
-Carousel.displayName = "Carousel";
-var _default = exports.default = Carousel;

package/lib/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, };

package/lib/components/carousel/carousel.style.js

@@ -1,162 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CarouselWrapperStyle = exports.CarouselStyledIconRight = exports.CarouselStyledIconLeft = exports.CarouselStyledIcon = exports.CarouselSliderWrapper = exports.CarouselSelectorWrapperStyle = exports.CarouselSelectorLabelStyle = exports.CarouselSelectorInputWrapperStyle = exports.CarouselSelectorInputStyle = exports.CarouselPreviousButtonWrapperStyle = exports.CarouselNextButtonWrapperStyle = exports.CarouselNavigationStyle = exports.CarouselButtonStyle = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _icon = _interopRequireDefault(require("../icon"));
-var _slide = require("./slide.config");
-var _slide2 = require("./slide/slide.style");
-var _addFocusStyling = _interopRequireDefault(require("../../style/utils/add-focus-styling"));
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-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; }
-const CarouselNavigationStyle = exports.CarouselNavigationStyle = _styledComponents.default.div`
-  margin-top: -32.5px;
-  position: absolute;
-  top: 52%;
-  z-index: 20;
-`;
-const CarouselPreviousButtonWrapperStyle = exports.CarouselPreviousButtonWrapperStyle = (0, _styledComponents.default)(CarouselNavigationStyle)`
-  margin-left: 8px;
-`;
-const CarouselNextButtonWrapperStyle = exports.CarouselNextButtonWrapperStyle = (0, _styledComponents.default)(CarouselNavigationStyle)`
-  right: 0;
-  margin-right: 8px;
-`;
-const CarouselStyledIcon = exports.CarouselStyledIcon = (0, _styledComponents.default)(_icon.default)`
-  cursor: pointer;
-  color: var(--colorsActionMajorYang100);
-  &::before {
-    font-size: 16px;
-  }
-`;
-const CarouselStyledIconLeft = exports.CarouselStyledIconLeft = (0, _styledComponents.default)(CarouselStyledIcon)`
-  transform: rotate(90deg);
-`;
-const CarouselStyledIconRight = exports.CarouselStyledIconRight = (0, _styledComponents.default)(CarouselStyledIcon)`
-  transform: rotate(-90deg);
-`;
-const oldFocusStyling = `
-  outline: solid 2px var(--colorsSemanticFocus500);
-`;
-const CarouselButtonStyle = exports.CarouselButtonStyle = _styledComponents.default.button.attrs({
-  type: "button"
-})`
-  ${({
-  disabled
-}) => (0, _styledComponents.css)`
-    border: none;
-    border-radius: var(--borderRadius400);
-    width: 40px;
-    height: 40px;
-    border-width: var(--borderWidth200);
-    border-color: var(--colorsActionMajorTransparent);
-    background-color: ${disabled ? "var(--colorsActionDisabled500)" : "var(--colorsActionMajor500)"};
-
-    ${disabled && (0, _styledComponents.css)`
-      ${CarouselStyledIcon} {
-        color: var(--colorsActionMajorYin030);
-      }
-    `}
-
-    &:hover {
-      background-color: var(--colorsActionMajor600);
-      cursor: ${disabled ? "default" : "pointer"};
-
-      ${disabled && (0, _styledComponents.css)`
-        background-color: var(--colorsActionDisabled500);
-        cursor: default;
-
-        ${CarouselStyledIcon} {
-          cursor: default;
-        }
-      `}
-    }
-
-    &:active {
-      border: none;
-    }
-
-    &:focus {
-      ${({
-  theme
-}) => `${!theme.focusRedesignOptOut ? (0, _addFocusStyling.default)() : /* istanbul ignore next */oldFocusStyling}`}
-
-      ::-moz-focus-inner {
-        border: 0;
-      }
-
-      ${disabled && (0, _styledComponents.css)`
-        outline: none;
-      `}
-    }
-  `}
-`;
-CarouselButtonStyle.defaultProps = {
-  theme: _base.default
-};
-const CarouselSelectorInputStyle = exports.CarouselSelectorInputStyle = _styledComponents.default.input`
-  display: none;
-`;
-const CarouselSelectorLabelStyle = exports.CarouselSelectorLabelStyle = _styledComponents.default.label`
-  display: inline-block;
-  border-radius: var(--borderRadius100);
-  width: 10px;
-  height: 10px;
-  background: var(--colorsActionMinor200);
-  margin: 0px 4px;
-
-  &:hover {
-    cursor: pointer;
-  }
-`;
-const CarouselSelectorWrapperStyle = exports.CarouselSelectorWrapperStyle = _styledComponents.default.div`
-  ${(0, _styledComponents.css)`
-    height: 20px;
-    margin-top: 25px;
-    text-align: center;
-
-    ${CarouselSelectorInputStyle}:checked {
-      + ${CarouselSelectorLabelStyle} {
-        width: 10px;
-        height: 10px;
-        background: var(--colorsActionMinor400);
-        border-color: transparent;
-        position: relative;
-      }
-    }
-  `}
-`;
-const CarouselSelectorInputWrapperStyle = exports.CarouselSelectorInputWrapperStyle = _styledComponents.default.span`
-  display: inline-block;
-  line-height: 20px;
-  vertical-align: middle;
-`;
-const CarouselSliderWrapper = exports.CarouselSliderWrapper = _styledComponents.default.div`
-  transition: 0.4s;
-  display: flex;
-  position: relative;
-
-  ${({
-  elementIndex
-}) => (0, _styledComponents.css)`
-    left: ${10 - 80 * elementIndex}%;
-
-    ${_slide2.SlideStyle}:nth-of-type(${elementIndex + 1}) {
-      transform: scale(1);
-      opacity: 1;
-    }
-  `}
-`;
-const CarouselWrapperStyle = exports.CarouselWrapperStyle = _styledComponents.default.div`
-  .carbon-carousel__content {
-    overflow: hidden;
-    position: relative;
-  }
-
-  ${_slide.slideAnimation};
-  ${_slide.fadeAnimation};
-`;

package/lib/components/carousel/index.d.ts

@@ -1,4 +0,0 @@
-export { Carousel } from "./carousel.component";
-export { default as Slide } from "./slide";
-export type { CarouselProps } from "./carousel.component";
-export type { SlideProps } from "./slide";

package/lib/components/carousel/index.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Carousel", {
-  enumerable: true,
-  get: function () {
-    return _carousel.Carousel;
-  }
-});
-Object.defineProperty(exports, "Slide", {
-  enumerable: true,
-  get: function () {
-    return _slide.default;
-  }
-});
-var _carousel = require("./carousel.component");
-var _slide = _interopRequireDefault(require("./slide"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/carousel/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "../../../esm/components/carousel/index.js",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/lib/components/carousel/slide/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./slide.component";
-export type { SlideProps } from "./slide.component";

package/lib/components/carousel/slide/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _slide.default;
-  }
-});
-var _slide = _interopRequireDefault(require("./slide.component"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/carousel/slide/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "../../../../esm/components/carousel/slide/index.js",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/lib/components/carousel/slide/slide.component.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-export interface SlideProps {
-    /** Content of the Slide */
-    children?: React.ReactNode;
-    /** Accepts a callback function which is triggered on Slide click */
-    onClick?: (ev: React.MouseEvent<HTMLDivElement>) => void;
-}
-export declare const Slide: {
-    (props: SlideProps): React.JSX.Element;
-    displayName: string;
-};
-export default Slide;

package/lib/components/carousel/slide/slide.component.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Slide = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags/tags"));
-var _slide = require("./slide.style");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); } /* eslint-disable react/prop-types */
-const Slide = props => /*#__PURE__*/_react.default.createElement(_slide.SlideStyle, _extends({}, props, (0, _tags.default)("slide", props)));
-exports.Slide = Slide;
-Slide.displayName = "Slide";
-var _default = exports.default = Slide;

package/lib/components/carousel/slide/slide.style.d.ts

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

package/lib/components/carousel/slide/slide.style.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SlideStyle = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-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; }
-const SlideStyle = exports.SlideStyle = _styledComponents.default.div`
-  ${({
-  onClick
-}) => (0, _styledComponents.css)`
-    box-sizing: border-box;
-    display: inline-block;
-    width: 100%;
-    z-index: 10;
-    border-radius: var(--borderRadius200);
-    overflow: hidden;
-
-    transition: 0.5s;
-    min-width: 80%;
-    transform: scale(0.9);
-    opacity: 0.3;
-    margin: 30px 0;
-    box-shadow: var(--boxShadow200);
-    background-color: var(--colorsUtilityYang100);
-
-    ${onClick && (0, _styledComponents.css)`
-      :hover {
-        transition: all 0.2s ease-in;
-        transform: scale(1.02);
-        cursor: pointer;
-      }
-    `}
-  `}
-`;
-
-// eslint-disable-next-line import/prefer-default-export

package/lib/components/carousel/slide.config.d.ts

@@ -1,3 +0,0 @@
-declare const slideAnimation: import("styled-components").FlattenSimpleInterpolation;
-declare const fadeAnimation: import("styled-components").FlattenSimpleInterpolation;
-export { slideAnimation, fadeAnimation };

package/lib/components/carousel/slide.config.js

@@ -1,85 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.slideAnimation = exports.fadeAnimation = void 0;
-var _styledComponents = require("styled-components");
-const animationStyle = "all 500ms cubic-bezier(.23,1.10,.69,1.01)";
-const slideAnimation = exports.slideAnimation = (0, _styledComponents.css)`
-  // NEXT
-  .slide-next-enter {
-    opacity: 0;
-    left: 100%;
-    position: absolute;
-  }
-
-  .slide-next-enter.slide-next-enter-active {
-    opacity: 1;
-    left: 0;
-    transition: ${animationStyle};
-  }
-
-  .slide-next-exit {
-    opacity: 1;
-    left: 0;
-    position: relative;
-  }
-
-  .slide-next-exit.slide-next-exit-active {
-    opacity: 0;
-    left: -100%;
-    transition: ${animationStyle};
-  }
-
-  // PREVIOUS
-  .slide-previous-enter {
-    opacity: 0;
-    left: -100%;
-    position: absolute;
-  }
-
-  .slide-previous-enter.slide-previous-enter-active {
-    opacity: 1;
-    left: 0;
-    transition: ${animationStyle};
-  }
-
-  .slide-previous-exit {
-    opacity: 1;
-    left: 0;
-    position: relative;
-  }
-
-  .slide-previous-exit.slide-previous-exit-active {
-    opacity: 0;
-    left: 100%;
-    transition: ${animationStyle};
-  }
-`;
-const fadeAnimation = exports.fadeAnimation = (0, _styledComponents.css)`
-  // FADE
-  .carousel-transition-fade-enter {
-    opacity: 0;
-    position: absolute;
-  }
-
-  .carousel-transition-fade-enter.carousel-transition-fade-enter-active {
-    opacity: 1;
-    transition: ${animationStyle};
-  }
-
-  .carousel-transition-fade-exit {
-    opacity: 1;
-    position: relative;
-  }
-
-  .carousel-transition-fade-exit.carousel-transition-fade-exit-active {
-    opacity: 0;
-    transition: ${animationStyle};
-  }
-
-  .carbon-carousel__transition {
-    height: 100%;
-  }
-`;

package/lib/components/step-sequence/index.d.ts

@@ -1,4 +0,0 @@
-export { default as StepSequence } from "./step-sequence.component";
-export type { StepSequenceProps } from "./step-sequence.component";
-export { default as StepSequenceItem } from "./step-sequence-item";
-export type { StepSequenceItemProps } from "./step-sequence-item";