carbon-react 104.0.0 → 104.3.0

package/lib/components/tooltip/tooltip.d.ts

@@ -25,6 +25,7 @@ export interface TooltipProps {
    * (see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements)
    */
   flipOverrides?: ["top" | "bottom" | "left" | "right"];
+  target?: Element;
 }
 
 export interface TooltipInternalProps extends TooltipProps {

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

@@ -1,6 +1,8 @@
-export function tokensClassName(theme: any): string;
-export const GlobalTokens: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
 export default CarbonScopedTokensProvider;
-declare function CarbonScopedTokensProvider({ children }: {
-    children: any;
-}): JSX.Element;
+/**
+ *
+ * Converts theme properties to css variables form and set them locally for
+ * given scope
+ *
+ */
+declare const CarbonScopedTokensProvider: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -3,20 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.GlobalTokens = exports.tokensClassName = void 0;
+exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _themes = require("../../themes");
 
 var _generateCssVariables = _interopRequireDefault(require("../generate-css-variables.util"));
 
-var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /**
@@ -25,37 +19,18 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * given scope
  *
  */
-const activeThemes = {};
-const carbonInstanceId = (0, _guid.default)();
-
-const kebabCase = input => input && input.toString().toLowerCase().match(/\w*/gm).filter(Boolean).join("-");
-
-const tokensClassName = theme => `sage-design-tokens-${kebabCase(theme)}-${carbonInstanceId}`;
-
-exports.tokensClassName = tokensClassName;
-const GlobalTokens = (0, _styledComponents.createGlobalStyle)`
-  ${({
-  theme
-}) => {
-  const className = tokensClassName(theme.name);
-  activeThemes[className] = activeThemes[className] || (0, _generateCssVariables.default)(theme.compatibility);
-  return Object.entries(activeThemes).reduce((acc, [name, definitions]) => `${acc} .${name} { ${definitions} }`, "");
-}}`;
-exports.GlobalTokens = GlobalTokens;
-const TokensProviderWrapper = _styledComponents.default.div.attrs(({
-  theme
-}) => ({
-  className: tokensClassName(theme.name)
-}))`
+const CarbonScopedTokensProvider = _styledComponents.default.div`
   margin: 0;
   padding: 0;
   width: auto;
   display: inline;
-`;
-
-const CarbonScopedTokensProvider = ({
-  children
-}) => /*#__PURE__*/_react.default.createElement(TokensProviderWrapper, null, /*#__PURE__*/_react.default.createElement(GlobalTokens, null), children);
 
+  ${({
+  theme
+}) => (0, _generateCssVariables.default)(theme.compatibility)}
+`;
+CarbonScopedTokensProvider.defaultProps = {
+  theme: _themes.baseTheme
+};
 var _default = CarbonScopedTokensProvider;
 exports.default = _default;

package/lib/style/themes/aegean/aegean-theme.config.d.ts

@@ -18,6 +18,7 @@ declare function _default(palette: any): {
         colorsActionMajor500: any;
         colorsActionMajor600: any;
         colorsActionMajor150: any;
+        colorsBaseTheme: any;
     };
 };
 export default _default;

package/lib/style/themes/aegean/aegean-theme.config.js

@@ -32,7 +32,8 @@ var _default = palette => {
       return {
         colorsActionMajor500: this.colors.primary,
         colorsActionMajor600: this.colors.secondary,
-        colorsActionMajor150: this.colors.loadingBarBackground
+        colorsActionMajor150: this.colors.loadingBarBackground,
+        colorsBaseTheme: this.colors.primary
       };
     }
 

package/lib/style/themes/base/base-theme.config.d.ts

@@ -389,14 +389,69 @@ declare function _default(palette: any): {
         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;
@@ -415,6 +470,7 @@ declare function _default(palette: any): {
         colorsUtilityMajor500: string;
         colorsUtilityMajor800: string;
         colorsUtilityMajor025: string;
+        colorsUtilityMajor040: string;
         colorsUtilityMajor050: string;
         colorsUtilityMajor075: string;
         colorsUtilityMajorTransparent: string;
@@ -444,7 +500,9 @@ declare function _default(palette: any): {
         colorsActionMinor300: string;
         colorsActionMinor400: string;
         colorsActionMinor500: string;
+        colorsActionMinor550: string;
         colorsActionMinor600: string;
+        colorsActionMinor850: string;
         colorsActionMinor900: string;
         colorsActionMinor025: string;
         colorsActionMinor050: string;
@@ -542,6 +600,7 @@ declare function _default(palette: any): {
         fontSizes025: string;
         fontSizes050: string;
         boxShadow100: string;
+        boxShadow150: string;
         boxShadow200: string;
         boxShadow300: string;
         boxShadow400: string;
@@ -557,101 +616,111 @@ declare function _default(palette: any): {
         fontFamiliesAndroid: string;
         fontFamiliesOther: string;
         borderRadiusCircle: string;
-        typographyAccordionTitleM: typeof tokens.typographyAccordionTitleM;
-        typographyAccordionSubtitleM: typeof tokens.typographyAccordionSubtitleM;
-        typographyAccordionParagraphM: typeof tokens.typographyAccordionParagraphM;
-        typographyActionPopoverMenuItemM: typeof tokens.typographyActionPopoverMenuItemM;
-        typographyAnchorNavLabelM: typeof tokens.typographyAnchorNavLabelM;
-        typographyBadgeLabelM: typeof tokens.typographyBadgeLabelM;
-        typographyButtonLabelS: typeof tokens.typographyButtonLabelS;
-        typographyButtonLabelM: typeof tokens.typographyButtonLabelM;
-        typographyButtonLabelL: typeof tokens.typographyButtonLabelL;
-        typographyDialogTitleXs: typeof tokens.typographyDialogTitleXs;
-        typographyDialogTitleS: typeof tokens.typographyDialogTitleS;
-        typographyDialogTitleMs: typeof tokens.typographyDialogTitleMs;
-        typographyDialogTitleM: typeof tokens.typographyDialogTitleM;
-        typographyDialogTitleMl: typeof tokens.typographyDialogTitleMl;
-        typographyDialogTitleL: typeof tokens.typographyDialogTitleL;
-        typographyDialogTitleXl: typeof tokens.typographyDialogTitleXl;
-        typographyDialogParagraphXs: typeof tokens.typographyDialogParagraphXs;
-        typographyDialogParagraphS: typeof tokens.typographyDialogParagraphS;
-        typographyFlashTextM: typeof tokens.typographyFlashTextM;
-        typographyFlashTextL: typeof tokens.typographyFlashTextL;
-        typographyFormFieldLabelXs: typeof tokens.typographyFormFieldLabelXs;
-        typographyFormFieldLabelS: typeof tokens.typographyFormFieldLabelS;
-        typographyFormFieldLabelM: typeof tokens.typographyFormFieldLabelM;
-        typographyFormFieldLabelL: typeof tokens.typographyFormFieldLabelL;
-        typographyFormFieldHintTextXs: typeof tokens.typographyFormFieldHintTextXs;
-        typographyFormFieldHintTextS: typeof tokens.typographyFormFieldHintTextS;
-        typographyFormFieldHintTextM: typeof tokens.typographyFormFieldHintTextM;
-        typographyFormFieldHintTextL: typeof tokens.typographyFormFieldHintTextL;
-        typographyFormFieldErrorMessageXs: typeof tokens.typographyFormFieldErrorMessageXs;
-        typographyFormFieldErrorMessageS: typeof tokens.typographyFormFieldErrorMessageS;
-        typographyFormFieldErrorMessageM: typeof tokens.typographyFormFieldErrorMessageM;
-        typographyFormFieldErrorMessageL: typeof tokens.typographyFormFieldErrorMessageL;
-        typographyFormFieldCautionMessageXs: typeof tokens.typographyFormFieldCautionMessageXs;
-        typographyFormFieldCautionMessageS: typeof tokens.typographyFormFieldCautionMessageS;
-        typographyFormFieldCautionMessageM: typeof tokens.typographyFormFieldCautionMessageM;
-        typographyFormFieldCautionMessageL: typeof tokens.typographyFormFieldCautionMessageL;
-        typographyFormFieldInputTextXs: typeof tokens.typographyFormFieldInputTextXs;
-        typographyFormFieldInputTextS: typeof tokens.typographyFormFieldInputTextS;
-        typographyFormFieldInputTextM: typeof tokens.typographyFormFieldInputTextM;
-        typographyFormFieldInputTextL: typeof tokens.typographyFormFieldInputTextL;
-        typographyFormFieldDropdownOptionsXs: typeof tokens.typographyFormFieldDropdownOptionsXs;
-        typographyFormFieldDropdownOptionsS: typeof tokens.typographyFormFieldDropdownOptionsS;
-        typographyFormFieldDropdownOptionsM: typeof tokens.typographyFormFieldDropdownOptionsM;
-        typographyFormFieldDropdownOptionsL: typeof tokens.typographyFormFieldDropdownOptionsL;
-        typographyFormFieldSecondLabelXs: typeof tokens.typographyFormFieldSecondLabelXs;
-        typographyFormFieldSecondLabelS: typeof tokens.typographyFormFieldSecondLabelS;
-        typographyFormFieldSecondLabelM: typeof tokens.typographyFormFieldSecondLabelM;
-        typographyFormFieldSecondLabelL: typeof tokens.typographyFormFieldSecondLabelL;
-        typographyFormFieldCharacterCountXs: typeof tokens.typographyFormFieldCharacterCountXs;
-        typographyFormFieldCharacterCountS: typeof tokens.typographyFormFieldCharacterCountS;
-        typographyFormFieldCharacterCountM: typeof tokens.typographyFormFieldCharacterCountM;
-        typographyFormFieldCharacterCountL: typeof tokens.typographyFormFieldCharacterCountL;
-        typographyLinkTextM: typeof tokens.typographyLinkTextM;
-        typographyLinkTextL: typeof tokens.typographyLinkTextL;
-        typographyMessageHeadingM: typeof tokens.typographyMessageHeadingM;
-        typographyMessageHeadingL: typeof tokens.typographyMessageHeadingL;
-        typographyMessageTextM: typeof tokens.typographyMessageTextM;
-        typographyMessageTextL: typeof tokens.typographyMessageTextL;
-        typographyPillLabelS: typeof tokens.typographyPillLabelS;
-        typographyPillLabelM: typeof tokens.typographyPillLabelM;
-        typographyPillLabelL: typeof tokens.typographyPillLabelL;
-        typographyPillLabelXl: typeof tokens.typographyPillLabelXl;
-        typographyProfileEmailXs: typeof tokens.typographyProfileEmailXs;
-        typographyProfileEmailS: typeof tokens.typographyProfileEmailS;
-        typographyProfileEmailM: typeof tokens.typographyProfileEmailM;
-        typographyProfileEmailMl: typeof tokens.typographyProfileEmailMl;
-        typographyProfileEmailL: typeof tokens.typographyProfileEmailL;
-        typographyProfileEmailXl: typeof tokens.typographyProfileEmailXl;
-        typographyProfileEmailXxl: typeof tokens.typographyProfileEmailXxl;
-        typographyProfileInitialsXs: typeof tokens.typographyProfileInitialsXs;
-        typographyProfileInitialsS: typeof tokens.typographyProfileInitialsS;
-        typographyProfileInitialsM: typeof tokens.typographyProfileInitialsM;
-        typographyProfileInitialsMl: typeof tokens.typographyProfileInitialsMl;
-        typographyProfileInitialsL: typeof tokens.typographyProfileInitialsL;
-        typographyProfileInitialsXl: typeof tokens.typographyProfileInitialsXl;
-        typographyProfileInitialsXxl: typeof tokens.typographyProfileInitialsXxl;
-        typographyProfileNameXs: typeof tokens.typographyProfileNameXs;
-        typographyProfileNameS: typeof tokens.typographyProfileNameS;
-        typographyProfileNameM: typeof tokens.typographyProfileNameM;
-        typographyProfileNameMl: typeof tokens.typographyProfileNameMl;
-        typographyProfileNameL: typeof tokens.typographyProfileNameL;
-        typographyProfileNameXl: typeof tokens.typographyProfileNameXl;
-        typographyProfileNameXxl: typeof tokens.typographyProfileNameXxl;
-        typographyProgressTrackerValueLabelS: typeof tokens.typographyProgressTrackerValueLabelS;
-        typographyProgressTrackerValueLabelM: typeof tokens.typographyProgressTrackerValueLabelM;
-        typographyProgressTrackerValueLabelL: typeof tokens.typographyProgressTrackerValueLabelL;
-        typographySwitchOptionLabelM: typeof tokens.typographySwitchOptionLabelM;
-        typographySwitchOptionLabelL: typeof tokens.typographySwitchOptionLabelL;
-        typographyTableHeaderTextM: typeof tokens.typographyTableHeaderTextM;
-        typographyTableCellTextM: typeof tokens.typographyTableCellTextM;
-        typographyTooltipTextM: typeof tokens.typographyTooltipTextM;
-        typographyTooltipTextL: typeof tokens.typographyTooltipTextL;
+        typographyAccordionTitleM: string;
+        typographyAccordionSubtitleM: string;
+        typographyAccordionParagraphM: string;
+        typographyActionPopoverMenuItemM: string;
+        typographyAnchorNavLabelM: string;
+        typographyBadgeLabelM: string;
+        typographyButtonLabelS: string;
+        typographyButtonLabelM: string;
+        typographyButtonLabelL: 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;
+        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;
     };
 };
 export default _default;
-import tokens from "@sage/design-tokens/js/base/common";

package/lib/style/themes/mint/mint-theme.config.d.ts

@@ -17,6 +17,7 @@ declare function _default(palette: any): {
         colorsActionMajor500: any;
         colorsActionMajor600: any;
         colorsActionMajor150: any;
+        colorsBaseTheme: any;
     };
 };
 export default _default;

package/lib/style/themes/mint/mint-theme.config.js

@@ -26,7 +26,8 @@ var _default = palette => {
       return {
         colorsActionMajor500: this.colors.primary,
         colorsActionMajor600: this.colors.secondary,
-        colorsActionMajor150: this.colors.loadingBarBackground
+        colorsActionMajor150: this.colors.loadingBarBackground,
+        colorsBaseTheme: this.colors.primary
       };
     }