@cloudscape-design/components 3.0.1029 → 3.0.1031

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.
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/badge/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,KAAc,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,eAW9E"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/badge/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,KAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,eAWrF"}
package/badge/index.js CHANGED
@@ -1,19 +1,18 @@
1
1
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
  // SPDX-License-Identifier: Apache-2.0
3
- 'use client';
4
- import { __rest } from "tslib";
5
3
  import React from 'react';
6
- import clsx from 'clsx';
7
- import { getBaseProps } from '../internal/base-component';
8
- import useBaseComponent from '../internal/hooks/use-base-component';
4
+
5
+ import CoreComponent from './internal-do-not-use-core';
9
6
  import { applyDisplayName } from '../internal/utils/apply-display-name';
10
- import styles from './styles.css.js';
11
- export default function Badge(_a) {
12
- var { color = 'grey', children } = _a, rest = __rest(_a, ["color", "children"]);
13
- const { __internalRootRef } = useBaseComponent('Badge', { props: { color } });
14
- const baseProps = getBaseProps(rest);
15
- const className = clsx(baseProps.className, styles.badge, styles[`badge-color-${color}`]);
16
- return (React.createElement("span", Object.assign({}, baseProps, { className }, { ref: __internalRootRef }), children));
17
- }
7
+ import { validateProps } from '../internal/base-component';
8
+
9
+
10
+
11
+ const Badge = (props) => {
12
+ validateProps('Badge', props, ["style"], {});
13
+ return React.createElement(CoreComponent, props);
14
+ };
15
+
16
+
18
17
  applyDisplayName(Badge, 'Badge');
19
- //# sourceMappingURL=index.js.map
18
+ export default Badge;
@@ -9,4 +9,29 @@ export interface BadgeProps extends BaseComponentProps {
9
9
  * Text displayed inside the badge.
10
10
  */
11
11
  children?: React.ReactNode;
12
+ /**
13
+ * Specifies an object of selectors and properties that are used to apply custom styles.
14
+ *
15
+ * - `root.background` (string) - (Optional) Background for badge.
16
+ * - `root.borderColor` (string) - (Optional) Border color for badge.
17
+ * - `root.borderRadius` (string) - (Optional) Border radius style.
18
+ * - `root.borderWidth` (string) - (Optional) Border width style.
19
+ * - `root.color` (string) - (Optional) Text color for badge.
20
+ * - `root.paddingBlock` (string) - (Optional) Block dimension padding.
21
+ * - `root.paddingInline` (string) - (Optional) Inline dimension padding.
22
+ * @awsuiSystem core
23
+ */
24
+ }
25
+ export declare namespace BadgeProps {
26
+ interface Style {
27
+ root?: {
28
+ background?: string;
29
+ borderColor?: string;
30
+ borderRadius?: string;
31
+ borderWidth?: string;
32
+ color?: string;
33
+ paddingBlock?: string;
34
+ paddingInline?: string;
35
+ };
36
+ }
12
37
  }
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/badge/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;OAEG;IACH,KAAK,CAAC,EACF,MAAM,GACN,MAAM,GACN,OAAO,GACP,KAAK,GACL,mBAAmB,GACnB,eAAe,GACf,iBAAiB,GACjB,cAAc,GACd,kBAAkB,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/badge/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;OAEG;IACH,KAAK,CAAC,EACF,MAAM,GACN,MAAM,GACN,OAAO,GACP,KAAK,GACL,mBAAmB,GACnB,eAAe,GACf,iBAAiB,GACjB,cAAc,GACd,kBAAkB,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;;;;;;;OAWG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC;CAC1B;AAED,yBAAiB,UAAU,CAAC;IAC1B,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;KACH;CACF"}
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/badge/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface BadgeProps extends BaseComponentProps {\n /**\n * Specifies the badge color.\n */\n color?:\n | 'blue'\n | 'grey'\n | 'green'\n | 'red'\n | 'severity-critical'\n | 'severity-high'\n | 'severity-medium'\n | 'severity-low'\n | 'severity-neutral';\n\n /**\n * Text displayed inside the badge.\n */\n children?: React.ReactNode;\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/badge/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface BadgeProps extends BaseComponentProps {\n /**\n * Specifies the badge color.\n */\n color?:\n | 'blue'\n | 'grey'\n | 'green'\n | 'red'\n | 'severity-critical'\n | 'severity-high'\n | 'severity-medium'\n | 'severity-low'\n | 'severity-neutral';\n\n /**\n * Text displayed inside the badge.\n */\n children?: React.ReactNode;\n\n /**\n * Specifies an object of selectors and properties that are used to apply custom styles.\n *\n * - `root.background` (string) - (Optional) Background for badge.\n * - `root.borderColor` (string) - (Optional) Border color for badge.\n * - `root.borderRadius` (string) - (Optional) Border radius style.\n * - `root.borderWidth` (string) - (Optional) Border width style.\n * - `root.color` (string) - (Optional) Text color for badge.\n * - `root.paddingBlock` (string) - (Optional) Block dimension padding.\n * - `root.paddingInline` (string) - (Optional) Inline dimension padding.\n * @awsuiSystem core\n */\n style?: BadgeProps.Style;\n}\n\nexport namespace BadgeProps {\n export interface Style {\n root?: {\n background?: string;\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n color?: string;\n paddingBlock?: string;\n paddingInline?: string;\n };\n }\n}\n"]}
@@ -0,0 +1,20 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ 'use client';
4
+ import { __rest } from "tslib";
5
+ import React from 'react';
6
+ import clsx from 'clsx';
7
+ import { getBaseProps } from '../internal/base-component';
8
+ import useBaseComponent from '../internal/hooks/use-base-component';
9
+ import { applyDisplayName } from '../internal/utils/apply-display-name';
10
+ import { getBadgeStyles } from './style';
11
+ import styles from './styles.css.js';
12
+ export default function Badge(_a) {
13
+ var { color = 'grey', children, style } = _a, rest = __rest(_a, ["color", "children", "style"]);
14
+ const { __internalRootRef } = useBaseComponent('Badge', { props: { color } });
15
+ const baseProps = getBaseProps(rest);
16
+ const className = clsx(baseProps.className, styles.badge, styles[`badge-color-${color}`]);
17
+ return (React.createElement("span", Object.assign({}, baseProps, { className }, { ref: __internalRootRef, style: getBadgeStyles(style) }), children));
18
+ }
19
+ applyDisplayName(Badge, 'Badge');
20
+ //# sourceMappingURL=internal-do-not-use-core.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/badge/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAwD;QAAxD,EAAE,KAAK,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK,OAAuB,EAAlB,IAAI,cAA1C,8BAA4C,CAAF;IACtE,MAAM,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IAC9E,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,eAAe,KAAK,EAAE,CAAC,CAAC,CAAC;IAE1F,OAAO,CACL,8CAAU,SAAS,EAAM,EAAE,SAAS,EAAE,IAAE,GAAG,EAAE,iBAAiB,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,KACzF,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { BadgeProps } from './interfaces';\nimport { getBadgeStyles } from './style';\n\nimport styles from './styles.css.js';\n\nexport { BadgeProps };\n\nexport default function Badge({ color = 'grey', children, style, ...rest }: BadgeProps) {\n const { __internalRootRef } = useBaseComponent('Badge', { props: { color } });\n const baseProps = getBaseProps(rest);\n\n const className = clsx(baseProps.className, styles.badge, styles[`badge-color-${color}`]);\n\n return (\n <span {...baseProps} {...{ className }} ref={__internalRootRef} style={getBadgeStyles(style)}>\n {children}\n </span>\n );\n}\n\napplyDisplayName(Badge, 'Badge');\n"]}
@@ -0,0 +1,2 @@
1
+ import { BadgeProps } from './interfaces';
2
+ export declare function getBadgeStyles(style: BadgeProps['style']): {};
@@ -0,0 +1 @@
1
+ {"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/badge/style.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,MAgBxD"}
package/badge/style.js ADDED
@@ -0,0 +1,19 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ import { SYSTEM } from '../internal/environment';
4
+ export function getBadgeStyles(style) {
5
+ let properties = {};
6
+ if ((style === null || style === void 0 ? void 0 : style.root) && SYSTEM === 'core') {
7
+ properties = {
8
+ background: style.root.background,
9
+ borderColor: style.root.borderColor,
10
+ borderRadius: style.root.borderRadius,
11
+ borderWidth: style.root.borderWidth,
12
+ color: style.root.color,
13
+ paddingBlock: style.root.paddingBlock,
14
+ paddingInline: style.root.paddingInline,
15
+ };
16
+ }
17
+ return properties;
18
+ }
19
+ //# sourceMappingURL=style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/badge/style.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGjD,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,IAAI,UAAU,GAAG,EAAE,CAAC;IAEpB,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,MAAM,KAAK,MAAM,EAAE;QACpC,UAAU,GAAG;YACX,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU;YACjC,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,WAAW;YACnC,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY;YACrC,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,WAAW;YACnC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK;YACvB,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY;YACrC,aAAa,EAAE,KAAK,CAAC,IAAI,CAAC,aAAa;SACxC,CAAC;KACH;IAED,OAAO,UAAU,CAAC;AACpB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { SYSTEM } from '../internal/environment';\nimport { BadgeProps } from './interfaces';\n\nexport function getBadgeStyles(style: BadgeProps['style']) {\n let properties = {};\n\n if (style?.root && SYSTEM === 'core') {\n properties = {\n background: style.root.background,\n borderColor: style.root.borderColor,\n borderRadius: style.root.borderRadius,\n borderWidth: style.root.borderWidth,\n color: style.root.color,\n paddingBlock: style.root.paddingBlock,\n paddingInline: style.root.paddingInline,\n };\n }\n\n return properties;\n}\n"]}
@@ -1,15 +1,15 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "badge": "awsui_badge_1yjyg_lvwpe_145",
5
- "badge-color-grey": "awsui_badge-color-grey_1yjyg_lvwpe_188",
6
- "badge-color-green": "awsui_badge-color-green_1yjyg_lvwpe_191",
7
- "badge-color-blue": "awsui_badge-color-blue_1yjyg_lvwpe_194",
8
- "badge-color-red": "awsui_badge-color-red_1yjyg_lvwpe_197",
9
- "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_lvwpe_200",
10
- "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_lvwpe_204",
11
- "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_lvwpe_208",
12
- "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_lvwpe_212",
13
- "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_lvwpe_216"
4
+ "badge": "awsui_badge_1yjyg_12ixj_145",
5
+ "badge-color-grey": "awsui_badge-color-grey_1yjyg_12ixj_191",
6
+ "badge-color-green": "awsui_badge-color-green_1yjyg_12ixj_194",
7
+ "badge-color-blue": "awsui_badge-color-blue_1yjyg_12ixj_197",
8
+ "badge-color-red": "awsui_badge-color-red_1yjyg_12ixj_200",
9
+ "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_12ixj_203",
10
+ "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_12ixj_207",
11
+ "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_12ixj_211",
12
+ "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_12ixj_215",
13
+ "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_12ixj_219"
14
14
  };
15
15
 
@@ -142,7 +142,7 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_badge_1yjyg_lvwpe_145:not(#\9) {
145
+ .awsui_badge_1yjyg_12ixj_145:not(#\9) {
146
146
  border-collapse: separate;
147
147
  border-spacing: 0;
148
148
  box-sizing: border-box;
@@ -181,39 +181,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
181
181
  border-start-end-radius: var(--border-radius-badge-exolfb, 4px);
182
182
  border-end-start-radius: var(--border-radius-badge-exolfb, 4px);
183
183
  border-end-end-radius: var(--border-radius-badge-exolfb, 4px);
184
+ border-block-style: solid;
185
+ border-inline-style: solid;
186
+ border-width: 0;
184
187
  padding-block: 0;
185
188
  padding-inline: var(--space-xs-ymlm0b, 8px);
186
189
  color: var(--color-text-notification-default-1iey72, #f9f9fa);
187
190
  }
188
- .awsui_badge_1yjyg_lvwpe_145.awsui_badge-color-grey_1yjyg_lvwpe_188:not(#\9) {
191
+ .awsui_badge_1yjyg_12ixj_145.awsui_badge-color-grey_1yjyg_12ixj_191:not(#\9) {
189
192
  background-color: var(--color-background-notification-grey-x3vul6, #424650);
190
193
  }
191
- .awsui_badge_1yjyg_lvwpe_145.awsui_badge-color-green_1yjyg_lvwpe_191:not(#\9) {
194
+ .awsui_badge_1yjyg_12ixj_145.awsui_badge-color-green_1yjyg_12ixj_194:not(#\9) {
192
195
  background-color: var(--color-background-notification-green-2rkyvu, #00802f);
193
196
  }
194
- .awsui_badge_1yjyg_lvwpe_145.awsui_badge-color-blue_1yjyg_lvwpe_194:not(#\9) {
197
+ .awsui_badge_1yjyg_12ixj_145.awsui_badge-color-blue_1yjyg_12ixj_197:not(#\9) {
195
198
  background-color: var(--color-background-notification-blue-4vnob8, #006ce0);
196
199
  }
197
- .awsui_badge_1yjyg_lvwpe_145.awsui_badge-color-red_1yjyg_lvwpe_197:not(#\9) {
200
+ .awsui_badge_1yjyg_12ixj_145.awsui_badge-color-red_1yjyg_12ixj_200:not(#\9) {
198
201
  background-color: var(--color-background-notification-red-0487ea, #db0000);
199
202
  }
200
- .awsui_badge_1yjyg_lvwpe_145.awsui_badge-color-severity-critical_1yjyg_lvwpe_200:not(#\9) {
203
+ .awsui_badge_1yjyg_12ixj_145.awsui_badge-color-severity-critical_1yjyg_12ixj_203:not(#\9) {
201
204
  background-color: var(--color-background-notification-severity-critical-0xl8pp, #870303);
202
205
  color: var(--color-text-notification-severity-critical-tv4vw4, #f9f9fa);
203
206
  }
204
- .awsui_badge_1yjyg_lvwpe_145.awsui_badge-color-severity-high_1yjyg_lvwpe_204:not(#\9) {
207
+ .awsui_badge_1yjyg_12ixj_145.awsui_badge-color-severity-high_1yjyg_12ixj_207:not(#\9) {
205
208
  background-color: var(--color-background-notification-severity-high-8nbgdi, #ce3311);
206
209
  color: var(--color-text-notification-severity-high-t4suvu, #f9f9fa);
207
210
  }
208
- .awsui_badge_1yjyg_lvwpe_145.awsui_badge-color-severity-medium_1yjyg_lvwpe_208:not(#\9) {
211
+ .awsui_badge_1yjyg_12ixj_145.awsui_badge-color-severity-medium_1yjyg_12ixj_211:not(#\9) {
209
212
  background-color: var(--color-background-notification-severity-medium-lbljs2, #f89256);
210
213
  color: var(--color-text-notification-severity-medium-8f60kb, #0f141a);
211
214
  }
212
- .awsui_badge_1yjyg_lvwpe_145.awsui_badge-color-severity-low_1yjyg_lvwpe_212:not(#\9) {
215
+ .awsui_badge_1yjyg_12ixj_145.awsui_badge-color-severity-low_1yjyg_12ixj_215:not(#\9) {
213
216
  background-color: var(--color-background-notification-severity-low-giz8b6, #f2cd54);
214
217
  color: var(--color-text-notification-severity-low-gvojhi, #0f141a);
215
218
  }
216
- .awsui_badge_1yjyg_lvwpe_145.awsui_badge-color-severity-neutral_1yjyg_lvwpe_216:not(#\9) {
219
+ .awsui_badge_1yjyg_12ixj_145.awsui_badge-color-severity-neutral_1yjyg_12ixj_219:not(#\9) {
217
220
  background-color: var(--color-background-notification-severity-neutral-hnhgmv, #656871);
218
221
  color: var(--color-text-notification-severity-neutral-ynm2wl, #f9f9fa);
219
222
  }
@@ -2,15 +2,15 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "badge": "awsui_badge_1yjyg_lvwpe_145",
6
- "badge-color-grey": "awsui_badge-color-grey_1yjyg_lvwpe_188",
7
- "badge-color-green": "awsui_badge-color-green_1yjyg_lvwpe_191",
8
- "badge-color-blue": "awsui_badge-color-blue_1yjyg_lvwpe_194",
9
- "badge-color-red": "awsui_badge-color-red_1yjyg_lvwpe_197",
10
- "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_lvwpe_200",
11
- "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_lvwpe_204",
12
- "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_lvwpe_208",
13
- "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_lvwpe_212",
14
- "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_lvwpe_216"
5
+ "badge": "awsui_badge_1yjyg_12ixj_145",
6
+ "badge-color-grey": "awsui_badge-color-grey_1yjyg_12ixj_191",
7
+ "badge-color-green": "awsui_badge-color-green_1yjyg_12ixj_194",
8
+ "badge-color-blue": "awsui_badge-color-blue_1yjyg_12ixj_197",
9
+ "badge-color-red": "awsui_badge-color-red_1yjyg_12ixj_200",
10
+ "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_12ixj_203",
11
+ "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_12ixj_207",
12
+ "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_12ixj_211",
13
+ "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_12ixj_215",
14
+ "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_12ixj_219"
15
15
  };
16
16
 
@@ -2039,5 +2039,5 @@
2039
2039
  }
2040
2040
  }
2041
2041
  :root {
2042
- --awsui-version-info-3056b945: true;
2042
+ --awsui-version-info-789b8652: true;
2043
2043
  }
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (3056b945)";
3
- export var GIT_SHA = "3056b945";
2
+ export var PACKAGE_VERSION = "3.0.0 (789b8652)";
3
+ export var GIT_SHA = "789b8652";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "console";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (3056b945)",
4
- "GIT_SHA": "3056b945",
3
+ "PACKAGE_VERSION": "3.0.0 (789b8652)",
4
+ "GIT_SHA": "789b8652",
5
5
  "THEME": "open-source-visual-refresh",
6
6
  "SYSTEM": "console",
7
7
  "ALWAYS_VISUAL_REFRESH": true
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "3056b9453af6c4c3c2a69798806b383525b1392d"
2
+ "commit": "789b8652901e01db7081e72dad7de0ab6ec4186e"
3
3
  }
@@ -12,5 +12,6 @@ export interface GeneratedAnalyticsMetadataMultiselectComponent {
12
12
  properties: {
13
13
  disabled: string;
14
14
  selectedOptionsCount: string;
15
+ selectedOptionsValues: Array<string>;
15
16
  };
16
17
  }
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/multiselect/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,+CAA+C,EAC/C,6CAA6C,EAC9C,MAAM,wEAAwE,CAAC;AAChF,OAAO,EAAE,8CAA8C,EAAE,MAAM,yEAAyE,CAAC;AACzI,OAAO,EACL,2CAA2C,EAC3C,2CAA2C,EAC5C,MAAM,oEAAoE,CAAC;AAE5E,MAAM,MAAM,2CAA2C,GAAG,8CAA8C,CAAC;AAEzG,MAAM,MAAM,2CAA2C,GAAG,6CAA6C,CAAC;AACxG,MAAM,MAAM,6CAA6C,GAAG,+CAA+C,CAAC;AAE5G,MAAM,MAAM,6CAA6C,GAAG,2CAA2C,CAAC;AACxG,MAAM,MAAM,6CAA6C,GAAG,2CAA2C,CAAC;AAExG,MAAM,WAAW,8CAA8C;IAC7D,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM,CAAC;QACjB,oBAAoB,EAAE,MAAM,CAAC;KAC9B,CAAC;CACH"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/multiselect/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,+CAA+C,EAC/C,6CAA6C,EAC9C,MAAM,wEAAwE,CAAC;AAChF,OAAO,EAAE,8CAA8C,EAAE,MAAM,yEAAyE,CAAC;AACzI,OAAO,EACL,2CAA2C,EAC3C,2CAA2C,EAC5C,MAAM,oEAAoE,CAAC;AAE5E,MAAM,MAAM,2CAA2C,GAAG,8CAA8C,CAAC;AAEzG,MAAM,MAAM,2CAA2C,GAAG,6CAA6C,CAAC;AACxG,MAAM,MAAM,6CAA6C,GAAG,+CAA+C,CAAC;AAE5G,MAAM,MAAM,6CAA6C,GAAG,2CAA2C,CAAC;AACxG,MAAM,MAAM,6CAA6C,GAAG,2CAA2C,CAAC;AAExG,MAAM,WAAW,8CAA8C;IAC7D,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM,CAAC;QACjB,oBAAoB,EAAE,MAAM,CAAC;QAC7B,qBAAqB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;KACtC,CAAC;CACH"}
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/multiselect/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n GeneratedAnalyticsMetadataButtonTriggerCollapse,\n GeneratedAnalyticsMetadataButtonTriggerExpand,\n} from '../../internal/components/button-trigger/analytics-metadata/interfaces';\nimport { GeneratedAnalyticsMetadataSelectableItemSelect } from '../../internal/components/selectable-item/analytics-metadata/interfaces';\nimport {\n GeneratedAnalyticsMetadataTokenListShowLess,\n GeneratedAnalyticsMetadataTokenListShowMore,\n} from '../../internal/components/token-list/analytics-metadata/interfaces';\n\nexport type GeneratedAnalyticsMetadataMultiselectSelect = GeneratedAnalyticsMetadataSelectableItemSelect;\n\nexport type GeneratedAnalyticsMetadataMultiselectExpand = GeneratedAnalyticsMetadataButtonTriggerExpand;\nexport type GeneratedAnalyticsMetadataMultiselectCollapse = GeneratedAnalyticsMetadataButtonTriggerCollapse;\n\nexport type GeneratedAnalyticsMetadataMultiselectShowMore = GeneratedAnalyticsMetadataTokenListShowMore;\nexport type GeneratedAnalyticsMetadataMultiselectShowLess = GeneratedAnalyticsMetadataTokenListShowLess;\n\nexport interface GeneratedAnalyticsMetadataMultiselectComponent {\n name: 'awsui.Multiselect';\n label: string;\n properties: {\n disabled: string;\n selectedOptionsCount: string;\n };\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/multiselect/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n GeneratedAnalyticsMetadataButtonTriggerCollapse,\n GeneratedAnalyticsMetadataButtonTriggerExpand,\n} from '../../internal/components/button-trigger/analytics-metadata/interfaces';\nimport { GeneratedAnalyticsMetadataSelectableItemSelect } from '../../internal/components/selectable-item/analytics-metadata/interfaces';\nimport {\n GeneratedAnalyticsMetadataTokenListShowLess,\n GeneratedAnalyticsMetadataTokenListShowMore,\n} from '../../internal/components/token-list/analytics-metadata/interfaces';\n\nexport type GeneratedAnalyticsMetadataMultiselectSelect = GeneratedAnalyticsMetadataSelectableItemSelect;\n\nexport type GeneratedAnalyticsMetadataMultiselectExpand = GeneratedAnalyticsMetadataButtonTriggerExpand;\nexport type GeneratedAnalyticsMetadataMultiselectCollapse = GeneratedAnalyticsMetadataButtonTriggerCollapse;\n\nexport type GeneratedAnalyticsMetadataMultiselectShowMore = GeneratedAnalyticsMetadataTokenListShowMore;\nexport type GeneratedAnalyticsMetadataMultiselectShowLess = GeneratedAnalyticsMetadataTokenListShowLess;\n\nexport interface GeneratedAnalyticsMetadataMultiselectComponent {\n name: 'awsui.Multiselect';\n label: string;\n properties: {\n disabled: string;\n selectedOptionsCount: string;\n selectedOptionsValues: Array<string>;\n };\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/multiselect/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAKhD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,QAAA,MAAM,WAAW,+FAuDhB,CAAC;AAGF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/multiselect/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAKhD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,QAAA,MAAM,WAAW,+FA0DhB,CAAC;AAGF,eAAe,WAAW,CAAC"}
@@ -33,6 +33,9 @@ const Multiselect = React.forwardRef((_a, ref) => {
33
33
  properties: {
34
34
  disabled: `${!!restProps.disabled}`,
35
35
  selectedOptionsCount: `${selectedOptions.length}`,
36
+ selectedOptionsValues: selectedOptions
37
+ .filter(option => option.value !== undefined)
38
+ .map(option => `${option.value}`),
36
39
  },
37
40
  };
38
41
  return (React.createElement(InternalMultiselect, Object.assign({ options: options, filteringType: filteringType, statusType: statusType, selectedOptions: selectedOptions, keepOpen: keepOpen, hideTokens: hideTokens }, restProps, baseComponentProps, { ref: ref }, getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata }))));
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/multiselect/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,mBAAmB,MAAM,YAAY,CAAC;AAE7C,OAAO,+BAA+B,MAAM,wEAAwE,CAAC;AAIrH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EAQmB,EACnB,GAAoC,EACpC,EAAE;QAVF,EACE,OAAO,GAAG,EAAE,EACZ,aAAa,GAAG,MAAM,EACtB,UAAU,GAAG,UAAU,EACvB,eAAe,GAAG,EAAE,EACpB,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,KAAK,OAED,EADd,SAAS,cAPd,uFAQC,CADa;IAId,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,aAAa,EAAE;QACzD,KAAK,EAAE;YACL,YAAY,EAAE,SAAS,CAAC,YAAY;YACpC,SAAS,EAAE,SAAS,CAAC,SAAS;YAC9B,gBAAgB,EAAE,SAAS,CAAC,gBAAgB;YAC5C,aAAa;YACb,UAAU;YACV,QAAQ;YACR,UAAU,EAAE,SAAS,CAAC,UAAU;YAChC,aAAa,EAAE,SAAS,CAAC,aAAa;YACtC,QAAQ,EAAE,SAAS,CAAC,QAAQ;YAC5B,eAAe,EAAE,SAAS,CAAC,eAAe;SAC3C;QACD,QAAQ,EAAE;YACR,kBAAkB,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;SAC3E;KACF,CAAC,CAAC;IAEH,MAAM,0BAA0B,GAAmD;QACjF,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,IAAI,+BAA+B,CAAC,gBAAgB,CAAC,EAAE;QAC9D,UAAU,EAAE;YACV,QAAQ,EAAE,GAAG,CAAC,CAAC,SAAS,CAAC,QAAQ,EAAE;YACnC,oBAAoB,EAAE,GAAG,eAAe,CAAC,MAAM,EAAE;SAClD;KACF,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAmB,kBAClB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IAClB,SAAS,EACT,kBAAkB,IACtB,GAAG,EAAE,GAAG,IACJ,6BAA6B,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE,CAAC,EAC5E,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;AAC7C,eAAe,WAAW,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataMultiselectComponent } from './analytics-metadata/interfaces';\nimport { MultiselectProps } from './interfaces';\nimport InternalMultiselect from './internal';\n\nimport buttonTriggerAnalyticsSelectors from '../internal/components/button-trigger/analytics-metadata/styles.css.js';\n\nexport { MultiselectProps };\n\nconst Multiselect = React.forwardRef(\n (\n {\n options = [],\n filteringType = 'none',\n statusType = 'finished',\n selectedOptions = [],\n keepOpen = true,\n hideTokens = false,\n ...restProps\n }: MultiselectProps,\n ref: React.Ref<MultiselectProps.Ref>\n ) => {\n const baseComponentProps = useBaseComponent('Multiselect', {\n props: {\n inlineTokens: restProps.inlineTokens,\n autoFocus: restProps.autoFocus,\n expandToViewport: restProps.expandToViewport,\n filteringType,\n hideTokens,\n keepOpen,\n tokenLimit: restProps.tokenLimit,\n virtualScroll: restProps.virtualScroll,\n readOnly: restProps.readOnly,\n enableSelectAll: restProps.enableSelectAll,\n },\n metadata: {\n hasDisabledReasons: options.some(option => Boolean(option.disabledReason)),\n },\n });\n\n const componentAnalyticsMetadata: GeneratedAnalyticsMetadataMultiselectComponent = {\n name: 'awsui.Multiselect',\n label: `.${buttonTriggerAnalyticsSelectors['button-trigger']}`,\n properties: {\n disabled: `${!!restProps.disabled}`,\n selectedOptionsCount: `${selectedOptions.length}`,\n },\n };\n\n return (\n <InternalMultiselect\n options={options}\n filteringType={filteringType}\n statusType={statusType}\n selectedOptions={selectedOptions}\n keepOpen={keepOpen}\n hideTokens={hideTokens}\n {...restProps}\n {...baseComponentProps}\n ref={ref}\n {...getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata })}\n />\n );\n }\n);\n\napplyDisplayName(Multiselect, 'Multiselect');\nexport default Multiselect;\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/multiselect/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,mBAAmB,MAAM,YAAY,CAAC;AAE7C,OAAO,+BAA+B,MAAM,wEAAwE,CAAC;AAIrH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EAQmB,EACnB,GAAoC,EACpC,EAAE;QAVF,EACE,OAAO,GAAG,EAAE,EACZ,aAAa,GAAG,MAAM,EACtB,UAAU,GAAG,UAAU,EACvB,eAAe,GAAG,EAAE,EACpB,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,KAAK,OAED,EADd,SAAS,cAPd,uFAQC,CADa;IAId,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,aAAa,EAAE;QACzD,KAAK,EAAE;YACL,YAAY,EAAE,SAAS,CAAC,YAAY;YACpC,SAAS,EAAE,SAAS,CAAC,SAAS;YAC9B,gBAAgB,EAAE,SAAS,CAAC,gBAAgB;YAC5C,aAAa;YACb,UAAU;YACV,QAAQ;YACR,UAAU,EAAE,SAAS,CAAC,UAAU;YAChC,aAAa,EAAE,SAAS,CAAC,aAAa;YACtC,QAAQ,EAAE,SAAS,CAAC,QAAQ;YAC5B,eAAe,EAAE,SAAS,CAAC,eAAe;SAC3C;QACD,QAAQ,EAAE;YACR,kBAAkB,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;SAC3E;KACF,CAAC,CAAC;IAEH,MAAM,0BAA0B,GAAmD;QACjF,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,IAAI,+BAA+B,CAAC,gBAAgB,CAAC,EAAE;QAC9D,UAAU,EAAE;YACV,QAAQ,EAAE,GAAG,CAAC,CAAC,SAAS,CAAC,QAAQ,EAAE;YACnC,oBAAoB,EAAE,GAAG,eAAe,CAAC,MAAM,EAAE;YACjD,qBAAqB,EAAE,eAAe;iBACnC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,SAAS,CAAC;iBAC5C,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC;SACpC;KACF,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAmB,kBAClB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IAClB,SAAS,EACT,kBAAkB,IACtB,GAAG,EAAE,GAAG,IACJ,6BAA6B,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE,CAAC,EAC5E,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;AAC7C,eAAe,WAAW,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataMultiselectComponent } from './analytics-metadata/interfaces';\nimport { MultiselectProps } from './interfaces';\nimport InternalMultiselect from './internal';\n\nimport buttonTriggerAnalyticsSelectors from '../internal/components/button-trigger/analytics-metadata/styles.css.js';\n\nexport { MultiselectProps };\n\nconst Multiselect = React.forwardRef(\n (\n {\n options = [],\n filteringType = 'none',\n statusType = 'finished',\n selectedOptions = [],\n keepOpen = true,\n hideTokens = false,\n ...restProps\n }: MultiselectProps,\n ref: React.Ref<MultiselectProps.Ref>\n ) => {\n const baseComponentProps = useBaseComponent('Multiselect', {\n props: {\n inlineTokens: restProps.inlineTokens,\n autoFocus: restProps.autoFocus,\n expandToViewport: restProps.expandToViewport,\n filteringType,\n hideTokens,\n keepOpen,\n tokenLimit: restProps.tokenLimit,\n virtualScroll: restProps.virtualScroll,\n readOnly: restProps.readOnly,\n enableSelectAll: restProps.enableSelectAll,\n },\n metadata: {\n hasDisabledReasons: options.some(option => Boolean(option.disabledReason)),\n },\n });\n\n const componentAnalyticsMetadata: GeneratedAnalyticsMetadataMultiselectComponent = {\n name: 'awsui.Multiselect',\n label: `.${buttonTriggerAnalyticsSelectors['button-trigger']}`,\n properties: {\n disabled: `${!!restProps.disabled}`,\n selectedOptionsCount: `${selectedOptions.length}`,\n selectedOptionsValues: selectedOptions\n .filter(option => option.value !== undefined)\n .map(option => `${option.value}`),\n },\n };\n\n return (\n <InternalMultiselect\n options={options}\n filteringType={filteringType}\n statusType={statusType}\n selectedOptions={selectedOptions}\n keepOpen={keepOpen}\n hideTokens={hideTokens}\n {...restProps}\n {...baseComponentProps}\n ref={ref}\n {...getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata })}\n />\n );\n }\n);\n\napplyDisplayName(Multiselect, 'Multiselect');\nexport default Multiselect;\n"]}
package/package.json CHANGED
@@ -151,7 +151,7 @@
151
151
  "./internal/base-component/index.js",
152
152
  "./internal/base-component/styles.css.js"
153
153
  ],
154
- "version": "3.0.1029",
154
+ "version": "3.0.1031",
155
155
  "repository": {
156
156
  "type": "git",
157
157
  "url": "https://github.com/cloudscape-design/components.git"
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/badge/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAiD;QAAjD,EAAE,KAAK,GAAG,MAAM,EAAE,QAAQ,OAAuB,EAAlB,IAAI,cAAnC,qBAAqC,CAAF;IAC/D,MAAM,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IAC9E,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,eAAe,KAAK,EAAE,CAAC,CAAC,CAAC;IAE1F,OAAO,CACL,8CAAU,SAAS,EAAM,EAAE,SAAS,EAAE,IAAE,GAAG,EAAE,iBAAiB,KAC3D,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { BadgeProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport { BadgeProps };\n\nexport default function Badge({ color = 'grey', children, ...rest }: BadgeProps) {\n const { __internalRootRef } = useBaseComponent('Badge', { props: { color } });\n const baseProps = getBaseProps(rest);\n\n const className = clsx(baseProps.className, styles.badge, styles[`badge-color-${color}`]);\n\n return (\n <span {...baseProps} {...{ className }} ref={__internalRootRef}>\n {children}\n </span>\n );\n}\n\napplyDisplayName(Badge, 'Badge');\n"]}