@cloudscape-design/components-themeable 3.0.1371 → 3.0.1373

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 (79) hide show
  1. package/lib/__tests__/theming.test.js +14 -0
  2. package/lib/__tests__/theming.test.js.map +1 -1
  3. package/lib/internal/manifest.json +1 -1
  4. package/lib/internal/scss/button-dropdown/category-elements/styles.scss +1 -4
  5. package/lib/internal/scss/button-dropdown/item-element/styles.scss +1 -4
  6. package/lib/internal/scss/dropdown/styles.scss +23 -4
  7. package/lib/internal/scss/internal/components/checkbox-icon/motion.scss +35 -0
  8. package/lib/internal/scss/internal/components/checkbox-icon/styles.scss +2 -0
  9. package/lib/internal/scss/internal/components/selectable-item/styles.scss +2 -8
  10. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  11. package/lib/internal/scss/internal/styles/links.scss +15 -6
  12. package/lib/internal/scss/internal/styles/utils/mixins.scss +7 -0
  13. package/lib/internal/scss/link/styles.scss +35 -16
  14. package/lib/internal/scss/status-indicator/styles.scss +3 -2
  15. package/lib/internal/template/box/interfaces.d.ts +3 -0
  16. package/lib/internal/template/box/interfaces.d.ts.map +1 -1
  17. package/lib/internal/template/box/interfaces.js.map +1 -1
  18. package/lib/internal/template/button/interfaces.d.ts +0 -1
  19. package/lib/internal/template/button/interfaces.d.ts.map +1 -1
  20. package/lib/internal/template/button/interfaces.js.map +1 -1
  21. package/lib/internal/template/button/internal.d.ts.map +1 -1
  22. package/lib/internal/template/button/internal.js +8 -1
  23. package/lib/internal/template/button/internal.js.map +1 -1
  24. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +18 -18
  25. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +32 -32
  26. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +18 -18
  27. package/lib/internal/template/button-dropdown/item-element/styles.css.js +21 -21
  28. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +38 -38
  29. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +21 -21
  30. package/lib/internal/template/copy-to-clipboard/interfaces.d.ts +0 -1
  31. package/lib/internal/template/copy-to-clipboard/interfaces.d.ts.map +1 -1
  32. package/lib/internal/template/copy-to-clipboard/interfaces.js.map +1 -1
  33. package/lib/internal/template/dropdown/index.d.ts.map +1 -1
  34. package/lib/internal/template/dropdown/index.js +1 -1
  35. package/lib/internal/template/dropdown/index.js.map +1 -1
  36. package/lib/internal/template/dropdown/internal.d.ts +5 -1
  37. package/lib/internal/template/dropdown/internal.d.ts.map +1 -1
  38. package/lib/internal/template/dropdown/internal.js +4 -4
  39. package/lib/internal/template/dropdown/internal.js.map +1 -1
  40. package/lib/internal/template/dropdown/styles.css.js +20 -20
  41. package/lib/internal/template/dropdown/styles.scoped.css +69 -48
  42. package/lib/internal/template/dropdown/styles.selectors.js +20 -20
  43. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  44. package/lib/internal/template/internal/components/checkbox-icon/index.d.ts.map +1 -1
  45. package/lib/internal/template/internal/components/checkbox-icon/index.js +8 -2
  46. package/lib/internal/template/internal/components/checkbox-icon/index.js.map +1 -1
  47. package/lib/internal/template/internal/components/selectable-item/styles.css.js +22 -22
  48. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +53 -49
  49. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +22 -22
  50. package/lib/internal/template/internal/environment.js +2 -2
  51. package/lib/internal/template/internal/environment.json +2 -2
  52. package/lib/internal/template/link/index.d.ts.map +1 -1
  53. package/lib/internal/template/link/index.js +1 -1
  54. package/lib/internal/template/link/index.js.map +1 -1
  55. package/lib/internal/template/link/internal.d.ts +4 -0
  56. package/lib/internal/template/link/internal.d.ts.map +1 -1
  57. package/lib/internal/template/link/internal.js +2 -2
  58. package/lib/internal/template/link/internal.js.map +1 -1
  59. package/lib/internal/template/link/styles.css.js +21 -21
  60. package/lib/internal/template/link/styles.scoped.css +121 -104
  61. package/lib/internal/template/link/styles.selectors.js +21 -21
  62. package/lib/internal/template/status-indicator/internal.d.ts +5 -1
  63. package/lib/internal/template/status-indicator/internal.d.ts.map +1 -1
  64. package/lib/internal/template/status-indicator/internal.js +2 -2
  65. package/lib/internal/template/status-indicator/internal.js.map +1 -1
  66. package/lib/internal/template/status-indicator/styles.css.js +26 -25
  67. package/lib/internal/template/status-indicator/styles.scoped.css +47 -47
  68. package/lib/internal/template/status-indicator/styles.selectors.js +26 -25
  69. package/lib/internal/template/steps/internal.js +1 -1
  70. package/lib/internal/template/steps/internal.js.map +1 -1
  71. package/lib/internal/template/theming/index.d.ts +4 -2
  72. package/lib/internal/template/theming/index.d.ts.map +1 -1
  73. package/lib/internal/template/theming/index.js +7 -4
  74. package/lib/internal/template/theming/index.js.map +1 -1
  75. package/lib/theming.d.ts +5 -0
  76. package/lib/theming.d.ts.map +1 -1
  77. package/lib/theming.js +12 -0
  78. package/lib/theming.js.map +1 -1
  79. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/button/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, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport {\n getAnalyticsLabelAttribute,\n getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { IconProps } from '../icon/interfaces';\nimport Icon from '../icon/internal';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport {\n DATA_ATTR_FUNNEL_VALUE,\n getFunnelValueSelector,\n getSubStepAllSelector,\n getTextFromSelector,\n} from '../internal/analytics/selectors';\nimport { useButtonContext } from '../internal/context/button-context';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport useHiddenDescription from '../internal/hooks/use-hidden-description';\nimport { useModalContextLoadingButtonComponent } from '../internal/hooks/use-modal-component-analytics';\nimport { usePerformanceMarks } from '../internal/hooks/use-performance-marks';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport InternalLiveRegion from '../live-region/internal';\nimport Tooltip from '../tooltip/internal.js';\nimport { GeneratedAnalyticsMetadataButtonFragment } from './analytics-metadata/interfaces';\nimport { ButtonIconProps, LeftIcon, RightIcon } from './icon-helper';\nimport { ButtonProps } from './interfaces';\nimport { getButtonStyles } from './style';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport type InternalButtonProps = Omit<ButtonProps, 'variant'> & {\n variant?:\n | ButtonProps['variant']\n | 'flashbar-icon'\n | 'breadcrumb-group'\n | 'menu-trigger'\n | 'modal-dismiss'\n | 'inline-icon-pointer-target';\n badge?: boolean;\n analyticsAction?: string;\n __iconClass?: string;\n __iconSize?: IconProps.Size;\n __focusable?: boolean;\n __injectAnalyticsComponentMetadata?: boolean;\n __title?: string;\n __emitPerformanceMarks?: boolean;\n __skipNativeAttributesWarnings?: boolean;\n __compact?: boolean;\n styleClassNames?: StyleClassNames;\n} & InternalBaseComponentProps;\n\n// Style API v2\nexport interface StyleClassNames {\n root?: string;\n}\n\nexport const InternalButton = React.forwardRef(\n (\n {\n children,\n iconName,\n __iconClass,\n __iconSize,\n onClick,\n onFollow,\n iconAlign = 'left',\n iconUrl,\n iconSvg,\n iconAlt,\n variant = 'normal',\n loading = false,\n loadingText,\n disabled = false,\n disabledReason,\n wrapText = true,\n href,\n external,\n target: targetOverride,\n rel,\n download,\n formAction = 'submit',\n ariaLabel,\n ariaDescribedby,\n ariaExpanded,\n ariaHaspopup,\n ariaControls,\n fullWidth,\n badge,\n i18nStrings,\n style,\n nativeButtonAttributes,\n nativeAnchorAttributes,\n __internalRootRef,\n __focusable = false,\n __injectAnalyticsComponentMetadata = false,\n __title,\n __emitPerformanceMarks = true,\n __skipNativeAttributesWarnings,\n __compact = false,\n analyticsAction = 'click',\n styleClassNames,\n ...props\n }: InternalButtonProps,\n ref: React.Ref<ButtonProps.Ref>\n ) => {\n const [showTooltip, setShowTooltip] = useState(false);\n\n checkSafeUrl('Button', href);\n const isAnchor = Boolean(href);\n const target = targetOverride ?? (external ? '_blank' : undefined);\n const isNotInteractive = loading || disabled;\n const isDisabledWithReason =\n (variant === 'normal' || variant === 'primary' || variant === 'icon') && !!disabledReason && disabled;\n\n const hasAriaDisabled = (loading && !disabled) || (disabled && __focusable) || isDisabledWithReason;\n const shouldHaveContent =\n children &&\n ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss', 'inline-icon-pointer-target'].indexOf(variant) === -1;\n\n if ((iconName || iconUrl || iconSvg) && iconAlign === 'right' && external) {\n warnOnce('Button', 'A right-aligned icon should not be combined with an external icon.');\n }\n\n const buttonRef = useRef<HTMLElement>(null);\n useForwardFocus(ref, buttonRef);\n\n const buttonContext = useButtonContext();\n const i18n = useInternalI18n('button');\n\n const uniqueId = useUniqueId('button');\n const { funnelInteractionId } = useFunnel();\n const { stepNumber, stepNameSelector } = useFunnelStep();\n const { subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n const performanceMarkAttributes = usePerformanceMarks(\n 'primaryButton',\n () => variant === 'primary' && __emitPerformanceMarks && !loading && !disabled,\n buttonRef,\n () => ({\n loading,\n disabled,\n text: buttonRef.current?.innerText,\n }),\n [loading, disabled]\n );\n useModalContextLoadingButtonComponent(variant === 'primary', loading);\n\n const { targetProps, descriptionEl } = useHiddenDescription(disabledReason);\n\n const handleClick = (event: React.MouseEvent) => {\n if (isNotInteractive) {\n return event.preventDefault();\n }\n\n if (isAnchor && isPlainLeftClick(event)) {\n fireCancelableEvent(onFollow, { href, target }, event);\n\n if ((iconName === 'external' || target === '_blank') && funnelInteractionId) {\n const stepName = getTextFromSelector(stepNameSelector);\n const subStepName = getTextFromSelector(subStepNameSelector);\n\n FunnelMetrics.externalLinkInteracted({\n funnelInteractionId,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n }\n\n const { altKey, button, ctrlKey, metaKey, shiftKey } = event;\n fireCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey }, event);\n buttonContext.onClick({ variant });\n };\n\n const stylingClassName = styleClassNames?.root;\n const buttonClass = clsx(props.className, stylingClassName, styles.button, styles[`variant-${variant}`], {\n [styles.disabled]: isNotInteractive,\n [styles['disabled-with-reason']]: isDisabledWithReason,\n [styles['button-no-wrap']]: !wrapText,\n [styles['button-no-text']]: !shouldHaveContent,\n [styles['full-width']]: shouldHaveContent && fullWidth,\n [styles['button-compact']]: __compact,\n [styles.link]: isAnchor,\n });\n\n const explicitTabIndex = nativeButtonAttributes?.tabIndex ?? nativeAnchorAttributes?.tabIndex;\n const { tabIndex } = useSingleTabStopNavigation(buttonRef, {\n tabIndex: isAnchor && isNotInteractive && !isDisabledWithReason ? -1 : explicitTabIndex,\n });\n\n const analyticsMetadata: GeneratedAnalyticsMetadataButtonFragment = disabled\n ? {}\n : {\n action: analyticsAction,\n detail: { label: { root: 'self' } },\n };\n if (__injectAnalyticsComponentMetadata) {\n analyticsMetadata.component = {\n name: 'awsui.Button',\n label: { root: 'self' },\n properties: { variant, disabled: `${disabled}` },\n };\n }\n\n const buttonProps = {\n ...props,\n ...performanceMarkAttributes,\n tabIndex,\n // https://github.com/microsoft/TypeScript/issues/36659\n ref: useMergeRefs(buttonRef, __internalRootRef),\n 'aria-label': ariaLabel,\n 'aria-describedby': ariaDescribedby,\n 'aria-expanded': ariaExpanded,\n 'aria-haspopup': ariaHaspopup,\n 'aria-controls': ariaControls,\n // add ariaLabel as `title` as visible hint text\n title: __title ?? ariaLabel,\n className: buttonClass,\n onClick: handleClick,\n 'data-awsui-motion-trigger': 'hover',\n 'data-awsui-motion-target': '',\n [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n ...getAnalyticsMetadataAttribute(analyticsMetadata),\n ...getAnalyticsLabelAttribute(shouldHaveContent ? `.${analyticsSelectors.label}` : ''),\n } as const;\n\n const iconProps: ButtonIconProps = {\n loading,\n iconName,\n iconAlign,\n iconUrl,\n iconSvg,\n iconAlt,\n variant,\n badge,\n iconClass: __iconClass,\n iconSize: __iconSize ?? (variant === 'modal-dismiss' ? 'medium' : 'normal'),\n };\n const buttonContent = (\n <>\n <LeftIcon {...iconProps} />\n {shouldHaveContent && (\n <>\n <span className={clsx(styles.content, analyticsSelectors.label)}>{children}</span>\n {external && (\n <>\n &nbsp;\n <Icon\n name=\"external\"\n className={testUtilStyles['external-icon']}\n ariaLabel={i18n('i18nStrings.externalIconAriaLabel', i18nStrings?.externalIconAriaLabel)}\n />\n </>\n )}\n </>\n )}\n <RightIcon {...iconProps} />\n </>\n );\n\n const { loadingButtonCount } = useFunnel();\n useEffect(() => {\n if (loading) {\n loadingButtonCount.current++;\n return () => {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n loadingButtonCount.current--;\n };\n }\n }, [loading, loadingButtonCount]);\n\n const disabledReasonProps = {\n onFocus: isDisabledWithReason ? () => setShowTooltip(true) : undefined,\n onBlur: isDisabledWithReason ? () => setShowTooltip(false) : undefined,\n onMouseEnter: isDisabledWithReason ? () => setShowTooltip(true) : undefined,\n onMouseLeave: isDisabledWithReason ? () => setShowTooltip(false) : undefined,\n ...(isDisabledWithReason ? targetProps : {}),\n };\n const disabledReasonContent = (\n <>\n {descriptionEl}\n {showTooltip && (\n <Tooltip\n className={testUtilStyles['disabled-reason-tooltip']}\n getTrack={() => buttonRef.current}\n content={disabledReason!}\n onEscape={() => setShowTooltip(false)}\n />\n )}\n </>\n );\n\n const stylePropertiesAndVariables = getButtonStyles(style);\n\n if (isAnchor) {\n const getAnchorTabIndex = () => {\n if (isNotInteractive) {\n // If disabled with a reason, make it focusable so users can access the tooltip\n // Otherwise, resolve to the default button props tabIndex.\n return isDisabledWithReason ? 0 : buttonProps.tabIndex;\n }\n return buttonProps.tabIndex;\n };\n\n return (\n <>\n <WithNativeAttributes<HTMLAnchorElement, React.AnchorHTMLAttributes<HTMLAnchorElement>>\n {...buttonProps}\n {...disabledReasonProps}\n tag=\"a\"\n componentName=\"Button\"\n nativeAttributes={nativeAnchorAttributes}\n skipWarnings={__skipNativeAttributesWarnings}\n href={isNotInteractive ? undefined : href}\n role={isNotInteractive ? 'link' : undefined}\n tabIndex={getAnchorTabIndex()}\n target={target}\n // security recommendation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target\n rel={rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined)}\n aria-disabled={isNotInteractive ? true : undefined}\n download={download}\n style={stylePropertiesAndVariables}\n >\n {buttonContent}\n {isDisabledWithReason && disabledReasonContent}\n </WithNativeAttributes>\n {loading && loadingText && (\n <InternalLiveRegion tagName=\"span\" hidden={true}>\n {loadingText}\n </InternalLiveRegion>\n )}\n </>\n );\n }\n\n return (\n <>\n <WithNativeAttributes<HTMLButtonElement, React.ButtonHTMLAttributes<HTMLButtonElement>>\n {...buttonProps}\n {...disabledReasonProps}\n tag=\"button\"\n componentName=\"Button\"\n nativeAttributes={nativeButtonAttributes}\n skipWarnings={__skipNativeAttributesWarnings}\n type={formAction === 'none' ? 'button' : 'submit'}\n disabled={disabled && !__focusable && !isDisabledWithReason}\n aria-disabled={hasAriaDisabled ? true : undefined}\n style={stylePropertiesAndVariables}\n >\n {buttonContent}\n {isDisabledWithReason && disabledReasonContent}\n </WithNativeAttributes>\n {loading && loadingText && (\n <InternalLiveRegion tagName=\"span\" hidden={true}>\n {loadingText}\n </InternalLiveRegion>\n )}\n </>\n );\n }\n);\n\nexport default InternalButton;\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/button/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, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport {\n getAnalyticsLabelAttribute,\n getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { IconProps } from '../icon/interfaces';\nimport Icon from '../icon/internal';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport {\n DATA_ATTR_FUNNEL_VALUE,\n getFunnelValueSelector,\n getSubStepAllSelector,\n getTextFromSelector,\n} from '../internal/analytics/selectors';\nimport { useButtonContext } from '../internal/context/button-context';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport useHiddenDescription from '../internal/hooks/use-hidden-description';\nimport { useModalContextLoadingButtonComponent } from '../internal/hooks/use-modal-component-analytics';\nimport { usePerformanceMarks } from '../internal/hooks/use-performance-marks';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport InternalLiveRegion from '../live-region/internal';\nimport Tooltip from '../tooltip/internal.js';\nimport { GeneratedAnalyticsMetadataButtonFragment } from './analytics-metadata/interfaces';\nimport { ButtonIconProps, LeftIcon, RightIcon } from './icon-helper';\nimport { ButtonProps } from './interfaces';\nimport { getButtonStyles } from './style';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport type InternalButtonProps = Omit<ButtonProps, 'variant'> & {\n variant?:\n | ButtonProps['variant']\n | 'flashbar-icon'\n | 'breadcrumb-group'\n | 'menu-trigger'\n | 'modal-dismiss'\n | 'inline-icon-pointer-target';\n badge?: boolean;\n analyticsAction?: string;\n __iconClass?: string;\n __iconSize?: IconProps.Size;\n __focusable?: boolean;\n __injectAnalyticsComponentMetadata?: boolean;\n __title?: string;\n __emitPerformanceMarks?: boolean;\n __skipNativeAttributesWarnings?: boolean;\n __compact?: boolean;\n styleClassNames?: StyleClassNames;\n} & InternalBaseComponentProps;\n\n// Style API v2\nexport interface StyleClassNames {\n root?: string;\n}\n\nexport const InternalButton = React.forwardRef(\n (\n {\n children,\n iconName,\n __iconClass,\n __iconSize,\n onClick,\n onFollow,\n iconAlign = 'left',\n iconUrl,\n iconSvg,\n iconAlt,\n variant = 'normal',\n loading = false,\n loadingText,\n disabled = false,\n disabledReason,\n wrapText = true,\n href,\n external,\n target: targetOverride,\n rel,\n download,\n formAction = 'submit',\n ariaLabel,\n ariaDescribedby,\n ariaExpanded,\n ariaHaspopup,\n ariaControls,\n fullWidth,\n badge,\n i18nStrings,\n style,\n nativeButtonAttributes,\n nativeAnchorAttributes,\n __internalRootRef,\n __focusable = false,\n __injectAnalyticsComponentMetadata = false,\n __title,\n __emitPerformanceMarks = true,\n __skipNativeAttributesWarnings,\n __compact = false,\n analyticsAction = 'click',\n styleClassNames,\n ...props\n }: InternalButtonProps,\n ref: React.Ref<ButtonProps.Ref>\n ) => {\n const [showTooltip, setShowTooltip] = useState(false);\n\n checkSafeUrl('Button', href);\n const isAnchor = Boolean(href);\n const target = targetOverride ?? (external ? '_blank' : undefined);\n const isNotInteractive = loading || disabled;\n const isDisabledWithReason =\n (variant === 'normal' ||\n variant === 'primary' ||\n variant === 'icon' ||\n variant === 'inline-icon' ||\n variant === 'inline-link' ||\n variant === 'link') &&\n !!disabledReason &&\n disabled;\n\n const hasAriaDisabled = (loading && !disabled) || (disabled && __focusable) || isDisabledWithReason;\n const shouldHaveContent =\n children &&\n ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss', 'inline-icon-pointer-target'].indexOf(variant) === -1;\n\n if ((iconName || iconUrl || iconSvg) && iconAlign === 'right' && external) {\n warnOnce('Button', 'A right-aligned icon should not be combined with an external icon.');\n }\n\n const buttonRef = useRef<HTMLElement>(null);\n useForwardFocus(ref, buttonRef);\n\n const buttonContext = useButtonContext();\n const i18n = useInternalI18n('button');\n\n const uniqueId = useUniqueId('button');\n const { funnelInteractionId } = useFunnel();\n const { stepNumber, stepNameSelector } = useFunnelStep();\n const { subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n const performanceMarkAttributes = usePerformanceMarks(\n 'primaryButton',\n () => variant === 'primary' && __emitPerformanceMarks && !loading && !disabled,\n buttonRef,\n () => ({\n loading,\n disabled,\n text: buttonRef.current?.innerText,\n }),\n [loading, disabled]\n );\n useModalContextLoadingButtonComponent(variant === 'primary', loading);\n\n const { targetProps, descriptionEl } = useHiddenDescription(disabledReason);\n\n const handleClick = (event: React.MouseEvent) => {\n if (isNotInteractive) {\n return event.preventDefault();\n }\n\n if (isAnchor && isPlainLeftClick(event)) {\n fireCancelableEvent(onFollow, { href, target }, event);\n\n if ((iconName === 'external' || target === '_blank') && funnelInteractionId) {\n const stepName = getTextFromSelector(stepNameSelector);\n const subStepName = getTextFromSelector(subStepNameSelector);\n\n FunnelMetrics.externalLinkInteracted({\n funnelInteractionId,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n }\n\n const { altKey, button, ctrlKey, metaKey, shiftKey } = event;\n fireCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey }, event);\n buttonContext.onClick({ variant });\n };\n\n const stylingClassName = styleClassNames?.root;\n const buttonClass = clsx(props.className, stylingClassName, styles.button, styles[`variant-${variant}`], {\n [styles.disabled]: isNotInteractive,\n [styles['disabled-with-reason']]: isDisabledWithReason,\n [styles['button-no-wrap']]: !wrapText,\n [styles['button-no-text']]: !shouldHaveContent,\n [styles['full-width']]: shouldHaveContent && fullWidth,\n [styles['button-compact']]: __compact,\n [styles.link]: isAnchor,\n });\n\n const explicitTabIndex = nativeButtonAttributes?.tabIndex ?? nativeAnchorAttributes?.tabIndex;\n const { tabIndex } = useSingleTabStopNavigation(buttonRef, {\n tabIndex: isAnchor && isNotInteractive && !isDisabledWithReason ? -1 : explicitTabIndex,\n });\n\n const analyticsMetadata: GeneratedAnalyticsMetadataButtonFragment = disabled\n ? {}\n : {\n action: analyticsAction,\n detail: { label: { root: 'self' } },\n };\n if (__injectAnalyticsComponentMetadata) {\n analyticsMetadata.component = {\n name: 'awsui.Button',\n label: { root: 'self' },\n properties: { variant, disabled: `${disabled}` },\n };\n }\n\n const buttonProps = {\n ...props,\n ...performanceMarkAttributes,\n tabIndex,\n // https://github.com/microsoft/TypeScript/issues/36659\n ref: useMergeRefs(buttonRef, __internalRootRef),\n 'aria-label': ariaLabel,\n 'aria-describedby': ariaDescribedby,\n 'aria-expanded': ariaExpanded,\n 'aria-haspopup': ariaHaspopup,\n 'aria-controls': ariaControls,\n // add ariaLabel as `title` as visible hint text\n title: __title ?? ariaLabel,\n className: buttonClass,\n onClick: handleClick,\n 'data-awsui-motion-trigger': 'hover',\n 'data-awsui-motion-target': '',\n [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n ...getAnalyticsMetadataAttribute(analyticsMetadata),\n ...getAnalyticsLabelAttribute(shouldHaveContent ? `.${analyticsSelectors.label}` : ''),\n } as const;\n\n const iconProps: ButtonIconProps = {\n loading,\n iconName,\n iconAlign,\n iconUrl,\n iconSvg,\n iconAlt,\n variant,\n badge,\n iconClass: __iconClass,\n iconSize: __iconSize ?? (variant === 'modal-dismiss' ? 'medium' : 'normal'),\n };\n const buttonContent = (\n <>\n <LeftIcon {...iconProps} />\n {shouldHaveContent && (\n <>\n <span className={clsx(styles.content, analyticsSelectors.label)}>{children}</span>\n {external && (\n <>\n &nbsp;\n <Icon\n name=\"external\"\n className={testUtilStyles['external-icon']}\n ariaLabel={i18n('i18nStrings.externalIconAriaLabel', i18nStrings?.externalIconAriaLabel)}\n />\n </>\n )}\n </>\n )}\n <RightIcon {...iconProps} />\n </>\n );\n\n const { loadingButtonCount } = useFunnel();\n useEffect(() => {\n if (loading) {\n loadingButtonCount.current++;\n return () => {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n loadingButtonCount.current--;\n };\n }\n }, [loading, loadingButtonCount]);\n\n const disabledReasonProps = {\n onFocus: isDisabledWithReason ? () => setShowTooltip(true) : undefined,\n onBlur: isDisabledWithReason ? () => setShowTooltip(false) : undefined,\n onMouseEnter: isDisabledWithReason ? () => setShowTooltip(true) : undefined,\n onMouseLeave: isDisabledWithReason ? () => setShowTooltip(false) : undefined,\n ...(isDisabledWithReason ? targetProps : {}),\n };\n const disabledReasonContent = (\n <>\n {descriptionEl}\n {showTooltip && (\n <Tooltip\n className={testUtilStyles['disabled-reason-tooltip']}\n getTrack={() => buttonRef.current}\n content={disabledReason!}\n onEscape={() => setShowTooltip(false)}\n />\n )}\n </>\n );\n\n const stylePropertiesAndVariables = getButtonStyles(style);\n\n if (isAnchor) {\n const getAnchorTabIndex = () => {\n if (isNotInteractive) {\n // If disabled with a reason, make it focusable so users can access the tooltip\n // Otherwise, resolve to the default button props tabIndex.\n return isDisabledWithReason ? 0 : buttonProps.tabIndex;\n }\n return buttonProps.tabIndex;\n };\n\n return (\n <>\n <WithNativeAttributes<HTMLAnchorElement, React.AnchorHTMLAttributes<HTMLAnchorElement>>\n {...buttonProps}\n {...disabledReasonProps}\n tag=\"a\"\n componentName=\"Button\"\n nativeAttributes={nativeAnchorAttributes}\n skipWarnings={__skipNativeAttributesWarnings}\n href={isNotInteractive ? undefined : href}\n role={isNotInteractive ? 'link' : undefined}\n tabIndex={getAnchorTabIndex()}\n target={target}\n // security recommendation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target\n rel={rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined)}\n aria-disabled={isNotInteractive ? true : undefined}\n download={download}\n style={stylePropertiesAndVariables}\n >\n {buttonContent}\n {isDisabledWithReason && disabledReasonContent}\n </WithNativeAttributes>\n {loading && loadingText && (\n <InternalLiveRegion tagName=\"span\" hidden={true}>\n {loadingText}\n </InternalLiveRegion>\n )}\n </>\n );\n }\n\n return (\n <>\n <WithNativeAttributes<HTMLButtonElement, React.ButtonHTMLAttributes<HTMLButtonElement>>\n {...buttonProps}\n {...disabledReasonProps}\n tag=\"button\"\n componentName=\"Button\"\n nativeAttributes={nativeButtonAttributes}\n skipWarnings={__skipNativeAttributesWarnings}\n type={formAction === 'none' ? 'button' : 'submit'}\n disabled={disabled && !__focusable && !isDisabledWithReason}\n aria-disabled={hasAriaDisabled ? true : undefined}\n style={stylePropertiesAndVariables}\n >\n {buttonContent}\n {isDisabledWithReason && disabledReasonContent}\n </WithNativeAttributes>\n {loading && loadingText && (\n <InternalLiveRegion tagName=\"span\" hidden={true}>\n {loadingText}\n </InternalLiveRegion>\n )}\n </>\n );\n }\n);\n\nexport default InternalButton;\n"]}
@@ -1,23 +1,23 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "header": "awsui_header_16mm3_1b6wv_9",
5
- "disabled": "awsui_disabled_16mm3_1b6wv_25",
6
- "no-content-styling": "awsui_no-content-styling_16mm3_1b6wv_29",
7
- "expandable-header": "awsui_expandable-header_16mm3_1b6wv_35",
8
- "rolled-down": "awsui_rolled-down_16mm3_1b6wv_46",
9
- "highlighted": "awsui_highlighted_16mm3_1b6wv_49",
10
- "is-focused": "awsui_is-focused_16mm3_1b6wv_72",
11
- "visual-refresh": "awsui_visual-refresh_16mm3_1b6wv_75",
12
- "category": "awsui_category_16mm3_1b6wv_79",
13
- "expandable": "awsui_expandable_16mm3_1b6wv_35",
14
- "variant-navigation": "awsui_variant-navigation_16mm3_1b6wv_94",
15
- "expand-icon": "awsui_expand-icon_16mm3_1b6wv_101",
16
- "expand-icon-up": "awsui_expand-icon-up_16mm3_1b6wv_119",
17
- "expand-icon-right": "awsui_expand-icon-right_16mm3_1b6wv_122",
18
- "items-list-container": "awsui_items-list-container_16mm3_1b6wv_130",
19
- "in-dropdown": "awsui_in-dropdown_16mm3_1b6wv_139",
20
- "icon-wrapper": "awsui_icon-wrapper_16mm3_1b6wv_143",
21
- "header-content": "awsui_header-content_16mm3_1b6wv_147"
4
+ "header": "awsui_header_16mm3_1hnrt_9",
5
+ "disabled": "awsui_disabled_16mm3_1hnrt_25",
6
+ "no-content-styling": "awsui_no-content-styling_16mm3_1hnrt_29",
7
+ "expandable-header": "awsui_expandable-header_16mm3_1hnrt_35",
8
+ "rolled-down": "awsui_rolled-down_16mm3_1hnrt_46",
9
+ "highlighted": "awsui_highlighted_16mm3_1hnrt_49",
10
+ "is-focused": "awsui_is-focused_16mm3_1hnrt_72",
11
+ "visual-refresh": "awsui_visual-refresh_16mm3_1hnrt_75",
12
+ "category": "awsui_category_16mm3_1hnrt_79",
13
+ "expandable": "awsui_expandable_16mm3_1hnrt_35",
14
+ "variant-navigation": "awsui_variant-navigation_16mm3_1hnrt_94",
15
+ "expand-icon": "awsui_expand-icon_16mm3_1hnrt_101",
16
+ "expand-icon-up": "awsui_expand-icon-up_16mm3_1hnrt_119",
17
+ "expand-icon-right": "awsui_expand-icon-right_16mm3_1hnrt_122",
18
+ "items-list-container": "awsui_items-list-container_16mm3_1hnrt_130",
19
+ "in-dropdown": "awsui_in-dropdown_16mm3_1hnrt_139",
20
+ "icon-wrapper": "awsui_icon-wrapper_16mm3_1hnrt_143",
21
+ "header-content": "awsui_header-content_16mm3_1hnrt_147"
22
22
  };
23
23
 
@@ -6,7 +6,7 @@
6
6
  /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
7
7
  /* Style used for links in slots/components that are text heavy, to help links stand out among
8
8
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
9
- .awsui_header_16mm3_1b6wv_9:not(#\9) {
9
+ .awsui_header_16mm3_1hnrt_9:not(#\9) {
10
10
  position: relative;
11
11
  margin-block: 0;
12
12
  margin-inline: 0;
@@ -22,83 +22,83 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
22
22
  padding-inline: calc(var(--space-button-horizontal-ojp1rq, 20px) + var(--border-item-width-pyfg4s, 1px));
23
23
  z-index: 1;
24
24
  }
25
- .awsui_header_16mm3_1b6wv_9.awsui_disabled_16mm3_1b6wv_25:not(#\9) {
25
+ .awsui_header_16mm3_1hnrt_9.awsui_disabled_16mm3_1hnrt_25:not(#\9) {
26
26
  color: var(--color-text-dropdown-item-disabled-2udtn0, #aab7b8);
27
27
  cursor: default;
28
28
  }
29
- .awsui_header_16mm3_1b6wv_9.awsui_no-content-styling_16mm3_1b6wv_29:not(#\9) {
29
+ .awsui_header_16mm3_1hnrt_9.awsui_no-content-styling_16mm3_1hnrt_29:not(#\9) {
30
30
  padding-block: calc(var(--border-item-width-pyfg4s, 1px) - var(--border-divider-list-width-2qbfmz, 1px));
31
31
  padding-inline: var(--border-item-width-pyfg4s, 1px);
32
32
  font-weight: var(--font-weight-normal-fr92v6, 400);
33
33
  color: inherit;
34
34
  }
35
- .awsui_header_16mm3_1b6wv_9.awsui_expandable-header_16mm3_1b6wv_35:not(#\9) {
35
+ .awsui_header_16mm3_1hnrt_9.awsui_expandable-header_16mm3_1hnrt_35:not(#\9) {
36
36
  border-block-start-color: var(--color-border-dropdown-group-y5droz, #eaeded);
37
37
  border-block-end-color: var(--color-border-dropdown-group-y5droz, #eaeded);
38
38
  cursor: pointer;
39
39
  }
40
- .awsui_header_16mm3_1b6wv_9.awsui_expandable-header_16mm3_1b6wv_35.awsui_disabled_16mm3_1b6wv_25:not(#\9) {
40
+ .awsui_header_16mm3_1hnrt_9.awsui_expandable-header_16mm3_1hnrt_35.awsui_disabled_16mm3_1hnrt_25:not(#\9) {
41
41
  cursor: default;
42
42
  }
43
- .awsui_header_16mm3_1b6wv_9.awsui_expandable-header_16mm3_1b6wv_35:not(#\9):focus {
43
+ .awsui_header_16mm3_1hnrt_9.awsui_expandable-header_16mm3_1hnrt_35:not(#\9):focus {
44
44
  outline: none;
45
45
  }
46
- .awsui_header_16mm3_1b6wv_9.awsui_expandable-header_16mm3_1b6wv_35.awsui_rolled-down_16mm3_1b6wv_46:not(#\9) {
46
+ .awsui_header_16mm3_1hnrt_9.awsui_expandable-header_16mm3_1hnrt_35.awsui_rolled-down_16mm3_1hnrt_46:not(#\9) {
47
47
  border-block-end-color: transparent;
48
48
  }
49
- .awsui_header_16mm3_1b6wv_9.awsui_expandable-header_16mm3_1b6wv_35.awsui_highlighted_16mm3_1b6wv_49:not(#\9) {
49
+ .awsui_header_16mm3_1hnrt_9.awsui_expandable-header_16mm3_1hnrt_35.awsui_highlighted_16mm3_1hnrt_49:not(#\9) {
50
50
  background-color: var(--color-background-dropdown-item-hover-pvfsrg, #f2f3f3);
51
51
  color: var(--color-text-dropdown-item-highlighted-dikwgu, #16191f);
52
52
  padding-block: var(--space-option-padding-vertical-hggcse, 4px);
53
53
  padding-inline: var(--space-button-horizontal-ojp1rq, 20px);
54
54
  border-block: var(--border-item-width-pyfg4s, 1px) solid var(--color-border-dropdown-item-hover-y2b7z1, #879596);
55
55
  border-inline: var(--border-item-width-pyfg4s, 1px) solid var(--color-border-dropdown-item-hover-y2b7z1, #879596);
56
- border-start-start-radius: var(--border-radius-item-mitz8h, 0px);
57
- border-start-end-radius: var(--border-radius-item-mitz8h, 0px);
58
- border-end-start-radius: var(--border-radius-item-mitz8h, 0px);
59
- border-end-end-radius: var(--border-radius-item-mitz8h, 0px);
56
+ border-start-start-radius: var(--border-radius-dropdown-azs8zp, 0px);
57
+ border-start-end-radius: var(--border-radius-dropdown-azs8zp, 0px);
58
+ border-end-start-radius: var(--border-radius-dropdown-azs8zp, 0px);
59
+ border-end-end-radius: var(--border-radius-dropdown-azs8zp, 0px);
60
60
  z-index: 2;
61
61
  }
62
- .awsui_header_16mm3_1b6wv_9.awsui_expandable-header_16mm3_1b6wv_35.awsui_highlighted_16mm3_1b6wv_49.awsui_no-content-styling_16mm3_1b6wv_29:not(#\9) {
62
+ .awsui_header_16mm3_1hnrt_9.awsui_expandable-header_16mm3_1hnrt_35.awsui_highlighted_16mm3_1hnrt_49.awsui_no-content-styling_16mm3_1hnrt_29:not(#\9) {
63
63
  padding-block: 0;
64
64
  padding-inline: 0;
65
65
  color: inherit;
66
66
  }
67
- .awsui_header_16mm3_1b6wv_9.awsui_expandable-header_16mm3_1b6wv_35.awsui_highlighted_16mm3_1b6wv_49.awsui_disabled_16mm3_1b6wv_25:not(#\9) {
67
+ .awsui_header_16mm3_1hnrt_9.awsui_expandable-header_16mm3_1hnrt_35.awsui_highlighted_16mm3_1hnrt_49.awsui_disabled_16mm3_1hnrt_25:not(#\9) {
68
68
  background-color: var(--color-background-dropdown-item-dimmed-vz24i5, transparent);
69
69
  border-color: var(--color-border-dropdown-item-dimmed-hover-54pdcr, #879596);
70
70
  color: var(--color-text-dropdown-item-dimmed-asp9ue, #aab7b8);
71
71
  }
72
- .awsui_header_16mm3_1b6wv_9.awsui_expandable-header_16mm3_1b6wv_35.awsui_highlighted_16mm3_1b6wv_49.awsui_is-focused_16mm3_1b6wv_72:not(#\9) {
72
+ .awsui_header_16mm3_1hnrt_9.awsui_expandable-header_16mm3_1hnrt_35.awsui_highlighted_16mm3_1hnrt_49.awsui_is-focused_16mm3_1hnrt_72:not(#\9) {
73
73
  border-color: var(--color-border-dropdown-item-focused-y1x3ts, #0073bb);
74
74
  }
75
- .awsui_header_16mm3_1b6wv_9.awsui_expandable-header_16mm3_1b6wv_35.awsui_highlighted_16mm3_1b6wv_49.awsui_is-focused_16mm3_1b6wv_72:not(#\9):not(.awsui_visual-refresh_16mm3_1b6wv_75) {
75
+ .awsui_header_16mm3_1hnrt_9.awsui_expandable-header_16mm3_1hnrt_35.awsui_highlighted_16mm3_1hnrt_49.awsui_is-focused_16mm3_1hnrt_72:not(#\9):not(.awsui_visual-refresh_16mm3_1hnrt_75) {
76
76
  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
77
77
  }
78
78
 
79
- .awsui_category_16mm3_1b6wv_79:not(#\9) {
79
+ .awsui_category_16mm3_1hnrt_79:not(#\9) {
80
80
  list-style: none;
81
81
  margin-block-start: calc(-1 * var(--border-divider-list-width-2qbfmz, 1px));
82
82
  padding-block: 0;
83
83
  padding-inline: 0;
84
84
  }
85
- .awsui_category_16mm3_1b6wv_79:not(#\9):first-child {
85
+ .awsui_category_16mm3_1hnrt_79:not(#\9):first-child {
86
86
  margin-block-start: 0;
87
87
  }
88
- .awsui_category_16mm3_1b6wv_79.awsui_expandable_16mm3_1b6wv_35:not(#\9) {
88
+ .awsui_category_16mm3_1hnrt_79.awsui_expandable_16mm3_1hnrt_35:not(#\9) {
89
89
  border-block-start: 0;
90
90
  }
91
- .awsui_category_16mm3_1b6wv_79:not(#\9):last-child {
91
+ .awsui_category_16mm3_1hnrt_79:not(#\9):last-child {
92
92
  border-block-end: none;
93
93
  }
94
- .awsui_category_16mm3_1b6wv_79.awsui_variant-navigation_16mm3_1b6wv_94:not(#\9) {
94
+ .awsui_category_16mm3_1hnrt_79.awsui_variant-navigation_16mm3_1hnrt_94:not(#\9) {
95
95
  padding-block-start: var(--space-xxs-3o1yoq, 4px);
96
96
  }
97
- .awsui_category_16mm3_1b6wv_79.awsui_variant-navigation_16mm3_1b6wv_94.awsui_expandable_16mm3_1b6wv_35:not(#\9) {
97
+ .awsui_category_16mm3_1hnrt_79.awsui_variant-navigation_16mm3_1hnrt_94.awsui_expandable_16mm3_1hnrt_35:not(#\9) {
98
98
  padding-block-start: 0;
99
99
  }
100
100
 
101
- .awsui_expand-icon_16mm3_1b6wv_101:not(#\9) {
101
+ .awsui_expand-icon_16mm3_1hnrt_101:not(#\9) {
102
102
  position: relative;
103
103
  inset-inline-end: calc(-1 * var(--space-s-kll7oj, 12px));
104
104
  inline-size: var(--space-m-n8iq8o, 16px);
@@ -107,27 +107,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
107
107
  transition: transform var(--motion-duration-rotate-180-69rh8b, 135ms) var(--motion-easing-rotate-180-nmpsiw, cubic-bezier(0.165, 0.84, 0.44, 1));
108
108
  }
109
109
  @media (prefers-reduced-motion: reduce) {
110
- .awsui_expand-icon_16mm3_1b6wv_101:not(#\9) {
110
+ .awsui_expand-icon_16mm3_1hnrt_101:not(#\9) {
111
111
  animation: none;
112
112
  transition: none;
113
113
  }
114
114
  }
115
- .awsui-motion-disabled .awsui_expand-icon_16mm3_1b6wv_101:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_1b6wv_101:not(#\9) {
115
+ .awsui-motion-disabled .awsui_expand-icon_16mm3_1hnrt_101:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_1hnrt_101:not(#\9) {
116
116
  animation: none;
117
117
  transition: none;
118
118
  }
119
- .awsui_expand-icon-up_16mm3_1b6wv_119:not(#\9) {
119
+ .awsui_expand-icon-up_16mm3_1hnrt_119:not(#\9) {
120
120
  transform: rotate(-180deg);
121
121
  }
122
- .awsui_expand-icon-right_16mm3_1b6wv_122:not(#\9) {
122
+ .awsui_expand-icon-right_16mm3_1hnrt_122:not(#\9) {
123
123
  transform: rotate(-90deg);
124
124
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
125
125
  }
126
- .awsui_expand-icon-right_16mm3_1b6wv_122:not(#\9):dir(rtl) {
126
+ .awsui_expand-icon-right_16mm3_1hnrt_122:not(#\9):dir(rtl) {
127
127
  transform: rotate(90deg);
128
128
  }
129
129
 
130
- .awsui_items-list-container_16mm3_1b6wv_130:not(#\9) {
130
+ .awsui_items-list-container_16mm3_1hnrt_130:not(#\9) {
131
131
  padding-block: 0;
132
132
  padding-inline: 0;
133
133
  margin-block-start: -1px;
@@ -136,15 +136,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
136
136
  overflow-y: auto;
137
137
  }
138
138
 
139
- .awsui_in-dropdown_16mm3_1b6wv_139:not(#\9) {
139
+ .awsui_in-dropdown_16mm3_1hnrt_139:not(#\9) {
140
140
  margin-block-end: -1px;
141
141
  }
142
142
 
143
- .awsui_icon-wrapper_16mm3_1b6wv_143:not(#\9) {
143
+ .awsui_icon-wrapper_16mm3_1hnrt_143:not(#\9) {
144
144
  margin-inline-end: var(--space-xxs-3o1yoq, 4px);
145
145
  }
146
146
 
147
- .awsui_header-content_16mm3_1b6wv_147:not(#\9) {
147
+ .awsui_header-content_16mm3_1hnrt_147:not(#\9) {
148
148
  display: flex;
149
149
  align-items: center;
150
150
  }
@@ -2,23 +2,23 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "header": "awsui_header_16mm3_1b6wv_9",
6
- "disabled": "awsui_disabled_16mm3_1b6wv_25",
7
- "no-content-styling": "awsui_no-content-styling_16mm3_1b6wv_29",
8
- "expandable-header": "awsui_expandable-header_16mm3_1b6wv_35",
9
- "rolled-down": "awsui_rolled-down_16mm3_1b6wv_46",
10
- "highlighted": "awsui_highlighted_16mm3_1b6wv_49",
11
- "is-focused": "awsui_is-focused_16mm3_1b6wv_72",
12
- "visual-refresh": "awsui_visual-refresh_16mm3_1b6wv_75",
13
- "category": "awsui_category_16mm3_1b6wv_79",
14
- "expandable": "awsui_expandable_16mm3_1b6wv_35",
15
- "variant-navigation": "awsui_variant-navigation_16mm3_1b6wv_94",
16
- "expand-icon": "awsui_expand-icon_16mm3_1b6wv_101",
17
- "expand-icon-up": "awsui_expand-icon-up_16mm3_1b6wv_119",
18
- "expand-icon-right": "awsui_expand-icon-right_16mm3_1b6wv_122",
19
- "items-list-container": "awsui_items-list-container_16mm3_1b6wv_130",
20
- "in-dropdown": "awsui_in-dropdown_16mm3_1b6wv_139",
21
- "icon-wrapper": "awsui_icon-wrapper_16mm3_1b6wv_143",
22
- "header-content": "awsui_header-content_16mm3_1b6wv_147"
5
+ "header": "awsui_header_16mm3_1hnrt_9",
6
+ "disabled": "awsui_disabled_16mm3_1hnrt_25",
7
+ "no-content-styling": "awsui_no-content-styling_16mm3_1hnrt_29",
8
+ "expandable-header": "awsui_expandable-header_16mm3_1hnrt_35",
9
+ "rolled-down": "awsui_rolled-down_16mm3_1hnrt_46",
10
+ "highlighted": "awsui_highlighted_16mm3_1hnrt_49",
11
+ "is-focused": "awsui_is-focused_16mm3_1hnrt_72",
12
+ "visual-refresh": "awsui_visual-refresh_16mm3_1hnrt_75",
13
+ "category": "awsui_category_16mm3_1hnrt_79",
14
+ "expandable": "awsui_expandable_16mm3_1hnrt_35",
15
+ "variant-navigation": "awsui_variant-navigation_16mm3_1hnrt_94",
16
+ "expand-icon": "awsui_expand-icon_16mm3_1hnrt_101",
17
+ "expand-icon-up": "awsui_expand-icon-up_16mm3_1hnrt_119",
18
+ "expand-icon-right": "awsui_expand-icon-right_16mm3_1hnrt_122",
19
+ "items-list-container": "awsui_items-list-container_16mm3_1hnrt_130",
20
+ "in-dropdown": "awsui_in-dropdown_16mm3_1hnrt_139",
21
+ "icon-wrapper": "awsui_icon-wrapper_16mm3_1hnrt_143",
22
+ "header-content": "awsui_header-content_16mm3_1hnrt_147"
23
23
  };
24
24
 
@@ -1,26 +1,26 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "item-element": "awsui_item-element_93a1u_1rolk_9",
5
- "no-content-styling": "awsui_no-content-styling_93a1u_1rolk_21",
6
- "disabled": "awsui_disabled_93a1u_1rolk_26",
7
- "show-divider": "awsui_show-divider_93a1u_1rolk_33",
8
- "highlighted": "awsui_highlighted_93a1u_1rolk_36",
9
- "is-focused": "awsui_is-focused_93a1u_1rolk_51",
10
- "visual-refresh": "awsui_visual-refresh_93a1u_1rolk_54",
11
- "menu-item": "awsui_menu-item_93a1u_1rolk_58",
12
- "link-style": "awsui_link-style_93a1u_1rolk_75",
13
- "current-breadcrumb": "awsui_current-breadcrumb_93a1u_1rolk_112",
14
- "link-style-highlighted": "awsui_link-style-highlighted_93a1u_1rolk_120",
15
- "has-category-header": "awsui_has-category-header_93a1u_1rolk_126",
16
- "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_1rolk_126",
17
- "has-checkmark": "awsui_has-checkmark_93a1u_1rolk_126",
18
- "icon": "awsui_icon_93a1u_1rolk_133",
19
- "checkmark": "awsui_checkmark_93a1u_1rolk_137",
20
- "external-icon": "awsui_external-icon_93a1u_1rolk_144",
21
- "content-wrapper": "awsui_content-wrapper_93a1u_1rolk_148",
22
- "main-row": "awsui_main-row_93a1u_1rolk_154",
23
- "label-tag": "awsui_label-tag_93a1u_1rolk_161",
24
- "secondary-text": "awsui_secondary-text_93a1u_1rolk_168"
4
+ "item-element": "awsui_item-element_93a1u_1r7tw_9",
5
+ "no-content-styling": "awsui_no-content-styling_93a1u_1r7tw_21",
6
+ "disabled": "awsui_disabled_93a1u_1r7tw_26",
7
+ "show-divider": "awsui_show-divider_93a1u_1r7tw_33",
8
+ "highlighted": "awsui_highlighted_93a1u_1r7tw_36",
9
+ "is-focused": "awsui_is-focused_93a1u_1r7tw_51",
10
+ "visual-refresh": "awsui_visual-refresh_93a1u_1r7tw_54",
11
+ "menu-item": "awsui_menu-item_93a1u_1r7tw_58",
12
+ "link-style": "awsui_link-style_93a1u_1r7tw_75",
13
+ "current-breadcrumb": "awsui_current-breadcrumb_93a1u_1r7tw_112",
14
+ "link-style-highlighted": "awsui_link-style-highlighted_93a1u_1r7tw_120",
15
+ "has-category-header": "awsui_has-category-header_93a1u_1r7tw_126",
16
+ "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_1r7tw_126",
17
+ "has-checkmark": "awsui_has-checkmark_93a1u_1r7tw_126",
18
+ "icon": "awsui_icon_93a1u_1r7tw_133",
19
+ "checkmark": "awsui_checkmark_93a1u_1r7tw_137",
20
+ "external-icon": "awsui_external-icon_93a1u_1r7tw_144",
21
+ "content-wrapper": "awsui_content-wrapper_93a1u_1r7tw_148",
22
+ "main-row": "awsui_main-row_93a1u_1r7tw_154",
23
+ "label-tag": "awsui_label-tag_93a1u_1r7tw_161",
24
+ "secondary-text": "awsui_secondary-text_93a1u_1r7tw_168"
25
25
  };
26
26
 
@@ -6,7 +6,7 @@
6
6
  /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
7
7
  /* Style used for links in slots/components that are text heavy, to help links stand out among
8
8
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
9
- .awsui_item-element_93a1u_1rolk_9:not(#\9) {
9
+ .awsui_item-element_93a1u_1r7tw_9:not(#\9) {
10
10
  position: relative;
11
11
  z-index: 1;
12
12
  border-block: var(--border-item-width-pyfg4s, 1px) solid transparent;
@@ -18,44 +18,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
18
18
  margin-block-start: calc(-1 * var(--border-width-dropdown-4gpjx5, 1px));
19
19
  cursor: pointer;
20
20
  }
21
- .awsui_item-element_93a1u_1rolk_9.awsui_no-content-styling_93a1u_1rolk_21:not(#\9) {
21
+ .awsui_item-element_93a1u_1r7tw_9.awsui_no-content-styling_93a1u_1r7tw_21:not(#\9) {
22
22
  padding-block: 0;
23
23
  padding-inline: 0;
24
24
  color: var(--color-text-dropdown-item-default-u2mfqy, #16191f);
25
25
  }
26
- .awsui_item-element_93a1u_1rolk_9.awsui_disabled_93a1u_1rolk_26:not(#\9) {
26
+ .awsui_item-element_93a1u_1r7tw_9.awsui_disabled_93a1u_1r7tw_26:not(#\9) {
27
27
  cursor: default;
28
28
  color: var(--color-text-dropdown-item-disabled-2udtn0, #aab7b8);
29
29
  }
30
- .awsui_item-element_93a1u_1rolk_9:not(#\9):first-child {
30
+ .awsui_item-element_93a1u_1r7tw_9:not(#\9):first-child {
31
31
  margin-block-start: 0;
32
32
  }
33
- .awsui_item-element_93a1u_1rolk_9.awsui_show-divider_93a1u_1rolk_33:not(#\9) {
33
+ .awsui_item-element_93a1u_1r7tw_9.awsui_show-divider_93a1u_1r7tw_33:not(#\9) {
34
34
  border-block-end: var(--border-item-width-pyfg4s, 1px) solid var(--color-border-dropdown-group-y5droz, #eaeded);
35
35
  }
36
- .awsui_item-element_93a1u_1rolk_9.awsui_highlighted_93a1u_1rolk_36:not(#\9) {
36
+ .awsui_item-element_93a1u_1r7tw_9.awsui_highlighted_93a1u_1r7tw_36:not(#\9) {
37
37
  color: var(--color-text-dropdown-item-highlighted-dikwgu, #16191f);
38
38
  z-index: 2;
39
39
  background-color: var(--color-background-dropdown-item-hover-pvfsrg, #f2f3f3);
40
40
  border-color: var(--color-border-dropdown-item-hover-y2b7z1, #879596);
41
- border-start-start-radius: var(--border-radius-item-mitz8h, 0px);
42
- border-start-end-radius: var(--border-radius-item-mitz8h, 0px);
43
- border-end-start-radius: var(--border-radius-item-mitz8h, 0px);
44
- border-end-end-radius: var(--border-radius-item-mitz8h, 0px);
41
+ border-start-start-radius: var(--border-radius-dropdown-azs8zp, 0px);
42
+ border-start-end-radius: var(--border-radius-dropdown-azs8zp, 0px);
43
+ border-end-start-radius: var(--border-radius-dropdown-azs8zp, 0px);
44
+ border-end-end-radius: var(--border-radius-dropdown-azs8zp, 0px);
45
45
  }
46
- .awsui_item-element_93a1u_1rolk_9.awsui_highlighted_93a1u_1rolk_36.awsui_disabled_93a1u_1rolk_26:not(#\9) {
46
+ .awsui_item-element_93a1u_1r7tw_9.awsui_highlighted_93a1u_1r7tw_36.awsui_disabled_93a1u_1r7tw_26:not(#\9) {
47
47
  color: var(--color-text-dropdown-item-dimmed-asp9ue, #aab7b8);
48
48
  border-color: var(--color-border-dropdown-item-dimmed-hover-54pdcr, #879596);
49
49
  background-color: var(--color-background-dropdown-item-dimmed-vz24i5, transparent);
50
50
  }
51
- .awsui_item-element_93a1u_1rolk_9.awsui_highlighted_93a1u_1rolk_36.awsui_is-focused_93a1u_1rolk_51:not(#\9) {
51
+ .awsui_item-element_93a1u_1r7tw_9.awsui_highlighted_93a1u_1r7tw_36.awsui_is-focused_93a1u_1r7tw_51:not(#\9) {
52
52
  border-color: var(--color-border-dropdown-item-focused-y1x3ts, #0073bb);
53
53
  }
54
- .awsui_item-element_93a1u_1rolk_9.awsui_highlighted_93a1u_1rolk_36.awsui_is-focused_93a1u_1rolk_51:not(#\9):not(.awsui_visual-refresh_93a1u_1rolk_54) {
54
+ .awsui_item-element_93a1u_1r7tw_9.awsui_highlighted_93a1u_1r7tw_36.awsui_is-focused_93a1u_1r7tw_51:not(#\9):not(.awsui_visual-refresh_93a1u_1r7tw_54) {
55
55
  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
56
56
  }
57
57
 
58
- .awsui_menu-item_93a1u_1rolk_58:not(#\9) {
58
+ .awsui_menu-item_93a1u_1r7tw_58:not(#\9) {
59
59
  min-inline-size: 0;
60
60
  word-break: break-word;
61
61
  display: flex;
@@ -67,12 +67,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
67
67
  /* stylelint-disable selector-max-type */
68
68
  /* stylelint-enable selector-max-type */
69
69
  }
70
- .awsui_menu-item_93a1u_1rolk_58.awsui_no-content-styling_93a1u_1rolk_21:not(#\9) {
70
+ .awsui_menu-item_93a1u_1r7tw_58.awsui_no-content-styling_93a1u_1r7tw_21:not(#\9) {
71
71
  padding-block: 0;
72
72
  padding-inline: 0;
73
73
  color: var(--color-text-dropdown-item-default-u2mfqy, #16191f);
74
74
  }
75
- .awsui_menu-item_93a1u_1rolk_58.awsui_link-style_93a1u_1rolk_75:not(#\9) {
75
+ .awsui_menu-item_93a1u_1r7tw_58.awsui_link-style_93a1u_1r7tw_75:not(#\9) {
76
76
  padding-block-end: calc(var(--space-option-padding-vertical-hggcse, 4px) + var(--space-xxxs-3ulqs3, 2px));
77
77
  text-underline-offset: 0.25em;
78
78
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
@@ -86,30 +86,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
86
86
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
87
87
  }
88
88
  @media (prefers-reduced-motion: reduce) {
89
- .awsui_menu-item_93a1u_1rolk_58.awsui_link-style_93a1u_1rolk_75:not(#\9) {
89
+ .awsui_menu-item_93a1u_1r7tw_58.awsui_link-style_93a1u_1r7tw_75:not(#\9) {
90
90
  animation: none;
91
91
  transition: none;
92
92
  }
93
93
  }
94
- .awsui-motion-disabled .awsui_menu-item_93a1u_1rolk_58.awsui_link-style_93a1u_1rolk_75:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_1rolk_58.awsui_link-style_93a1u_1rolk_75:not(#\9) {
94
+ .awsui-motion-disabled .awsui_menu-item_93a1u_1r7tw_58.awsui_link-style_93a1u_1r7tw_75:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_1r7tw_58.awsui_link-style_93a1u_1r7tw_75:not(#\9) {
95
95
  animation: none;
96
96
  transition: none;
97
97
  }
98
- .awsui_menu-item_93a1u_1rolk_58.awsui_link-style_93a1u_1rolk_75:not(#\9):hover {
98
+ .awsui_menu-item_93a1u_1r7tw_58.awsui_link-style_93a1u_1r7tw_75:not(#\9):hover {
99
99
  cursor: pointer;
100
100
  color: var(--awsui-style-color-hover-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74));
101
101
  }
102
- .awsui_menu-item_93a1u_1rolk_58.awsui_link-style_93a1u_1rolk_75:not(#\9):focus {
102
+ .awsui_menu-item_93a1u_1r7tw_58.awsui_link-style_93a1u_1r7tw_75:not(#\9):focus {
103
103
  outline: none;
104
104
  }
105
- .awsui_menu-item_93a1u_1rolk_58.awsui_link-style_93a1u_1rolk_75:not(#\9):active {
105
+ .awsui_menu-item_93a1u_1r7tw_58.awsui_link-style_93a1u_1r7tw_75:not(#\9):active {
106
106
  color: var(--awsui-style-color-active-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74));
107
107
  }
108
- .awsui_menu-item_93a1u_1rolk_58.awsui_link-style_93a1u_1rolk_75:not(#\9):active, .awsui_menu-item_93a1u_1rolk_58.awsui_link-style_93a1u_1rolk_75:not(#\9):focus, .awsui_menu-item_93a1u_1rolk_58.awsui_link-style_93a1u_1rolk_75:not(#\9):hover {
108
+ .awsui_menu-item_93a1u_1r7tw_58.awsui_link-style_93a1u_1r7tw_75:not(#\9):active, .awsui_menu-item_93a1u_1r7tw_58.awsui_link-style_93a1u_1r7tw_75:not(#\9):focus, .awsui_menu-item_93a1u_1r7tw_58.awsui_link-style_93a1u_1r7tw_75:not(#\9):hover {
109
109
  text-decoration-line: underline;
110
110
  text-decoration-color: var(--color-text-link-decoration-hover-opkmr8, currentColor);
111
111
  }
112
- .awsui_menu-item_93a1u_1rolk_58.awsui_link-style_93a1u_1rolk_75.awsui_current-breadcrumb_93a1u_1rolk_112:not(#\9) {
112
+ .awsui_menu-item_93a1u_1r7tw_58.awsui_link-style_93a1u_1r7tw_75.awsui_current-breadcrumb_93a1u_1r7tw_112:not(#\9) {
113
113
  font-weight: var(--font-weight-button-2p3grf, 700);
114
114
  -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
115
115
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
@@ -117,63 +117,63 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
117
117
  font-weight: var(--font-weight-bold-xpar9m, 700);
118
118
  text-decoration: none;
119
119
  }
120
- .awsui_menu-item_93a1u_1rolk_58.awsui_link-style_93a1u_1rolk_75.awsui_link-style-highlighted_93a1u_1rolk_120:not(#\9) {
120
+ .awsui_menu-item_93a1u_1r7tw_58.awsui_link-style_93a1u_1r7tw_75.awsui_link-style-highlighted_93a1u_1r7tw_120:not(#\9) {
121
121
  color: var(--color-text-link-hover-n1r6g0, #0a4a74);
122
122
  }
123
- .awsui_menu-item_93a1u_1rolk_58:not(#\9):focus {
123
+ .awsui_menu-item_93a1u_1r7tw_58:not(#\9):focus {
124
124
  outline: none;
125
125
  }
126
- .awsui_has-category-header_93a1u_1rolk_126 > .awsui_menu-item_93a1u_1rolk_58:not(#\9), .awsui_has-category-header_93a1u_1rolk_126 > .awsui_item-tooltip-wrapper_93a1u_1rolk_126 > .awsui_menu-item_93a1u_1rolk_58:not(#\9), .awsui_has-category-header_93a1u_1rolk_126:not(#\9):not(.awsui_has-checkmark_93a1u_1rolk_126) > span > .awsui_menu-item_93a1u_1rolk_58 {
126
+ .awsui_has-category-header_93a1u_1r7tw_126 > .awsui_menu-item_93a1u_1r7tw_58:not(#\9), .awsui_has-category-header_93a1u_1r7tw_126 > .awsui_item-tooltip-wrapper_93a1u_1r7tw_126 > .awsui_menu-item_93a1u_1r7tw_58:not(#\9), .awsui_has-category-header_93a1u_1r7tw_126:not(#\9):not(.awsui_has-checkmark_93a1u_1r7tw_126) > span > .awsui_menu-item_93a1u_1r7tw_58 {
127
127
  padding-inline-start: calc(var(--space-xs-m9b7jf, 8px) + var(--space-option-padding-horizontal-5om7we, 20px));
128
128
  }
129
- .awsui_has-category-header_93a1u_1rolk_126 > .awsui_menu-item_93a1u_1rolk_58.awsui_no-content-styling_93a1u_1rolk_21:not(#\9), .awsui_has-category-header_93a1u_1rolk_126 > .awsui_item-tooltip-wrapper_93a1u_1rolk_126 > .awsui_menu-item_93a1u_1rolk_58.awsui_no-content-styling_93a1u_1rolk_21:not(#\9), .awsui_has-category-header_93a1u_1rolk_126:not(#\9):not(.awsui_has-checkmark_93a1u_1rolk_126) > span > .awsui_menu-item_93a1u_1rolk_58.awsui_no-content-styling_93a1u_1rolk_21 {
129
+ .awsui_has-category-header_93a1u_1r7tw_126 > .awsui_menu-item_93a1u_1r7tw_58.awsui_no-content-styling_93a1u_1r7tw_21:not(#\9), .awsui_has-category-header_93a1u_1r7tw_126 > .awsui_item-tooltip-wrapper_93a1u_1r7tw_126 > .awsui_menu-item_93a1u_1r7tw_58.awsui_no-content-styling_93a1u_1r7tw_21:not(#\9), .awsui_has-category-header_93a1u_1r7tw_126:not(#\9):not(.awsui_has-checkmark_93a1u_1r7tw_126) > span > .awsui_menu-item_93a1u_1r7tw_58.awsui_no-content-styling_93a1u_1r7tw_21 {
130
130
  padding-inline-start: 0;
131
131
  }
132
132
 
133
- .awsui_icon_93a1u_1rolk_133:not(#\9) {
133
+ .awsui_icon_93a1u_1r7tw_133:not(#\9) {
134
134
  padding-inline-end: var(--space-xxs-3o1yoq, 4px);
135
135
  flex-shrink: 0;
136
136
  }
137
- .awsui_icon_93a1u_1rolk_133.awsui_checkmark_93a1u_1rolk_137:not(#\9) {
137
+ .awsui_icon_93a1u_1r7tw_133.awsui_checkmark_93a1u_1r7tw_137:not(#\9) {
138
138
  color: var(--color-item-selected-2irl78, #0073bb);
139
139
  }
140
- .awsui_icon_93a1u_1rolk_133.awsui_disabled_93a1u_1rolk_26:not(#\9) {
140
+ .awsui_icon_93a1u_1r7tw_133.awsui_disabled_93a1u_1r7tw_26:not(#\9) {
141
141
  color: var(--color-text-interactive-disabled-tuxgxq, #aab7b8);
142
142
  }
143
143
 
144
- .awsui_external-icon_93a1u_1rolk_144:not(#\9) {
144
+ .awsui_external-icon_93a1u_1r7tw_144:not(#\9) {
145
145
  margin-inline-start: var(--space-xxs-3o1yoq, 4px);
146
146
  }
147
147
 
148
- .awsui_content-wrapper_93a1u_1rolk_148:not(#\9) {
148
+ .awsui_content-wrapper_93a1u_1r7tw_148:not(#\9) {
149
149
  flex: 1;
150
150
  display: flex;
151
151
  flex-direction: column;
152
152
  }
153
153
 
154
- .awsui_main-row_93a1u_1rolk_154:not(#\9) {
154
+ .awsui_main-row_93a1u_1r7tw_154:not(#\9) {
155
155
  display: flex;
156
156
  justify-content: space-between;
157
157
  align-items: center;
158
158
  gap: var(--space-s-kll7oj, 12px);
159
159
  }
160
160
 
161
- .awsui_label-tag_93a1u_1rolk_161:not(#\9) {
161
+ .awsui_label-tag_93a1u_1r7tw_161:not(#\9) {
162
162
  color: var(--color-text-body-default-b2us04, #16191f);
163
163
  }
164
- .awsui_label-tag_93a1u_1rolk_161.awsui_disabled_93a1u_1rolk_26:not(#\9) {
164
+ .awsui_label-tag_93a1u_1r7tw_161.awsui_disabled_93a1u_1r7tw_26:not(#\9) {
165
165
  color: var(--color-text-interactive-disabled-tuxgxq, #aab7b8);
166
166
  }
167
167
 
168
- .awsui_secondary-text_93a1u_1rolk_168:not(#\9) {
168
+ .awsui_secondary-text_93a1u_1r7tw_168:not(#\9) {
169
169
  font-size: var(--font-size-body-s-89y7qg, 12px);
170
170
  line-height: var(--line-height-body-s-gako33, 16px);
171
171
  letter-spacing: var(--letter-spacing-body-s-dzcybc, normal);
172
172
  color: var(--color-text-dropdown-item-secondary-1qkuo5, #687078);
173
173
  }
174
- .awsui_secondary-text_93a1u_1rolk_168.awsui_highlighted_93a1u_1rolk_36:not(#\9) {
174
+ .awsui_secondary-text_93a1u_1r7tw_168.awsui_highlighted_93a1u_1r7tw_36:not(#\9) {
175
175
  color: var(--color-text-dropdown-item-highlighted-dikwgu, #16191f);
176
176
  }
177
- .awsui_secondary-text_93a1u_1rolk_168.awsui_disabled_93a1u_1rolk_26:not(#\9) {
177
+ .awsui_secondary-text_93a1u_1r7tw_168.awsui_disabled_93a1u_1r7tw_26:not(#\9) {
178
178
  color: var(--color-text-interactive-disabled-tuxgxq, #aab7b8);
179
179
  }