npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1325 → 3.0.1326 - Mend

@cloudscape-design/components-themeable 3.0.1325 → 3.0.1326

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.

Files changed (57) hide show

package/lib/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "45502c04e248f53271215aeb14362cf0f2551cc1"
+  "commit": "83708957b95f02bdbbdd4a0e59f8d57955569f25"
 }

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

@@ -24,25 +24,25 @@
   color: awsui.$color-text-notification-default;
   &.badge-color-grey {
-    background-color: awsui.$color-background-notification-grey;
+    background-color: awsui.$color-background-badge-grey;
     border-color: awsui.$color-border-badge-grey;
     color: awsui.$color-text-badge-grey;
   }
   &.badge-color-green {
-    background-color: awsui.$color-background-notification-green;
+    background-color: awsui.$color-background-badge-green;
     border-color: awsui.$color-border-badge-green;
     color: awsui.$color-text-badge-green;
   }
   &.badge-color-blue {
-    background-color: awsui.$color-background-notification-blue;
+    background-color: awsui.$color-background-badge-blue;
     border-color: awsui.$color-border-badge-blue;
     color: awsui.$color-text-badge-blue;
   }
   &.badge-color-red {
-    background-color: awsui.$color-background-notification-red;
+    background-color: awsui.$color-background-badge-red;
     border-color: awsui.$color-border-badge-red;
     color: awsui.$color-text-badge-red;
   }

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

@@ -1,6 +1,6 @@
     // Build environment
-    $awsui-commit-hash: "45502c04";
+    $awsui-commit-hash: "83708957";
     // Manually managed CSS-variables
     $maxContentWidth: --awsui-max-content-width-6b9ypa;
 $minContentWidth: --awsui-min-content-width-6b9ypa;

package/lib/internal/scss/link/constants.scss CHANGED Viewed

@@ -63,10 +63,10 @@ $link-variants: (
     'text-color-default': awsui.$color-text-link-secondary-default,
     'text-color-hover': awsui.$color-text-link-secondary-hover,
     'text-color-active': awsui.$color-text-link-secondary-hover,
-    'font-weight': inherit,
+    'font-weight': awsui.$font-weight-link-secondary,
     'decoration-line': none,
     'decoration-color': transparent,
-    'decoration-color-hover': currentColor,
+    'decoration-color-hover': awsui.$color-text-link-decoration-hover,
     'letter-spacing': normal,
   ),
   'primary': (

package/lib/internal/scss/side-navigation/styles.scss CHANGED Viewed

@@ -250,6 +250,12 @@ $expandable-icon-negative-margin: awsui.$space-l;
   }
 }
+.section-header {
+  display: contents;
+  font-size: awsui.$font-side-navigation-section-header-size;
+  font-weight: awsui.$font-side-navigation-section-header-weight;
+}
 // ==========================================================================
 // Section groups
 // ==========================================================================

package/lib/internal/template/badge/styles.css.js CHANGED Viewed

@@ -1,15 +1,15 @@
     import './styles.scoped.css';
     export default {
-  "badge": "awsui_badge_1yjyg_zpkv4_145",
-  "badge-color-grey": "awsui_badge-color-grey_1yjyg_zpkv4_191",
-  "badge-color-green": "awsui_badge-color-green_1yjyg_zpkv4_196",
-  "badge-color-blue": "awsui_badge-color-blue_1yjyg_zpkv4_201",
-  "badge-color-red": "awsui_badge-color-red_1yjyg_zpkv4_206",
-  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_zpkv4_211",
-  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_zpkv4_216",
-  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_zpkv4_221",
-  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_zpkv4_226",
-  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_zpkv4_231"
+  "badge": "awsui_badge_1yjyg_10cmu_145",
+  "badge-color-grey": "awsui_badge-color-grey_1yjyg_10cmu_191",
+  "badge-color-green": "awsui_badge-color-green_1yjyg_10cmu_196",
+  "badge-color-blue": "awsui_badge-color-blue_1yjyg_10cmu_201",
+  "badge-color-red": "awsui_badge-color-red_1yjyg_10cmu_206",
+  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_10cmu_211",
+  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_10cmu_216",
+  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_10cmu_221",
+  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_10cmu_226",
+  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_10cmu_231"
 };

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

@@ -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_zpkv4_145:not(#\9) {
+.awsui_badge_1yjyg_10cmu_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -188,47 +188,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-xs-kw7k3v, 8px);
   color: var(--color-text-notification-default-fmebm4, #fafafa);
 }
-.awsui_badge_1yjyg_zpkv4_145.awsui_badge-color-grey_1yjyg_zpkv4_191:not(#\9) {
-  background-color: var(--color-background-notification-grey-yzex9c, #545b64);
+.awsui_badge_1yjyg_10cmu_145.awsui_badge-color-grey_1yjyg_10cmu_191:not(#\9) {
+  background-color: var(--color-background-badge-grey-0gre59, #545b64);
   border-color: var(--color-border-badge-grey-7x1xit, transparent);
   color: var(--color-text-badge-grey-5hljh0, #fafafa);
 }
-.awsui_badge_1yjyg_zpkv4_145.awsui_badge-color-green_1yjyg_zpkv4_196:not(#\9) {
-  background-color: var(--color-background-notification-green-7yuv70, #1d8102);
+.awsui_badge_1yjyg_10cmu_145.awsui_badge-color-green_1yjyg_10cmu_196:not(#\9) {
+  background-color: var(--color-background-badge-green-aahq3n, #1d8102);
   border-color: var(--color-border-badge-green-t7n2iz, transparent);
   color: var(--color-text-badge-green-i688l8, #fafafa);
 }
-.awsui_badge_1yjyg_zpkv4_145.awsui_badge-color-blue_1yjyg_zpkv4_201:not(#\9) {
-  background-color: var(--color-background-notification-blue-jgc5fr, #0073bb);
+.awsui_badge_1yjyg_10cmu_145.awsui_badge-color-blue_1yjyg_10cmu_201:not(#\9) {
+  background-color: var(--color-background-badge-blue-89he01, #0073bb);
   border-color: var(--color-border-badge-blue-p28tag, transparent);
   color: var(--color-text-badge-blue-pfnjhv, #fafafa);
 }
-.awsui_badge_1yjyg_zpkv4_145.awsui_badge-color-red_1yjyg_zpkv4_206:not(#\9) {
-  background-color: var(--color-background-notification-red-k51keq, #d13212);
+.awsui_badge_1yjyg_10cmu_145.awsui_badge-color-red_1yjyg_10cmu_206:not(#\9) {
+  background-color: var(--color-background-badge-red-lfiebe, #d13212);
   border-color: var(--color-border-badge-red-w6mok2, transparent);
   color: var(--color-text-badge-red-e7xtdk, #fafafa);
 }
-.awsui_badge_1yjyg_zpkv4_145.awsui_badge-color-severity-critical_1yjyg_zpkv4_211:not(#\9) {
+.awsui_badge_1yjyg_10cmu_145.awsui_badge-color-severity-critical_1yjyg_10cmu_211:not(#\9) {
   background-color: var(--color-background-notification-severity-critical-gsxtat, #870303);
   color: var(--color-text-badge-severity-critical-9m2t9l, #fafafa);
   border-color: var(--color-border-badge-severity-critical-afw1t4, transparent);
 }
-.awsui_badge_1yjyg_zpkv4_145.awsui_badge-color-severity-high_1yjyg_zpkv4_216:not(#\9) {
+.awsui_badge_1yjyg_10cmu_145.awsui_badge-color-severity-high_1yjyg_10cmu_216:not(#\9) {
   background-color: var(--color-background-notification-severity-high-hz1dy0, #ce3311);
   color: var(--color-text-badge-severity-high-yhnb3j, #fafafa);
   border-color: var(--color-border-badge-severity-high-xpyb3z, transparent);
 }
-.awsui_badge_1yjyg_zpkv4_145.awsui_badge-color-severity-medium_1yjyg_zpkv4_221:not(#\9) {
+.awsui_badge_1yjyg_10cmu_145.awsui_badge-color-severity-medium_1yjyg_10cmu_221:not(#\9) {
   background-color: var(--color-background-notification-severity-medium-f2pwwo, #f89256);
   color: var(--color-text-badge-severity-medium-seazfm, #000000);
   border-color: var(--color-border-badge-severity-medium-lglq87, transparent);
 }
-.awsui_badge_1yjyg_zpkv4_145.awsui_badge-color-severity-low_1yjyg_zpkv4_226:not(#\9) {
+.awsui_badge_1yjyg_10cmu_145.awsui_badge-color-severity-low_1yjyg_10cmu_226:not(#\9) {
   background-color: var(--color-background-notification-severity-low-11rcv3, #f2cd54);
   color: var(--color-text-badge-severity-low-ixtax4, #16191f);
   border-color: var(--color-border-badge-severity-low-w6znea, transparent);
 }
-.awsui_badge_1yjyg_zpkv4_145.awsui_badge-color-severity-neutral_1yjyg_zpkv4_231:not(#\9) {
+.awsui_badge_1yjyg_10cmu_145.awsui_badge-color-severity-neutral_1yjyg_10cmu_231:not(#\9) {
   background-color: var(--color-background-notification-severity-neutral-1tqomh, #687078);
   color: var(--color-text-badge-severity-neutral-vfdy0w, #fafafa);
   border-color: var(--color-border-badge-severity-neutral-kdj4l5, transparent);

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

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "badge": "awsui_badge_1yjyg_zpkv4_145",
-  "badge-color-grey": "awsui_badge-color-grey_1yjyg_zpkv4_191",
-  "badge-color-green": "awsui_badge-color-green_1yjyg_zpkv4_196",
-  "badge-color-blue": "awsui_badge-color-blue_1yjyg_zpkv4_201",
-  "badge-color-red": "awsui_badge-color-red_1yjyg_zpkv4_206",
-  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_zpkv4_211",
-  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_zpkv4_216",
-  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_zpkv4_221",
-  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_zpkv4_226",
-  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_zpkv4_231"
+  "badge": "awsui_badge_1yjyg_10cmu_145",
+  "badge-color-grey": "awsui_badge-color-grey_1yjyg_10cmu_191",
+  "badge-color-green": "awsui_badge-color-green_1yjyg_10cmu_196",
+  "badge-color-blue": "awsui_badge-color-blue_1yjyg_10cmu_201",
+  "badge-color-red": "awsui_badge-color-red_1yjyg_10cmu_206",
+  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_10cmu_211",
+  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_10cmu_216",
+  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_10cmu_221",
+  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_10cmu_226",
+  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_10cmu_231"
 };

package/lib/internal/template/code-editor/interfaces.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/code-editor/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { Ace } from 'ace-builds';\n\nimport { BaseModalProps } from '../modal/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\nimport { NonCancelableEventHandler } from '../types/events';\nimport { FormFieldControlProps } from '../types/form-field';\n// eslint-disable-next-line @cloudscape-design/~~components~~/no-internal-in-public-interfaces -- runtime constant; the available Ace modes are the single source of truth for the derived public language types.\nimport { AceModes } from './ace-modes';\n// eslint-disable-next-line @cloudscape-design/~~components~~/no-internal-in-public-interfaces -- runtime constants; the available Ace themes are the single source of truth for the derived public theme types.\nimport { DarkThemes, LightThemes } from './ace-themes';\n\nexport interface CodeEditorProps extends BaseComponentProps, FormFieldControlProps, BaseModalProps {\n /*\n The ace object.\n /\n ace: any;\n\n /\n Specifies the content that's displayed in the code editor.\n /\n value: string;\n\n /\n Specifies the programming language. You can use any of the programming languages supported by the `ace` object that you provide.\n * Alternatively, this can be used to set a language that is not supported by the default `language` list. Make sure you've added the highlighting support for this language to the Ace instance.\n * For more info on custom languages, see the [Code editor API](/components/code-editor?tabId=api) page.\n /\n language: CodeEditorProps.Language;\n\n /\n Specifies a custom label language. If set, it overrides the default language label.\n /\n languageLabel?: string;\n\n /\n An event handler called when the value changes.\n * The event `detail` contains the current value of the code editor content.\n * Deprecated Replaced by `onDelayedChange`.\n /\n onChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>;\n\n /\n An event handler called when the value changes.\n * The event `detail` contains the current value of the code editor content.\n * A user interaction can cause multiple change events to be emitted by the Ace editor. They are batched together into a single `onDelayedChange` event to avoid bugs when controlling the `value` field.\n /\n onDelayedChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>;\n\n /\n Annotations returned from Ace syntax checker after code validation.\n /\n onValidate?: NonCancelableEventHandler<CodeEditorProps.ValidateDetail>;\n\n /\n Specifies the component preferences.\n \n If set to `undefined`, the component uses the following default value:\n \n ```\n * {\n * wrapLines: true,\n * theme: 'dawn'\n * }\n * ```\n \n You can use any theme provided by Ace.\n /\n preferences?: Partial<CodeEditorProps.Preferences>;\n\n /\n List of Ace themes available for selection in preferences dialog. Make sure you include at least one light and at\n * least one dark theme. If not set explicitly, it will render all Ace themes available for selection, except\n * \"cloud_editor\" and \"cloud_editor_dark\".\n /\n themes?: CodeEditorProps.AvailableThemes;\n\n /\n Called when any of the preferences change.\n * The event `detail` contains the value of all the preferences as submitted by the user.\n \n /\n onPreferencesChange: NonCancelableEventHandler<CodeEditorProps.Preferences>;\n\n /*\n Renders the code editor in a loading state.\n /\n loading?: boolean;\n\n /\n Called when the user clicks the recovery button in the error state.\n * Use this to retry loading the code editor or to provide another option for the user to recover from the error.\n /\n onRecoveryClick?: NonCancelableEventHandler<void>;\n\n /\n An object containing all the necessary localized strings required by the component.\n * The object should contain, among others:\n \n * `loadingState` - Specifies the text to display while the component is loading.\n * * `errorState` - Specifies the text to display if there is an error loading Ace.\n * * `errorStateRecovery`: Specifies the text for the recovery button that's displayed next to the error text.\n * Use the `recoveryClick` event to do a recovery action (for example, retrying the request).\n * @i18n\n /\n i18nStrings?: CodeEditorProps.I18nStrings;\n\n /\n Specifies the height of the code editor document.\n /\n editorContentHeight?: number;\n\n /\n Called when the user resizes the editor by dragging the resize icon.\n * The event `detail` contains the new height of the editor in pixels.\n /\n onEditorContentResize?: NonCancelableEventHandler<CodeEditorProps.ResizeDetail>;\n\n /\n Adds `aria-label` to the code editor's textarea element.\n /\n ariaLabel?: string;\n}\n\n// Prevents typescript from collapsing a string union type into a string type while still allowing any string.\n// This leads to more helpful editor suggestions for known values.\n// See: https://github.com/microsoft/TypeScript/issues/29729\ntype LiteralUnion<LiteralType, BaseType extends string> = LiteralType \| (BaseType & { _?: never });\n\ntype BuiltInLanguage = (typeof AceModes)[number]['value'];\n\nexport namespace CodeEditorProps {\n export type Language = LiteralUnion<BuiltInLanguage, string>;\n export type Theme = (typeof LightThemes)[number]['value'] \| (typeof DarkThemes)[number]['value'];\n\n export interface AvailableThemes {\n light: ReadonlyArray<string>;\n dark: ReadonlyArray<string>;\n }\n\n export interface Preferences {\n wrapLines: boolean;\n theme: Theme;\n }\n\n export interface I18nStrings {\n loadingState?: string;\n errorState?: string;\n errorStateRecovery?: string;\n\n editorGroupAriaLabel?: string;\n statusBarGroupAriaLabel?: string;\n\n cursorPosition?: (row: number, column: number) => string;\n errorsTab?: string;\n warningsTab?: string;\n preferencesButtonAriaLabel?: string;\n paneCloseButtonAriaLabel?: string;\n\n preferencesModalHeader?: string;\n preferencesModalCancel?: string;\n preferencesModalConfirm?: string;\n preferencesModalCloseAriaLabel?: string;\n preferencesModalWrapLines?: string;\n preferencesModalTheme?: string;\n preferencesModalLightThemes?: string;\n preferencesModalDarkThemes?: string;\n\n preferencesModalThemeFilteringPlaceholder?: string;\n preferencesModalThemeFilteringAriaLabel?: string;\n preferencesModalThemeFilteringClearAriaLabel?: string;\n\n resizeHandleAriaLabel?: string;\n resizeHandleTooltipText?: string;\n }\n export interface ResizeDetail {\n height: number;\n }\n export interface ChangeDetail {\n value: string;\n }\n\n export interface ValidateDetail {\n annotations: Ace.Annotation[];\n }\n\n export interface Ref {\n /\n Sets input focus onto the code editor control.\n */\n focus(): void;\n }\n}\n"]}
1	+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/code-editor/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { Ace } from 'ace-builds';\n\nimport { BaseModalProps } from '../modal/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\nimport { NonCancelableEventHandler } from '../types/events';\nimport { FormFieldControlProps } from '../types/form-field';\n// eslint-disable-next-line @cloudscape-design/build-tools/no-internal-in-public-interfaces -- runtime constant; the available Ace modes are the single source of truth for the derived public language types.\nimport { AceModes } from './ace-modes';\n// eslint-disable-next-line @cloudscape-design/build-tools/no-internal-in-public-interfaces -- runtime constants; the available Ace themes are the single source of truth for the derived public theme types.\nimport { DarkThemes, LightThemes } from './ace-themes';\n\nexport interface CodeEditorProps extends BaseComponentProps, FormFieldControlProps, BaseModalProps {\n /*\n The ace object.\n /\n ace: any;\n\n /\n Specifies the content that's displayed in the code editor.\n /\n value: string;\n\n /\n Specifies the programming language. You can use any of the programming languages supported by the `ace` object that you provide.\n * Alternatively, this can be used to set a language that is not supported by the default `language` list. Make sure you've added the highlighting support for this language to the Ace instance.\n * For more info on custom languages, see the [Code editor API](/components/code-editor?tabId=api) page.\n /\n language: CodeEditorProps.Language;\n\n /\n Specifies a custom label language. If set, it overrides the default language label.\n /\n languageLabel?: string;\n\n /\n An event handler called when the value changes.\n * The event `detail` contains the current value of the code editor content.\n * Deprecated Replaced by `onDelayedChange`.\n /\n onChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>;\n\n /\n An event handler called when the value changes.\n * The event `detail` contains the current value of the code editor content.\n * A user interaction can cause multiple change events to be emitted by the Ace editor. They are batched together into a single `onDelayedChange` event to avoid bugs when controlling the `value` field.\n /\n onDelayedChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>;\n\n /\n Annotations returned from Ace syntax checker after code validation.\n /\n onValidate?: NonCancelableEventHandler<CodeEditorProps.ValidateDetail>;\n\n /\n Specifies the component preferences.\n \n If set to `undefined`, the component uses the following default value:\n \n ```\n * {\n * wrapLines: true,\n * theme: 'dawn'\n * }\n * ```\n \n You can use any theme provided by Ace.\n /\n preferences?: Partial<CodeEditorProps.Preferences>;\n\n /\n List of Ace themes available for selection in preferences dialog. Make sure you include at least one light and at\n * least one dark theme. If not set explicitly, it will render all Ace themes available for selection, except\n * \"cloud_editor\" and \"cloud_editor_dark\".\n /\n themes?: CodeEditorProps.AvailableThemes;\n\n /\n Called when any of the preferences change.\n * The event `detail` contains the value of all the preferences as submitted by the user.\n \n /\n onPreferencesChange: NonCancelableEventHandler<CodeEditorProps.Preferences>;\n\n /*\n Renders the code editor in a loading state.\n /\n loading?: boolean;\n\n /\n Called when the user clicks the recovery button in the error state.\n * Use this to retry loading the code editor or to provide another option for the user to recover from the error.\n /\n onRecoveryClick?: NonCancelableEventHandler<void>;\n\n /\n An object containing all the necessary localized strings required by the component.\n * The object should contain, among others:\n \n * `loadingState` - Specifies the text to display while the component is loading.\n * * `errorState` - Specifies the text to display if there is an error loading Ace.\n * * `errorStateRecovery`: Specifies the text for the recovery button that's displayed next to the error text.\n * Use the `recoveryClick` event to do a recovery action (for example, retrying the request).\n * @i18n\n /\n i18nStrings?: CodeEditorProps.I18nStrings;\n\n /\n Specifies the height of the code editor document.\n /\n editorContentHeight?: number;\n\n /\n Called when the user resizes the editor by dragging the resize icon.\n * The event `detail` contains the new height of the editor in pixels.\n /\n onEditorContentResize?: NonCancelableEventHandler<CodeEditorProps.ResizeDetail>;\n\n /\n Adds `aria-label` to the code editor's textarea element.\n /\n ariaLabel?: string;\n}\n\n// Prevents typescript from collapsing a string union type into a string type while still allowing any string.\n// This leads to more helpful editor suggestions for known values.\n// See: https://github.com/microsoft/TypeScript/issues/29729\ntype LiteralUnion<LiteralType, BaseType extends string> = LiteralType \| (BaseType & { _?: never });\n\ntype BuiltInLanguage = (typeof AceModes)[number]['value'];\n\nexport namespace CodeEditorProps {\n export type Language = LiteralUnion<BuiltInLanguage, string>;\n export type Theme = (typeof LightThemes)[number]['value'] \| (typeof DarkThemes)[number]['value'];\n\n export interface AvailableThemes {\n light: ReadonlyArray<string>;\n dark: ReadonlyArray<string>;\n }\n\n export interface Preferences {\n wrapLines: boolean;\n theme: Theme;\n }\n\n export interface I18nStrings {\n loadingState?: string;\n errorState?: string;\n errorStateRecovery?: string;\n\n editorGroupAriaLabel?: string;\n statusBarGroupAriaLabel?: string;\n\n cursorPosition?: (row: number, column: number) => string;\n errorsTab?: string;\n warningsTab?: string;\n preferencesButtonAriaLabel?: string;\n paneCloseButtonAriaLabel?: string;\n\n preferencesModalHeader?: string;\n preferencesModalCancel?: string;\n preferencesModalConfirm?: string;\n preferencesModalCloseAriaLabel?: string;\n preferencesModalWrapLines?: string;\n preferencesModalTheme?: string;\n preferencesModalLightThemes?: string;\n preferencesModalDarkThemes?: string;\n\n preferencesModalThemeFilteringPlaceholder?: string;\n preferencesModalThemeFilteringAriaLabel?: string;\n preferencesModalThemeFilteringClearAriaLabel?: string;\n\n resizeHandleAriaLabel?: string;\n resizeHandleTooltipText?: string;\n }\n export interface ResizeDetail {\n height: number;\n }\n export interface ChangeDetail {\n value: string;\n }\n\n export interface ValidateDetail {\n annotations: Ace.Annotation[];\n }\n\n export interface Ref {\n /\n Sets input focus onto the code editor control.\n */\n focus(): void;\n }\n}\n"]}

package/lib/internal/template/help-panel/styles.css.js CHANGED Viewed

@@ -1,11 +1,11 @@
     import './styles.scoped.css';
     export default {
-  "help-panel": "awsui_help-panel_1d237_usjt5_181",
-  "loading": "awsui_loading_1d237_usjt5_354",
-  "header": "awsui_header_1d237_usjt5_359",
-  "with-toolbar": "awsui_with-toolbar_1d237_usjt5_377",
-  "content": "awsui_content_1d237_usjt5_396",
-  "footer": "awsui_footer_1d237_usjt5_448"
+  "help-panel": "awsui_help-panel_1d237_w9ngm_181",
+  "loading": "awsui_loading_1d237_w9ngm_354",
+  "header": "awsui_header_1d237_w9ngm_359",
+  "with-toolbar": "awsui_with-toolbar_1d237_w9ngm_377",
+  "content": "awsui_content_1d237_w9ngm_396",
+  "footer": "awsui_footer_1d237_w9ngm_448"
 };

package/lib/internal/template/help-panel/styles.scoped.css CHANGED Viewed

@@ -178,7 +178,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_help-panel_1d237_usjt5_181:not(#\9) {
+.awsui_help-panel_1d237_w9ngm_181:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -214,36 +214,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_help-panel_1d237_usjt5_181 hr:not(#\9) {
+.awsui_help-panel_1d237_w9ngm_181 hr:not(#\9) {
   border-block: none;
   border-inline: none;
   border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
   margin-block: var(--space-scaled-xl-nxtcbc, 24px);
   margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-6msb21, 12px));
 }
-.awsui_help-panel_1d237_usjt5_181 ol:not(#\9),
-.awsui_help-panel_1d237_usjt5_181 ul:not(#\9) {
+.awsui_help-panel_1d237_w9ngm_181 ol:not(#\9),
+.awsui_help-panel_1d237_w9ngm_181 ul:not(#\9) {
   padding-inline-start: var(--space-l-3cws6j, 20px);
   list-style-position: outside;
   margin-block: var(--space-s-4a5hs8, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_usjt5_181 li:not(#\9) {
+.awsui_help-panel_1d237_w9ngm_181 li:not(#\9) {
   margin-block: var(--space-scaled-xxs-jatbiv, 4px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_usjt5_181 a:not(#\9),
-.awsui_help-panel_1d237_usjt5_181 h2:not(#\9),
-.awsui_help-panel_1d237_usjt5_181 h3:not(#\9),
-.awsui_help-panel_1d237_usjt5_181 h4:not(#\9),
-.awsui_help-panel_1d237_usjt5_181 h5:not(#\9),
-.awsui_help-panel_1d237_usjt5_181 pre:not(#\9),
-.awsui_help-panel_1d237_usjt5_181 code:not(#\9) {
+.awsui_help-panel_1d237_w9ngm_181 a:not(#\9),
+.awsui_help-panel_1d237_w9ngm_181 h2:not(#\9),
+.awsui_help-panel_1d237_w9ngm_181 h3:not(#\9),
+.awsui_help-panel_1d237_w9ngm_181 h4:not(#\9),
+.awsui_help-panel_1d237_w9ngm_181 h5:not(#\9),
+.awsui_help-panel_1d237_w9ngm_181 pre:not(#\9),
+.awsui_help-panel_1d237_w9ngm_181 code:not(#\9) {
   margin-block: var(--space-xs-kw7k3v, 8px);
   margin-inline: 0;
   padding-block: 0;
 }
-.awsui_help-panel_1d237_usjt5_181 code:not(#\9) {
+.awsui_help-panel_1d237_w9ngm_181 code:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
@@ -254,7 +254,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   white-space: pre-wrap;
 }
-.awsui_help-panel_1d237_usjt5_181 pre:not(#\9) {
+.awsui_help-panel_1d237_w9ngm_181 pre:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
@@ -267,41 +267,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-jnczic, 4px);
   padding-inline: var(--space-xxs-jnczic, 4px);
 }
-.awsui_help-panel_1d237_usjt5_181 dl:not(#\9) {
+.awsui_help-panel_1d237_w9ngm_181 dl:not(#\9) {
   margin-block: var(--space-s-4a5hs8, 12px);
   margin-inline: 0;
   /* stylelint-disable-next-line selector-max-universal */
 }
-.awsui_help-panel_1d237_usjt5_181 dl *:not(#\9) {
+.awsui_help-panel_1d237_w9ngm_181 dl *:not(#\9) {
   margin-block: 0;
 }
-.awsui_help-panel_1d237_usjt5_181 dt:not(#\9) {
+.awsui_help-panel_1d237_w9ngm_181 dt:not(#\9) {
   margin-block-start: var(--space-xs-kw7k3v, 8px);
   font-weight: var(--font-weight-bold-p16d06, 700);
 }
-.awsui_help-panel_1d237_usjt5_181 dd:not(#\9) {
+.awsui_help-panel_1d237_w9ngm_181 dd:not(#\9) {
   margin-block-start: 0;
   margin-block-end: var(--space-xs-kw7k3v, 8px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_usjt5_181 h2:not(#\9),
-.awsui_help-panel_1d237_usjt5_181 h3:not(#\9),
-.awsui_help-panel_1d237_usjt5_181 h4:not(#\9),
-.awsui_help-panel_1d237_usjt5_181 h5:not(#\9),
-.awsui_help-panel_1d237_usjt5_181 h6:not(#\9) {
+.awsui_help-panel_1d237_w9ngm_181 h2:not(#\9),
+.awsui_help-panel_1d237_w9ngm_181 h3:not(#\9),
+.awsui_help-panel_1d237_w9ngm_181 h4:not(#\9),
+.awsui_help-panel_1d237_w9ngm_181 h5:not(#\9),
+.awsui_help-panel_1d237_w9ngm_181 h6:not(#\9) {
   margin-block-start: var(--space-xl-4dmkh1, 24px);
   color: var(--color-text-heading-default-wlau07, #16191f);
 }
-.awsui_help-panel_1d237_usjt5_181 > :not(#\9):last-child {
+.awsui_help-panel_1d237_w9ngm_181 > :not(#\9):last-child {
   margin-block-end: var(--space-panel-content-bottom-igtxf0, 40px);
 }
-.awsui_help-panel_1d237_usjt5_181 p:not(#\9) {
+.awsui_help-panel_1d237_w9ngm_181 p:not(#\9) {
   color: inherit;
   text-decoration: none;
   margin-block: var(--space-s-4a5hs8, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_usjt5_181 h1:not(#\9) {
+.awsui_help-panel_1d237_w9ngm_181 h1:not(#\9) {
   font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-xl-w5di2k, 28px);
   line-height: var(--line-height-heading-xl-vs1f23, 36px);
@@ -310,7 +310,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_help-panel_1d237_usjt5_181 h2:not(#\9) {
+.awsui_help-panel_1d237_w9ngm_181 h2:not(#\9) {
   font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-l-qgg2za, 18px);
   line-height: var(--line-height-heading-l-vhgtnq, 22px);
@@ -319,7 +319,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_help-panel_1d237_usjt5_181 h3:not(#\9) {
+.awsui_help-panel_1d237_w9ngm_181 h3:not(#\9) {
   font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
@@ -328,7 +328,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_help-panel_1d237_usjt5_181 h4:not(#\9) {
+.awsui_help-panel_1d237_w9ngm_181 h4:not(#\9) {
   font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-s-yde02v, 16px);
   line-height: var(--line-height-heading-s-j2axh8, 20px);
@@ -337,7 +337,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_help-panel_1d237_usjt5_181 h5:not(#\9) {
+.awsui_help-panel_1d237_w9ngm_181 h5:not(#\9) {
   font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-xs-c20ika, 16px);
   line-height: var(--line-height-heading-xs-fuzanp, 20px);
@@ -346,17 +346,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_help-panel_1d237_usjt5_181 b:not(#\9),
-.awsui_help-panel_1d237_usjt5_181 strong:not(#\9) {
+.awsui_help-panel_1d237_w9ngm_181 b:not(#\9),
+.awsui_help-panel_1d237_w9ngm_181 strong:not(#\9) {
   font-weight: var(--font-weight-bold-p16d06, 700);
 }
-.awsui_loading_1d237_usjt5_354:not(#\9) {
+.awsui_loading_1d237_w9ngm_354:not(#\9) {
   padding-inline-start: var(--space-panel-side-left-07kpj4, 32px);
   padding-inline-end: var(--space-panel-side-right-b77xx0, 32px);
 }
-.awsui_header_1d237_usjt5_359:not(#\9) {
+.awsui_header_1d237_w9ngm_359:not(#\9) {
   font-size: var(--font-panel-header-size-i1j838, 18px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
   line-height: var(--font-panel-header-line-height-z3wpa5, 22px);
@@ -374,15 +374,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_with-toolbar_1d237_usjt5_377 > .awsui_header_1d237_usjt5_359:not(#\9) {
+.awsui_with-toolbar_1d237_w9ngm_377 > .awsui_header_1d237_w9ngm_359:not(#\9) {
   border-color: transparent;
   margin-block-end: 0px;
 }
-.awsui_header_1d237_usjt5_359 h2:not(#\9),
-.awsui_header_1d237_usjt5_359 h3:not(#\9),
-.awsui_header_1d237_usjt5_359 h4:not(#\9),
-.awsui_header_1d237_usjt5_359 h5:not(#\9),
-.awsui_header_1d237_usjt5_359 h6:not(#\9) {
+.awsui_header_1d237_w9ngm_359 h2:not(#\9),
+.awsui_header_1d237_w9ngm_359 h3:not(#\9),
+.awsui_header_1d237_w9ngm_359 h4:not(#\9),
+.awsui_header_1d237_w9ngm_359 h5:not(#\9),
+.awsui_header_1d237_w9ngm_359 h6:not(#\9) {
   font-size: var(--font-panel-header-size-i1j838, 18px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
   line-height: var(--font-panel-header-line-height-z3wpa5, 22px);
@@ -393,22 +393,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
 }
-.awsui_content_1d237_usjt5_396:not(#\9) {
+.awsui_content_1d237_w9ngm_396:not(#\9) {
   color: var(--color-text-body-secondary-gaft81, #545b64);
   padding-inline-start: var(--space-panel-side-left-07kpj4, 32px);
   padding-inline-end: var(--space-panel-side-right-b77xx0, 32px);
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_content_1d237_usjt5_396 h2:not(#\9):first-child,
-.awsui_content_1d237_usjt5_396 h3:not(#\9):first-child,
-.awsui_content_1d237_usjt5_396 h4:not(#\9):first-child,
-.awsui_content_1d237_usjt5_396 h5:not(#\9):first-child,
-.awsui_content_1d237_usjt5_396 h6:not(#\9):first-child,
-.awsui_content_1d237_usjt5_396 p:not(#\9):first-child {
+.awsui_content_1d237_w9ngm_396 h2:not(#\9):first-child,
+.awsui_content_1d237_w9ngm_396 h3:not(#\9):first-child,
+.awsui_content_1d237_w9ngm_396 h4:not(#\9):first-child,
+.awsui_content_1d237_w9ngm_396 h5:not(#\9):first-child,
+.awsui_content_1d237_w9ngm_396 h6:not(#\9):first-child,
+.awsui_content_1d237_w9ngm_396 p:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_content_1d237_usjt5_396 a:not(#\9) {
+.awsui_content_1d237_w9ngm_396 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
@@ -423,31 +423,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content_1d237_usjt5_396 a:not(#\9) {
+  .awsui_content_1d237_w9ngm_396 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content_1d237_usjt5_396 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_usjt5_396 a:not(#\9) {
+.awsui-motion-disabled .awsui_content_1d237_w9ngm_396 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_w9ngm_396 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_content_1d237_usjt5_396 a:not(#\9):hover {
+.awsui_content_1d237_w9ngm_396 a:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_content_1d237_usjt5_396 a:not(#\9):focus {
+.awsui_content_1d237_w9ngm_396 a:not(#\9):focus {
   outline: none;
 }
-.awsui_content_1d237_usjt5_396 a:not(#\9):active {
+.awsui_content_1d237_w9ngm_396 a:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_content_1d237_usjt5_396 a:not(#\9):active, .awsui_content_1d237_usjt5_396 a:not(#\9):focus, .awsui_content_1d237_usjt5_396 a:not(#\9):hover {
+.awsui_content_1d237_w9ngm_396 a:not(#\9):active, .awsui_content_1d237_w9ngm_396 a:not(#\9):focus, .awsui_content_1d237_w9ngm_396 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
 }
-.awsui_footer_1d237_usjt5_448:not(#\9) {
+.awsui_footer_1d237_w9ngm_448:not(#\9) {
   color: var(--color-text-body-secondary-gaft81, #545b64);
   padding-block: 0;
   padding-inline-start: var(--space-panel-side-left-07kpj4, 32px);
@@ -455,16 +455,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_footer_1d237_usjt5_448 ul:not(#\9) {
+.awsui_footer_1d237_w9ngm_448 ul:not(#\9) {
   list-style: none;
   padding-inline-start: 0;
 }
-.awsui_footer_1d237_usjt5_448 a:not(#\9) {
+.awsui_footer_1d237_w9ngm_448 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-secondary-default-6w6hsr, #0073bb));
-  font-weight: inherit;
+  font-weight: var(--font-weight-link-secondary-clvuxr, inherit);
   letter-spacing: normal;
   text-decoration-line: none;
   text-decoration-color: transparent;
@@ -474,37 +474,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_footer_1d237_usjt5_448 a:not(#\9) {
+  .awsui_footer_1d237_w9ngm_448 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_footer_1d237_usjt5_448 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_usjt5_448 a:not(#\9) {
+.awsui-motion-disabled .awsui_footer_1d237_w9ngm_448 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_w9ngm_448 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_footer_1d237_usjt5_448 a:not(#\9):hover {
+.awsui_footer_1d237_w9ngm_448 a:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
 }
-.awsui_footer_1d237_usjt5_448 a:not(#\9):focus {
+.awsui_footer_1d237_w9ngm_448 a:not(#\9):focus {
   outline: none;
 }
-.awsui_footer_1d237_usjt5_448 a:not(#\9):active {
+.awsui_footer_1d237_w9ngm_448 a:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
 }
-.awsui_footer_1d237_usjt5_448 a:not(#\9):active, .awsui_footer_1d237_usjt5_448 a:not(#\9):focus, .awsui_footer_1d237_usjt5_448 a:not(#\9):hover {
+.awsui_footer_1d237_w9ngm_448 a:not(#\9):active, .awsui_footer_1d237_w9ngm_448 a:not(#\9):focus, .awsui_footer_1d237_w9ngm_448 a:not(#\9):hover {
   text-decoration-line: underline;
-  text-decoration-color: currentColor;
+  text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
 }
-.awsui_content_1d237_usjt5_396:not(#\9),
-.awsui_footer_1d237_usjt5_448:not(#\9) {
+.awsui_content_1d237_w9ngm_396:not(#\9),
+.awsui_footer_1d237_w9ngm_448:not(#\9) {
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_content_1d237_usjt5_396 a:not(#\9):focus,
-.awsui_footer_1d237_usjt5_448 a:not(#\9):focus {
+.awsui_content_1d237_w9ngm_396 a:not(#\9):focus,
+.awsui_footer_1d237_w9ngm_448 a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;

package/lib/internal/template/help-panel/styles.selectors.js CHANGED Viewed

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "help-panel": "awsui_help-panel_1d237_usjt5_181",
-  "loading": "awsui_loading_1d237_usjt5_354",
-  "header": "awsui_header_1d237_usjt5_359",
-  "with-toolbar": "awsui_with-toolbar_1d237_usjt5_377",
-  "content": "awsui_content_1d237_usjt5_396",
-  "footer": "awsui_footer_1d237_usjt5_448"
+  "help-panel": "awsui_help-panel_1d237_w9ngm_181",
+  "loading": "awsui_loading_1d237_w9ngm_354",
+  "header": "awsui_header_1d237_w9ngm_359",
+  "with-toolbar": "awsui_with-toolbar_1d237_w9ngm_377",
+  "content": "awsui_content_1d237_w9ngm_396",
+  "footer": "awsui_footer_1d237_w9ngm_448"
 };

package/lib/internal/template/icon/generated/icons.d.ts CHANGED Viewed

@@ -96,6 +96,7 @@ declare const icons: {
     share: JSX.Element;
     shrink: JSX.Element;
     "side-bar": JSX.Element;
+    "sign-out": JSX.Element;
     "slash-divider": JSX.Element;
     slash: JSX.Element;
     "star-filled": JSX.Element;

package/lib/internal/template/icon/generated/icons.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/icon/generated/icons.tsx"],"names":[],"mappings":"AACE,QAAA,MAAM,KAAK~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8IV~~,CAAC;AACF,eAAe,KAAK,CAAC"}
1	+ {"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/icon/generated/icons.tsx"],"names":[],"mappings":"AACE,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+IV,CAAC;AACF,eAAe,KAAK,CAAC"}