carbon-react 110.1.3 → 110.2.2

package/esm/__internal__/character-count/character-count.component.d.ts

@@ -1,26 +1,9 @@
-declare var _default: React.ForwardRefExoticComponent<{
-    [x: string]: any;
-    [x: number]: any;
-} & {
-    theme?: any;
-}>;
-export default _default;
-import React from "react";
-export function CharacterCount({ value, limit, theme, ...props }: {
-    [x: string]: any;
-    value: any;
-    limit: any;
-    theme: any;
-}): JSX.Element;
-export namespace CharacterCount {
-    namespace propTypes {
-        const value: PropTypes.Validator<string>;
-        const limit: PropTypes.Validator<string>;
-        const theme: PropTypes.Requireable<object>;
-    }
-    namespace defaultProps {
-        export { baseTheme as theme };
-    }
+/// <reference types="react" />
+interface CharacterCountProps {
+    value: string;
+    limit: string;
+    isOverLimit: boolean;
+    "data-element"?: string;
 }
-import PropTypes from "prop-types";
-import baseTheme from "../../style/themes/base";
+declare const CharacterCount: ({ value, limit, isOverLimit, "data-element": dataElement, }: CharacterCountProps) => JSX.Element;
+export default CharacterCount;

package/esm/__internal__/character-count/character-count.component.js

@@ -1,28 +1,22 @@
-function _extends() { _extends = Object.assign || 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 { withTheme } from "styled-components";
-import baseTheme from "../../style/themes/base";
 import StyledCharacterCount from "./character-count.style";
 
 const CharacterCount = ({
   value,
   limit,
-  theme,
-  ...props
-}) => /*#__PURE__*/React.createElement(StyledCharacterCount, _extends({
-  theme: theme,
-  "aria-live": "polite"
-}, props), `${value}/${limit}`);
+  isOverLimit,
+  "data-element": dataElement
+}) => /*#__PURE__*/React.createElement(StyledCharacterCount, {
+  "aria-live": "polite",
+  isOverLimit: isOverLimit,
+  "data-element": dataElement
+}, `${value}/${limit}`);
 
 CharacterCount.propTypes = {
-  value: PropTypes.string.isRequired,
-  limit: PropTypes.string.isRequired,
-  theme: PropTypes.object
-};
-CharacterCount.defaultProps = {
-  theme: baseTheme
+  "data-element": PropTypes.string,
+  "isOverLimit": PropTypes.bool.isRequired,
+  "limit": PropTypes.string.isRequired,
+  "value": PropTypes.string.isRequired
 };
-export default withTheme(CharacterCount);
-export { CharacterCount };
+export default CharacterCount;

package/esm/__internal__/character-count/character-count.style.d.ts

@@ -1,2 +1,4 @@
+declare const StyledCharacterCount: import("styled-components").StyledComponent<"div", any, {
+    isOverLimit: boolean;
+}, never>;
 export default StyledCharacterCount;
-declare const StyledCharacterCount: import("styled-components").StyledComponent<"div", any, {}, never>;

package/esm/__internal__/character-count/character-count.style.js

@@ -1,4 +1,5 @@
 import styled, { css } from "styled-components";
+import baseTheme from "../../style/themes/base";
 const StyledCharacterCount = styled.div`
   text-align: right;
   font-size: 12px;
@@ -14,4 +15,7 @@ const StyledCharacterCount = styled.div`
       font-weight: 700;
     `}
 `;
+StyledCharacterCount.defaultProps = {
+  theme: baseTheme
+};
 export default StyledCharacterCount;

package/esm/__internal__/input/index.d.ts

@@ -1,5 +1,5 @@
 import Input from "./input.component";
 import InputPresentation from "./input-presentation.component";
-export type { InputProps } from "./input.component";
+export type { InputProps, CommonInputProps } from "./input.component";
 export { Input, InputPresentation };
 export default Input;

package/esm/__spec_helper__/test-utils.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ReactWrapper, ShallowWrapper } from "enzyme";
-import { LayoutProps, FlexboxProps, BackgroundProps } from "styled-system";
+import { LayoutProps, FlexboxProps, BackgroundProps, PositionProps } from "styled-system";
 import { ReactTestRendererJSON } from "react-test-renderer";
 import { mockMatchMedia } from "./mock-match-media";
 declare const toCSSCase: (str: string) => string;
@@ -47,5 +47,6 @@ declare const testStyledSystemWidth: (component: (widthProperties?: {
 declare const testStyledSystemLayout: (component: (layoutProperties?: LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
 declare const testStyledSystemFlexBox: (component: (flexboxProperties?: FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
 declare const testStyledSystemBackground: (component: (backgroundProperties?: BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | undefined) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
+declare const testStyledSystemPosition: (component: (positionProperties?: PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined) => JSX.Element, styleContainer?: ((wrapper: ReactWrapper) => ReactWrapper) | undefined) => void;
 declare const expectConsoleOutput: (message: string, type?: "warn" | "error") => () => void;
-export { assertStyleMatch, toCSSCase, hoverList, selectedItemOf, childrenFrom, makeArrayKeys, keyboard, assertKeyboardTraversal, assertHoverTraversal, listFrom, click, simulate, carbonThemesJestTable, mockMatchMedia, testStyledSystemSpacing, testStyledSystemMargin, testStyledSystemPadding, testStyledSystemColor, testStyledSystemWidth, testStyledSystemLayout, testStyledSystemFlexBox, testStyledSystemBackground, expectConsoleOutput, };
+export { assertStyleMatch, toCSSCase, hoverList, selectedItemOf, childrenFrom, makeArrayKeys, keyboard, assertKeyboardTraversal, assertHoverTraversal, listFrom, click, simulate, carbonThemesJestTable, mockMatchMedia, testStyledSystemSpacing, testStyledSystemMargin, testStyledSystemPadding, testStyledSystemColor, testStyledSystemWidth, testStyledSystemLayout, testStyledSystemFlexBox, testStyledSystemBackground, testStyledSystemPosition, expectConsoleOutput, };

package/esm/__spec_helper__/test-utils.js

@@ -109,6 +109,7 @@ const widthProps = ["width", "width", "200px"];
 const layoutProps = [widthProps, ["height", "height", "200px"], ["minWidth", "min-width", "120px"], ["maxWidth", "max-width", "120px"], ["minHeight", "min-height", "120px"], ["maxHeight", "max-height", "120px"], ["size", "width", "120px"], ["size", "height", "120px"], ["display", "display", "inline-block"], ["verticalAlign", "vertical-align", "baseline"], ["overflow", "overflow", "hidden"], ["overflowX", "overflow-x", "hidden"], ["overflowY", "overflow-y", "hidden"]];
 const flexBoxProps = [["alignItems", "alignItems", "center"], ["alignContent", "alignContent", "center"], ["justifyItems", "justifyItems", "center"], ["justifyContent", "justifyContent", "center"], ["flexWrap", "flexWrap", "wrap"], ["flexDirection", "flexDirection", "row-reverse"], ["flex", "flex", "1"], ["flexGrow", "flexGrow", "1"], ["flexShrink", "flexShrink", "1"], ["flexBasis", "flexBasis", "100px"], ["justifySelf", "justifySelf", "center"], ["alignSelf", "alignSelf", "center"], ["order", "order", "1"]];
 const backgroundProps = [["background", "background", "lightblue url('foo.jpg') no-repeat fixed center"], ["backgroundImage", "background-image", "url(foo.jpg)"], ["backgroundSize", "background-size", "center"], ["backgroundRepeat", "background-repeat", "no-repeat"]];
+const positionProps = [["top", "0px"], ["bottom", "0px"], ["right", "0px"], ["left", "0px"], ["position", "fixed"], ["position", "sticky"], ["position", "absolute"], ["position", "static"], ["position", "relative"]];
 export const getDefaultValue = value => {
   const spaceArrayLength = space.length - 1;
   if (value === undefined) return value;
@@ -302,6 +303,21 @@ const testStyledSystemBackground = (component, styleContainer) => {
       }, styleContainer ? styleContainer(wrapper) : wrapper);
     });
   });
+};
+
+const testStyledSystemPosition = (component, styleContainer) => {
+  describe.each(positionProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, value) => {
+    it(`then ${styledSystemProp} should have been set correctly`, () => {
+      const props = {
+        [styledSystemProp]: value
+      };
+      const wrapper = mount(component({ ...props
+      }));
+      assertStyleMatch({
+        [styledSystemProp]: value
+      }, styleContainer ? styleContainer(wrapper) : wrapper);
+    });
+  });
 }; // this util will catch that a console output occurred without polluting the output when running the unit tests
 
 
@@ -335,4 +351,4 @@ const expectConsoleOutput = (message, type = "error") => {
   };
 };
 
-export { assertStyleMatch, toCSSCase, hoverList, selectedItemOf, childrenFrom, makeArrayKeys, keyboard, assertKeyboardTraversal, assertHoverTraversal, listFrom, click, simulate, carbonThemesJestTable, mockMatchMedia, testStyledSystemSpacing, testStyledSystemMargin, testStyledSystemPadding, testStyledSystemColor, testStyledSystemWidth, testStyledSystemLayout, testStyledSystemFlexBox, testStyledSystemBackground, expectConsoleOutput };
+export { assertStyleMatch, toCSSCase, hoverList, selectedItemOf, childrenFrom, makeArrayKeys, keyboard, assertKeyboardTraversal, assertHoverTraversal, listFrom, click, simulate, carbonThemesJestTable, mockMatchMedia, testStyledSystemSpacing, testStyledSystemMargin, testStyledSystemPadding, testStyledSystemColor, testStyledSystemWidth, testStyledSystemLayout, testStyledSystemFlexBox, testStyledSystemBackground, testStyledSystemPosition, expectConsoleOutput };

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

@@ -1,9 +1,9 @@
 import React from "react";
-import { SpaceProps, LayoutProps, FlexboxProps, ColorProps } from "styled-system";
+import { SpaceProps, LayoutProps, FlexboxProps, ColorProps, PositionProps } from "styled-system";
 export declare type OverflowWrap = "break-word" | "anywhere";
 export declare type ScrollVariant = "light" | "dark";
 export declare type BoxSizing = "content-box" | "border-box";
-export interface BoxProps extends SpaceProps, LayoutProps, FlexboxProps, ColorProps {
+export interface BoxProps extends SpaceProps, LayoutProps, FlexboxProps, ColorProps, Omit<PositionProps, "zIndex"> {
     as?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
     /** String to set Box content break strategy. Note "anywhere" is not supported in Safari */
     overflowWrap?: OverflowWrap;
@@ -11,6 +11,8 @@ export interface BoxProps extends SpaceProps, LayoutProps, FlexboxProps, ColorPr
     scrollVariant?: ScrollVariant;
     /** set the box-sizing attribute of the Box component */
     boxSizing?: BoxSizing;
+    /** Allows a tabindex to be specified */
+    tabIndex?: number | string;
 }
 declare const Box: import("styled-components").StyledComponent<"div", any, BoxProps, never>;
 export default Box;

package/esm/components/box/box.component.js

@@ -1,5 +1,5 @@
 import styled, { css } from "styled-components";
-import { space, layout, flexbox } from "styled-system";
+import { space, layout, flexbox, position } from "styled-system";
 import BaseTheme from "../../style/themes/base";
 import styledColor from "../../style/utils/color";
 import boxConfig from "./box.config";
@@ -7,6 +7,7 @@ const Box = styled.div`
   ${space}
   ${layout}
   ${flexbox}
+  ${position}
   ${({
   color,
   bg,

package/esm/components/dismissible-box/dismissible-box.component.js

@@ -358,6 +358,105 @@ DismissibleBox.propTypes = {
     "toString": PropTypes.func.isRequired,
     "valueOf": PropTypes.func.isRequired
   }), PropTypes.string]),
+  "bottom": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@iterator": PropTypes.func.isRequired,
+    "anchor": PropTypes.func.isRequired,
+    "big": PropTypes.func.isRequired,
+    "blink": PropTypes.func.isRequired,
+    "bold": PropTypes.func.isRequired,
+    "charAt": PropTypes.func.isRequired,
+    "charCodeAt": PropTypes.func.isRequired,
+    "codePointAt": PropTypes.func.isRequired,
+    "concat": PropTypes.func.isRequired,
+    "endsWith": PropTypes.func.isRequired,
+    "fixed": PropTypes.func.isRequired,
+    "fontcolor": PropTypes.func.isRequired,
+    "fontsize": PropTypes.func.isRequired,
+    "includes": PropTypes.func.isRequired,
+    "indexOf": PropTypes.func.isRequired,
+    "italics": PropTypes.func.isRequired,
+    "lastIndexOf": PropTypes.func.isRequired,
+    "length": PropTypes.number.isRequired,
+    "link": PropTypes.func.isRequired,
+    "localeCompare": PropTypes.func.isRequired,
+    "match": PropTypes.func.isRequired,
+    "matchAll": PropTypes.func.isRequired,
+    "normalize": PropTypes.func.isRequired,
+    "padEnd": PropTypes.func.isRequired,
+    "padStart": PropTypes.func.isRequired,
+    "repeat": PropTypes.func.isRequired,
+    "replace": PropTypes.func.isRequired,
+    "search": PropTypes.func.isRequired,
+    "slice": PropTypes.func.isRequired,
+    "small": PropTypes.func.isRequired,
+    "split": PropTypes.func.isRequired,
+    "startsWith": PropTypes.func.isRequired,
+    "strike": PropTypes.func.isRequired,
+    "sub": PropTypes.func.isRequired,
+    "substr": PropTypes.func.isRequired,
+    "substring": PropTypes.func.isRequired,
+    "sup": PropTypes.func.isRequired,
+    "toLocaleLowerCase": PropTypes.func.isRequired,
+    "toLocaleUpperCase": PropTypes.func.isRequired,
+    "toLowerCase": PropTypes.func.isRequired,
+    "toString": PropTypes.func.isRequired,
+    "toUpperCase": PropTypes.func.isRequired,
+    "trim": PropTypes.func.isRequired,
+    "trimEnd": PropTypes.func.isRequired,
+    "trimLeft": PropTypes.func.isRequired,
+    "trimRight": PropTypes.func.isRequired,
+    "trimStart": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@iterator": PropTypes.func.isRequired,
+    "anchor": PropTypes.func.isRequired,
+    "big": PropTypes.func.isRequired,
+    "blink": PropTypes.func.isRequired,
+    "bold": PropTypes.func.isRequired,
+    "charAt": PropTypes.func.isRequired,
+    "charCodeAt": PropTypes.func.isRequired,
+    "codePointAt": PropTypes.func.isRequired,
+    "concat": PropTypes.func.isRequired,
+    "endsWith": PropTypes.func.isRequired,
+    "fixed": PropTypes.func.isRequired,
+    "fontcolor": PropTypes.func.isRequired,
+    "fontsize": PropTypes.func.isRequired,
+    "includes": PropTypes.func.isRequired,
+    "indexOf": PropTypes.func.isRequired,
+    "italics": PropTypes.func.isRequired,
+    "lastIndexOf": PropTypes.func.isRequired,
+    "length": PropTypes.number.isRequired,
+    "link": PropTypes.func.isRequired,
+    "localeCompare": PropTypes.func.isRequired,
+    "match": PropTypes.func.isRequired,
+    "matchAll": PropTypes.func.isRequired,
+    "normalize": PropTypes.func.isRequired,
+    "padEnd": PropTypes.func.isRequired,
+    "padStart": PropTypes.func.isRequired,
+    "repeat": PropTypes.func.isRequired,
+    "replace": PropTypes.func.isRequired,
+    "search": PropTypes.func.isRequired,
+    "slice": PropTypes.func.isRequired,
+    "small": PropTypes.func.isRequired,
+    "split": PropTypes.func.isRequired,
+    "startsWith": PropTypes.func.isRequired,
+    "strike": PropTypes.func.isRequired,
+    "sub": PropTypes.func.isRequired,
+    "substr": PropTypes.func.isRequired,
+    "substring": PropTypes.func.isRequired,
+    "sup": PropTypes.func.isRequired,
+    "toLocaleLowerCase": PropTypes.func.isRequired,
+    "toLocaleUpperCase": PropTypes.func.isRequired,
+    "toLowerCase": PropTypes.func.isRequired,
+    "toString": PropTypes.func.isRequired,
+    "toUpperCase": PropTypes.func.isRequired,
+    "trim": PropTypes.func.isRequired,
+    "trimEnd": PropTypes.func.isRequired,
+    "trimLeft": PropTypes.func.isRequired,
+    "trimRight": PropTypes.func.isRequired,
+    "trimStart": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
   "boxSizing": PropTypes.oneOf(["border-box", "content-box"]),
   "children": PropTypes.node,
   "color": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
@@ -899,6 +998,105 @@ DismissibleBox.propTypes = {
     "trimStart": PropTypes.func.isRequired,
     "valueOf": PropTypes.func.isRequired
   })]),
+  "left": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@iterator": PropTypes.func.isRequired,
+    "anchor": PropTypes.func.isRequired,
+    "big": PropTypes.func.isRequired,
+    "blink": PropTypes.func.isRequired,
+    "bold": PropTypes.func.isRequired,
+    "charAt": PropTypes.func.isRequired,
+    "charCodeAt": PropTypes.func.isRequired,
+    "codePointAt": PropTypes.func.isRequired,
+    "concat": PropTypes.func.isRequired,
+    "endsWith": PropTypes.func.isRequired,
+    "fixed": PropTypes.func.isRequired,
+    "fontcolor": PropTypes.func.isRequired,
+    "fontsize": PropTypes.func.isRequired,
+    "includes": PropTypes.func.isRequired,
+    "indexOf": PropTypes.func.isRequired,
+    "italics": PropTypes.func.isRequired,
+    "lastIndexOf": PropTypes.func.isRequired,
+    "length": PropTypes.number.isRequired,
+    "link": PropTypes.func.isRequired,
+    "localeCompare": PropTypes.func.isRequired,
+    "match": PropTypes.func.isRequired,
+    "matchAll": PropTypes.func.isRequired,
+    "normalize": PropTypes.func.isRequired,
+    "padEnd": PropTypes.func.isRequired,
+    "padStart": PropTypes.func.isRequired,
+    "repeat": PropTypes.func.isRequired,
+    "replace": PropTypes.func.isRequired,
+    "search": PropTypes.func.isRequired,
+    "slice": PropTypes.func.isRequired,
+    "small": PropTypes.func.isRequired,
+    "split": PropTypes.func.isRequired,
+    "startsWith": PropTypes.func.isRequired,
+    "strike": PropTypes.func.isRequired,
+    "sub": PropTypes.func.isRequired,
+    "substr": PropTypes.func.isRequired,
+    "substring": PropTypes.func.isRequired,
+    "sup": PropTypes.func.isRequired,
+    "toLocaleLowerCase": PropTypes.func.isRequired,
+    "toLocaleUpperCase": PropTypes.func.isRequired,
+    "toLowerCase": PropTypes.func.isRequired,
+    "toString": PropTypes.func.isRequired,
+    "toUpperCase": PropTypes.func.isRequired,
+    "trim": PropTypes.func.isRequired,
+    "trimEnd": PropTypes.func.isRequired,
+    "trimLeft": PropTypes.func.isRequired,
+    "trimRight": PropTypes.func.isRequired,
+    "trimStart": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@iterator": PropTypes.func.isRequired,
+    "anchor": PropTypes.func.isRequired,
+    "big": PropTypes.func.isRequired,
+    "blink": PropTypes.func.isRequired,
+    "bold": PropTypes.func.isRequired,
+    "charAt": PropTypes.func.isRequired,
+    "charCodeAt": PropTypes.func.isRequired,
+    "codePointAt": PropTypes.func.isRequired,
+    "concat": PropTypes.func.isRequired,
+    "endsWith": PropTypes.func.isRequired,
+    "fixed": PropTypes.func.isRequired,
+    "fontcolor": PropTypes.func.isRequired,
+    "fontsize": PropTypes.func.isRequired,
+    "includes": PropTypes.func.isRequired,
+    "indexOf": PropTypes.func.isRequired,
+    "italics": PropTypes.func.isRequired,
+    "lastIndexOf": PropTypes.func.isRequired,
+    "length": PropTypes.number.isRequired,
+    "link": PropTypes.func.isRequired,
+    "localeCompare": PropTypes.func.isRequired,
+    "match": PropTypes.func.isRequired,
+    "matchAll": PropTypes.func.isRequired,
+    "normalize": PropTypes.func.isRequired,
+    "padEnd": PropTypes.func.isRequired,
+    "padStart": PropTypes.func.isRequired,
+    "repeat": PropTypes.func.isRequired,
+    "replace": PropTypes.func.isRequired,
+    "search": PropTypes.func.isRequired,
+    "slice": PropTypes.func.isRequired,
+    "small": PropTypes.func.isRequired,
+    "split": PropTypes.func.isRequired,
+    "startsWith": PropTypes.func.isRequired,
+    "strike": PropTypes.func.isRequired,
+    "sub": PropTypes.func.isRequired,
+    "substr": PropTypes.func.isRequired,
+    "substring": PropTypes.func.isRequired,
+    "sup": PropTypes.func.isRequired,
+    "toLocaleLowerCase": PropTypes.func.isRequired,
+    "toLocaleUpperCase": PropTypes.func.isRequired,
+    "toLowerCase": PropTypes.func.isRequired,
+    "toString": PropTypes.func.isRequired,
+    "toUpperCase": PropTypes.func.isRequired,
+    "trim": PropTypes.func.isRequired,
+    "trimEnd": PropTypes.func.isRequired,
+    "trimLeft": PropTypes.func.isRequired,
+    "trimRight": PropTypes.func.isRequired,
+    "trimStart": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
   "m": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
     "__@toStringTag": PropTypes.string.isRequired,
     "description": PropTypes.string,
@@ -1776,6 +1974,7 @@ DismissibleBox.propTypes = {
     "toString": PropTypes.func.isRequired,
     "valueOf": PropTypes.func.isRequired
   }), PropTypes.string]),
+  "position": PropTypes.oneOfType([PropTypes.oneOf(["-moz-initial", "-webkit-sticky", "absolute", "fixed", "inherit", "initial", "relative", "revert", "static", "sticky", "unset"]), PropTypes.arrayOf(PropTypes.oneOf(["-moz-initial", "-webkit-sticky", "absolute", "fixed", "inherit", "initial", "relative", "revert", "static", "sticky", "unset", null])), PropTypes.object]),
   "pr": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
     "__@toStringTag": PropTypes.string.isRequired,
     "description": PropTypes.string,
@@ -1820,6 +2019,105 @@ DismissibleBox.propTypes = {
     "toString": PropTypes.func.isRequired,
     "valueOf": PropTypes.func.isRequired
   }), PropTypes.string]),
+  "right": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@iterator": PropTypes.func.isRequired,
+    "anchor": PropTypes.func.isRequired,
+    "big": PropTypes.func.isRequired,
+    "blink": PropTypes.func.isRequired,
+    "bold": PropTypes.func.isRequired,
+    "charAt": PropTypes.func.isRequired,
+    "charCodeAt": PropTypes.func.isRequired,
+    "codePointAt": PropTypes.func.isRequired,
+    "concat": PropTypes.func.isRequired,
+    "endsWith": PropTypes.func.isRequired,
+    "fixed": PropTypes.func.isRequired,
+    "fontcolor": PropTypes.func.isRequired,
+    "fontsize": PropTypes.func.isRequired,
+    "includes": PropTypes.func.isRequired,
+    "indexOf": PropTypes.func.isRequired,
+    "italics": PropTypes.func.isRequired,
+    "lastIndexOf": PropTypes.func.isRequired,
+    "length": PropTypes.number.isRequired,
+    "link": PropTypes.func.isRequired,
+    "localeCompare": PropTypes.func.isRequired,
+    "match": PropTypes.func.isRequired,
+    "matchAll": PropTypes.func.isRequired,
+    "normalize": PropTypes.func.isRequired,
+    "padEnd": PropTypes.func.isRequired,
+    "padStart": PropTypes.func.isRequired,
+    "repeat": PropTypes.func.isRequired,
+    "replace": PropTypes.func.isRequired,
+    "search": PropTypes.func.isRequired,
+    "slice": PropTypes.func.isRequired,
+    "small": PropTypes.func.isRequired,
+    "split": PropTypes.func.isRequired,
+    "startsWith": PropTypes.func.isRequired,
+    "strike": PropTypes.func.isRequired,
+    "sub": PropTypes.func.isRequired,
+    "substr": PropTypes.func.isRequired,
+    "substring": PropTypes.func.isRequired,
+    "sup": PropTypes.func.isRequired,
+    "toLocaleLowerCase": PropTypes.func.isRequired,
+    "toLocaleUpperCase": PropTypes.func.isRequired,
+    "toLowerCase": PropTypes.func.isRequired,
+    "toString": PropTypes.func.isRequired,
+    "toUpperCase": PropTypes.func.isRequired,
+    "trim": PropTypes.func.isRequired,
+    "trimEnd": PropTypes.func.isRequired,
+    "trimLeft": PropTypes.func.isRequired,
+    "trimRight": PropTypes.func.isRequired,
+    "trimStart": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@iterator": PropTypes.func.isRequired,
+    "anchor": PropTypes.func.isRequired,
+    "big": PropTypes.func.isRequired,
+    "blink": PropTypes.func.isRequired,
+    "bold": PropTypes.func.isRequired,
+    "charAt": PropTypes.func.isRequired,
+    "charCodeAt": PropTypes.func.isRequired,
+    "codePointAt": PropTypes.func.isRequired,
+    "concat": PropTypes.func.isRequired,
+    "endsWith": PropTypes.func.isRequired,
+    "fixed": PropTypes.func.isRequired,
+    "fontcolor": PropTypes.func.isRequired,
+    "fontsize": PropTypes.func.isRequired,
+    "includes": PropTypes.func.isRequired,
+    "indexOf": PropTypes.func.isRequired,
+    "italics": PropTypes.func.isRequired,
+    "lastIndexOf": PropTypes.func.isRequired,
+    "length": PropTypes.number.isRequired,
+    "link": PropTypes.func.isRequired,
+    "localeCompare": PropTypes.func.isRequired,
+    "match": PropTypes.func.isRequired,
+    "matchAll": PropTypes.func.isRequired,
+    "normalize": PropTypes.func.isRequired,
+    "padEnd": PropTypes.func.isRequired,
+    "padStart": PropTypes.func.isRequired,
+    "repeat": PropTypes.func.isRequired,
+    "replace": PropTypes.func.isRequired,
+    "search": PropTypes.func.isRequired,
+    "slice": PropTypes.func.isRequired,
+    "small": PropTypes.func.isRequired,
+    "split": PropTypes.func.isRequired,
+    "startsWith": PropTypes.func.isRequired,
+    "strike": PropTypes.func.isRequired,
+    "sub": PropTypes.func.isRequired,
+    "substr": PropTypes.func.isRequired,
+    "substring": PropTypes.func.isRequired,
+    "sup": PropTypes.func.isRequired,
+    "toLocaleLowerCase": PropTypes.func.isRequired,
+    "toLocaleUpperCase": PropTypes.func.isRequired,
+    "toLowerCase": PropTypes.func.isRequired,
+    "toString": PropTypes.func.isRequired,
+    "toUpperCase": PropTypes.func.isRequired,
+    "trim": PropTypes.func.isRequired,
+    "trimEnd": PropTypes.func.isRequired,
+    "trimLeft": PropTypes.func.isRequired,
+    "trimRight": PropTypes.func.isRequired,
+    "trimStart": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
   "scrollVariant": PropTypes.oneOf(["dark", "light"]),
   "size": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
     "__@iterator": PropTypes.func.isRequired,
@@ -1920,6 +2218,106 @@ DismissibleBox.propTypes = {
     "trimStart": PropTypes.func.isRequired,
     "valueOf": PropTypes.func.isRequired
   }), PropTypes.string]),
+  "tabIndex": PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  "top": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@iterator": PropTypes.func.isRequired,
+    "anchor": PropTypes.func.isRequired,
+    "big": PropTypes.func.isRequired,
+    "blink": PropTypes.func.isRequired,
+    "bold": PropTypes.func.isRequired,
+    "charAt": PropTypes.func.isRequired,
+    "charCodeAt": PropTypes.func.isRequired,
+    "codePointAt": PropTypes.func.isRequired,
+    "concat": PropTypes.func.isRequired,
+    "endsWith": PropTypes.func.isRequired,
+    "fixed": PropTypes.func.isRequired,
+    "fontcolor": PropTypes.func.isRequired,
+    "fontsize": PropTypes.func.isRequired,
+    "includes": PropTypes.func.isRequired,
+    "indexOf": PropTypes.func.isRequired,
+    "italics": PropTypes.func.isRequired,
+    "lastIndexOf": PropTypes.func.isRequired,
+    "length": PropTypes.number.isRequired,
+    "link": PropTypes.func.isRequired,
+    "localeCompare": PropTypes.func.isRequired,
+    "match": PropTypes.func.isRequired,
+    "matchAll": PropTypes.func.isRequired,
+    "normalize": PropTypes.func.isRequired,
+    "padEnd": PropTypes.func.isRequired,
+    "padStart": PropTypes.func.isRequired,
+    "repeat": PropTypes.func.isRequired,
+    "replace": PropTypes.func.isRequired,
+    "search": PropTypes.func.isRequired,
+    "slice": PropTypes.func.isRequired,
+    "small": PropTypes.func.isRequired,
+    "split": PropTypes.func.isRequired,
+    "startsWith": PropTypes.func.isRequired,
+    "strike": PropTypes.func.isRequired,
+    "sub": PropTypes.func.isRequired,
+    "substr": PropTypes.func.isRequired,
+    "substring": PropTypes.func.isRequired,
+    "sup": PropTypes.func.isRequired,
+    "toLocaleLowerCase": PropTypes.func.isRequired,
+    "toLocaleUpperCase": PropTypes.func.isRequired,
+    "toLowerCase": PropTypes.func.isRequired,
+    "toString": PropTypes.func.isRequired,
+    "toUpperCase": PropTypes.func.isRequired,
+    "trim": PropTypes.func.isRequired,
+    "trimEnd": PropTypes.func.isRequired,
+    "trimLeft": PropTypes.func.isRequired,
+    "trimRight": PropTypes.func.isRequired,
+    "trimStart": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@iterator": PropTypes.func.isRequired,
+    "anchor": PropTypes.func.isRequired,
+    "big": PropTypes.func.isRequired,
+    "blink": PropTypes.func.isRequired,
+    "bold": PropTypes.func.isRequired,
+    "charAt": PropTypes.func.isRequired,
+    "charCodeAt": PropTypes.func.isRequired,
+    "codePointAt": PropTypes.func.isRequired,
+    "concat": PropTypes.func.isRequired,
+    "endsWith": PropTypes.func.isRequired,
+    "fixed": PropTypes.func.isRequired,
+    "fontcolor": PropTypes.func.isRequired,
+    "fontsize": PropTypes.func.isRequired,
+    "includes": PropTypes.func.isRequired,
+    "indexOf": PropTypes.func.isRequired,
+    "italics": PropTypes.func.isRequired,
+    "lastIndexOf": PropTypes.func.isRequired,
+    "length": PropTypes.number.isRequired,
+    "link": PropTypes.func.isRequired,
+    "localeCompare": PropTypes.func.isRequired,
+    "match": PropTypes.func.isRequired,
+    "matchAll": PropTypes.func.isRequired,
+    "normalize": PropTypes.func.isRequired,
+    "padEnd": PropTypes.func.isRequired,
+    "padStart": PropTypes.func.isRequired,
+    "repeat": PropTypes.func.isRequired,
+    "replace": PropTypes.func.isRequired,
+    "search": PropTypes.func.isRequired,
+    "slice": PropTypes.func.isRequired,
+    "small": PropTypes.func.isRequired,
+    "split": PropTypes.func.isRequired,
+    "startsWith": PropTypes.func.isRequired,
+    "strike": PropTypes.func.isRequired,
+    "sub": PropTypes.func.isRequired,
+    "substr": PropTypes.func.isRequired,
+    "substring": PropTypes.func.isRequired,
+    "sup": PropTypes.func.isRequired,
+    "toLocaleLowerCase": PropTypes.func.isRequired,
+    "toLocaleUpperCase": PropTypes.func.isRequired,
+    "toLowerCase": PropTypes.func.isRequired,
+    "toString": PropTypes.func.isRequired,
+    "toUpperCase": PropTypes.func.isRequired,
+    "trim": PropTypes.func.isRequired,
+    "trimEnd": PropTypes.func.isRequired,
+    "trimLeft": PropTypes.func.isRequired,
+    "trimRight": PropTypes.func.isRequired,
+    "trimStart": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
   "variant": PropTypes.oneOf(["dark", "light"]),
   "verticalAlign": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
     "__@iterator": PropTypes.func.isRequired,

package/esm/components/numeral-date/numeral-date-context.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare type NumeralContextType = {
+    disableErrorBorder?: boolean;
+};
+declare const _default: React.Context<NumeralContextType>;
+export default _default;

package/esm/components/popover-container/popover-container.component.d.ts

@@ -8,6 +8,8 @@ export interface RenderOpenProps {
     ref: React.RefObject<HTMLButtonElement>;
     "aria-label"?: string;
     id?: string;
+    "aria-expanded": boolean;
+    "aria-haspopup": "dialog";
 }
 export interface RenderCloseProps {
     "data-element": string;