@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.
- package/dist/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.js +0 -1
- package/dist/Chip/index.js +7 -4
- package/dist/Chip/styles/BaseChipLabelContainer.styles.js +19 -5
- package/dist/SkeletonBox/Presets/Button.skeleton.js +27 -0
- package/dist/SkeletonBox/Presets/FormField.skeleton.js +35 -0
- package/dist/SkeletonBox/Presets/Input.skeleton.js +26 -0
- package/dist/SkeletonBox/Presets/index.js +27 -0
- package/dist/SkeletonBox/Presets/types.js +1 -0
- package/dist/SkeletonBox/index.js +22 -0
- package/dist/SkeletonBox/primitives/index.js +17 -0
- package/dist/SkeletonBox/primitives/styled.js +11 -0
- package/dist/SkeletonBox/primitives/styles/BasePrimitiveSkeletonBox.js +21 -0
- package/dist/SkeletonBox/primitives/types.js +1 -0
- package/dist/SkeletonBox/types.js +1 -0
- package/dist/components/src/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.d.ts.map +1 -1
- package/dist/components/src/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.js +0 -1
- package/dist/components/src/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.js.map +1 -1
- package/dist/components/src/Chip/index.d.ts +1 -1
- package/dist/components/src/Chip/index.d.ts.map +1 -1
- package/dist/components/src/Chip/index.js +3 -3
- package/dist/components/src/Chip/index.js.map +1 -1
- package/dist/components/src/Chip/styled.d.ts +373 -1
- package/dist/components/src/Chip/styled.d.ts.map +1 -1
- package/dist/components/src/Chip/styles/BaseChipLabelContainer.styles.d.ts +24 -1
- package/dist/components/src/Chip/styles/BaseChipLabelContainer.styles.d.ts.map +1 -1
- package/dist/components/src/Chip/styles/BaseChipLabelContainer.styles.js +23 -9
- package/dist/components/src/Chip/styles/BaseChipLabelContainer.styles.js.map +1 -1
- package/dist/components/src/Chip/types.d.ts +5 -0
- package/dist/components/src/Chip/types.d.ts.map +1 -1
- package/dist/components/src/SkeletonBox/Presets/Button.skeleton.d.ts +5 -0
- package/dist/components/src/SkeletonBox/Presets/Button.skeleton.d.ts.map +1 -0
- package/dist/components/src/SkeletonBox/Presets/Button.skeleton.js +37 -0
- package/dist/components/src/SkeletonBox/Presets/Button.skeleton.js.map +1 -0
- package/dist/components/src/SkeletonBox/Presets/FormField.skeleton.d.ts +5 -0
- package/dist/components/src/SkeletonBox/Presets/FormField.skeleton.d.ts.map +1 -0
- package/dist/components/src/SkeletonBox/Presets/FormField.skeleton.js +42 -0
- package/dist/components/src/SkeletonBox/Presets/FormField.skeleton.js.map +1 -0
- package/dist/components/src/SkeletonBox/Presets/Input.skeleton.d.ts +5 -0
- package/dist/components/src/SkeletonBox/Presets/Input.skeleton.d.ts.map +1 -0
- package/dist/components/src/SkeletonBox/Presets/Input.skeleton.js +37 -0
- package/dist/components/src/SkeletonBox/Presets/Input.skeleton.js.map +1 -0
- package/dist/components/src/SkeletonBox/Presets/index.d.ts +4 -0
- package/dist/components/src/SkeletonBox/Presets/index.d.ts.map +1 -0
- package/dist/components/src/SkeletonBox/Presets/index.js +13 -0
- package/dist/components/src/SkeletonBox/Presets/index.js.map +1 -0
- package/dist/components/src/SkeletonBox/Presets/types.d.ts +16 -0
- package/dist/components/src/SkeletonBox/Presets/types.d.ts.map +1 -0
- package/dist/components/src/SkeletonBox/Presets/types.js +3 -0
- package/dist/components/src/SkeletonBox/Presets/types.js.map +1 -0
- package/dist/components/src/SkeletonBox/index.d.ts +5 -0
- package/dist/components/src/SkeletonBox/index.d.ts.map +1 -0
- package/dist/components/src/SkeletonBox/index.js +56 -0
- package/dist/components/src/SkeletonBox/index.js.map +1 -0
- package/dist/components/src/SkeletonBox/primitives/index.d.ts +5 -0
- package/dist/components/src/SkeletonBox/primitives/index.d.ts.map +1 -0
- package/dist/components/src/SkeletonBox/primitives/index.js +37 -0
- package/dist/components/src/SkeletonBox/primitives/index.js.map +1 -0
- package/dist/components/src/SkeletonBox/primitives/styled.d.ts +351 -0
- package/dist/components/src/SkeletonBox/primitives/styled.d.ts.map +1 -0
- package/dist/components/src/SkeletonBox/primitives/styled.js +11 -0
- package/dist/components/src/SkeletonBox/primitives/styled.js.map +1 -0
- package/dist/components/src/SkeletonBox/primitives/styles/BasePrimitiveSkeletonBox.d.ts +352 -0
- package/dist/components/src/SkeletonBox/primitives/styles/BasePrimitiveSkeletonBox.d.ts.map +1 -0
- package/dist/components/src/SkeletonBox/primitives/styles/BasePrimitiveSkeletonBox.js +18 -0
- package/dist/components/src/SkeletonBox/primitives/styles/BasePrimitiveSkeletonBox.js.map +1 -0
- package/dist/components/src/SkeletonBox/primitives/types.d.ts +5 -0
- package/dist/components/src/SkeletonBox/primitives/types.d.ts.map +1 -0
- package/dist/components/src/SkeletonBox/primitives/types.js +3 -0
- package/dist/components/src/SkeletonBox/primitives/types.js.map +1 -0
- package/dist/components/src/SkeletonBox/types.d.ts +15 -0
- package/dist/components/src/SkeletonBox/types.d.ts.map +1 -0
- package/dist/components/src/SkeletonBox/types.js +3 -0
- package/dist/components/src/SkeletonBox/types.js.map +1 -0
- package/dist/components/src/index.d.ts +1 -0
- package/dist/components/src/index.d.ts.map +1 -1
- package/dist/components/src/index.js +3 -1
- package/dist/components/src/index.js.map +1 -1
- package/dist/esm/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.js +0 -1
- package/dist/esm/Chip/index.js +7 -4
- package/dist/esm/Chip/styles/BaseChipLabelContainer.styles.js +19 -5
- package/dist/esm/SkeletonBox/Presets/Button.skeleton.js +20 -0
- package/dist/esm/SkeletonBox/Presets/FormField.skeleton.js +28 -0
- package/dist/esm/SkeletonBox/Presets/Input.skeleton.js +19 -0
- package/dist/esm/SkeletonBox/Presets/index.js +3 -0
- package/dist/esm/SkeletonBox/Presets/types.js +1 -0
- package/dist/esm/SkeletonBox/index.js +12 -0
- package/dist/esm/SkeletonBox/primitives/index.js +10 -0
- package/dist/esm/SkeletonBox/primitives/styled.js +5 -0
- package/dist/esm/SkeletonBox/primitives/styles/BasePrimitiveSkeletonBox.js +15 -0
- package/dist/esm/SkeletonBox/primitives/types.js +1 -0
- package/dist/esm/SkeletonBox/types.js +1 -0
- package/dist/esm/index.js +2 -1
- package/dist/index.js +8 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +5 -5
package/dist/Chip/index.js
CHANGED
|
@@ -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,
|
|
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)(
|
|
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
|
-
|
|
18
|
-
|
|
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,
|
|
1
|
+
{"version":3,"file":"BaseMetaLabel.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/Chip/components/MetaLabel/styles/BaseMetaLabel.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAKG"}
|
|
@@ -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,
|
|
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,
|
|
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,
|
|
37
|
-
react_1.default.createElement(Typography_1.default, { color: "inherit", variant: "body", htmlTag: "span"
|
|
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,
|
|
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"}
|