@useblu/ocean-react 1.68.0 → 1.69.1

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.69.1](https://github.com/ocean-ds/ocean-web/compare/v1.69.0...v1.69.1) (2024-11-13)
+
+### Bug Fixes
+
+- checkbox border radius ([#1120](https://github.com/ocean-ds/ocean-web/issues/1120)) ([821429d](https://github.com/ocean-ds/ocean-web/commit/821429d660f275319657518cf77c1c828d3344bf))
+
+# [1.69.0](https://github.com/ocean-ds/ocean-web/compare/v1.68.1...v1.69.0) (2024-08-21)
+
+### Features
+
+- add optionally tag on card list item ([#1119](https://github.com/ocean-ds/ocean-web/issues/1119)) ([d300d12](https://github.com/ocean-ds/ocean-web/commit/d300d1282d6910555304f358bfd4dfe9d4991da3))
+
 # [1.68.0](https://github.com/ocean-ds/ocean-web/compare/v1.67.0...v1.68.0) (2024-08-15)
 
 ### Features

package/CardListItem/CardListItem.d.ts

@@ -8,6 +8,7 @@ declare const CardListItem: React.ForwardRefExoticComponent<{
     size?: "small" | "medium" | undefined;
     disabled?: boolean | undefined;
     fullWidth?: boolean | undefined;
+    tag?: string | undefined;
     onClick?: (() => void) | undefined;
     loading?: boolean | undefined;
 } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;

package/CardListItem/CardListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardListItem.d.ts","sourceRoot":"","sources":["../../src/CardListItem/CardListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AA8CpE,QAAA,MAAM,YAAY;WAvCT,MAAM;;;iBAYA,MAAM,SAAS;kBAId,MAAM,SAAS;;;;qBAgBb,IAAI;;kLAmFrB,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"CardListItem.d.ts","sourceRoot":"","sources":["../../src/CardListItem/CardListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAmDpE,QAAA,MAAM,YAAY;WA3CT,MAAM;;;iBAYA,MAAM,SAAS;kBAId,MAAM,SAAS;;;;;qBAoBb,IAAI;;kLA2FrB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/Checkbox/Checkbox.d.ts

@@ -3,11 +3,13 @@ export declare type CheckboxProps = {
     label?: React.ReactNode;
     indeterminate?: boolean;
     error?: boolean;
+    errorMessage?: string;
 } & React.ComponentPropsWithoutRef<'input'>;
 declare const Checkbox: React.ForwardRefExoticComponent<{
     label?: React.ReactNode;
     indeterminate?: boolean | undefined;
     error?: boolean | undefined;
+    errorMessage?: string | undefined;
 } & Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
 export default Checkbox;
 //# sourceMappingURL=Checkbox.d.ts.map

package/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,oBAAY,aAAa,GAAG;IAI1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAOxB,aAAa,CAAC,EAAE,OAAO,CAAC;IAKxB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAE5C,QAAA,MAAM,QAAQ;YAfJ,MAAM,SAAS;;;oMAwCxB,CAAC;AAIF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,oBAAY,aAAa,GAAG;IAI1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAOxB,aAAa,CAAC,EAAE,OAAO,CAAC;IAKxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAKhB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAE5C,QAAA,MAAM,QAAQ;YApBJ,MAAM,SAAS;;;;oMAuDxB,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/index.es.js

@@ -6635,11 +6635,13 @@ var TokenInput = memo(function (_a) {
 TokenInput.displayName = 'TokenInput';
 
 var Checkbox = e.forwardRef(function (_a, ref) {
-    var error = _a.error, className = _a.className, label = _a.label, id = _a.id, indeterminate = _a.indeterminate, rest = __rest$2(_a, ["error", "className", "label", "id", "indeterminate"]);
-    return (e.createElement("label", { className: "ods-checkbox__root", htmlFor: id },
-        e.createElement("input", __assign$2({ ref: ref, id: id, className: classNames('ods-checkbox', className) }, rest, { type: "checkbox", "data-indeterminate": indeterminate })),
-        e.createElement("span", { className: classNames('ods-checkbox__checkmark', indeterminate && 'ods-checkbox__checkmark--indeterminate', error && 'ods-checkbox__checkmark--error') }),
-        label && (e.createElement("span", { className: "ods-typography ods-typography__description ods-checkbox__label" }, label))));
+    var error = _a.error, errorMessage = _a.errorMessage, className = _a.className, label = _a.label, id = _a.id, indeterminate = _a.indeterminate, rest = __rest$2(_a, ["error", "errorMessage", "className", "label", "id", "indeterminate"]);
+    return (e.createElement("div", { className: "ods-checkbox__root-container" },
+        e.createElement("label", { className: "ods-checkbox__root", htmlFor: id },
+            e.createElement("input", __assign$2({ ref: ref, id: id, className: classNames('ods-checkbox', className) }, rest, { type: "checkbox", "data-indeterminate": indeterminate })),
+            e.createElement("span", { className: classNames('ods-checkbox__checkmark', indeterminate && 'ods-checkbox__checkmark--indeterminate', error && 'ods-checkbox__checkmark--error') }),
+            label && (e.createElement("span", { className: "ods-typography ods-typography__description ods-checkbox__label" }, label))),
+        error && errorMessage && (e.createElement("span", { className: "ods-checkbox__root-container__error-message" }, errorMessage))));
 });
 Checkbox.displayName = 'Checkbox';
 
@@ -48108,7 +48110,7 @@ var Shortcut = function (_a) {
 };
 
 var CardListItem = forwardRef(function (_a, ref) {
-    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"]);
+    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, tag = _a.tag, rest = __rest$2(_a, ["title", "description", "caption", "leadingIcon", "actionIcon", "size", "disabled", "fullWidth", "onClick", "loading", "tag"]);
     return loading ? (e.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 }, {
             'ods-card-list-item--loading': loading
         }) }),
@@ -48125,7 +48127,9 @@ var CardListItem = forwardRef(function (_a, ref) {
             e.createElement("div", { className: "ods-card-list-item__content__title" }, title),
             description && (e.createElement("div", { className: "ods-card-list-item__content__description" }, description)),
             caption && size === 'medium' && (e.createElement("div", { className: "ods-card-list-item__content__caption" }, caption))),
-        actionIcon && (e.createElement("div", { className: "ods-card-list-item__action" }, actionIcon))));
+        e.createElement("div", { className: "ods-card-list-item__wrapper" },
+            tag && (e.createElement(Tag, { variant: "highlight", type: "important" }, tag)),
+            actionIcon && (e.createElement("div", { className: "ods-card-list-item__action" }, actionIcon)))));
 });
 CardListItem.displayName = 'CardListItem';