carbon-react 110.9.1 → 110.10.1

package/lib/components/tile/tile.style.js

@@ -83,8 +83,21 @@ const StyledTile = _styledComponents.default.div`
     ${_styledSystem.space}
 
     box-sizing: border-box;
-    background-color: ${tileTheme === "tile" ? "var(--colorsUtilityYang100)" : "transparent"};
     border: 1px solid var(--colorsUtilityMajor100);
+
+    ${tileTheme === "tile" && (0, _styledComponents.css)`
+      background-color: var(--colorsUtilityYang100);
+    `}
+
+    ${tileTheme === "transparent" && (0, _styledComponents.css)`
+      background-color: transparent;
+    `}
+
+    ${tileTheme === "active" && (0, _styledComponents.css)`
+      background-color: var(--colorsActionMajor025);
+      border-color: var(--colorsActionMajor500);
+    `}
+
     display: flex;
     flex-direction: ${isHorizontal ? "row" : "column"};
     position: relative;

package/lib/hooks/__internal__/useIsStickyFooterForm/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./useIsStickyFooterForm";

package/lib/hooks/__internal__/useIsStickyFooterForm/index.js

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

package/lib/hooks/__internal__/useIsStickyFooterForm/package.json

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

package/lib/hooks/__internal__/useIsStickyFooterForm/useIsStickyFooterForm.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const _default: (children?: React.ReactNode) => boolean;
+export default _default;

package/lib/hooks/__internal__/useIsStickyFooterForm/useIsStickyFooterForm.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _form = _interopRequireDefault(require("../../../components/form/form.component"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = children => {
+  const isStickyFooterForm = (0, _react.useMemo)(() => _react.default.Children.toArray(children).some(child => {
+    var _child$type;
+
+    return /*#__PURE__*/_react.default.isValidElement(child) && ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === _form.default.displayName && child.props.stickyFooter;
+  }), [children]);
+  return isStickyFooterForm;
+};
+
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "110.9.1",
+  "version": "110.10.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -64,8 +64,6 @@
     "@babel/types": "^7.16.0",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
-    "@cypress/react": "^5.12.0",
-    "@cypress/webpack-dev-server": "^1.8.4",
     "@sage/design-tokens": "^2.41.0",
     "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/exec": "^6.0.2",
@@ -112,7 +110,7 @@
     "core-js": "^3.20.3",
     "cross-env": "^5.2.0",
     "css-loader": "4.0.0",
-    "cypress": "10.7.0",
+    "cypress": "10.8.0",
     "cypress-axe": "^1.0.0",
     "cypress-each": "^1.11.0",
     "cypress-plugin-tab": "^1.0.5",

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

@@ -1,28 +0,0 @@
-import * as React from "react";
-import Slide from "./slide";
-
-export interface CarouselProps {
-  /** 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;
-  /** theme is used only to support legacy code */
-  theme?: Record<string, unknown>;
-}
-
-declare class Carousel extends React.Component<CarouselProps> {}
-
-export default Carousel;
-export { Carousel, Slide };

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

@@ -1,9 +0,0 @@
-import * as React from "react";
-
-export interface SlideProps {
-  theme?: Record<string, unknown>;
-}
-
-declare function Slide(props: React.PropsWithChildren<SlideProps>): JSX.Element;
-
-export default Slide;

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

@@ -1,28 +0,0 @@
-import * as React from "react";
-import Slide from "./slide";
-
-export interface CarouselProps {
-  /** 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;
-  /** theme is used only to support legacy code */
-  theme?: Record<string, unknown>;
-}
-
-declare class Carousel extends React.Component<CarouselProps> {}
-
-export default Carousel;
-export { Carousel, Slide };

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

@@ -1,9 +0,0 @@
-import * as React from "react";
-
-export interface SlideProps {
-  theme?: Record<string, unknown>;
-}
-
-declare function Slide(props: React.PropsWithChildren<SlideProps>): JSX.Element;
-
-export default Slide;