carbon-react 106.1.3 → 106.1.6

package/lib/components/tile/tile-footer/tile-footer.component.d.ts

@@ -5,9 +5,24 @@ declare function TileFooter({ variant, children, ...props }: {
     children: any;
 }): JSX.Element;
 declare namespace TileFooter {
-    namespace propTypes {
-        const variant: PropTypes.Requireable<string>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }
+    const propTypes: {
+        /** set which background color variant should be used */
+        variant: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        padding?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        pl?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        paddingLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        paddingRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        paddingTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        paddingBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        px?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    };
 }
 import PropTypes from "prop-types";

package/lib/components/tile-select/tile-select-group.component.d.ts

@@ -1,19 +1,42 @@
 export default TileSelectGroup;
 declare function TileSelectGroup(props: any): JSX.Element;
 declare namespace TileSelectGroup {
-    namespace propTypes {
-        function children(props: any, propName: any, componentName: any): undefined;
-        const legend: PropTypes.Requireable<string>;
-        const description: PropTypes.Requireable<string>;
-        const value: PropTypes.Requireable<string>;
-        const name: PropTypes.Requireable<string>;
-        const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        const onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        const multiSelect: PropTypes.Requireable<boolean>;
-    }
+    const propTypes: {
+        /** The TileSelect components to be rendered in the group */
+        children: (props: any, propName: any, componentName: any) => undefined;
+        /** The content for the TileSelectGroup Legend */
+        legend: PropTypes.Requireable<string>;
+        /** Description to be rendered below the legend */
+        description: PropTypes.Requireable<string>;
+        /** The currently selected value - only for single select mode. */
+        value: PropTypes.Requireable<string>;
+        /** The name to apply to the input - only for single select mode. */
+        name: PropTypes.Requireable<string>;
+        /** A callback triggered when one of tiles is selected - only for single select mode. */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /** A callback triggered when one of tiles is blurred - only for single select mode. */
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        /** When passed as true TileSelectGroup serves only visual purpose */
+        /** It wraps TileSelects in fieldset element and renders the legend and description props content */
+        /** onChange, onBlur, value, checked and name props are meant to be passed individually on each of the TileSelects */
+        multiSelect: PropTypes.Requireable<boolean>;
+        marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    };
     namespace defaultProps {
-        const multiSelect_1: boolean;
-        export { multiSelect_1 as multiSelect };
+        const multiSelect: boolean;
     }
 }
 import PropTypes from "prop-types";

package/lib/components/tile-select/tile-select.component.d.ts

@@ -29,32 +29,69 @@ declare namespace TileSelect {
         const checked: boolean;
         const type: string;
     }
-    namespace propTypes {
-        export const title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const titleAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const subtitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const disabled: PropTypes.Requireable<boolean>;
-        export const value: PropTypes.Requireable<string>;
-        export const id: PropTypes.Requireable<string>;
-        export const name: PropTypes.Requireable<string>;
-        export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        export const onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        export const onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        const checked_1: PropTypes.Requireable<boolean>;
-        export { checked_1 as checked };
-        export const className: PropTypes.Requireable<string>;
-        const type_1: PropTypes.Requireable<string>;
-        export { type_1 as type };
-        export const customActionButton: PropTypes.Requireable<(...args: any[]) => any>;
-        export const actionButtonAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const prefixAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const additionalInformation: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const accordionContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const accordionControl: PropTypes.Requireable<(...args: any[]) => any>;
-        export const accordionExpanded: PropTypes.Requireable<boolean>;
-    }
+    const propTypes: {
+        /** title of the TileSelect */
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** adornment to be rendered next to the title */
+        titleAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** subtitle of the TileSelect */
+        subtitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** description of the TileSelect */
+        description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** disables the TileSelect input */
+        disabled: PropTypes.Requireable<boolean>;
+        /** the value that is represented by this TileSelect */
+        value: PropTypes.Requireable<string>;
+        /** input id */
+        id: PropTypes.Requireable<string>;
+        /** input name */
+        name: PropTypes.Requireable<string>;
+        /** Callback triggered when user selects or deselects this tile */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Callback triggered when the user blurs this tile */
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Callback triggered when the user focuses this tile */
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        /** determines if this tile is selected or unselected */
+        checked: PropTypes.Requireable<boolean>;
+        /** Custom class name passed to the root element of TileSelect */
+        className: PropTypes.Requireable<string>;
+        /** Type of the TileSelect input */
+        type: PropTypes.Requireable<string>;
+        /** Render prop that allows overriding the default action button. `(onClick) => <Button onClick={onClick}>...</Button>` */
+        customActionButton: PropTypes.Requireable<(...args: any[]) => any>;
+        /** An additional help info icon rendered next to the action button */
+        actionButtonAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** footer of the TileSelect */
+        footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Component to render in the top left corner of TileSelect */
+        prefixAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Component to render additional information row between title and description */
+        additionalInformation: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Components to render in the TileSelect Accordion */
+        accordionContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Render prop to support rendering the control to handle the expanded state of the TileSelect Accordion.
+         * `(controlId, contentId) => <Button id={controlId} aria-controls={contentId}>...</Button>`
+         */
+        accordionControl: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Flag to control the open state of TileSelect Accordion */
+        accordionExpanded: PropTypes.Requireable<boolean>;
+        marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    };
     const displayName: string;
 }
 import PropTypes from "prop-types";

package/lib/components/typography/list.component.d.ts

@@ -15,8 +15,7 @@ export function ListItem({ children, ...props }: {
 }): JSX.Element;
 export namespace ListItem {
     const propTypes_2: {
-        [x: string]: React.Validator<any> | undefined;
-        [x: number]: React.Validator<any> | undefined;
+        [x: string]: React.Validator<unknown> | undefined;
         theme?: React.Validator<any> | undefined;
     };
     export { propTypes_2 as propTypes };

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

@@ -7,9 +7,4 @@ declare const Typography: import("styled-components").StyledComponent<"span", an
     textDecoration: any;
     lineHeight: any;
     defaultMargin: string;
-} & {
-    [x: string]: any;
-    color: any;
-    bg: any;
-    backgroundColor: any;
-}, "as" | "textDecoration" | "size" | "lineHeight" | "textTransform" | "weight" | "defaultMargin">;
+} & Record<string, unknown>, "as" | "textDecoration" | "size" | "lineHeight" | "textTransform" | "weight" | "defaultMargin">;

package/lib/global.d.ts

@@ -0,0 +1 @@
+declare module "@styled-system/prop-types";

package/lib/style/color-config/index.d.ts

@@ -1,3 +1,2 @@
-export interface ColorConfig {
-  [key: string]: string;
-}
+declare const colorConfig: Record<string, string>;
+export default colorConfig;

package/lib/style/color-config/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Base colors
-var _default = {
+const colorConfig = {
   brilliantGreen: "00DC00",
   carrotOrange: "E96400",
   errorRed: "C7384F",
@@ -19,4 +19,5 @@ var _default = {
   slate: "003349",
   black: "000000"
 };
+var _default = colorConfig;
 exports.default = _default;

package/lib/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.d.ts

@@ -1,8 +1,9 @@
-export default CarbonScopedTokensProvider;
+import { ThemeObject } from "style/themes/base";
 /**
  *
  * Converts theme properties to css variables form and set them locally for
  * given scope
  *
  */
-declare const CarbonScopedTokensProvider: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const CarbonScopedTokensProvider: import("styled-components").StyledComponent<"div", any, ThemeObject, never>;
+export default CarbonScopedTokensProvider;