@useblu/ocean-react 1.135.0 → 1.136.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.136.0](https://github.com/ocean-ds/ocean-web/compare/v1.135.3...v1.136.0) (2026-05-11)
+
+### Features
+
+- **list-selectable:** add cornerTag prop with Highlight Corner Tag (MR-490) ([#1244](https://github.com/ocean-ds/ocean-web/issues/1244)) ([d30ed92](https://github.com/ocean-ds/ocean-web/commit/d30ed92d41b2837a42749ca0056314b6cda9243f)), closes [/github.com/Pagnet/pagnet/issues/16178#issuecomment-4343595459](https://github.com//github.com/Pagnet/pagnet/issues/16178/issues/issuecomment-4343595459)
+
+## [1.135.3](https://github.com/ocean-ds/ocean-web/compare/v1.135.2...v1.135.3) (2026-04-30)
+
+**Note:** Version bump only for package @useblu/ocean-react
+
 # [1.135.0](https://github.com/ocean-ds/ocean-web/compare/v1.134.1...v1.135.0) (2026-04-14)
 
 ### Features

package/CornerTag/CornerTag.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type CornerTagColor = 'primaryDown' | 'complementaryPure';
+export interface CornerTagProps {
+    label: string;
+    color?: CornerTagColor;
+    className?: string;
+}
+declare const CornerTag: React.ForwardRefExoticComponent<CornerTagProps & React.RefAttributes<HTMLSpanElement>>;
+export default CornerTag;
+//# sourceMappingURL=CornerTag.d.ts.map

package/CornerTag/CornerTag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CornerTag.d.ts","sourceRoot":"","sources":["../../src/CornerTag/CornerTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,mBAAmB,CAAC;AAEjE,MAAM,WAAW,cAAc;IAE7B,KAAK,EAAE,MAAM,CAAC;IAEd,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,wFAkBd,CAAC;AAIF,eAAe,SAAS,CAAC"}

package/CornerTag/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './CornerTag';
+export type { CornerTagProps, CornerTagColor } from './CornerTag';
+//# sourceMappingURL=index.d.ts.map

package/CornerTag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CornerTag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/Date/utils/testHelpers.d.ts

@@ -5,7 +5,7 @@ export declare function expectTooltipToAppear(message: string, timeout?: number)
 export declare function expectTooltipNotToAppear(): void;
 export declare function expectTooltipNotToAppearAsync(): Promise<void>;
 export declare const commonDisabledDaysProps: {
-    disabledDays: Matcher[];
+    readonly disabledDays: Matcher[];
     disabledDaysMessage: string;
 };
 export declare function getFirstDisabledDate(): Date;

package/Date/utils/testHelpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testHelpers.d.ts","sourceRoot":"","sources":["../../../src/Date/utils/testHelpers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAK3C,wBAAgB,gBAAgB,IAAI,IAAI,CAavC;AAKD,wBAAgB,YAAY,CAAC,WAAW,SAAuB,GAAG,IAAI,CAIrE;AAKD,wBAAsB,qBAAqB,CACzC,OAAO,EAAE,MAAM,EACf,OAAO,SAAO,GACb,OAAO,CAAC,IAAI,CAAC,CASf;AAKD,wBAAgB,wBAAwB,IAAI,IAAI,CAI/C;AAKD,wBAAsB,6BAA6B,IAAI,OAAO,CAAC,IAAI,CAAC,CAMnE;AAED,eAAO,MAAM,uBAAuB;kBACQ,OAAO,EAAE;;CAEpD,CAAC;AAEF,wBAAgB,oBAAoB,IAAI,IAAI,CAG3C;AAGD,eAAO,MAAM,qBAAqB,sBAAsB,CAAC;AAEzD,wBAAgB,yBAAyB,IAAI;IAC3C,YAAY,EAAE,OAAO,EAAE,CAAC;IACxB,mBAAmB,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACxD,CAOA"}
+{"version":3,"file":"testHelpers.d.ts","sourceRoot":"","sources":["../../../src/Date/utils/testHelpers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAK3C,wBAAgB,gBAAgB,IAAI,IAAI,CAavC;AAKD,wBAAgB,YAAY,CAAC,WAAW,SAAuB,GAAG,IAAI,CAIrE;AAKD,wBAAsB,qBAAqB,CACzC,OAAO,EAAE,MAAM,EACf,OAAO,SAAO,GACb,OAAO,CAAC,IAAI,CAAC,CASf;AAKD,wBAAgB,wBAAwB,IAAI,IAAI,CAI/C;AAKD,wBAAsB,6BAA6B,IAAI,OAAO,CAAC,IAAI,CAAC,CAMnE;AAED,eAAO,MAAM,uBAAuB;2BACd,OAAO,EAAE;;CAI9B,CAAC;AAEF,wBAAgB,oBAAoB,IAAI,IAAI,CAG3C;AAGD,eAAO,MAAM,qBAAqB,sBAAsB,CAAC;AAEzD,wBAAgB,yBAAyB,IAAI;IAC3C,YAAY,EAAE,OAAO,EAAE,CAAC;IACxB,mBAAmB,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACxD,CAOA"}

package/ListReadOnly/ListReadOnly.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode } from 'react';
 import { ContentListProps } from '../_shared/components/ContentList';
 import { ListContainerHighlight } from '../_shared/components/ListContainer';
+import { CornerTagProps } from '../CornerTag/CornerTag';
 export type ListReadOnlyProps = {
     title: string;
     description?: string;
@@ -15,6 +16,7 @@ export type ListReadOnlyProps = {
     loading?: boolean;
     showDivider?: boolean;
     highlight?: ListContainerHighlight;
+    cornerTag?: CornerTagProps;
 } & React.ComponentPropsWithoutRef<'div'>;
 declare const ListReadOnly: React.ForwardRefExoticComponent<{
     title: string;
@@ -30,6 +32,7 @@ declare const ListReadOnly: React.ForwardRefExoticComponent<{
     loading?: boolean;
     showDivider?: boolean;
     highlight?: ListContainerHighlight;
+    cornerTag?: CornerTagProps;
 } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
 export default ListReadOnly;
 //# sourceMappingURL=ListReadOnly.d.ts.map

package/ListReadOnly/ListReadOnly.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListReadOnly.d.ts","sourceRoot":"","sources":["../../src/ListReadOnly/ListReadOnly.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAoB,EAClB,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAE3C,OAAsB,EACpB,sBAAsB,EACvB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,MAAM,iBAAiB,GAAG;IAI9B,KAAK,EAAE,MAAM,CAAC;IAId,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAIlC,OAAO,CAAC,EAAE,MAAM,CAAC;IAIjB,IAAI,CAAC,EAAE,SAAS,CAAC;IAIjB,SAAS,CAAC,EAAE,SAAS,CAAC;IAKtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAKvB,MAAM,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAKlC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAKlB,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,YAAY;WAzDT,MAAM;kBAIC,MAAM;+BAIO,MAAM;cAIvB,MAAM;WAIT,SAAS;gBAIJ,SAAS;WAKd,MAAM,GAAG,MAAM;aAKb,gBAAgB,CAAC,MAAM,CAAC;eAKtB,OAAO;eAKP,OAAO;cAKR,OAAO;kBAKH,OAAO;gBAIT,sBAAsB;kLAiFnC,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ListReadOnly.d.ts","sourceRoot":"","sources":["../../src/ListReadOnly/ListReadOnly.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAoB,EAClB,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAE3C,OAAsB,EACpB,sBAAsB,EACvB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG;IAI9B,KAAK,EAAE,MAAM,CAAC;IAId,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAIlC,OAAO,CAAC,EAAE,MAAM,CAAC;IAIjB,IAAI,CAAC,EAAE,SAAS,CAAC;IAIjB,SAAS,CAAC,EAAE,SAAS,CAAC;IAKtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAKvB,MAAM,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAKlC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAKlB,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,SAAS,CAAC,EAAE,sBAAsB,CAAC;IAKnC,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,YAAY;WA9DT,MAAM;kBAIC,MAAM;+BAIO,MAAM;cAIvB,MAAM;WAIT,SAAS;gBAIJ,SAAS;WAKd,MAAM,GAAG,MAAM;aAKb,gBAAgB,CAAC,MAAM,CAAC;eAKtB,OAAO;eAKP,OAAO;cAKR,OAAO;kBAKH,OAAO;gBAIT,sBAAsB;gBAKtB,cAAc;kLAmF3B,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/ListSelectable/ListSelectable.d.ts

@@ -3,7 +3,8 @@ import { ContentListProps } from '../_shared/components/ContentList/ContentList'
 import { CheckboxProps } from '../Checkbox/Checkbox';
 import { RadioProps } from '../Radio/Radio';
 import { ListContainerHighlight } from '../_shared/components/ListContainer';
-interface ListSelectableProps {
+import { CornerTagProps } from '../CornerTag/CornerTag';
+interface ListSelectableBaseProps {
     title: string;
     description?: string;
     caption?: string;
@@ -17,11 +18,19 @@ interface ListSelectableProps {
     showDivider?: boolean;
     indicator?: ReactNode;
     status?: ContentListProps['type'];
-    type?: 'card' | 'text';
     platform?: 'web' | 'app';
     isSelectableDisabled?: boolean;
     highlight?: ListContainerHighlight;
 }
+type ListSelectableCardProps = ListSelectableBaseProps & {
+    type?: 'card';
+    cornerTag?: CornerTagProps;
+};
+type ListSelectableTextProps = ListSelectableBaseProps & {
+    type: 'text';
+    cornerTag?: never;
+};
+type ListSelectableProps = ListSelectableCardProps | ListSelectableTextProps;
 declare const ListSelectable: React.ForwardRefExoticComponent<ListSelectableProps & React.RefAttributes<HTMLDivElement>>;
 export default ListSelectable;
 //# sourceMappingURL=ListSelectable.d.ts.map

package/ListSelectable/ListSelectable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListSelectable.d.ts","sourceRoot":"","sources":["../../src/ListSelectable/ListSelectable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAElD,OAAoB,EAClB,gBAAgB,EACjB,MAAM,+CAA+C,CAAC;AACvD,OAAiB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGnD,OAAsB,EACpB,sBAAsB,EACvB,MAAM,qCAAqC,CAAC;AAE7C,UAAU,mBAAmB;IAE3B,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,aAAa,CAAC;IAEzB,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,MAAM,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAElC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB,QAAQ,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAEzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC;AAED,QAAA,MAAM,cAAc,4FAwHnB,CAAC;AAGF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ListSelectable.d.ts","sourceRoot":"","sources":["../../src/ListSelectable/ListSelectable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAElD,OAAoB,EAClB,gBAAgB,EACjB,MAAM,+CAA+C,CAAC;AACvD,OAAiB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGnD,OAAsB,EACpB,sBAAsB,EACvB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,UAAU,uBAAuB;IAE/B,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,aAAa,CAAC;IAEzB,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,MAAM,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAElC,QAAQ,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAEzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC;AAED,KAAK,uBAAuB,GAAG,uBAAuB,GAAG;IAEvD,IAAI,CAAC,EAAE,MAAM,CAAC;IAKd,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B,CAAC;AAEF,KAAK,uBAAuB,GAAG,uBAAuB,GAAG;IACvD,IAAI,EAAE,MAAM,CAAC;IAEb,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAEF,KAAK,mBAAmB,GAAG,uBAAuB,GAAG,uBAAuB,CAAC;AAE7E,QAAA,MAAM,cAAc,4FA0HnB,CAAC;AAGF,eAAe,cAAc,CAAC"}

package/_shared/components/ListContainer/ListContainer.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { CornerTagProps } from '../../../CornerTag/CornerTag';
 export type ListContainerHighlight = {
     caption: string | ReactNode;
     captionColor?: string;
@@ -9,6 +10,7 @@ export type ListContainerProps = {
     showDivider?: boolean;
     hasError?: boolean;
     highlight?: ListContainerHighlight;
+    cornerTag?: CornerTagProps;
     children: ReactNode;
     className?: string;
 } & React.ComponentPropsWithoutRef<'div'>;
@@ -17,6 +19,7 @@ declare const ListContainer: React.ForwardRefExoticComponent<{
     showDivider?: boolean;
     hasError?: boolean;
     highlight?: ListContainerHighlight;
+    cornerTag?: CornerTagProps;
     children: ReactNode;
     className?: string;
 } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;

package/_shared/components/ListContainer/ListContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListContainer.d.ts","sourceRoot":"","sources":["../../../../src/_shared/components/ListContainer/ListContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,MAAM,MAAM,sBAAsB,GAAG;IAInC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAI5B,YAAY,CAAC,EAAE,MAAM,CAAC;IAItB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAK/B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAKvB,WAAW,CAAC,EAAE,OAAO,CAAC;IAKtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,aAAa;WAnBV,MAAM,GAAG,MAAM;kBAKR,OAAO;eAKV,OAAO;gBAIN,sBAAsB;cACxB,SAAS;gBACP,MAAM;kLAgDnB,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ListContainer.d.ts","sourceRoot":"","sources":["../../../../src/_shared/components/ListContainer/ListContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAkB,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEzE,MAAM,MAAM,sBAAsB,GAAG;IAInC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAI5B,YAAY,CAAC,EAAE,MAAM,CAAC;IAItB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAK/B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAKvB,WAAW,CAAC,EAAE,OAAO,CAAC;IAKtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,SAAS,CAAC,EAAE,sBAAsB,CAAC;IAKnC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,aAAa;WAxBV,MAAM,GAAG,MAAM;kBAKR,OAAO;eAKV,OAAO;gBAIN,sBAAsB;gBAKtB,cAAc;cAChB,SAAS;gBACP,MAAM;kLAkDnB,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/index.es.js

@@ -5476,9 +5476,17 @@ var SkeletonBar = function (_a) {
     return (e.createElement("div", __assign$1({ className: "ods-skeleton-bar", style: { width: width, height: height } }, props)));
 };
 
+var CornerTag = e.forwardRef(function (_a, ref) {
+    var label = _a.label, _b = _a.color, color = _b === void 0 ? 'primaryDown' : _b, className = _a.className;
+    if (!label)
+        return null;
+    return (e.createElement("span", { ref: ref, className: classNames('ods-corner-tag', "ods-corner-tag--".concat(color), className), "aria-label": label }, label));
+});
+CornerTag.displayName = 'CornerTag';
+
 var ListContainer = e.forwardRef(function (_a, ref) {
     var _b, _c;
-    var _d = _a.type, type = _d === void 0 ? 'card' : _d, _e = _a.showDivider, showDivider = _e === void 0 ? false : _e, _f = _a.hasError, hasError = _f === void 0 ? false : _f, highlight = _a.highlight, children = _a.children, className = _a.className, rest = __rest$1(_a, ["type", "showDivider", "hasError", "highlight", "children", "className"]);
+    var _d = _a.type, type = _d === void 0 ? 'card' : _d, _e = _a.showDivider, showDivider = _e === void 0 ? false : _e, _f = _a.hasError, hasError = _f === void 0 ? false : _f, highlight = _a.highlight, cornerTag = _a.cornerTag, children = _a.children, className = _a.className, rest = __rest$1(_a, ["type", "showDivider", "hasError", "highlight", "cornerTag", "children", "className"]);
     return (e.createElement("div", { className: "ods-list-container" },
         e.createElement("div", __assign$1({ ref: ref, className: classNames('ods-list-container__content', className, {
                 'ods-list-container__content--card': type === 'card',
@@ -5486,7 +5494,8 @@ var ListContainer = e.forwardRef(function (_a, ref) {
                 'ods-list-container__content--text': type === 'text',
             }) }, rest),
             children,
-            showDivider && type === 'text' && (e.createElement("div", { className: "ods-list-container__content__divider" }))),
+            showDivider && type === 'text' && (e.createElement("div", { className: "ods-list-container__content__divider" })),
+            type === 'card' && (cornerTag === null || cornerTag === void 0 ? void 0 : cornerTag.label) && e.createElement(CornerTag, __assign$1({}, cornerTag))),
         (highlight === null || highlight === void 0 ? void 0 : highlight.caption) && (e.createElement("div", { className: "ods-list-container__highlight", "data-testid": "list-container-highlight", style: { backgroundColor: (_b = highlight.backgroundColor) !== null && _b !== void 0 ? _b : '#F3F5FE' } },
             e.createElement("p", { className: "ods-typography ods-typography__caption", style: { color: (_c = highlight.captionColor) !== null && _c !== void 0 ? _c : '#67697A' } }, highlight.caption)))));
 });
@@ -5494,7 +5503,7 @@ ListContainer.displayName = 'ListContainer';
 
 var ListReadOnly = e.forwardRef(function (_a, ref) {
     var _b;
-    var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, icon = _a.icon, indicator = _a.indicator, _c = _a.type, type = _c === void 0 ? 'card' : _c, _d = _a.status, status = _d === void 0 ? 'default' : _d, _e = _a.inverted, inverted = _e === void 0 ? false : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.loading, loading = _g === void 0 ? false : _g, className = _a.className, _h = _a.showDivider, showDivider = _h === void 0 ? false : _h, highlight = _a.highlight, rest = __rest$1(_a, ["title", "description", "strikethroughDescription", "caption", "icon", "indicator", "type", "status", "inverted", "disabled", "loading", "className", "showDivider", "highlight"]);
+    var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, icon = _a.icon, indicator = _a.indicator, _c = _a.type, type = _c === void 0 ? 'card' : _c, _d = _a.status, status = _d === void 0 ? 'default' : _d, _e = _a.inverted, inverted = _e === void 0 ? false : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.loading, loading = _g === void 0 ? false : _g, className = _a.className, _h = _a.showDivider, showDivider = _h === void 0 ? false : _h, highlight = _a.highlight, cornerTag = _a.cornerTag, rest = __rest$1(_a, ["title", "description", "strikethroughDescription", "caption", "icon", "indicator", "type", "status", "inverted", "disabled", "loading", "className", "showDivider", "highlight", "cornerTag"]);
     var renderLoadingContent = function () { return (e.createElement("div", { className: "ods-list-readonly__skeleton" },
         e.createElement(SkeletonBar, { width: "40%", height: "16px" }),
         e.createElement(SkeletonBar, { width: "100%", height: "16px" }))); };
@@ -5511,14 +5520,15 @@ var ListReadOnly = e.forwardRef(function (_a, ref) {
         },
         _b["ods-list-readonly--".concat(type)] = type,
         _b));
-    return (e.createElement(ListContainer, { type: type, showDivider: showDivider, highlight: highlight },
+    return (e.createElement(ListContainer, { type: type, showDivider: showDivider, highlight: highlight, cornerTag: cornerTag },
         e.createElement("div", __assign$1({ ref: ref, "data-testid": "card-list-readonly", className: cardClassName }, rest), loading ? renderLoadingContent() : renderContent())));
 });
 ListReadOnly.displayName = 'ListReadOnly';
 
-var ListSelectable = e.forwardRef(function (_a, ref) {
-    var _b;
-    var title = _a.title, description = _a.description, caption = _a.caption, strikethroughDescription = _a.strikethroughDescription, inverted = _a.inverted, loading = _a.loading, disabled = _a.disabled, checkbox = _a.checkbox, radio = _a.radio, className = _a.className, showDivider = _a.showDivider, indicator = _a.indicator, isSelectableDisabled = _a.isSelectableDisabled, highlight = _a.highlight, _c = _a.status, status = _c === void 0 ? 'default' : _c, _d = _a.type, type = _d === void 0 ? 'card' : _d, _e = _a.platform, platform = _e === void 0 ? 'web' : _e, rest = __rest$1(_a, ["title", "description", "caption", "strikethroughDescription", "inverted", "loading", "disabled", "checkbox", "radio", "className", "showDivider", "indicator", "isSelectableDisabled", "highlight", "status", "type", "platform"]);
+var ListSelectable = e.forwardRef(function (props, ref) {
+    var _a;
+    var _b = props, title = _b.title, description = _b.description, caption = _b.caption, strikethroughDescription = _b.strikethroughDescription, inverted = _b.inverted, loading = _b.loading, disabled = _b.disabled, checkbox = _b.checkbox, radio = _b.radio, className = _b.className, showDivider = _b.showDivider, indicator = _b.indicator, isSelectableDisabled = _b.isSelectableDisabled, highlight = _b.highlight, _c = _b.status, status = _c === void 0 ? 'default' : _c, _d = _b.type, type = _d === void 0 ? 'card' : _d, _e = _b.platform, platform = _e === void 0 ? 'web' : _e, cornerTag = _b.cornerTag, rest = __rest$1(_b, ["title", "description", "caption", "strikethroughDescription", "inverted", "loading", "disabled", "checkbox", "radio", "className", "showDivider", "indicator", "isSelectableDisabled", "highlight", "status", "type", "platform", "cornerTag"]);
+    var cardCornerTag = type === 'card' ? cornerTag : undefined;
     var hasError = useMemo(function () { return (radio === null || radio === void 0 ? void 0 : radio.error) || (checkbox === null || checkbox === void 0 ? void 0 : checkbox.error); }, [radio === null || radio === void 0 ? void 0 : radio.error, checkbox === null || checkbox === void 0 ? void 0 : checkbox.error]);
     var isInputDisabled = useMemo(function () { return (radio === null || radio === void 0 ? void 0 : radio.disabled) || (checkbox === null || checkbox === void 0 ? void 0 : checkbox.disabled) || disabled; }, [radio === null || radio === void 0 ? void 0 : radio.disabled, checkbox === null || checkbox === void 0 ? void 0 : checkbox.disabled, disabled]);
     var internalList = useMemo(function () {
@@ -5545,14 +5555,14 @@ var ListSelectable = e.forwardRef(function (_a, ref) {
             e.createElement(SkeletonBar, { width: "100%", height: "16px" })));
     }
     if (isSelectableDisabled) {
-        return (e.createElement(ListReadOnly, __assign$1({ title: title, description: description, status: status, type: type, inverted: inverted, disabled: disabled, loading: loading, className: className, showDivider: showDivider, indicator: indicator, caption: caption, strikethroughDescription: strikethroughDescription, highlight: highlight }, rest, { ref: ref })));
+        return (e.createElement(ListReadOnly, __assign$1({ title: title, description: description, status: status, type: type, inverted: inverted, disabled: disabled, loading: loading, className: className, showDivider: showDivider, indicator: indicator, caption: caption, strikethroughDescription: strikethroughDescription, highlight: highlight, cornerTag: cardCornerTag }, rest, { ref: ref })));
     }
-    return (e.createElement(ListContainer, { type: type, showDivider: showDivider, hasError: hasError, highlight: highlight },
-        e.createElement("div", __assign$1({ className: classNames('ods-list-selectable', className, (_b = {
+    return (e.createElement(ListContainer, { type: type, showDivider: showDivider, hasError: hasError, highlight: highlight, cornerTag: cardCornerTag },
+        e.createElement("div", __assign$1({ className: classNames('ods-list-selectable', className, (_a = {
                     'ods-list-selectable--disabled': isInputDisabled
                 },
-                _b["ods-list-selectable--".concat(platform)] = platform,
-                _b)), ref: ref }, rest),
+                _a["ods-list-selectable--".concat(platform)] = platform,
+                _a)), ref: ref }, rest),
             checkbox && e.createElement(Checkbox, __assign$1({}, checkbox, { label: internalList })),
             radio && e.createElement(Radio, __assign$1({}, radio, { label: internalList })))));
 });