@useblu/ocean-react 1.62.1 → 1.64.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.
- package/CHANGELOG.md +12 -0
- package/CardListItem/CardListItem.d.ts +9 -9
- package/CardListItem/CardListItem.d.ts.map +1 -1
- package/Typography/Typography.d.ts +1 -1
- package/Typography/Typography.d.ts.map +1 -1
- package/index.es.js +16 -6
- package/index.es.js.map +1 -1
- package/index.js +16 -6
- package/index.js.map +1 -1
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -156,7 +156,9 @@ var defaultTypesMapping = {
|
|
|
156
156
|
paragraph: 'p',
|
|
157
157
|
lead: 'p',
|
|
158
158
|
description: 'p',
|
|
159
|
-
caption: 'p'
|
|
159
|
+
caption: 'p',
|
|
160
|
+
captionbold: 'p',
|
|
161
|
+
eyebrow: 'p'
|
|
160
162
|
};
|
|
161
163
|
var Typography = e__default["default"].forwardRef(function (_a, ref) {
|
|
162
164
|
var children = _a.children, variant = _a.variant, className = _a.className, _b = _a.inverse, inverse = _b === void 0 ? false : _b, rest = __rest$2(_a, ["children", "variant", "className", "inverse"]);
|
|
@@ -47885,19 +47887,27 @@ var Shortcut = function (_a) {
|
|
|
47885
47887
|
size === 'medium' && description && (e__default["default"].createElement("span", { className: classNames('ods-shortcut__description', 'ods-typography', 'ods-typography__description') }, description))));
|
|
47886
47888
|
};
|
|
47887
47889
|
|
|
47888
|
-
var CardListItem = function (_a) {
|
|
47889
|
-
var title = _a.title, description = _a.description, caption = _a.caption, leadingIcon = _a.leadingIcon, actionIcon = _a.actionIcon, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, onClick = _a.onClick;
|
|
47890
|
-
return (e__default["default"].createElement("div", { "data-testid": "card-list-item", className: classNames('ods-card-list-item', "ods-card-list-item--size-".concat(size), { 'ods-card-list-item--
|
|
47890
|
+
var CardListItem = e.forwardRef(function (_a, ref) {
|
|
47891
|
+
var title = _a.title, description = _a.description, caption = _a.caption, leadingIcon = _a.leadingIcon, actionIcon = _a.actionIcon, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, onClick = _a.onClick, loading = _a.loading, rest = __rest$2(_a, ["title", "description", "caption", "leadingIcon", "actionIcon", "size", "disabled", "fullWidth", "onClick", "loading"]);
|
|
47892
|
+
return loading ? (e__default["default"].createElement("div", __assign$2({ ref: ref }, rest, { "data-testid": "card-list-item", className: classNames('ods-card-list-item', "ods-card-list-item--size-".concat(size), { 'ods-card-list-item--full-width': fullWidth }, {
|
|
47893
|
+
'ods-card-list-item--loading': loading
|
|
47894
|
+
}) }),
|
|
47895
|
+
e__default["default"].createElement("div", { className: "ods-card-list-item__circle" }),
|
|
47896
|
+
e__default["default"].createElement("div", { className: "ods-card-list-item__lines" },
|
|
47897
|
+
e__default["default"].createElement("div", { className: "ods-card-list-item__lines__line1" }),
|
|
47898
|
+
e__default["default"].createElement("div", { className: "ods-card-list-item__lines__line2" }),
|
|
47899
|
+
size === 'medium' && (e__default["default"].createElement("div", { className: "ods-card-list-item__lines__line3" }))))) : (e__default["default"].createElement("div", __assign$2({ ref: ref }, rest, { "data-testid": "card-list-item", className: classNames('ods-card-list-item', "ods-card-list-item--size-".concat(size), { 'ods-card-list-item--disabled': disabled }, { 'ods-card-list-item--full-width': fullWidth }), onClick: function () {
|
|
47891
47900
|
if (!disabled && onClick)
|
|
47892
47901
|
onClick();
|
|
47893
|
-
} },
|
|
47902
|
+
} }),
|
|
47894
47903
|
leadingIcon && (e__default["default"].createElement("div", { className: "ods-card-list-item__leading-icon" }, leadingIcon)),
|
|
47895
47904
|
e__default["default"].createElement("div", { className: "ods-card-list-item__content" },
|
|
47896
47905
|
e__default["default"].createElement("div", { className: "ods-card-list-item__content__title" }, title),
|
|
47897
47906
|
description && (e__default["default"].createElement("div", { className: "ods-card-list-item__content__description" }, description)),
|
|
47898
47907
|
caption && size === 'medium' && (e__default["default"].createElement("div", { className: "ods-card-list-item__content__caption" }, caption))),
|
|
47899
47908
|
actionIcon && (e__default["default"].createElement("div", { className: "ods-card-list-item__action" }, actionIcon))));
|
|
47900
|
-
};
|
|
47909
|
+
});
|
|
47910
|
+
CardListItem.displayName = 'CardListItem';
|
|
47901
47911
|
|
|
47902
47912
|
var Options = function (_a) {
|
|
47903
47913
|
var options = _a.options, selectedOptions = _a.selectedOptions, clearLabel = _a.clearLabel, filterLabel = _a.filterLabel, multiChoice = _a.multiChoice, onSelect = _a.onSelect, filterOptions = _a.filterOptions, clearOptions = _a.clearOptions;
|