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

230 lines (223 loc) • 6.45 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_root_18582_tofva_145:not(#\9) { display: flex; } .awsui_child_18582_tofva_149:not(#\9) { /* used in test-utils */ } .awsui_child_18582_tofva_149:not(#\9):empty { display: none; } /* * Horizontal variant */ .awsui_horizontal_18582_tofva_160:not(#\9) { flex-direction: row; flex-wrap: wrap; } .awsui_horizontal-xxxs_18582_tofva_164:not(#\9) { gap: var(--space-xxxs-j6dpcy, 2px); } .awsui_horizontal-xxs_18582_tofva_167:not(#\9) { gap: var(--space-xxs-ja5cp8, 4px); } .awsui_horizontal-xs_18582_tofva_170:not(#\9) { gap: var(--space-xs-edba2s, 8px); } .awsui_horizontal-s_18582_tofva_173:not(#\9) { gap: var(--space-s-hdd878, 12px); } .awsui_horizontal-m_18582_tofva_176:not(#\9) { gap: var(--space-m-h2th94, 16px); } .awsui_horizontal-l_18582_tofva_179:not(#\9) { gap: var(--space-l-f4l5gr, 20px); } .awsui_horizontal-xl_18582_tofva_182:not(#\9) { gap: var(--space-xl-gsucfg, 24px); } .awsui_horizontal-xxl_18582_tofva_185:not(#\9) { gap: var(--space-xxl-sgg5p8, 32px); } /* * Vertical variant */ .awsui_vertical_18582_tofva_192:not(#\9) { flex-direction: column; } .awsui_vertical-xxxs_18582_tofva_195:not(#\9) { row-gap: var(--space-xxxs-j6dpcy, 2px); } .awsui_vertical-xxs_18582_tofva_198:not(#\9) { row-gap: var(--space-xxs-ja5cp8, 4px); } .awsui_vertical-xs_18582_tofva_201:not(#\9) { row-gap: var(--space-xs-edba2s, 8px); } .awsui_vertical-s_18582_tofva_204:not(#\9) { row-gap: var(--space-scaled-s-913kwi, 12px); } .awsui_vertical-m_18582_tofva_207:not(#\9) { row-gap: var(--space-scaled-m-gxhdpl, 16px); } .awsui_vertical-l_18582_tofva_210:not(#\9) { row-gap: var(--space-scaled-l-2rs0gk, 20px); } .awsui_vertical-xl_18582_tofva_213:not(#\9) { row-gap: var(--space-scaled-xl-jawob6, 24px); } .awsui_vertical-xxl_18582_tofva_216:not(#\9) { row-gap: var(--space-scaled-xxl-fzmynl, 32px); } .awsui_align-center_18582_tofva_220:not(#\9) { align-items: center; } .awsui_align-start_18582_tofva_224:not(#\9) { align-items: start; } .awsui_align-end_18582_tofva_228:not(#\9) { align-items: end; }