carbon-react 119.9.3 → 119.10.1

package/lib/components/vertical-divider/vertical-divider.component.js

@@ -12,14 +12,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
 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); }
-const VerticalDivider = _ref => {
-  let {
-    h,
-    height,
-    displayInline = false,
-    tint = 80,
-    ...props
-  } = _ref;
+const VerticalDivider = ({
+  h,
+  height,
+  displayInline = false,
+  tint = 80,
+  ...props
+}) => {
   const {
     inMenu
   } = (0, _react.useContext)(_menu.MenuContext);

package/lib/components/vertical-divider/vertical-divider.style.js

@@ -11,31 +11,22 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
 const StyledVerticalWrapper = _styledComponents.default.div`
   ${_styledSystem.space}
-  ${_ref => {
-  let {
-    height
-  } = _ref;
-  return height && (0, _styledComponents.css)`
+  ${({
+  height
+}) => height && (0, _styledComponents.css)`
       height: ${typeof height === "string" ? `${height}` : `${height}px`};
-    `;
-}}
-  ${_ref2 => {
-  let {
-    displayInline
-  } = _ref2;
-  return displayInline ? "display: inline;" : "";
-}}
+    `}
+  ${({
+  displayInline
+}) => displayInline ? "display: inline;" : ""}
 `;
 exports.StyledVerticalWrapper = StyledVerticalWrapper;
 const StyledDivider = _styledComponents.default.div`
   height: 100%;
-  border-left: 1px solid ${_ref3 => {
-  let {
-    theme,
-    tint
-  } = _ref3;
-  return theme.palette.slateTint(tint);
-}};
+  border-left: 1px solid ${({
+  theme,
+  tint
+}) => theme.palette.slateTint(tint)};
   display: inherit;
 `;
 exports.StyledDivider = StyledDivider;

package/lib/components/vertical-menu/vertical-menu-full-screen.component.js

@@ -20,15 +20,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
 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); }
-const VerticalMenuFullScreen = _ref => {
-  let {
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    children,
-    isOpen,
-    onClose,
-    ...rest
-  } = _ref;
+const VerticalMenuFullScreen = ({
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  children,
+  isOpen,
+  onClose,
+  ...rest
+}) => {
   const l = (0, _useLocale.default)();
   const menuWrapperRef = (0, _react.useRef)(null);
   const handleKeyDown = (0, _react.useCallback)(ev => {

package/lib/components/vertical-menu/vertical-menu-item.component.js

@@ -17,19 +17,18 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 const MenuItemContext = /*#__PURE__*/_react.default.createContext({
   level: 0
 });
-const VerticalMenuItem = _ref => {
-  let {
-    defaultOpen = false,
-    title,
-    iconType,
-    adornment,
-    children,
-    component,
-    active,
-    height = "56px",
-    href,
-    ...rest
-  } = _ref;
+const VerticalMenuItem = ({
+  defaultOpen = false,
+  title,
+  iconType,
+  adornment,
+  children,
+  component,
+  active,
+  height = "56px",
+  href,
+  ...rest
+}) => {
   const [isOpen, setIsOpen] = (0, _react.useState)(defaultOpen);
   const handleOnClick = () => {
     setIsOpen(state => !state);

package/lib/components/vertical-menu/vertical-menu-trigger.component.js

@@ -11,14 +11,13 @@ var _utils = require("../../style/utils");
 var _verticalMenu = require("./vertical-menu.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); }
-const VerticalMenuTrigger = _ref => {
-  let {
-    height = "40px",
-    p = 2,
-    onClick,
-    children,
-    ...rest
-  } = _ref;
+const VerticalMenuTrigger = ({
+  height = "40px",
+  p = 2,
+  onClick,
+  children,
+  ...rest
+}) => {
   const paddingProps = (0, _utils.filterStyledSystemPaddingProps)(rest);
   return /*#__PURE__*/_react.default.createElement(_verticalMenu.StyledVerticalMenuItem, _extends({
     onClick: onClick,

package/lib/components/vertical-menu/vertical-menu.component.js

@@ -10,15 +10,14 @@ var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tag
 var _verticalMenu = require("./vertical-menu.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); }
-const VerticalMenu = _ref => {
-  let {
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    width = "322px",
-    children,
-    height = "100%",
-    ...rest
-  } = _ref;
+const VerticalMenu = ({
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  width = "322px",
+  children,
+  height = "100%",
+  ...rest
+}) => {
   return /*#__PURE__*/_react.default.createElement(_verticalMenu.StyledVerticalMenu, _extends({
     boxSizing: "border-box",
     scrollVariant: "light",

package/lib/components/vertical-menu/vertical-menu.style.js

@@ -19,12 +19,9 @@ const StyledList = _styledComponents.default.ul`
 `;
 exports.StyledList = StyledList;
 const StyledVerticalMenuItem = _styledComponents.default.div`
-  min-height: ${_ref => {
-  let {
-    height
-  } = _ref;
-  return height;
-}};
+  min-height: ${({
+  height
+}) => height};
   width: 100%;
   display: flex;
   border: none;
@@ -49,11 +46,9 @@ const StyledVerticalMenuItem = _styledComponents.default.div`
     outline-offset: -3px;
   }
 
-  ${_ref2 => {
-  let {
-    active
-  } = _ref2;
-  return active && (0, _styledComponents.css)`
+  ${({
+  active
+}) => active && (0, _styledComponents.css)`
       &:before {
         background: var(--colorsComponentsLeftnavWinterStandardSelected);
         border-radius: var(--borderRadius100);
@@ -71,8 +66,7 @@ const StyledVerticalMenuItem = _styledComponents.default.div`
           background: var(--colorsComponentsLeftnavWinterStandardHover);
         }
       }
-    `;
-}}
+    `}
 
   ${_icon.default} {
     width: 20px;
@@ -133,12 +127,9 @@ const StyledVerticalMenuFullScreen = (0, _styledComponents.default)(_box.default
   background-color: var(--colorsComponentsLeftnavWinterStandardBackground);
   box-sizing: border-box;
   transition: all 0.3s ease;
-  z-index: ${_ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.zIndex.fullScreenModal;
-}};
+  z-index: ${({
+  theme
+}) => theme.zIndex.fullScreenModal};
 
   // TODO remove hardcoded values when DS have had chance to review which token to use
   &::-webkit-scrollbar-track {

package/lib/hooks/__internal__/useCharacterCount/useCharacterCount.js

@@ -11,10 +11,7 @@ var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
-const useCharacterCount = function () {
-  let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
-  let characterLimit = arguments.length > 1 ? arguments[1] : undefined;
-  let enforceCharacterLimit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+const useCharacterCount = (value = "", characterLimit, enforceCharacterLimit = true) => {
   const isCharacterLimitValid = typeof characterLimit === "number" && !Number.isNaN(characterLimit);
   const l = (0, _useLocale.default)();
   const hintString = l.characterCount.hintString();

package/lib/hooks/__internal__/useChildButtons/useChildButtons.js

@@ -8,8 +8,7 @@ var _react = require("react");
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
 var _useMenuKeyboardNavigation = _interopRequireDefault(require("../useMenuKeyboardNavigation"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const useChildButtons = function (toggleButtonRef) {
-  let widthRatio = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+const useChildButtons = (toggleButtonRef, widthRatio = 1) => {
   const [showAdditionalButtons, setShowAdditionalButtons] = (0, _react.useState)(false);
   const [minWidth, setMinWidth] = (0, _react.useState)(0);
   const buttonNode = (0, _react.useRef)(null);

package/lib/hooks/__internal__/useClickAwayListener/useClickAwayListener.js

@@ -8,8 +8,7 @@ var _react = require("react");
 // Needs to also take Portals into account (so can't just check DOM containment), but ideally without using
 // event.stopPropagation() which could have unexpected and frustrating consequences for consumers.
 // Simple approach taken from https://github.com/facebook/react/issues/10962#issuecomment-444622208
-var _default = function _default(handleClickAway) {
-  let eventTypeId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "click";
+var _default = (handleClickAway, eventTypeId = "click") => {
   const clickIsInside = (0, _react.useRef)(false);
   const onDocumentClick = (0, _react.useCallback)(ev => {
     if (clickIsInside.current) {

package/lib/hooks/__internal__/useFloating/useFloating.js

@@ -6,16 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _dom = require("@floating-ui/dom");
-const useFloating = _ref => {
-  let {
-    isOpen,
-    reference,
-    floating,
-    strategy = "absolute",
-    placement,
-    middleware,
-    animationFrame
-  } = _ref;
+const useFloating = ({
+  isOpen,
+  reference,
+  floating,
+  strategy = "absolute",
+  placement,
+  middleware,
+  animationFrame
+}) => {
   const originalValues = (0, _react.useRef)(null);
   (0, _react.useLayoutEffect)(() => {
     let cleanup;
@@ -46,12 +45,11 @@ const useFloating = _ref => {
           strategy,
           middleware,
           placement
-        }).then(_ref2 => {
-          let {
-            x,
-            y,
-            placement: currentPlacement
-          } = _ref2;
+        }).then(({
+          x,
+          y,
+          placement: currentPlacement
+        }) => {
           Object.assign(floatingElement.style, {
             left: `${x}px`,
             top: `${y}px`,

package/lib/hooks/__internal__/useInputAccessibility/useInputAccessibility.js

@@ -4,16 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useInputAccessibility;
-function useInputAccessibility(_ref) {
-  let {
-    id,
-    validationRedesignOptIn,
-    error,
-    warning,
-    info,
-    label,
-    fieldHelp
-  } = _ref;
+function useInputAccessibility({
+  id,
+  validationRedesignOptIn,
+  error,
+  warning,
+  info,
+  label,
+  fieldHelp
+}) {
   const labelId = label ? `${id}-label` : undefined;
   const validationId = [error, warning, info].filter(validation => validation && typeof validation === "string").length ? `${id}-validation` : undefined;
   const fieldHelpId = fieldHelp ? `${id}-field-help` : undefined;

package/lib/hooks/__internal__/useModalAria/useModalAria.js

@@ -30,12 +30,11 @@ function useModalAria(containerRef) {
     if (isTopModal) {
       hideNonTopModalElements(document.body);
     }
-    return () => originalValues.forEach(_ref => {
-      let {
-        element,
-        "aria-hidden": ariaHidden,
-        inert
-      } = _ref;
+    return () => originalValues.forEach(({
+      element,
+      "aria-hidden": ariaHidden,
+      inert
+    }) => {
       if (ariaHidden === null) {
         element.removeAttribute("aria-hidden");
       } else {

package/lib/hooks/__internal__/useModalManager/useModalManager.js

@@ -7,14 +7,13 @@ exports.default = void 0;
 var _react = require("react");
 var _modalManager = _interopRequireDefault(require("../../../components/modal/__internal__/modal-manager"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const useModalManager = _ref => {
-  let {
-    open,
-    closeModal,
-    modalRef,
-    setTriggerRefocusFlag,
-    triggerRefocusOnClose = true
-  } = _ref;
+const useModalManager = ({
+  open,
+  closeModal,
+  modalRef,
+  setTriggerRefocusFlag,
+  triggerRefocusOnClose = true
+}) => {
   const listenerAdded = (0, _react.useRef)(false);
   const modalRegistered = (0, _react.useRef)(false);
   const handleClose = (0, _react.useCallback)(ev => {

package/lib/hooks/__internal__/useScrollBlock/useScrollBlock.js

@@ -49,11 +49,10 @@ const useScrollBlock = () => {
   } = (0, _react.useRef)((0, _guid.default)());
   const originalValuesRef = (0, _react.useRef)([]);
   const restoreValues = (0, _react.useCallback)(() => {
-    getRules().forEach((_ref, index) => {
-      let {
-        element,
-        property
-      } = _ref;
+    getRules().forEach(({
+      element,
+      property
+    }, index) => {
       element.style[property] = originalValuesRef.current[index];
     });
   }, []);
@@ -64,24 +63,20 @@ const useScrollBlock = () => {
     if (isBlocked) {
       return;
     }
-    const originalValues = rules.map(_ref2 => {
-      let {
-        element,
-        property
-      } = _ref2;
-      return element.style[property];
-    });
+    const originalValues = rules.map(({
+      element,
+      property
+    }) => element.style[property]);
     originalValuesRef.current = originalValues;
     scrollBlockManager.saveRestoreValuesCallback(restoreValues);
     // TODO: saveOriginalValues can be removed
     scrollBlockManager.saveOriginalValues(originalValues);
     // TODO: slice san be removed
-    rules.slice(-3).forEach(_ref3 => {
-      let {
-        element,
-        property,
-        blockingValue
-      } = _ref3;
+    rules.slice(-3).forEach(({
+      element,
+      property,
+      blockingValue
+    }) => {
       element.style[property] = blockingValue;
     });
   }, [restoreValues, containerGuid]);
@@ -98,11 +93,10 @@ const useScrollBlock = () => {
 
     // TODO: all of the code below can be removed from this block
     const originalValues = scrollBlockManager.getOriginalValues();
-    getRules().forEach((_ref4, index) => {
-      let {
-        element,
-        property
-      } = _ref4;
+    getRules().forEach(({
+      element,
+      property
+    }, index) => {
       element.style[property] = originalValues[index];
     });
     scrollBlockManager.saveOriginalValues([]);

package/lib/hooks/__internal__/useStableCallback/useStableCallback.js

@@ -12,12 +12,7 @@ var _react = require("react");
 function useStableCallback(callback) {
   const ref = (0, _react.useRef)(callback);
   ref.current = callback;
-  const stableCallback = (0, _react.useCallback)(function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    return ref.current?.(...args);
-  }, []);
+  const stableCallback = (0, _react.useCallback)((...args) => ref.current?.(...args), []);
   return callback ? stableCallback : undefined;
 }
 var _default = useStableCallback;

package/lib/locales/en-gb.js

@@ -90,8 +90,7 @@ const enGB = {
   },
   pager: {
     show: () => "Show",
-    records: function (count) {
-      let showNumber = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    records: (count, showNumber = true) => {
       const noun = isSingular(count) ? "item" : "items";
       return showNumber ? `${count} ${noun}` : noun;
     },

package/lib/locales/pl-pl.js

@@ -126,8 +126,7 @@ const plPL = {
   },
   pager: {
     show: () => "Pokaż",
-    records: function (count) {
-      let showNumber = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    records: (count, showNumber = true) => {
       const noun = isSingular(count) ? "rzecz" : "rzeczy";
       return showNumber ? `${count} ${noun}` : noun;
     },

package/lib/playwright/components/badge/index.d.ts

@@ -0,0 +1,5 @@
+import type { Page } from "@playwright/test";
+declare const badge: (page: Page) => import("playwright-core").Locator;
+declare const badgeCounter: (page: Page) => import("playwright-core").Locator;
+declare const badgeCrossIcon: (page: Page) => import("playwright-core").Locator;
+export { badge, badgeCounter, badgeCrossIcon };

package/lib/playwright/components/badge/locators.d.ts

@@ -0,0 +1,3 @@
+export declare const BADGE = "[data-component=\"badge\"]";
+export declare const BADGE_COUNTER = "[data-element=\"badge-counter\"]";
+export declare const BADGE_CROSS_ICON = "[data-element=\"badge-cross-icon\"]";

package/lib/playwright/components/breadcrumbs/index.d.ts

@@ -0,0 +1,5 @@
+import type { Page } from "@playwright/test";
+declare const breadcrumbsComponent: (page: Page) => import("playwright-core").Locator;
+declare const allCrumbs: (page: Page) => import("playwright-core").Locator;
+declare const crumbAtIndex: (page: Page, index: number) => import("playwright-core").Locator;
+export { breadcrumbsComponent, allCrumbs, crumbAtIndex };

package/lib/playwright/components/breadcrumbs/locators.d.ts

@@ -0,0 +1,2 @@
+declare const BREADCRUMBS = "[data-component=\"breadcrumbs\"]";
+export default BREADCRUMBS;

package/lib/playwright/components/button/index.d.ts

@@ -0,0 +1,5 @@
+import type { Page } from "@playwright/test";
+declare const buttonDataComponent: (page: Page) => import("playwright-core").Locator;
+declare const buttonSubtextPreview: (page: Page) => import("playwright-core").Locator;
+declare const buttonMinorComponent: (page: Page, index?: number) => import("playwright-core").Locator;
+export { buttonDataComponent, buttonSubtextPreview, buttonMinorComponent };

package/lib/playwright/components/button/locators.d.ts

@@ -0,0 +1,3 @@
+export declare const BUTTON_SUBTEXT_PREVIEW = "[data-element=\"subtext\"]";
+export declare const BUTTON_DATA_COMPONENT_PREVIEW = "[data-component=\"button\"]";
+export declare const BUTTON_MINOR_COMPONENT = "[data-component=\"button-minor\"]";

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

@@ -0,0 +1,3 @@
+import type { Page } from "@playwright/test";
+declare const icon: (page: Page) => import("playwright-core").Locator;
+export default icon;

package/lib/playwright/components/loader/index.d.ts

@@ -0,0 +1,4 @@
+import type { Page } from "@playwright/test";
+declare const loader: (page: Page, index: number) => import("playwright-core").Locator;
+declare const loaderInsideButton: (page: Page) => import("playwright-core").Locator;
+export { loader, loaderInsideButton };

package/lib/playwright/components/loader/locators.d.ts

@@ -0,0 +1,2 @@
+declare const LOADER = "[data-component=\"loader\"]";
+export default LOADER;

package/lib/playwright/components/locators.d.ts

@@ -0,0 +1,21 @@
+export declare const CLOSE_ICON_BUTTON = "button[data-element=\"close\"]";
+export declare const HELP_ICON_PREVIEW = "[data-component=\"help\"]";
+export declare const TOOLTIP_PREVIEW = "[data-component=\"tooltip\"]";
+export declare const FIELD_HELP_PREVIEW = "span[data-element=\"help\"]";
+export declare const DLS_ROOT = "#root";
+export declare const BODY = "body";
+export declare const BACKGROUND_UI_LOCATOR = "div[data-element=\"modal-background\"]";
+export declare const LINK = "[data-component=\"link\"]";
+export declare const ICON = "[data-component=\"icon\"]";
+export declare const ERROR_ICON = "[data-element=\"error\"]";
+export declare const WARNING_ICON = "[data-component=\"icon\"][data-element=\"warning\"]";
+export declare const INFO_ICON = "[data-component=\"icon\"][data-element=\"info\"]";
+export declare const COMMMON_DATA_ELEMENT_INPUT = "input[data-element=\"input\"]";
+export declare const LABEL = "[data-element=\"label\"]";
+export declare const COMMON_INPUT = ".common-input__";
+export declare const BUTTON = "button[type=\"button\"]";
+export declare const COMMON_INPUT_PREFIX = "[data-element=\"textbox-prefix\"]";
+export declare const COMMON_INPUT_CHARACTER_LIMIT = "div[data-element=\"character-limit\"]";
+export declare const PORTAL = ".carbon-portal";
+export declare const LEGEND = "legend";
+export declare const STICKY_FOOTER = "[data-component=\"sticky-footer\"]";

package/lib/playwright/support/constants.d.ts

@@ -0,0 +1,25 @@
+export declare const SIZE: {
+    readonly EXTRASMALL: "extra-small";
+    readonly SMALL: "small";
+    readonly MEDIUMSMALL: "medium-small";
+    readonly MEDIUM: "medium";
+    readonly MEDIUMLARGE: "medium-large";
+    readonly LARGE: "large";
+    readonly EXTRALARGE: "extra-large";
+};
+export declare const VALIDATION: {
+    readonly ERROR: "rgb(203, 55, 74)";
+    readonly WARNING: "rgb(239, 103, 0)";
+    readonly INFO: "rgb(0, 96, 167)";
+};
+export declare const COLOR: {
+    readonly BLACK: "rgb(0, 0, 0)";
+    readonly RED: "rgb(205, 56, 75)";
+    readonly ORANGE: "rgb(255, 156, 75)";
+    readonly BROWN: "rgb(105, 61, 57)";
+};
+export declare const CHARACTERS: {
+    readonly DIACRITICS: "mp150ú¿¡üßä";
+    readonly SPECIALCHARACTERS: "!@#$%^*()_+-=~[];:.,?{}&\"'<>";
+    readonly STANDARD: "cypress_data";
+};

package/lib/playwright/support/helper.d.ts

@@ -0,0 +1,25 @@
+import type { Locator, Page } from "@playwright/test";
+/**
+ * Retrieve a computed style for an element.
+ * @param locator The Playwright locator to evaluate (see: https://playwright.dev/docs/locators)
+ * @param cssProp The CSS property for the style to retrieve
+ * @returns a Promise for the style value
+ * @example await getStyle(locator, "width");
+ */
+export declare const getStyle: (locator: Locator, cssProp: string) => Promise<string>;
+/**
+ * Check the accessibility rules for an element.
+ * @param {Page} page
+ * @example await checkAccessibility(page);
+ */
+export declare const checkAccessibility: (page: Page) => Promise<void>;
+declare type OutlineType = "outline" | "border" | "border-top" | "border-bottom" | "border-left" | "border-right";
+/**
+ * Asserts if an element has the correct golden outline used as a focus indicator
+ * @param element Target element as a Playwright locator
+ * @param outlinePixelWidth
+ * @param outline
+ * @example await checkGoldenOutline(locator);
+ */
+export declare const checkGoldenOutline: (element: Locator, outlinePixelWidth?: string, outline?: OutlineType) => Promise<void>;
+export {};

package/lib/src/__spec_helper__/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/badge/badge.pw.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/badge/components.test-pw.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { BadgeProps } from "./badge.component";
+declare const BadgeComponent: (props: Partial<BadgeProps>) => React.JSX.Element;
+export default BadgeComponent;

package/lib/src/components/breadcrumbs/breadcrumbs.pw.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/breadcrumbs/components.test-pw.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { BreadcrumbsProps } from ".";
+import { CrumbProps } from "./crumb";
+declare const Default: (props: Partial<BreadcrumbsProps>) => React.JSX.Element;
+declare const DefaultCrumb: (props: Partial<CrumbProps>) => React.JSX.Element;
+export { Default, DefaultCrumb };