@vitality-ds/components 4.2.1 → 4.3.1

package/dist/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.js

@@ -9,6 +9,5 @@ var _default = exports["default"] = (0, _system.css)({
   display: "inline-flex",
   alignItems: "center",
   gap: "$sm",
-  marginInline: "$sm",
   lineHeight: "$caption"
 });

package/dist/Chip/index.js

@@ -24,7 +24,9 @@ function Chip(_ref) {
     size = _ref$size === void 0 ? "default" : _ref$size,
     onClick = _ref.onClick,
     tooltipContent = _ref.tooltipContent,
-    isDisabled = _ref.isDisabled;
+    isDisabled = _ref.isDisabled,
+    _ref$overflowBehavior = _ref.overflowBehavior,
+    overflowBehavior = _ref$overflowBehavior === void 0 ? "wrap" : _ref$overflowBehavior;
   var _ref2 = removeButtonProps || {},
     onRemoveClick = _ref2.onClick;
   var handleRemove = function handleRemove(e) {
@@ -41,11 +43,12 @@ function Chip(_ref) {
     includeRightPadding: !onRemoveClick,
     reduceLeftPadding: Boolean(iconProps),
     isDisabled: isDisabled
-  }, /*#__PURE__*/_react["default"].createElement(_ChipIcon["default"], iconProps), /*#__PURE__*/_react["default"].createElement(_styled.BaseChipLabelContainer, null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_ChipIcon["default"], iconProps), /*#__PURE__*/_react["default"].createElement(_styled.BaseChipLabelContainer, {
+    overflowBehavior: overflowBehavior
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
     color: "inherit",
     variant: "body",
-    htmlTag: "span",
-    textOverflow: "ellipsis"
+    htmlTag: "span"
   }, label), metaLabelProps && /*#__PURE__*/_react["default"].createElement(_MetaLabel["default"], metaLabelProps)), chipCheckboxProps && /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], chipCheckboxProps), removeButtonProps && /*#__PURE__*/_react["default"].createElement(_RemoveButton["default"], (0, _extends2["default"])({}, removeButtonProps, {
     onClick: handleRemove,
     isDisabled: isDisabled

package/dist/Chip/styles/BaseChipLabelContainer.styles.js

@@ -9,11 +9,25 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _system = require("@vitality-ds/system");
 var _styled = require("../../Typography/styled");
 var text = _system.colorUseCases.text;
-var _default = exports["default"] = (0, _system.css)((0, _defineProperty2["default"])({
+var _default = exports["default"] = (0, _system.css)({
   alignItems: "center",
   boxSizing: "border-box",
   gap: "$sm",
-  color: (0, _system.getColorScaleValueByUseCase)("neutral", text.hiContrast)
-}, "& > ".concat(_styled.BaseTypography), {
-  whiteSpace: "break-spaces"
-}));
+  color: (0, _system.getColorScaleValueByUseCase)("neutral", text.hiContrast),
+  width: "100%",
+  display: "flex",
+  justify: "between",
+  variants: {
+    overflowBehavior: {
+      truncate: (0, _defineProperty2["default"])({}, "& ".concat(_styled.BaseTypography), {
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        flexGrow: 1
+      }),
+      wrap: {
+        whiteSpace: "break-spaces"
+      }
+    }
+  }
+});

package/dist/Dialog/components/DialogHeader/index.js

@@ -27,12 +27,10 @@ function DialogHeader(_ref) {
     spacing: "none"
   }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
     color: "inherit",
-    variant: "sectionTitle",
-    hideVerticalSpacing: true
+    variant: "sectionTitle"
   }, title), subtitle && /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
     color: "lowContrast",
-    variant: "sectionSubtitle",
-    hideVerticalSpacing: true
+    variant: "sectionSubtitle"
   }, subtitle))), _constants["default"][variant].headerCloseAllowed && closeButtonOnClick && /*#__PURE__*/_react["default"].createElement(_styled.UtilityIconContainer, null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
     size: "compact",
     onClick: closeButtonOnClick,

package/dist/SkeletonBox/Presets/Button.skeleton.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _primitives = _interopRequireDefault(require("../primitives"));
+var _excluded = ["size", "shouldFitContainer", "width"];
+function ButtonSkeleton(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "default" : _ref$size,
+    _ref$shouldFitContain = _ref.shouldFitContainer,
+    shouldFitContainer = _ref$shouldFitContain === void 0 ? false : _ref$shouldFitContain,
+    width = _ref.width,
+    boxProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var height = size === "compact" ? 27.9 : 33.9;
+  var calculatedWidth = shouldFitContainer ? "100%" : width;
+  return /*#__PURE__*/_react["default"].createElement(_primitives["default"], (0, _extends2["default"])({}, boxProps, {
+    height: height,
+    width: calculatedWidth
+  }));
+}
+var _default = exports["default"] = ButtonSkeleton;

package/dist/SkeletonBox/Presets/FormField.skeleton.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _Box = _interopRequireDefault(require("../../Box"));
+var _Stack = _interopRequireDefault(require("../../Stack"));
+var _primitives = _interopRequireDefault(require("../primitives"));
+var _excluded = ["type", "helperMessage"];
+function FormFieldSkeleton(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "default" : _ref$type,
+    helperMessage = _ref.helperMessage,
+    boxProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var inputHeight = type === "textarea" ? 95.99 : 32;
+  return /*#__PURE__*/_react["default"].createElement(_Box["default"], boxProps, /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+    spacing: "sm"
+  }, /*#__PURE__*/_react["default"].createElement(_primitives["default"], {
+    height: 12,
+    width: 100,
+    maxWidth: "100%"
+  }), /*#__PURE__*/_react["default"].createElement(_primitives["default"], {
+    height: inputHeight,
+    width: "100%"
+  }), helperMessage && /*#__PURE__*/_react["default"].createElement(_primitives["default"], {
+    height: 12,
+    width: 200,
+    maxWidth: "100%"
+  })));
+}
+var _default = exports["default"] = FormFieldSkeleton;

package/dist/SkeletonBox/Presets/Input.skeleton.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _primitives = _interopRequireDefault(require("../primitives"));
+var _excluded = ["type"];
+function InputSkeleton(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "default" : _ref$type,
+    boxProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var height = type === "textarea" ? 95.99 : 32;
+
+  // let boxProps override width but not override height
+  return /*#__PURE__*/_react["default"].createElement(_primitives["default"], (0, _extends2["default"])({
+    width: "100%"
+  }, boxProps, {
+    height: height
+  }));
+}
+var _default = exports["default"] = InputSkeleton;

package/dist/SkeletonBox/Presets/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function get() {
+    return _Button["default"];
+  }
+});
+Object.defineProperty(exports, "FormField", {
+  enumerable: true,
+  get: function get() {
+    return _FormField["default"];
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function get() {
+    return _Input["default"];
+  }
+});
+var _Button = _interopRequireDefault(require("./Button.skeleton"));
+var _Input = _interopRequireDefault(require("./Input.skeleton"));
+var _FormField = _interopRequireDefault(require("./FormField.skeleton"));

package/dist/SkeletonBox/Presets/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/SkeletonBox/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var Presets = _interopRequireWildcard(require("./Presets"));
+var _primitives = _interopRequireDefault(require("./primitives"));
+var _excluded = ["preset"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 && Object.prototype.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 SkeletonBox(_ref) {
+  var preset = _ref.preset,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var SkeletonComponent = preset ? Presets[preset] : _primitives["default"];
+  return /*#__PURE__*/_react["default"].createElement(SkeletonComponent, props);
+}
+var _default = exports["default"] = SkeletonBox;

package/dist/SkeletonBox/primitives/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _Box = _interopRequireDefault(require("../../Box"));
+var _styled = require("./styled");
+function PrimitiveSkeletonBox(_ref) {
+  var restProps = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
+  return /*#__PURE__*/_react["default"].createElement(_Box["default"], restProps, /*#__PURE__*/_react["default"].createElement(_styled.BasePrimitiveSkeletonBox, null));
+}
+var _default = exports["default"] = PrimitiveSkeletonBox;

package/dist/SkeletonBox/primitives/styled.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BasePrimitiveSkeletonBox = void 0;
+var _system = require("@vitality-ds/system");
+var _BasePrimitiveSkeletonBox = _interopRequireDefault(require("./styles/BasePrimitiveSkeletonBox"));
+// eslint-disable-next-line import/prefer-default-export
+var BasePrimitiveSkeletonBox = exports.BasePrimitiveSkeletonBox = (0, _system.styled)("div", _BasePrimitiveSkeletonBox["default"]);

package/dist/SkeletonBox/primitives/styles/BasePrimitiveSkeletonBox.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _system = require("@vitality-ds/system");
+var pulse = (0, _system.keyframes)({
+  "0%": {
+    backgroundColor: (0, _system.getColorScaleValueByUseCase)("neutral", _system.colorUseCases.backgrounds.uiElement_hovered)
+  },
+  "100%": {
+    backgroundColor: (0, _system.getColorScaleValueByUseCase)("neutral", _system.colorUseCases.borders.uiElement_disabled)
+  }
+});
+var _default = exports["default"] = (0, _system.css)({
+  height: "100%",
+  width: "100%",
+  borderRadius: "$default",
+  animation: "".concat(pulse, " 1s linear infinite alternate")
+});

package/dist/SkeletonBox/primitives/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/SkeletonBox/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/Table/components/Toolbar/index.js

@@ -45,7 +45,6 @@ function Toolbar(_ref) {
     floating: shouldFloat,
     totalNumOfTableRows: totalNumOfTableRows
   }, batchActions)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_styled.LeftSideContainer, null, title && /*#__PURE__*/_react["default"].createElement(_styled.TitleContainer, null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-    hideVerticalSpacing: true,
     variant: titleVariant
   }, title)), leftContent && /*#__PURE__*/_react["default"].createElement(_styled.LeftActionsContainer, null, leftContent)), rightActions.length > 0 && /*#__PURE__*/_react["default"].createElement(_styled.RightActionsContainer, null, ActionsComponents)));
 }

package/dist/Typography/styles/BaseTypography.styles.js

@@ -17,14 +17,11 @@ var text = _system.colorUseCases.text;
 var overflowSharedStyles = {
   overflow: "hidden"
 };
-var hideVerticalSpacingSharedStyles = {
-  marginTop: 0,
-  marginBottom: 0
-};
 var _default = exports["default"] = (0, _system.css)((_css = {
   fontFamily: "$default",
   fontSize: "inherit",
-  marginTop: 0
+  // Reset browser default margins added to certain semantic HTML elements
+  marginBlock: 0
 }, (0, _defineProperty2["default"])(_css, "& > ".concat(_icons.BaseIcon), {
   // Aligning Icons to text baseline = most Icons have 2px inner bottom spacing -> 2/24 * 2 = 0.2 rounded up
   marginTop: "-.2em"
@@ -115,12 +112,6 @@ var _default = exports["default"] = (0, _system.css)((_css = {
       color: (0, _system.getColorScaleValueByUseCase)("success", text.hiSaturation)
     }
   },
-  /**
-   * If `true`, the component will have no top or bottom margins
-   */
-  hideVerticalSpacing: {
-    "true": hideVerticalSpacingSharedStyles
-  },
   /**
    * Customises the font size and weight to a pre-set option.
    */
@@ -134,15 +125,9 @@ var _default = exports["default"] = (0, _system.css)((_css = {
         marginTop: "$md"
       }
     }),
-    sectionSubtitle: (0, _extends2["default"])({}, (0, _helpers.getVariantStyles)("$sectionSubtitle"), {
-      marginBottom: "$md"
-    }),
-    sectionTitle: (0, _extends2["default"])({}, (0, _helpers.getVariantStyles)("$sectionTitle"), {
-      marginBottom: "$lg"
-    }),
-    pageTitle: (0, _extends2["default"])({}, (0, _helpers.getVariantStyles)("$pageTitle"), {
-      marginBottom: "$xl"
-    }),
+    sectionSubtitle: (0, _helpers.getVariantStyles)("$sectionSubtitle"),
+    sectionTitle: (0, _helpers.getVariantStyles)("$sectionTitle"),
+    pageTitle: (0, _helpers.getVariantStyles)("$pageTitle"),
     display100: (0, _helpers.getVariantStyles)("$display100"),
     display200: (0, _helpers.getVariantStyles)("$display200"),
     display300: (0, _helpers.getVariantStyles)("$display300"),
@@ -161,75 +146,7 @@ var _default = exports["default"] = (0, _system.css)((_css = {
     2: (0, _helpers.getMaxLines)(2, "$body"),
     3: (0, _helpers.getMaxLines)(3, "$body")
   }
-}), (0, _defineProperty2["default"])(_css, "compoundVariants", [].concat((0, _toConsumableArray2["default"])((0, _helpers.getMaxLinesVariants)(_constants.AVAILABLE_MAX_LINES, _constants.AVAILABLE_VARIANTS)), [{
-  variant: "inherit",
-  hideVerticalSpacing: true,
-  css: hideVerticalSpacingSharedStyles
-}, {
-  variant: "caption",
-  hideVerticalSpacing: true,
-  css: hideVerticalSpacingSharedStyles
-}, {
-  variant: "button",
-  hideVerticalSpacing: true,
-  css: hideVerticalSpacingSharedStyles
-}, {
-  variant: "body",
-  hideVerticalSpacing: true,
-  css: hideVerticalSpacingSharedStyles
-}, {
-  variant: "paragraph",
-  hideVerticalSpacing: true,
-  css: hideVerticalSpacingSharedStyles
-}, {
-  variant: "sectionSubtitle",
-  hideVerticalSpacing: true,
-  css: hideVerticalSpacingSharedStyles
-}, {
-  variant: "sectionTitle",
-  hideVerticalSpacing: true,
-  css: hideVerticalSpacingSharedStyles
-}, {
-  variant: "pageTitle",
-  hideVerticalSpacing: true,
-  css: hideVerticalSpacingSharedStyles
-}, {
-  variant: "display100",
-  hideVerticalSpacing: true,
-  css: hideVerticalSpacingSharedStyles
-}, {
-  variant: "display200",
-  hideVerticalSpacing: true,
-  css: hideVerticalSpacingSharedStyles
-}, {
-  variant: "display300",
-  hideVerticalSpacing: true,
-  css: hideVerticalSpacingSharedStyles
-}, {
-  variant: "display400",
-  hideVerticalSpacing: true,
-  css: hideVerticalSpacingSharedStyles
-}, {
-  variant: "display500",
-  hideVerticalSpacing: true,
-  css: hideVerticalSpacingSharedStyles
-}, {
-  variant: "display600",
-  hideVerticalSpacing: true,
-  css: hideVerticalSpacingSharedStyles
-}, {
-  variant: "display700",
-  hideVerticalSpacing: true,
-  css: hideVerticalSpacingSharedStyles
-}, {
-  variant: "display800",
-  hideVerticalSpacing: true,
-  css: hideVerticalSpacingSharedStyles
-}, {
-  variant: "display900",
-  hideVerticalSpacing: true,
-  css: hideVerticalSpacingSharedStyles
-}])), (0, _defineProperty2["default"])(_css, "ul, ol", {
+}), (0, _defineProperty2["default"])(_css, "compoundVariants", (0, _toConsumableArray2["default"])((0, _helpers.getMaxLinesVariants)(_constants.AVAILABLE_MAX_LINES, _constants.AVAILABLE_VARIANTS))), (0, _defineProperty2["default"])(_css, "ul, ol", {
   listStylePosition: "inside",
   paddingInlineStart: 0,
   marginBlock: "inherit"

package/dist/components/src/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseMetaLabel.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAMG"}
+{"version":3,"file":"BaseMetaLabel.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAKG"}

package/dist/components/src/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.js

@@ -5,7 +5,6 @@ exports.default = (0, system_1.css)({
     display: "inline-flex",
     alignItems: "center",
     gap: "$sm",
-    marginInline: "$sm",
     lineHeight: "$caption",
 });
 //# sourceMappingURL=BaseMetaLabel.styles.js.map

package/dist/components/src/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseMetaLabel.styles.js","sourceRoot":"","sources":["../../../../../../../src/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.ts"],"names":[],"mappings":";;AAAA,8CAA0C;AAE1C,kBAAe,IAAA,YAAG,EAAC;IACjB,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK;IACV,YAAY,EAAE,KAAK;IACnB,UAAU,EAAE,UAAU;CACvB,CAAC,CAAC"}
+{"version":3,"file":"BaseMetaLabel.styles.js","sourceRoot":"","sources":["../../../../../../../src/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.ts"],"names":[],"mappings":";;AAAA,8CAA0C;AAE1C,kBAAe,IAAA,YAAG,EAAC;IACjB,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK;IACV,UAAU,EAAE,UAAU;CACvB,CAAC,CAAC"}

package/dist/components/src/Chip/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ChipProps } from "./types";
-declare function Chip({ label, metaLabelProps, iconProps, chipCheckboxProps, removeButtonProps, size, onClick, tooltipContent, isDisabled, }: ChipProps): JSX.Element;
+declare function Chip({ label, metaLabelProps, iconProps, chipCheckboxProps, removeButtonProps, size, onClick, tooltipContent, isDisabled, overflowBehavior, }: ChipProps): JSX.Element;
 export default Chip;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/src/Chip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Chip/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,iBAAS,IAAI,CAAC,EACZ,KAAK,EACL,cAAc,EACd,SAAS,EACT,iBAAiB,EACjB,iBAAiB,EACjB,IAAgB,EAChB,OAAO,EACP,cAAc,EACd,UAAU,GACX,EAAE,SAAS,eAyCX;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Chip/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,iBAAS,IAAI,CAAC,EACZ,KAAK,EACL,cAAc,EACd,SAAS,EACT,iBAAiB,EACjB,iBAAiB,EACjB,IAAgB,EAChB,OAAO,EACP,cAAc,EACd,UAAU,EACV,gBAAyB,GAC1B,EAAE,SAAS,eAoCX;AAED,eAAe,IAAI,CAAC"}

package/dist/components/src/Chip/index.js

@@ -23,7 +23,7 @@ var MetaLabel_1 = __importDefault(require("./components/MetaLabel"));
 var RemoveButton_1 = __importDefault(require("./components/RemoveButton"));
 var styled_1 = require("./styled");
 function Chip(_a) {
-    var label = _a.label, metaLabelProps = _a.metaLabelProps, iconProps = _a.iconProps, chipCheckboxProps = _a.chipCheckboxProps, removeButtonProps = _a.removeButtonProps, _b = _a.size, size = _b === void 0 ? "default" : _b, onClick = _a.onClick, tooltipContent = _a.tooltipContent, isDisabled = _a.isDisabled;
+    var label = _a.label, metaLabelProps = _a.metaLabelProps, iconProps = _a.iconProps, chipCheckboxProps = _a.chipCheckboxProps, removeButtonProps = _a.removeButtonProps, _b = _a.size, size = _b === void 0 ? "default" : _b, onClick = _a.onClick, tooltipContent = _a.tooltipContent, isDisabled = _a.isDisabled, _c = _a.overflowBehavior, overflowBehavior = _c === void 0 ? "wrap" : _c;
     var onRemoveClick = (removeButtonProps || {}).onClick;
     var handleRemove = function (e) {
         e.preventDefault();
@@ -33,8 +33,8 @@ function Chip(_a) {
     return (react_1.default.createElement(ConditionalTooltipWrapper_1.default, { tooltipContent: tooltipContent },
         react_1.default.createElement(styled_1.BaseChip, { size: size, isInteractive: Boolean(onClick) && !isDisabled, onClick: !isDisabled && onClick, includeRightPadding: !onRemoveClick, reduceLeftPadding: Boolean(iconProps), isDisabled: isDisabled },
             react_1.default.createElement(ChipIcon_1.default, __assign({}, iconProps)),
-            react_1.default.createElement(styled_1.BaseChipLabelContainer, null,
-                react_1.default.createElement(Typography_1.default, { color: "inherit", variant: "body", htmlTag: "span", textOverflow: "ellipsis" }, label),
+            react_1.default.createElement(styled_1.BaseChipLabelContainer, { overflowBehavior: overflowBehavior },
+                react_1.default.createElement(Typography_1.default, { color: "inherit", variant: "body", htmlTag: "span" }, label),
                 metaLabelProps && react_1.default.createElement(MetaLabel_1.default, __assign({}, metaLabelProps))),
             chipCheckboxProps && react_1.default.createElement(Checkbox_1.default, __assign({}, chipCheckboxProps)),
             removeButtonProps && (react_1.default.createElement(RemoveButton_1.default, __assign({}, removeButtonProps, { onClick: handleRemove, isDisabled: isDisabled }))))));

package/dist/components/src/Chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Chip/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,8GAAwF;AACxF,6DAAuC;AACvC,mEAAiD;AACjD,mEAA6C;AAC7C,qEAA+C;AAC/C,2EAAqD;AACrD,mCAA4D;AAG5D,SAAS,IAAI,CAAC,EAUF;QATV,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,iBAAiB,uBAAA,EACjB,iBAAiB,uBAAA,EACjB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,UAAU,gBAAA;IAEF,IAAS,aAAa,GAAK,CAAA,iBAAiB,IAAI,EAAE,CAAA,QAA5B,CAA6B;IAC3D,IAAM,YAAY,GAAG,UAAC,CAAuB;QAC3C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,aAAa,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,mCAAyB,IAAC,cAAc,EAAE,cAAc;QACvD,8BAAC,iBAAQ,IACP,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,EAC9C,OAAO,EAAE,CAAC,UAAU,IAAI,OAAO,EAC/B,mBAAmB,EAAE,CAAC,aAAa,EACnC,iBAAiB,EAAE,OAAO,CAAC,SAAS,CAAC,EACrC,UAAU,EAAE,UAAU;YAEtB,8BAAC,kBAAQ,eAAK,SAAS,EAAI;YAC3B,8BAAC,+BAAsB;gBACrB,8BAAC,oBAAU,IACT,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,MAAM,EACd,OAAO,EAAC,MAAM,EACd,YAAY,EAAC,UAAU,IAEtB,KAAK,CACK;gBACZ,cAAc,IAAI,8BAAC,mBAAS,eAAK,cAAc,EAAI,CAC7B;YACxB,iBAAiB,IAAI,8BAAC,kBAAY,eAAK,iBAAiB,EAAI;YAC5D,iBAAiB,IAAI,CACpB,8BAAC,sBAAY,eACP,iBAAiB,IACrB,OAAO,EAAE,YAAY,EACrB,UAAU,EAAE,UAAU,IACtB,CACH,CACQ,CACe,CAC7B,CAAC;AACJ,CAAC;AAED,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Chip/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,8GAAwF;AACxF,6DAAuC;AACvC,mEAAiD;AACjD,mEAA6C;AAC7C,qEAA+C;AAC/C,2EAAqD;AACrD,mCAA4D;AAG5D,SAAS,IAAI,CAAC,EAWF;QAVV,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,iBAAiB,uBAAA,EACjB,iBAAiB,uBAAA,EACjB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,wBAAyB,EAAzB,gBAAgB,mBAAG,MAAM,KAAA;IAEjB,IAAS,aAAa,GAAK,CAAA,iBAAiB,IAAI,EAAE,CAAA,QAA5B,CAA6B;IAC3D,IAAM,YAAY,GAAG,UAAC,CAAuB;QAC3C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,aAAa,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,mCAAyB,IAAC,cAAc,EAAE,cAAc;QACvD,8BAAC,iBAAQ,IACP,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,EAC9C,OAAO,EAAE,CAAC,UAAU,IAAI,OAAO,EAC/B,mBAAmB,EAAE,CAAC,aAAa,EACnC,iBAAiB,EAAE,OAAO,CAAC,SAAS,CAAC,EACrC,UAAU,EAAE,UAAU;YAEtB,8BAAC,kBAAQ,eAAK,SAAS,EAAI;YAC3B,8BAAC,+BAAsB,IAAC,gBAAgB,EAAE,gBAAgB;gBACxD,8BAAC,oBAAU,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM,IACtD,KAAK,CACK;gBACZ,cAAc,IAAI,8BAAC,mBAAS,eAAK,cAAc,EAAI,CAC7B;YACxB,iBAAiB,IAAI,8BAAC,kBAAY,eAAK,iBAAiB,EAAI;YAC5D,iBAAiB,IAAI,CACpB,8BAAC,sBAAY,eACP,iBAAiB,IACrB,OAAO,EAAE,YAAY,EACrB,UAAU,EAAE,UAAU,IACtB,CACH,CACQ,CACe,CAC7B,CAAC;AACJ,CAAC;AAED,kBAAe,IAAI,CAAC"}