carbon-react 91.1.1 → 93.0.0

package/lib/components/dialog-full-screen/dialog-full-screen.component.js

@@ -25,6 +25,8 @@ var _iconButton = _interopRequireDefault(require("../icon-button"));
 
 var _icon = _interopRequireDefault(require("../icon"));
 
+var _useResizeObserver = _interopRequireDefault(require("../../hooks/__internal__/useResizeObserver"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -51,6 +53,19 @@ const DialogFullScreen = ({
   ...rest
 }) => {
   const dialogRef = (0, _react.useRef)();
+  const headingRef = (0, _react.useRef)();
+  const [headingHeight, setHeadingHeight] = (0, _react.useState)(101);
+
+  const updateheadingHeight = () => {
+    setHeadingHeight(headingRef.current.offsetHeight);
+  };
+
+  (0, _react.useEffect)(() => {
+    if (open && headingRef.current) {
+      updateheadingHeight();
+    }
+  }, [open]);
+  (0, _useResizeObserver.default)(headingRef, updateheadingHeight, !headingRef.current);
 
   const closeIcon = () => {
     if (!showCloseIcon || !onCancel) return null;
@@ -64,7 +79,8 @@ const DialogFullScreen = ({
   };
 
   const dialogTitle = () => /*#__PURE__*/_react.default.createElement(_fullScreenHeading.default, {
-    hasContent: title
+    hasContent: title,
+    ref: headingRef
   }, typeof title === "string" ? /*#__PURE__*/_react.default.createElement(_heading.default, {
     title: title,
     titleId: "carbon-dialog-title",
@@ -95,7 +111,8 @@ const DialogFullScreen = ({
     hasHeader: title !== undefined,
     "data-element": "content",
     ref: contentRef,
-    disableContentPadding: disableContentPadding
+    disableContentPadding: disableContentPadding,
+    headingHeight: headingHeight
   }, children), closeIcon())));
 };
 

package/lib/components/drag-and-drop/__internal__/item-target/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _itemTarget.default;
+  }
+});
+
+var _itemTarget = _interopRequireDefault(require("./item-target"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/drag-and-drop/__internal__/item-types/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _itemTypes.default;
+  }
+});
+
+var _itemTypes = _interopRequireDefault(require("./item-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/drag-and-drop/draggable-context/__internal__/scrollable-parent/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _scrollableParent.default;
+  }
+});
+
+var _scrollableParent = _interopRequireDefault(require("./scrollable-parent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/{utils/helpers → components/drag-and-drop/draggable-context/__internal__}/scrollable-parent/scrollable-parent.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _browser = _interopRequireDefault(require("../browser"));
+var _browser = _interopRequireDefault(require("../../../../../__internal__/utils/helpers/browser"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/components/drag-and-drop/draggable-context/draggable-context.js

@@ -15,15 +15,15 @@ var _reactDndTouchBackend = _interopRequireDefault(require("react-dnd-touch-back
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
-var _itemTarget = _interopRequireDefault(require("../../../utils/helpers/dnd/item-target"));
+var _itemTarget = _interopRequireDefault(require("../__internal__/item-target"));
 
 var _customDragLayer = _interopRequireDefault(require("../custom-drag-layer"));
 
-var _browser = _interopRequireDefault(require("../../../utils/helpers/browser"));
+var _browser = _interopRequireDefault(require("../../../__internal__/utils/helpers/browser"));
 
-var _scrollableParent = _interopRequireDefault(require("../../../utils/helpers/scrollable-parent"));
+var _scrollableParent = _interopRequireDefault(require("./__internal__/scrollable-parent"));
 
-var _logger = _interopRequireDefault(require("../../../utils/logger/logger"));
+var _logger = _interopRequireDefault(require("../../../__internal__/utils/logger"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/components/drag-and-drop/with-drag/with-drag.js

@@ -11,9 +11,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _reactDndLegacy = require("react-dnd-legacy");
 
-var _itemTypes = _interopRequireDefault(require("../../../utils/helpers/dnd/item-types"));
+var _itemTypes = _interopRequireDefault(require("../__internal__/item-types"));
 
-var _browser = _interopRequireDefault(require("../../../utils/helpers/browser"));
+var _browser = _interopRequireDefault(require("../../../__internal__/utils/helpers/browser"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/components/drag-and-drop/with-drop/with-drop.js

@@ -11,9 +11,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _reactDndLegacy = require("react-dnd-legacy");
 
-var _itemTypes = _interopRequireDefault(require("../../../utils/helpers/dnd/item-types"));
+var _itemTypes = _interopRequireDefault(require("../__internal__/item-types"));
 
-var _text = _interopRequireDefault(require("../../../utils/helpers/text"));
+var _browser = _interopRequireDefault(require("../../../__internal__/utils/helpers/browser"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -178,14 +178,19 @@ const ItemTarget = {
 
   hover(props, monitor, component) {
     if (!monitor.canDrop()) return false;
-
-    _text.default.clearSelection();
-
+    clearSelection();
     const hover = props.hover || component.context.dragAndDropHover;
     return hover(props, monitor, component);
   }
 
-}; // eslint-disable-next-line no-class-assign
+};
+
+function clearSelection() {
+  const window = _browser.default.getWindow();
+
+  window.getSelection().removeAllRanges();
+} // eslint-disable-next-line no-class-assign
+
 
 WithDrop = (0, _reactDndLegacy.DropTarget)(_itemTypes.default.getItemType, ItemTarget, (connect, monitor) => ({
   isOver: monitor.isOver(),

package/lib/components/drawer/drawer.component.js

@@ -13,7 +13,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _invariant = _interopRequireDefault(require("invariant"));
 
-var _guid = _interopRequireDefault(require("../../utils/helpers/guid/guid"));
+var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
 
 var _icon = _interopRequireDefault(require("../icon"));
 

package/lib/components/duelling-picklist/picklist/picklist.component.js

@@ -15,7 +15,7 @@ var _picklist = require("./picklist.style");
 
 var _duellingPicklist = _interopRequireDefault(require("../duelling-picklist.context"));
 
-var _events = _interopRequireDefault(require("../../../utils/helpers/events"));
+var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
 
 var _picklistGroup = _interopRequireDefault(require("../picklist-group/picklist-group.component"));
 

package/lib/components/duelling-picklist/picklist-group/picklist-group.component.js

@@ -15,7 +15,7 @@ var _picklistGroup = require("./picklist-group.style");
 
 var _duellingPicklist = _interopRequireDefault(require("../duelling-picklist.context"));
 
-var _events = _interopRequireDefault(require("../../../utils/helpers/events/events"));
+var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/components/duelling-picklist/picklist-item/picklist-item.component.js

@@ -15,7 +15,7 @@ var _picklistItem = require("./picklist-item.style");
 
 var _duellingPicklist = _interopRequireDefault(require("../duelling-picklist.context"));
 
-var _events = _interopRequireDefault(require("../../../utils/helpers/events"));
+var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/components/fieldset/fieldset.component.js

@@ -11,9 +11,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
 
-var _ether = require("../../utils/ether/ether");
+var _ether = require("../../__internal__/utils/ether");
 
-var _tags = _interopRequireDefault(require("../../utils/helpers/tags/tags"));
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
 var _utils = require("../../style/utils");
 

package/lib/components/flat-table/flat-table-row/flat-table-row.component.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _events = _interopRequireDefault(require("../../../utils/helpers/events"));
+var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
 
 var _flatTableRow = _interopRequireDefault(require("./flat-table-row.style"));
 

package/lib/components/flat-table/sort/sort.component.js

@@ -9,13 +9,13 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _events = _interopRequireDefault(require("../../../utils/helpers/events/events"));
+var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
 
 var _icon = _interopRequireDefault(require("../../icon"));
 
 var _sort = require("./sort.style");
 
-var _guid = _interopRequireDefault(require("../../../utils/helpers/guid"));
+var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/components/form/form.component.js

@@ -9,12 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _throttle = _interopRequireDefault(require("lodash/throttle"));
-
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
 
-var _useResizeObserver = _interopRequireDefault(require("../../hooks/__internal__/useResizeObserver"));
-
 var _formSummary = _interopRequireDefault(require("./__internal__/form-summary.component"));
 
 var _form = require("./form.style");
@@ -29,8 +25,6 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const SCROLL_THROTTLE = 50;
-
 const Form = ({
   children,
   saveButton,
@@ -44,65 +38,32 @@ const Form = ({
   dialogRef,
   fieldSpacing = 3,
   noValidate = true,
+  height,
   ...rest
 }) => {
-  const [isFooterSticky, setIsFooterSticky] = (0, _react.useState)(false);
   const {
     isInSidebar
   } = (0, _react.useContext)(_sidebar.SidebarContext);
   const formRef = (0, _react.useRef)();
   const formFooterRef = (0, _react.useRef)();
-  const stickyListenersAddedRef = (0, _react.useRef)(false);
-  const checkStickyFooter = (0, _react.useCallback)((0, _throttle.default)(() => {
-    const {
-      bottom
-    } = formRef.current.getBoundingClientRect();
-    let isBottomBelowScreen;
-
-    if (dialogRef) {
-      isBottomBelowScreen = bottom > dialogRef.current.getBoundingClientRect().bottom;
-    } else {
-      isBottomBelowScreen = bottom > window.innerHeight;
-    }
-
-    if (isBottomBelowScreen) {
-      setIsFooterSticky(true);
-    } else {
-      setIsFooterSticky(false);
-    }
-  }, SCROLL_THROTTLE), []);
-  (0, _useResizeObserver.default)(formRef, checkStickyFooter, !stickyFooter);
-  const addStickyFooterListeners = (0, _react.useCallback)(() => {
-    window.addEventListener("resize", checkStickyFooter, true);
-    window.addEventListener("scroll", checkStickyFooter, true);
-    stickyListenersAddedRef.current = true;
-  }, [checkStickyFooter]);
-  const removeStickyFooterListeners = (0, _react.useCallback)(() => {
-    window.removeEventListener("resize", checkStickyFooter, true);
-    window.removeEventListener("scroll", checkStickyFooter, true);
-    stickyListenersAddedRef.current = false;
-  }, [checkStickyFooter]);
-  (0, _react.useEffect)(() => {
-    if (stickyFooter && !stickyListenersAddedRef.current) {
-      addStickyFooterListeners();
-      checkStickyFooter();
-    }
-
-    return () => removeStickyFooterListeners();
-  }, [addStickyFooterListeners, checkStickyFooter, removeStickyFooterListeners, stickyFooter]);
   return /*#__PURE__*/_react.default.createElement(_form.StyledForm, _extends({
     ref: formRef,
-    stickyFooter: stickyFooter && isFooterSticky,
+    stickyFooter: stickyFooter,
     onSubmit: onSubmit,
     "data-component": "form",
     fieldSpacing: fieldSpacing,
     noValidate: noValidate,
-    isInSidebar: isInSidebar
-  }, rest), children, /*#__PURE__*/_react.default.createElement(_form.StyledFormFooter, {
+    isInSidebar: isInSidebar,
+    height: height
+  }, rest), /*#__PURE__*/_react.default.createElement(_form.StyledFormContent, {
+    "data-element": "form-content",
+    stickyFooter: stickyFooter,
+    className: stickyFooter ? "sticky" : ""
+  }, children), /*#__PURE__*/_react.default.createElement(_form.StyledFormFooter, {
     "data-element": "form-footer",
-    className: isFooterSticky ? "sticky" : "",
+    className: stickyFooter ? "sticky" : "",
     ref: formFooterRef,
-    stickyFooter: isFooterSticky,
+    stickyFooter: stickyFooter,
     buttonAlignment: buttonAlignment
   }, leftSideButtons && /*#__PURE__*/_react.default.createElement(_form.StyledLeftButtons, {
     buttonAlignment: buttonAlignment
@@ -156,7 +117,10 @@ Form.propTypes = { ..._propTypes2.default.space,
    */
   dialogRef: _propTypes.default.shape({
     current: _propTypes.default.any
-  })
+  }),
+
+  /** Height of the form (any valid CSS value) */
+  height: _propTypes.default.string
 };
 var _default = Form;
 exports.default = _default;

package/lib/components/form/form.d.ts

@@ -24,6 +24,8 @@ export interface FormProps extends SpaceProps {
   stickyFooter?: boolean;
   /** The total number of warnings present in the form */
   warningCount?: number;
+  /** Height of the form (any valid CSS value) */
+  height?: string;
 }
 
 declare function Form(props: FormProps): JSX.Element;

package/lib/components/form/form.style.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledLeftButtons = exports.StyledRightButtons = exports.StyledForm = exports.StyledFormFooter = void 0;
+exports.StyledLeftButtons = exports.StyledRightButtons = exports.StyledForm = exports.StyledFormFooter = exports.StyledFormContent = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
@@ -33,12 +33,18 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 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; }
 
-const FormButtonAnimation = (0, _styledComponents.keyframes)`
-  0%   { transform: translateY(50px); }
-  100% { transform: translateY(0px); }
+const StyledFormContent = _styledComponents.default.div`
+  ${({
+  stickyFooter
+}) => (0, _styledComponents.css)`
+    ${stickyFooter && (0, _styledComponents.css)`
+      overflow-y: auto;
+      height: calc(100vh - 72px);
+    `}
+  `}
 `;
+exports.StyledFormContent = StyledFormContent;
 const StyledFormFooter = _styledComponents.default.div`
-  margin-top: 48px;
   align-items: center;
   display: flex;
 
@@ -52,15 +58,15 @@ const StyledFormFooter = _styledComponents.default.div`
   stickyFooter,
   theme
 }) => (0, _styledComponents.css)`
+    ${!stickyFooter && (0, _styledComponents.css)`
+      margin-top: 48px;
+    `}
+
     ${stickyFooter && (0, _styledComponents.css)`
-      animation: ${FormButtonAnimation} 0.25s ease;
       background-color: ${theme.colors.white};
       box-shadow: 0 -4px 12px 0 rgba(0, 0, 0, 0.05);
       box-sizing: border-box;
       padding: 16px 32px;
-      bottom: 0;
-      left: 0;
-      position: fixed;
       width: 100%;
       z-index: 1000;
     `}
@@ -70,6 +76,12 @@ exports.StyledFormFooter = StyledFormFooter;
 const StyledForm = _styledComponents.default.form`
   ${_styledSystem.space}
 
+  ${({
+  height
+}) => height && (0, _styledComponents.css)`
+      height: ${height};
+    `}
+
   & ${_formField.default}, ${_fieldset.StyledFieldset}, ${_fieldset2.FieldsetStyle}, > ${_button.default} {
     margin-top: 0;
     margin-bottom: ${({
@@ -95,16 +107,29 @@ const StyledForm = _styledComponents.default.form`
 
   ${({
   stickyFooter,
-  isInSidebar
+  isInSidebar,
+  theme
 }) => stickyFooter && (0, _styledComponents.css)`
-      padding-bottom: 88px;
+      display: flex;
+      flex-direction: column;
 
       ${isInSidebar && (0, _styledComponents.css)`
-        // important keyword is needed because original style is provided in inline style mode
-        position: static !important;
+        ${StyledFormContent}.sticky {
+          height: calc(100vh - 184px);
+          padding-right: ${theme.space[4]}px;
+          padding-left: ${theme.space[4]}px;
+          padding-top: 27px;
+          margin-right: -${theme.space[4]}px;
+          margin-left: -${theme.space[4]}px;
+          margin-top: -27px;
+        }
 
-        ${StyledFormFooter} {
-          position: absolute;
+        ${StyledFormFooter}.sticky {
+          margin-left: -${theme.space[4]}px;
+          margin-bottom: -${theme.space[4]}px;
+          width: calc(100% + ${2 * theme.space[4]}px);
+          padding-left: ${theme.space[4]}px;
+          padding-right: ${theme.space[4]}px;
         }
       `}
     `}

package/lib/components/heading/heading.component.js

@@ -13,7 +13,7 @@ var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
 
 var _utils = require("../../style/utils");
 
-var _tags = _interopRequireDefault(require("../../utils/helpers/tags"));
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
 var _heading = require("./heading.style");
 

package/lib/components/help/help.component.js

@@ -13,11 +13,11 @@ var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
 
 var _icon = _interopRequireDefault(require("../icon"));
 
-var _tags = _interopRequireDefault(require("../../utils/helpers/tags"));
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
 var _help = _interopRequireDefault(require("./help.style"));
 
-var _events = _interopRequireDefault(require("../../utils/helpers/events/events"));
+var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 
 var _utils = require("../../style/utils");
 

package/lib/components/i18n-provider/i18n-provider.d.ts

@@ -3,7 +3,7 @@ import * as React from "react";
 import Locale from "../../locales";
 
 export interface I18nProviderProps {
-  locale: Locale;
+  locale: Partial<Locale>;
   children: React.ReactNode;
 }
 

package/lib/components/icon/icon.component.js

@@ -11,7 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
 
-var _tags = _interopRequireDefault(require("../../utils/helpers/tags"));
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
 var _icon = _interopRequireDefault(require("./icon.style"));
 
@@ -19,7 +19,7 @@ var _tooltip = _interopRequireDefault(require("../tooltip"));
 
 var _utils = require("../../style/utils");
 
-var _logger = _interopRequireDefault(require("../../utils/logger"));
+var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 
 var _iconConfig = require("./icon-config");
 
@@ -144,7 +144,11 @@ Icon.propTypes = { ...marginPropTypes,
    * */
   className: _propTypes.default.string,
 
-  /** Icon type */
+  /**
+   * Icon type.
+   *
+   * The full list of types can be seen [here](https://github.com/Sage/carbon/blob/master/src/components/icon/icon-config.js).
+   * */
   type: _propTypes.default.string.isRequired,
 
   /** Background size */
@@ -189,7 +193,10 @@ Icon.propTypes = { ...marginPropTypes,
   /** Override font color of the Tooltip, provide any color from palette or any valid css color value. */
   tooltipFontColor: _propTypes.default.string,
 
-  /** Overrides the default flip behaviour of the Tooltip, must be an array containing some or all of ["top", "bottom", "left", "right"] (see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements) */
+  /** Overrides the default flip behaviour of the Tooltip, must be an array containing some or all of ["top", "bottom", "left", "right"].
+   *
+   *  See the Popper [documentation](https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements) for more information
+   * */
   tooltipFlipOverrides: (props, propName) => {
     const prop = props[propName];
     const isValid = prop && Array.isArray(prop) && prop.every(placement => _iconConfig.ICON_TOOLTIP_POSITIONS.includes(placement));

package/lib/components/icon/icon.d.ts

@@ -180,6 +180,7 @@ export type IconType =
   | "refresh"
   | "refresh_clock"
   | "remove"
+  | "sage_coin"
   | "save"
   | "scan"
   | "search"

package/lib/components/icon/icon.style.js

@@ -21,7 +21,7 @@ var _palette = _interopRequireDefault(require("../../style/palette"));
 
 var _iconConfig = _interopRequireWildcard(require("./icon-config"));
 
-var _browserTypeCheck = _interopRequireWildcard(require("../../utils/helpers/browser-type-check"));
+var _browserTypeCheck = _interopRequireWildcard(require("../../__internal__/utils/helpers/browser-type-check"));
 
 var _color = _interopRequireDefault(require("../../style/utils/color"));
 

package/lib/components/icon-button/icon-button.component.js

@@ -11,7 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
 
-var _events = _interopRequireDefault(require("../../utils/helpers/events"));
+var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 
 var _iconButton = _interopRequireDefault(require("./icon-button.style"));
 

package/lib/components/inline-inputs/inline-inputs.component.js

@@ -15,7 +15,7 @@ var _label = _interopRequireDefault(require("../../__internal__/label"));
 
 var _inlineInputs = _interopRequireDefault(require("./inline-inputs.style"));
 
-var _guid = _interopRequireDefault(require("../../utils/helpers/guid"));
+var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/components/link/link.component.js

@@ -11,11 +11,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _icon = _interopRequireDefault(require("../icon"));
 
-var _events = _interopRequireDefault(require("../../utils/helpers/events"));
+var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 
 var _link = require("./link.style");
 
-var _tags = _interopRequireDefault(require("../../utils/helpers/tags"));
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/components/loader/loader.component.js

@@ -11,7 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
 
-var _tags = _interopRequireDefault(require("../../utils/helpers/tags"));
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
 var _loader = _interopRequireDefault(require("./loader.style"));
 

package/lib/components/loader-bar/loader-bar.component.js

@@ -11,7 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
 
-var _tags = _interopRequireDefault(require("../../utils/helpers/tags"));
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
 var _loaderBar = _interopRequireWildcard(require("./loader-bar.style"));