@cloudscape-design/components-themeable 3.0.1038 → 3.0.1039

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "3056b9453af6c4c3c2a69798806b383525b1392d"
+  "commit": "1446c8c23afe7f33caf9cfd936be85a5b3663014"
 }

package/lib/internal/scss/badge/styles.scss

@@ -16,6 +16,9 @@
   border-start-end-radius: awsui.$border-radius-badge;
   border-end-start-radius: awsui.$border-radius-badge;
   border-end-end-radius: awsui.$border-radius-badge;
+  border-block-style: solid;
+  border-inline-style: solid;
+  border-width: 0;
   padding-block: 0;
   padding-inline: awsui.$space-xs;
   color: awsui.$color-text-notification-default;

package/lib/internal/scss/internal/generated/custom-css-properties/index.scss

@@ -1,6 +1,6 @@
 
     // Build environment
-    $awsui-commit-hash: "3056b945";
+    $awsui-commit-hash: "1446c8c2";
     // Manually managed CSS-variables
     $maxContentWidth: --awsui-max-content-width-kcc2gu;
 $minContentWidth: --awsui-min-content-width-kcc2gu;

package/lib/internal/template/badge/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { BadgeProps } from './interfaces';
 export { BadgeProps };
-export default function Badge({ color, children, ...rest }: BadgeProps): JSX.Element;
+export default function Badge({ color, children, style, ...rest }: BadgeProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/internal/template/badge/index.d.ts.map

@@ -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"}
+{"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/lib/internal/template/badge/index.js

@@ -7,13 +7,14 @@ import clsx from 'clsx';
 import { getBaseProps } from '../internal/base-component';
 import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
+import { getBadgeStyles } from './style';
 import styles from './styles.css.js';
 export default function Badge(_a) {
-    var { color = 'grey', children } = _a, rest = __rest(_a, ["color", "children"]);
+    var { color = 'grey', children, style } = _a, rest = __rest(_a, ["color", "children", "style"]);
     const { __internalRootRef } = useBaseComponent('Badge', { props: { color } });
     const baseProps = getBaseProps(rest);
     const className = clsx(baseProps.className, styles.badge, styles[`badge-color-${color}`]);
-    return (React.createElement("span", Object.assign({}, baseProps, { className }, { ref: __internalRootRef }), children));
+    return (React.createElement("span", Object.assign({}, baseProps, { className }, { ref: __internalRootRef, style: getBadgeStyles(style) }), children));
 }
 applyDisplayName(Badge, 'Badge');
 //# sourceMappingURL=index.js.map

package/lib/internal/template/badge/index.js.map

@@ -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;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"]}
+{"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/lib/internal/template/badge/interfaces.d.ts

@@ -9,5 +9,31 @@ export interface BadgeProps extends BaseComponentProps {
      * Text displayed inside the badge.
      */
     children?: React.ReactNode;
+    /**
+     * Specifies an object of selectors and properties that are used to apply custom styles.
+     *
+     * - `root.background` (string) - (Optional) Background for badge.
+     * - `root.borderColor` (string) - (Optional) Border color for badge.
+     * - `root.borderRadius` (string) - (Optional) Border radius style.
+     * - `root.borderWidth` (string) - (Optional) Border width style.
+     * - `root.color` (string) - (Optional) Text color for badge.
+     * - `root.paddingBlock` (string) - (Optional) Block dimension padding.
+     * - `root.paddingInline` (string) - (Optional) Inline dimension padding.
+     * @awsuiSystem core
+     */
+    style?: BadgeProps.Style;
+}
+export declare namespace BadgeProps {
+    interface Style {
+        root?: {
+            background?: string;
+            borderColor?: string;
+            borderRadius?: string;
+            borderWidth?: string;
+            color?: string;
+            paddingBlock?: string;
+            paddingInline?: string;
+        };
+    }
 }
 //# sourceMappingURL=interfaces.d.ts.map

package/lib/internal/template/badge/interfaces.d.ts.map

@@ -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"}
+{"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/lib/internal/template/badge/interfaces.js.map

@@ -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"]}
+{"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"]}

package/lib/internal/template/badge/style.d.ts

@@ -0,0 +1,3 @@
+import { BadgeProps } from './interfaces';
+export declare function getBadgeStyles(style: BadgeProps['style']): {};
+//# sourceMappingURL=style.d.ts.map

package/lib/internal/template/badge/style.d.ts.map

@@ -0,0 +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/lib/internal/template/badge/style.js

@@ -0,0 +1,19 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { SYSTEM } from '../internal/environment';
+export function getBadgeStyles(style) {
+    let properties = {};
+    if ((style === null || style === void 0 ? void 0 : style.root) && SYSTEM === 'core') {
+        properties = {
+            background: style.root.background,
+            borderColor: style.root.borderColor,
+            borderRadius: style.root.borderRadius,
+            borderWidth: style.root.borderWidth,
+            color: style.root.color,
+            paddingBlock: style.root.paddingBlock,
+            paddingInline: style.root.paddingInline,
+        };
+    }
+    return properties;
+}
+//# sourceMappingURL=style.js.map

package/lib/internal/template/badge/style.js.map

@@ -0,0 +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/lib/internal/template/badge/styles.css.js

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "badge": "awsui_badge_1yjyg_y2itt_145",
-  "badge-color-grey": "awsui_badge-color-grey_1yjyg_y2itt_188",
-  "badge-color-green": "awsui_badge-color-green_1yjyg_y2itt_191",
-  "badge-color-blue": "awsui_badge-color-blue_1yjyg_y2itt_194",
-  "badge-color-red": "awsui_badge-color-red_1yjyg_y2itt_197",
-  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_y2itt_200",
-  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_y2itt_204",
-  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_y2itt_208",
-  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_y2itt_212",
-  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_y2itt_216"
+  "badge": "awsui_badge_1yjyg_qwpwe_145",
+  "badge-color-grey": "awsui_badge-color-grey_1yjyg_qwpwe_191",
+  "badge-color-green": "awsui_badge-color-green_1yjyg_qwpwe_194",
+  "badge-color-blue": "awsui_badge-color-blue_1yjyg_qwpwe_197",
+  "badge-color-red": "awsui_badge-color-red_1yjyg_qwpwe_200",
+  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_qwpwe_203",
+  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_qwpwe_207",
+  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_qwpwe_211",
+  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_qwpwe_215",
+  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_qwpwe_219"
 };
   

package/lib/internal/template/badge/styles.scoped.css

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_badge_1yjyg_y2itt_145:not(#\9) {
+.awsui_badge_1yjyg_qwpwe_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -181,39 +181,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-start-end-radius: var(--border-radius-badge-o70tla, 16px);
   border-end-start-radius: var(--border-radius-badge-o70tla, 16px);
   border-end-end-radius: var(--border-radius-badge-o70tla, 16px);
+  border-block-style: solid;
+  border-inline-style: solid;
+  border-width: 0;
   padding-block: 0;
   padding-inline: var(--space-xs-kw7k3v, 8px);
   color: var(--color-text-notification-default-fmebm4, #fafafa);
 }
-.awsui_badge_1yjyg_y2itt_145.awsui_badge-color-grey_1yjyg_y2itt_188:not(#\9) {
+.awsui_badge_1yjyg_qwpwe_145.awsui_badge-color-grey_1yjyg_qwpwe_191:not(#\9) {
   background-color: var(--color-background-notification-grey-yzex9c, #545b64);
 }
-.awsui_badge_1yjyg_y2itt_145.awsui_badge-color-green_1yjyg_y2itt_191:not(#\9) {
+.awsui_badge_1yjyg_qwpwe_145.awsui_badge-color-green_1yjyg_qwpwe_194:not(#\9) {
   background-color: var(--color-background-notification-green-7yuv70, #1d8102);
 }
-.awsui_badge_1yjyg_y2itt_145.awsui_badge-color-blue_1yjyg_y2itt_194:not(#\9) {
+.awsui_badge_1yjyg_qwpwe_145.awsui_badge-color-blue_1yjyg_qwpwe_197:not(#\9) {
   background-color: var(--color-background-notification-blue-jgc5fr, #0073bb);
 }
-.awsui_badge_1yjyg_y2itt_145.awsui_badge-color-red_1yjyg_y2itt_197:not(#\9) {
+.awsui_badge_1yjyg_qwpwe_145.awsui_badge-color-red_1yjyg_qwpwe_200:not(#\9) {
   background-color: var(--color-background-notification-red-k51keq, #d13212);
 }
-.awsui_badge_1yjyg_y2itt_145.awsui_badge-color-severity-critical_1yjyg_y2itt_200:not(#\9) {
+.awsui_badge_1yjyg_qwpwe_145.awsui_badge-color-severity-critical_1yjyg_qwpwe_203:not(#\9) {
   background-color: var(--color-background-notification-severity-critical-gsxtat, #870303);
   color: var(--color-text-notification-severity-critical-h34hq6, #fafafa);
 }
-.awsui_badge_1yjyg_y2itt_145.awsui_badge-color-severity-high_1yjyg_y2itt_204:not(#\9) {
+.awsui_badge_1yjyg_qwpwe_145.awsui_badge-color-severity-high_1yjyg_qwpwe_207:not(#\9) {
   background-color: var(--color-background-notification-severity-high-hz1dy0, #ce3311);
   color: var(--color-text-notification-severity-high-fb28xa, #fafafa);
 }
-.awsui_badge_1yjyg_y2itt_145.awsui_badge-color-severity-medium_1yjyg_y2itt_208:not(#\9) {
+.awsui_badge_1yjyg_qwpwe_145.awsui_badge-color-severity-medium_1yjyg_qwpwe_211:not(#\9) {
   background-color: var(--color-background-notification-severity-medium-f2pwwo, #f89256);
   color: var(--color-text-notification-severity-medium-z7mfdy, #000000);
 }
-.awsui_badge_1yjyg_y2itt_145.awsui_badge-color-severity-low_1yjyg_y2itt_212:not(#\9) {
+.awsui_badge_1yjyg_qwpwe_145.awsui_badge-color-severity-low_1yjyg_qwpwe_215:not(#\9) {
   background-color: var(--color-background-notification-severity-low-11rcv3, #f2cd54);
   color: var(--color-text-notification-severity-low-8cm5oo, #16191f);
 }
-.awsui_badge_1yjyg_y2itt_145.awsui_badge-color-severity-neutral_1yjyg_y2itt_216:not(#\9) {
+.awsui_badge_1yjyg_qwpwe_145.awsui_badge-color-severity-neutral_1yjyg_qwpwe_219:not(#\9) {
   background-color: var(--color-background-notification-severity-neutral-1tqomh, #687078);
   color: var(--color-text-notification-severity-neutral-bqmgv3, #fafafa);
 }

package/lib/internal/template/badge/styles.selectors.js

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "badge": "awsui_badge_1yjyg_y2itt_145",
-  "badge-color-grey": "awsui_badge-color-grey_1yjyg_y2itt_188",
-  "badge-color-green": "awsui_badge-color-green_1yjyg_y2itt_191",
-  "badge-color-blue": "awsui_badge-color-blue_1yjyg_y2itt_194",
-  "badge-color-red": "awsui_badge-color-red_1yjyg_y2itt_197",
-  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_y2itt_200",
-  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_y2itt_204",
-  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_y2itt_208",
-  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_y2itt_212",
-  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_y2itt_216"
+  "badge": "awsui_badge_1yjyg_qwpwe_145",
+  "badge-color-grey": "awsui_badge-color-grey_1yjyg_qwpwe_191",
+  "badge-color-green": "awsui_badge-color-green_1yjyg_qwpwe_194",
+  "badge-color-blue": "awsui_badge-color-blue_1yjyg_qwpwe_197",
+  "badge-color-red": "awsui_badge-color-red_1yjyg_qwpwe_200",
+  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_qwpwe_203",
+  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_qwpwe_207",
+  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_qwpwe_211",
+  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_qwpwe_215",
+  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_qwpwe_219"
 };
   

package/lib/internal/template/internal/base-component/styles.scoped.css

@@ -3892,5 +3892,5 @@
   }
 }
 :root {
-  --awsui-version-info-3056b945: true;
+  --awsui-version-info-1446c8c2: true;
 }

package/lib/internal/template/internal/environment.js

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (3056b945)";
-export var GIT_SHA = "3056b945";
+export var PACKAGE_VERSION = "3.0.0 (1446c8c2)";
+export var GIT_SHA = "1446c8c2";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "console";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (3056b945)",
-  "GIT_SHA": "3056b945",
+  "PACKAGE_VERSION": "3.0.0 (1446c8c2)",
+  "GIT_SHA": "1446c8c2",
   "THEME": "default",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": false

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.1038",
+  "version": "3.0.1039",
   "files": [
     "lib"
   ],