carbon-react 106.1.2 → 106.1.5

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;

package/lib/style/design-tokens/debug-theme.util.d.ts

@@ -1,2 +1,450 @@
-declare var _default: any;
+declare const _default: {
+    compatibility: {
+        metaName: string;
+        metaPublic: string;
+        colorsLogo: string;
+        colorsTransparent: string;
+        colorsYin030: string;
+        colorsYin055: string;
+        colorsYin065: string;
+        colorsYin075: string;
+        colorsYin090: string;
+        colorsYang100: string;
+        colorsYang030: string;
+        colorsYang080: string;
+        colorsGray600: string;
+        colorsGray700: string;
+        colorsGray750: string;
+        colorsGray850: string;
+        colorsGray900: string;
+        colorsGray1000: string;
+        colorsGray000: string;
+        colorsDisabled400: string;
+        colorsDisabled500: string;
+        colorsDisabled600: string;
+        colorsReadOnly400: string;
+        colorsReadOnly500: string;
+        colorsReadOnly600: string;
+        colorsComponentsMenuSpringStandard500: string;
+        colorsComponentsMenuSpringStandard600: string;
+        colorsComponentsMenuSpringStandard700: string;
+        colorsComponentsMenuSpringParent500: string;
+        colorsComponentsMenuSpringParent600: string;
+        colorsComponentsMenuSpringParent700: string;
+        colorsComponentsMenuSpringChild400: string;
+        colorsComponentsMenuSpringChild500: string;
+        colorsComponentsMenuSpringChild600: string;
+        colorsComponentsMenuSpringChildAlt400: string;
+        colorsComponentsMenuSpringChildAlt500: string;
+        colorsComponentsMenuSpringChildAlt600: string;
+        colorsComponentsMenuSummerStandard400: string;
+        colorsComponentsMenuSummerStandard500: string;
+        colorsComponentsMenuSummerStandard600: string;
+        colorsComponentsMenuSummerStandard700: string;
+        colorsComponentsMenuSummerStandard800: string;
+        colorsComponentsMenuSummerParent400: string;
+        colorsComponentsMenuSummerParent500: string;
+        colorsComponentsMenuSummerParent600: string;
+        colorsComponentsMenuSummerParent700: string;
+        colorsComponentsMenuSummerParent800: string;
+        colorsComponentsMenuSummerChild300: string;
+        colorsComponentsMenuSummerChild400: string;
+        colorsComponentsMenuSummerChild500: string;
+        colorsComponentsMenuSummerChild600: string;
+        colorsComponentsMenuSummerChild700: string;
+        colorsComponentsMenuSummerChild800: string;
+        colorsComponentsMenuSummerChildAlt300: string;
+        colorsComponentsMenuSummerChildAlt400: string;
+        colorsComponentsMenuSummerChildAlt500: string;
+        colorsComponentsMenuSummerChildAlt600: string;
+        colorsComponentsMenuSummerChildAlt700: string;
+        colorsComponentsMenuSummerChildAlt800: string;
+        colorsComponentsMenuAutumnStandard500: string;
+        colorsComponentsMenuAutumnStandard600: string;
+        colorsComponentsMenuAutumnStandard700: string;
+        colorsComponentsMenuAutumnParent500: string;
+        colorsComponentsMenuAutumnParent600: string;
+        colorsComponentsMenuAutumnParent700: string;
+        colorsComponentsMenuAutumnChild400: string;
+        colorsComponentsMenuAutumnChild500: string;
+        colorsComponentsMenuAutumnChild600: string;
+        colorsComponentsMenuAutumnChildAlt400: string;
+        colorsComponentsMenuAutumnChildAlt500: string;
+        colorsComponentsMenuAutumnChildAlt600: string;
+        colorsComponentsMenuWinterStandard400: string;
+        colorsComponentsMenuWinterStandard500: string;
+        colorsComponentsMenuWinterStandard600: string;
+        colorsComponentsMenuWinterStandard700: string;
+        colorsComponentsMenuWinterStandard800: string;
+        colorsComponentsMenuWinterParent400: string;
+        colorsComponentsMenuWinterParent500: string;
+        colorsComponentsMenuWinterParent600: string;
+        colorsComponentsMenuWinterParent700: string;
+        colorsComponentsMenuWinterParent800: string;
+        colorsComponentsMenuWinterChild300: string;
+        colorsComponentsMenuWinterChild400: string;
+        colorsComponentsMenuWinterChild500: string;
+        colorsComponentsMenuWinterChild600: string;
+        colorsComponentsMenuWinterChild700: string;
+        colorsComponentsMenuWinterChild800: string;
+        colorsComponentsMenuWinterChildAlt300: string;
+        colorsComponentsMenuWinterChildAlt400: string;
+        colorsComponentsMenuWinterChildAlt500: string;
+        colorsComponentsMenuWinterChildAlt600: string;
+        colorsComponentsMenuWinterChildAlt700: string;
+        colorsComponentsMenuWinterChildAlt800: string;
+        colorsComponentsMenuYin100: string;
+        colorsComponentsMenuYin065: string;
+        colorsComponentsMenuYin090: string;
+        colorsComponentsMenuYang100: string;
+        colorsComponentsMenuYang080: string;
+        colorsComponentsMenuTransparent: string;
+        colorsUtilityMajor100: string;
+        colorsUtilityMajor150: string;
+        colorsUtilityMajor200: string;
+        colorsUtilityMajor300: string;
+        colorsUtilityMajor400: string;
+        colorsUtilityMajor500: string;
+        colorsUtilityMajor800: string;
+        colorsUtilityMajor025: string;
+        colorsUtilityMajor010: string;
+        colorsUtilityMajor040: string;
+        colorsUtilityMajor050: string;
+        colorsUtilityMajor075: string;
+        colorsUtilityMajorTransparent: string;
+        colorsUtilityYin030: string;
+        colorsUtilityYin055: string;
+        colorsUtilityYin065: string;
+        colorsUtilityYin090: string;
+        colorsUtilityYang100: string;
+        colorsUtilityDisabled400: string;
+        colorsUtilityDisabled500: string;
+        colorsUtilityDisabled600: string;
+        colorsUtilityReadOnly400: string;
+        colorsUtilityReadOnly500: string;
+        colorsUtilityReadOnly600: string;
+        colorsActionMajor150: string;
+        colorsActionMajor350: string;
+        colorsActionMajor450: string;
+        colorsActionMajor500: string;
+        colorsActionMajor600: string;
+        colorsActionMajor700: string;
+        colorsActionMajor025: string;
+        colorsActionMajorTransparent: string;
+        colorsActionMajorYin030: string;
+        colorsActionMajorYin055: string;
+        colorsActionMajorYin065: string;
+        colorsActionMajorYin090: string;
+        colorsActionMajorYang100: string;
+        colorsActionMajorYang030: string;
+        colorsActionMinor100: string;
+        colorsActionMinor150: string;
+        colorsActionMinor200: string;
+        colorsActionMinor250: string;
+        colorsActionMinor300: string;
+        colorsActionMinor400: string;
+        colorsActionMinor500: string;
+        colorsActionMinor550: string;
+        colorsActionMinor600: string;
+        colorsActionMinor850: string;
+        colorsActionMinor900: string;
+        colorsActionMinor025: string;
+        colorsActionMinor050: string;
+        colorsActionMinorTransparent: string;
+        colorsActionMinorYin030: string;
+        colorsActionMinorYin055: string;
+        colorsActionMinorYin065: string;
+        colorsActionMinorYin090: string;
+        colorsActionMinorYang100: string;
+        colorsActionDisabled400: string;
+        colorsActionDisabled500: string;
+        colorsActionDisabled600: string;
+        colorsActionReadOnly400: string;
+        colorsActionReadOnly500: string;
+        colorsActionReadOnly600: string;
+        colorsSemanticNeutral200: string;
+        colorsSemanticNeutral500: string;
+        colorsSemanticNeutral600: string;
+        colorsSemanticNeutralTransparent: string;
+        colorsSemanticNeutralYin030: string;
+        colorsSemanticNeutralYin055: string;
+        colorsSemanticNeutralYin065: string;
+        colorsSemanticNeutralYin090: string;
+        colorsSemanticNeutralYang100: string;
+        colorsSemanticFocus250: string;
+        colorsSemanticFocus500: string;
+        colorsSemanticFocusTransparent: string;
+        colorsSemanticPositive500: string;
+        colorsSemanticPositive600: string;
+        colorsSemanticPositiveTransparent: string;
+        colorsSemanticPositiveYin030: string;
+        colorsSemanticPositiveYin055: string;
+        colorsSemanticPositiveYin065: string;
+        colorsSemanticPositiveYin090: string;
+        colorsSemanticPositiveYang100: string;
+        colorsSemanticNegative500: string;
+        colorsSemanticNegative600: string;
+        colorsSemanticNegativeTransparent: string;
+        colorsSemanticNegativeYin030: string;
+        colorsSemanticNegativeYin055: string;
+        colorsSemanticNegativeYin065: string;
+        colorsSemanticNegativeYin090: string;
+        colorsSemanticNegativeYang100: string;
+        colorsSemanticCaution400: string;
+        colorsSemanticCaution500: string;
+        colorsSemanticCaution600: string;
+        colorsSemanticCaution650: string;
+        colorsSemanticCautionTransparent: string;
+        colorsSemanticCautionYin030: string;
+        colorsSemanticCautionYin055: string;
+        colorsSemanticCautionYin065: string;
+        colorsSemanticCautionYin090: string;
+        colorsSemanticCautionYang100: string;
+        colorsSemanticInfo150: string;
+        colorsSemanticInfo500: string;
+        colorsSemanticInfo600: string;
+        colorsSemanticInfoTransparent: string;
+        colorsSemanticInfoYin030: string;
+        colorsSemanticInfoYin055: string;
+        colorsSemanticInfoYin065: string;
+        colorsSemanticInfoYin090: string;
+        colorsSemanticInfoYang100: string;
+        sizing100: string;
+        sizing125: string;
+        sizing150: string;
+        sizing175: string;
+        sizing200: string;
+        sizing250: string;
+        sizing275: string;
+        sizing300: string;
+        sizing350: string;
+        sizing375: string;
+        sizing400: string;
+        sizing450: string;
+        sizing500: string;
+        sizing525: string;
+        sizing600: string;
+        sizing700: string;
+        sizing800: string;
+        sizing900: string;
+        sizing1000: string;
+        sizing1300: string;
+        sizing1600: string;
+        sizing010: string;
+        sizing025: string;
+        sizing050: string;
+        sizing075: string;
+        sizingLogowidth: string;
+        spacing100: string;
+        spacing110: string;
+        spacing125: string;
+        spacing150: string;
+        spacing200: string;
+        spacing250: string;
+        spacing300: string;
+        spacing400: string;
+        spacing500: string;
+        spacing600: string;
+        spacing700: string;
+        spacing800: string;
+        spacing900: string;
+        spacing1000: string;
+        spacing000: string;
+        spacing010: string;
+        spacing025: string;
+        spacing050: string;
+        spacing060: string;
+        spacing075: string;
+        borderWidth100: string;
+        borderWidth200: string;
+        borderWidth300: string;
+        borderWidth400: string;
+        borderWidth000: string;
+        fontSizes100: string;
+        fontSizes200: string;
+        fontSizes300: string;
+        fontSizes400: string;
+        fontSizes500: string;
+        fontSizes600: string;
+        fontSizes700: string;
+        fontSizes800: string;
+        fontSizes900: string;
+        fontSizes1000: string;
+        fontSizes010: string;
+        fontSizes025: string;
+        fontSizes050: string;
+        boxShadow100: string;
+        boxShadow150: string;
+        boxShadow200: string;
+        boxShadow300: string;
+        boxShadow400: string;
+        boxShadow010: string;
+        boxShadow050: string;
+        boxShadow075: string;
+        boxShadow090: string;
+        boxShadow091: string;
+        fontWeights400: string;
+        fontWeights500: string;
+        fontWeights700: string;
+        lineHeights300: string;
+        lineHeights400: string;
+        lineHeights500: string;
+        fontFamiliesDefault: string;
+        fontFamiliesIos: string;
+        fontFamiliesAndroid: string;
+        fontFamiliesOther: string;
+        borderRadiusCircle: string;
+        typographyAccordionTitleM: string;
+        typographyAccordionSubtitleM: string;
+        typographyAccordionParagraphM: string;
+        typographyActionPopoverMenuItemM: string;
+        typographyAnchorNavLabelM: string;
+        typographyBadgeLabelM: string;
+        typographyButtonLabelS: string;
+        typographyButtonLabelM: string;
+        typographyButtonLabelL: string;
+        typographyCardParagraphM: string;
+        typographyCardSelectTitleM: string;
+        typographyCardSelectSubtitleM: string;
+        typographyCardSelectParagraphM: string;
+        typographyDatePickerCalendarDateM: string;
+        typographyDatePickerCalendarDayM: string;
+        typographyDatePickerCalendarMonthM: string;
+        typographyDialogTitleXs: string;
+        typographyDialogTitleS: string;
+        typographyDialogTitleMs: string;
+        typographyDialogTitleM: string;
+        typographyDialogTitleMl: string;
+        typographyDialogTitleL: string;
+        typographyDialogTitleXl: string;
+        typographyDialogTitleXxl: string;
+        typographyDialogParagraphXs: string;
+        typographyDialogParagraphS: string;
+        typographyDialogParagraphMs: string;
+        typographyDialogParagraphM: string;
+        typographyDialogParagraphMl: string;
+        typographyDialogParagraphL: string;
+        typographyDialogParagraphXl: string;
+        typographyDialogParagraphXxl: string;
+        typographyDrawerTitleM: string;
+        typographyDrawerParagraphM: string;
+        typographyFlashTextM: string;
+        typographyFlashTextL: string;
+        typographyFormFieldLabelXs: string;
+        typographyFormFieldLabelS: string;
+        typographyFormFieldLabelM: string;
+        typographyFormFieldLabelL: string;
+        typographyFormFieldHintTextXs: string;
+        typographyFormFieldHintTextS: string;
+        typographyFormFieldHintTextM: string;
+        typographyFormFieldHintTextL: string;
+        typographyFormFieldErrorMessageXs: string;
+        typographyFormFieldErrorMessageS: string;
+        typographyFormFieldErrorMessageM: string;
+        typographyFormFieldErrorMessageL: string;
+        typographyFormFieldCautionMessageXs: string;
+        typographyFormFieldCautionMessageS: string;
+        typographyFormFieldCautionMessageM: string;
+        typographyFormFieldCautionMessageL: string;
+        typographyFormFieldInputTextXs: string;
+        typographyFormFieldInputTextS: string;
+        typographyFormFieldInputTextM: string;
+        typographyFormFieldInputTextL: string;
+        typographyFormFieldDropdownOptionsXs: string;
+        typographyFormFieldDropdownOptionsS: string;
+        typographyFormFieldDropdownOptionsM: string;
+        typographyFormFieldDropdownOptionsL: string;
+        typographyFormFieldSecondLabelXs: string;
+        typographyFormFieldSecondLabelS: string;
+        typographyFormFieldSecondLabelM: string;
+        typographyFormFieldSecondLabelL: string;
+        typographyFormFieldCharacterCountXs: string;
+        typographyFormFieldCharacterCountS: string;
+        typographyFormFieldCharacterCountM: string;
+        typographyFormFieldCharacterCountL: string;
+        typographyLinkTextS: string;
+        typographyLinkTextM: string;
+        typographyLinkTextL: string;
+        typographyMenuLabelM: string;
+        typographyMenuLabelL: string;
+        typographyMenuSegmentTitleM: string;
+        typographyMessageHeadingM: string;
+        typographyMessageHeadingL: string;
+        typographyMessageTextM: string;
+        typographyMessageTextL: string;
+        typographyPaginationLabelM: string;
+        typographyPillLabelS: string;
+        typographyPillLabelM: string;
+        typographyPillLabelL: string;
+        typographyPillLabelXl: string;
+        typographyProfileEmailTextXs: string;
+        typographyProfileEmailTextS: string;
+        typographyProfileEmailTextM: string;
+        typographyProfileEmailTextMl: string;
+        typographyProfileEmailTextL: string;
+        typographyProfileEmailTextXl: string;
+        typographyProfileEmailTextXxl: string;
+        typographyProfileEmailLinkXs: string;
+        typographyProfileEmailLinkS: string;
+        typographyProfileEmailLinkM: string;
+        typographyProfileEmailLinkMl: string;
+        typographyProfileEmailLinkL: string;
+        typographyProfileEmailLinkXl: string;
+        typographyProfileEmailLinkXxl: string;
+        typographyProfileInitialsXs: string;
+        typographyProfileInitialsS: string;
+        typographyProfileInitialsM: string;
+        typographyProfileInitialsMl: string;
+        typographyProfileInitialsL: string;
+        typographyProfileInitialsXl: string;
+        typographyProfileInitialsXxl: string;
+        typographyProfileNameXs: string;
+        typographyProfileNameS: string;
+        typographyProfileNameM: string;
+        typographyProfileNameMl: string;
+        typographyProfileNameL: string;
+        typographyProfileNameXl: string;
+        typographyProfileNameXxl: string;
+        typographyProgressTrackerValueLabelS: string;
+        typographyProgressTrackerValueLabelM: string;
+        typographyProgressTrackerValueLabelL: string;
+        typographySearchLabelM: string;
+        typographySidebarTitleXs: string;
+        typographySidebarTitleS: string;
+        typographySidebarTitleMs: string;
+        typographySidebarTitleM: string;
+        typographySidebarTitleMl: string;
+        typographySidebarTitleL: string;
+        typographySidebarTitleXl: string;
+        typographySidebarParagraphXs: string;
+        typographySidebarParagraphS: string;
+        typographySidebarParagraphMs: string;
+        typographySidebarParagraphM: string;
+        typographySidebarParagraphMl: string;
+        typographySidebarParagraphL: string;
+        typographySidebarParagraphXl: string;
+        typographyStepFlowCompleteLabelM: string;
+        typographyStepFlowCurrentLabelM: string;
+        typographyStepFlowIncompleteLabelM: string;
+        typographySwitchOptionLabelM: string;
+        typographySwitchOptionLabelL: string;
+        typographyTableHeaderTextXs: string;
+        typographyTableHeaderTextS: string;
+        typographyTableHeaderTextM: string;
+        typographyTableHeaderTextL: string;
+        typographyTableHeaderTextXl: string;
+        typographyTableCellTextXs: string;
+        typographyTableCellTextS: string;
+        typographyTableCellTextM: string;
+        typographyTableCellTextL: string;
+        typographyTableCellTextXl: string;
+        typographyTileParagraphM: string;
+        typographyTooltipTextM: string;
+        typographyTooltipTextL: string;
+        opacity300: string;
+        opacity600: string;
+        opacity800: string;
+    };
+    name: string;
+};
 export default _default;

package/lib/style/design-tokens/generate-css-variables.util.d.ts

@@ -1,2 +1,11 @@
-declare function _default(theme: any): string;
+import { ThemeObject } from "../themes/base";
+declare const _default: (theme: ThemeObject | Record<string, string>) => string;
+/**
+ *
+ * Converts theme properties to the string in form of css variable definitions.
+ * Then this string can be used as variable definitions in global or local
+ * scope, which allows for achieving compatibility when using design tokens in
+ * form of CSS variables along with styled-components ThemeProvider.
+ *
+ */
 export default _default;

package/lib/style/global-style.d.ts

@@ -1,9 +1,2 @@
-import { GlobalStyleComponent } from "styled-components";
-import { ThemeObject } from "./themes/base";
-
-declare const GlobalStyle: GlobalStyleComponent<
-  Record<string, unknown>,
-  ThemeObject
->;
-
+declare const GlobalStyle: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
 export default GlobalStyle;

package/lib/style/palette/index.d.ts

@@ -1,7 +1,19 @@
-import { ColorConfig } from "../color-config";
-
-export interface Palette {
-  [key: string]: (weight: number) => string;
-}
-
-declare function generatePalette(config: ColorConfig): Palette;
+export declare type PaletteFunction = (weight: number | string) => string;
+/**
+ * Takes a config object of base colors and, for each base, generates functions
+ * to lighten and darken it.
+ *
+ * Given a config:
+ *
+ * const palette = generatePalette({ brilliantGreen: '00DC00' });
+ *
+ * The developer will be able to call:
+ *
+ * palette.brilliantGreenTint(n);
+ * palette.brilliantGreenShade(n);
+ *
+ * where `n` is the degree of white (in case of `tint`) or
+ * black (in case of `shade`) they wish to mix into the base color.
+ */
+declare const generatePalette: (config: Record<string, string>) => Record<string, PaletteFunction>;
+export default generatePalette;