@thecb/components 10.5.0-beta.3 → 10.5.0-beta.5

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 (11) hide show
  1. package/dist/index.cjs.js +16 -10
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +16 -10
  4. package/dist/index.esm.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/atoms/icons/IconAdd.js +9 -3
  7. package/src/components/atoms/placeholder/Placeholder.js +5 -5
  8. package/src/components/atoms/placeholder/Placeholder.stories.js +2 -1
  9. package/src/components/molecules/modal/Modal.stories.js +3 -3
  10. package/src/components/molecules/modal/ModalControlV1.js +1 -1
  11. package/src/components/molecules/modal/ModalControlV2.js +4 -3
package/dist/index.cjs.js CHANGED
@@ -14139,7 +14139,9 @@ var GenericErrorIcon = function GenericErrorIcon() {
14139
14139
  }));
14140
14140
  };
14141
14141
 
14142
- var IconAdd = function IconAdd() {
14142
+ var IconAdd = function IconAdd(_ref) {
14143
+ var _ref$strokeWidth = _ref.strokeWidth,
14144
+ strokeWidth = _ref$strokeWidth === void 0 ? 1 : _ref$strokeWidth;
14143
14145
  return /*#__PURE__*/React__default.createElement("svg", {
14144
14146
  xmlns: "http://www.w3.org/2000/svg",
14145
14147
  xmlnsXlink: "http://www.w3.org/1999/xlink",
@@ -14154,7 +14156,7 @@ var IconAdd = function IconAdd() {
14154
14156
  fill: "none",
14155
14157
  fillRule: "evenodd",
14156
14158
  stroke: "none",
14157
- strokeWidth: "1"
14159
+ strokeWidth: strokeWidth
14158
14160
  }, /*#__PURE__*/React__default.createElement("g", {
14159
14161
  transform: "translate(-407 -563)"
14160
14162
  }, /*#__PURE__*/React__default.createElement("g", {
@@ -14172,6 +14174,7 @@ var IconAdd = function IconAdd() {
14172
14174
  xlinkHref: "#path-1"
14173
14175
  })), /*#__PURE__*/React__default.createElement("circle", {
14174
14176
  className: "stroke",
14177
+ strokeWidth: strokeWidth,
14175
14178
  cx: "8.155",
14176
14179
  cy: "8.072",
14177
14180
  r: "8"
@@ -27844,13 +27847,13 @@ var Placeholder = function Placeholder(_ref2) {
27844
27847
  childGap: "0"
27845
27848
  }, variant === "large" && /*#__PURE__*/React__default.createElement("div", null), /*#__PURE__*/React__default.createElement(Box, {
27846
27849
  padding: "0",
27847
- extraStyles: ".fill { \n fill: ".concat(variant === "large" ? CHARADE_GREY : themeValues.color, "; \n } .stroke { \n stroke: ").concat(variant === "large" ? CHARADE_GREY : themeValues.color, "; \n }")
27850
+ extraStyles: ".fill { \n fill: ".concat(variant === "large" ? CHARADE_GREY : themeValues.color, "; \n } .stroke { \n stroke: ").concat(variant === "large" ? CHARADE_GREY : themeValues.color, "; \n } ")
27848
27851
  }, variant === "large" ? /*#__PURE__*/React__default.createElement(Center, {
27849
27852
  intrinsic: true
27850
27853
  }, getLargeIcon(largeIcon), /*#__PURE__*/React__default.createElement(Text$1, {
27851
27854
  variant: "pS",
27852
27855
  color: themeValues.color,
27853
- weight: FONT_WEIGHT_REGULAR,
27856
+ weight: FONT_WEIGHT_SEMIBOLD,
27854
27857
  extraStyles: "text-align: center;"
27855
27858
  }, text)) : /*#__PURE__*/React__default.createElement(Cover, {
27856
27859
  singleChild: true,
@@ -27858,12 +27861,14 @@ var Placeholder = function Placeholder(_ref2) {
27858
27861
  }, /*#__PURE__*/React__default.createElement(Cluster, {
27859
27862
  justify: "center",
27860
27863
  align: "center"
27861
- }, /*#__PURE__*/React__default.createElement(IconAdd, null), /*#__PURE__*/React__default.createElement(Center, {
27864
+ }, /*#__PURE__*/React__default.createElement(IconAdd, {
27865
+ strokeWidth: "2"
27866
+ }), /*#__PURE__*/React__default.createElement(Center, {
27862
27867
  intrinsic: true
27863
27868
  }, /*#__PURE__*/React__default.createElement(Text$1, {
27864
27869
  variant: "pS",
27865
27870
  color: themeValues.color,
27866
- weight: FONT_WEIGHT_REGULAR,
27871
+ weight: FONT_WEIGHT_SEMIBOLD,
27867
27872
  extraStyles: "padding: 0 0 0 8px; text-align: center;"
27868
27873
  }, text)))))))))));
27869
27874
  };
@@ -46317,7 +46322,7 @@ var Modal$1 = function Modal(_ref) {
46317
46322
  // - https://react.dev/reference/react/useRef#caveats
46318
46323
  // - https://github.com/davidtheclark/react-aria-modal/pull/103
46319
46324
  // - https://github.com/focus-trap/focus-trap?tab=readme-ov-file#createoptions
46320
- var modalContainerRef = React.useRef("[id='react-aria-modal-dialog']");
46325
+ var modalContainerRef = React.useRef("#react-aria-modal-dialog");
46321
46326
  return /*#__PURE__*/React__default.createElement("div", {
46322
46327
  ref: modalContainerRef,
46323
46328
  tabIndex: "-1",
@@ -46640,7 +46645,7 @@ var Modal$2 = function Modal(_ref) {
46640
46645
  // - https://react.dev/reference/react/useRef#caveats
46641
46646
  // - https://github.com/davidtheclark/react-aria-modal/pull/103
46642
46647
  // - https://github.com/focus-trap/focus-trap?tab=readme-ov-file#createoptions
46643
- var modalContainerRef = React.useRef("[id='react-aria-modal-dialog']");
46648
+ var modalContainerRef = React.useRef("#react-aria-modal-dialog");
46644
46649
  var hasCloseButton = onlyCloseButton && !noButtons;
46645
46650
  var hasCancelButton = !onlyContinueButton && !onlyCloseButton && !noButtons;
46646
46651
  var hasContinueButton = onlyContinueButton && !noButtons || !onlyCloseButton && !noButtons;
@@ -46667,8 +46672,9 @@ var Modal$2 = function Modal(_ref) {
46667
46672
  },
46668
46673
  dialogStyle: {
46669
46674
  borderRadius: CORNER_STANDARD,
46670
- width: isMobile ? "" : customWidth || "615px",
46671
- overflow: "auto"
46675
+ margin: SPACING_XS,
46676
+ overflow: "auto",
46677
+ width: isMobile ? "" : customWidth || "615px"
46672
46678
  },
46673
46679
  underlayClickExits: underlayClickExits,
46674
46680
  "aria-modal": true,