carbon-react 104.34.0 → 104.36.0

package/esm/style/themes/sage/index.d.ts

@@ -0,0 +1,651 @@
+declare var _default: {
+    compatibility: {
+        metaName: string;
+        metaPublic: string;
+        colorsLogo: string;
+        colorsTransparent: string;
+        colorsYin030: string;
+        colorsYin055: string;
+        colorsYin065: string;
+        colorsYin075: string;
+        colorsYin090: string;
+        colorsYang100: string;
+        colorsYang080: 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;
+        colorsComponentsMenuSpringChildAlt500: string;
+        colorsComponentsMenuSpringChildAlt600: string;
+        colorsComponentsMenuSummerStandard500: string;
+        colorsComponentsMenuSummerStandard600: string;
+        colorsComponentsMenuSummerStandard700: string;
+        colorsComponentsMenuSummerParent500: string;
+        colorsComponentsMenuSummerParent600: string;
+        colorsComponentsMenuSummerParent700: string;
+        colorsComponentsMenuSummerChild400: string;
+        colorsComponentsMenuSummerChild500: string;
+        colorsComponentsMenuSummerChild600: string;
+        colorsComponentsMenuSummerChildAlt500: string;
+        colorsComponentsMenuSummerChildAlt600: string;
+        colorsComponentsMenuAutumnStandard500: string;
+        colorsComponentsMenuAutumnStandard600: string;
+        colorsComponentsMenuAutumnStandard700: string;
+        colorsComponentsMenuAutumnParent500: string;
+        colorsComponentsMenuAutumnParent600: string;
+        colorsComponentsMenuAutumnParent700: string;
+        colorsComponentsMenuAutumnChild400: string;
+        colorsComponentsMenuAutumnChild500: string;
+        colorsComponentsMenuAutumnChild600: string;
+        colorsComponentsMenuAutumnChildAlt500: string;
+        colorsComponentsMenuAutumnChildAlt600: string;
+        colorsComponentsMenuWinterStandard500: string;
+        colorsComponentsMenuWinterStandard600: string;
+        colorsComponentsMenuWinterStandard700: string;
+        colorsComponentsMenuWinterParent500: string;
+        colorsComponentsMenuWinterParent600: string;
+        colorsComponentsMenuWinterParent700: string;
+        colorsComponentsMenuWinterChild400: string;
+        colorsComponentsMenuWinterChild500: string;
+        colorsComponentsMenuWinterChild600: string;
+        colorsComponentsMenuWinterChildAlt500: string;
+        colorsComponentsMenuWinterChildAlt600: string;
+        colorsComponentsMenuYin100: string;
+        colorsComponentsMenuYin065: string;
+        colorsComponentsMenuYin090: string;
+        colorsComponentsMenuYang100: string;
+        colorsComponentsMenuYang080: string;
+        colorsComponentsNavigation500: string;
+        colorsComponentsNavigation600: string;
+        colorsComponentsNavigation700: string;
+        colorsComponentsNavigationTransparent: string;
+        colorsComponentsNavigationYin100: string;
+        colorsComponentsNavigationYin030: string;
+        colorsComponentsNavigationYin055: string;
+        colorsComponentsNavigationYin065: string;
+        colorsComponentsNavigationYin090: string;
+        colorsComponentsNavigationYang100: 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;
+        colorsActionMajor500: string;
+        colorsActionMajor600: string;
+        colorsActionMajor700: string;
+        colorsActionMajor025: string;
+        colorsActionMajorTransparent: string;
+        colorsActionMajorYin030: string;
+        colorsActionMajorYin055: string;
+        colorsActionMajorYin065: string;
+        colorsActionMajorYin090: string;
+        colorsActionMajorYang100: 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;
+        sizing600: string;
+        sizing700: string;
+        sizing800: string;
+        sizing900: string;
+        sizing1000: string;
+        sizing1300: string;
+        sizing1600: string;
+        sizing025: string;
+        sizing050: string;
+        sizing075: string;
+        sizingLogowidth: string;
+        sizing010: string;
+        spacing100: string;
+        spacing125: string;
+        spacing150: string;
+        spacing200: string;
+        spacing250: string;
+        spacing300: string;
+        spacing400: string;
+        spacing500: string;
+        spacing600: string;
+        spacing700: string;
+        spacing800: string;
+        spacing900: string;
+        spacing000: string;
+        spacing025: string;
+        spacing050: 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;
+        boxShadow075: string;
+        boxShadow050: 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;
+        typographyDatePickerCalendarDateM: string;
+        typographyDatePickerCalendarDayM: string;
+        typographyDatePickerCalendarMonthM: string;
+        typographyDialogTitleXs: string;
+        typographyDialogTitleS: string;
+        typographyDialogTitleMs: string;
+        typographyDialogTitleM: string;
+        typographyDialogTitleMl: string;
+        typographyDialogTitleL: string;
+        typographyDialogTitleXl: string;
+        typographyDialogParagraphXs: string;
+        typographyDialogParagraphS: string;
+        typographyDrawerTitleM: 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;
+        typographyLinkTextM: string;
+        typographyLinkTextL: string;
+        typographyMenuLabelM: string;
+        typographyMenuSegmentTitleM: string;
+        typographyMessageHeadingM: string;
+        typographyMessageHeadingL: string;
+        typographyMessageTextM: string;
+        typographyMessageTextL: string;
+        typographyPaginationLabelM: string;
+        typographyPillLabelS: string;
+        typographyPillLabelM: string;
+        typographyPillLabelL: string;
+        typographyPillLabelXl: string;
+        typographyProfileEmailXs: string;
+        typographyProfileEmailS: string;
+        typographyProfileEmailM: string;
+        typographyProfileEmailMl: string;
+        typographyProfileEmailL: string;
+        typographyProfileEmailXl: string;
+        typographyProfileEmailXxl: 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;
+        typographySidebarTitleS: string;
+        typographySidebarTitleM: string;
+        typographySidebarTitleL: string;
+        typographyStepFlowCompleteLabelM: string;
+        typographyStepFlowCurrentLabelM: string;
+        typographyStepFlowIncompleteLabelM: string;
+        typographySwitchOptionLabelM: string;
+        typographySwitchOptionLabelL: string;
+        typographyTableHeaderTextM: string;
+        typographyTableCellTextM: string;
+        typographyTooltipTextM: string;
+        typographyTooltipTextL: string;
+        opacity300: string;
+        opacity600: string;
+        opacity800: string;
+    };
+    name: string;
+    palette: import("../../palette").Palette & import("../base").ColorsWithHex & {
+        blackOpacity: (opacity: number) => string;
+        whiteOpacity: (opacity: number) => string;
+    };
+    spacing: number;
+    space: number[];
+    colors: import("../base").Colors;
+    anchorNavigation: {
+        divider: string;
+        navItemHoverBackground: string;
+    };
+    accordion: {
+        border: string;
+        background: string;
+    };
+    tileSelect: {
+        border: string;
+        disabledBackground: string;
+        hoverBackground: string;
+        descriptionColor: string;
+        disabledText: string;
+    };
+    batchSelection: {
+        lightTheme: string;
+    };
+    hr: {
+        background: string;
+    };
+    editor: {
+        border: string;
+        counter: string;
+        placeholder: string;
+        button: {
+            hover: string;
+        };
+        toolbar: {
+            background: string;
+        };
+    };
+    menu: {
+        focus: string;
+        divider: string;
+        itemColor: string;
+        itemColorDisabled: string;
+        light: {
+            background: string;
+            selected: string;
+            divider: string;
+            title: string;
+        };
+        dark: {
+            divider: string;
+            submenuBackground: string;
+            selected: string;
+            title: string;
+            searchIcon: string;
+            searchIconHover: string;
+        };
+    };
+    form: {
+        invalid: string;
+    };
+    card: {
+        footerBackground: string;
+        footerBorder: string;
+    };
+    carousel: {
+        activeSelectorBackground: string;
+        inactiveSelectorBackground: string;
+    };
+    flatTable: {
+        light: {
+            headerBackground: string;
+            border: string;
+        };
+        dark: {
+            headerBackground: string;
+            border: string;
+        };
+        subRow: {
+            background: string;
+            shadow: string;
+        };
+        transparentWhite: {
+            headerBackground: string;
+            border: string;
+        };
+        transparentBase: {
+            headerBackground: string;
+            border: string;
+        };
+        drawerSidebar: {
+            headerBackground: string;
+            hover: string;
+            highlighted: string;
+            selected: string;
+        };
+        hover: string;
+        headerIconColor: string;
+        selected: string;
+        highlighted: string;
+    };
+    help: {
+        color: string;
+        hover: string;
+    };
+    pod: {
+        border: string;
+        secondaryBackground: string;
+        tertiaryBackground: string;
+        tileBackground: string;
+        footerBackground: string;
+        hoverBackground: string;
+    };
+    text: {
+        color: string;
+        placeholder: string;
+        size: string;
+    };
+    readOnly: {
+        textboxBackground: string;
+        textboxBorder: string;
+        textboxText: string;
+    };
+    content: {
+        secondaryColor: string;
+    };
+    disabled: {
+        border: string;
+        button: string;
+        disabled: string;
+        input: string;
+        text: string;
+        buttonText: string;
+        background: string;
+        switch: string;
+    };
+    draggableItem: {
+        border: string;
+    };
+    checkable: {
+        checked: string;
+    };
+    table: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        header: string;
+        hover: string;
+        selected: string;
+        zebra: string;
+        dragging: string;
+    };
+    drawer: {
+        background: string;
+        divider: string;
+    };
+    pager: {
+        active: string;
+        disabled: string;
+        alternate: string;
+    };
+    icon: {
+        default: string;
+        defaultHover: string;
+        onLightBackground: string;
+        onLightBackgroundHover: string;
+        disabled: string;
+    };
+    popoverContainer: {
+        iconColor: string;
+    };
+    navigationBar: {
+        light: {
+            background: string;
+            borderBottom: string;
+        };
+        dark: {
+            background: string;
+            borderBottom: string;
+        };
+        black: {
+            background: string;
+        };
+        white: {
+            borderBottom: string;
+        };
+    };
+    numeralDate: {
+        passive: string;
+        error: string;
+    };
+    portrait: {
+        border: string;
+        background: string;
+        initials: string;
+    };
+    picklist: {
+        locked: string;
+        lockedContent: string;
+        lockedText: string;
+    };
+    pill: {
+        neutral: string;
+        warning: string;
+        neutralBackgroundFocus: string;
+        warningButtonFocus: string;
+        errorButtonFocus: string;
+    };
+    scrollbar: {
+        light: {
+            thumb: string;
+            track: string;
+        };
+        dark: {
+            thumb: string;
+            track: string;
+        };
+    };
+    search: {
+        active: string;
+        button: string;
+        passive: string;
+        icon: string;
+        iconHover: string;
+        searchActive: string;
+        darkVariantPlaceholder: string;
+        darkVariantBorder: string;
+        darkVariantText: string;
+        iconDarkVariant: string;
+        iconDarkVariantHover: string;
+    };
+    select: {
+        border: string;
+        selected: string;
+        optionHeader: string;
+        tableHeaderBorder: string;
+    };
+    shadows: {
+        depth1: string;
+        depth2: string;
+        depth3: string;
+        depth4: string;
+        cards: string;
+        cardsIE: string;
+    };
+    switch: {
+        off: string;
+    };
+    tile: {
+        border: string;
+        footerBackground: string;
+        separator: string;
+    };
+    tab: {
+        background: string;
+        altHover: string;
+    };
+    note: {
+        timeStamp: string;
+    };
+    zIndex: {
+        smallOverlay: number;
+        overlay: number;
+        popover: number;
+        nav: number;
+        modal: number;
+        header: number;
+        fullScreenModal: number;
+        notification: number;
+        aboveAll: number;
+    };
+};
+export default _default;

package/esm/style/themes/sage/index.js

@@ -0,0 +1,7 @@
+import tokens from "@sage/design-tokens/js/base/common";
+import mint from "../mint/index";
+export default { ...mint,
+  compatibility: { ...tokens
+  },
+  name: "sage (experimental)"
+};

package/esm/style/themes/small/index.d.ts

@@ -0,0 +1,2 @@
+declare var _default: import("../base").ThemeObject;
+export default _default;

package/esm/style/themes/small/index.js

@@ -0,0 +1,7 @@
+import { mintTheme } from "..";
+export default (() => {
+  console.warn(`"Small Theme" has been renamed to "Mint".
+All references to that theme should be updated to:
+import { mintTheme } from 'carbon-react/lib/style/themes'`);
+  return mintTheme;
+})();

package/esm/style/themes/test-utils.d.ts

@@ -0,0 +1 @@
+export function assertIsSubset(obj: any, comparison: any): void;

package/esm/style/themes/test-utils.js

@@ -0,0 +1,20 @@
+const isObject = obj => {
+  return typeof obj === "object" && obj !== null;
+}; // eslint-disable-next-line import/prefer-default-export
+
+
+export const assertIsSubset = (obj, comparison) => {
+  if (!isObject(obj)) {
+    // no further nesting
+    return;
+  }
+
+  const objKeys = Object.keys(obj);
+  const comparisonKeys = Object.keys(comparison);
+  objKeys.forEach(key => {
+    // assert that keys are present
+    expect(comparisonKeys).toContain(key); // repeat for nested objects
+
+    assertIsSubset(obj[key], comparison[key]);
+  });
+};

package/esm/style/utils/add-hex-symbols.d.ts

@@ -0,0 +1,2 @@
+declare function _default(configObject: any): any;
+export default _default;

package/esm/style/utils/add-hex-symbols.js

@@ -0,0 +1,7 @@
+const addHex = obj => (acc, col) => {
+  const color = obj[col];
+  acc[col] = `#${color}`;
+  return acc;
+};
+
+export default (configObject => Object.keys(configObject).reduce(addHex(configObject), {}));

package/esm/style/utils/at-opacity.d.ts

@@ -0,0 +1,2 @@
+declare function _default(base: any): (opacity: any) => string;
+export default _default;