@useblu/ocean-react 1.136.0 → 1.137.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.
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ export type ActionProps = {
3
+ label: string;
4
+ onClick: () => void;
5
+ };
6
+ type BannerCommonProps = {
7
+ type?: 'default' | 'warning' | 'negative' | 'emphasys';
8
+ title: string;
9
+ description?: string;
10
+ primaryAction?: ActionProps;
11
+ secondaryAction?: ActionProps;
12
+ } & React.ComponentPropsWithoutRef<'div'>;
13
+ type BannerLargeProps = BannerCommonProps & {
14
+ size?: 'large';
15
+ image: string;
16
+ };
17
+ type BannerSmallProps = BannerCommonProps & {
18
+ size: 'small';
19
+ image?: string;
20
+ };
21
+ export type BannerProps = BannerLargeProps | BannerSmallProps;
22
+ declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
23
+ export default Banner;
24
+ //# sourceMappingURL=Banner.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IAKvB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAIvD,KAAK,EAAE,MAAM,CAAC;IAId,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,aAAa,CAAC,EAAE,WAAW,CAAC;IAI5B,eAAe,CAAC,EAAE,WAAW,CAAC;CAC/B,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,KAAK,gBAAgB,GAAG,iBAAiB,GAAG;IAK1C,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,gBAAgB,GAAG,iBAAiB,GAAG;IAE1C,IAAI,EAAE,OAAO,CAAC;IAEd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,gBAAgB,GAAG,gBAAgB,CAAC;AAgB9D,QAAA,MAAM,MAAM,oFAiGX,CAAC;AAIF,eAAe,MAAM,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { default } from './Banner';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}
package/CHANGELOG.md CHANGED
@@ -3,6 +3,13 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [1.137.0](https://github.com/ocean-ds/ocean-web/compare/v1.136.0...v1.137.0) (2026-07-27)
7
+
8
+ ### Features
9
+
10
+ - add Banner component ([#1251](https://github.com/ocean-ds/ocean-web/issues/1251)) ([a4dfe36](https://github.com/ocean-ds/ocean-web/commit/a4dfe36148b75521725c2b837943f7d9b607c390))
11
+ - **list:** adiciona indicatorPosition nos componentes de lista ([#1253](https://github.com/ocean-ds/ocean-web/issues/1253)) ([e98be1d](https://github.com/ocean-ds/ocean-web/commit/e98be1d8b99faa3c1f3fe7d6d970e914bc8d979a))
12
+
6
13
  # [1.136.0](https://github.com/ocean-ds/ocean-web/compare/v1.135.3...v1.136.0) (2026-05-11)
7
14
 
8
15
  ### Features
@@ -1,5 +1,5 @@
1
1
  import React, { ReactNode } from 'react';
2
- import { ContentListProps } from '../_shared/components/ContentList';
2
+ import { ContentListProps, IndicatorPosition } from '../_shared/components/ContentList';
3
3
  import { ActionItem } from '../_shared/components/InternalListActions';
4
4
  import { AmountDetailsProps } from '../_shared/components/AmountDetails';
5
5
  import { ListContainerHighlight } from '../_shared/components/ListContainer';
@@ -15,6 +15,7 @@ export type ListActionProps = {
15
15
  loading?: boolean;
16
16
  icon?: ReactNode;
17
17
  indicator?: ReactNode;
18
+ indicatorPosition?: IndicatorPosition;
18
19
  actionType?: 'chevron' | 'menu' | 'swipe';
19
20
  menuActions?: ActionItem[];
20
21
  menuPosition?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
@@ -36,6 +37,7 @@ declare const ListAction: React.ForwardRefExoticComponent<{
36
37
  loading?: boolean;
37
38
  icon?: ReactNode;
38
39
  indicator?: ReactNode;
40
+ indicatorPosition?: IndicatorPosition;
39
41
  actionType?: "chevron" | "menu" | "swipe";
40
42
  menuActions?: ActionItem[];
41
43
  menuPosition?: "bottom-left" | "bottom-right" | "top-left" | "top-right";
@@ -1 +1 @@
1
- {"version":3,"file":"ListAction.d.ts","sourceRoot":"","sources":["../../src/ListAction/ListAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAGnD,OAAoB,EAClB,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAE3C,OAA4B,EAC1B,UAAU,EACX,MAAM,2CAA2C,CAAC;AACnD,OAAsB,EACpB,kBAAkB,EACnB,MAAM,qCAAqC,CAAC;AAC7C,OAAsB,EACpB,sBAAsB,EACvB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG;IAI5B,KAAK,EAAE,MAAM,CAAC;IAId,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAIlC,OAAO,CAAC,EAAE,MAAM,CAAC;IAKjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAKvB,MAAM,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAKlC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAIlB,IAAI,CAAC,EAAE,SAAS,CAAC;IAIjB,SAAS,CAAC,EAAE,SAAS,CAAC;IAKtB,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAI1C,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAK3B,YAAY,CAAC,EAAE,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,CAAC;IAIzE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAK/D,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IAKnC,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAIvC,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC;AAE3D,QAAA,MAAM,UAAU;WApFP,MAAM;kBAIC,MAAM;+BAIO,MAAM;cAIvB,MAAM;eAKL,OAAO;WAKX,MAAM,GAAG,MAAM;aAKb,gBAAgB,CAAC,MAAM,CAAC;eAKtB,OAAO;cAKR,OAAO;WAIV,SAAS;gBAIJ,SAAS;iBAKR,SAAS,GAAG,MAAM,GAAG,OAAO;kBAI3B,UAAU,EAAE;mBAKX,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW;cAI9D,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI;kBAKhD,OAAO;oBAIL,kBAAkB;eAKvB,OAAO,GAAG,QAAQ,GAAG,MAAM;gBAI1B,sBAAsB;wNAiKnC,CAAC;AAIF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"ListAction.d.ts","sourceRoot":"","sources":["../../src/ListAction/ListAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAGnD,OAAoB,EAClB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,mCAAmC,CAAC;AAE3C,OAA4B,EAC1B,UAAU,EACX,MAAM,2CAA2C,CAAC;AACnD,OAAsB,EACpB,kBAAkB,EACnB,MAAM,qCAAqC,CAAC;AAC7C,OAAsB,EACpB,sBAAsB,EACvB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG;IAI5B,KAAK,EAAE,MAAM,CAAC;IAId,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAIlC,OAAO,CAAC,EAAE,MAAM,CAAC;IAKjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAKvB,MAAM,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAKlC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAIlB,IAAI,CAAC,EAAE,SAAS,CAAC;IAIjB,SAAS,CAAC,EAAE,SAAS,CAAC;IAYtB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAKtC,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAI1C,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAK3B,YAAY,CAAC,EAAE,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,CAAC;IAIzE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAK/D,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IAKnC,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAIvC,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC;AAE3D,QAAA,MAAM,UAAU;WAhGP,MAAM;kBAIC,MAAM;+BAIO,MAAM;cAIvB,MAAM;eAKL,OAAO;WAKX,MAAM,GAAG,MAAM;aAKb,gBAAgB,CAAC,MAAM,CAAC;eAKtB,OAAO;cAKR,OAAO;WAIV,SAAS;gBAIJ,SAAS;wBAYD,iBAAiB;iBAKxB,SAAS,GAAG,MAAM,GAAG,OAAO;kBAI3B,UAAU,EAAE;mBAKX,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW;cAI9D,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI;kBAKhD,OAAO;oBAIL,kBAAkB;eAKvB,OAAO,GAAG,QAAQ,GAAG,MAAM;gBAI1B,sBAAsB;wNAyKnC,CAAC;AAIF,eAAe,UAAU,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React, { ReactNode } from 'react';
2
- import { ContentListProps } from '../_shared/components/ContentList';
2
+ import { ContentListProps, IndicatorPosition } from '../_shared/components/ContentList';
3
3
  import { ListContainerHighlight } from '../_shared/components/ListContainer';
4
4
  export type ListExpandableProps = {
5
5
  title: string;
@@ -12,6 +12,7 @@ export type ListExpandableProps = {
12
12
  loading?: boolean;
13
13
  icon?: ReactNode;
14
14
  indicator?: ReactNode;
15
+ indicatorPosition?: IndicatorPosition;
15
16
  expanded?: boolean;
16
17
  defaultExpanded?: boolean;
17
18
  onToggle?: (expanded: boolean) => void;
@@ -31,6 +32,7 @@ declare const ListExpandable: React.ForwardRefExoticComponent<{
31
32
  loading?: boolean;
32
33
  icon?: ReactNode;
33
34
  indicator?: ReactNode;
35
+ indicatorPosition?: IndicatorPosition;
34
36
  expanded?: boolean;
35
37
  defaultExpanded?: boolean;
36
38
  onToggle?: (expanded: boolean) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"ListExpandable.d.ts","sourceRoot":"","sources":["../../src/ListExpandable/ListExpandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAGnD,OAAoB,EAClB,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAE3C,OAAsB,EACpB,sBAAsB,EACvB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG;IAIhC,KAAK,EAAE,MAAM,CAAC;IAId,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAIlC,OAAO,CAAC,EAAE,MAAM,CAAC;IAKjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAKvB,MAAM,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAKlC,OAAO,CAAC,EAAE,OAAO,CAAC;IAIlB,IAAI,CAAC,EAAE,SAAS,CAAC;IAIjB,SAAS,CAAC,EAAE,SAAS,CAAC;IAItB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAI1B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAIvC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAKrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAE5D,QAAA,MAAM,cAAc;WA1EX,MAAM;kBAIC,MAAM;+BAIO,MAAM;cAIvB,MAAM;eAKL,OAAO;WAKX,MAAM,GAAG,MAAM;aAKb,gBAAgB,CAAC,MAAM,CAAC;cAKvB,OAAO;WAIV,SAAS;gBAIJ,SAAS;eAIV,OAAO;sBAKA,OAAO;eAId,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI;eAI3B,SAAS;eAKT,OAAO;kBAKJ,OAAO;gBAIT,sBAAsB;oMA2HnC,CAAC;AAIF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"ListExpandable.d.ts","sourceRoot":"","sources":["../../src/ListExpandable/ListExpandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAGnD,OAAoB,EAClB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,mCAAmC,CAAC;AAE3C,OAAsB,EACpB,sBAAsB,EACvB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG;IAIhC,KAAK,EAAE,MAAM,CAAC;IAId,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAIlC,OAAO,CAAC,EAAE,MAAM,CAAC;IAKjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAKvB,MAAM,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAKlC,OAAO,CAAC,EAAE,OAAO,CAAC;IAIlB,IAAI,CAAC,EAAE,SAAS,CAAC;IAIjB,SAAS,CAAC,EAAE,SAAS,CAAC;IAWtB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAItC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAI1B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAIvC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAKrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAE5D,QAAA,MAAM,cAAc;WArFX,MAAM;kBAIC,MAAM;+BAIO,MAAM;cAIvB,MAAM;eAKL,OAAO;WAKX,MAAM,GAAG,MAAM;aAKb,gBAAgB,CAAC,MAAM,CAAC;cAKvB,OAAO;WAIV,SAAS;gBAIJ,SAAS;wBAWD,iBAAiB;eAI1B,OAAO;sBAKA,OAAO;eAId,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI;eAI3B,SAAS;eAKT,OAAO;kBAKJ,OAAO;gBAIT,sBAAsB;oMAmInC,CAAC;AAIF,eAAe,cAAc,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React, { ReactNode } from 'react';
2
- import { ContentListProps } from '../_shared/components/ContentList';
2
+ import { ContentListProps, IndicatorPosition } from '../_shared/components/ContentList';
3
3
  import { ListContainerHighlight } from '../_shared/components/ListContainer';
4
4
  import { CornerTagProps } from '../CornerTag/CornerTag';
5
5
  export type ListReadOnlyProps = {
@@ -9,6 +9,7 @@ export type ListReadOnlyProps = {
9
9
  caption?: string;
10
10
  icon?: ReactNode;
11
11
  indicator?: ReactNode;
12
+ indicatorPosition?: IndicatorPosition;
12
13
  type?: 'card' | 'text';
13
14
  status?: ContentListProps['type'];
14
15
  inverted?: boolean;
@@ -25,6 +26,7 @@ declare const ListReadOnly: React.ForwardRefExoticComponent<{
25
26
  caption?: string;
26
27
  icon?: ReactNode;
27
28
  indicator?: ReactNode;
29
+ indicatorPosition?: IndicatorPosition;
28
30
  type?: "card" | "text";
29
31
  status?: ContentListProps["type"];
30
32
  inverted?: boolean;
@@ -1 +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;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"}
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,EAChB,iBAAiB,EAClB,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;IAWtB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAKtC,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;WAzET,MAAM;kBAIC,MAAM;+BAIO,MAAM;cAIvB,MAAM;WAIT,SAAS;gBAIJ,SAAS;wBAWD,iBAAiB;WAK9B,MAAM,GAAG,MAAM;aAKb,gBAAgB,CAAC,MAAM,CAAC;eAKtB,OAAO;eAKP,OAAO;cAKR,OAAO;kBAKH,OAAO;gBAIT,sBAAsB;gBAKtB,cAAc;kLA2F3B,CAAC;AAIF,eAAe,YAAY,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React, { ReactNode } from 'react';
2
- import { ContentListProps } from '../_shared/components/ContentList/ContentList';
2
+ import { ContentListProps, IndicatorPosition } from '../_shared/components/ContentList/ContentList';
3
3
  import { CheckboxProps } from '../Checkbox/Checkbox';
4
4
  import { RadioProps } from '../Radio/Radio';
5
5
  import { ListContainerHighlight } from '../_shared/components/ListContainer';
@@ -17,6 +17,7 @@ interface ListSelectableBaseProps {
17
17
  className?: string;
18
18
  showDivider?: boolean;
19
19
  indicator?: ReactNode;
20
+ indicatorPosition?: IndicatorPosition;
20
21
  status?: ContentListProps['type'];
21
22
  platform?: 'web' | 'app';
22
23
  isSelectableDisabled?: boolean;
@@ -30,7 +31,7 @@ type ListSelectableTextProps = ListSelectableBaseProps & {
30
31
  type: 'text';
31
32
  cornerTag?: never;
32
33
  };
33
- type ListSelectableProps = ListSelectableCardProps | ListSelectableTextProps;
34
+ export type ListSelectableProps = ListSelectableCardProps | ListSelectableTextProps;
34
35
  declare const ListSelectable: React.ForwardRefExoticComponent<ListSelectableProps & React.RefAttributes<HTMLDivElement>>;
35
36
  export default ListSelectable;
36
37
  //# sourceMappingURL=ListSelectable.d.ts.map
@@ -1 +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;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"}
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,EAChB,iBAAiB,EAClB,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;IAWtB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAEtC,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,MAAM,MAAM,mBAAmB,GAC3B,uBAAuB,GACvB,uBAAuB,CAAC;AAE5B,QAAA,MAAM,cAAc,4FAoInB,CAAC;AAGF,eAAe,cAAc,CAAC"}
@@ -1,2 +1,3 @@
1
1
  export { default } from './ListSelectable';
2
+ export type { ListSelectableProps } from './ListSelectable';
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ListSelectable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ListSelectable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1,4 +1,5 @@
1
- import { ReactElement } from 'react';
1
+ import { ReactElement, ReactNode } from 'react';
2
+ export type IndicatorPosition = 'inline' | 'above' | 'below';
2
3
  export type ContentListProps = {
3
4
  title: string;
4
5
  description?: string;
@@ -6,7 +7,9 @@ export type ContentListProps = {
6
7
  caption?: string;
7
8
  inverted?: boolean;
8
9
  type?: 'default' | 'inactive' | 'positive' | 'warning' | 'highlight' | 'highlight-lead' | 'strikethrough';
10
+ indicator?: ReactNode;
11
+ indicatorPosition?: Exclude<IndicatorPosition, 'inline'>;
9
12
  };
10
- declare const ContentList: ({ title, description, strikethroughDescription, caption, inverted, type, }: ContentListProps) => ReactElement;
13
+ declare const ContentList: ({ title, description, strikethroughDescription, caption, inverted, type, indicator, indicatorPosition, }: ContentListProps) => ReactElement;
11
14
  export default ContentList;
12
15
  //# sourceMappingURL=ContentList.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ContentList.d.ts","sourceRoot":"","sources":["../../../../src/_shared/components/ContentList/ContentList.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EACD,SAAS,GACT,UAAU,GACV,UAAU,GACV,SAAS,GACT,WAAW,GACX,gBAAgB,GAChB,eAAe,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,4EAOlB,gBAAgB,KAAG,YA4CrB,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"ContentList.d.ts","sourceRoot":"","sources":["../../../../src/_shared/components/ContentList/ContentList.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EACD,SAAS,GACT,UAAU,GACV,UAAU,GACV,SAAS,GACT,WAAW,GACX,gBAAgB,GAChB,eAAe,CAAC;IAKpB,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,iBAAiB,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;CAC1D,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,0GASlB,gBAAgB,KAAG,YA2DrB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -1,3 +1,3 @@
1
1
  export { default } from './ContentList';
2
- export type { ContentListProps } from './ContentList';
2
+ export type { ContentListProps, IndicatorPosition } from './ContentList';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/_shared/components/ContentList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/_shared/components/ContentList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}
package/index.d.ts CHANGED
@@ -63,6 +63,8 @@ export { default as Steps } from './Steps';
63
63
  export * from './Steps';
64
64
  export { default as Badge } from './Badge';
65
65
  export * from './Badge';
66
+ export { default as Banner } from './Banner';
67
+ export * from './Banner';
66
68
  export { default as CrossSellCard } from './CrossSellCard';
67
69
  export * from './CrossSellCard';
68
70
  export { default as DatePicker } from './Date/DatePicker';
package/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/index.es.js CHANGED
@@ -5448,8 +5448,10 @@ TextArea.displayName = 'TextArea';
5448
5448
 
5449
5449
  var ContentList = function (_a) {
5450
5450
  var _b, _c, _d;
5451
- var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, _e = _a.inverted, inverted = _e === void 0 ? false : _e, _f = _a.type, type = _f === void 0 ? 'default' : _f;
5451
+ var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, _e = _a.inverted, inverted = _e === void 0 ? false : _e, _f = _a.type, type = _f === void 0 ? 'default' : _f, indicator = _a.indicator, indicatorPosition = _a.indicatorPosition;
5452
+ var stackedIndicator = indicator && indicatorPosition && (e.createElement("div", { className: classNames('ods-content-list__indicator', "ods-content-list__indicator--".concat(indicatorPosition)) }, indicator));
5452
5453
  return (e.createElement("div", { className: "ods-content-list" },
5454
+ indicatorPosition === 'above' && stackedIndicator,
5453
5455
  e.createElement("p", { className: classNames('ods-typography', (_b = {
5454
5456
  'ods-typography__paragraph': !inverted,
5455
5457
  'ods-typography__description': inverted
@@ -5468,7 +5470,8 @@ var ContentList = function (_a) {
5468
5470
  description)),
5469
5471
  caption && (e.createElement("p", { className: classNames("ods-typography ods-typography__captionbold", (_d = {},
5470
5472
  _d["ods-typography__paragraph--".concat(type)] = type && type === 'inactive',
5471
- _d)) }, caption))));
5473
+ _d)) }, caption)),
5474
+ indicatorPosition === 'below' && stackedIndicator));
5472
5475
  };
5473
5476
 
5474
5477
  var SkeletonBar = function (_a) {
@@ -5503,16 +5506,17 @@ ListContainer.displayName = 'ListContainer';
5503
5506
 
5504
5507
  var ListReadOnly = e.forwardRef(function (_a, ref) {
5505
5508
  var _b;
5506
- 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"]);
5509
+ var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, icon = _a.icon, indicator = _a.indicator, _c = _a.indicatorPosition, indicatorPosition = _c === void 0 ? 'inline' : _c, _d = _a.type, type = _d === void 0 ? 'card' : _d, _e = _a.status, status = _e === void 0 ? 'default' : _e, _f = _a.inverted, inverted = _f === void 0 ? false : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.loading, loading = _h === void 0 ? false : _h, className = _a.className, _j = _a.showDivider, showDivider = _j === void 0 ? false : _j, highlight = _a.highlight, cornerTag = _a.cornerTag, rest = __rest$1(_a, ["title", "description", "strikethroughDescription", "caption", "icon", "indicator", "indicatorPosition", "type", "status", "inverted", "disabled", "loading", "className", "showDivider", "highlight", "cornerTag"]);
5507
5510
  var renderLoadingContent = function () { return (e.createElement("div", { className: "ods-list-readonly__skeleton" },
5508
5511
  e.createElement(SkeletonBar, { width: "40%", height: "16px" }),
5509
5512
  e.createElement(SkeletonBar, { width: "100%", height: "16px" }))); };
5513
+ var stackedPosition = indicatorPosition !== 'inline' ? indicatorPosition : undefined;
5510
5514
  var renderContent = function () { return (e.createElement(e.Fragment, null,
5511
5515
  icon && (e.createElement("div", { className: classNames('ods-list-readonly__icon', {
5512
5516
  'ods-list-readonly__icon--inactive': status === 'inactive',
5513
5517
  }) }, icon)),
5514
- e.createElement(ContentList, { title: title, description: description, strikethroughDescription: strikethroughDescription, caption: caption, inverted: inverted, type: status }),
5515
- indicator && (e.createElement("div", { className: "ods-list-readonly__trailing" },
5518
+ e.createElement(ContentList, { title: title, description: description, strikethroughDescription: strikethroughDescription, caption: caption, inverted: inverted, type: status, indicator: stackedPosition ? indicator : undefined, indicatorPosition: stackedPosition }),
5519
+ indicator && !stackedPosition && (e.createElement("div", { className: "ods-list-readonly__trailing" },
5516
5520
  e.createElement("div", { className: "ods-list-readonly__indicator" }, indicator))))); };
5517
5521
  var cardClassName = classNames('ods-list-readonly', className, (_b = {
5518
5522
  'ods-list-readonly--loading': loading,
@@ -5527,15 +5531,16 @@ ListReadOnly.displayName = 'ListReadOnly';
5527
5531
 
5528
5532
  var ListSelectable = e.forwardRef(function (props, ref) {
5529
5533
  var _a;
5530
- 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"]);
5534
+ 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, _c = _b.indicatorPosition, indicatorPosition = _c === void 0 ? 'inline' : _c, isSelectableDisabled = _b.isSelectableDisabled, highlight = _b.highlight, _d = _b.status, status = _d === void 0 ? 'default' : _d, _e = _b.type, type = _e === void 0 ? 'card' : _e, _f = _b.platform, platform = _f === void 0 ? 'web' : _f, cornerTag = _b.cornerTag, rest = __rest$1(_b, ["title", "description", "caption", "strikethroughDescription", "inverted", "loading", "disabled", "checkbox", "radio", "className", "showDivider", "indicator", "indicatorPosition", "isSelectableDisabled", "highlight", "status", "type", "platform", "cornerTag"]);
5531
5535
  var cardCornerTag = type === 'card' ? cornerTag : undefined;
5532
5536
  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]);
5533
5537
  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]);
5538
+ var stackedPosition = indicatorPosition !== 'inline' ? indicatorPosition : undefined;
5534
5539
  var internalList = useMemo(function () {
5535
5540
  var _a;
5536
5541
  return (e.createElement(e.Fragment, null,
5537
- e.createElement(ContentList, { title: title, description: description, strikethroughDescription: strikethroughDescription, caption: caption, inverted: inverted, type: disabled ? 'inactive' : status }),
5538
- indicator && (e.createElement("div", { className: classNames('ods-list-selectable__indicator', (_a = {},
5542
+ e.createElement(ContentList, { title: title, description: description, strikethroughDescription: strikethroughDescription, caption: caption, inverted: inverted, type: disabled ? 'inactive' : status, indicator: stackedPosition ? indicator : undefined, indicatorPosition: stackedPosition }),
5543
+ indicator && !stackedPosition && (e.createElement("div", { className: classNames('ods-list-selectable__indicator', (_a = {},
5539
5544
  _a["ods-list-selectable__indicator--".concat(platform)] = platform,
5540
5545
  _a)) }, indicator))));
5541
5546
  }, [
@@ -5546,6 +5551,7 @@ var ListSelectable = e.forwardRef(function (props, ref) {
5546
5551
  inverted,
5547
5552
  status,
5548
5553
  indicator,
5554
+ stackedPosition,
5549
5555
  disabled,
5550
5556
  platform,
5551
5557
  ]);
@@ -5555,7 +5561,7 @@ var ListSelectable = e.forwardRef(function (props, ref) {
5555
5561
  e.createElement(SkeletonBar, { width: "100%", height: "16px" })));
5556
5562
  }
5557
5563
  if (isSelectableDisabled) {
5558
- 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 })));
5564
+ 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, indicatorPosition: indicatorPosition, caption: caption, strikethroughDescription: strikethroughDescription, highlight: highlight, cornerTag: cardCornerTag }, rest, { ref: ref })));
5559
5565
  }
5560
5566
  return (e.createElement(ListContainer, { type: type, showDivider: showDivider, hasError: hasError, highlight: highlight, cornerTag: cardCornerTag },
5561
5567
  e.createElement("div", __assign$1({ className: classNames('ods-list-selectable', className, (_a = {
@@ -26273,6 +26279,36 @@ var Steps = function (_a) {
26273
26279
  return (e.createElement("svg", { height: "20", width: 30 * (steps - 1) + 22, viewBox: "0 0 ".concat(30 * (steps - 1) + 22, " 20"), fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "step-".concat(currentStep) }, Array.from(Array(steps).keys()).map(function (step) { return (e.createElement("g", { key: step }, getCurrentStep(step + 1))); })));
26274
26280
  };
26275
26281
 
26282
+ var PRIMARY_VARIANT_MAP = {
26283
+ default: 'primary',
26284
+ warning: 'primaryWarning',
26285
+ negative: 'primaryCritical',
26286
+ emphasys: 'secondary',
26287
+ };
26288
+ var SECONDARY_VARIANT_MAP = {
26289
+ default: 'tertiary',
26290
+ warning: 'tertiaryWarning',
26291
+ negative: 'tertiaryCritical',
26292
+ emphasys: 'tertiary',
26293
+ };
26294
+ var Banner = e.forwardRef(function (_a, ref) {
26295
+ var _b = _a.size, size = _b === void 0 ? 'large' : _b, _c = _a.type, type = _c === void 0 ? 'default' : _c, title = _a.title, description = _a.description, image = _a.image, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, className = _a.className, rest = __rest$1(_a, ["size", "type", "title", "description", "image", "primaryAction", "secondaryAction", "className"]);
26296
+ var isEmphasys = type === 'emphasys';
26297
+ var hasActions = primaryAction || secondaryAction;
26298
+ var imageEl = image ? (e.createElement("img", { className: "ods-banner__image", src: image, alt: "", "aria-hidden": "true" })) : null;
26299
+ return (e.createElement("div", __assign$1({ ref: ref }, rest, { className: classNames('ods-banner', "ods-banner--".concat(size), "ods-banner--".concat(type), className) }),
26300
+ imageEl && size === 'large' && (e.createElement("div", { className: "ods-banner__image-wrapper ods-banner__image-wrapper--top" }, imageEl)),
26301
+ e.createElement("div", { className: "ods-banner__body" },
26302
+ e.createElement("div", { className: "ods-banner__content" },
26303
+ e.createElement(Typography, { variant: "heading4", inverse: isEmphasys, className: "ods-banner__title" }, title),
26304
+ description && (e.createElement(Typography, { variant: "description", inverse: isEmphasys, className: "ods-banner__description" }, description)),
26305
+ hasActions && (e.createElement("div", { className: "ods-banner__actions" },
26306
+ primaryAction && (e.createElement(Button$1, { size: "sm", variant: PRIMARY_VARIANT_MAP[type], onClick: primaryAction.onClick }, primaryAction.label)),
26307
+ secondaryAction && (e.createElement(Button$1, { size: "sm", variant: SECONDARY_VARIANT_MAP[type], onClick: secondaryAction.onClick }, secondaryAction.label))))),
26308
+ imageEl && size === 'small' && (e.createElement("div", { className: "ods-banner__image-wrapper ods-banner__image-wrapper--side" }, imageEl)))));
26309
+ });
26310
+ Banner.displayName = 'Banner';
26311
+
26276
26312
  var CrossSellCard = e.forwardRef(function (_a, ref) {
26277
26313
  var title = _a.title, className = _a.className, description = _a.description, imageSrc = _a.imageSrc, ctaText = _a.ctaText, ctaAction = _a.ctaAction, customIcon = _a.customIcon, rest = __rest$1(_a, ["title", "className", "description", "imageSrc", "ctaText", "ctaAction", "customIcon"]);
26278
26314
  return (e.createElement("div", __assign$1({ ref: ref }, rest, { className: classNames('ods-cross-sell-card', className) }),
@@ -47853,9 +47889,9 @@ var AmountDetails = function (_a) {
47853
47889
 
47854
47890
  var ListAction = e.forwardRef(function (_a, ref) {
47855
47891
  var _b;
47856
- var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, _c = _a.inverted, inverted = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? 'card' : _d, _e = _a.status, status = _e === void 0 ? 'default' : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.loading, loading = _g === void 0 ? false : _g, icon = _a.icon, indicator = _a.indicator, _h = _a.actionType, actionType = _h === void 0 ? 'chevron' : _h, menuActions = _a.menuActions, _j = _a.menuPosition, menuPosition = _j === void 0 ? 'bottom-right' : _j, onClick = _a.onClick, className = _a.className, _k = _a.showDivider, showDivider = _k === void 0 ? false : _k, amountDetails = _a.amountDetails, position = _a.position, highlight = _a.highlight, rest = __rest$1(_a, ["title", "description", "strikethroughDescription", "caption", "inverted", "type", "status", "disabled", "loading", "icon", "indicator", "actionType", "menuActions", "menuPosition", "onClick", "className", "showDivider", "amountDetails", "position", "highlight"]);
47857
- var _l = useState(false), isSwipeOpen = _l[0], setIsSwipeOpen = _l[1];
47858
- var _m = useState(0), menuWidth = _m[0], setMenuWidth = _m[1];
47892
+ var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, _c = _a.inverted, inverted = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? 'card' : _d, _e = _a.status, status = _e === void 0 ? 'default' : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.loading, loading = _g === void 0 ? false : _g, icon = _a.icon, indicator = _a.indicator, _h = _a.indicatorPosition, indicatorPosition = _h === void 0 ? 'inline' : _h, _j = _a.actionType, actionType = _j === void 0 ? 'chevron' : _j, menuActions = _a.menuActions, _k = _a.menuPosition, menuPosition = _k === void 0 ? 'bottom-right' : _k, onClick = _a.onClick, className = _a.className, _l = _a.showDivider, showDivider = _l === void 0 ? false : _l, amountDetails = _a.amountDetails, position = _a.position, highlight = _a.highlight, rest = __rest$1(_a, ["title", "description", "strikethroughDescription", "caption", "inverted", "type", "status", "disabled", "loading", "icon", "indicator", "indicatorPosition", "actionType", "menuActions", "menuPosition", "onClick", "className", "showDivider", "amountDetails", "position", "highlight"]);
47893
+ var _m = useState(false), isSwipeOpen = _m[0], setIsSwipeOpen = _m[1];
47894
+ var _o = useState(0), menuWidth = _o[0], setMenuWidth = _o[1];
47859
47895
  var handleSwipeOpenChange = function (isOpen, width) {
47860
47896
  setIsSwipeOpen(isOpen);
47861
47897
  if (width !== undefined) {
@@ -47878,6 +47914,7 @@ var ListAction = e.forwardRef(function (_a, ref) {
47878
47914
  var contentStyle = isSwipeOpen && menuWidth > 0
47879
47915
  ? { transform: "translateX(-".concat(menuWidth, "px)") }
47880
47916
  : {};
47917
+ var stackedPosition = indicatorPosition !== 'inline' ? indicatorPosition : undefined;
47881
47918
  var showLeading = position && icon;
47882
47919
  var showLineAbove = position === 'middle' || position === 'last';
47883
47920
  var showLineBelow = position === 'first' || position === 'middle';
@@ -47895,9 +47932,9 @@ var ListAction = e.forwardRef(function (_a, ref) {
47895
47932
  }) }))) : (icon && (e.createElement("div", { className: classNames('ods-list-action__icon', {
47896
47933
  'ods-list-action__icon--inactive': status === 'inactive',
47897
47934
  }) }, icon))),
47898
- e.createElement(ContentList, { title: title, description: description, strikethroughDescription: strikethroughDescription, caption: caption, inverted: inverted, type: status }),
47935
+ e.createElement(ContentList, { title: title, description: description, strikethroughDescription: strikethroughDescription, caption: caption, inverted: inverted, type: status, indicator: stackedPosition ? indicator : undefined, indicatorPosition: stackedPosition }),
47899
47936
  amountDetails && e.createElement(AmountDetails, __assign$1({ type: status }, amountDetails)),
47900
- indicator && (e.createElement("div", { className: "ods-list-action__indicator" }, indicator))),
47937
+ indicator && !stackedPosition && (e.createElement("div", { className: "ods-list-action__indicator" }, indicator))),
47901
47938
  renderActionIcon())); };
47902
47939
  var buttonClassName = classNames('ods-list-action', className, (_b = {
47903
47940
  'ods-list-action--loading': loading,
@@ -47914,8 +47951,8 @@ ListAction.displayName = 'ListAction';
47914
47951
 
47915
47952
  var ListExpandable = e.forwardRef(function (_a, ref) {
47916
47953
  var _b;
47917
- var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, _c = _a.inverted, inverted = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? 'card' : _d, _e = _a.status, status = _e === void 0 ? 'default' : _e, _f = _a.loading, loading = _f === void 0 ? false : _f, icon = _a.icon, indicator = _a.indicator, controlledExpanded = _a.expanded, _g = _a.defaultExpanded, defaultExpanded = _g === void 0 ? false : _g, onToggle = _a.onToggle, children = _a.children, className = _a.className, _h = _a.disabled, disabled = _h === void 0 ? false : _h, _j = _a.showDivider, showDivider = _j === void 0 ? false : _j, highlight = _a.highlight, rest = __rest$1(_a, ["title", "description", "strikethroughDescription", "caption", "inverted", "type", "status", "loading", "icon", "indicator", "expanded", "defaultExpanded", "onToggle", "children", "className", "disabled", "showDivider", "highlight"]);
47918
- var _k = useState(defaultExpanded), internalExpanded = _k[0], setInternalExpanded = _k[1];
47954
+ var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, _c = _a.inverted, inverted = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? 'card' : _d, _e = _a.status, status = _e === void 0 ? 'default' : _e, _f = _a.loading, loading = _f === void 0 ? false : _f, icon = _a.icon, indicator = _a.indicator, _g = _a.indicatorPosition, indicatorPosition = _g === void 0 ? 'inline' : _g, controlledExpanded = _a.expanded, _h = _a.defaultExpanded, defaultExpanded = _h === void 0 ? false : _h, onToggle = _a.onToggle, children = _a.children, className = _a.className, _j = _a.disabled, disabled = _j === void 0 ? false : _j, _k = _a.showDivider, showDivider = _k === void 0 ? false : _k, highlight = _a.highlight, rest = __rest$1(_a, ["title", "description", "strikethroughDescription", "caption", "inverted", "type", "status", "loading", "icon", "indicator", "indicatorPosition", "expanded", "defaultExpanded", "onToggle", "children", "className", "disabled", "showDivider", "highlight"]);
47955
+ var _l = useState(defaultExpanded), internalExpanded = _l[0], setInternalExpanded = _l[1];
47919
47956
  var isControlled = controlledExpanded !== undefined;
47920
47957
  var isExpanded = isControlled ? controlledExpanded : internalExpanded;
47921
47958
  var handleToggle = function () {
@@ -47928,13 +47965,14 @@ var ListExpandable = e.forwardRef(function (_a, ref) {
47928
47965
  var renderLoadingContent = function () { return (e.createElement("div", { className: "ods-list-expandable__skeleton" },
47929
47966
  e.createElement(SkeletonBar, { width: "40%", height: "16px" }),
47930
47967
  e.createElement(SkeletonBar, { width: "100%", height: "16px" }))); };
47968
+ var stackedPosition = indicatorPosition !== 'inline' ? indicatorPosition : undefined;
47931
47969
  var renderContent = function () { return (e.createElement(e.Fragment, null,
47932
47970
  icon && (e.createElement("div", { className: classNames('ods-list-expandable__icon', {
47933
47971
  'ods-list-expandable__icon--inactive': status === 'inactive',
47934
47972
  }) }, icon)),
47935
- e.createElement(ContentList, { title: title, description: description, strikethroughDescription: strikethroughDescription, caption: caption, inverted: inverted, type: status }),
47973
+ e.createElement(ContentList, { title: title, description: description, strikethroughDescription: strikethroughDescription, caption: caption, inverted: inverted, type: status, indicator: stackedPosition ? indicator : undefined, indicatorPosition: stackedPosition }),
47936
47974
  e.createElement("div", { className: "ods-list-expandable__trailing" },
47937
- indicator && (e.createElement("div", { className: "ods-list-expandable__indicator" }, indicator)),
47975
+ indicator && !stackedPosition && (e.createElement("div", { className: "ods-list-expandable__indicator" }, indicator)),
47938
47976
  e.createElement("div", { className: "ods-list-expandable__action" }, isExpanded ? e.createElement(ae, { size: 20 }) : e.createElement(ee, { size: 20 }))))); };
47939
47977
  var containerClassName = classNames('ods-list-expandable', className, (_b = {
47940
47978
  'ods-list-expandable--expanded': isExpanded,
@@ -48068,5 +48106,5 @@ var ListSettings = e.forwardRef(function (_a, ref) {
48068
48106
  });
48069
48107
  ListSettings.displayName = 'ListSettings';
48070
48108
 
48071
- export { Accordion, Alert, Badge, Breadcrumb, Button$1 as Button, CardGroup, CardListItem, Carousel, DoughnutChart as Chart, Checkbox, Chips, Col, Container, ContextualMenu, ContextualMenuItem, CrossSellCard, DatePickerSingle as DatePicker, DatePickerRange as DateRange, Divider, DoughnutChart, Drawer, index$1 as Grid, IconButton, Input, InternalContextualHero, Link, List, ListAction, ListExpandable, ListReadOnly, ListSelectable, ListSettings, Modal, Progress, Radio, Row$1 as Row, Search, Select, SelectAutocomplete, SettingsListItem, Shortcut, Snackbar, Stepper, Steps, SubHeader, Switch, Tag, TextArea, TextListItem, TokenInput, TopBar, TransactionListExpandable, TransactionListItem, Typography, UnorderedListItem, WebNotification };
48109
+ export { Accordion, Alert, Badge, Banner, Breadcrumb, Button$1 as Button, CardGroup, CardListItem, Carousel, DoughnutChart as Chart, Checkbox, Chips, Col, Container, ContextualMenu, ContextualMenuItem, CrossSellCard, DatePickerSingle as DatePicker, DatePickerRange as DateRange, Divider, DoughnutChart, Drawer, index$1 as Grid, IconButton, Input, InternalContextualHero, Link, List, ListAction, ListExpandable, ListReadOnly, ListSelectable, ListSettings, Modal, Progress, Radio, Row$1 as Row, Search, Select, SelectAutocomplete, SettingsListItem, Shortcut, Snackbar, Stepper, Steps, SubHeader, Switch, Tag, TextArea, TextListItem, TokenInput, TopBar, TransactionListExpandable, TransactionListItem, Typography, UnorderedListItem, WebNotification };
48072
48110
  //# sourceMappingURL=index.es.js.map