@7shifts/sous-chef 3.46.0 → 3.47.1

package/dist/index.js

@@ -7163,17 +7163,23 @@ var TextComponent = function TextComponent(_ref, ref) {
     color = _ref.color,
     testId = _ref.testId,
     textWrap = _ref.textWrap,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2v);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2v);
+  var _getPositionProps = getPositionProps(rest),
+    positionProps = _getPositionProps.positionProps,
+    otherProps = _getPositionProps.otherProps;
   var positionStyles = usePositionStyles(positionProps);
-  var elementProps = {
+  var _getDataProps = getDataProps(otherProps),
+    dataProps = _getDataProps.dataProps;
+  var elementProps = _extends({
     style: _extends({
       color: getColor(color),
       textWrap: textWrap
     }, positionStyles),
     className: classnames(styles$p['text'], (_classnames = {}, _classnames[styles$p['text--bold']] = emphasis === null || emphasis === void 0 ? void 0 : emphasis.includes(FONT_EMPHASIS.BOLD), _classnames[styles$p['text--italic']] = emphasis === null || emphasis === void 0 ? void 0 : emphasis.includes(FONT_EMPHASIS.ITALIC), _classnames[styles$p['text--underline']] = emphasis === null || emphasis === void 0 ? void 0 : emphasis.includes(FONT_EMPHASIS.UNDERLINE), _classnames[styles$p['text--monospace']] = emphasis === null || emphasis === void 0 ? void 0 : emphasis.includes(FONT_EMPHASIS.MONOSPACE), _classnames[styles$p['text--align-left']] = alignment === ALIGNMENTS.LEFT, _classnames[styles$p['text--align-right']] = alignment === ALIGNMENTS.RIGHT, _classnames[styles$p['text--align-center']] = alignment === ALIGNMENTS.CENTER, _classnames[styles$p['text--align-justify']] = alignment === ALIGNMENTS.JUSTIFY, _classnames[styles$p['text__body']] = as === TEXT_TYPES.BODY, _classnames[styles$p['text__insight']] = as === TEXT_TYPES.INSIGHT, _classnames[styles$p['text__caption']] = as === TEXT_TYPES.CAPTION, _classnames)),
-    'data-testid': testId,
+    'data-testid': testId
+  }, dataProps, {
     ref: ref
-  };
+  });
   var pTypes = [TEXT_TYPES.BODY, TEXT_TYPES.CAPTION, TEXT_TYPES.INSIGHT];
   var element = pTypes.includes(as) ? 'p' : as;
   return React__default.createElement(element, elementProps, children);