@cloudscape-design/components-themeable 3.0.1163 → 3.0.1164

package/lib/internal/template/internal/generated/theming/index.cjs

@@ -6631,8 +6631,8 @@ module.exports.preset = {
             "dark": "{colorNeutral100}"
           },
           "colorTextBodySecondary": {
-            "light": "{colorNeutral650}",
-            "dark": "{colorNeutral350}"
+            "light": "{colorNeutral100}",
+            "dark": "{colorNeutral100}"
           },
           "colorTextBreadcrumbCurrent": {
             "light": "{colorNeutral600}",
@@ -6883,8 +6883,8 @@ module.exports.preset = {
             "dark": "{colorNeutral950}"
           },
           "colorTextLabel": {
-            "light": "{colorTextFormLabel}",
-            "dark": "{colorTextFormLabel}"
+            "light": "{colorNeutral100}",
+            "dark": "{colorNeutral100}"
           },
           "colorTextLayoutToggle": {
             "light": "{colorWhite}",
@@ -6903,12 +6903,12 @@ module.exports.preset = {
             "dark": "{colorNeutral950}"
           },
           "colorTextLinkDefault": {
-            "light": "{colorPrimary600}",
-            "dark": "{colorPrimary400}"
+            "light": "{colorNeutral100}",
+            "dark": "{colorNeutral100}"
           },
           "colorTextLinkHover": {
-            "light": "{colorPrimary900}",
-            "dark": "{colorPrimary300}"
+            "light": "{colorWhite}",
+            "dark": "{colorWhite}"
           },
           "colorTextLinkInvertedHover": {
             "light": "{colorWhite}",
@@ -7745,8 +7745,8 @@ module.exports.preset = {
             "dark": "{colorTextNotificationYellow}"
           },
           "colorTextBodySecondary": {
-            "light": "{colorNeutral650}",
-            "dark": "{colorNeutral350}"
+            "light": "{colorTextNotificationYellow}",
+            "dark": "{colorTextNotificationYellow}"
           },
           "colorTextBreadcrumbCurrent": {
             "light": "{colorNeutral600}",
@@ -7997,8 +7997,8 @@ module.exports.preset = {
             "dark": "{colorNeutral950}"
           },
           "colorTextLabel": {
-            "light": "{colorTextFormLabel}",
-            "dark": "{colorTextFormLabel}"
+            "light": "{colorTextNotificationYellow}",
+            "dark": "{colorTextNotificationYellow}"
           },
           "colorTextLayoutToggle": {
             "light": "{colorWhite}",
@@ -8017,12 +8017,12 @@ module.exports.preset = {
             "dark": "{colorNeutral950}"
           },
           "colorTextLinkDefault": {
-            "light": "{colorPrimary600}",
-            "dark": "{colorPrimary400}"
+            "light": "{colorTextNotificationYellow}",
+            "dark": "{colorTextNotificationYellow}"
           },
           "colorTextLinkHover": {
-            "light": "{colorPrimary900}",
-            "dark": "{colorPrimary300}"
+            "light": "{colorTextNotificationYellow}",
+            "dark": "{colorTextNotificationYellow}"
           },
           "colorTextLinkInvertedHover": {
             "light": "{colorTextNotificationYellow}",
@@ -13269,18 +13269,18 @@ module.exports.preset = {
     "colorStrokeCodeEditorGutterActiveLineHover": "--color-stroke-code-editor-gutter-active-line-hover-vqrb6s",
     "colorTextAccent": "--color-text-accent-n1kmht",
     "colorTextBodyDefault": "--color-text-body-default-vvtq8u",
-    "colorTextBodySecondary": "--color-text-body-secondary-bcbgoi",
+    "colorTextBodySecondary": "--color-text-body-secondary-yna5sb",
     "colorTextBreadcrumbCurrent": "--color-text-breadcrumb-current-2mqnkk",
     "colorTextBreadcrumbIcon": "--color-text-breadcrumb-icon-9j48ot",
-    "colorTextButtonInlineIconDefault": "--color-text-button-inline-icon-default-f8xgpk",
+    "colorTextButtonInlineIconDefault": "--color-text-button-inline-icon-default-sm4ql6",
     "colorTextButtonInlineIconDisabled": "--color-text-button-inline-icon-disabled-82hho0",
-    "colorTextButtonInlineIconHover": "--color-text-button-inline-icon-hover-c08r6g",
+    "colorTextButtonInlineIconHover": "--color-text-button-inline-icon-hover-rbyzfc",
     "colorTextButtonNormalActive": "--color-text-button-normal-active-vihsxh",
     "colorTextToggleButtonNormalPressed": "--color-text-toggle-button-normal-pressed-wnx2zl",
     "colorTextButtonNormalDefault": "--color-text-button-normal-default-nzalii",
     "colorTextButtonNormalHover": "--color-text-button-normal-hover-gusgyv",
-    "colorTextLinkButtonNormalDefault": "--color-text-link-button-normal-default-5w3m67",
-    "colorTextLinkButtonNormalHover": "--color-text-link-button-normal-hover-4awpjm",
+    "colorTextLinkButtonNormalDefault": "--color-text-link-button-normal-default-srprth",
+    "colorTextLinkButtonNormalHover": "--color-text-link-button-normal-hover-jrnyw3",
     "colorTextLinkButtonNormalActive": "--color-text-link-button-normal-active-js9ryu",
     "colorTextButtonPrimaryActive": "--color-text-button-primary-active-refmba",
     "colorTextButtonPrimaryDefault": "--color-text-button-primary-default-mwl31m",
@@ -13332,13 +13332,13 @@ module.exports.preset = {
     "colorTextInteractiveInvertedDefault": "--color-text-interactive-inverted-default-xlc0d5",
     "colorTextInteractiveInvertedHover": "--color-text-interactive-inverted-hover-65rnp7",
     "colorTextInverted": "--color-text-inverted-4v4dmq",
-    "colorTextLabel": "--color-text-label-8248dg",
+    "colorTextLabel": "--color-text-label-28gfmc",
     "colorTextLayoutToggle": "--color-text-layout-toggle-1a15s3",
     "colorTextLayoutToggleActive": "--color-text-layout-toggle-active-ifu7qp",
     "colorTextLayoutToggleHover": "--color-text-layout-toggle-hover-9jwdce",
     "colorTextLayoutToggleSelected": "--color-text-layout-toggle-selected-xpximc",
-    "colorTextLinkDefault": "--color-text-link-default-1dmm7z",
-    "colorTextLinkHover": "--color-text-link-hover-sq1gxg",
+    "colorTextLinkDefault": "--color-text-link-default-hude44",
+    "colorTextLinkHover": "--color-text-link-hover-2hfec2",
     "colorTextLinkInvertedHover": "--color-text-link-inverted-hover-ocd3u3",
     "colorTextLinkButtonUnderline": "--color-text-link-button-underline-z4wjnv",
     "colorTextLinkButtonUnderlineHover": "--color-text-link-button-underline-hover-cn3mqh",

package/lib/internal/template/internal/generated/theming/index.js

@@ -6631,8 +6631,8 @@ export var preset = {
             "dark": "{colorNeutral100}"
           },
           "colorTextBodySecondary": {
-            "light": "{colorNeutral650}",
-            "dark": "{colorNeutral350}"
+            "light": "{colorNeutral100}",
+            "dark": "{colorNeutral100}"
           },
           "colorTextBreadcrumbCurrent": {
             "light": "{colorNeutral600}",
@@ -6883,8 +6883,8 @@ export var preset = {
             "dark": "{colorNeutral950}"
           },
           "colorTextLabel": {
-            "light": "{colorTextFormLabel}",
-            "dark": "{colorTextFormLabel}"
+            "light": "{colorNeutral100}",
+            "dark": "{colorNeutral100}"
           },
           "colorTextLayoutToggle": {
             "light": "{colorWhite}",
@@ -6903,12 +6903,12 @@ export var preset = {
             "dark": "{colorNeutral950}"
           },
           "colorTextLinkDefault": {
-            "light": "{colorPrimary600}",
-            "dark": "{colorPrimary400}"
+            "light": "{colorNeutral100}",
+            "dark": "{colorNeutral100}"
           },
           "colorTextLinkHover": {
-            "light": "{colorPrimary900}",
-            "dark": "{colorPrimary300}"
+            "light": "{colorWhite}",
+            "dark": "{colorWhite}"
           },
           "colorTextLinkInvertedHover": {
             "light": "{colorWhite}",
@@ -7745,8 +7745,8 @@ export var preset = {
             "dark": "{colorTextNotificationYellow}"
           },
           "colorTextBodySecondary": {
-            "light": "{colorNeutral650}",
-            "dark": "{colorNeutral350}"
+            "light": "{colorTextNotificationYellow}",
+            "dark": "{colorTextNotificationYellow}"
           },
           "colorTextBreadcrumbCurrent": {
             "light": "{colorNeutral600}",
@@ -7997,8 +7997,8 @@ export var preset = {
             "dark": "{colorNeutral950}"
           },
           "colorTextLabel": {
-            "light": "{colorTextFormLabel}",
-            "dark": "{colorTextFormLabel}"
+            "light": "{colorTextNotificationYellow}",
+            "dark": "{colorTextNotificationYellow}"
           },
           "colorTextLayoutToggle": {
             "light": "{colorWhite}",
@@ -8017,12 +8017,12 @@ export var preset = {
             "dark": "{colorNeutral950}"
           },
           "colorTextLinkDefault": {
-            "light": "{colorPrimary600}",
-            "dark": "{colorPrimary400}"
+            "light": "{colorTextNotificationYellow}",
+            "dark": "{colorTextNotificationYellow}"
           },
           "colorTextLinkHover": {
-            "light": "{colorPrimary900}",
-            "dark": "{colorPrimary300}"
+            "light": "{colorTextNotificationYellow}",
+            "dark": "{colorTextNotificationYellow}"
           },
           "colorTextLinkInvertedHover": {
             "light": "{colorTextNotificationYellow}",
@@ -13269,18 +13269,18 @@ export var preset = {
     "colorStrokeCodeEditorGutterActiveLineHover": "--color-stroke-code-editor-gutter-active-line-hover-vqrb6s",
     "colorTextAccent": "--color-text-accent-n1kmht",
     "colorTextBodyDefault": "--color-text-body-default-vvtq8u",
-    "colorTextBodySecondary": "--color-text-body-secondary-bcbgoi",
+    "colorTextBodySecondary": "--color-text-body-secondary-yna5sb",
     "colorTextBreadcrumbCurrent": "--color-text-breadcrumb-current-2mqnkk",
     "colorTextBreadcrumbIcon": "--color-text-breadcrumb-icon-9j48ot",
-    "colorTextButtonInlineIconDefault": "--color-text-button-inline-icon-default-f8xgpk",
+    "colorTextButtonInlineIconDefault": "--color-text-button-inline-icon-default-sm4ql6",
     "colorTextButtonInlineIconDisabled": "--color-text-button-inline-icon-disabled-82hho0",
-    "colorTextButtonInlineIconHover": "--color-text-button-inline-icon-hover-c08r6g",
+    "colorTextButtonInlineIconHover": "--color-text-button-inline-icon-hover-rbyzfc",
     "colorTextButtonNormalActive": "--color-text-button-normal-active-vihsxh",
     "colorTextToggleButtonNormalPressed": "--color-text-toggle-button-normal-pressed-wnx2zl",
     "colorTextButtonNormalDefault": "--color-text-button-normal-default-nzalii",
     "colorTextButtonNormalHover": "--color-text-button-normal-hover-gusgyv",
-    "colorTextLinkButtonNormalDefault": "--color-text-link-button-normal-default-5w3m67",
-    "colorTextLinkButtonNormalHover": "--color-text-link-button-normal-hover-4awpjm",
+    "colorTextLinkButtonNormalDefault": "--color-text-link-button-normal-default-srprth",
+    "colorTextLinkButtonNormalHover": "--color-text-link-button-normal-hover-jrnyw3",
     "colorTextLinkButtonNormalActive": "--color-text-link-button-normal-active-js9ryu",
     "colorTextButtonPrimaryActive": "--color-text-button-primary-active-refmba",
     "colorTextButtonPrimaryDefault": "--color-text-button-primary-default-mwl31m",
@@ -13332,13 +13332,13 @@ export var preset = {
     "colorTextInteractiveInvertedDefault": "--color-text-interactive-inverted-default-xlc0d5",
     "colorTextInteractiveInvertedHover": "--color-text-interactive-inverted-hover-65rnp7",
     "colorTextInverted": "--color-text-inverted-4v4dmq",
-    "colorTextLabel": "--color-text-label-8248dg",
+    "colorTextLabel": "--color-text-label-28gfmc",
     "colorTextLayoutToggle": "--color-text-layout-toggle-1a15s3",
     "colorTextLayoutToggleActive": "--color-text-layout-toggle-active-ifu7qp",
     "colorTextLayoutToggleHover": "--color-text-layout-toggle-hover-9jwdce",
     "colorTextLayoutToggleSelected": "--color-text-layout-toggle-selected-xpximc",
-    "colorTextLinkDefault": "--color-text-link-default-1dmm7z",
-    "colorTextLinkHover": "--color-text-link-hover-sq1gxg",
+    "colorTextLinkDefault": "--color-text-link-default-hude44",
+    "colorTextLinkHover": "--color-text-link-hover-2hfec2",
     "colorTextLinkInvertedHover": "--color-text-link-inverted-hover-ocd3u3",
     "colorTextLinkButtonUnderline": "--color-text-link-button-underline-z4wjnv",
     "colorTextLinkButtonUnderlineHover": "--color-text-link-button-underline-hover-cn3mqh",

package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
-export declare function usePortalModeClasses(ref: React.RefObject<HTMLElement>): string;
+export declare function usePortalModeClasses(ref: React.RefObject<HTMLElement>, options?: {
+    resetVisualContext?: boolean;
+}): string;
 //# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-portal-mode-classes/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,UAYrE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-portal-mode-classes/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EAAE;IAAE,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAAE,UAYjH"}

package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.js

@@ -3,7 +3,7 @@ import { useCurrentMode, useDensityMode } from '@cloudscape-design/component-too
 import { useVisualContext } from '../../components/visual-context';
 import { ALWAYS_VISUAL_REFRESH } from '../../environment';
 import { useVisualRefresh } from '../use-visual-mode';
-export function usePortalModeClasses(ref) {
+export function usePortalModeClasses(ref, options) {
     const colorMode = useCurrentMode(ref);
     const densityMode = useDensityMode(ref);
     const context = useVisualContext(ref);
@@ -12,7 +12,7 @@ export function usePortalModeClasses(ref) {
         'awsui-polaris-dark-mode awsui-dark-mode': colorMode === 'dark',
         'awsui-polaris-compact-mode awsui-compact-mode': densityMode === 'compact',
         'awsui-visual-refresh': visualRefreshWithClass,
-        [`awsui-context-${context}`]: context,
+        [`awsui-context-${context}`]: context && !(options === null || options === void 0 ? void 0 : options.resetVisualContext),
     });
 }
 //# sourceMappingURL=index.js.map

package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-portal-mode-classes/index.ts"],"names":[],"mappings":"AAGA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAE/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,UAAU,oBAAoB,CAAC,GAAiC;IACpE,MAAM,SAAS,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,WAAW,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,sBAAsB,GAAG,gBAAgB,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAE5E,OAAO,IAAI,CAAC;QACV,yCAAyC,EAAE,SAAS,KAAK,MAAM;QAC/D,+CAA+C,EAAE,WAAW,KAAK,SAAS;QAC1E,sBAAsB,EAAE,sBAAsB;QAC9C,CAAC,iBAAiB,OAAO,EAAE,CAAC,EAAE,OAAO;KACtC,CAAC,CAAC;AACL,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { useCurrentMode, useDensityMode } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useVisualContext } from '../../components/visual-context';\nimport { ALWAYS_VISUAL_REFRESH } from '../../environment';\nimport { useVisualRefresh } from '../use-visual-mode';\n\nexport function usePortalModeClasses(ref: React.RefObject<HTMLElement>) {\n  const colorMode = useCurrentMode(ref);\n  const densityMode = useDensityMode(ref);\n  const context = useVisualContext(ref);\n  const visualRefreshWithClass = useVisualRefresh() && !ALWAYS_VISUAL_REFRESH;\n\n  return clsx({\n    'awsui-polaris-dark-mode awsui-dark-mode': colorMode === 'dark',\n    'awsui-polaris-compact-mode awsui-compact-mode': densityMode === 'compact',\n    'awsui-visual-refresh': visualRefreshWithClass,\n    [`awsui-context-${context}`]: context,\n  });\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-portal-mode-classes/index.ts"],"names":[],"mappings":"AAGA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAE/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,UAAU,oBAAoB,CAAC,GAAiC,EAAE,OAA0C;IAChH,MAAM,SAAS,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,WAAW,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,sBAAsB,GAAG,gBAAgB,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAE5E,OAAO,IAAI,CAAC;QACV,yCAAyC,EAAE,SAAS,KAAK,MAAM;QAC/D,+CAA+C,EAAE,WAAW,KAAK,SAAS;QAC1E,sBAAsB,EAAE,sBAAsB;QAC9C,CAAC,iBAAiB,OAAO,EAAE,CAAC,EAAE,OAAO,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,kBAAkB,CAAA;KACtE,CAAC,CAAC;AACL,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { useCurrentMode, useDensityMode } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useVisualContext } from '../../components/visual-context';\nimport { ALWAYS_VISUAL_REFRESH } from '../../environment';\nimport { useVisualRefresh } from '../use-visual-mode';\n\nexport function usePortalModeClasses(ref: React.RefObject<HTMLElement>, options?: { resetVisualContext?: boolean }) {\n  const colorMode = useCurrentMode(ref);\n  const densityMode = useDensityMode(ref);\n  const context = useVisualContext(ref);\n  const visualRefreshWithClass = useVisualRefresh() && !ALWAYS_VISUAL_REFRESH;\n\n  return clsx({\n    'awsui-polaris-dark-mode awsui-dark-mode': colorMode === 'dark',\n    'awsui-polaris-compact-mode awsui-compact-mode': densityMode === 'compact',\n    'awsui-visual-refresh': visualRefreshWithClass,\n    [`awsui-context-${context}`]: context && !options?.resetVisualContext,\n  });\n}\n"]}

package/lib/internal/template/key-value-pairs/styles.css.js

@@ -1,13 +1,13 @@
 
     import './styles.scoped.css';
     export default {
-  "key-value-pairs": "awsui_key-value-pairs_1y9fy_3mx5q_145",
-  "group-title": "awsui_group-title_1y9fy_3mx5q_177",
-  "group-list": "awsui_group-list_1y9fy_3mx5q_181",
-  "group-list-item": "awsui_group-list-item_1y9fy_3mx5q_191",
-  "term": "awsui_term_1y9fy_3mx5q_195",
-  "key-label": "awsui_key-label_1y9fy_3mx5q_203",
-  "detail": "awsui_detail_1y9fy_3mx5q_212",
-  "info": "awsui_info_1y9fy_3mx5q_247"
+  "key-value-pairs": "awsui_key-value-pairs_1y9fy_1pdix_145",
+  "group-title": "awsui_group-title_1y9fy_1pdix_177",
+  "group-list": "awsui_group-list_1y9fy_1pdix_181",
+  "group-list-item": "awsui_group-list-item_1y9fy_1pdix_191",
+  "term": "awsui_term_1y9fy_1pdix_195",
+  "key-label": "awsui_key-label_1y9fy_1pdix_203",
+  "detail": "awsui_detail_1y9fy_1pdix_212",
+  "info": "awsui_info_1y9fy_1pdix_247"
 };
   

package/lib/internal/template/key-value-pairs/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_key-value-pairs_1y9fy_3mx5q_145:not(#\9) {
+.awsui_key-value-pairs_1y9fy_1pdix_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -174,11 +174,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_group-title_1y9fy_3mx5q_177:not(#\9) {
+.awsui_group-title_1y9fy_1pdix_177:not(#\9) {
   padding-block-end: var(--space-scaled-m-sw9kcx, 16px);
 }
 
-.awsui_group-list_1y9fy_3mx5q_181:not(#\9) {
+.awsui_group-list_1y9fy_1pdix_181:not(#\9) {
   margin-block-start: 0;
   margin-block-end: 0;
   margin-inline-start: 0;
@@ -188,28 +188,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   row-gap: var(--space-scaled-m-sw9kcx, 16px);
 }
 
-.awsui_group-list-item_1y9fy_3mx5q_191:not(#\9) {
+.awsui_group-list-item_1y9fy_1pdix_191:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_term_1y9fy_3mx5q_195:not(#\9) {
+.awsui_term_1y9fy_1pdix_195:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   font-weight: var(--font-display-label-weight-ise9n2, 400);
-  color: var(--color-text-label-aw2dwu, #545b64);
+  color: var(--color-text-label-482ybi, #545b64);
   margin-block-end: var(--space-key-value-gap-japbqo, 2px);
 }
 
-.awsui_key-label_1y9fy_3mx5q_203:not(#\9) {
+.awsui_key-label_1y9fy_1pdix_203:not(#\9) {
   display: inline-flex;
   margin-inline-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_key-label_1y9fy_3mx5q_203:not(#\9):only-child {
+.awsui_key-label_1y9fy_1pdix_203:not(#\9):only-child {
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_detail_1y9fy_3mx5q_212:not(#\9) {
+.awsui_detail_1y9fy_1pdix_212:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -244,7 +244,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-end: 0;
 }
 
-.awsui_info_1y9fy_3mx5q_247:not(#\9) {
+.awsui_info_1y9fy_1pdix_247:not(#\9) {
   display: inline-flex;
   padding-inline-start: var(--space-xs-kw7k3v, 8px);
   border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);

package/lib/internal/template/key-value-pairs/styles.selectors.js

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "key-value-pairs": "awsui_key-value-pairs_1y9fy_3mx5q_145",
-  "group-title": "awsui_group-title_1y9fy_3mx5q_177",
-  "group-list": "awsui_group-list_1y9fy_3mx5q_181",
-  "group-list-item": "awsui_group-list-item_1y9fy_3mx5q_191",
-  "term": "awsui_term_1y9fy_3mx5q_195",
-  "key-label": "awsui_key-label_1y9fy_3mx5q_203",
-  "detail": "awsui_detail_1y9fy_3mx5q_212",
-  "info": "awsui_info_1y9fy_3mx5q_247"
+  "key-value-pairs": "awsui_key-value-pairs_1y9fy_1pdix_145",
+  "group-title": "awsui_group-title_1y9fy_1pdix_177",
+  "group-list": "awsui_group-list_1y9fy_1pdix_181",
+  "group-list-item": "awsui_group-list-item_1y9fy_1pdix_191",
+  "term": "awsui_term_1y9fy_1pdix_195",
+  "key-label": "awsui_key-label_1y9fy_1pdix_203",
+  "detail": "awsui_detail_1y9fy_1pdix_212",
+  "info": "awsui_info_1y9fy_1pdix_247"
 };
   

package/lib/internal/template/link/styles.css.js

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_4tiq8_145",
-  "variant-secondary": "awsui_variant-secondary_4c84z_4tiq8_212",
-  "variant-primary": "awsui_variant-primary_4c84z_4tiq8_247",
-  "variant-info": "awsui_variant-info_4c84z_4tiq8_280",
-  "variant-value-large": "awsui_variant-value-large_4c84z_4tiq8_315",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_4tiq8_347",
-  "variant-recovery": "awsui_variant-recovery_4c84z_4tiq8_382",
-  "button": "awsui_button_4c84z_4tiq8_415",
-  "color-inverted": "awsui_color-inverted_4c84z_4tiq8_450",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_4tiq8_471",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_4tiq8_478",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_4tiq8_484",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_4tiq8_490",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_4tiq8_497",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_4tiq8_504",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_4tiq8_511",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_4tiq8_518",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_4tiq8_525",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_4tiq8_533",
-  "icon": "awsui_icon_4c84z_4tiq8_533"
+  "link": "awsui_link_4c84z_1nzv0_145",
+  "variant-secondary": "awsui_variant-secondary_4c84z_1nzv0_212",
+  "variant-primary": "awsui_variant-primary_4c84z_1nzv0_247",
+  "variant-info": "awsui_variant-info_4c84z_1nzv0_280",
+  "variant-value-large": "awsui_variant-value-large_4c84z_1nzv0_315",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1nzv0_347",
+  "variant-recovery": "awsui_variant-recovery_4c84z_1nzv0_382",
+  "button": "awsui_button_4c84z_1nzv0_415",
+  "color-inverted": "awsui_color-inverted_4c84z_1nzv0_450",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_1nzv0_471",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_1nzv0_478",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1nzv0_484",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1nzv0_490",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1nzv0_497",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1nzv0_504",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1nzv0_511",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_1nzv0_518",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_1nzv0_525",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_1nzv0_533",
+  "icon": "awsui_icon_4c84z_1nzv0_533"
 };