@cloudscape-design/components 3.0.100 → 3.0.102

package/internal/generated/theming/index.js

@@ -1067,8 +1067,8 @@ export var preset = {
         "dark": "{colorBorderDividerDefault}"
       },
       "colorBorderDropdownContainer": {
-        "light": "{colorBorderInputDefault}",
-        "dark": "{colorBorderInputDefault}"
+        "light": "{colorGrey400}",
+        "dark": "{colorGrey550}"
       },
       "colorBorderDropdownGroup": {
         "light": "{colorBorderDropdownItemDefault}",
@@ -1095,7 +1095,7 @@ export var preset = {
         "dark": "transparent"
       },
       "colorBorderInputDefault": {
-        "light": "{colorGrey400}",
+        "light": "{colorGrey500}",
         "dark": "{colorGrey550}"
       },
       "colorBorderInputDisabled": {
@@ -1119,8 +1119,8 @@ export var preset = {
         "dark": "{colorGrey650}"
       },
       "colorBorderPopover": {
-        "light": "{colorBorderDropdownContainer}",
-        "dark": "{colorBorderDropdownContainer}"
+        "light": "{colorGrey400}",
+        "dark": "{colorGrey550}"
       },
       "colorBorderSegmentActive": {
         "light": "{colorBorderSegmentDefault}",
@@ -2591,8 +2591,8 @@ export var preset = {
             "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderDropdownContainer": {
-            "light": "{colorBorderInputDefault}",
-            "dark": "{colorBorderInputDefault}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBorderDropdownGroup": {
             "light": "{colorBorderDropdownItemDefault}",
@@ -2643,8 +2643,8 @@ export var preset = {
             "dark": "{colorGrey650}"
           },
           "colorBorderPopover": {
-            "light": "{colorBorderDropdownContainer}",
-            "dark": "{colorBorderDropdownContainer}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBorderSegmentActive": {
             "light": "{colorBorderSegmentDefault}",
@@ -3497,8 +3497,8 @@ export var preset = {
             "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderDropdownContainer": {
-            "light": "{colorBorderInputDefault}",
-            "dark": "{colorBorderInputDefault}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBorderDropdownGroup": {
             "light": "{colorBorderDropdownItemDefault}",
@@ -3549,8 +3549,8 @@ export var preset = {
             "dark": "{colorGrey650}"
           },
           "colorBorderPopover": {
-            "light": "{colorBorderDropdownContainer}",
-            "dark": "{colorBorderDropdownContainer}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBorderSegmentActive": {
             "light": "{colorBorderSegmentDefault}",
@@ -4351,8 +4351,8 @@ export var preset = {
             "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderDropdownContainer": {
-            "light": "{colorBorderInputDefault}",
-            "dark": "{colorBorderInputDefault}"
+            "light": "{colorGrey400}",
+            "dark": "{colorGrey550}"
           },
           "colorBorderDropdownGroup": {
             "light": "{colorBorderDropdownItemDefault}",
@@ -4379,7 +4379,7 @@ export var preset = {
             "dark": "transparent"
           },
           "colorBorderInputDefault": {
-            "light": "{colorGrey400}",
+            "light": "{colorGrey500}",
             "dark": "{colorGrey550}"
           },
           "colorBorderInputDisabled": {
@@ -4403,8 +4403,8 @@ export var preset = {
             "dark": "{colorGrey650}"
           },
           "colorBorderPopover": {
-            "light": "{colorBorderDropdownContainer}",
-            "dark": "{colorBorderDropdownContainer}"
+            "light": "{colorGrey400}",
+            "dark": "{colorGrey550}"
           },
           "colorBorderSegmentActive": {
             "light": "{colorBorderSegmentDefault}",
@@ -5205,8 +5205,8 @@ export var preset = {
             "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderDropdownContainer": {
-            "light": "{colorBorderInputDefault}",
-            "dark": "{colorBorderInputDefault}"
+            "light": "{colorGrey400}",
+            "dark": "{colorGrey550}"
           },
           "colorBorderDropdownGroup": {
             "light": "{colorBorderDropdownItemDefault}",
@@ -5233,7 +5233,7 @@ export var preset = {
             "dark": "transparent"
           },
           "colorBorderInputDefault": {
-            "light": "{colorGrey400}",
+            "light": "{colorGrey500}",
             "dark": "{colorGrey550}"
           },
           "colorBorderInputDisabled": {
@@ -5257,8 +5257,8 @@ export var preset = {
             "dark": "{colorGrey650}"
           },
           "colorBorderPopover": {
-            "light": "{colorBorderDropdownContainer}",
-            "dark": "{colorBorderDropdownContainer}"
+            "light": "{colorGrey400}",
+            "dark": "{colorGrey550}"
           },
           "colorBorderSegmentActive": {
             "light": "{colorBorderSegmentDefault}",
@@ -7589,7 +7589,7 @@ export var preset = {
     "colorBorderDropdownItemDimmedHover": "--color-border-dropdown-item-dimmed-hover-6dhy15",
     "colorBorderDropdownItemSelected": "--color-border-dropdown-item-selected-eahq2j",
     "colorBorderDropdownItemTop": "--color-border-dropdown-item-top-xnzq48",
-    "colorBorderInputDefault": "--color-border-input-default-dtyu8d",
+    "colorBorderInputDefault": "--color-border-input-default-e47bkv",
     "colorBorderInputDisabled": "--color-border-input-disabled-x2lopj",
     "colorBorderItemFocused": "--color-border-item-focused-ap3b6s",
     "colorBorderItemPlaceholder": "--color-border-item-placeholder-jgzhnb",

package/link/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/link/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAStC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAUlF,QAAA,MAAM,YAAY;cAHJ,SAAS,CAAC,SAAS,CAAC,GAAG,gBAAgB,GAAG,MAAM,GAAG,UAAU;uCAgH1E,CAAC;AAqBF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/link/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAStC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAUlF,QAAA,MAAM,YAAY;cAHJ,SAAS,CAAC,SAAS,CAAC,GAAG,gBAAgB,GAAG,MAAM,GAAG,UAAU;uCA+G1E,CAAC;AAqBF,eAAe,YAAY,CAAC"}

package/link/internal.js

@@ -48,7 +48,7 @@ var InternalLink = React.forwardRef(function (_a, ref) {
     var sharedProps = __assign(__assign(__assign({}, focusVisible), baseProps), { 
         // https://github.com/microsoft/TypeScript/issues/36659
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        ref: useMergeRefs(linkRef, __internalRootRef), className: clsx(styles.link, baseProps.className, applyButtonStyles ? styles.button : null, styles[getVariantStyle(variant)], styles[getFontSizeStyle(variant, fontSize)], styles[getColorStyle(variant, color)]), 'aria-label': ariaLabel && external && externalIconAriaLabel ? ariaLabel + ', ' + externalIconAriaLabel : ariaLabel });
+        ref: useMergeRefs(linkRef, __internalRootRef), className: clsx(styles.link, baseProps.className, applyButtonStyles ? styles.button : null, styles[getVariantStyle(variant)], styles[getFontSizeStyle(variant, fontSize)], styles[getColorStyle(variant, color)]), 'aria-label': ariaLabel });
     var content = (React.createElement(React.Fragment, null,
         children,
         external && (React.createElement("span", { className: styles['icon-wrapper'] },

package/link/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/link/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport InternalIcon from '../icon/internal';\nimport styles from './styles.css.js';\nimport useFocusVisible from '../internal/hooks/focus-visible';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { KeyCode } from '../internal/keycode';\nimport { LinkProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\n\ntype InternalLinkProps = InternalBaseComponentProps &\n  Omit<LinkProps, 'variant'> & {\n    variant?: LinkProps['variant'] | 'top-navigation' | 'link' | 'recovery';\n  };\n\nconst InternalLink = React.forwardRef(\n  (\n    {\n      variant = 'secondary',\n      fontSize = 'body-m',\n      color = 'normal',\n      external = false,\n      target,\n      href,\n      rel,\n      ariaLabel,\n      externalIconAriaLabel,\n      onFollow,\n      children,\n      __internalRootRef = null,\n      ...props\n    }: InternalLinkProps,\n    ref: React.Ref<LinkProps.Ref>\n  ) => {\n    checkSafeUrl('Link', href);\n    const isButton = !href;\n    const specialStyles = ['top-navigation', 'link', 'recovery'];\n    const hasSpecialStyle = specialStyles.indexOf(variant) > -1;\n\n    const focusVisible = useFocusVisible();\n    const baseProps = getBaseProps(props);\n    const anchorTarget = target ?? (external ? '_blank' : undefined);\n    const anchorRel = rel ?? (anchorTarget === '_blank' ? 'noopener noreferrer' : undefined);\n\n    const fireFollowEvent = (event: React.SyntheticEvent) => {\n      fireCancelableEvent(onFollow, { href, external, target: anchorTarget }, event);\n    };\n\n    const handleLinkClick = (event: React.MouseEvent) => {\n      if (isPlainLeftClick(event)) {\n        fireFollowEvent(event);\n      }\n    };\n\n    const handleButtonClick = (event: React.MouseEvent) => {\n      fireFollowEvent(event);\n    };\n\n    const handleButtonKeyDown = (event: React.KeyboardEvent) => {\n      if (event.keyCode === KeyCode.space || event.keyCode === KeyCode.enter) {\n        event.preventDefault();\n        fireFollowEvent(event);\n      }\n    };\n\n    const linkRef = useRef<HTMLElement>(null);\n    const isVisualRefresh = useVisualRefresh();\n    useForwardFocus(ref, linkRef);\n\n    // Visual refresh should only add styles to buttons that don't already have unique styles (e.g. primary/secondary variants)\n    const applyButtonStyles = isButton && isVisualRefresh && !hasSpecialStyle;\n\n    const sharedProps = {\n      ...focusVisible,\n      ...baseProps,\n      // https://github.com/microsoft/TypeScript/issues/36659\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref: useMergeRefs(linkRef as any, __internalRootRef),\n      className: clsx(\n        styles.link,\n        baseProps.className,\n        applyButtonStyles ? styles.button : null,\n        styles[getVariantStyle(variant)],\n        styles[getFontSizeStyle(variant, fontSize)],\n        styles[getColorStyle(variant, color)]\n      ),\n      'aria-label':\n        ariaLabel && external && externalIconAriaLabel ? ariaLabel + ', ' + externalIconAriaLabel : ariaLabel,\n    };\n\n    const content = (\n      <>\n        {children}\n        {external && (\n          <span className={styles['icon-wrapper']}>\n            &nbsp;\n            <span\n              className={styles.icon}\n              aria-label={externalIconAriaLabel}\n              role={externalIconAriaLabel ? 'img' : undefined}\n            >\n              <InternalIcon name=\"external\" size=\"inherit\" />\n            </span>\n          </span>\n        )}\n      </>\n    );\n\n    if (isButton) {\n      return (\n        <a {...sharedProps} role=\"button\" tabIndex={0} onKeyDown={handleButtonKeyDown} onClick={handleButtonClick}>\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      // we dynamically set proper rel in the code above\n      // eslint-disable-next-line react/jsx-no-target-blank\n      <a {...sharedProps} target={anchorTarget} rel={anchorRel} href={href} onClick={handleLinkClick}>\n        {content}\n      </a>\n    );\n  }\n);\n\nfunction getVariantStyle(variant: Exclude<InternalLinkProps['variant'], undefined>) {\n  return `variant-${variant.replace(/^awsui-/, '')}`;\n}\n\nfunction getFontSizeStyle(variant: InternalLinkProps['variant'], fontSize: InternalLinkProps['fontSize']) {\n  switch (variant) {\n    case 'info':\n      return 'font-size-body-s';\n    case 'awsui-value-large':\n      return 'font-size-display-l';\n    default:\n      return `font-size-${fontSize}`;\n  }\n}\n\nfunction getColorStyle(variant: InternalLinkProps['variant'], color: InternalLinkProps['color']) {\n  return `color-${variant === 'info' ? 'normal' : color}`;\n}\n\nexport default InternalLink;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/link/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport InternalIcon from '../icon/internal';\nimport styles from './styles.css.js';\nimport useFocusVisible from '../internal/hooks/focus-visible';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { KeyCode } from '../internal/keycode';\nimport { LinkProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\n\ntype InternalLinkProps = InternalBaseComponentProps &\n  Omit<LinkProps, 'variant'> & {\n    variant?: LinkProps['variant'] | 'top-navigation' | 'link' | 'recovery';\n  };\n\nconst InternalLink = React.forwardRef(\n  (\n    {\n      variant = 'secondary',\n      fontSize = 'body-m',\n      color = 'normal',\n      external = false,\n      target,\n      href,\n      rel,\n      ariaLabel,\n      externalIconAriaLabel,\n      onFollow,\n      children,\n      __internalRootRef = null,\n      ...props\n    }: InternalLinkProps,\n    ref: React.Ref<LinkProps.Ref>\n  ) => {\n    checkSafeUrl('Link', href);\n    const isButton = !href;\n    const specialStyles = ['top-navigation', 'link', 'recovery'];\n    const hasSpecialStyle = specialStyles.indexOf(variant) > -1;\n\n    const focusVisible = useFocusVisible();\n    const baseProps = getBaseProps(props);\n    const anchorTarget = target ?? (external ? '_blank' : undefined);\n    const anchorRel = rel ?? (anchorTarget === '_blank' ? 'noopener noreferrer' : undefined);\n\n    const fireFollowEvent = (event: React.SyntheticEvent) => {\n      fireCancelableEvent(onFollow, { href, external, target: anchorTarget }, event);\n    };\n\n    const handleLinkClick = (event: React.MouseEvent) => {\n      if (isPlainLeftClick(event)) {\n        fireFollowEvent(event);\n      }\n    };\n\n    const handleButtonClick = (event: React.MouseEvent) => {\n      fireFollowEvent(event);\n    };\n\n    const handleButtonKeyDown = (event: React.KeyboardEvent) => {\n      if (event.keyCode === KeyCode.space || event.keyCode === KeyCode.enter) {\n        event.preventDefault();\n        fireFollowEvent(event);\n      }\n    };\n\n    const linkRef = useRef<HTMLElement>(null);\n    const isVisualRefresh = useVisualRefresh();\n    useForwardFocus(ref, linkRef);\n\n    // Visual refresh should only add styles to buttons that don't already have unique styles (e.g. primary/secondary variants)\n    const applyButtonStyles = isButton && isVisualRefresh && !hasSpecialStyle;\n\n    const sharedProps = {\n      ...focusVisible,\n      ...baseProps,\n      // https://github.com/microsoft/TypeScript/issues/36659\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref: useMergeRefs(linkRef as any, __internalRootRef),\n      className: clsx(\n        styles.link,\n        baseProps.className,\n        applyButtonStyles ? styles.button : null,\n        styles[getVariantStyle(variant)],\n        styles[getFontSizeStyle(variant, fontSize)],\n        styles[getColorStyle(variant, color)]\n      ),\n      'aria-label': ariaLabel,\n    };\n\n    const content = (\n      <>\n        {children}\n        {external && (\n          <span className={styles['icon-wrapper']}>\n            &nbsp;\n            <span\n              className={styles.icon}\n              aria-label={externalIconAriaLabel}\n              role={externalIconAriaLabel ? 'img' : undefined}\n            >\n              <InternalIcon name=\"external\" size=\"inherit\" />\n            </span>\n          </span>\n        )}\n      </>\n    );\n\n    if (isButton) {\n      return (\n        <a {...sharedProps} role=\"button\" tabIndex={0} onKeyDown={handleButtonKeyDown} onClick={handleButtonClick}>\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      // we dynamically set proper rel in the code above\n      // eslint-disable-next-line react/jsx-no-target-blank\n      <a {...sharedProps} target={anchorTarget} rel={anchorRel} href={href} onClick={handleLinkClick}>\n        {content}\n      </a>\n    );\n  }\n);\n\nfunction getVariantStyle(variant: Exclude<InternalLinkProps['variant'], undefined>) {\n  return `variant-${variant.replace(/^awsui-/, '')}`;\n}\n\nfunction getFontSizeStyle(variant: InternalLinkProps['variant'], fontSize: InternalLinkProps['fontSize']) {\n  switch (variant) {\n    case 'info':\n      return 'font-size-body-s';\n    case 'awsui-value-large':\n      return 'font-size-display-l';\n    default:\n      return `font-size-${fontSize}`;\n  }\n}\n\nfunction getColorStyle(variant: InternalLinkProps['variant'], color: InternalLinkProps['color']) {\n  return `color-${variant === 'info' ? 'normal' : color}`;\n}\n\nexport default InternalLink;\n"]}

package/package.json

@@ -112,6 +112,6 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.100",
+  "version": "3.0.102",
   "license": "Apache-2.0"
 }

package/split-panel/styles.css.js

@@ -1,63 +1,63 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_1r9lg_1tyop_189",
-  "refresh": "awsui_refresh_1r9lg_1tyop_189",
-  "animating": "awsui_animating_1r9lg_1tyop_203",
-  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_1tyop_226",
-  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_1tyop_230",
-  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_1tyop_233",
-  "preference-icon--border": "awsui_preference-icon--border_1r9lg_1tyop_236",
-  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_1tyop_240",
-  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_1tyop_243",
-  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_1tyop_246",
-  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_1tyop_249",
-  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_1tyop_252",
-  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_1tyop_256",
-  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_1tyop_259",
-  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_1tyop_262",
-  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_1tyop_265",
-  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_1tyop_268",
-  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_1tyop_272",
-  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_1tyop_275",
-  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_1tyop_278",
-  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_1tyop_281",
-  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_1tyop_284",
-  "resize-active": "awsui_resize-active_1r9lg_1tyop_289",
-  "resize-side": "awsui_resize-side_1r9lg_1tyop_295",
-  "resize-bottom": "awsui_resize-bottom_1r9lg_1tyop_298",
-  "root": "awsui_root_1r9lg_1tyop_303",
-  "preferences-button": "awsui_preferences-button_1r9lg_1tyop_314",
-  "close-button": "awsui_close-button_1r9lg_1tyop_318",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_1tyop_329",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1tyop_334",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1tyop_354",
-  "position-bottom": "awsui_position-bottom_1r9lg_1tyop_363",
-  "position-side": "awsui_position-side_1r9lg_1tyop_390",
-  "slider": "awsui_slider_1r9lg_1tyop_396",
-  "slider-side": "awsui_slider-side_1r9lg_1tyop_425",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1tyop_430",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1tyop_441",
-  "open-button": "awsui_open-button_1r9lg_1tyop_452",
-  "open-button-side": "awsui_open-button-side_1r9lg_1tyop_456",
-  "slider-icon": "awsui_slider-icon_1r9lg_1tyop_463",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_1tyop_469",
-  "slider-icon-side": "awsui_slider-icon-side_1r9lg_1tyop_472",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1tyop_476",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1tyop_486",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1tyop_489",
-  "content-bottom": "awsui_content-bottom_1r9lg_1tyop_497",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1tyop_508",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1tyop_513",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1tyop_517",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1tyop_521",
-  "content-side": "awsui_content-side_1r9lg_1tyop_526",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1tyop_537",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1tyop_540",
-  "header": "awsui_header_1r9lg_1tyop_545",
-  "header-text": "awsui_header-text_1r9lg_1tyop_554",
-  "header-divider": "awsui_header-divider_1r9lg_1tyop_562",
-  "header-actions": "awsui_header-actions_1r9lg_1tyop_568",
-  "divider": "awsui_divider_1r9lg_1tyop_576"
+  "drawer": "awsui_drawer_1r9lg_ickr1_189",
+  "refresh": "awsui_refresh_1r9lg_ickr1_189",
+  "animating": "awsui_animating_1r9lg_ickr1_203",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_ickr1_226",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_ickr1_230",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_ickr1_233",
+  "preference-icon--border": "awsui_preference-icon--border_1r9lg_ickr1_236",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_ickr1_240",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_ickr1_243",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_ickr1_246",
+  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_ickr1_249",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_ickr1_252",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_ickr1_256",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_ickr1_259",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_ickr1_262",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_ickr1_265",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_ickr1_268",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_ickr1_272",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_ickr1_275",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_ickr1_278",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_ickr1_281",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_ickr1_284",
+  "resize-active": "awsui_resize-active_1r9lg_ickr1_289",
+  "resize-side": "awsui_resize-side_1r9lg_ickr1_295",
+  "resize-bottom": "awsui_resize-bottom_1r9lg_ickr1_298",
+  "root": "awsui_root_1r9lg_ickr1_303",
+  "preferences-button": "awsui_preferences-button_1r9lg_ickr1_314",
+  "close-button": "awsui_close-button_1r9lg_ickr1_318",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_ickr1_329",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_ickr1_334",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_ickr1_354",
+  "position-bottom": "awsui_position-bottom_1r9lg_ickr1_363",
+  "position-side": "awsui_position-side_1r9lg_ickr1_390",
+  "slider": "awsui_slider_1r9lg_ickr1_396",
+  "slider-side": "awsui_slider-side_1r9lg_ickr1_425",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_ickr1_430",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_ickr1_441",
+  "open-button": "awsui_open-button_1r9lg_ickr1_452",
+  "open-button-side": "awsui_open-button-side_1r9lg_ickr1_456",
+  "slider-icon": "awsui_slider-icon_1r9lg_ickr1_463",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_ickr1_469",
+  "slider-icon-side": "awsui_slider-icon-side_1r9lg_ickr1_472",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_ickr1_476",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_ickr1_486",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_ickr1_489",
+  "content-bottom": "awsui_content-bottom_1r9lg_ickr1_497",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_ickr1_508",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_ickr1_513",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_ickr1_517",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_ickr1_521",
+  "content-side": "awsui_content-side_1r9lg_ickr1_526",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_ickr1_537",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_ickr1_540",
+  "header": "awsui_header_1r9lg_ickr1_545",
+  "header-text": "awsui_header-text_1r9lg_ickr1_554",
+  "header-divider": "awsui_header-divider_1r9lg_ickr1_562",
+  "header-actions": "awsui_header-actions_1r9lg_ickr1_568",
+  "divider": "awsui_divider_1r9lg_ickr1_576"
 };