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

220 lines • 7.87 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 */ .awsui_badge_1yjyg_q3fp7_145: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; -webkit-hyphens: none; 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; font-size: var(--font-size-body-s-6sh5cc, 12px); line-height: var(--line-height-body-s-usc3fr, 16px); letter-spacing: var(--letter-spacing-body-s-4f9u0r, normal); line-height: var(--line-height-body-m-0awzkk, 22px); display: inline-block; border-start-start-radius: var(--border-radius-badge-5bxe5h, 16px); border-start-end-radius: var(--border-radius-badge-5bxe5h, 16px); border-end-start-radius: var(--border-radius-badge-5bxe5h, 16px); border-end-end-radius: var(--border-radius-badge-5bxe5h, 16px); padding-block: 0; padding-inline: var(--space-xs-edba2s, 8px); color: var(--color-text-notification-default-zu8c4i, #fafafa); } .awsui_badge_1yjyg_q3fp7_145.awsui_badge-color-grey_1yjyg_q3fp7_188:not(#\9) { background-color: var(--color-background-notification-grey-5thu1e, #545b64); } .awsui_badge_1yjyg_q3fp7_145.awsui_badge-color-green_1yjyg_q3fp7_191:not(#\9) { background-color: var(--color-background-notification-green-0jtiqi, #1d8102); } .awsui_badge_1yjyg_q3fp7_145.awsui_badge-color-blue_1yjyg_q3fp7_194:not(#\9) { background-color: var(--color-background-notification-blue-jz7lex, #0073bb); } .awsui_badge_1yjyg_q3fp7_145.awsui_badge-color-red_1yjyg_q3fp7_197:not(#\9) { background-color: var(--color-background-notification-red-05rvmd, #d13212); } .awsui_badge_1yjyg_q3fp7_145.awsui_badge-color-severity-critical_1yjyg_q3fp7_200:not(#\9) { background-color: var(--color-background-notification-severity-critical-ib32sw, #870303); color: var(--color-text-notification-severity-critical-eowkv6, #fafafa); } .awsui_badge_1yjyg_q3fp7_145.awsui_badge-color-severity-high_1yjyg_q3fp7_204:not(#\9) { background-color: var(--color-background-notification-severity-high-gv1pxl, #ce3311); color: var(--color-text-notification-severity-high-oant7z, #fafafa); } .awsui_badge_1yjyg_q3fp7_145.awsui_badge-color-severity-medium_1yjyg_q3fp7_208:not(#\9) { background-color: var(--color-background-notification-severity-medium-hghstn, #f89256); color: var(--color-text-notification-severity-medium-hglkx1, #000000); } .awsui_badge_1yjyg_q3fp7_145.awsui_badge-color-severity-low_1yjyg_q3fp7_212:not(#\9) { background-color: var(--color-background-notification-severity-low-asztnl, #f2cd54); color: var(--color-text-notification-severity-low-nq2syi, #16191f); } .awsui_badge_1yjyg_q3fp7_145.awsui_badge-color-severity-neutral_1yjyg_q3fp7_216:not(#\9) { background-color: var(--color-background-notification-severity-neutral-1tkwxg, #687078); color: var(--color-text-notification-severity-neutral-1948do, #fafafa); }