@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.
- package/badge/index.d.ts.map +1 -1
- package/badge/index.js +13 -14
- package/badge/interfaces.d.ts +25 -0
- package/badge/interfaces.d.ts.map +1 -1
- package/badge/interfaces.js.map +1 -1
- package/badge/internal-do-not-use-core.js +20 -0
- package/badge/internal-do-not-use-core.js.map +1 -0
- package/badge/style.d.ts +2 -0
- package/badge/style.d.ts.map +1 -0
- package/badge/style.js +19 -0
- package/badge/style.js.map +1 -0
- package/badge/styles.css.js +10 -10
- package/badge/styles.scoped.css +13 -10
- package/badge/styles.selectors.js +10 -10
- package/internal/base-component/styles.scoped.css +1 -1
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/manifest.json +1 -1
- package/multiselect/analytics-metadata/interfaces.d.ts +1 -0
- package/multiselect/analytics-metadata/interfaces.d.ts.map +1 -1
- package/multiselect/analytics-metadata/interfaces.js.map +1 -1
- package/multiselect/index.d.ts.map +1 -1
- package/multiselect/index.js +3 -0
- package/multiselect/index.js.map +1 -1
- package/package.json +1 -1
- package/badge/index.js.map +0 -1
package/badge/index.d.ts.map
CHANGED
|
@@ -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;
|
|
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
|
-
|
|
7
|
-
import
|
|
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
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
return
|
|
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
|
-
|
|
18
|
+
export default Badge;
|
package/badge/interfaces.d.ts
CHANGED
|
@@ -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;
|
|
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"}
|
package/badge/interfaces.js.map
CHANGED
|
@@ -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"]}
|
package/badge/style.d.ts
ADDED
|
@@ -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"]}
|
package/badge/styles.css.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"badge": "
|
|
5
|
-
"badge-color-grey": "awsui_badge-color-
|
|
6
|
-
"badge-color-green": "awsui_badge-color-
|
|
7
|
-
"badge-color-blue": "awsui_badge-color-
|
|
8
|
-
"badge-color-red": "awsui_badge-color-
|
|
9
|
-
"badge-color-severity-critical": "awsui_badge-color-severity-
|
|
10
|
-
"badge-color-severity-high": "awsui_badge-color-severity-
|
|
11
|
-
"badge-color-severity-medium": "awsui_badge-color-severity-
|
|
12
|
-
"badge-color-severity-low": "awsui_badge-color-severity-
|
|
13
|
-
"badge-color-severity-neutral": "awsui_badge-color-severity-
|
|
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
|
|
package/badge/styles.scoped.css
CHANGED
|
@@ -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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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": "
|
|
6
|
-
"badge-color-grey": "awsui_badge-color-
|
|
7
|
-
"badge-color-green": "awsui_badge-color-
|
|
8
|
-
"badge-color-blue": "awsui_badge-color-
|
|
9
|
-
"badge-color-red": "awsui_badge-color-
|
|
10
|
-
"badge-color-severity-critical": "awsui_badge-color-severity-
|
|
11
|
-
"badge-color-severity-high": "awsui_badge-color-severity-
|
|
12
|
-
"badge-color-severity-medium": "awsui_badge-color-severity-
|
|
13
|
-
"badge-color-severity-low": "awsui_badge-color-severity-
|
|
14
|
-
"badge-color-severity-neutral": "awsui_badge-color-severity-
|
|
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
|
|
package/internal/environment.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export var PACKAGE_SOURCE = "components";
|
|
2
|
-
export var PACKAGE_VERSION = "3.0.0 (
|
|
3
|
-
export var GIT_SHA = "
|
|
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;
|
package/internal/manifest.json
CHANGED
|
@@ -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;
|
|
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,+
|
|
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"}
|
package/multiselect/index.js
CHANGED
|
@@ -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 }))));
|
package/multiselect/index.js.map
CHANGED
|
@@ -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;
|
|
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.
|
|
154
|
+
"version": "3.0.1031",
|
|
155
155
|
"repository": {
|
|
156
156
|
"type": "git",
|
|
157
157
|
"url": "https://github.com/cloudscape-design/components.git"
|
package/badge/index.js.map
DELETED
|
@@ -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"]}
|