npm - carbon-react - Versions diffs - 154.3.2 → 154.3.3-beta.1 - Mend

carbon-react 154.3.2 → 154.3.3-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1807) hide show

package/lib/components/icon/icon-unicodes.js CHANGED Viewed

@@ -1,333 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const communications = {
-  call: "\\e93d",
-  mobile: "\\e932",
-  fax: "\\e925",
-  email: "\\e922",
-  email_switch: "\\e996",
-  marker: "\\e93f"
-};
-const business = {
-  person: "\\e93c",
-  person_info: "\\e994",
-  person_tick: "\\e97b",
-  people: "\\e93b",
-  people_switch: "\\e995",
-  business: "\\e90d",
-  shop: "\\e947",
-  bank: "\\e977"
-};
-const primaryNavigation = {
-  home: "\\e929",
-  dashboard: "\\f007",
-  settings: "\\e91a",
-  search: "\\e92f",
-  feedback: "\\e930",
-  logout: "\\e92e",
-  alert: "\\e90b",
-  alert_on: "\\f001",
-  talk: "\\e95a"
-};
-const actions = {
-  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"
-};
-const batchActions = {
-  cart: "\\e90a",
-  basket_with_squares: "\\e975",
-  delete: "\\e90c",
-  print: "\\e942",
-  csv: "\\e94a",
-  pdf: "\\e91f",
-  duplicate: "\\e921",
-  copy: "\\e91b",
-  check_all: "\\f028",
-  check_none: "\\f029"
-};
-const navigation = {
-  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"
-};
-const statusSymbols = {
-  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"
-};
-const misc = {
-  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",
-  square_dot: "\\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"
-};
-const legacyNames = {
-  add: actions.plus,
-  create: actions.plus,
-  services: actions.plus,
-  admin: actions.favourite,
-  analysis: statusSymbols.chart_line,
-  graph: statusSymbols.chart_line,
-  basket: batchActions.cart,
-  // `tsc` emits an invalid .d.ts file if we're using normal property access (.delete):
-  // it tries to use `delete` as an identifier, but `delete` is a reserved keyword.
-  // By using ["delete"] instead, tsc generates a different - valid - .d.ts file
-  // See also: https://github.com/microsoft/TypeScript/issues/53111
-  /* eslint-disable-next-line dot-notation */
-  bin: batchActions["delete"],
-  /* eslint-disable-next-line dot-notation */
-  bulk_destroy: batchActions["delete"],
-  caret_down: actions.dropdown,
-  collaborate: actions.share,
-  contacts: business.people,
-  entry: navigation.list_view,
-  go: statusSymbols.progressed,
-  submitted: statusSymbols.progressed,
-  grid: actions.split,
-  individual: business.person,
-  location: communications.marker,
-  message: communications.email,
-  old_warning: statusSymbols.warning,
-  phone: communications.call,
-  piggy_bank: actions.save,
-  question_hollow: actions.video,
-  question_mark: actions.question,
-  remove: actions.minus,
-  settings_old: primaryNavigation.settings,
-  true_tick: statusSymbols.tick,
-  arrow: navigation.arrow_right,
-  in_transit: navigation.arrow_left_right_small,
-  progress: misc.circle_with_dots
-};
-const iconUnicodes = {
-  ...communications,
-  ...business,
-  ...primaryNavigation,
-  ...actions,
-  ...batchActions,
-  ...navigation,
-  ...statusSymbols,
-  ...misc,
-  ...legacyNames,
-  none: ""
-};
-var _default = exports.default = iconUnicodes;
+"use strict";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}Object.defineProperty(exports,"__esModule",{value:!0});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"},l={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"},c={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"},_={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",square_dot:"\\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"},n=(f=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,l,c,_,{add:o.plus,create:o.plus,services:o.plus,admin:o.favourite,analysis:c.chart_line,graph:c.chart_line,basket:i.cart,bin:i.delete,bulk_destroy:i.delete,caret_down:o.dropdown,collaborate:o.share,contacts:t.people,entry:l.list_view,go:c.progressed,submitted:c.progressed,grid:o.split,individual:t.person,location:r.marker,message:r.email,old_warning:c.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:c.tick,arrow:l.arrow_right,in_transit:l.arrow_left_right_small,progress:_.circle_with_dots}),s=null!=(s={none:""})?s:{},Object.getOwnPropertyDescriptors?Object.defineProperties(f,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(f,e,Object.getOwnPropertyDescriptor(s,e))})),f);var f,s;exports.default=n;

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

@@ -1,134 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _invariant = _interopRequireDefault(require("invariant"));
-var _tooltip = _interopRequireDefault(require("../tooltip"));
-var _utils = require("../../style/utils");
-var _tooltipProvider = require("../../__internal__/tooltip-provider");
-var _icon = _interopRequireDefault(require("./icon.style"));
-var _iconConfig = require("./icon-config");
-var _tabTitle = _interopRequireDefault(require("../tabs/__internal__/tab-title/tab-title.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); }
-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 Icon = /*#__PURE__*/_react.default.forwardRef(({
-  "aria-hidden": ariaHidden,
-  ariaLabel,
-  bg,
-  bgShape,
-  bgSize,
-  className,
-  color,
-  "data-element": dataElement,
-  "data-role": dataRole,
-  disabled,
-  focusable = true,
-  fontSize = "small",
-  id,
-  inputSize,
-  isPartOfInput,
-  tabIndex,
-  tooltipMessage,
-  tooltipPosition,
-  tooltipVisible,
-  tooltipBgColor,
-  tooltipFontColor,
-  tooltipFlipOverrides,
-  tooltipId,
-  type,
-  role,
-  ...rest
-}, ref) => {
-  const flipBehaviourCheck = Array.isArray(tooltipFlipOverrides) && tooltipFlipOverrides.every(override => _iconConfig.ICON_TOOLTIP_POSITIONS.includes(override));
-  if (tooltipFlipOverrides) {
-    !flipBehaviourCheck ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, `The tooltipFlipOverrides prop supplied to \`Icon\` must be an array containing some or all of ["top", "bottom", "left", "right"].`) : (0, _invariant.default)(false) : void 0;
-  }
-  const isInteractive = !!tooltipMessage && !disabled;
-  const {
-    tooltipPosition: tooltipPositionFromContext,
-    focusable: focusableFromContext,
-    tooltipVisible: tooltipVisibleFromContext,
-    disabled: disabledFromContext,
-    target
-  } = (0, _react.useContext)(_tooltipProvider.TooltipContext);
-  const {
-    isInTab
-  } = (0, _react.useContext)(_tabTitle.default);
-  /** Return Icon type with overrides */
-  const iconType = (0, _react.useMemo)(() => {
-    // switch tweaks icon names for actual icons in the set
-    switch (type) {
-      case "help":
-        return "question";
-      case "maintenance":
-        return "settings";
-      case "new":
-        return "gift";
-      case "success":
-        return "tick";
-      case "messages":
-      case "email":
-        return "message";
-      default:
-        return type;
-    }
-  }, [type]);
-  const isFocusable = focusableFromContext !== undefined ? focusableFromContext : focusable;
-  const hasTooltip = !disabled && !disabledFromContext && !!tooltipMessage && isFocusable;
-  const computedTabIndex = (0, _react.useMemo)(() => {
-    if (isInTab) {
-      return undefined;
-    }
-    return hasTooltip && tabIndex === undefined ? 0 : tabIndex;
-  }, [isInTab, hasTooltip, tabIndex]);
-  const styledIconProps = {
-    "aria-hidden": ariaHidden,
-    "aria-label": ariaLabel,
-    bg,
-    bgSize: bgSize || fontSize,
-    bgShape,
-    className: className || undefined,
-    color,
-    "data-component": "icon",
-    "data-element": dataElement ?? iconType,
-    "data-role": dataRole ?? "icon",
-    disabled: disabledFromContext || disabled,
-    fontSize,
-    hasTooltip,
-    id,
-    isInteractive,
-    key: "icon",
-    ref,
-    role,
-    tabIndex: computedTabIndex,
-    type: iconType,
-    ...(0, _utils.filterStyledSystemMarginProps)(rest)
-  };
-  const shouldShowTooltip = () => {
-    return tooltipVisibleFromContext !== undefined ? tooltipVisibleFromContext : tooltipVisible;
-  };
-  if (tooltipMessage) {
-    const visible = disabled ? false : shouldShowTooltip();
-    return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-      message: tooltipMessage,
-      position: tooltipPositionFromContext || tooltipPosition,
-      type: type,
-      id: tooltipId,
-      isVisible: visible,
-      isPartOfInput: isPartOfInput,
-      inputSize: inputSize,
-      bgColor: tooltipBgColor,
-      fontColor: tooltipFontColor,
-      flipOverrides: tooltipFlipOverrides,
-      target: target
-    }, /*#__PURE__*/_react.default.createElement(_icon.default, styledIconProps));
-  }
-  return /*#__PURE__*/_react.default.createElement(_icon.default, styledIconProps);
-});
-Icon.displayName = "Icon";
-var _default = exports.default = Icon;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),o=require("invariant"),r=require("../tooltip/tooltip.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var i=require("../../style/utils/filter-styled-system-margin-props.js"),l=require("../../__internal__/tooltip-provider/index.js"),n=require("./icon.style.js"),a=require("./icon-config.js"),s=require("../tabs/__internal__/tab-title/tab-title.context.js");function u(e){return e&&e.__esModule?e:{default:e}}var p=u(t),c=u(o);function d(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function f(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){d(e,t,o[t])}))}return e}const b=p.default.forwardRef(((o,u)=>{var{"aria-hidden":p,ariaLabel:d,bg:b,bgShape:g,bgSize:y,className:m,color:O,"data-element":v,"data-role":j,disabled:S,focusable:I=!0,fontSize:h="small",id:x,inputSize:P,isPartOfInput:_,tabIndex:q,tooltipMessage:C,tooltipPosition:w,tooltipVisible:z,tooltipBgColor:T,tooltipFontColor:M,tooltipFlipOverrides:N,tooltipId:F,type:k,role:V}=o,L=function(e,t){if(null==e)return{};var o,r,i=function(e,t){if(null==e)return{};var o,r,i={},l=Object.keys(e);for(r=0;r<l.length;r++)o=l[r],t.indexOf(o)>=0||(i[o]=e[o]);return i}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)o=l[r],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}(o,["aria-hidden","ariaLabel","bg","bgShape","bgSize","className","color","data-element","data-role","disabled","focusable","fontSize","id","inputSize","isPartOfInput","tabIndex","tooltipMessage","tooltipPosition","tooltipVisible","tooltipBgColor","tooltipFontColor","tooltipFlipOverrides","tooltipId","type","role"]);const A=Array.isArray(N)&&N.every((e=>a.ICON_TOOLTIP_POSITIONS.includes(e)));N&&c.default(A,'The tooltipFlipOverrides prop supplied to `Icon` must be an array containing some or all of ["top", "bottom", "left", "right"].');const B=!!C&&!S,{tooltipPosition:E,focusable:D,tooltipVisible:R,disabled:G,target:H}=t.useContext(l.TooltipContext),{isInTab:J}=t.useContext(s.default),K=t.useMemo((()=>{switch(k){case"help":return"question";case"maintenance":return"settings";case"new":return"gift";case"success":return"tick";case"messages":case"email":return"message";default:return k}}),[k]),Q=!S&&!G&&!!C&&(void 0!==D?D:I),U=t.useMemo((()=>{if(!J)return Q&&void 0===q?0:q}),[J,Q,q]),W=f({"aria-hidden":p,"aria-label":d,bg:b,bgSize:y||h,bgShape:g,className:m||void 0,color:O,"data-component":"icon","data-element":null!=v?v:K,"data-role":null!=j?j:"icon",disabled:G||S,fontSize:h,hasTooltip:Q,id:x,isInteractive:B,key:"icon",ref:u,role:V,tabIndex:U,type:K},i.default(L));if(C){const t=!S&&(void 0!==R?R:z);return e.jsx(r.Tooltip,{message:C,position:E||w,type:k,id:F,isVisible:t,isPartOfInput:_,inputSize:P,bgColor:T,fontColor:M,flipOverrides:N,target:H,children:e.jsx(n.default,f({},W))})}return e.jsx(n.default,f({},W))}));b.displayName="Icon",exports.default=b;

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

@@ -1,149 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _polished = require("polished");
-var _styledSystem = require("styled-system");
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _addFocusStyling = _interopRequireDefault(require("../../style/utils/add-focus-styling"));
-var _color = _interopRequireDefault(require("../../style/utils/color"));
-var _getColorValue = _interopRequireDefault(require("../../style/utils/get-color-value"));
-var _globals = require("../../__internal__/dom/globals");
-var _browserTypeCheck = _interopRequireWildcard(require("../../__internal__/utils/helpers/browser-type-check"));
-var _iconConfig = _interopRequireDefault(require("./icon-config"));
-var _iconUnicodes = _interopRequireDefault(require("./icon-unicodes"));
-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; }
-function adjustIconBgSize(fontSize, bgSize) {
-  const sizeValues = {
-    small: 1,
-    medium: 2,
-    large: 3,
-    "extra-large": 4
-  };
-  if (fontSize && bgSize) {
-    const fontSizeValue = sizeValues[fontSize];
-    const bgSizeValue = sizeValues[bgSize];
-    if (bgSizeValue < fontSizeValue) {
-      // eslint-disable-next-line no-console
-      console.warn(`[WARNING - Icon] The "${bgSize}" \`bgSize\` is smaller than "${fontSize}" \`fontSize\`, the \`bgSize\` has been auto adjusted to a larger size.`);
-      return _iconConfig.default.backgroundSize[fontSize];
-    }
-    return _iconConfig.default.backgroundSize[bgSize];
-  }
-  /* The below is ignored as removing it may cause regressions as some components import StyledIcon directly from this file
-  however it cannot be tested in the Icon tests as these props always have a value. */
-  /* istanbul ignore next */
-  return bgSize ? _iconConfig.default.backgroundSize[bgSize] : undefined;
-}
-const StyledIcon = _styledComponents.default.span`
-  ${({
-  theme,
-  color,
-  bg,
-  isInteractive,
-  bgSize,
-  bgShape,
-  type,
-  fontSize,
-  disabled,
-  hasTooltip
-}) => {
-  let finalColor = "var(--colorsYin090)";
-  let finalHoverColor = "var(--colorsYin090)";
-  let bgColor = "transparent";
-  let bgHoverColor = "transparent";
-  const win = (0, _globals.getWindow)();
-  const nav = (0, _globals.getNavigator)();
-  const adjustedBgSize = adjustIconBgSize(fontSize, bgSize);
-  try {
-    if (disabled) {
-      finalColor = "var(--colorsYin030)";
-      finalHoverColor = "var(--colorsYin030)";
-    } else if (color) {
-      const {
-        color: renderedColor
-      } = (0, _color.default)({
-        color,
-        theme
-      });
-      finalColor = renderedColor;
-      finalHoverColor = (0, _polished.shade)(0.2, (0, _getColorValue.default)(renderedColor));
-    }
-    if (bg) {
-      const {
-        backgroundColor
-      } = (0, _color.default)({
-        bg,
-        theme
-      });
-      bgColor = backgroundColor;
-      bgHoverColor = (0, _polished.shade)(0.2, (0, _getColorValue.default)(backgroundColor));
-    }
-  } catch (e) {
-    // eslint-disable-next-line no-console
-    console.error(e);
-  }
-  return (0, _styledComponents.css)`
-      position: relative;
-      color: ${finalColor};
-      background-color: ${bgColor};
-      vertical-align: middle;
-      align-items: center;
-      display: inline-flex;
-      justify-content: center;
-      height: ${adjustedBgSize};
-      width: ${adjustedBgSize};
-      ${bgShape ? `border-radius: ${_iconConfig.default.backgroundShape[bgShape]}` : ""};
-      ${isInteractive && (0, _styledComponents.css)`
-        &:hover {
-          color: ${finalHoverColor};
-          background-color: ${bgHoverColor};
-        }
-      `}
-      &::before {
-        -webkit-font-smoothing: antialiased;
-        -moz-osx-font-smoothing: grayscale;
-        font-family: CarbonIcons;
-        content: "${_iconUnicodes.default[type]}";
-        font-style: normal;
-        font-weight: normal;
-        vertical-align: middle;
-        ${fontSize && (0, _styledComponents.css)`
-          font-size: ${_iconConfig.default.iconSize[fontSize]};
-          line-height: ${_iconConfig.default.iconSize[fontSize]};
-        `}
-        // FIXME: this can cause hydration mismatches during SSR.
-        ${win && type === "services" && (0, _browserTypeCheck.default)(win) && (0, _styledComponents.css)`
-          margin-top: ${fontSize === "small" ? "-7px" : "-8px"};
-        `}
-        ${nav && win && type === "services" && (0, _browserTypeCheck.isSafari)(nav) && !(0, _browserTypeCheck.default)(win) && (0, _styledComponents.css)`
-          margin-top: -6px;
-        `}
-        display: block;
-      }
-      ${hasTooltip && `
-        :focus {
-          ${(0, _addFocusStyling.default)()}
-        }
-      `}
-      ${_styledSystem.margin}
-    `;
-}}
-`;
-StyledIcon.defaultProps = {
-  theme: _base.default
-};
-var _default = exports.default = StyledIcon;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("polished"),o=require("styled-system"),r=require("../../style/themes/base/index.js"),i=require("../../style/utils/add-focus-styling.js"),s=require("../../style/utils/color.js"),a=require("../../style/utils/get-color-value.js"),l=require("../../__internal__/dom/globals.js"),n=require("../../__internal__/utils/helpers/browser-type-check/index.js"),c=require("./icon-config.js"),d=require("./icon-unicodes.js");function u(e){return e&&e.__esModule?e:{default:e}}const f=u(e).default.span.withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-a1b5f4a4-0"})(["",""],(({theme:r,color:u,bg:f,isInteractive:g,bgSize:h,bgShape:m,type:b,fontSize:p,disabled:y,hasTooltip:v})=>{let S="var(--colorsYin090)",_="var(--colorsYin090)",z="transparent",j="transparent";const q=l.getWindow(),k=l.getNavigator(),x=function(e,t){const o={small:1,medium:2,large:3,"extra-large":4};return e&&t?o[t]<o[e]?(console.warn(`[WARNING - Icon] The "${t}" \`bgSize\` is smaller than "${e}" \`fontSize\`, the \`bgSize\` has been auto adjusted to a larger size.`),c.default.backgroundSize[e]):c.default.backgroundSize[t]:t?c.default.backgroundSize[t]:void 0}(p,h);try{if(y)S="var(--colorsYin030)",_="var(--colorsYin030)";else if(u){const{color:e}=s.default({color:u,theme:r});S=e,_=t.shade(.2,a.default(e))}if(f){const{backgroundColor:e}=s.default({bg:f,theme:r});z=e,j=t.shade(.2,a.default(e))}}catch(e){console.error(e)}return e.css(["position:relative;color:",";background-color:",";vertical-align:middle;align-items:center;display:inline-flex;justify-content:center;height:",";width:",";",";",' &::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:CarbonIcons;content:"','";font-style:normal;font-weight:normal;vertical-align:middle;'," "," "," display:block;}"," ",""],S,z,x,x,m?`border-radius: ${c.default.backgroundShape[m]}`:"",g&&e.css(["&:hover{color:",";background-color:",";}"],_,j),d.default[b],p&&e.css(["font-size:",";line-height:",";"],c.default.iconSize[p],c.default.iconSize[p]),q&&"services"===b&&n.default(q)&&e.css(["margin-top:",";"],"small"===p?"-7px":"-8px"),k&&q&&"services"===b&&n.isSafari(k)&&!n.default(q)&&e.css(["margin-top:-6px;"]),v&&`\n        :focus {\n          ${i.default()}\n        }\n      `,o.margin)}));f.defaultProps={theme:r.default},exports.default=f;

package/lib/components/icon/index.js CHANGED Viewed

@@ -1,13 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _icon.default;
-  }
-});
-var _icon = _interopRequireDefault(require("./icon.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./icon.component.js");exports.default=e.default;

package/lib/components/icon/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/icon/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/icon/index.js",
   "types": "./index.d.ts"
 }