@vitality-ds/components 4.3.0 → 4.3.1

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 (95) hide show
  1. package/dist/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.js +0 -1
  2. package/dist/Chip/index.js +7 -4
  3. package/dist/Chip/styles/BaseChipLabelContainer.styles.js +19 -5
  4. package/dist/SkeletonBox/Presets/Button.skeleton.js +27 -0
  5. package/dist/SkeletonBox/Presets/FormField.skeleton.js +35 -0
  6. package/dist/SkeletonBox/Presets/Input.skeleton.js +26 -0
  7. package/dist/SkeletonBox/Presets/index.js +27 -0
  8. package/dist/SkeletonBox/Presets/types.js +1 -0
  9. package/dist/SkeletonBox/index.js +22 -0
  10. package/dist/SkeletonBox/primitives/index.js +17 -0
  11. package/dist/SkeletonBox/primitives/styled.js +11 -0
  12. package/dist/SkeletonBox/primitives/styles/BasePrimitiveSkeletonBox.js +21 -0
  13. package/dist/SkeletonBox/primitives/types.js +1 -0
  14. package/dist/SkeletonBox/types.js +1 -0
  15. package/dist/components/src/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.d.ts.map +1 -1
  16. package/dist/components/src/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.js +0 -1
  17. package/dist/components/src/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.js.map +1 -1
  18. package/dist/components/src/Chip/index.d.ts +1 -1
  19. package/dist/components/src/Chip/index.d.ts.map +1 -1
  20. package/dist/components/src/Chip/index.js +3 -3
  21. package/dist/components/src/Chip/index.js.map +1 -1
  22. package/dist/components/src/Chip/styled.d.ts +373 -1
  23. package/dist/components/src/Chip/styled.d.ts.map +1 -1
  24. package/dist/components/src/Chip/styles/BaseChipLabelContainer.styles.d.ts +24 -1
  25. package/dist/components/src/Chip/styles/BaseChipLabelContainer.styles.d.ts.map +1 -1
  26. package/dist/components/src/Chip/styles/BaseChipLabelContainer.styles.js +23 -9
  27. package/dist/components/src/Chip/styles/BaseChipLabelContainer.styles.js.map +1 -1
  28. package/dist/components/src/Chip/types.d.ts +5 -0
  29. package/dist/components/src/Chip/types.d.ts.map +1 -1
  30. package/dist/components/src/SkeletonBox/Presets/Button.skeleton.d.ts +5 -0
  31. package/dist/components/src/SkeletonBox/Presets/Button.skeleton.d.ts.map +1 -0
  32. package/dist/components/src/SkeletonBox/Presets/Button.skeleton.js +37 -0
  33. package/dist/components/src/SkeletonBox/Presets/Button.skeleton.js.map +1 -0
  34. package/dist/components/src/SkeletonBox/Presets/FormField.skeleton.d.ts +5 -0
  35. package/dist/components/src/SkeletonBox/Presets/FormField.skeleton.d.ts.map +1 -0
  36. package/dist/components/src/SkeletonBox/Presets/FormField.skeleton.js +42 -0
  37. package/dist/components/src/SkeletonBox/Presets/FormField.skeleton.js.map +1 -0
  38. package/dist/components/src/SkeletonBox/Presets/Input.skeleton.d.ts +5 -0
  39. package/dist/components/src/SkeletonBox/Presets/Input.skeleton.d.ts.map +1 -0
  40. package/dist/components/src/SkeletonBox/Presets/Input.skeleton.js +37 -0
  41. package/dist/components/src/SkeletonBox/Presets/Input.skeleton.js.map +1 -0
  42. package/dist/components/src/SkeletonBox/Presets/index.d.ts +4 -0
  43. package/dist/components/src/SkeletonBox/Presets/index.d.ts.map +1 -0
  44. package/dist/components/src/SkeletonBox/Presets/index.js +13 -0
  45. package/dist/components/src/SkeletonBox/Presets/index.js.map +1 -0
  46. package/dist/components/src/SkeletonBox/Presets/types.d.ts +16 -0
  47. package/dist/components/src/SkeletonBox/Presets/types.d.ts.map +1 -0
  48. package/dist/components/src/SkeletonBox/Presets/types.js +3 -0
  49. package/dist/components/src/SkeletonBox/Presets/types.js.map +1 -0
  50. package/dist/components/src/SkeletonBox/index.d.ts +5 -0
  51. package/dist/components/src/SkeletonBox/index.d.ts.map +1 -0
  52. package/dist/components/src/SkeletonBox/index.js +56 -0
  53. package/dist/components/src/SkeletonBox/index.js.map +1 -0
  54. package/dist/components/src/SkeletonBox/primitives/index.d.ts +5 -0
  55. package/dist/components/src/SkeletonBox/primitives/index.d.ts.map +1 -0
  56. package/dist/components/src/SkeletonBox/primitives/index.js +37 -0
  57. package/dist/components/src/SkeletonBox/primitives/index.js.map +1 -0
  58. package/dist/components/src/SkeletonBox/primitives/styled.d.ts +351 -0
  59. package/dist/components/src/SkeletonBox/primitives/styled.d.ts.map +1 -0
  60. package/dist/components/src/SkeletonBox/primitives/styled.js +11 -0
  61. package/dist/components/src/SkeletonBox/primitives/styled.js.map +1 -0
  62. package/dist/components/src/SkeletonBox/primitives/styles/BasePrimitiveSkeletonBox.d.ts +352 -0
  63. package/dist/components/src/SkeletonBox/primitives/styles/BasePrimitiveSkeletonBox.d.ts.map +1 -0
  64. package/dist/components/src/SkeletonBox/primitives/styles/BasePrimitiveSkeletonBox.js +18 -0
  65. package/dist/components/src/SkeletonBox/primitives/styles/BasePrimitiveSkeletonBox.js.map +1 -0
  66. package/dist/components/src/SkeletonBox/primitives/types.d.ts +5 -0
  67. package/dist/components/src/SkeletonBox/primitives/types.d.ts.map +1 -0
  68. package/dist/components/src/SkeletonBox/primitives/types.js +3 -0
  69. package/dist/components/src/SkeletonBox/primitives/types.js.map +1 -0
  70. package/dist/components/src/SkeletonBox/types.d.ts +15 -0
  71. package/dist/components/src/SkeletonBox/types.d.ts.map +1 -0
  72. package/dist/components/src/SkeletonBox/types.js +3 -0
  73. package/dist/components/src/SkeletonBox/types.js.map +1 -0
  74. package/dist/components/src/index.d.ts +1 -0
  75. package/dist/components/src/index.d.ts.map +1 -1
  76. package/dist/components/src/index.js +3 -1
  77. package/dist/components/src/index.js.map +1 -1
  78. package/dist/esm/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.js +0 -1
  79. package/dist/esm/Chip/index.js +7 -4
  80. package/dist/esm/Chip/styles/BaseChipLabelContainer.styles.js +19 -5
  81. package/dist/esm/SkeletonBox/Presets/Button.skeleton.js +20 -0
  82. package/dist/esm/SkeletonBox/Presets/FormField.skeleton.js +28 -0
  83. package/dist/esm/SkeletonBox/Presets/Input.skeleton.js +19 -0
  84. package/dist/esm/SkeletonBox/Presets/index.js +3 -0
  85. package/dist/esm/SkeletonBox/Presets/types.js +1 -0
  86. package/dist/esm/SkeletonBox/index.js +12 -0
  87. package/dist/esm/SkeletonBox/primitives/index.js +10 -0
  88. package/dist/esm/SkeletonBox/primitives/styled.js +5 -0
  89. package/dist/esm/SkeletonBox/primitives/styles/BasePrimitiveSkeletonBox.js +15 -0
  90. package/dist/esm/SkeletonBox/primitives/types.js +1 -0
  91. package/dist/esm/SkeletonBox/types.js +1 -0
  92. package/dist/esm/index.js +2 -1
  93. package/dist/index.js +8 -1
  94. package/dist/tsconfig.tsbuildinfo +1 -1
  95. package/package.json +5 -5
@@ -9,6 +9,5 @@ var _default = exports["default"] = (0, _system.css)({
9
9
  display: "inline-flex",
10
10
  alignItems: "center",
11
11
  gap: "$sm",
12
- marginInline: "$sm",
13
12
  lineHeight: "$caption"
14
13
  });
@@ -24,7 +24,9 @@ function Chip(_ref) {
24
24
  size = _ref$size === void 0 ? "default" : _ref$size,
25
25
  onClick = _ref.onClick,
26
26
  tooltipContent = _ref.tooltipContent,
27
- isDisabled = _ref.isDisabled;
27
+ isDisabled = _ref.isDisabled,
28
+ _ref$overflowBehavior = _ref.overflowBehavior,
29
+ overflowBehavior = _ref$overflowBehavior === void 0 ? "wrap" : _ref$overflowBehavior;
28
30
  var _ref2 = removeButtonProps || {},
29
31
  onRemoveClick = _ref2.onClick;
30
32
  var handleRemove = function handleRemove(e) {
@@ -41,11 +43,12 @@ function Chip(_ref) {
41
43
  includeRightPadding: !onRemoveClick,
42
44
  reduceLeftPadding: Boolean(iconProps),
43
45
  isDisabled: isDisabled
44
- }, /*#__PURE__*/_react["default"].createElement(_ChipIcon["default"], iconProps), /*#__PURE__*/_react["default"].createElement(_styled.BaseChipLabelContainer, null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
46
+ }, /*#__PURE__*/_react["default"].createElement(_ChipIcon["default"], iconProps), /*#__PURE__*/_react["default"].createElement(_styled.BaseChipLabelContainer, {
47
+ overflowBehavior: overflowBehavior
48
+ }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
45
49
  color: "inherit",
46
50
  variant: "body",
47
- htmlTag: "span",
48
- textOverflow: "ellipsis"
51
+ htmlTag: "span"
49
52
  }, 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, {
50
53
  onClick: handleRemove,
51
54
  isDisabled: isDisabled
@@ -9,11 +9,25 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
9
9
  var _system = require("@vitality-ds/system");
10
10
  var _styled = require("../../Typography/styled");
11
11
  var text = _system.colorUseCases.text;
12
- var _default = exports["default"] = (0, _system.css)((0, _defineProperty2["default"])({
12
+ var _default = exports["default"] = (0, _system.css)({
13
13
  alignItems: "center",
14
14
  boxSizing: "border-box",
15
15
  gap: "$sm",
16
- color: (0, _system.getColorScaleValueByUseCase)("neutral", text.hiContrast)
17
- }, "& > ".concat(_styled.BaseTypography), {
18
- whiteSpace: "break-spaces"
19
- }));
16
+ color: (0, _system.getColorScaleValueByUseCase)("neutral", text.hiContrast),
17
+ width: "100%",
18
+ display: "flex",
19
+ justify: "between",
20
+ variants: {
21
+ overflowBehavior: {
22
+ truncate: (0, _defineProperty2["default"])({}, "& ".concat(_styled.BaseTypography), {
23
+ whiteSpace: "nowrap",
24
+ overflow: "hidden",
25
+ textOverflow: "ellipsis",
26
+ flexGrow: 1
27
+ }),
28
+ wrap: {
29
+ whiteSpace: "break-spaces"
30
+ }
31
+ }
32
+ }
33
+ });
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports["default"] = void 0;
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
+ var _react = _interopRequireDefault(require("react"));
11
+ var _primitives = _interopRequireDefault(require("../primitives"));
12
+ var _excluded = ["size", "shouldFitContainer", "width"];
13
+ function ButtonSkeleton(_ref) {
14
+ var _ref$size = _ref.size,
15
+ size = _ref$size === void 0 ? "default" : _ref$size,
16
+ _ref$shouldFitContain = _ref.shouldFitContainer,
17
+ shouldFitContainer = _ref$shouldFitContain === void 0 ? false : _ref$shouldFitContain,
18
+ width = _ref.width,
19
+ boxProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
20
+ var height = size === "compact" ? 27.9 : 33.9;
21
+ var calculatedWidth = shouldFitContainer ? "100%" : width;
22
+ return /*#__PURE__*/_react["default"].createElement(_primitives["default"], (0, _extends2["default"])({}, boxProps, {
23
+ height: height,
24
+ width: calculatedWidth
25
+ }));
26
+ }
27
+ var _default = exports["default"] = ButtonSkeleton;
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports["default"] = void 0;
8
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
9
+ var _react = _interopRequireDefault(require("react"));
10
+ var _Box = _interopRequireDefault(require("../../Box"));
11
+ var _Stack = _interopRequireDefault(require("../../Stack"));
12
+ var _primitives = _interopRequireDefault(require("../primitives"));
13
+ var _excluded = ["type", "helperMessage"];
14
+ function FormFieldSkeleton(_ref) {
15
+ var _ref$type = _ref.type,
16
+ type = _ref$type === void 0 ? "default" : _ref$type,
17
+ helperMessage = _ref.helperMessage,
18
+ boxProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
19
+ var inputHeight = type === "textarea" ? 95.99 : 32;
20
+ return /*#__PURE__*/_react["default"].createElement(_Box["default"], boxProps, /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
21
+ spacing: "sm"
22
+ }, /*#__PURE__*/_react["default"].createElement(_primitives["default"], {
23
+ height: 12,
24
+ width: 100,
25
+ maxWidth: "100%"
26
+ }), /*#__PURE__*/_react["default"].createElement(_primitives["default"], {
27
+ height: inputHeight,
28
+ width: "100%"
29
+ }), helperMessage && /*#__PURE__*/_react["default"].createElement(_primitives["default"], {
30
+ height: 12,
31
+ width: 200,
32
+ maxWidth: "100%"
33
+ })));
34
+ }
35
+ var _default = exports["default"] = FormFieldSkeleton;
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports["default"] = void 0;
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
+ var _react = _interopRequireDefault(require("react"));
11
+ var _primitives = _interopRequireDefault(require("../primitives"));
12
+ var _excluded = ["type"];
13
+ function InputSkeleton(_ref) {
14
+ var _ref$type = _ref.type,
15
+ type = _ref$type === void 0 ? "default" : _ref$type,
16
+ boxProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
17
+ var height = type === "textarea" ? 95.99 : 32;
18
+
19
+ // let boxProps override width but not override height
20
+ return /*#__PURE__*/_react["default"].createElement(_primitives["default"], (0, _extends2["default"])({
21
+ width: "100%"
22
+ }, boxProps, {
23
+ height: height
24
+ }));
25
+ }
26
+ var _default = exports["default"] = InputSkeleton;
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "Button", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _Button["default"];
11
+ }
12
+ });
13
+ Object.defineProperty(exports, "FormField", {
14
+ enumerable: true,
15
+ get: function get() {
16
+ return _FormField["default"];
17
+ }
18
+ });
19
+ Object.defineProperty(exports, "Input", {
20
+ enumerable: true,
21
+ get: function get() {
22
+ return _Input["default"];
23
+ }
24
+ });
25
+ var _Button = _interopRequireDefault(require("./Button.skeleton"));
26
+ var _Input = _interopRequireDefault(require("./Input.skeleton"));
27
+ var _FormField = _interopRequireDefault(require("./FormField.skeleton"));
@@ -0,0 +1 @@
1
+ "use strict";
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ var _typeof = require("@babel/runtime/helpers/typeof");
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = void 0;
9
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
+ var _react = _interopRequireDefault(require("react"));
11
+ var Presets = _interopRequireWildcard(require("./Presets"));
12
+ var _primitives = _interopRequireDefault(require("./primitives"));
13
+ var _excluded = ["preset"];
14
+ 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); }
15
+ 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; }
16
+ function SkeletonBox(_ref) {
17
+ var preset = _ref.preset,
18
+ props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
19
+ var SkeletonComponent = preset ? Presets[preset] : _primitives["default"];
20
+ return /*#__PURE__*/_react["default"].createElement(SkeletonComponent, props);
21
+ }
22
+ var _default = exports["default"] = SkeletonBox;
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports["default"] = void 0;
8
+ var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
9
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
+ var _react = _interopRequireDefault(require("react"));
11
+ var _Box = _interopRequireDefault(require("../../Box"));
12
+ var _styled = require("./styled");
13
+ function PrimitiveSkeletonBox(_ref) {
14
+ var restProps = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
15
+ return /*#__PURE__*/_react["default"].createElement(_Box["default"], restProps, /*#__PURE__*/_react["default"].createElement(_styled.BasePrimitiveSkeletonBox, null));
16
+ }
17
+ var _default = exports["default"] = PrimitiveSkeletonBox;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.BasePrimitiveSkeletonBox = void 0;
8
+ var _system = require("@vitality-ds/system");
9
+ var _BasePrimitiveSkeletonBox = _interopRequireDefault(require("./styles/BasePrimitiveSkeletonBox"));
10
+ // eslint-disable-next-line import/prefer-default-export
11
+ var BasePrimitiveSkeletonBox = exports.BasePrimitiveSkeletonBox = (0, _system.styled)("div", _BasePrimitiveSkeletonBox["default"]);
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _system = require("@vitality-ds/system");
8
+ var pulse = (0, _system.keyframes)({
9
+ "0%": {
10
+ backgroundColor: (0, _system.getColorScaleValueByUseCase)("neutral", _system.colorUseCases.backgrounds.uiElement_hovered)
11
+ },
12
+ "100%": {
13
+ backgroundColor: (0, _system.getColorScaleValueByUseCase)("neutral", _system.colorUseCases.borders.uiElement_disabled)
14
+ }
15
+ });
16
+ var _default = exports["default"] = (0, _system.css)({
17
+ height: "100%",
18
+ width: "100%",
19
+ borderRadius: "$default",
20
+ animation: "".concat(pulse, " 1s linear infinite alternate")
21
+ });
@@ -0,0 +1 @@
1
+ "use strict";
@@ -0,0 +1 @@
1
+ "use strict";
@@ -1 +1 @@
1
- {"version":3,"file":"BaseMetaLabel.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAMG"}
1
+ {"version":3,"file":"BaseMetaLabel.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAKG"}
@@ -5,7 +5,6 @@ exports.default = (0, system_1.css)({
5
5
  display: "inline-flex",
6
6
  alignItems: "center",
7
7
  gap: "$sm",
8
- marginInline: "$sm",
9
8
  lineHeight: "$caption",
10
9
  });
11
10
  //# sourceMappingURL=BaseMetaLabel.styles.js.map
@@ -1 +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"}
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,UAAU,EAAE,UAAU;CACvB,CAAC,CAAC"}
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { ChipProps } from "./types";
3
- declare function Chip({ label, metaLabelProps, iconProps, chipCheckboxProps, removeButtonProps, size, onClick, tooltipContent, isDisabled, }: ChipProps): JSX.Element;
3
+ declare function Chip({ label, metaLabelProps, iconProps, chipCheckboxProps, removeButtonProps, size, onClick, tooltipContent, isDisabled, overflowBehavior, }: ChipProps): JSX.Element;
4
4
  export default Chip;
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +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"}
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,EACV,gBAAyB,GAC1B,EAAE,SAAS,eAoCX;AAED,eAAe,IAAI,CAAC"}
@@ -23,7 +23,7 @@ var MetaLabel_1 = __importDefault(require("./components/MetaLabel"));
23
23
  var RemoveButton_1 = __importDefault(require("./components/RemoveButton"));
24
24
  var styled_1 = require("./styled");
25
25
  function Chip(_a) {
26
- 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;
26
+ 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;
27
27
  var onRemoveClick = (removeButtonProps || {}).onClick;
28
28
  var handleRemove = function (e) {
29
29
  e.preventDefault();
@@ -33,8 +33,8 @@ function Chip(_a) {
33
33
  return (react_1.default.createElement(ConditionalTooltipWrapper_1.default, { tooltipContent: tooltipContent },
34
34
  react_1.default.createElement(styled_1.BaseChip, { size: size, isInteractive: Boolean(onClick) && !isDisabled, onClick: !isDisabled && onClick, includeRightPadding: !onRemoveClick, reduceLeftPadding: Boolean(iconProps), isDisabled: isDisabled },
35
35
  react_1.default.createElement(ChipIcon_1.default, __assign({}, iconProps)),
36
- react_1.default.createElement(styled_1.BaseChipLabelContainer, null,
37
- react_1.default.createElement(Typography_1.default, { color: "inherit", variant: "body", htmlTag: "span", textOverflow: "ellipsis" }, label),
36
+ react_1.default.createElement(styled_1.BaseChipLabelContainer, { overflowBehavior: overflowBehavior },
37
+ react_1.default.createElement(Typography_1.default, { color: "inherit", variant: "body", htmlTag: "span" }, label),
38
38
  metaLabelProps && react_1.default.createElement(MetaLabel_1.default, __assign({}, metaLabelProps))),
39
39
  chipCheckboxProps && react_1.default.createElement(Checkbox_1.default, __assign({}, chipCheckboxProps)),
40
40
  removeButtonProps && (react_1.default.createElement(RemoveButton_1.default, __assign({}, removeButtonProps, { onClick: handleRemove, isDisabled: isDisabled }))))));
@@ -1 +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"}
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,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"}