carbon-react 162.12.0-beta.1 → 162.13.0

package/esm/components/hr/hr.component.d.ts

@@ -0,0 +1,21 @@
+import { MarginProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+/**
+ * @deprecated `Hr` has been deprecated. See the Carbon documentation for migration details.
+ */
+export interface HrProps extends MarginProps, TagProps {
+    /** Set whether the component should be recognised by assistive technologies */
+    "aria-hidden"?: "true" | "false";
+    /** Breakpoint for adaptive left and right margins (below the breakpoint they go to 0).
+     * Enables the adaptive behaviour when set */
+    adaptiveMxBreakpoint?: number;
+    /** Set the height of the component. Accepts one of "small", "medium", or "large" */
+    height?: "small" | "medium" | "large";
+    /** Set the color variant of the horizontal rule. Use "typical" for standard styling or "inverse" for use in darker backgrounds */
+    type?: "typical" | "inverse";
+}
+/**
+ * @deprecated `Hr` has been deprecated. See the Carbon documentation for migration details.
+ */
+export declare const Hr: ({ adaptiveMxBreakpoint, ml, mr, "aria-hidden": ariaHidden, type, height, ...rest }: HrProps) => JSX.Element;
+export default Hr;

package/esm/components/hr/hr.component.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import"react";import t from"../../__internal__/utils/helpers/tags/tags.js";import r from"./hr.style.js";import n from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import o from"../../__internal__/utils/logger/index.js";function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}let a=!1;const l=l=>{var{adaptiveMxBreakpoint:s,ml:p,mr:m,"aria-hidden":u,type:c="typical",height:f="small"}=l,b=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(l,["adaptiveMxBreakpoint","ml","mr","aria-hidden","type","height"]);a||(a=!0,o.deprecate("`Hr` is deprecated and will soon be removed. Please use `Divider` instead."));const d=n(s);let y=p,h=m;return s&&!d&&(y=0,h=0),e(r,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){i(e,t,r[t])}))}return e}({"aria-hidden":u,height:f,$type:c,ml:y,mr:h,mt:b.mt||3,mb:b.mb||3},b,t("hr",b)))};export{l as Hr,l as default};

package/esm/components/hr/hr.style.d.ts

@@ -0,0 +1,9 @@
+import { MarginProps } from "styled-system";
+declare const StyledHr: import("styled-components").StyledComponent<"hr", any, {
+    theme: object;
+} & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
+    height: "small" | "medium" | "large";
+} & {
+    $type?: "typical" | "inverse";
+}, "theme">;
+export default StyledHr;

package/esm/components/hr/hr.style.js

@@ -0,0 +1 @@
+import t from"styled-components";import{margin as o}from"styled-system";import e from"../../style/themes/apply-base-theme.js";const r={small:1,medium:2,large:3},a=t.hr.attrs(e).withConfig({displayName:"hr.style__StyledHr",componentId:"carbon_v162_12_0__sc-e91cfae7-0"})([""," width:100%;border:0;height:","px;background-color:",";"],o,(({height:t})=>r[t]),(({$type:t})=>"typical"===t?"var(--colorsUtilityMajor100)":"var(--colorsActionMajorYang030)"));export{a as default};

package/esm/components/hr/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./hr.component";
+export type { HrProps } from "./hr.component";

package/esm/components/hr/index.js

@@ -0,0 +1 @@
+export{Hr as default}from"./hr.component.js";

package/esm/components/i18n-provider/i18n-provider.component.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import Locale from "../../locales";
+export interface I18nProviderProps {
+    locale?: Partial<Locale>;
+    children: React.ReactNode;
+}
+export declare const I18nProvider: ({ locale, children }: I18nProviderProps) => React.JSX.Element;
+export default I18nProvider;

package/esm/components/i18n-provider/i18n-provider.component.js

@@ -0,0 +1 @@
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import"react";import o from"lodash/merge";import t from"../../__internal__/i18n-context/index.js";import i from"../../locales/en-gb.js";const l=({locale:l,children:m})=>l?r(t.Provider,{value:o({},i,l),children:m}):r(e,{children:m});export{l as I18nProvider,l as default};

package/esm/components/i18n-provider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./i18n-provider.component";
+export type { I18nProviderProps } from "./i18n-provider.component";

package/esm/components/i18n-provider/index.js

@@ -0,0 +1 @@
+export{I18nProvider as default}from"./i18n-provider.component.js";

package/esm/components/icon/icon-config.d.ts

@@ -0,0 +1,29 @@
+import { TooltipPositions } from "../tooltip/tooltip.config";
+import { IconType } from "./icon-type";
+import { BackgroundShape, BgSize, FontSize } from "./icon.style";
+declare const dlsConfig: {
+    backgroundSize: {
+        "extra-small": string;
+        small: string;
+        medium: string;
+        large: string;
+        "extra-large": string;
+    };
+    backgroundShape: {
+        square: string;
+        "rounded-rect": string;
+        circle: string;
+    };
+    iconSize: {
+        small: string;
+        medium: string;
+        large: string;
+        "extra-large": string;
+    };
+};
+export declare const ICON_TOOLTIP_POSITIONS: TooltipPositions[];
+export declare const ICON_SHAPES: BackgroundShape[];
+export declare const ICON_SIZES: BgSize[];
+export declare const ICON_FONT_SIZES: FontSize[];
+export declare const ICONS: IconType[];
+export default dlsConfig;

package/esm/components/icon/icon-config.js

@@ -0,0 +1 @@
+const e={backgroundSize:{"extra-small":"var(--global-size-2-xs)",small:"var(--global-size-xs)",medium:"var(--global-size-s)",large:"var(--global-size-m)","extra-large":"var(--global-size-m)"},backgroundShape:{square:"0%","rounded-rect":"20%",circle:"50%"},iconSize:{small:"var(--global-size-2-xs)",medium:"var(--global-size-xs)",large:"var(--global-size-s)","extra-large":"var(--global-size-s)"}},r=["bottom","left","right","top"],a=["circle","rounded-rect","square"],t=["small","medium","large","extra-large"],l=["small","medium","large"],o=["accessibility_web","add","admin","airplay","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_top_right_circle","arrow_up","arrows_left_right","at_sign","attach","bank","bank_with_card","basket","basket_with_squares","batch","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_today","call","calendar_pay_date","camera","car_lock","car_money","car_repair","card_view","card_wallet","caret_down","caret_left","caret_right","caret_up","caret_up_down","caret_large_down","caret_large_left","caret_large_right","caret_large_up","cart","cash","chat","chart_bar","chart_bar_arrow_up","chart_line","chart_pie","chat_notes","check_all","check_none","chevron_down","chevron_first","chevron_first_pagination","chevron_last","chevron_last_pagination","chevron_left","chevron_right","chevron_up","chevron_down_thick","chevron_left_thick","chevron_right_thick","chevron_up_thick","chromecast","circle_with_dots","circles_connection","clear","clock","clock_add","close","code","cloud_co2","coins","collaborate","color_picker","computer_clock","connect","connect_circle","connect_off","construction","contacts","contact_card","copy","create","credit_card","credit_card_slash","cross","cross_circle","csv","dashboard","delete","delivery","diagonal_arrows_up","disconnect","disputed","document_right_align","document_tick","document_vertical_lines","download","double_tick","drag","drag_hover","drag_vertical","draft","drill","dropdown","duplicate","edit","edited","email","email_switch","entry","ellipsis_horizontal","ellipsis_vertical","envelope_dollar","envelope_euro","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","flash","folder","form_refresh","framerate","fullscreen","gift","get_quote","go","graduation_hat","graph","graphql","grid","heart","heart_pulse","help","hide","hierarchy","hand_cash_coins","hand_cash_note","home","image","import","in_progress","in_transit","individual","info","intranet","ipad","italic","job_seeked","key","laptop","leaf","ledger","ledger_arrow_left","ledger_arrow_right","lightbulb_off","lightbulb_on","like","like_no","link","link_card","link_cloud","link_on","list_view","locked","location","login","logout","lookup","marker","marker_off","message","microphone","minimise","minus","minus_large","mobile","money_bag","mute","none","normalscreen","old_warning","page","palm_tree","palette","pause","pause_circle","petrol_pump","pdf","pin","people","people_switch","percentage_boxed","person","person_add","person_info","person_tick","phone","picture_in_picture","piggy_bank","placeholder","plane","play","play_circle","plus","plus_circle","plus_large","pound","print","progress","progressed","protect","question","question_hollow","question_mark","recruiting","refresh","refresh_clock","remove","replay","reset","sage_coin","save","scan","search","send","services","settings","settings_old","share","shield_with_tick","shield_with_tick_outline","shop","sort_down","sort_up","source_code","spanner","speaker","split","split_container","squares_nine","stacked_boxes","stacked_squares","stop","stop_circle","submitted","subtitles","support_online","system_Android","system_iOS","sync","tag","talk","target","target_man","theatre_masks","three_boxes","tick","tick_circle","tick_thick","time_zone","true_tick","u_turn_left","u_turn_right","underline","undo","unlocked","upload","uploaded","user_groups","video","view","volume_high","volume_low","volume_medium","volunteering","warning","website","welfare","worldwide_location"];export{o as ICONS,l as ICON_FONT_SIZES,a as ICON_SHAPES,t as ICON_SIZES,r as ICON_TOOLTIP_POSITIONS,e as default};

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

@@ -0,0 +1 @@
+export type IconType = "accessibility_web" | "add" | "admin" | "airplay" | "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_top_right_circle" | "arrow_up" | "arrows_left_right" | "at_sign" | "attach" | "bank" | "bank_with_card" | "basket" | "basket_with_squares" | "batch" | "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_up_down" | "caret_large_down" | "caret_large_left" | "caret_large_right" | "caret_large_up" | "cart" | "cash" | "chat" | "chart_bar" | "chart_bar_arrow_up" | "chart_line" | "chart_pie" | "chat_notes" | "check_all" | "check_none" | "chevron_down" | "chevron_first" | "chevron_first_pagination" | "chevron_last" | "chevron_last_pagination" | "chevron_left" | "chevron_right" | "chevron_up" | "chevron_down_thick" | "chevron_left_thick" | "chevron_right_thick" | "chevron_up_thick" | "chromecast" | "circle_with_dots" | "circles_connection" | "clear" | "clock" | "clock_add" | "close" | "code" | "cloud_co2" | "coins" | "collaborate" | "color_picker" | "computer_clock" | "connect" | "connect_circle" | "connect_off" | "construction" | "contacts" | "contact_card" | "copy" | "create" | "credit_card" | "credit_card_slash" | "cross" | "cross_circle" | "csv" | "dashboard" | "delete" | "delivery" | "diagonal_arrows_up" | "disputed" | "disconnect" | "document_right_align" | "document_tick" | "document_vertical_lines" | "download" | "double_tick" | "drag" | "drag_hover" | "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" | "flash" | "folder" | "form_refresh" | "framerate" | "fullscreen" | "get_quote" | "gift" | "go" | "graduation_hat" | "graph" | "graphql" | "grid" | "heart" | "hand_cash_coins" | "hand_cash_note" | "heart_pulse" | "help" | "hide" | "hierarchy" | "home" | "image" | "import" | "in_progress" | "in_transit" | "individual" | "info" | "intranet" | "ipad" | "italic" | "job_seeked" | "key" | "laptop" | "leaf" | "ledger" | "ledger_arrow_left" | "ledger_arrow_right" | "like" | "like_no" | "link" | "lightbulb_off" | "lightbulb_on" | "link_card" | "link_cloud" | "link_on" | "list_view" | "locked" | "login" | "location" | "logout" | "lookup" | "marker" | "marker_off" | "message" | "microphone" | "minimise" | "minus" | "minus_large" | "mobile" | "money_bag" | "mute" | "none" | "normalscreen" | "old_warning" | "page" | "palm_tree" | "palette" | "pause" | "pause_circle" | "pdf" | "pin" | "people" | "people_switch" | "percentage_boxed" | "person" | "person_add" | "person_info" | "person_tick" | "petrol_pump" | "phone" | "picture_in_picture" | "piggy_bank" | "placeholder" | "plane" | "play" | "play_circle" | "plus" | "plus_circle" | "plus_large" | "pound" | "print" | "progress" | "progressed" | "protect" | "question" | "question_hollow" | "question_mark" | "recruiting" | "refresh" | "refresh_clock" | "remove" | "replay" | "reset" | "sage_coin" | "save" | "scan" | "send" | "search" | "services" | "settings" | "settings_old" | "share" | "shield_with_tick" | "shield_with_tick_outline" | "shop" | "sort_down" | "sort_up" | "source_code" | "spanner" | "speaker" | "split" | "split_container" | "squares_nine" | "stacked_boxes" | "stacked_squares" | "stop" | "stop_circle" | "submitted" | "subtitles" | "support_online" | "system_Android" | "system_iOS" | "sync" | "tag" | "talk" | "target" | "target_man" | "theatre_masks" | "three_boxes" | "tick" | "tick_circle" | "tick_thick" | "time_zone" | "true_tick" | "u_turn_left" | "u_turn_right" | "underline" | "undo" | "unlocked" | "upload" | "uploaded" | "user_groups" | "video" | "view" | "volume_high" | "volume_low" | "volume_medium" | "volunteering" | "warning" | "website" | "welfare" | "worldwide_location";

package/esm/components/icon/icon-unicodes.d.ts

@@ -0,0 +1,369 @@
+export default iconUnicodes;
+declare namespace iconUnicodes {
+    export let none: string;
+    import add = plus;
+    export { add };
+    import create = plus;
+    export { create };
+    import services = plus;
+    export { services };
+    import admin = favourite;
+    export { admin };
+    import analysis = chart_line;
+    export { analysis };
+    import graph = chart_line;
+    export { graph };
+    import basket = cart;
+    export { basket };
+    export let bin: string;
+    export let bulk_destroy: string;
+    import caret_down = dropdown;
+    export { caret_down };
+    import collaborate = share;
+    export { collaborate };
+    import contacts = people;
+    export { contacts };
+    import entry = list_view;
+    export { entry };
+    import go = progressed;
+    export { go };
+    import submitted = progressed;
+    export { submitted };
+    import grid = split;
+    export { grid };
+    import individual = person;
+    export { individual };
+    import location = marker;
+    export { location };
+    import message = email;
+    export { message };
+    import old_warning = warning;
+    export { old_warning };
+    import phone = call;
+    export { phone };
+    import piggy_bank = save;
+    export { piggy_bank };
+    import question_hollow = video;
+    export { question_hollow };
+    import question_mark = question;
+    export { question_mark };
+    import remove = minus;
+    export { remove };
+    import settings_old = settings;
+    export { settings_old };
+    import true_tick = tick;
+    export { true_tick };
+    import arrow = arrow_right;
+    export { arrow };
+    import in_transit = arrow_left_right_small;
+    export { in_transit };
+    import progress = circle_with_dots;
+    export { progress };
+    export let boxed_shapes: string;
+    export let circles_connection: string;
+    export let document_right_align: string;
+    export let document_tick: string;
+    export let document_vertical_lines: string;
+    export let error_square: string;
+    export let factory: string;
+    export let files_leaning: string;
+    export let ledger: string;
+    export let ledger_arrow_left: string;
+    export let ledger_arrow_right: string;
+    export let money_bag: string;
+    export let spanner: string;
+    export let split_container: string;
+    export let stacked_boxes: string;
+    export let tag: string;
+    export let three_boxes: string;
+    export let circle_with_dots: string;
+    export let squares_nine: string;
+    export let coins: string;
+    export let file_generic: string;
+    export let file_pdf: string;
+    export let file_excel: string;
+    export let file_word: string;
+    export let file_image: string;
+    export let euro: string;
+    export let pound: string;
+    export let stacked_squares: string;
+    export let expand: string;
+    export let flag: string;
+    export let placeholder: string;
+    export let envelope_dollar: string;
+    export let envelope_euro: string;
+    export let sage_coin: string;
+    export let palm_tree: string;
+    export let arrow_bottom_right_circle: string;
+    export let arrow_top_left_circle: string;
+    export let arrows_left_right: string;
+    export let bank_with_card: string;
+    export let bed: string;
+    export let car_lock: string;
+    export let car_money: string;
+    export let car_repair: string;
+    export let cash: string;
+    export let construction: string;
+    export let drill: string;
+    export let form_refresh: string;
+    export let graduation_hat: string;
+    export let hand_cash_coins: string;
+    export let hand_cash_note: string;
+    export let laptop: string;
+    export let percentage_boxed: string;
+    export let petrol_pump: string;
+    export let plane: string;
+    export let theatre_masks: string;
+    export let accessibility_web: string;
+    export let app_facebook: string;
+    export let app_instagram: string;
+    export let app_tiktok: string;
+    export let app_twitter: string;
+    export let app_youtube: string;
+    export let apps: string;
+    export let bill_paid: string;
+    export let bill_unpaid: string;
+    export let box_arrow_right: string;
+    export let calendar_pay_date: string;
+    export let card_wallet: string;
+    export let connect_off: string;
+    export let heart_pulse: string;
+    export let intranet: string;
+    export let job_seeked: string;
+    export let like: string;
+    export let link_cloud: string;
+    export let link_on: string;
+    export let microphone: string;
+    export let protect: string;
+    export let recruiting: string;
+    export let send: string;
+    export let support_online: string;
+    export let target_man: string;
+    export let target: string;
+    export let volunteering: string;
+    export let website: string;
+    export let welfare: string;
+    export let contact_card: string;
+    export let cloud_co2: string;
+    export let leaf: string;
+    export let like_no: string;
+    export let minimise: string;
+    export let pin: string;
+    export let biometric: string;
+    let _import: string;
+    export { _import as import };
+    let _export: string;
+    export { _export as export };
+    export let shield_with_tick: string;
+    export let shield_with_tick_outline: string;
+    export let stop: string;
+    export let stop_circle: string;
+    export let worldwide_location: string;
+    export let airplay: string;
+    export let batch: string;
+    export let chromecast: string;
+    export let framerate: string;
+    export let fullscreen: string;
+    export let mute: string;
+    export let normalscreen: string;
+    export let page: string;
+    export let picture_in_picture: string;
+    export let replay: string;
+    export let speaker: string;
+    export let subtitles: string;
+    export let volume_high: string;
+    export let volume_low: string;
+    export let volume_medium: string;
+    export let hierarchy: string;
+    export let underline: string;
+    export let chevron_first: string;
+    export let chevron_last: string;
+    export let drag_hover: string;
+    export let at_sign: string;
+    export let link_card: string;
+    export let time_zone: string;
+    export let arrow_top_right_circle: string;
+    export let clear: string;
+    export let diagonal_arrows_up: string;
+    export let double_tick: string;
+    export let flash: string;
+    export let get_quote: string;
+    export let heart: string;
+    export let ipad: string;
+    export let reset: string;
+    export let user_groups: string;
+    export let chart_bar_arrow_up: string;
+    export let login: string;
+    export let chevron_first_pagination: string;
+    export let chevron_last_pagination: string;
+    export let caret_up_down: string;
+    export let connect_circle: string;
+    export let plus_circle: string;
+    export let code: string;
+    export let source_code: string;
+    export let marker_off: string;
+    export let clock_add: string;
+    export let system_iOS: string;
+    export let system_Android: string;
+    export let color_picker: string;
+    export let palette: string;
+    export let graphql: string;
+    export let person_add: string;
+    export let error: string;
+    export let warning: string;
+    export let tick: string;
+    export let tick_circle: string;
+    export let tick_thick: string;
+    export let draft: string;
+    export let progressed: string;
+    export let in_progress: string;
+    export let clock: string;
+    export let locked: string;
+    export let unlocked: string;
+    export let gift: string;
+    export let blocked: string;
+    export let key: string;
+    export let chart_line: string;
+    export let chart_pie: string;
+    export let chart_bar: string;
+    export let blocked_square: string;
+    export let disputed: string;
+    export let lightbulb_on: string;
+    export let lightbulb_off: string;
+    export let chevron_up: string;
+    export let chevron_down: string;
+    export let chevron_right: string;
+    export let chevron_left: string;
+    export let chevron_up_thick: string;
+    export let chevron_down_thick: string;
+    export let chevron_left_thick: string;
+    export let chevron_right_thick: string;
+    export let link: string;
+    export let list_view: string;
+    export let card_view: string;
+    export let sort_down: string;
+    export let sort_up: string;
+    export let arrow_left: string;
+    export let arrow_right: string;
+    export let arrow_down: string;
+    export let arrow_up: string;
+    export let arrow_left_right_small: string;
+    export let arrow_left_small: string;
+    export let arrow_right_small: string;
+    export let block_arrow_right: string;
+    export let drag_vertical: string;
+    export let drag: string;
+    export let fit_height: string;
+    export let fit_width: string;
+    export let ellipsis_horizontal: string;
+    export let ellipsis_vertical: string;
+    export let u_turn_left: string;
+    export let u_turn_right: string;
+    export let cart: string;
+    export let basket_with_squares: string;
+    let _delete: string;
+    export { _delete as delete };
+    export let print: string;
+    export let csv: string;
+    export let pdf: string;
+    export let duplicate: string;
+    export let copy: string;
+    export let check_all: string;
+    export let check_none: string;
+    export let calendar: string;
+    export let calendar_today: string;
+    export let dropdown: string;
+    export let caret_up: string;
+    export let caret_left: string;
+    export let caret_right: string;
+    export let caret_large_down: string;
+    export let caret_large_up: string;
+    export let caret_large_left: string;
+    export let caret_large_right: string;
+    export let plus: string;
+    export let plus_large: string;
+    export let minus: string;
+    export let minus_large: string;
+    export let edit: string;
+    export let edited: string;
+    export let favourite: string;
+    export let favourite_lined: string;
+    export let credit_card: string;
+    export let credit_card_slash: string;
+    export let save: string;
+    export let uploaded: string;
+    export let arrow_left_boxed: string;
+    export let question: string;
+    export let info: string;
+    export let download: string;
+    export let upload: string;
+    export let share: string;
+    export let close: string;
+    export let cross: string;
+    export let cross_circle: string;
+    export let filter: string;
+    export let refresh: string;
+    export let computer_clock: string;
+    export let refresh_clock: string;
+    export let sync: string;
+    export let attach: string;
+    export let camera: string;
+    export let image: string;
+    export let folder: string;
+    export let help: string;
+    export let connect: string;
+    export let disconnect: string;
+    export let split: string;
+    export let filter_new: string;
+    export let delivery: string;
+    export let chat: string;
+    export let chat_notes: string;
+    export let bullet_list: string;
+    export let bullet_list_numbers: string;
+    export let bullet_list_dotted: string;
+    export let view: string;
+    export let hide: string;
+    export let video: string;
+    export let play: string;
+    export let pause: string;
+    export let play_circle: string;
+    export let pause_circle: string;
+    export let scan: string;
+    export let lookup: string;
+    export let bold: string;
+    export let italic: string;
+    export let undo: string;
+    export let box_arrow_left: string;
+    export let home: string;
+    export let dashboard: string;
+    export let settings: string;
+    export let search: string;
+    export let feedback: string;
+    export let logout: string;
+    export let alert: string;
+    export let alert_on: string;
+    export let talk: string;
+    export let person: string;
+    export let person_info: string;
+    export let person_tick: string;
+    export let people: string;
+    export let people_switch: string;
+    let business_1: string;
+    export { business_1 as business };
+    export let shop: string;
+    export let bank: string;
+    export let call: string;
+    export let mobile: string;
+    export let fax: string;
+    export let email: string;
+    export let email_switch: string;
+    export let marker: string;
+}
+declare namespace actions { }
+declare namespace statusSymbols { }
+declare namespace batchActions { }
+declare namespace business { }
+declare namespace navigation { }
+declare namespace communications { }
+declare namespace primaryNavigation { }
+declare namespace misc { }

package/esm/components/icon/icon-unicodes.js

@@ -0,0 +1 @@
+function e(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const r={call:"\\e93d",mobile:"\\e932",fax:"\\e925",email:"\\e922",email_switch:"\\e996",marker:"\\e93f"},t={person:"\\e93c",person_info:"\\e994",person_tick:"\\e97b",people:"\\e93b",people_switch:"\\e995",business:"\\e90d",shop:"\\e947",bank:"\\e977"},a={home:"\\e929",dashboard:"\\f007",settings:"\\e91a",search:"\\e92f",feedback:"\\e930",logout:"\\e92e",alert:"\\e90b",alert_on:"\\f001",talk:"\\e95a"},o={calendar:"\\e90e",calendar_today:"\\e970",dropdown:"\\e910",caret_up:"\\e9a8",caret_left:"\\e9a6",caret_right:"\\e9a7",caret_large_down:"\\e9a4",caret_large_up:"\\e9a5",caret_large_left:"\\e9a2",caret_large_right:"\\e9a3",plus:"\\e940",plus_large:"\\e967",minus:"\\e931",minus_large:"\\e968",edit:"\\e93a",edited:"\\e938",favourite:"\\e94f",favourite_lined:"\\e94e",credit_card:"\\e91c",credit_card_slash:"\\e966",save:"\\e926",uploaded:"\\e905",arrow_left_boxed:"\\e988",question:"\\e943",info:"\\e92a",download:"\\e900",upload:"\\e906",share:"\\e946",close:"\\e91e",cross:"\\e91d",cross_circle:"\\e992",filter:"\\e928",refresh:"\\e945",computer_clock:"\\e997",refresh_clock:"\\e986",sync:"\\e944",attach:"\\e937",camera:"\\e90f",image:"\\e93e",folder:"\\e927",help:"\\e951",connect:"\\e955",disconnect:"\\e953",split:"\\e952",filter_new:"\\e954",delivery:"\\e959",chat:"\\e914",chat_notes:"\\e956",bullet_list:"\\e95b",bullet_list_numbers:"\\e989",bullet_list_dotted:"\\e98a",view:"\\e957",hide:"\\e998",video:"\\e95e",play:"\\e95f",pause:"\\e96d",play_circle:"\\e96c",pause_circle:"\\e96b",scan:"\\e96e",lookup:"\\e96f",bold:"\\e98c",italic:"\\e98b",undo:"\\e9aa",box_arrow_left:"\\f006"},i={cart:"\\e90a",basket_with_squares:"\\e975",delete:"\\e90c",print:"\\e942",csv:"\\e94a",pdf:"\\e91f",duplicate:"\\e921",copy:"\\e91b",check_all:"\\f028",check_none:"\\f029"},c={chevron_up:"\\e918",chevron_down:"\\e915",chevron_right:"\\e917",chevron_left:"\\e916",chevron_up_thick:"\\e99d",chevron_down_thick:"\\e99c",chevron_left_thick:"\\e99f",chevron_right_thick:"\\e99e",link:"\\e92d",list_view:"\\e92c",card_view:"\\e94b",sort_down:"\\e948",sort_up:"\\e949",arrow_left:"\\e902",arrow_right:"\\e904",arrow_down:"\\e901",arrow_up:"\\e907",arrow_left_right_small:"\\e964",arrow_left_small:"\\e963",arrow_right_small:"\\e962",block_arrow_right:"\\e97e",drag_vertical:"\\e94d",drag:"\\e94c",fit_height:"\\e909",fit_width:"\\e908",ellipsis_horizontal:"\\e960",ellipsis_vertical:"\\e961",u_turn_left:"\\f004",u_turn_right:"\\f005"},_={error:"\\e923",warning:"\\e924",tick:"\\e950",tick_circle:"\\e993",tick_thick:"\\f003",draft:"\\e939",progressed:"\\e903",in_progress:"\\e920",clock:"\\e919",locked:"\\e935",unlocked:"\\e936",gift:"\\e941",blocked:"\\e933",key:"\\e92b",chart_line:"\\e912",chart_pie:"\\e913",chart_bar:"\\e911",blocked_square:"\\e934",disputed:"\\e958",lightbulb_on:"\\e95d",lightbulb_off:"\\e95c"},l={boxed_shapes:"\\e982",circles_connection:"\\e979",document_right_align:"\\e981",document_tick:"\\e980",document_vertical_lines:"\\e978",error_square:"\\e97f",factory:"\\e976",files_leaning:"\\e97a",ledger:"\\e973",ledger_arrow_left:"\\e971",ledger_arrow_right:"\\e972",money_bag:"\\e974",spanner:"\\e984",split_container:"\\e987",stacked_boxes:"\\e97c",tag:"\\e985",three_boxes:"\\e97d",circle_with_dots:"\\e965",squares_nine:"\\e969",coins:"\\e96a",file_generic:"\\e991",file_pdf:"\\e990",file_excel:"\\e98e",file_word:"\\e98f",file_image:"\\e98d",euro:"\\e9a0",pound:"\\e9a1",stacked_squares:"\\e983",expand:"\\e99b",flag:"\\e999",placeholder:"\\e99a",envelope_dollar:"\\e9ab",envelope_euro:"\\e9a9",sage_coin:"\\e9ac",palm_tree:"\\f002",arrow_bottom_right_circle:"\\f014",arrow_top_left_circle:"\\f017",arrows_left_right:"\\f027",bank_with_card:"\\f019",bed:"\\f010",car_lock:"\\f021",car_money:"\\f011",car_repair:"\\f022",cash:"\\f020",construction:"\\f008",drill:"\\f015",form_refresh:"\\f018",graduation_hat:"\\f013",hand_cash_coins:"\\f009",hand_cash_note:"\\f024",laptop:"\\f012",percentage_boxed:"\\f016",petrol_pump:"\\f026",plane:"\\f025",theatre_masks:"\\f023",accessibility_web:"\\f045",app_facebook:"\\f052",app_instagram:"\\f046",app_tiktok:"\\f035",app_twitter:"\\f041",app_youtube:"\\f047",apps:"\\f040",bill_paid:"\\f049",bill_unpaid:"\\f063",box_arrow_right:"\\f057",calendar_pay_date:"\\f038",card_wallet:"\\f030",connect_off:"\\f053",heart_pulse:"\\f031",intranet:"\\f048",job_seeked:"\\f037",like:"\\f056",link_cloud:"\\f036",link_on:"\\f043",microphone:"\\f054",protect:"\\f044",recruiting:"\\f033",send:"\\f055",support_online:"\\f032",target_man:"\\f050",target:"\\f042",volunteering:"\\f039",website:"\\f051",welfare:"\\f034",contact_card:"\\f059",cloud_co2:"\\f060",leaf:"\\f061",like_no:"\\f058",minimise:"\\f062",pin:"\\f064",biometric:"\\f067",import:"\\f066",export:"\\f065",shield_with_tick:"\\f070",shield_with_tick_outline:"\\f071",stop:"\\f068",stop_circle:"\\f069",worldwide_location:"\\f072",airplay:"\\f073",batch:"\\f074",chromecast:"\\f075",framerate:"\\f076",fullscreen:"\\f077",mute:"\\f078",normalscreen:"\\f079",page:"\\f080",picture_in_picture:"\\f081",replay:"\\f082",speaker:"\\f083",subtitles:"\\f084",volume_high:"\\f087",volume_low:"\\f085",volume_medium:"\\f086",hierarchy:"\\f088",underline:"\\f089",chevron_first:"\\f090",chevron_last:"\\f091",drag_hover:"\\f092",at_sign:"\\f093",link_card:"\\f094",time_zone:"\\f095",arrow_top_right_circle:"\\f096",clear:"\\f097",diagonal_arrows_up:"\\f098",double_tick:"\\f099",flash:"\\f100",get_quote:"\\f101",heart:"\\f102",ipad:"\\f103",reset:"\\f104",user_groups:"\\f105",chart_bar_arrow_up:"\\f106",login:"\\f107",chevron_first_pagination:"\\f108",chevron_last_pagination:"\\f109",caret_up_down:"\\f110",connect_circle:"\\f111",plus_circle:"\\f112",code:"\\f113",source_code:"\\f114",marker_off:"\\f115",clock_add:"\\f116",system_iOS:"\\f117",system_Android:"\\f118",color_picker:"\\f119",palette:"\\f120",graphql:"\\f121",person_add:"\\f122"},f=(n=function(r){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{},o=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),o.forEach((function(t){e(r,t,a[t])}))}return r}({},r,t,a,o,i,c,_,l,{add:o.plus,create:o.plus,services:o.plus,admin:o.favourite,analysis:_.chart_line,graph:_.chart_line,basket:i.cart,bin:i.delete,bulk_destroy:i.delete,caret_down:o.dropdown,collaborate:o.share,contacts:t.people,entry:c.list_view,go:_.progressed,submitted:_.progressed,grid:o.split,individual:t.person,location:r.marker,message:r.email,old_warning:_.warning,phone:r.call,piggy_bank:o.save,question_hollow:o.video,question_mark:o.question,remove:o.minus,settings_old:a.settings,true_tick:_.tick,arrow:c.arrow_right,in_transit:c.arrow_left_right_small,progress:l.circle_with_dots}),s=null!=(s={none:""})?s:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(s)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(s)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(s,e))})),n);var n,s;export{f as default};

package/esm/components/icon/icon.component.d.ts

@@ -0,0 +1,105 @@
+import React from "react";
+import { MarginProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
+import { BackgroundShape, BgSize, FontSize, IconColor, StyledIconProps } from "./icon.style";
+import { IconType } from "./icon-type";
+import { TooltipPositions } from "../tooltip/tooltip.config";
+export type LegacyIconTypes = "help" | "maintenance" | "new" | "success" | "messages";
+/**
+ * The size of the Icon.
+ */
+export type IconSize = "small" | "medium" | "large";
+export interface IconProps extends Pick<StyledIconProps, "className" | "inverse">, MarginProps, TagProps {
+    /** Set whether icon should be recognised by assistive technologies */
+    "aria-hidden"?: boolean;
+    /** Aria label for accessibility purposes */
+    ariaLabel?: string;
+    /** Id passed to the icon. */
+    id?: string;
+    /** The ARIA role to be applied to the Icon */
+    role?: string;
+    /**
+     * @deprecated Tooltip support has been removed from `Icon` and the use of tooltips
+     * is discouraged. This prop no longer has any effect.
+     */
+    tooltipMessage?: React.ReactNode;
+    /** @deprecated */
+    tooltipPosition?: TooltipPositions;
+    /** @deprecated */
+    tooltipVisible?: boolean;
+    /** @deprecated */
+    tooltipBgColor?: string;
+    /** @deprecated */
+    tooltipFontColor?: string;
+    /** @deprecated */
+    tooltipFlipOverrides?: TooltipPositions[];
+    /** @deprecated */
+    tooltipId?: string;
+    /**
+     * Icon type.
+     *
+     * Icons use a `snake_case` naming convention and are organised into the following categories:
+     *
+     * - **Navigation** — `arrow_*`, `chevron_*`, `caret_*`, `caret_large_*`
+     * - **Actions** — `add`, `bin`, `close`, `copy`, `create`, `delete`, `drag`, `download`,
+     *   `edit`, `export`, `filter`, `link`, `search`, `settings`, `upload`, and more.
+     * - **Status** — `alert`, `blocked`, `double_tick`, `error`, `error_square`, `info`,
+     *   `tick`, `warning`, and more.
+     * - **Communication** — `call`, `chat`, `email`, `fax`, `message`, and more.
+     * - **Finance** — `bank`, `cash`, `coins`, `credit_card`, `euro`, `receipt`, and more.
+     * - **Social / App** — `app_facebook`, `app_instagram`, `app_tiktok`, `app_twitter`, `app_youtube`.
+     * - **Documents & Files** — `attach`, `document_*`, `file_*`, and more.
+     * - **Charts** — `chart_bar`, `chart_bar_arrow_up`, `chart_line`, `chart_pie`.
+     *
+     * The full list of types can be seen [here](https://carbon.sage.com/?path=/docs/icon--list-of-icons#list-of-icons).
+     */
+    type: IconType | LegacyIconTypes;
+    /** @ignore @private */
+    focusable?: boolean;
+    /** @ignore @private */
+    isPartOfInput?: boolean;
+    /** @ignore @private */
+    inputSize?: "small" | "medium" | "large";
+    /** @ignore @private */
+    tabIndex?: number;
+    /**
+     * Size of the Icon.
+     *
+     * - `small` — 24px (default)
+     * - `medium` — 32px
+     * - `large` — 40px
+     */
+    size?: IconSize;
+    /** Renders the Icon in a light colour, suitable for use on dark backgrounds. */
+    inverse?: boolean;
+    /**
+     * @deprecated Use the `size` prop instead. The `extra-large` value is no longer
+     * supported and will be mapped to `large`.
+     */
+    fontSize?: FontSize;
+    /** @deprecated Use CSS or a wrapper element to apply a background colour. */
+    bg?: string;
+    /** @deprecated Use CSS or a wrapper element to apply a background shape. */
+    bgShape?: BackgroundShape;
+    /** @deprecated Use CSS or a wrapper element to control background size. */
+    bgSize?: BgSize;
+    /**
+     * Override the icon color with a semantic preset.
+     *
+     * - `neutral` — default content icon color
+     * - `subtle` — alternative, lower-emphasis content icon color
+     * - `caution` — caution status color
+     * - `info` — information status color
+     * - `negative` — negative status color
+     * - `positive` — positive status color
+     *
+     * Arbitrary CSS color strings remain supported for backward compatibility,
+     * but semantic presets are preferred. Legacy `color="white"` (and common
+     * equivalent expressions) maps to the `inverse` neutral token.
+     */
+    color?: IconColor | string;
+    /** @deprecated Applies disabled styling to the icon. */
+    disabled?: boolean;
+}
+declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;
+export default Icon;

package/esm/components/icon/icon.component.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import t,{useMemo as o}from"react";import r from"../../__internal__/utils/logger/index.js";import"../../style/utils/filter-styled-system-padding-props.js";import i from"../../style/utils/filter-styled-system-margin-props.js";import a from"./icon.style.js";import{isLegacyWhiteColor as l,resolveSemanticColor as n}from"./icon.utils.js";function s(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function p(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),r.forEach((function(t){s(e,t,o[t])}))}return e}const c=t.forwardRef(((t,s)=>{var{"aria-hidden":c,ariaLabel:u,bg:d,bgShape:f,bgSize:b,className:m,color:g,"data-element":y,"data-role":O,disabled:v,focusable:S,fontSize:j,id:h,inputSize:w,isPartOfInput:z,inverse:x,size:I="small",tabIndex:P,tooltipMessage:C,tooltipPosition:F,tooltipVisible:N,tooltipBgColor:_,tooltipFontColor:k,tooltipFlipOverrides:L,tooltipId:B,type:E,role:M}=t,V=function(e,t){if(null==e)return{};var o,r,i=function(e,t){if(null==e)return{};var o,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)o=a[r],t.indexOf(o)>=0||(i[o]=e[o]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)o=a[r],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}(t,["aria-hidden","ariaLabel","bg","bgShape","bgSize","className","color","data-element","data-role","disabled","focusable","fontSize","id","inputSize","isPartOfInput","inverse","size","tabIndex","tooltipMessage","tooltipPosition","tooltipVisible","tooltipBgColor","tooltipFontColor","tooltipFlipOverrides","tooltipId","type","role"]);const q=o((()=>{switch(E){case"help":return"question";case"maintenance":return"settings";case"new":return"gift";case"success":return"tick";case"messages":case"email":return"message";default:return E}}),[E]),D=o((()=>j?"extra-large"===j?(r.warn('[Icon] The `fontSize` value "extra-large" is no longer supported and has been mapped to "large".'),"large"):j:I),[j,I]),R=null==g?void 0:g.trim().toLowerCase(),T=n(R),$=!!R&&l(R),A=p({$customColor:T||$?void 0:g,"aria-hidden":c,"aria-label":u,bg:d,bgSize:b||D,bgShape:f,className:m||void 0,color:T,"data-component":"icon","data-color":g,"data-element":null!=y?y:q,"data-role":null!=O?O:"icon",disabled:v,fontSize:D,id:h,inverse:x||!T&&$,ref:s,role:M,tabIndex:P,type:q},i(V));return e(a,p({},A))}));c.displayName="Icon";export{c as default};