@thecb/components 10.6.1 → 10.6.2-beta.0

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 (10) hide show
  1. package/dist/index.cjs.js +6 -5
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +6 -5
  4. package/dist/index.esm.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/atoms/icons/icons.stories.js +2 -0
  7. package/src/components/atoms/placeholder/Placeholder.js +89 -106
  8. package/src/.DS_Store +0 -0
  9. package/src/components/.DS_Store +0 -0
  10. package/src/components/atoms/.DS_Store +0 -0
package/dist/index.cjs.js CHANGED
@@ -28149,6 +28149,7 @@ var Placeholder = function Placeholder(_ref4) {
28149
28149
  _ref4$isDisabled = _ref4.isDisabled,
28150
28150
  isDisabled = _ref4$isDisabled === void 0 ? false : _ref4$isDisabled,
28151
28151
  dataQa = _ref4.dataQa;
28152
+ var borderColor = isDisabled ? MANATEE_GREY : themeValues.color;
28152
28153
  return /*#__PURE__*/React__default.createElement(PlaceholderContentWrapper, {
28153
28154
  isLink: isLink,
28154
28155
  action: action,
@@ -28161,8 +28162,9 @@ var Placeholder = function Placeholder(_ref4) {
28161
28162
  border: "none",
28162
28163
  minHeight: themeValues.height,
28163
28164
  hiddenStyles: !visible,
28164
- extraStyles: isDisabled ? "border: 1px dashed ".concat(MANATEE_GREY, "; \n display: flex;\n justify-content: center;\n align-items:center;") : "\n background: linear-gradient(\n to right,\n ".concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%,\n rgba(255, 255, 255, 0) 0%\n ),\n linear-gradient(").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(to right, ").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%);\n background-position: top, right, bottom, left;\n background-repeat: repeat-x, repeat-y;\n background-size: 5px 1px, 1px 5px;\n display: flex;\n justify-content: center;\n align-items:center;"),
28165
- hoverStyles: "background-color: ".concat(isDisabled ? TRANSPARENT : variant === "large" ? GRECIAN_GREY : curriedTint$1(0.9, themeValues.color), ";")
28165
+ extraStyles: "\n display: flex;\n justify-content: center;\n align-items:center;\n background-image: repeating-linear-gradient(0deg, ".concat(borderColor, ", ").concat(borderColor, " 2px, transparent 2px, transparent 4px, ").concat(borderColor, " 4px), repeating-linear-gradient(90deg, ").concat(borderColor, ", ").concat(borderColor, " 2px, transparent 2px, transparent 4px, ").concat(borderColor, " 4px), repeating-linear-gradient(180deg, ").concat(borderColor, ", ").concat(borderColor, " 2px, transparent 2px, transparent 4px, ").concat(borderColor, " 4px), repeating-linear-gradient(270deg, ").concat(borderColor, ", ").concat(borderColor, " 2px, transparent 2px, transparent 4px, ").concat(borderColor, " 4px);\n background-size: 2px 100%, 100% 2px, 2px 100% , 100% 2px;\n background-position: 0 0, 0 0, 100% 0, 0 100%;\n background-repeat: no-repeat;\n "),
28166
+ hoverStyles: "background-color: ".concat(isDisabled ? TRANSPARENT : curriedTint$1(0.9, themeValues.color), ";"),
28167
+ activeStyles: "background-color: ".concat(isDisabled ? TRANSPARENT : curriedTint$1(0.8, themeValues.color), ";")
28166
28168
  }, /*#__PURE__*/React__default.createElement(Center, {
28167
28169
  maxWidth: "300px"
28168
28170
  }, /*#__PURE__*/React__default.createElement(Box, {
@@ -28195,9 +28197,8 @@ var Placeholder = function Placeholder(_ref4) {
28195
28197
  }, /*#__PURE__*/React__default.createElement(Cluster, {
28196
28198
  justify: "center",
28197
28199
  align: "center"
28198
- }, /*#__PURE__*/React__default.createElement(IconAdd, {
28199
- fill: isDisabled ? MANATEE_GREY : WHITE,
28200
- strokeWidth: "2"
28200
+ }, /*#__PURE__*/React__default.createElement(PlusCircleIcon, {
28201
+ color: isDisabled ? MANATEE_GREY : themeValues.color
28201
28202
  }), /*#__PURE__*/React__default.createElement(Center, {
28202
28203
  intrinsic: true
28203
28204
  }, /*#__PURE__*/React__default.createElement(Text$1, {