@thecb/components 7.7.3-beta.4 → 7.7.3

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.
package/dist/index.cjs.js CHANGED
@@ -15552,7 +15552,14 @@ var CheckIcon = function CheckIcon() {
15552
15552
  })))))));
15553
15553
  };
15554
15554
 
15555
- var WarningIconXS = function WarningIconXS() {
15555
+ var WarningIconXS = function WarningIconXS(_ref) {
15556
+ var _ref$color = _ref.color,
15557
+ color = _ref$color === void 0 ? "#B34A00" : _ref$color,
15558
+ title = _ref.title,
15559
+ _ref$titleID = _ref.titleID,
15560
+ titleID = _ref$titleID === void 0 ? "warning-icon-title" : _ref$titleID,
15561
+ _ref$iconIndex = _ref.iconIndex,
15562
+ iconIndex = _ref$iconIndex === void 0 ? 0 : _ref$iconIndex;
15556
15563
  return /*#__PURE__*/React__default.createElement("svg", {
15557
15564
  width: "16px",
15558
15565
  height: "13px",
@@ -15560,40 +15567,40 @@ var WarningIconXS = function WarningIconXS() {
15560
15567
  version: "1.1",
15561
15568
  xmlns: "http://www.w3.org/2000/svg",
15562
15569
  xmlnsXlink: "http://www.w3.org/1999/xlink",
15563
- "aria-labelledby": "#warning-restricted-item",
15570
+ "aria-labelledby": title && "#".concat(titleID, "-").concat(iconIndex),
15564
15571
  role: "img"
15565
- }, /*#__PURE__*/React__default.createElement("title", {
15566
- id: "warning-restricted-item"
15567
- }, "Warning: restricted items cannot be selected"), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("path", {
15572
+ }, title && /*#__PURE__*/React__default.createElement("title", {
15573
+ id: "".concat(titleID, "-").concat(iconIndex)
15574
+ }, title), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("path", {
15568
15575
  d: "M11.0106463,4.4659633 C11.3063934,4.63914978 11.5526739,4.88543032 11.7258604,5.18117739 L16.7999622,13.846119 C17.3581267,14.7992854 17.0379144,16.0244612 16.0847481,16.5826257 C15.7781918,16.762142 15.4293522,16.8567653 15.0741018,16.8567653 L4.92589823,16.8567653 C3.82132873,16.8567653 2.92589823,15.9613348 2.92589823,14.8567653 C2.92589823,14.5015149 3.02052159,14.1526753 3.20003784,13.846119 L8.27413962,5.18117739 C8.83230416,4.22801102 10.0574799,3.90779877 11.0106463,4.4659633 Z M10.6666667,13.3333333 L9.33333333,13.3333333 L9.33333333,14.6666667 L10.6666667,14.6666667 L10.6666667,13.3333333 Z M10.6666667,6.66666667 L9.33333333,6.66666667 L9.33333333,12 L10.6666667,12 L10.6666667,6.66666667 Z",
15569
- id: "WarningIconXs-path-1"
15576
+ id: "WarningIconXs-path-1-".concat(iconIndex)
15570
15577
  })), /*#__PURE__*/React__default.createElement("g", {
15571
- id: "WarningIconXs-SRV-2647---Workflow-$0-Balance",
15578
+ id: "WarningIconXs-Group-1-".concat(iconIndex),
15572
15579
  stroke: "none",
15573
15580
  strokeWidth: "1",
15574
15581
  fill: "none",
15575
15582
  fillRule: "evenodd"
15576
15583
  }, /*#__PURE__*/React__default.createElement("g", {
15577
- id: "WarningIconXs-11---Search-Results----Checked--Copy-6",
15584
+ id: "WarningIconXs-Group-2-".concat(iconIndex),
15578
15585
  transform: "translate(-135.000000, -483.000000)"
15579
15586
  }, /*#__PURE__*/React__default.createElement("g", {
15580
- id: "WarningIconXs-Group",
15587
+ id: "WarningIconXs-Group-3-".concat(iconIndex),
15581
15588
  transform: "translate(133.000000, 479.000000)"
15582
15589
  }, /*#__PURE__*/React__default.createElement("mask", {
15583
- id: "WarningIconXs-mask-2",
15590
+ id: "WarningIconXs-mask-2-".concat(iconIndex),
15584
15591
  fill: "white"
15585
15592
  }, /*#__PURE__*/React__default.createElement("use", {
15586
- xlinkHref: "#WarningIconXs-path-1"
15593
+ xlinkHref: "#WarningIconXs-path-1-".concat(iconIndex)
15587
15594
  })), /*#__PURE__*/React__default.createElement("use", {
15588
- id: "WarningIconXs-Mask",
15589
- fill: "#B34A00",
15595
+ id: "WarningIconXs-Mask-".concat(iconIndex),
15596
+ fill: color,
15590
15597
  fillRule: "nonzero",
15591
- xlinkHref: "#WarningIconXs-path-1"
15598
+ xlinkHref: "#WarningIconXs-path-1-".concat(iconIndex)
15592
15599
  }), /*#__PURE__*/React__default.createElement("polygon", {
15593
- id: "WarningIconXs-Path",
15594
- fill: "#B34A00",
15600
+ id: "WarningIconXs-Path-".concat(iconIndex),
15601
+ fill: color,
15595
15602
  fillRule: "nonzero",
15596
- mask: "url(#WarningIconXs-mask-2)",
15603
+ mask: "url(#WarningIconXs-mask-2-".concat(iconIndex, ")"),
15597
15604
  points: "-2.84217094e-14 -4.26325641e-14 20 -4.26325641e-14 20 20 -2.84217094e-14 20"
15598
15605
  })))));
15599
15606
  };