carbon-react 105.1.1 → 106.0.0

package/esm/locales/locale.d.ts

@@ -1,111 +1,105 @@
 import { Locale as DateFnsLocale } from "date-fns";
-
 interface Locale {
-  locale: () => string;
-  actions: {
-    edit: () => string;
-    delete: () => string;
-  };
-  actionPopover: {
-    ariaLabel: () => string;
-  };
-  batchSelection: {
-    selected: (count: number | string) => string;
-  };
-  confirm: {
-    no: () => string;
-    yes: () => string;
-  };
-  date: {
-    dateFnsLocale: () => DateFnsLocale;
-  };
-  dialog: {
-    ariaLabels: {
-      close: () => string;
-    };
-  };
-  dialogFullScreen: {
-    ariaLabels: {
-      close: () => string;
-    };
-  };
-  errors: {
-    messages: {
-      formSummary: (
-        errors: number,
-        warnings: number,
-        type: string
-      ) => [string, string] | null;
-    };
-  };
-  message: {
-    closeButtonAriaLabel: () => string;
-  };
-  numeralDate: {
-    validation: {
-      day: () => string;
-      month: () => string;
-      year: () => string;
-    };
-  };
-  pager: {
-    show: () => string;
-    records: (count: number | string, showNumber: boolean) => string;
-    first: () => string;
-    last: () => string;
-    next: () => string;
-    previous: () => string;
-    pageX: () => string;
-    ofY: (count: string | number) => string;
-  };
-  select: {
-    actionButtonText: () => string;
-    placeholder: () => string;
-    noResultsForTerm: (term: string) => string;
-  };
-  link: {
-    skipLinkLabel: () => string;
-  };
-  sidebar: {
-    ariaLabels: {
-      close: () => string;
-    };
-  };
-  switch: {
-    on: () => string;
-    off: () => string;
-  };
-  textEditor: {
-    tooltipMessages: {
-      bold: () => string;
-      italic: () => string;
-      bulletList: () => string;
-      numberList: () => string;
-    };
-    ariaLabels: {
-      bold: () => string;
-      italic: () => string;
-      bulletList: () => string;
-      numberList: () => string;
-    };
-  };
-  tileSelect: {
-    deselect: () => string;
-  };
-  toast: {
-    ariaLabels: {
-      close: () => string;
-    };
-  };
-  wizards: {
-    multiStep: {
-      buttons: {
-        submit: () => string;
+    locale: () => string;
+    actions: {
+        edit: () => string;
+        delete: () => string;
+    };
+    actionPopover: {
+        ariaLabel: () => string;
+    };
+    batchSelection: {
+        selected: (count: number | string) => string;
+    };
+    confirm: {
+        no: () => string;
+        yes: () => string;
+    };
+    date: {
+        dateFnsLocale: () => DateFnsLocale;
+    };
+    dialog: {
+        ariaLabels: {
+            close: () => string;
+        };
+    };
+    dialogFullScreen: {
+        ariaLabels: {
+            close: () => string;
+        };
+    };
+    errors: {
+        messages: {
+            formSummary: (errors: number, warnings: number, type: string) => [string, string] | null;
+        };
+    };
+    message: {
+        closeButtonAriaLabel: () => string;
+    };
+    numeralDate: {
+        validation: {
+            day: () => string;
+            month: () => string;
+            year: () => string;
+        };
+    };
+    pager: {
+        show: () => string;
+        records: (count: number | string, showNumber: boolean) => string;
+        first: () => string;
+        last: () => string;
         next: () => string;
-        back: () => string;
-      };
+        previous: () => string;
+        pageX: () => string;
+        ofY: (count: string | number) => string;
+    };
+    select: {
+        actionButtonText: () => string;
+        placeholder: () => string;
+        noResultsForTerm: (term: string) => string;
+    };
+    link: {
+        skipLinkLabel: () => string;
+    };
+    sidebar: {
+        ariaLabels: {
+            close: () => string;
+        };
+    };
+    switch: {
+        on: () => string;
+        off: () => string;
+    };
+    textEditor: {
+        tooltipMessages: {
+            bold: () => string;
+            italic: () => string;
+            bulletList: () => string;
+            numberList: () => string;
+        };
+        ariaLabels: {
+            bold: () => string;
+            italic: () => string;
+            bulletList: () => string;
+            numberList: () => string;
+        };
+    };
+    tileSelect: {
+        deselect: () => string;
+    };
+    toast: {
+        ariaLabels: {
+            close: () => string;
+        };
+    };
+    wizards: {
+        multiStep: {
+            buttons: {
+                submit: () => string;
+                next: () => string;
+                back: () => string;
+            };
+        };
     };
-  };
 }
-
 export default Locale;

package/esm/locales/locale.js

@@ -0,0 +1 @@
+export {};

package/esm/locales/pl-pl.d.ts

@@ -1,5 +1,3 @@
-import Locale from ".";
-
-declare const PlPl: Locale;
-
-export default PlPl;
+import Locale from "./locale";
+declare const plPL: Locale;
+export default plPL;

package/esm/locales/pl-pl.js

@@ -1,8 +1,8 @@
-import { pl } from "./date-fns-locales";
+import { pl as plDateLocale } from "./date-fns-locales";
 
 const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
 
-export default {
+const plPL = {
   locale: () => "pl-PL",
   actions: {
     edit: () => "Edytuj",
@@ -19,7 +19,7 @@ export default {
     yes: () => "Tak"
   },
   date: {
-    dateFnsLocale: () => pl
+    dateFnsLocale: () => plDateLocale
   },
   dialog: {
     ariaLabels: {
@@ -126,4 +126,5 @@ export default {
       }
     }
   }
-};
+};
+export default plPL;

package/esm/style/fonts.css

@@ -0,0 +1,30 @@
+@font-face{
+  font-family: "Sage UI";
+  src: url('https://fonts.sage.com/Sage_UI-Regular.woff2') format("woff2"), url('https://fonts.sage.com/Sage_UI-Regular.woff') format("woff");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face{
+  font-family: "Sage UI";
+  src: url('https://fonts.sage.com/Sage_UI-Medium.woff2') format("woff2"), url('https://fonts.sage.com/Sage_UI-Medium.woff') format("woff");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face{
+  font-family: "Sage UI";
+  src: url('https://fonts.sage.com/Sage_UI-Bold.woff2') format("woff2"), url('https://fonts.sage.com/Sage_UI-Bold.woff') format("woff");
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "CarbonIcons";
+  src: url("./assets/carbon-icons-webfont.woff") format("woff");
+  font-weight: normal;
+  font-style: normal;
+}

package/esm/style/global-style.js

@@ -2,7 +2,7 @@ import { createGlobalStyle } from "styled-components";
 const GlobalStyle = createGlobalStyle`
   body {
     color: rgba(0, 0, 0, 0.9);
-    font-family: 'Lato';
+    font-family: "Sage UI", sans-serif;
     font-size: 14px;
     margin: 0px;
     padding: 0px;

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

@@ -54,6 +54,7 @@ declare function _default(palette: any): {
         colorsYin075: string;
         colorsYin090: string;
         colorsYang100: string;
+        colorsYang030: string;
         colorsYang080: string;
         colorsGray850: string;
         colorsGray900: string;
@@ -138,6 +139,8 @@ declare function _default(palette: any): {
         colorsUtilityReadOnly400: string;
         colorsUtilityReadOnly500: string;
         colorsUtilityReadOnly600: string;
+        colorsActionMajor350: string;
+        colorsActionMajor450: string;
         colorsActionMajor700: string;
         colorsActionMajor025: string;
         colorsActionMajorTransparent: string;
@@ -146,6 +149,7 @@ declare function _default(palette: any): {
         colorsActionMajorYin065: string;
         colorsActionMajorYin090: string;
         colorsActionMajorYang100: string;
+        colorsActionMajorYang030: string;
         colorsActionMinor100: string;
         colorsActionMinor150: string;
         colorsActionMinor200: string;
@@ -305,16 +309,10 @@ declare function _default(palette: any): {
         typographyDatePickerCalendarDateM: string;
         typographyDatePickerCalendarDayM: string;
         typographyDatePickerCalendarMonthM: string;
-        typographyDialogTitleXs: string;
-        typographyDialogTitleS: string;
-        typographyDialogTitleMs: string;
         typographyDialogTitleM: string;
-        typographyDialogTitleMl: string;
-        typographyDialogTitleL: string;
-        typographyDialogTitleXl: string;
-        typographyDialogParagraphXs: string;
-        typographyDialogParagraphS: string;
+        typographyDialogParagraphM: string;
         typographyDrawerTitleM: string;
+        typographyDrawerParagraphM: string;
         typographyFlashTextM: string;
         typographyFlashTextL: string;
         typographyFormFieldLabelXs: string;
@@ -349,6 +347,7 @@ declare function _default(palette: any): {
         typographyFormFieldCharacterCountS: string;
         typographyFormFieldCharacterCountM: string;
         typographyFormFieldCharacterCountL: string;
+        typographyLinkTextS: string;
         typographyLinkTextM: string;
         typographyLinkTextL: string;
         typographyMenuLabelM: string;
@@ -358,6 +357,7 @@ declare function _default(palette: any): {
         typographyMessageTextM: string;
         typographyMessageTextL: string;
         typographyPaginationLabelM: string;
+        typographyTileParagraphM: string;
         typographyPillLabelS: string;
         typographyPillLabelM: string;
         typographyPillLabelL: string;
@@ -390,13 +390,22 @@ declare function _default(palette: any): {
         typographySidebarTitleS: string;
         typographySidebarTitleM: string;
         typographySidebarTitleL: string;
+        typographySidebarParagraphM: 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;
         typographyTooltipTextM: string;
         typographyTooltipTextL: string;
         opacity300: string;

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

@@ -10,6 +10,7 @@ declare var _default: {
         colorsYin075: string;
         colorsYin090: string;
         colorsYang100: string;
+        colorsYang030: string;
         colorsYang080: string;
         colorsGray850: string;
         colorsGray900: string;
@@ -95,6 +96,8 @@ declare var _default: {
         colorsUtilityReadOnly500: string;
         colorsUtilityReadOnly600: string;
         colorsActionMajor150: string;
+        colorsActionMajor350: string;
+        colorsActionMajor450: string;
         colorsActionMajor500: string;
         colorsActionMajor600: string;
         colorsActionMajor700: string;
@@ -105,6 +108,7 @@ declare var _default: {
         colorsActionMajorYin065: string;
         colorsActionMajorYin090: string;
         colorsActionMajorYang100: string;
+        colorsActionMajorYang030: string;
         colorsActionMinor100: string;
         colorsActionMinor150: string;
         colorsActionMinor200: string;
@@ -270,16 +274,10 @@ declare var _default: {
         typographyDatePickerCalendarDateM: string;
         typographyDatePickerCalendarDayM: string;
         typographyDatePickerCalendarMonthM: string;
-        typographyDialogTitleXs: string;
-        typographyDialogTitleS: string;
-        typographyDialogTitleMs: string;
         typographyDialogTitleM: string;
-        typographyDialogTitleMl: string;
-        typographyDialogTitleL: string;
-        typographyDialogTitleXl: string;
-        typographyDialogParagraphXs: string;
-        typographyDialogParagraphS: string;
+        typographyDialogParagraphM: string;
         typographyDrawerTitleM: string;
+        typographyDrawerParagraphM: string;
         typographyFlashTextM: string;
         typographyFlashTextL: string;
         typographyFormFieldLabelXs: string;
@@ -314,6 +312,7 @@ declare var _default: {
         typographyFormFieldCharacterCountS: string;
         typographyFormFieldCharacterCountM: string;
         typographyFormFieldCharacterCountL: string;
+        typographyLinkTextS: string;
         typographyLinkTextM: string;
         typographyLinkTextL: string;
         typographyMenuLabelM: string;
@@ -323,6 +322,7 @@ declare var _default: {
         typographyMessageTextM: string;
         typographyMessageTextL: string;
         typographyPaginationLabelM: string;
+        typographyTileParagraphM: string;
         typographyPillLabelS: string;
         typographyPillLabelM: string;
         typographyPillLabelL: string;
@@ -355,13 +355,22 @@ declare var _default: {
         typographySidebarTitleS: string;
         typographySidebarTitleM: string;
         typographySidebarTitleL: string;
+        typographySidebarParagraphM: 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;
         typographyTooltipTextM: string;
         typographyTooltipTextL: string;
         opacity300: string;

package/lib/__internal__/tooltip-provider/index.d.ts

@@ -1,26 +1,21 @@
-import * as React from "react";
-
-export interface ToolbarContextProps {
-  tooltipPosition: "top" | "bottom" | "left" | "right";
+import React from "react";
+interface TooltipProviderProps {
+    /** The position to display the tooltip */
+    tooltipPosition?: "top" | "bottom" | "left" | "right";
+    /** Control whether the tooltip is visible */
+    children: React.ReactNode;
+    /** Aria label for rendered help component */
+    helpAriaLabel?: string;
+    focusable?: boolean;
+    tooltipVisible?: boolean;
+    disabled?: boolean;
+    target?: Element;
 }
-
-export interface TooltipProviderProps {
-  /** The position to display the tooltip */
-  tooltipPosition?: "top" | "bottom" | "left" | "right";
-  /** Control whether the tooltip is visible */
-  children: React.ReactNode;
-  /** Aria label for rendered help component */
-  helpAriaLabel?: string;
-  focusable?: boolean;
-  tooltipVisible?: boolean;
-  disabled?: boolean;
-  target?: Element;
+interface ToolbarContextProps extends Omit<TooltipProviderProps, "children"> {
+    tooltipId?: {
+        current: string;
+    };
 }
-
-declare const ToolbarContext: React.Context<ToolbarContextProps>;
-
-declare function TooltipProvider(props: TooltipProviderProps): JSX.Element;
-
-export { ToolbarContext };
-
-export default TooltipProvider;
+export declare const TooltipContext: React.Context<ToolbarContextProps>;
+export declare const TooltipProvider: ({ children, tooltipPosition, helpAriaLabel, focusable, tooltipVisible, disabled, target, }: TooltipProviderProps) => JSX.Element;
+export {};

package/lib/__internal__/tooltip-provider/index.js

@@ -7,9 +7,7 @@ exports.TooltipProvider = exports.TooltipContext = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _guid = _interopRequireDefault(require("../utils/helpers/guid/guid"));
+var _guid = _interopRequireDefault(require("../utils/helpers/guid"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -44,13 +42,4 @@ const TooltipProvider = ({
   }, children);
 };
 
-exports.TooltipProvider = TooltipProvider;
-TooltipProvider.propTypes = {
-  children: _propTypes.default.node.isRequired,
-  tooltipPosition: _propTypes.default.oneOf(["top", "bottom", "left", "right"]),
-  helpAriaLabel: _propTypes.default.string,
-  focusable: _propTypes.default.bool,
-  tooltipVisible: _propTypes.default.bool,
-  disabled: _propTypes.default.bool,
-  target: _propTypes.default.instanceOf(Element)
-};
+exports.TooltipProvider = TooltipProvider;

package/lib/__internal__/utils/helpers/browser/index.d.ts

@@ -1 +1,15 @@
-export { default } from "./browser";
+/**
+ * Browser provides helper methods for working with Browser behavior.
+ */
+declare const Browser: {
+    isDomAvailable: () => boolean;
+    /**
+     * Get the current window
+     */
+    getWindow: () => Window | undefined;
+    /**
+     * Get the current document
+     */
+    getDocument: () => Document | undefined;
+};
+export default Browser;

package/lib/__internal__/utils/helpers/browser/index.js

@@ -3,13 +3,38 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _browser.default;
-  }
-});
+exports.default = void 0;
+const globalNode = {
+  window,
+  document: window.document,
+  ...global
+};
+/**
+ * Browser provides helper methods for working with Browser behavior.
+ */
+
+const Browser = {
+  isDomAvailable: () => {
+    const _window = Browser.getWindow();
 
-var _browser = _interopRequireDefault(require("./browser"));
+    const _document = Browser.getDocument();
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+    return !!(typeof _window !== "undefined" && _document && _document.createElement);
+  },
+
+  /**
+   * Get the current window
+   */
+  getWindow: () => {
+    return globalNode.window;
+  },
+
+  /**
+   * Get the current document
+   */
+  getDocument: () => {
+    return globalNode.document;
+  }
+};
+var _default = Browser;
+exports.default = _default;

package/lib/__internal__/utils/helpers/browser-type-check/index.d.ts

@@ -1 +1,7 @@
-export { default, isSafari, isEdge } from "./browser-type-check";
+interface WindowInterface extends Partial<Window> {
+    chrome?: Record<string, unknown>;
+    sidebar?: Record<string, unknown>;
+}
+declare function browserTypeCheck(_window: WindowInterface): boolean;
+export declare function isSafari(navigator: Navigator): boolean;
+export default browserTypeCheck;

package/lib/__internal__/utils/helpers/browser-type-check/index.js

@@ -3,27 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _browserTypeCheck.default;
-  }
-});
-Object.defineProperty(exports, "isSafari", {
-  enumerable: true,
-  get: function () {
-    return _browserTypeCheck.isSafari;
-  }
-});
-Object.defineProperty(exports, "isEdge", {
-  enumerable: true,
-  get: function () {
-    return _browserTypeCheck.isEdge;
-  }
-});
+exports.isSafari = isSafari;
+exports.default = void 0;
 
-var _browserTypeCheck = _interopRequireWildcard(require("./browser-type-check"));
+function browserTypeCheck(_window) {
+  return Boolean(_window.chrome || _window.sidebar);
+}
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function isSafari(navigator) {
+  return navigator.vendor.includes("Apple");
+}
 
-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; }
+var _default = browserTypeCheck;
+exports.default = _default;

package/lib/__internal__/utils/helpers/events/composedPath.d.ts

@@ -1,2 +1,2 @@
-declare function _default(ev: any): any[];
+declare const _default: (ev: CustomEvent) => EventTarget[];
 export default _default;