@datarobot/design-system 28.10.0 → 29.0.0

package/cjs/alert/alert.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _faCircleCheck = require("@fortawesome/free-solid-svg-icons/faCircleCheck");
 var _faCircleInfo = require("@fortawesome/free-solid-svg-icons/faCircleInfo");
-var _faCircleXmark = require("@fortawesome/pro-solid-svg-icons/faCircleXmark");
+var _faCircleXmark = require("@fortawesome/free-solid-svg-icons/faCircleXmark");
 var _faCircleExclamation = require("@fortawesome/free-solid-svg-icons/faCircleExclamation");
 var _faBolt = require("@fortawesome/free-solid-svg-icons/faBolt");
 var _faEye = require("@fortawesome/free-solid-svg-icons/faEye");

package/cjs/closable-tabs/closable-tabs.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactDnd = require("react-dnd");
 var _reactDndHtml5Backend = require("react-dnd-html5-backend");
-var _faPlus = require("@fortawesome/pro-solid-svg-icons/faPlus");
+var _faPlus = require("@fortawesome/free-solid-svg-icons/faPlus");
 var _closableTab = require("./closable-tab");
 var _useTranslation = require("../hooks/use-translation");
 var _button = require("../button");

package/cjs/datetime-range-picker/datetime-range-picker-button.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _faArrowRight = require("@fortawesome/pro-solid-svg-icons/faArrowRight");
+var _faArrowRight = require("@fortawesome/free-solid-svg-icons/faArrowRight");
 var _fontAwesomeIcon = require("../font-awesome-icon");
 var _dropdownMenuTrigger = _interopRequireDefault(require("../dropdown-menu/dropdown-menu-trigger"));
 var _jsxRuntime = require("react/jsx-runtime");

package/cjs/datetime-range-picker/datetime-range-picker-input.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _faArrowRight = require("@fortawesome/pro-solid-svg-icons/faArrowRight");
+var _faArrowRight = require("@fortawesome/free-solid-svg-icons/faArrowRight");
 var _faCalendar = require("@fortawesome/free-regular-svg-icons/faCalendar");
 var _fontAwesomeIcon = require("../font-awesome-icon");
 var _input = require("../input");

package/cjs/export-button/export-button.d.ts

@@ -1,8 +1,10 @@
+import { IconLookup } from '@fortawesome/fontawesome-svg-core';
 import { ButtonProps } from '../button';
 type ExportButtonProps = ButtonProps & {
     onExport: () => void;
     exportText?: string;
+    icon?: IconLookup;
 };
 /** An export action indicator. */
-export declare const ExportButton: ({ onExport, isDisabled, testId, tooltipText, exportText, tooltipDocsLink, tooltipPlacement, }: ExportButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExportButton: ({ onExport, isDisabled, testId, tooltipText, exportText, tooltipDocsLink, tooltipPlacement, icon, }: ExportButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/cjs/export-button/export-button.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ExportButton = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _faArrowFromBottom = require("@fortawesome/pro-solid-svg-icons/faArrowFromBottom");
+var _faArrowUpFromBracket = require("@fortawesome/free-solid-svg-icons/faArrowUpFromBracket");
 var _button = require("../button");
 var _useTranslation = require("../hooks/use-translation");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -18,7 +18,8 @@ const ExportButton = ({
   tooltipText,
   exportText,
   tooltipDocsLink = null,
-  tooltipPlacement
+  tooltipPlacement,
+  icon = _faArrowUpFromBracket.faArrowUpFromBracket
 }) => {
   const {
     t
@@ -29,7 +30,7 @@ const ExportButton = ({
     onClick: onExport,
     isDisabled: isDisabled,
     className: "graph-export-button",
-    leftIcon: _faArrowFromBottom.faArrowFromBottom,
+    leftIcon: icon,
     testId: testId,
     "aria-label": exportText || t('Export'),
     tooltipText: tooltipText ?? t('Download information related to this visualization'),

package/cjs/floating-panel/floating-panel-dock-button.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FloatingPanelDockButton = FloatingPanelDockButton;
 var _react = _interopRequireDefault(require("react"));
-var _faThumbtackSlash = require("@fortawesome/pro-solid-svg-icons/faThumbtackSlash");
+var _faThumbtackSlash = require("@fortawesome/free-solid-svg-icons/faThumbtackSlash");
 var _faThumbtack = require("@fortawesome/free-solid-svg-icons/faThumbtack");
 var _button = require("../button");
 var _hooks = require("../hooks");

package/cjs/floating-panel/floating-panel-drag-handle.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+import { IconLookup } from '@fortawesome/fontawesome-svg-core';
 export type FloatingPanelDragHandleProps = {
-    children?: React.ReactNode;
+    dragIcon: IconLookup;
 };
-export declare function FloatingPanelDragHandle({ children, }: FloatingPanelDragHandleProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatingPanelDragHandle({ dragIcon, }: FloatingPanelDragHandleProps): import("react/jsx-runtime").JSX.Element;

package/cjs/floating-panel/floating-panel-drag-handle.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FloatingPanelDragHandle = FloatingPanelDragHandle;
 var _react = _interopRequireWildcard(require("react"));
-var _faGripDotsVertical = require("@fortawesome/pro-solid-svg-icons/faGripDotsVertical");
 var _fontAwesomeIcon = require("../font-awesome-icon");
 var _hooks = require("../hooks");
 var _constants = require("./constants");
@@ -13,10 +12,10 @@ var _draggableArea = require("./draggable-area");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function FloatingPanelDragHandle({
-  children
+  dragIcon
 }) {
-  const content = children || /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontAwesomeIcon.FontAwesomeIcon, {
-    icon: _faGripDotsVertical.faGripDotsVertical
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontAwesomeIcon.FontAwesomeIcon, {
+    icon: dragIcon
   });
   const {
     t

package/cjs/floating-panel/floating-panel-header.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { IconLookup } from '@fortawesome/fontawesome-svg-core';
 import type { PanelState } from './types';
 type FloatingPanelHeaderProps = {
     onClose: (State: PanelState) => void;
@@ -6,6 +7,7 @@ type FloatingPanelHeaderProps = {
     setIsDocked: (docked: boolean) => void;
     actions?: React.ReactNode;
     getPosition: () => PanelState;
+    dragIcon: IconLookup;
 };
 export declare const FloatingPanelHeader: React.ForwardRefExoticComponent<FloatingPanelHeaderProps & React.RefAttributes<HTMLElement>>;
 export {};

package/cjs/floating-panel/floating-panel-header.js

@@ -18,7 +18,8 @@ const FloatingPanelHeader = exports.FloatingPanelHeader = /*#__PURE__*/(0, _reac
   onClose,
   isDocked,
   setIsDocked,
-  getPosition
+  getPosition,
+  dragIcon
 }, ref) => {
   const {
     t
@@ -26,7 +27,9 @@ const FloatingPanelHeader = exports.FloatingPanelHeader = /*#__PURE__*/(0, _reac
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("header", {
     ref: ref,
     className: "floating-panel-header",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingPanelDragHandle.FloatingPanelDragHandle, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingPanelDragHandle.FloatingPanelDragHandle, {
+      dragIcon: dragIcon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "actions",
       children: [actions, /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingPanelDockButton.FloatingPanelDockButton, {
         isDocked: isDocked,

package/cjs/floating-panel/floating-panel.d.ts

@@ -1,5 +1,6 @@
 import React, { Dispatch, SetStateAction } from 'react';
 import { Modifier, Placement } from '@popperjs/core';
+import { IconLookup } from '@fortawesome/fontawesome-svg-core';
 import './floating-panel.less';
 import type { ElementReference, PanelState } from './types';
 export type FloatingPanelProps = {
@@ -56,6 +57,10 @@ export type FloatingPanelProps = {
      * Aria label for the floating panel
      */
     ariaLabel?: string;
+    /**
+     * Font awesome component for the drag handle
+     */
+    dragIcon?: IconLookup;
 };
 /**
  * Floating panel
@@ -63,4 +68,4 @@ export type FloatingPanelProps = {
  * @uxr-only-supported
  * @alpine-light-supported
  */
-export declare function FloatingPanel({ children, minHeight, minWidth, maxWidth, maxHeight, anchorEl, dockEl, pageContentEl, initialState, testId, placement, popperModifiers, onClose, actions, ...props }: FloatingPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatingPanel({ children, minHeight, minWidth, maxWidth, maxHeight, anchorEl, dockEl, pageContentEl, initialState, testId, placement, popperModifiers, onClose, actions, dragIcon, ...props }: FloatingPanelProps): import("react/jsx-runtime").JSX.Element;

package/cjs/floating-panel/floating-panel.js

@@ -8,6 +8,7 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _core = require("@popperjs/core");
+var _faGripVertical = require("@fortawesome/free-solid-svg-icons/faGripVertical");
 var _reactPopper = require("../react-popper");
 var _hooks = require("../hooks");
 var _constants = require("./constants");
@@ -40,6 +41,7 @@ function FloatingPanel({
   popperModifiers = [_reactPopper.OFFSET_MODIFIER],
   onClose = noop,
   actions,
+  dragIcon = _faGripVertical.faGripVertical,
   ...props
 }) {
   const containerElement = (0, _constants.getHtmlElement)(dockEl) || document.getElementById('floating-panel-root') || document.body;
@@ -123,7 +125,8 @@ function FloatingPanel({
         getPosition: getPosition,
         isDocked: isDocked,
         setIsDocked: setIsDocked,
-        actions: actions
+        actions: actions,
+        dragIcon: dragIcon
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         id: "floating-panel-content",
         className: "floating-panel-content",

package/cjs/inline-edit/inline-edit.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _uniqueId = _interopRequireDefault(require("lodash-es/uniqueId"));
 var _faPen = require("@fortawesome/free-solid-svg-icons/faPen");
-var _faSquareExclamation = require("@fortawesome/pro-solid-svg-icons/faSquareExclamation");
+var _faCircleXmark = require("@fortawesome/free-solid-svg-icons/faCircleXmark");
 var _faCircleNotch = require("@fortawesome/free-solid-svg-icons/faCircleNotch");
 var _fontAwesomeIcon = require("../font-awesome-icon");
 var _input = require("../input");
@@ -154,7 +154,7 @@ function InlineEdit({
     shouldDisplayControls: true,
     onSubmit: onFormSubmit,
     onCancel: handleCancel,
-    rightIcon: hasError ? _faSquareExclamation.faSquareExclamation : null,
+    rightIcon: hasError ? _faCircleXmark.faCircleXmark : null,
     iconTooltipText: isMultiline ? textareaProps.validity?.value?.toString() : inputProps.validity?.value?.toString(),
     submitAriaLabel,
     cancelAriaLabel

package/cjs/message/index.d.ts

@@ -1,3 +1,3 @@
-import { Message, MESSAGE_TYPES, MESSAGE_SIZES, MESSAGE_ICON_PLACEMENT } from './message';
+import { Message, MESSAGE_TYPES, MESSAGE_SIZES, MESSAGE_ICON_PLACEMENT, MESSAGE_ICONS } from './message';
 export type { MessageProps, MessageTypes, MessageSize, MessageIconPlacementTypes, } from './message';
-export { Message, MESSAGE_TYPES, MESSAGE_SIZES, MESSAGE_ICON_PLACEMENT };
+export { Message, MESSAGE_TYPES, MESSAGE_SIZES, MESSAGE_ICON_PLACEMENT, MESSAGE_ICONS, };

package/cjs/message/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "MESSAGE_ICONS", {
+  enumerable: true,
+  get: function () {
+    return _message.MESSAGE_ICONS;
+  }
+});
 Object.defineProperty(exports, "MESSAGE_ICON_PLACEMENT", {
   enumerable: true,
   get: function () {

package/cjs/message/message.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { IconLookup } from '@fortawesome/fontawesome-svg-core';
 import './message.less';
 import { ValueOf } from '../types';
 export declare const MESSAGE_TYPES: {
@@ -22,6 +23,19 @@ export declare const MESSAGE_SIZES: {
 export type MessageTypes = ValueOf<typeof MESSAGE_TYPES>;
 export type MessageSize = ValueOf<typeof MESSAGE_SIZES>;
 export type MessageIconPlacementTypes = ValueOf<typeof MESSAGE_ICON_PLACEMENT>;
+export declare const MESSAGE_ICONS: {
+    disabled: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    info: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    "success-info": import("@fortawesome/fontawesome-common-types").IconDefinition;
+    warning: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    error: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    success: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    "in-progress": import("@fortawesome/fontawesome-common-types").IconDefinition;
+    expired: import("@fortawesome/fontawesome-common-types").IconDefinition;
+};
+type Icons = {
+    [key: string]: IconLookup;
+};
 export type MessageProps = {
     children: ReactNode;
     className?: string;
@@ -33,10 +47,12 @@ export type MessageProps = {
     size?: MessageSize;
     id?: string;
     iconPlacement?: string;
+    icons?: Icons;
 };
 /** Simple component to show a message with an appropriate icon
  * [CAPITALIZATION] Sentence case, full sentence, end in period
  * @midnight-gray-supported
  * @alpine-light-supported
  */
-export declare function Message({ children, className, testId, type, isCentered, isStatus, size, id, iconPlacement, }: MessageProps): import("react/jsx-runtime").JSX.Element;
+export declare function Message({ children, className, testId, type, isCentered, isStatus, size, id, iconPlacement, icons, }: MessageProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/cjs/message/message.js

@@ -3,17 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MESSAGE_TYPES = exports.MESSAGE_SIZES = exports.MESSAGE_ICON_PLACEMENT = void 0;
+exports.MESSAGE_TYPES = exports.MESSAGE_SIZES = exports.MESSAGE_ICON_PLACEMENT = exports.MESSAGE_ICONS = void 0;
 exports.Message = Message;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _faBan = require("@fortawesome/free-solid-svg-icons/faBan");
 var _faCircleInfo = require("@fortawesome/free-solid-svg-icons/faCircleInfo");
 var _faCircleExclamation = require("@fortawesome/free-solid-svg-icons/faCircleExclamation");
-var _faCircleXmark = require("@fortawesome/pro-solid-svg-icons/faCircleXmark");
+var _faCircleXmark = require("@fortawesome/free-solid-svg-icons/faCircleXmark");
 var _faCircleCheck = require("@fortawesome/free-solid-svg-icons/faCircleCheck");
 var _faCircleNotch = require("@fortawesome/free-solid-svg-icons/faCircleNotch");
-var _faCircleExclamationCheck = require("@fortawesome/pro-solid-svg-icons/faCircleExclamationCheck");
 var _fontAwesomeIcon = require("../font-awesome-icon");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -35,52 +34,63 @@ const MESSAGE_SIZES = exports.MESSAGE_SIZES = {
   SM: 'sm',
   MD: 'md'
 };
-function getMessageConfig(type) {
+const MESSAGE_ICONS = exports.MESSAGE_ICONS = {
+  [MESSAGE_TYPES.DISABLED]: _faBan.faBan,
+  [MESSAGE_TYPES.INFO]: _faCircleInfo.faCircleInfo,
+  [MESSAGE_TYPES.SUCCESS_INFO]: _faCircleCheck.faCircleCheck,
+  [MESSAGE_TYPES.WARNING]: _faCircleExclamation.faCircleExclamation,
+  [MESSAGE_TYPES.ERROR]: _faCircleXmark.faCircleXmark,
+  [MESSAGE_TYPES.SUCCESS]: _faCircleCheck.faCircleCheck,
+  [MESSAGE_TYPES.IN_PROGRESS]: _faCircleNotch.faCircleNotch,
+  [MESSAGE_TYPES.EXPIRED]: _faCircleExclamation.faCircleExclamation
+};
+function getMessageConfig(icons, type) {
+  const icon = type ? icons[type] : icons[MESSAGE_TYPES.INFO];
   switch (type) {
     case MESSAGE_TYPES.DISABLED:
       return {
-        icon: _faBan.faBan,
+        icon,
         className: 'disabled'
       };
     case MESSAGE_TYPES.INFO:
       return {
-        icon: _faCircleInfo.faCircleInfo,
+        icon,
         className: 'info'
       };
     case MESSAGE_TYPES.SUCCESS_INFO:
       return {
-        icon: _faCircleCheck.faCircleCheck,
+        icon,
         className: 'info'
       };
     case MESSAGE_TYPES.WARNING:
       return {
-        icon: _faCircleExclamation.faCircleExclamation,
+        icon,
         className: 'warning'
       };
     case MESSAGE_TYPES.ERROR:
       return {
-        icon: _faCircleXmark.faCircleXmark,
+        icon,
         className: 'error',
         role: 'alert'
       };
     case MESSAGE_TYPES.SUCCESS:
       return {
-        icon: _faCircleCheck.faCircleCheck,
+        icon,
         className: 'success'
       };
     case MESSAGE_TYPES.IN_PROGRESS:
       return {
-        icon: _faCircleNotch.faCircleNotch,
+        icon,
         className: 'in-progress'
       };
     case MESSAGE_TYPES.EXPIRED:
       return {
-        icon: _faCircleExclamationCheck.faCircleExclamationCheck,
+        icon,
         className: 'expired'
       };
     default:
       return {
-        icon: _faCircleInfo.faCircleInfo,
+        icon,
         className: 'info'
       };
   }
@@ -94,14 +104,15 @@ function Message({
   children,
   className,
   testId,
-  type,
+  type = MESSAGE_TYPES.INFO,
   isCentered = false,
   isStatus = false,
   size = 'md',
   id,
-  iconPlacement = MESSAGE_ICON_PLACEMENT.LEFT
+  iconPlacement = MESSAGE_ICON_PLACEMENT.LEFT,
+  icons = MESSAGE_ICONS
 }) {
-  const messageConfig = getMessageConfig(type);
+  const messageConfig = getMessageConfig(icons, type);
   const icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontAwesomeIcon.FontAwesomeIcon, {
     icon: messageConfig.icon,
     spin: type === MESSAGE_TYPES.IN_PROGRESS

package/cjs/notification-popup/notification-popup.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _faCircleInfo = require("@fortawesome/free-solid-svg-icons/faCircleInfo");
 var _faCircleCheck = require("@fortawesome/free-solid-svg-icons/faCircleCheck");
-var _faCircleXmark = require("@fortawesome/pro-solid-svg-icons/faCircleXmark");
+var _faCircleXmark = require("@fortawesome/free-solid-svg-icons/faCircleXmark");
 var _faCircleExclamation = require("@fortawesome/free-solid-svg-icons/faCircleExclamation");
 var _faXmark = require("@fortawesome/free-solid-svg-icons/faXmark");
 var _button = require("../button");

package/cjs/pagination-new/pagination-new.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _uniqueId = _interopRequireDefault(require("lodash-es/uniqueId"));
-var _faChevronLeft = require("@fortawesome/pro-solid-svg-icons/faChevronLeft");
-var _faChevronRight = require("@fortawesome/pro-solid-svg-icons/faChevronRight");
+var _faChevronLeft = require("@fortawesome/free-solid-svg-icons/faChevronLeft");
+var _faChevronRight = require("@fortawesome/free-solid-svg-icons/faChevronRight");
 var _pagesButtons = require("./pages-buttons");
 var _button = require("../button");
 var _dropdownMenu = require("../dropdown-menu");

package/cjs/scheduler/button-switcher.d.ts

@@ -1,3 +1,4 @@
+import { IconLookup } from '@fortawesome/fontawesome-svg-core';
 import { SimpleSchedulerModalTexts } from './constants';
 export type ButtonSwitcherProps = {
     showAdvancedScheduler: boolean;
@@ -9,5 +10,6 @@ export type ButtonSwitcherProps = {
     isDisabled?: boolean;
     switchToSimpleTriggerId?: string;
     switchToAdvancedTriggerId?: string;
+    icon: IconLookup;
 };
-export declare function ButtonSwitcher({ showAdvancedScheduler, advancedSchedulerToggleButtonText, onUseAdvancedScheduler, simpleSchedulerModalTexts, simpleSchedulerToggleButtonText, onUseSimpleScheduler, isDisabled, switchToSimpleTriggerId, switchToAdvancedTriggerId, }: ButtonSwitcherProps): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonSwitcher({ showAdvancedScheduler, advancedSchedulerToggleButtonText, onUseAdvancedScheduler, simpleSchedulerModalTexts, simpleSchedulerToggleButtonText, onUseSimpleScheduler, isDisabled, switchToSimpleTriggerId, switchToAdvancedTriggerId, icon, }: ButtonSwitcherProps): import("react/jsx-runtime").JSX.Element;

package/cjs/scheduler/button-switcher.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ButtonSwitcher = ButtonSwitcher;
 var _react = _interopRequireWildcard(require("react"));
-var _faGear = require("@fortawesome/free-solid-svg-icons/faGear");
-var _faSlidersHSquare = require("@fortawesome/pro-solid-svg-icons/faSlidersHSquare");
 var _button = require("../button");
 var _modal = require("../modal");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -20,7 +18,8 @@ function ButtonSwitcher({
   onUseSimpleScheduler,
   isDisabled = false,
   switchToSimpleTriggerId = 'switch-to-simple-scheduler-container',
-  switchToAdvancedTriggerId = 'switch-to-advanced-scheduler-container'
+  switchToAdvancedTriggerId = 'switch-to-advanced-scheduler-container',
+  icon
 }) {
   const [showUseSimpleSchedulerAlert, setShowUseSimpleSchedulerAlert] = (0, _react.useState)(false);
   if (showAdvancedScheduler) {
@@ -30,7 +29,7 @@ function ButtonSwitcher({
         id: switchToSimpleTriggerId,
         className: "margin-top-2",
         accentType: _button.ACCENT_TYPES.COMMAND,
-        leftIcon: _faSlidersHSquare.faSlidersHSquare,
+        leftIcon: icon,
         onClick: () => {
           setShowUseSimpleSchedulerAlert(true);
         },
@@ -64,7 +63,7 @@ function ButtonSwitcher({
     id: switchToAdvancedTriggerId,
     className: "margin-top-2",
     accentType: _button.ACCENT_TYPES.COMMAND,
-    leftIcon: _faGear.faGear,
+    leftIcon: icon,
     onClick: onUseAdvancedScheduler,
     testId: "use-advanced-scheduler-button",
     isDisabled: isDisabled,

package/cjs/scheduler/scheduler.d.ts

@@ -1,3 +1,4 @@
+import { IconLookup } from '@fortawesome/fontawesome-svg-core';
 import { Schedule, DateItem, Months, LabelTexts, ScheduleValidity, SWITCHER_TYPES, SimpleSchedulerModalTexts, AdvancedSchedulerInfoTexts, TabTexts } from './constants';
 import { ValueOf } from '../types';
 import './scheduler.less';
@@ -25,10 +26,12 @@ export type SchedulerProps = {
     switcherType?: ValueOf<typeof SWITCHER_TYPES>;
     selectedTabKey?: string;
     tabTexts?: TabTexts;
+    advancedSchedulerSwitcherIcon?: IconLookup;
+    simpleSchedulerSwitcherIcon?: IconLookup;
 };
 /**
  * Scheduler is form for cron jobs configuration
  * @midnight-gray-supported
  * @alpine-light-supported
  */
-export declare function Scheduler({ onUpdateSchedule, initialSchedule, testId, isDisabled, frequencyOptions: frequencyOptionsParams, daysOfWeek: daysOfWeekParams, months: monthsParams, validateArrayOfRangedNumbersOrAll: validateArrayOfRangedNumbersOrAllParams, simpleSchedulerToggleButtonText: simpleSchedulerToggleButtonTextParams, advancedSchedulerToggleButtonText: advancedSchedulerToggleButtonTextParams, simpleSchedulerModalTexts: simpleSchedulerModalTextsParams, labelTexts: labelTextsParams, advancedSchedulerInfoTexts: advancedSchedulerInfoTextsParams, validationTexts: validationTextsParams, switcherType, selectedTabKey, tabTexts: tabTextsParams, }: SchedulerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Scheduler({ onUpdateSchedule, initialSchedule, testId, isDisabled, frequencyOptions: frequencyOptionsParams, daysOfWeek: daysOfWeekParams, months: monthsParams, validateArrayOfRangedNumbersOrAll: validateArrayOfRangedNumbersOrAllParams, simpleSchedulerToggleButtonText: simpleSchedulerToggleButtonTextParams, advancedSchedulerToggleButtonText: advancedSchedulerToggleButtonTextParams, simpleSchedulerModalTexts: simpleSchedulerModalTextsParams, labelTexts: labelTextsParams, advancedSchedulerInfoTexts: advancedSchedulerInfoTextsParams, validationTexts: validationTextsParams, switcherType, selectedTabKey, tabTexts: tabTextsParams, advancedSchedulerSwitcherIcon, simpleSchedulerSwitcherIcon, }: SchedulerProps): import("react/jsx-runtime").JSX.Element;

package/cjs/scheduler/scheduler.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.Scheduler = Scheduler;
 var _react = _interopRequireWildcard(require("react"));
 var _isEqual = _interopRequireDefault(require("lodash-es/isEqual"));
+var _faGear = require("@fortawesome/free-solid-svg-icons/faGear");
+var _faSliders = require("@fortawesome/free-solid-svg-icons/faSliders");
 var _withButtonSwitcherSchedulerContainer = require("./with-button-switcher-scheduler-container");
 var _withTabsSwitcherSchedulerContainer = require("./with-tabs-switcher-scheduler-container");
 var _constants = require("./constants");
@@ -35,7 +37,9 @@ function Scheduler({
   validationTexts: validationTextsParams,
   switcherType = _constants.SWITCHER_TYPES.BUTTON,
   selectedTabKey,
-  tabTexts: tabTextsParams
+  tabTexts: tabTextsParams,
+  advancedSchedulerSwitcherIcon = _faGear.faGear,
+  simpleSchedulerSwitcherIcon = _faSliders.faSliders
 }) {
   // Get translated constants from hooks
   const defaultDaysOfWeek = (0, _constants.useDaysOfWeek)();
@@ -118,7 +122,9 @@ function Scheduler({
       onUseSimpleScheduler: onUseSimpleScheduler,
       onUseAdvancedScheduler: () => {
         setShowAdvancedScheduler(true);
-      }
+      },
+      advancedSchedulerSwitcherIcon: advancedSchedulerSwitcherIcon,
+      simpleSchedulerSwitcherIcon: simpleSchedulerSwitcherIcon
     }), switcherType === _constants.SWITCHER_TYPES.TABS && /*#__PURE__*/(0, _jsxRuntime.jsx)(_withTabsSwitcherSchedulerContainer.WithTabsSwitcherSchedulerContainer, {
       onUpdateSchedule: handleUpdateSchedule,
       isDisabled: isDisabled,

package/cjs/scheduler/with-button-switcher-scheduler-container.d.ts

@@ -1,3 +1,4 @@
+import { IconLookup } from '@fortawesome/fontawesome-svg-core';
 import { SimpleSchedulerModalTexts, ContainerProps } from './constants';
 export type WithButtonSwitcherSchedulerContainerProps = ContainerProps & {
     showAdvancedScheduler: boolean;
@@ -5,5 +6,7 @@ export type WithButtonSwitcherSchedulerContainerProps = ContainerProps & {
     advancedSchedulerToggleButtonText: string;
     simpleSchedulerModalTexts: SimpleSchedulerModalTexts;
     onUseAdvancedScheduler: () => void;
+    advancedSchedulerSwitcherIcon: IconLookup;
+    simpleSchedulerSwitcherIcon: IconLookup;
 };
-export declare function WithButtonSwitcherSchedulerContainer({ showAdvancedScheduler, onUpdateSchedule, isDisabled, validationTexts, initialSchedule, schedulerKey, validateArrayOfRangedNumbersOrAll, simpleSchedulerToggleButtonText, advancedSchedulerToggleButtonText, simpleSchedulerModalTexts, advancedSchedulerInfoTexts, labelTexts, frequencyOptions, daysOfWeek, months, onUseSimpleScheduler, onUseAdvancedScheduler, }: WithButtonSwitcherSchedulerContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function WithButtonSwitcherSchedulerContainer({ showAdvancedScheduler, onUpdateSchedule, isDisabled, validationTexts, initialSchedule, schedulerKey, validateArrayOfRangedNumbersOrAll, simpleSchedulerToggleButtonText, advancedSchedulerToggleButtonText, simpleSchedulerModalTexts, advancedSchedulerInfoTexts, labelTexts, frequencyOptions, daysOfWeek, months, onUseSimpleScheduler, onUseAdvancedScheduler, advancedSchedulerSwitcherIcon, simpleSchedulerSwitcherIcon, }: WithButtonSwitcherSchedulerContainerProps): import("react/jsx-runtime").JSX.Element;

package/cjs/scheduler/with-button-switcher-scheduler-container.js

@@ -27,8 +27,11 @@ function WithButtonSwitcherSchedulerContainer({
   daysOfWeek,
   months,
   onUseSimpleScheduler,
-  onUseAdvancedScheduler
+  onUseAdvancedScheduler,
+  advancedSchedulerSwitcherIcon,
+  simpleSchedulerSwitcherIcon
 }) {
+  const switcherIcon = showAdvancedScheduler ? simpleSchedulerSwitcherIcon : advancedSchedulerSwitcherIcon;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [showAdvancedScheduler ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_advancedScheduler.AdvancedScheduler, {
       onUpdateSchedule: onUpdateSchedule,
@@ -54,7 +57,8 @@ function WithButtonSwitcherSchedulerContainer({
       simpleSchedulerModalTexts: simpleSchedulerModalTexts,
       simpleSchedulerToggleButtonText: simpleSchedulerToggleButtonText,
       onUseSimpleScheduler: onUseSimpleScheduler,
-      isDisabled: isDisabled
+      isDisabled: isDisabled,
+      icon: switcherIcon
     })]
   });
 }

package/cjs/sidebar-menu/sidebar-menu-item-edit-form.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SidebarMenuItemEditForm = SidebarMenuItemEditForm;
 var _react = _interopRequireWildcard(require("react"));
-var _faSquareExclamation = require("@fortawesome/pro-solid-svg-icons/faSquareExclamation");
+var _faCircleXmark = require("@fortawesome/free-solid-svg-icons/faCircleXmark");
 var _input = require("../input");
 var _useFocusWithin = require("../hooks/use-focus-within");
 var _formField = require("../form-field");
@@ -28,7 +28,7 @@ function SidebarMenuItemEditForm({
       type: validity?.type,
       value: hasError
     },
-    rightIcon: hasError ? _faSquareExclamation.faSquareExclamation : null
+    rightIcon: hasError ? _faCircleXmark.faCircleXmark : null
   };
   const validationValues = (0, _formField.useDefaultValidationValues)();
   const validityMessages = (0, _formField.getValidityMessages)({

package/cjs/sidebar-menu/sidebar-menu-link.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SidebarMenuLink = SidebarMenuLink;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _faExclamationSquare = require("@fortawesome/pro-solid-svg-icons/faExclamationSquare");
+var _faCircleXmark = require("@fortawesome/free-solid-svg-icons/faCircleXmark");
 var _fontAwesomeIcon = require("../font-awesome-icon");
 var _useNonNativeButtonAttrs = require("../hooks/use-non-native-button-attrs");
 var _useTranslation = require("../hooks/use-translation");
@@ -38,7 +38,7 @@ function SidebarMenuLink({
     "test-id": testId,
     tabIndex: (0, _useNonNativeButtonAttrs.getTabIndex)(isDisabled),
     children: [children, hasErrors() ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontAwesomeIcon.FontAwesomeIcon, {
-      icon: _faExclamationSquare.faExclamationSquare,
+      icon: _faCircleXmark.faCircleXmark,
       className: "sidebar-menu-link-error-icon",
       "aria-label": sectionErrorAriaLabel ?? t('Section has errors'),
       "aria-hidden": "false"

package/cjs/table-react/components/custom-cells/row-expand-cell.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RowExpandCell = RowExpandCell;
 var _react = _interopRequireWildcard(require("react"));
-var _faChevronRight = require("@fortawesome/pro-solid-svg-icons/faChevronRight");
+var _faChevronRight = require("@fortawesome/free-solid-svg-icons/faChevronRight");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _button = require("../../../button");
 var _fontAwesomeIcon = require("../../../font-awesome-icon");