@cloudscape-design/components-themeable 3.0.4 → 3.0.7

package/lib/internal/template/expandable-section/styles.scoped.css

@@ -94,11 +94,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_content-enter_gwq0h_17r2p_97:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_gwq0h_17r2p_1 180ms ease-out;
-  animation: awsui_awsui-motion-fade-in_gwq0h_17r2p_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
+.awsui_content-enter_gwq0h_w4zz2_97:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_gwq0h_w4zz2_1 180ms ease-out;
+  animation: awsui_awsui-motion-fade-in_gwq0h_w4zz2_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_gwq0h_17r2p_1 {
+@keyframes awsui_awsui-motion-fade-in_gwq0h_w4zz2_1 {
   from {
     opacity: 0.2;
   }
@@ -107,42 +107,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content-enter_gwq0h_17r2p_97:not(#\9) {
+  .awsui_content-enter_gwq0h_w4zz2_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content-enter_gwq0h_17r2p_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_17r2p_97:not(#\9) {
+.awsui-motion-disabled .awsui_content-enter_gwq0h_w4zz2_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_w4zz2_97:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_trigger-expanded_gwq0h_17r2p_119:not(#\9) {
+.awsui_trigger-expanded_gwq0h_w4zz2_119:not(#\9) {
   transition: border-bottom-color 180ms ease-out;
   transition: border-bottom-color var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_trigger-expanded_gwq0h_17r2p_119:not(#\9) {
+  .awsui_trigger-expanded_gwq0h_w4zz2_119:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_17r2p_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_17r2p_119:not(#\9) {
+.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_w4zz2_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_w4zz2_119:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_icon_gwq0h_17r2p_133:not(#\9) {
+.awsui_icon_gwq0h_w4zz2_133:not(#\9) {
   transition: transform 135ms cubic-bezier(0.165, 0.84, 0.44, 1);
   transition: transform var(--motion-duration-rotate-90-ux18sr, 135ms) var(--motion-easing-rotate-90-eoew89, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon_gwq0h_17r2p_133:not(#\9) {
+  .awsui_icon_gwq0h_w4zz2_133:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon_gwq0h_17r2p_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_17r2p_133:not(#\9) {
+.awsui-motion-disabled .awsui_icon_gwq0h_w4zz2_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_w4zz2_133:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -151,7 +151,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_gwq0h_17r2p_151:not(#\9) {
+.awsui_root_gwq0h_w4zz2_151:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -197,14 +197,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
 
-.awsui_icon_gwq0h_17r2p_133:not(#\9) {
+.awsui_icon_gwq0h_w4zz2_133:not(#\9) {
   transform: rotate(-90deg);
 }
-.awsui_icon_gwq0h_17r2p_133.awsui_expanded_gwq0h_17r2p_169:not(#\9) {
+.awsui_icon_gwq0h_w4zz2_133.awsui_expanded_gwq0h_w4zz2_169:not(#\9) {
   transform: rotate(0deg);
 }
 
-.awsui_icon-container_gwq0h_17r2p_173:not(#\9) {
+.awsui_icon-container_gwq0h_w4zz2_173:not(#\9) {
   position: relative;
   margin-left: calc((22px - 16px) / -2);
   margin-left: calc((var(--font-body-m-line-height-i7xxvv, 22px) - var(--size-icon-normal-j1z5fn, 16px)) / -2);
@@ -212,7 +212,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-right: calc(var(--space-xxs-ynfts5, 4px) + var(--border-divider-list-width-hacikr, 1px));
 }
 
-.awsui_trigger_gwq0h_17r2p_119:not(#\9) {
+.awsui_trigger_gwq0h_w4zz2_119:not(#\9) {
   cursor: pointer;
   box-sizing: border-box;
   display: flex;
@@ -222,23 +222,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   text-align: left;
 }
-.awsui_trigger-default_gwq0h_17r2p_188:not(#\9) {
+.awsui_trigger-default_gwq0h_w4zz2_188:not(#\9) {
   padding: 4px 4px;
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-xxs-ynfts5, 4px);
 }
-.awsui_trigger-footer_gwq0h_17r2p_191:not(#\9) {
+.awsui_trigger-footer_gwq0h_w4zz2_191:not(#\9) {
   padding: 4px 0;
   padding: var(--space-scaled-xxs-95dhkm, 4px) 0;
 }
-.awsui_trigger-default_gwq0h_17r2p_188:not(#\9), .awsui_trigger-footer_gwq0h_17r2p_191:not(#\9) {
+.awsui_trigger-default_gwq0h_w4zz2_188:not(#\9), .awsui_trigger-footer_gwq0h_w4zz2_191:not(#\9) {
   border: 1px solid transparent;
   border: var(--border-divider-section-width-5a4cv1, 1px) solid transparent;
 }
-.awsui_trigger-navigation_gwq0h_17r2p_197:not(#\9) {
+.awsui_trigger-navigation_gwq0h_w4zz2_197:not(#\9) {
   border-left: 1px solid transparent;
   border-left: var(--border-divider-section-width-5a4cv1, 1px) solid transparent;
 }
-.awsui_trigger-default_gwq0h_17r2p_188:not(#\9), .awsui_trigger-navigation_gwq0h_17r2p_197:not(#\9), .awsui_trigger-footer_gwq0h_17r2p_191:not(#\9) {
+.awsui_trigger-default_gwq0h_w4zz2_188:not(#\9), .awsui_trigger-navigation_gwq0h_w4zz2_197:not(#\9), .awsui_trigger-footer_gwq0h_w4zz2_191:not(#\9) {
   color: #545b64;
   color: var(--color-text-expandable-section-default-muap7v, #545b64);
   font-weight: 700;
@@ -248,36 +248,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   letter-spacing: normal;
   letter-spacing: var(--font-heading-s-letter-spacing-i014lh, normal);
 }
-.awsui_trigger-default_gwq0h_17r2p_188:not(#\9):hover, .awsui_trigger-navigation_gwq0h_17r2p_197:not(#\9):hover, .awsui_trigger-footer_gwq0h_17r2p_191:not(#\9):hover {
+.awsui_trigger-default_gwq0h_w4zz2_188:not(#\9):hover, .awsui_trigger-navigation_gwq0h_w4zz2_197:not(#\9):hover, .awsui_trigger-footer_gwq0h_w4zz2_191:not(#\9):hover {
   color: #16191f;
   color: var(--color-text-expandable-section-hover-fhlqd8, #16191f);
 }
-.awsui_trigger-container_gwq0h_17r2p_209:not(#\9) {
+.awsui_trigger-container_gwq0h_w4zz2_209:not(#\9) {
   padding: 12px 20px;
   padding: var(--space-container-header-vertical-0bd19u, 12px) var(--space-container-horizontal-tlw03i, 20px);
 }
-.awsui_trigger-container_gwq0h_17r2p_209[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_trigger-container_gwq0h_w4zz2_209[data-awsui-focus-visible=true]:not(#\9):focus {
   padding: calc(12px - 1px) calc(20px - 1px);
   padding: calc(var(--space-scaled-s-cu1hzn, 12px) - var(--border-divider-section-width-5a4cv1, 1px)) calc(var(--space-l-4vl6xu, 20px) - var(--border-divider-section-width-5a4cv1, 1px));
 }
-.awsui_trigger-default_gwq0h_17r2p_188.awsui_trigger-expanded_gwq0h_17r2p_119:not(#\9) {
+.awsui_trigger-default_gwq0h_w4zz2_188.awsui_trigger-expanded_gwq0h_w4zz2_119:not(#\9) {
   border-bottom-color: #eaeded;
   border-bottom-color: var(--color-border-divider-default-k96bks, #eaeded);
 }
 
-.awsui_header_gwq0h_17r2p_219:not(#\9) {
+.awsui_header_gwq0h_w4zz2_219:not(#\9) {
   display: flex;
 }
-.awsui_header-container_gwq0h_17r2p_222:not(#\9) {
+.awsui_header-container_gwq0h_w4zz2_222:not(#\9) {
   width: 100%;
 }
-.awsui_header-container_gwq0h_17r2p_222 > .awsui_icon-container_gwq0h_17r2p_173:not(#\9) {
+.awsui_header-container_gwq0h_w4zz2_222 > .awsui_icon-container_gwq0h_w4zz2_173:not(#\9) {
   margin-top: 8px;
   margin-top: var(--space-expandable-section-icon-offset-top-jo3eu8, 8px);
   margin-right: 8px;
   margin-right: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_header-navigation_gwq0h_17r2p_229 > .awsui_icon-container_gwq0h_17r2p_173:not(#\9) {
+.awsui_header-navigation_gwq0h_w4zz2_229 > .awsui_icon-container_gwq0h_w4zz2_173:not(#\9) {
   display: inline-flex;
   cursor: pointer;
   color: #879596;
@@ -289,18 +289,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration: none;
   flex-direction: column;
 }
-.awsui_header-navigation_gwq0h_17r2p_229 > .awsui_icon-container_gwq0h_17r2p_173:not(#\9):hover {
+.awsui_header-navigation_gwq0h_w4zz2_229 > .awsui_icon-container_gwq0h_w4zz2_173:not(#\9):hover {
   color: #16191f;
   color: var(--color-text-expandable-section-hover-fhlqd8, #16191f);
 }
-.awsui_header-navigation_gwq0h_17r2p_229 > .awsui_icon-container_gwq0h_17r2p_173[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_header-navigation_gwq0h_w4zz2_229 > .awsui_icon-container_gwq0h_w4zz2_173[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_header-navigation_gwq0h_17r2p_229 > .awsui_icon-container_gwq0h_17r2p_173[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_header-navigation_gwq0h_w4zz2_229 > .awsui_icon-container_gwq0h_w4zz2_173[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_header-navigation_gwq0h_17r2p_229 > .awsui_icon-container_gwq0h_17r2p_173[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_header-navigation_gwq0h_w4zz2_229 > .awsui_icon-container_gwq0h_w4zz2_173[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -310,35 +310,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   height: calc(100% + 2 * 2px);
   border-radius: 2px;
   border-radius: var(--border-control-focus-ring-radius-default-9royjh, 2px);
-  box-shadow: 0 0 0 2px #00a1c9;
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-bs10w5, #00a1c9);
+  box-shadow: 0 0 0 2px #0073bb;
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
 
-.awsui_content_gwq0h_17r2p_97:not(#\9) {
+.awsui_content_gwq0h_w4zz2_97:not(#\9) {
   display: none;
 }
-.awsui_content-default_gwq0h_17r2p_265:not(#\9) {
+.awsui_content-default_gwq0h_w4zz2_265:not(#\9) {
   padding: 8px 0;
   padding: var(--space-scaled-xs-6859qs, 8px) 0;
 }
-.awsui_content-footer_gwq0h_17r2p_268:not(#\9) {
+.awsui_content-footer_gwq0h_w4zz2_268:not(#\9) {
   padding: 8px 0;
   padding: var(--space-xs-rsr2qu, 8px) 0;
 }
-.awsui_content-expanded_gwq0h_17r2p_271:not(#\9) {
+.awsui_content-expanded_gwq0h_w4zz2_271:not(#\9) {
   display: block;
 }
 
-.awsui_focusable_gwq0h_17r2p_275:not(#\9):focus {
+.awsui_focusable_gwq0h_w4zz2_275:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_focusable_gwq0h_17r2p_275[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_focusable_gwq0h_w4zz2_275[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
-  border: 1px solid #00a1c9;
-  border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-focused-bs10w5, #00a1c9);
+  border: 1px solid #0073bb;
+  border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-focused-n5kd8g, #0073bb);
   border-radius: 2px;
   border-radius: var(--border-control-focus-ring-radius-default-9royjh, 2px);
-  box-shadow: 0 0 0 1px #00a1c9;
-  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-glnuoy, 1px) var(--color-border-item-focused-bs10w5, #00a1c9);
+  box-shadow: 0 0 0 1px #0073bb;
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-glnuoy, 1px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }

package/lib/internal/template/expandable-section/styles.selectors.js

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content-enter": "awsui_content-enter_gwq0h_17r2p_97",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_17r2p_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_17r2p_119",
-  "icon": "awsui_icon_gwq0h_17r2p_133",
-  "root": "awsui_root_gwq0h_17r2p_151",
-  "expanded": "awsui_expanded_gwq0h_17r2p_169",
-  "icon-container": "awsui_icon-container_gwq0h_17r2p_173",
-  "trigger": "awsui_trigger_gwq0h_17r2p_119",
-  "trigger-default": "awsui_trigger-default_gwq0h_17r2p_188",
-  "trigger-footer": "awsui_trigger-footer_gwq0h_17r2p_191",
-  "trigger-navigation": "awsui_trigger-navigation_gwq0h_17r2p_197",
-  "trigger-container": "awsui_trigger-container_gwq0h_17r2p_209",
-  "header": "awsui_header_gwq0h_17r2p_219",
-  "header-container": "awsui_header-container_gwq0h_17r2p_222",
-  "header-navigation": "awsui_header-navigation_gwq0h_17r2p_229",
-  "content": "awsui_content_gwq0h_17r2p_97",
-  "content-default": "awsui_content-default_gwq0h_17r2p_265",
-  "content-footer": "awsui_content-footer_gwq0h_17r2p_268",
-  "content-expanded": "awsui_content-expanded_gwq0h_17r2p_271",
-  "focusable": "awsui_focusable_gwq0h_17r2p_275"
+  "content-enter": "awsui_content-enter_gwq0h_w4zz2_97",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_w4zz2_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_w4zz2_119",
+  "icon": "awsui_icon_gwq0h_w4zz2_133",
+  "root": "awsui_root_gwq0h_w4zz2_151",
+  "expanded": "awsui_expanded_gwq0h_w4zz2_169",
+  "icon-container": "awsui_icon-container_gwq0h_w4zz2_173",
+  "trigger": "awsui_trigger_gwq0h_w4zz2_119",
+  "trigger-default": "awsui_trigger-default_gwq0h_w4zz2_188",
+  "trigger-footer": "awsui_trigger-footer_gwq0h_w4zz2_191",
+  "trigger-navigation": "awsui_trigger-navigation_gwq0h_w4zz2_197",
+  "trigger-container": "awsui_trigger-container_gwq0h_w4zz2_209",
+  "header": "awsui_header_gwq0h_w4zz2_219",
+  "header-container": "awsui_header-container_gwq0h_w4zz2_222",
+  "header-navigation": "awsui_header-navigation_gwq0h_w4zz2_229",
+  "content": "awsui_content_gwq0h_w4zz2_97",
+  "content-default": "awsui_content-default_gwq0h_w4zz2_265",
+  "content-footer": "awsui_content-footer_gwq0h_w4zz2_268",
+  "content-expanded": "awsui_content-expanded_gwq0h_w4zz2_271",
+  "focusable": "awsui_focusable_gwq0h_w4zz2_275"
 };
   

package/lib/internal/template/flashbar/interfaces.d.ts

@@ -35,12 +35,12 @@ export interface FlashbarProps extends BaseComponentProps {
      * * `buttonText` (string) - Specifies that an action button should be displayed, with the specified text.
      * When a user clicks on this button the `onButtonClick` handler is called. If the `action` property is set, this property is ignored.
      * **Deprecated**, replaced by `action`.
-     * *`id` (string) - Specifies a unique flash message identifier. This property  is used in two ways:
-     * 1. As a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering.
-     * 2. To identify which flash message will be removed from the DOM when it is dismissed, to animate it out.
-     * @visualrefresh `id` property
      * * `onButtonClick` (event => void) - Called when a user clicks on the action button. This is not called if you create a custom button
      *   using the `action` property. **Deprecated**, replaced by `action`.
+     * * `id` (string) - Specifies a unique flash message identifier. This property  is used in two ways:
+     *   1. As a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering.
+     *   2. To identify which flash message will be removed from the DOM when it is dismissed, to animate it out.
+     * @visualrefresh `id` property
      */
     items: ReadonlyArray<FlashbarProps.MessageDefinition>;
 }

package/lib/internal/template/flashbar/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/flashbar/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport React from 'react';\nimport { ButtonProps } from '../button/interfaces';\n\nexport namespace FlashbarProps {\n  export interface MessageDefinition {\n    header?: React.ReactNode;\n    content?: React.ReactNode;\n    dismissible?: boolean;\n    dismissLabel?: string;\n    loading?: boolean;\n    type?: FlashbarProps.Type;\n    action?: React.ReactNode;\n    id?: string;\n    buttonText?: ButtonProps['children'];\n    onButtonClick?: ButtonProps['onClick'];\n    onDismiss?: ButtonProps['onClick'];\n  }\n\n  export type Type = 'success' | 'warning' | 'info' | 'error';\n}\n\nexport interface FlashbarProps extends BaseComponentProps {\n  /**\n   * Specifies flash messages that appear in the same order that they are listed.\n   * The value is an array of flash message definition objects.\n   *\n   * A flash message object contains the following properties:\n   * * `header` (ReactNode) - Specifies the heading text.\n   * * `content` (ReactNode) - Specifies the primary text displayed in the flash element.\n   * * `type` (string) - Indicates the type of the message to be displayed. Allowed values are as follows: `success, error, warning, info`. The default is `info`.\n   * * `loading` (boolean) - Replaces the status icon with a spinner and forces the type to `info`.\n   * * `dismissible` (boolean) - Determines whether the component includes a close button icon. By default, the close button is not included.\n   * When a user clicks on this button the `onDismiss` handler is called.\n   * * `dismissLabel` (string) - Specifies an `aria-label` for to the dismiss icon button for improved accessibility.\n   * * `action` (ReactNode) - Specifies an action for the flash message. Although it is technically possible to insert any content,\n   * our UX guidelines only allow you to add a button.\n   * * `buttonText` (string) - Specifies that an action button should be displayed, with the specified text.\n   * When a user clicks on this button the `onButtonClick` handler is called. If the `action` property is set, this property is ignored.\n   * **Deprecated**, replaced by `action`.\n   * *`id` (string) - Specifies a unique flash message identifier. This property  is used in two ways:\n   * 1. As a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering.\n   * 2. To identify which flash message will be removed from the DOM when it is dismissed, to animate it out.\n   * @visualrefresh `id` property\n   * * `onButtonClick` (event => void) - Called when a user clicks on the action button. This is not called if you create a custom button\n   *   using the `action` property. **Deprecated**, replaced by `action`.\n   */\n  items: ReadonlyArray<FlashbarProps.MessageDefinition>;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/flashbar/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport React from 'react';\nimport { ButtonProps } from '../button/interfaces';\n\nexport namespace FlashbarProps {\n  export interface MessageDefinition {\n    header?: React.ReactNode;\n    content?: React.ReactNode;\n    dismissible?: boolean;\n    dismissLabel?: string;\n    loading?: boolean;\n    type?: FlashbarProps.Type;\n    action?: React.ReactNode;\n    id?: string;\n    buttonText?: ButtonProps['children'];\n    onButtonClick?: ButtonProps['onClick'];\n    onDismiss?: ButtonProps['onClick'];\n  }\n\n  export type Type = 'success' | 'warning' | 'info' | 'error';\n}\n\nexport interface FlashbarProps extends BaseComponentProps {\n  /**\n   * Specifies flash messages that appear in the same order that they are listed.\n   * The value is an array of flash message definition objects.\n   *\n   * A flash message object contains the following properties:\n   * * `header` (ReactNode) - Specifies the heading text.\n   * * `content` (ReactNode) - Specifies the primary text displayed in the flash element.\n   * * `type` (string) - Indicates the type of the message to be displayed. Allowed values are as follows: `success, error, warning, info`. The default is `info`.\n   * * `loading` (boolean) - Replaces the status icon with a spinner and forces the type to `info`.\n   * * `dismissible` (boolean) - Determines whether the component includes a close button icon. By default, the close button is not included.\n   * When a user clicks on this button the `onDismiss` handler is called.\n   * * `dismissLabel` (string) - Specifies an `aria-label` for to the dismiss icon button for improved accessibility.\n   * * `action` (ReactNode) - Specifies an action for the flash message. Although it is technically possible to insert any content,\n   * our UX guidelines only allow you to add a button.\n   * * `buttonText` (string) - Specifies that an action button should be displayed, with the specified text.\n   * When a user clicks on this button the `onButtonClick` handler is called. If the `action` property is set, this property is ignored.\n   * **Deprecated**, replaced by `action`.\n   * * `onButtonClick` (event => void) - Called when a user clicks on the action button. This is not called if you create a custom button\n   *   using the `action` property. **Deprecated**, replaced by `action`.\n   * * `id` (string) - Specifies a unique flash message identifier. This property  is used in two ways:\n   *   1. As a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering.\n   *   2. To identify which flash message will be removed from the DOM when it is dismissed, to animate it out.\n   * @visualrefresh `id` property\n   */\n  items: ReadonlyArray<FlashbarProps.MessageDefinition>;\n}\n"]}

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

@@ -1,9 +1,9 @@
 
     import './styles.scoped.css';
     export default {
-  "help-panel": "awsui_help-panel_1d237_858ym_94",
-  "header": "awsui_header_1d237_858ym_258",
-  "content": "awsui_content_1d237_858ym_284",
-  "footer": "awsui_footer_1d237_858ym_295"
+  "help-panel": "awsui_help-panel_1d237_p97sp_94",
+  "header": "awsui_header_1d237_p97sp_258",
+  "content": "awsui_content_1d237_p97sp_284",
+  "footer": "awsui_footer_1d237_p97sp_295"
 };
   

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

@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
-.awsui_help-panel_1d237_858ym_94:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -135,36 +135,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: 20px 32px 0 32px;
   padding: var(--space-scaled-l-t03y3z, 20px) var(--space-panel-side-right-oktwq8, 32px) 0 var(--space-panel-side-left-o3fm3s, 32px);
 }
-.awsui_help-panel_1d237_858ym_94 hr:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 hr:not(#\9) {
   border: none;
   border-top: 1px solid #eaeded;
   border-top: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
   margin: 24px calc(-1 * 8px);
   margin: var(--space-scaled-xl-w2t504, 24px) calc(-1 * var(--space-xs-rsr2qu, 8px));
 }
-.awsui_help-panel_1d237_858ym_94 ol:not(#\9),
-.awsui_help-panel_1d237_858ym_94 ul:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 ol:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 ul:not(#\9) {
   padding-left: 20px;
   padding-left: var(--space-l-4vl6xu, 20px);
   list-style-position: outside;
 }
-.awsui_help-panel_1d237_858ym_94 a:not(#\9),
-.awsui_help-panel_1d237_858ym_94 p:not(#\9),
-.awsui_help-panel_1d237_858ym_94 ul:not(#\9),
-.awsui_help-panel_1d237_858ym_94 ol:not(#\9),
-.awsui_help-panel_1d237_858ym_94 li:not(#\9),
-.awsui_help-panel_1d237_858ym_94 h2:not(#\9),
-.awsui_help-panel_1d237_858ym_94 h3:not(#\9),
-.awsui_help-panel_1d237_858ym_94 h4:not(#\9),
-.awsui_help-panel_1d237_858ym_94 h5:not(#\9),
-.awsui_help-panel_1d237_858ym_94 pre:not(#\9),
-.awsui_help-panel_1d237_858ym_94 code:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 a:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 p:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 ul:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 ol:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 li:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 h2:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 h3:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 h4:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 h5:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 pre:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 code:not(#\9) {
   margin: 8px 0;
   margin: var(--space-xs-rsr2qu, 8px) 0;
   padding-top: 0;
   padding-bottom: 0;
 }
-.awsui_help-panel_1d237_858ym_94 code:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 code:not(#\9) {
   font-size: 12px;
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: 16px;
@@ -180,7 +180,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_858ym_94 pre:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 pre:not(#\9) {
   font-size: 12px;
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: 16px;
@@ -198,43 +198,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: 4px;
   padding: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_help-panel_1d237_858ym_94 dl:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 dl:not(#\9) {
   margin: 8px 0;
   margin: var(--space-xs-rsr2qu, 8px) 0;
   /* stylelint-disable-next-line selector-max-universal */
 }
-.awsui_help-panel_1d237_858ym_94 dl *:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 dl *:not(#\9) {
   margin-top: 0;
   margin-bottom: 0;
 }
-.awsui_help-panel_1d237_858ym_94 dt:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 dt:not(#\9) {
   margin-top: 8px;
   margin-top: var(--space-xs-rsr2qu, 8px);
   font-weight: 700;
 }
-.awsui_help-panel_1d237_858ym_94 dd:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 dd:not(#\9) {
   margin: 0 0 8px;
   margin: 0 0 var(--space-xs-rsr2qu, 8px);
 }
-.awsui_help-panel_1d237_858ym_94 h2:not(#\9),
-.awsui_help-panel_1d237_858ym_94 h3:not(#\9),
-.awsui_help-panel_1d237_858ym_94 h4:not(#\9),
-.awsui_help-panel_1d237_858ym_94 h5:not(#\9),
-.awsui_help-panel_1d237_858ym_94 h6:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 h2:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 h3:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 h4:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 h5:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 h6:not(#\9) {
   margin-top: 24px;
   margin-top: var(--space-xl-a39hup, 24px);
   color: #16191f;
   color: var(--color-text-heading-default-bjds33, #16191f);
 }
-.awsui_help-panel_1d237_858ym_94 > :not(#\9):last-child {
+.awsui_help-panel_1d237_p97sp_94 > :not(#\9):last-child {
   margin-bottom: 40px;
   margin-bottom: var(--space-scaled-xxxl-ffokcj, 40px);
 }
-.awsui_help-panel_1d237_858ym_94 p:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 p:not(#\9) {
   color: inherit;
   text-decoration: none;
 }
-.awsui_help-panel_1d237_858ym_94 h1:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 h1:not(#\9) {
   font-size: 28px;
   font-size: var(--font-heading-xl-size-etf0gx, 28px);
   line-height: 36px;
@@ -244,7 +244,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 400;
   font-weight: var(--font-heading-xl-weight-zuv5k6, 400);
 }
-.awsui_help-panel_1d237_858ym_94 h2:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 h2:not(#\9) {
   font-size: 18px;
   font-size: var(--font-heading-l-size-glo9md, 18px);
   line-height: 22px;
@@ -254,7 +254,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 700;
   font-weight: var(--font-heading-l-weight-qh3c9t, 700);
 }
-.awsui_help-panel_1d237_858ym_94 h3:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 h3:not(#\9) {
   font-size: 18px;
   font-size: var(--font-heading-m-size-f8kmgg, 18px);
   line-height: 22px;
@@ -264,7 +264,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 400;
   font-weight: var(--font-heading-m-weight-0y5yq5, 400);
 }
-.awsui_help-panel_1d237_858ym_94 h4:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 h4:not(#\9) {
   font-size: 16px;
   font-size: var(--font-heading-s-size-9clg8y, 16px);
   line-height: 20px;
@@ -274,7 +274,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 700;
   font-weight: var(--font-heading-s-weight-1ygwuy, 700);
 }
-.awsui_help-panel_1d237_858ym_94 h5:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 h5:not(#\9) {
   font-size: 16px;
   font-size: var(--font-heading-xs-size-j82aha, 16px);
   line-height: 20px;
@@ -282,11 +282,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 400;
   font-weight: var(--font-heading-xs-weight-5hfvig, 400);
 }
-.awsui_help-panel_1d237_858ym_94 b:not(#\9),
-.awsui_help-panel_1d237_858ym_94 strong:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 b:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 strong:not(#\9) {
   font-weight: 700;
 }
-.awsui_help-panel_1d237_858ym_94 a:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 a:not(#\9) {
   color: #0073bb;
   color: var(--color-text-link-default-753y4e, #0073bb);
   font-weight: inherit;
@@ -299,45 +299,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_help-panel_1d237_858ym_94 a:not(#\9) {
+  .awsui_help-panel_1d237_p97sp_94 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_help-panel_1d237_858ym_94 a:not(#\9), .awsui-mode-entering .awsui_help-panel_1d237_858ym_94 a:not(#\9) {
+.awsui-motion-disabled .awsui_help-panel_1d237_p97sp_94 a:not(#\9), .awsui-mode-entering .awsui_help-panel_1d237_p97sp_94 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_help-panel_1d237_858ym_94 a:not(#\9):hover {
+.awsui_help-panel_1d237_p97sp_94 a:not(#\9):hover {
   cursor: pointer;
   color: #0073bb;
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_help-panel_1d237_858ym_94 a:not(#\9):focus {
+.awsui_help-panel_1d237_p97sp_94 a:not(#\9):focus {
   outline: none;
 }
-.awsui_help-panel_1d237_858ym_94 a:not(#\9):active {
+.awsui_help-panel_1d237_p97sp_94 a:not(#\9):active {
   color: #0073bb;
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_help-panel_1d237_858ym_94 a:not(#\9):active, .awsui_help-panel_1d237_858ym_94 a:not(#\9):focus, .awsui_help-panel_1d237_858ym_94 a:not(#\9):hover {
+.awsui_help-panel_1d237_p97sp_94 a:not(#\9):active, .awsui_help-panel_1d237_p97sp_94 a:not(#\9):focus, .awsui_help-panel_1d237_p97sp_94 a:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_help-panel_1d237_858ym_94 a:not(#\9):focus {
+.awsui_help-panel_1d237_p97sp_94 a:not(#\9):focus {
   outline: thin dotted;
   outline: 5px auto Highlight;
   outline: var(--border-link-focus-ring-outline-67z0xv, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: #00a1c9;
-  outline-color: var(--color-border-item-focused-bs10w5, #00a1c9);
+  outline-color: #0073bb;
+  outline-color: var(--color-border-item-focused-n5kd8g, #0073bb);
   border-radius: 2px;
   border-radius: var(--border-control-focus-ring-radius-default-9royjh, 2px);
-  box-shadow: 0 0 0 0px #00a1c9;
-  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-e3dct9, 0px) var(--color-border-item-focused-bs10w5, #00a1c9);
+  box-shadow: 0 0 0 0px #0073bb;
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-e3dct9, 0px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_help-panel_1d237_858ym_94 .awsui_header_1d237_858ym_258:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 .awsui_header_1d237_p97sp_258:not(#\9) {
   font-size: 18px;
   font-size: var(--font-panel-header-size-s14y0f, 18px);
   line-height: 22px;
@@ -358,11 +358,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin: 0 calc(-1 * 32px) 20px calc(-1 * 32px);
   margin: 0 calc(-1 * var(--space-panel-side-right-oktwq8, 32px)) var(--space-scaled-l-t03y3z, 20px) calc(-1 * var(--space-panel-side-left-o3fm3s, 32px));
 }
-.awsui_help-panel_1d237_858ym_94 .awsui_header_1d237_858ym_258 h2:not(#\9),
-.awsui_help-panel_1d237_858ym_94 .awsui_header_1d237_858ym_258 h3:not(#\9),
-.awsui_help-panel_1d237_858ym_94 .awsui_header_1d237_858ym_258 h4:not(#\9),
-.awsui_help-panel_1d237_858ym_94 .awsui_header_1d237_858ym_258 h5:not(#\9),
-.awsui_help-panel_1d237_858ym_94 .awsui_header_1d237_858ym_258 h6:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 .awsui_header_1d237_p97sp_258 h2:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 .awsui_header_1d237_p97sp_258 h3:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 .awsui_header_1d237_p97sp_258 h4:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 .awsui_header_1d237_p97sp_258 h5:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 .awsui_header_1d237_p97sp_258 h6:not(#\9) {
   font-size: 18px;
   font-size: var(--font-panel-header-size-s14y0f, 18px);
   line-height: 22px;
@@ -375,19 +375,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-bottom: 0;
 }
 
-.awsui_content_1d237_858ym_284:not(#\9) {
+.awsui_content_1d237_p97sp_284:not(#\9) {
   color: #545b64;
   color: var(--color-text-body-secondary-u912t7, #545b64);
 }
-.awsui_content_1d237_858ym_284 h2:not(#\9):first-child,
-.awsui_content_1d237_858ym_284 h3:not(#\9):first-child,
-.awsui_content_1d237_858ym_284 h4:not(#\9):first-child,
-.awsui_content_1d237_858ym_284 h5:not(#\9):first-child,
-.awsui_content_1d237_858ym_284 h6:not(#\9):first-child {
+.awsui_content_1d237_p97sp_284 h2:not(#\9):first-child,
+.awsui_content_1d237_p97sp_284 h3:not(#\9):first-child,
+.awsui_content_1d237_p97sp_284 h4:not(#\9):first-child,
+.awsui_content_1d237_p97sp_284 h5:not(#\9):first-child,
+.awsui_content_1d237_p97sp_284 h6:not(#\9):first-child {
   margin-top: 0;
 }
 
-.awsui_footer_1d237_858ym_295:not(#\9) {
+.awsui_footer_1d237_p97sp_295:not(#\9) {
   color: #545b64;
   color: var(--color-text-body-secondary-u912t7, #545b64);
   border-top: 1px solid #eaeded;
@@ -397,11 +397,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: 0 12px;
   padding: 0 var(--space-s-hv8c1d, 12px);
 }
-.awsui_footer_1d237_858ym_295 > :not(#\9):first-child {
+.awsui_footer_1d237_p97sp_295 > :not(#\9):first-child {
   margin-top: 24px;
   margin-top: var(--space-scaled-xl-w2t504, 24px);
 }
-.awsui_footer_1d237_858ym_295 ul:not(#\9) {
+.awsui_footer_1d237_p97sp_295 ul:not(#\9) {
   list-style: none;
   padding-left: 0;
 }

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

@@ -2,9 +2,9 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "help-panel": "awsui_help-panel_1d237_858ym_94",
-  "header": "awsui_header_1d237_858ym_258",
-  "content": "awsui_content_1d237_858ym_284",
-  "footer": "awsui_footer_1d237_858ym_295"
+  "help-panel": "awsui_help-panel_1d237_p97sp_94",
+  "header": "awsui_header_1d237_p97sp_258",
+  "content": "awsui_content_1d237_p97sp_284",
+  "footer": "awsui_footer_1d237_p97sp_295"
 };