UNPKG

@awsui/components-react

Version:

On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en

686 lines (661 loc) • 24.7 kB
/* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* stylelint-disable @awsui/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */ /* stylelint-enable @awsui/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Style used for links in slots/components that are text heavy, to help links stand out among surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ .awsui_arrow_xjuzf_7iq00_153:not(#\9) { inline-size: 20px; block-size: 10px; } .awsui_arrow-outer_xjuzf_7iq00_157:not(#\9), .awsui_arrow-inner_xjuzf_7iq00_157:not(#\9) { position: absolute; overflow: hidden; inline-size: 20px; block-size: 10px; inset-block-start: 0; inset-inline-start: 0; /* stylelint-disable-next-line plugin/no-unsupported-browser-features */ } .awsui_arrow-outer_xjuzf_7iq00_157:not(#\9)::after, .awsui_arrow-inner_xjuzf_7iq00_157:not(#\9)::after { content: ""; box-sizing: border-box; display: inline-block; position: absolute; border-start-start-radius: 2px; border-start-end-radius: 0; border-end-start-radius: 0; border-end-end-radius: 0; inset-block-end: 0; inset-inline-start: 0; inline-size: 14px; block-size: 14px; transform: rotate(45deg); transform-origin: 0 100%; } .awsui_arrow-outer_xjuzf_7iq00_157:not(#\9):dir(rtl)::after, .awsui_arrow-inner_xjuzf_7iq00_157:not(#\9):dir(rtl)::after { transform: rotate(-45deg); transform-origin: 100% 100%; } .awsui_arrow-outer_xjuzf_7iq00_157:not(#\9)::after { background-color: var(--color-border-popover-si3ei7, #d5dbdb); } .awsui_arrow-inner_xjuzf_7iq00_157:not(#\9) { inset-block-start: calc(var(--border-width-popover-clocg5, 1px) + 1px); } .awsui_arrow-inner_xjuzf_7iq00_157:not(#\9)::after { border-start-start-radius: 1px; border-start-end-radius: 0; border-end-start-radius: 0; border-end-end-radius: 0; background-color: var(--color-background-popover-q6ltpd, #ffffff); } .awsui_arrow-position-right-top_xjuzf_7iq00_199 > .awsui_arrow-outer_xjuzf_7iq00_157:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_7iq00_199 > .awsui_arrow-outer_xjuzf_7iq00_157:not(#\9)::after { box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-4lqu2z, rgba(0, 28, 36, 0.5)); } .awsui_arrow-position-left-top_xjuzf_7iq00_202 > .awsui_arrow-outer_xjuzf_7iq00_157:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_7iq00_202 > .awsui_arrow-outer_xjuzf_7iq00_157:not(#\9)::after { box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-4lqu2z, rgba(0, 28, 36, 0.5)); } .awsui_arrow-position-top-center_xjuzf_7iq00_205 > .awsui_arrow-outer_xjuzf_7iq00_157:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_7iq00_205 > .awsui_arrow-outer_xjuzf_7iq00_157:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_7iq00_205 > .awsui_arrow-outer_xjuzf_7iq00_157:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_7iq00_205 > .awsui_arrow-outer_xjuzf_7iq00_157:not(#\9)::after { box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-4lqu2z, rgba(0, 28, 36, 0.5)); } .awsui_arrow-position-bottom-center_xjuzf_7iq00_208 > .awsui_arrow-outer_xjuzf_7iq00_157:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_7iq00_208 > .awsui_arrow-outer_xjuzf_7iq00_157:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_7iq00_208 > .awsui_arrow-outer_xjuzf_7iq00_157:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_7iq00_208 > .awsui_arrow-outer_xjuzf_7iq00_157:not(#\9)::after { box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-4lqu2z, rgba(0, 28, 36, 0.5)); } /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ .awsui_body_xjuzf_7iq00_220:not(#\9) { border-collapse: separate; border-spacing: 0; box-sizing: border-box; caption-side: top; cursor: auto; direction: inherit; empty-cells: show; font-family: serif; font-style: normal; font-variant: normal; font-stretch: normal; hyphens: none; letter-spacing: normal; list-style: disc outside none; tab-size: 8; text-align: start; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal; font-size: var(--font-size-body-m-kbh530, 14px); line-height: var(--line-height-body-m-0awzkk, 22px); color: var(--color-text-body-default-zs35hz, #16191f); font-weight: 400; font-family: var(--font-family-base-5z8fw5, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif); -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; word-wrap: break-word; max-inline-size: 100%; overflow: hidden; padding-block: var(--space-s-hdd878, 12px); padding-inline: var(--space-m-h2th94, 16px); } .awsui_body-overflow-visible_xjuzf_7iq00_256:not(#\9) { overflow: visible; } .awsui_body-variant-chart_xjuzf_7iq00_259:not(#\9) { padding-block: var(--space-static-s-q0yjjb, 12px); padding-inline: var(--space-static-s-q0yjjb, 12px); } .awsui_has-dismiss_xjuzf_7iq00_264:not(#\9) { display: flex; align-items: baseline; } .awsui_dismiss_xjuzf_7iq00_269:not(#\9) { margin-block: calc(-1 * var(--space-xs-edba2s, 8px)); margin-inline-start: 0; margin-inline-end: calc(-1 * (var(--space-xxs-ja5cp8, 4px) + var(--border-width-popover-clocg5, 1px))); flex: 0 0 auto; order: 1; } .awsui_dismiss-control_xjuzf_7iq00_277:not(#\9) { /* used in test-utils */ } .awsui_header-row_xjuzf_7iq00_281:not(#\9) { margin-block-end: var(--space-xs-edba2s, 8px); } .awsui_header_xjuzf_7iq00_281:not(#\9) { word-wrap: break-word; max-inline-size: 100%; overflow: hidden; font-size: var(--font-size-heading-xs-pgspul, 16px); line-height: var(--line-height-heading-xs-8t7s1x, 20px); font-weight: var(--font-weight-heading-xs-xuskfi, 400); -webkit-font-smoothing: var(--font-smoothing-webkit-gsroen, auto); -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-7ax6sl, auto); flex: 1 1 auto; /* stylelint-disable-next-line selector-max-type */ } .awsui_header_xjuzf_7iq00_281 > h2:not(#\9) { font-size: var(--font-size-heading-xs-pgspul, 16px); line-height: var(--line-height-heading-xs-8t7s1x, 20px); font-weight: var(--font-weight-heading-xs-xuskfi, 400); -webkit-font-smoothing: var(--font-smoothing-webkit-gsroen, auto); -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-7ax6sl, auto); display: inline; } .awsui_content_xjuzf_7iq00_306:not(#\9) { word-wrap: break-word; max-inline-size: 100%; overflow: hidden; word-break: normal; color: var(--color-text-body-secondary-kc95tq, #545b64); flex: 1 1 auto; min-inline-size: 0; } .awsui_content-overflow-visible_xjuzf_7iq00_315:not(#\9) { overflow: visible; } /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ .awsui_container_xjuzf_7iq00_327:not(#\9) { display: inline-block; position: fixed; inset-block-start: -9999px; inset-inline-start: -9999px; z-index: 2000; } .awsui_container_xjuzf_7iq00_327:not(#\9)::before { content: ""; position: absolute; } .awsui_container_xjuzf_7iq00_327:not(#\9):has(.awsui_container-arrow-position-bottom-left_xjuzf_7iq00_338)::before, .awsui_container_xjuzf_7iq00_327:not(#\9):has(.awsui_container-arrow-position-bottom-center_xjuzf_7iq00_338)::before, .awsui_container_xjuzf_7iq00_327:not(#\9):has(.awsui_container-arrow-position-bottom-right_xjuzf_7iq00_338)::before { inset-inline: 0; inset-block-start: -10px; block-size: 10px; } .awsui_container_xjuzf_7iq00_327:not(#\9):has(.awsui_container-arrow-position-top-left_xjuzf_7iq00_343)::before, .awsui_container_xjuzf_7iq00_327:not(#\9):has(.awsui_container-arrow-position-top-center_xjuzf_7iq00_343)::before, .awsui_container_xjuzf_7iq00_327:not(#\9):has(.awsui_container-arrow-position-top-right_xjuzf_7iq00_343)::before { inset-inline: 0; inset-block-end: -10px; block-size: 10px; } .awsui_container_xjuzf_7iq00_327:not(#\9):has(.awsui_container-arrow-position-right-top_xjuzf_7iq00_348)::before, .awsui_container_xjuzf_7iq00_327:not(#\9):has(.awsui_container-arrow-position-right-bottom_xjuzf_7iq00_348)::before { inset-block: 0; inset-inline-start: -10px; inline-size: 10px; } .awsui_container_xjuzf_7iq00_327:not(#\9):has(.awsui_container-arrow-position-left-top_xjuzf_7iq00_353)::before, .awsui_container_xjuzf_7iq00_327:not(#\9):has(.awsui_container-arrow-position-left-bottom_xjuzf_7iq00_353)::before { inset-block: 0; inset-inline-end: -10px; inline-size: 10px; } .awsui_container-body_xjuzf_7iq00_359:not(#\9) { border-collapse: separate; border-spacing: 0; box-sizing: border-box; caption-side: top; cursor: auto; direction: inherit; empty-cells: show; font-family: serif; font-style: normal; font-variant: normal; font-stretch: normal; hyphens: none; letter-spacing: normal; list-style: disc outside none; tab-size: 8; text-align: start; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal; font-size: var(--font-size-body-m-kbh530, 14px); line-height: var(--line-height-body-m-0awzkk, 22px); color: var(--color-text-body-default-zs35hz, #16191f); font-weight: 400; font-family: var(--font-family-base-5z8fw5, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif); -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; border-start-start-radius: var(--border-radius-popover-ewhy15, 2px); border-start-end-radius: var(--border-radius-popover-ewhy15, 2px); border-end-start-radius: var(--border-radius-popover-ewhy15, 2px); border-end-end-radius: var(--border-radius-popover-ewhy15, 2px); background-color: var(--color-background-popover-q6ltpd, #ffffff); box-shadow: var(--shadow-popover-fogsol, 0px 1px 4px -2px rgba(0, 28, 36, 0.5)); border-block: var(--border-width-popover-clocg5, 1px) solid var(--color-border-popover-si3ei7, #d5dbdb); border-inline: var(--border-width-popover-clocg5, 1px) solid var(--color-border-popover-si3ei7, #d5dbdb); } .awsui_container-body-variant-annotation_xjuzf_7iq00_399:not(#\9) { background-color: var(--color-background-status-info-07a262, #f1faff); border-color: var(--color-border-status-info-ytrrza, #0073bb); } .awsui_container-body-size-small_xjuzf_7iq00_404:not(#\9) { max-inline-size: 210px; } .awsui_container-body-size-small_xjuzf_7iq00_404.awsui_fixed-width_xjuzf_7iq00_407:not(#\9) { inline-size: 210px; } .awsui_container-body-size-medium_xjuzf_7iq00_411:not(#\9) { max-inline-size: 310px; } .awsui_container-body-size-medium_xjuzf_7iq00_411.awsui_fixed-width_xjuzf_7iq00_407:not(#\9) { inline-size: 310px; } .awsui_container-body-size-large_xjuzf_7iq00_418:not(#\9) { max-inline-size: 482px; } @media (max-width: 482px) { .awsui_container-body-size-large_xjuzf_7iq00_418:not(#\9) { max-inline-size: 310px; } } .awsui_container-body-size-large_xjuzf_7iq00_418.awsui_fixed-width_xjuzf_7iq00_407:not(#\9) { inline-size: 482px; } .awsui_container-arrow_xjuzf_7iq00_338:not(#\9) { position: absolute; display: inline-block; } .awsui_container-arrow-position-right-top_xjuzf_7iq00_348:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_7iq00_348:not(#\9) { transform: rotate(-90deg); transform-origin: 0 100%; /* stylelint-disable-next-line plugin/no-unsupported-browser-features */ } .awsui_container-arrow-position-right-top_xjuzf_7iq00_348:not(#\9):dir(rtl), .awsui_container-arrow-position-right-bottom_xjuzf_7iq00_348:not(#\9):dir(rtl) { transform: rotate(90deg); transform-origin: 100% 100%; } .awsui_container-arrow-position-right-top_xjuzf_7iq00_348:not(#\9) { inset-block-start: calc(12px + 10px); inset-inline-start: 0; } .awsui_container-arrow-position-right-bottom_xjuzf_7iq00_348:not(#\9) { inset-block-end: 12px; inset-inline-start: 0; } .awsui_container-arrow-position-left-top_xjuzf_7iq00_353:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_7iq00_353:not(#\9) { transform: rotate(90deg); transform-origin: 100% 100%; /* stylelint-disable-next-line plugin/no-unsupported-browser-features */ } .awsui_container-arrow-position-left-top_xjuzf_7iq00_353:not(#\9):dir(rtl), .awsui_container-arrow-position-left-bottom_xjuzf_7iq00_353:not(#\9):dir(rtl) { transform: rotate(-90deg); transform-origin: 0% 100%; } .awsui_container-arrow-position-left-top_xjuzf_7iq00_353:not(#\9) { inset-block-start: calc(12px + 10px); inset-inline-end: 0; } .awsui_container-arrow-position-left-bottom_xjuzf_7iq00_353:not(#\9) { inset-block-end: 12px; inset-inline-end: 0; } .awsui_container-arrow-position-top-center_xjuzf_7iq00_343:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_7iq00_343:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_7iq00_343:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_7iq00_468:not(#\9) { transform: rotate(180deg); transform-origin: 50% 50%; } .awsui_container-arrow-position-top-center_xjuzf_7iq00_343:not(#\9) { inset-block-end: -10px; inset-inline-start: calc(50% - 10px); } .awsui_container-arrow-position-top-right_xjuzf_7iq00_343:not(#\9) { inset-block-end: -10px; inset-inline-start: 12px; } .awsui_container-arrow-position-top-left_xjuzf_7iq00_343:not(#\9) { inset-block-end: -10px; inset-inline-start: calc(100% - 20px - 12px); } .awsui_container-arrow-position-bottom-center_xjuzf_7iq00_338:not(#\9) { inset-block-start: -10px; inset-inline-start: calc(50% - 10px); } .awsui_container-arrow-position-bottom-right_xjuzf_7iq00_338:not(#\9) { inset-block-start: -10px; inset-inline-start: 12px; } .awsui_container-arrow-position-bottom-left_xjuzf_7iq00_338:not(#\9) { inset-block-start: -10px; inset-inline-start: calc(100% - 20px - 12px); } /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ .awsui_container_xjuzf_7iq00_327:not(#\9) { animation: awsui_awsui-motion-fade-in_xjuzf_7iq00_1 var(--motion-duration-show-paced-uryptc, 180ms) var(--motion-easing-show-paced-tbgeqx, ease-out); } @keyframes awsui_awsui-motion-fade-in_xjuzf_7iq00_1 { from { opacity: 0.2; } to { opacity: 1; } } @media (prefers-reduced-motion: reduce) { .awsui_container_xjuzf_7iq00_327:not(#\9) { animation: none; transition: none; } } .awsui-motion-disabled .awsui_container_xjuzf_7iq00_327:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_7iq00_327:not(#\9) { animation: none; transition: none; } .awsui_container_xjuzf_7iq00_327.awsui_refresh_xjuzf_7iq00_526:not(#\9) { animation: awsui_awsui-motion-fade-in_xjuzf_7iq00_1 var(--motion-duration-refresh-only-fast-2lwlmd, 0ms) var(--motion-easing-refresh-only-a-6ywz7k, cubic-bezier(0, 0, 0, 1)); } @keyframes awsui_awsui-motion-fade-in_xjuzf_7iq00_1 { from { opacity: 0.2; } to { opacity: 1; } } @media (prefers-reduced-motion: reduce) { .awsui_container_xjuzf_7iq00_327.awsui_refresh_xjuzf_7iq00_526:not(#\9) { animation: none; transition: none; } } .awsui-motion-disabled .awsui_container_xjuzf_7iq00_327.awsui_refresh_xjuzf_7iq00_526:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_7iq00_327.awsui_refresh_xjuzf_7iq00_526:not(#\9) { animation: none; transition: none; } .awsui_root_xjuzf_7iq00_548:not(#\9) { border-collapse: separate; border-spacing: 0; box-sizing: border-box; caption-side: top; cursor: auto; direction: inherit; empty-cells: show; font-family: serif; font-style: normal; font-variant: normal; font-stretch: normal; hyphens: none; letter-spacing: normal; list-style: disc outside none; tab-size: 8; text-align: start; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal; font-size: var(--font-size-body-m-kbh530, 14px); line-height: var(--line-height-body-m-0awzkk, 22px); color: var(--color-text-body-default-zs35hz, #16191f); font-weight: 400; font-family: var(--font-family-base-5z8fw5, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif); -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; color: inherit; } .awsui_root_xjuzf_7iq00_548.awsui_no-wrap_xjuzf_7iq00_580:not(#\9) { white-space: nowrap; } .awsui_root-filtering-token_xjuzf_7iq00_584:not(#\9) { display: flex; } .awsui_trigger_xjuzf_7iq00_588:not(#\9) { display: inline-block; max-inline-size: 100%; color: inherit; text-align: inherit; } .awsui_overflow-ellipsis_xjuzf_7iq00_595:not(#\9) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-inline-size: 0; word-break: break-word; } .awsui_trigger-type-text-inline_xjuzf_7iq00_603:not(#\9) { font-size: var(--font-size-body-m-kbh530, 14px); line-height: var(--line-height-body-m-0awzkk, 22px); color: var(--color-text-body-default-zs35hz, #16191f); font-weight: 400; font-family: var(--font-family-base-5z8fw5, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif); -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; border-block: 0; /* This transparent border is necessary to maintain space between the trigger and the bottom-positioned popover. */ border-block-end: var(--border-divider-list-width-um3zli, 1px) dashed transparent; -webkit-text-decoration: underline dashed currentColor; text-decoration: underline dashed currentColor; text-decoration-thickness: var(--border-divider-list-width-um3zli, 1px); text-underline-offset: 0.25em; } .awsui_trigger-type-text-inline_xjuzf_7iq00_603.awsui_overflow-ellipsis_xjuzf_7iq00_595:not(#\9) { /* This style needs because of the overflow: hidden would otherwise conceal the underline styles. */ padding-block-end: calc(0.25em + var(--border-divider-list-width-um3zli, 1px)); } .awsui_trigger-type-text_xjuzf_7iq00_603:not(#\9) { border-block: 0; border-block-end: var(--border-divider-list-width-um3zli, 1px) dashed currentColor; } .awsui_trigger-type-text-inline_xjuzf_7iq00_603:not(#\9), .awsui_trigger-type-text_xjuzf_7iq00_603:not(#\9) { border-inline: 0; margin-block: 0; margin-inline: 0; padding-block: 0; padding-inline: 0; background-color: transparent; cursor: pointer; } .awsui_trigger-type-text-inline_xjuzf_7iq00_603:not(#\9):focus, .awsui_trigger-type-text_xjuzf_7iq00_603:not(#\9):focus { outline: none; } body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_7iq00_603:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_7iq00_603:not(#\9):focus { position: relative; } body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_7iq00_603:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_7iq00_603:not(#\9):focus { outline: 2px dotted transparent; outline-offset: calc(1px - 1px); } body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_7iq00_603:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_7iq00_603:not(#\9):focus::before { content: " "; display: block; position: absolute; inset-inline-start: calc(-1 * 1px); inset-block-start: calc(-1 * 1px); inline-size: calc(100% + 1px + 1px); block-size: calc(100% + 1px + 1px); border-start-start-radius: var(--border-radius-control-default-focus-ring-eq2wmk, 2px); border-start-end-radius: var(--border-radius-control-default-focus-ring-eq2wmk, 2px); border-end-start-radius: var(--border-radius-control-default-focus-ring-eq2wmk, 2px); border-end-end-radius: var(--border-radius-control-default-focus-ring-eq2wmk, 2px); box-shadow: 0 0 0 2px var(--color-border-item-focused-j88ehv, #0073bb); } .awsui_trigger-type-filtering-token_xjuzf_7iq00_671:not(#\9) { display: flex; } .awsui_popover-inline-content_xjuzf_7iq00_675:not(#\9) { display: inline; } .awsui_hover-area_xjuzf_7iq00_679:not(#\9) { pointer-events: none; padding-block: var(--space-static-s-q0yjjb, 12px); padding-inline: var(--space-static-s-q0yjjb, 12px); margin-block: calc(-1 * var(--space-static-s-q0yjjb, 12px)); margin-inline: calc(-1 * var(--space-static-s-q0yjjb, 12px)); }