carbon-react 152.2.0 → 153.0.0-beta.1

package/lib/components/dialog/dialog.config.d.ts

@@ -1,2 +1,2 @@
 export declare const DIALOG_SIZES: readonly ["auto", "extra-small", "small", "medium-small", "medium", "medium-large", "large", "extra-large", "maximise"];
-export declare type DialogSizes = (typeof DIALOG_SIZES)[number];
+export type DialogSizes = (typeof DIALOG_SIZES)[number];

package/lib/components/dialog/dialog.style.d.ts

@@ -4,7 +4,7 @@ declare const StyledDialog: import("styled-components").StyledComponent<"div", a
     dialogHeight?: string | undefined;
     backgroundColor: string;
 } & ContentPaddingInterface, never>;
-declare type StyledDialogTitleProps = {
+type StyledDialogTitleProps = {
     showCloseIcon?: boolean;
     hasSubtitle?: boolean;
 };

package/lib/components/dialog-full-screen/content.style.d.ts

@@ -1,4 +1,4 @@
-declare type StyledContentProps = {
+type StyledContentProps = {
     hasHeader: boolean;
     disableContentPadding?: boolean;
 };

package/lib/components/dialog-full-screen/content.style.js

@@ -8,7 +8,12 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _form = require("../form/form.style");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function computePadding() {
+function computePadding({
+  disableContentPadding
+}) {
+  if (disableContentPadding) {
+    return "padding: 0;";
+  }
   return (0, _styledComponents.css)`
     padding: 0 16px;
     @media screen and (min-width: 600px) {
@@ -30,9 +35,7 @@ const StyledContent = _styledComponents.default.div`
   flex: 1;
   width: 100%;
 
-  ${({
-  disableContentPadding
-}) => disableContentPadding ? "padding: 0" : computePadding()}
+  ${computePadding}
 
   &:has(${_form.StyledForm}.sticky) {
     display: flex;
@@ -42,9 +45,7 @@ const StyledContent = _styledComponents.default.div`
 
     ${_form.StyledForm}.sticky {
       ${_form.StyledFormContent} {
-        ${({
-  disableContentPadding
-}) => disableContentPadding ? "padding: 0" : computePadding()}
+        ${computePadding}
       }
     }
   }

package/lib/components/duelling-picklist/__internal__/duelling-picklist.context.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare type FocusContextType = {
+export type FocusContextType = {
     setElementToFocus: (itemIndex?: number, listIndex?: number, groupIndex?: number) => void;
     elementToFocus: {
         itemIndex?: number;

package/lib/components/duelling-picklist/picklist-divider/picklist-divider.component.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { StyledComponentProps } from "styled-components";
-export declare type PicklistDividerProps = StyledComponentProps<"div", Record<string, unknown>, Record<string, unknown>, "">;
+export type PicklistDividerProps = StyledComponentProps<"div", Record<string, unknown>, Record<string, unknown>, "">;
 declare const PicklistDivider: (props: PicklistDividerProps) => React.JSX.Element;
 export default PicklistDivider;

package/lib/components/duelling-picklist/picklist-group/picklist-group.style.d.ts

@@ -6,7 +6,7 @@ declare const StyledGroupWrapper: import("styled-components").StyledComponent<"l
 }, never>;
 declare const StyledPicklistGroupUl: import("styled-components").StyledComponent<"ul", any, {}, never>;
 declare const StyledPicklistGroup: import("styled-components").StyledComponent<"li", any, {}, never>;
-declare const StyledGroupButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {
+declare const StyledGroupButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../button").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, {
     onMouseEnter: (e: React.MouseEvent<HTMLButtonElement>) => void;
     onMouseLeave: (e: React.MouseEvent<HTMLButtonElement>) => void;
     iconType: PicklistGroupProps["type"];

package/lib/components/duelling-picklist/picklist-item/picklist-item.component.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare type Item = Record<string, unknown> | string | number;
+type Item = Record<string, unknown> | string | number;
 export interface PicklistItemProps {
     /** Item content */
     children: React.ReactNode;

package/lib/components/duelling-picklist/picklist-item/picklist-item.style.d.ts

@@ -2,6 +2,6 @@
 declare const StyledPicklistItem: import("styled-components").StyledComponent<"li", any, {
     locked?: boolean | undefined;
 }, never>;
-declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../button").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, {}, never>;
 declare const StyledLockIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 export { StyledPicklistItem, StyledButton, StyledLockIcon };

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

@@ -8,8 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
 var _fieldset = require("./fieldset.style");
 var _newValidation = _interopRequireDefault(require("../carbon-provider/__internal__/new-validation.context"));
-var _formSpacingProvider = _interopRequireDefault(require("../../__internal__/form-spacing-provider"));
-var _useFormSpacing = _interopRequireDefault(require("../../hooks/__internal__/useFormSpacing"));
+var _utils = require("../../style/utils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -22,7 +21,7 @@ const Fieldset = ({
   ...rest
 }) => {
   const [ref, setRef] = (0, _react.useState)(null);
-  const marginProps = (0, _useFormSpacing.default)(rest);
+  const marginProps = (0, _utils.filterStyledSystemMarginProps)(rest);
   const {
     validationRedesignOptIn
   } = (0, _react.useContext)(_newValidation.default);
@@ -40,9 +39,7 @@ const Fieldset = ({
     "data-element": "legend",
     isRequired: required,
     isOptional: isOptional
-  }, legend), validationRedesignOptIn ? children : /*#__PURE__*/_react.default.createElement(_formSpacingProvider.default, {
-    marginBottom: undefined
-  }, children));
+  }, legend), children);
 };
 exports.Fieldset = Fieldset;
 Fieldset.displayName = "Fieldset";

package/lib/components/fieldset/fieldset.style.js

@@ -14,6 +14,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const FieldsetStyle = exports.FieldsetStyle = _styledComponents.default.fieldset`
   margin: 0;
+  margin-bottom: var(--fieldSpacing);
   ${_styledSystem.margin}
   border: none;
   padding: 0;
@@ -21,6 +22,10 @@ const FieldsetStyle = exports.FieldsetStyle = _styledComponents.default.fieldset
   ${({
   newValidation
 }) => !newValidation && (0, _styledComponents.css)`
+      & * {
+        --fieldSpacing: 0;
+      }
+
       &&&& ${_formField.default} {
         margin-top: 0;
         margin-bottom: -1px;

package/lib/components/file-input/__internal__/file-upload-status/file-upload-status.component.d.ts

@@ -30,6 +30,6 @@ interface MandatoryStatusProps {
     /** The icon to use for the file during or after upload */
     iconType?: IconType;
 }
-export declare type FileUploadStatusProps = MandatoryStatusProps & (StatusUploadingProps | StatusErrorProps | StatusDoneProps);
+export type FileUploadStatusProps = MandatoryStatusProps & (StatusUploadingProps | StatusErrorProps | StatusDoneProps);
 export declare const FileUploadStatus: ({ status, filename, message, onAction, iconType, ...statusProps }: FileUploadStatusProps) => React.JSX.Element;
 export default FileUploadStatus;

package/lib/components/flat-table/index.d.ts

@@ -8,8 +8,8 @@ export { default as FlatTableCell } from "./flat-table-cell/flat-table-cell.comp
 export { default as FlatTableCheckbox } from "./flat-table-checkbox/flat-table-checkbox.component";
 export { default as FlatTableBodyDraggable } from "./flat-table-body-draggable/flat-table-body-draggable.component";
 export { default as Sort } from "./sort/sort.component";
-export declare type TableBorderSize = "small" | "medium" | "large";
-export declare type TableCellAlign = "left" | "center" | "right";
+export type TableBorderSize = "small" | "medium" | "large";
+export type TableCellAlign = "left" | "center" | "right";
 export type { FlatTableProps } from "./flat-table.component";
 export type { FlatTableHeadProps } from "./flat-table-head";
 export type { FlatTableHeaderProps } from "./flat-table-header";

package/lib/components/form/__internal__/form-summary.style.d.ts

@@ -1,10 +1,10 @@
-declare type StyledFormSummaryProps = {
+type StyledFormSummaryProps = {
     showSummary?: boolean;
     fullWidth?: boolean;
 };
 export declare const StyledFormSummary: import("styled-components").StyledComponent<"div", any, StyledFormSummaryProps, never>;
 export declare const StyledMessagePrefix: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare type StyledInternalSummaryProps = {
+export type StyledInternalSummaryProps = {
     type: "error" | "warning";
 };
 export declare const StyledInternalSummary: import("styled-components").StyledComponent<"div", any, StyledInternalSummaryProps, never>;

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

@@ -9,7 +9,6 @@ var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tag
 var _formSummary = _interopRequireDefault(require("./__internal__/form-summary.component"));
 var _form = require("./form.style");
 var _form2 = require("./form.config");
-var _formSpacingProvider = _interopRequireDefault(require("../../__internal__/form-spacing-provider"));
 var _modal = _interopRequireDefault(require("../modal/__internal__/modal.context"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -44,7 +43,6 @@ const Form = ({
     stickyFooter: stickyFooter,
     onSubmit: onSubmit,
     "data-component": "form",
-    fieldSpacing: fieldSpacing,
     noValidate: noValidate,
     height: height,
     isInModal: isInModal
@@ -53,10 +51,9 @@ const Form = ({
     "data-role": "form-content",
     stickyFooter: stickyFooter,
     tabIndex: -1,
-    isInModal: isInModal
-  }, /*#__PURE__*/_react.default.createElement(_formSpacingProvider.default, {
-    marginBottom: _form2.formSpacing[fieldSpacing]
-  }, children)), renderFooter && /*#__PURE__*/_react.default.createElement(_form.StyledFormFooter, _extends({
+    isInModal: isInModal,
+    fieldSpacing: _form2.formSpacing[fieldSpacing]
+  }, children), renderFooter && /*#__PURE__*/_react.default.createElement(_form.StyledFormFooter, _extends({
     "data-element": "form-footer",
     "data-role": "form-footer",
     ref: formFooterRef,

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

@@ -1,5 +1,5 @@
 export declare const FORM_BUTTON_ALIGNMENTS: readonly ["left", "right"];
-export declare type FormButtonAlignment = (typeof FORM_BUTTON_ALIGNMENTS)[number];
+export type FormButtonAlignment = (typeof FORM_BUTTON_ALIGNMENTS)[number];
 export declare const formSpacing: {
     0: string;
     1: string;

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

@@ -2,6 +2,7 @@ import { FormButtonAlignment } from "./form.config";
 interface StyledFormContentProps {
     stickyFooter?: boolean;
     isInModal?: boolean;
+    fieldSpacing?: string;
 }
 export declare const StyledFormContent: import("styled-components").StyledComponent<"div", any, StyledFormContentProps, never>;
 interface StyledFormFooterProps {
@@ -12,7 +13,6 @@ interface StyledFormFooterProps {
 export declare const StyledFormFooter: import("styled-components").StyledComponent<"div", any, StyledFormFooterProps, never>;
 interface StyledFormProps extends StyledFormContentProps {
     height?: string;
-    fieldSpacing: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7;
 }
 export declare const StyledForm: import("styled-components").StyledComponent<"form", any, StyledFormProps, never>;
 export declare const StyledRightButtons: import("styled-components").StyledComponent<"div", any, {

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

@@ -8,9 +8,10 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _styledSystem = require("styled-system");
 var _formField = _interopRequireDefault(require("../../__internal__/form-field/form-field.style"));
 var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _search = _interopRequireDefault(require("../search/search.style"));
-var _textarea = _interopRequireDefault(require("../textarea/textarea.style"));
-var _numeralDate = require("../numeral-date/numeral-date.style");
+var _inlineInputs = _interopRequireDefault(require("../inline-inputs/inline-inputs.style"));
+var _select = _interopRequireDefault(require("../select/select.style"));
+var _multiSelect = require("../select/multi-select/multi-select.style");
+var _switch = _interopRequireDefault(require("../switch/switch.style"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -21,6 +22,22 @@ const StyledFormContent = exports.StyledFormContent = _styledComponents.default.
       flex-grow: 1;
       min-height: 0;
       overflow-y: auto;
+    `, ({
+  fieldSpacing
+}) => fieldSpacing && (0, _styledComponents.css)`
+      --fieldSpacing: ${fieldSpacing};
+
+      ${_formField.default} {
+        margin-top: var(--spacing000);
+      }
+
+      // field spacing is also applied to form field here so we need to override
+      ${_inlineInputs.default} ${_formField.default},
+      ${_inlineInputs.default} ${_select.default},
+      ${_inlineInputs.default} ${_multiSelect.StyledSelectMultiSelect},
+      ${_switch.default} ${_formField.default} {
+        margin-bottom: var(--spacing000);
+      }
     `);
 const StyledFormFooter = exports.StyledFormFooter = _styledComponents.default.div`
   align-items: center;
@@ -73,14 +90,6 @@ const StyledForm = exports.StyledForm = _styledComponents.default.form`
       height: ${height};
     `}
 
-  // field spacing is also applied to form field here so we need to override
-  ${_search.default} ${_formField.default}, 
-  ${_textarea.default} ${_formField.default}, 
-  [data-component="time"] ${_formField.default}, 
-  ${_numeralDate.StyledNumeralDate} ${_formField.default} {
-    margin-bottom: var(--spacing000);
-  }
-
   ${({
   stickyFooter,
   isInModal

package/lib/components/grouped-character/grouped-character.component.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { TextboxProps } from "../textbox";
-declare type EventValue = {
+type EventValue = {
     formattedValue: string;
     rawValue: string;
 };
-declare type CustomTarget = {
+type CustomTarget = {
     name?: string;
     id?: string;
     value: EventValue;

package/lib/components/heading/heading.component.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
-export declare type HeadingType = "h1" | "h2" | "h3" | "h4" | "h5";
+export type HeadingType = "h1" | "h2" | "h3" | "h4" | "h5";
 export interface HeadingProps extends MarginProps, TagProps {
     /** Child elements */
     children?: React.ReactNode;

package/lib/components/heading/heading.style.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
 declare const StyledHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledHeaderContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare type StyledHeaderProps = {
+type StyledHeaderProps = {
     divider?: boolean;
     subheader?: boolean;
     hasBackLink?: boolean;
 };
 declare const StyledHeader: import("styled-components").StyledComponent<"div", any, StyledHeaderProps, never>;
 declare const StyledHeadingBackButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link").LinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, {}, never>;
-declare type StyledHeadingTitleProps = {
+type StyledHeadingTitleProps = {
     withMargin?: boolean;
 };
 declare const StyledHeadingTitle: import("styled-components").StyledComponent<{
@@ -16,7 +16,7 @@ declare const StyledHeadingTitle: import("styled-components").StyledComponent<{
     displayName: string;
 }, any, StyledHeadingTitleProps, never>;
 declare const StyledHeadingPills: import("styled-components").StyledComponent<"span", any, {}, never>;
-declare type StyledSubHeaderProps = {
+type StyledSubHeaderProps = {
     hasBackLink?: boolean;
     hasSeparator?: boolean;
 };

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

@@ -1 +1 @@
-export declare type IconType = "accessibility_web" | "add" | "admin" | "alert" | "alert_on" | "analysis" | "app_facebook" | "app_instagram" | "app_tiktok" | "app_twitter" | "app_youtube" | "apps" | "arrow" | "arrow_bottom_right_circle" | "arrow_down" | "arrow_left" | "arrow_left_boxed" | "arrow_left_right_small" | "arrow_left_small" | "arrow_right" | "arrow_right_small" | "arrow_top_left_circle" | "arrow_up" | "arrows_left_right" | "attach" | "bank" | "bank_with_card" | "basket" | "basket_with_squares" | "bed" | "bill_paid" | "bill_unpaid" | "bin" | "biometric" | "blocked" | "blocked_square" | "block_arrow_right" | "bold" | "box_arrow_left" | "box_arrow_right" | "boxed_shapes" | "bulk_destroy" | "bullet_list" | "bullet_list_dotted" | "bullet_list_numbers" | "business" | "calendar" | "calendar_pay_date" | "calendar_today" | "call" | "camera" | "car_lock" | "car_money" | "car_repair" | "card_wallet" | "card_view" | "caret_down" | "caret_left" | "caret_right" | "caret_up" | "caret_large_down" | "caret_large_left" | "caret_large_right" | "caret_large_up" | "cart" | "cash" | "chat" | "chart_bar" | "chart_line" | "chart_pie" | "chat_notes" | "check_all" | "check_none" | "chevron_down" | "chevron_left" | "chevron_right" | "chevron_up" | "chevron_down_thick" | "chevron_left_thick" | "chevron_right_thick" | "chevron_up_thick" | "circle_with_dots" | "circles_connection" | "clock" | "close" | "cloud_co2" | "coins" | "collaborate" | "computer_clock" | "connect" | "connect_off" | "construction" | "contacts" | "contact_card" | "copy" | "create" | "credit_card" | "credit_card_slash" | "cross" | "cross_circle" | "csv" | "dashboard" | "delete" | "delivery" | "disputed" | "disconnect" | "document_right_align" | "document_tick" | "document_vertical_lines" | "download" | "drag" | "drag_vertical" | "draft" | "drill" | "dropdown" | "duplicate" | "edit" | "edited" | "email" | "email_switch" | "entry" | "envelope_dollar" | "envelope_euro" | "ellipsis_horizontal" | "ellipsis_vertical" | "error" | "error_square" | "euro" | "expand" | "export" | "factory" | "favourite" | "favourite_lined" | "fax" | "feedback" | "file_excel" | "file_generic" | "file_image" | "file_pdf" | "file_word" | "files_leaning" | "filter" | "filter_new" | "fit_height" | "fit_width" | "flag" | "folder" | "form_refresh" | "gift" | "go" | "graduation_hat" | "graph" | "grid" | "hand_cash_coins" | "hand_cash_note" | "heart_pulse" | "help" | "hide" | "home" | "image" | "import" | "in_progress" | "in_transit" | "individual" | "info" | "intranet" | "italic" | "job_seeked" | "key" | "laptop" | "leaf" | "ledger" | "ledger_arrow_left" | "ledger_arrow_right" | "like" | "like_no" | "link" | "lightbulb_off" | "lightbulb_on" | "link_cloud" | "link_on" | "list_view" | "locked" | "location" | "logout" | "lookup" | "marker" | "message" | "microphone" | "minimise" | "minus" | "minus_large" | "mobile" | "money_bag" | "none" | "old_warning" | "palm_tree" | "pause" | "pause_circle" | "pdf" | "pin" | "people" | "people_switch" | "percentage_boxed" | "person" | "person_info" | "person_tick" | "petrol_pump" | "phone" | "piggy_bank" | "plane" | "play" | "play_circle" | "plus" | "plus_large" | "pound" | "print" | "progress" | "progressed" | "protect" | "question" | "question_hollow" | "question_mark" | "recruiting" | "refresh" | "refresh_clock" | "remove" | "sage_coin" | "save" | "scan" | "send" | "search" | "services" | "settings" | "settings_old" | "share" | "shield_with_tick" | "shield_with_tick_outline" | "shop" | "sort_down" | "sort_up" | "spanner" | "split" | "split_container" | "square_dot" | "squares_nine" | "stacked_boxes" | "stacked_squares" | "stop" | "stop_circle" | "support_online" | "submitted" | "sync" | "tag" | "talk" | "target" | "target_man" | "theatre_masks" | "three_boxes" | "tick" | "tick_circle" | "tick_thick" | "true_tick" | "u_turn_left" | "u_turn_right" | "undo" | "unlocked" | "upload" | "uploaded" | "video" | "view" | "volunteering" | "warning" | "website" | "welfare" | "worldwide_location";
+export type IconType = "accessibility_web" | "add" | "admin" | "alert" | "alert_on" | "analysis" | "app_facebook" | "app_instagram" | "app_tiktok" | "app_twitter" | "app_youtube" | "apps" | "arrow" | "arrow_bottom_right_circle" | "arrow_down" | "arrow_left" | "arrow_left_boxed" | "arrow_left_right_small" | "arrow_left_small" | "arrow_right" | "arrow_right_small" | "arrow_top_left_circle" | "arrow_up" | "arrows_left_right" | "attach" | "bank" | "bank_with_card" | "basket" | "basket_with_squares" | "bed" | "bill_paid" | "bill_unpaid" | "bin" | "biometric" | "blocked" | "blocked_square" | "block_arrow_right" | "bold" | "box_arrow_left" | "box_arrow_right" | "boxed_shapes" | "bulk_destroy" | "bullet_list" | "bullet_list_dotted" | "bullet_list_numbers" | "business" | "calendar" | "calendar_pay_date" | "calendar_today" | "call" | "camera" | "car_lock" | "car_money" | "car_repair" | "card_wallet" | "card_view" | "caret_down" | "caret_left" | "caret_right" | "caret_up" | "caret_large_down" | "caret_large_left" | "caret_large_right" | "caret_large_up" | "cart" | "cash" | "chat" | "chart_bar" | "chart_line" | "chart_pie" | "chat_notes" | "check_all" | "check_none" | "chevron_down" | "chevron_left" | "chevron_right" | "chevron_up" | "chevron_down_thick" | "chevron_left_thick" | "chevron_right_thick" | "chevron_up_thick" | "circle_with_dots" | "circles_connection" | "clock" | "close" | "cloud_co2" | "coins" | "collaborate" | "computer_clock" | "connect" | "connect_off" | "construction" | "contacts" | "contact_card" | "copy" | "create" | "credit_card" | "credit_card_slash" | "cross" | "cross_circle" | "csv" | "dashboard" | "delete" | "delivery" | "disputed" | "disconnect" | "document_right_align" | "document_tick" | "document_vertical_lines" | "download" | "drag" | "drag_vertical" | "draft" | "drill" | "dropdown" | "duplicate" | "edit" | "edited" | "email" | "email_switch" | "entry" | "envelope_dollar" | "envelope_euro" | "ellipsis_horizontal" | "ellipsis_vertical" | "error" | "error_square" | "euro" | "expand" | "export" | "factory" | "favourite" | "favourite_lined" | "fax" | "feedback" | "file_excel" | "file_generic" | "file_image" | "file_pdf" | "file_word" | "files_leaning" | "filter" | "filter_new" | "fit_height" | "fit_width" | "flag" | "folder" | "form_refresh" | "gift" | "go" | "graduation_hat" | "graph" | "grid" | "hand_cash_coins" | "hand_cash_note" | "heart_pulse" | "help" | "hide" | "home" | "image" | "import" | "in_progress" | "in_transit" | "individual" | "info" | "intranet" | "italic" | "job_seeked" | "key" | "laptop" | "leaf" | "ledger" | "ledger_arrow_left" | "ledger_arrow_right" | "like" | "like_no" | "link" | "lightbulb_off" | "lightbulb_on" | "link_cloud" | "link_on" | "list_view" | "locked" | "location" | "logout" | "lookup" | "marker" | "message" | "microphone" | "minimise" | "minus" | "minus_large" | "mobile" | "money_bag" | "none" | "old_warning" | "palm_tree" | "pause" | "pause_circle" | "pdf" | "pin" | "people" | "people_switch" | "percentage_boxed" | "person" | "person_info" | "person_tick" | "petrol_pump" | "phone" | "piggy_bank" | "plane" | "play" | "play_circle" | "plus" | "plus_large" | "pound" | "print" | "progress" | "progressed" | "protect" | "question" | "question_hollow" | "question_mark" | "recruiting" | "refresh" | "refresh_clock" | "remove" | "sage_coin" | "save" | "scan" | "send" | "search" | "services" | "settings" | "settings_old" | "share" | "shield_with_tick" | "shield_with_tick_outline" | "shop" | "sort_down" | "sort_up" | "spanner" | "split" | "split_container" | "square_dot" | "squares_nine" | "stacked_boxes" | "stacked_squares" | "stop" | "stop_circle" | "support_online" | "submitted" | "sync" | "tag" | "talk" | "target" | "target_man" | "theatre_masks" | "three_boxes" | "tick" | "tick_circle" | "tick_thick" | "true_tick" | "u_turn_left" | "u_turn_right" | "undo" | "unlocked" | "upload" | "uploaded" | "video" | "view" | "volunteering" | "warning" | "website" | "welfare" | "worldwide_location";