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

254 lines (251 loc) • 8.32 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 */ /* 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 */ /* 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 */ .awsui_treeitem-group_1agpu_hdg93_185:not(#\9) { list-style: none; margin-block: 0; margin-inline: 0; padding-block: 0; padding-inline: 0; position: relative; } .awsui_treeitem_1agpu_hdg93_185:not(#\9) { list-style: none; margin-block: 0; margin-inline: 0; padding-block: 0; padding-inline: 0; position: relative; } .awsui_treeitem_1agpu_hdg93_185.awsui_offset_1agpu_hdg93_202:not(#\9) { margin-inline-start: var(--space-tree-view-indentation-z6dx44, 20px); } .awsui_treeitem_1agpu_hdg93_185 > .awsui_treeitem-content-wrapper_1agpu_hdg93_205:not(#\9) { display: grid; grid-template-columns: 28px 1fr; align-items: baseline; } body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_hdg93_185 > .awsui_treeitem-content-wrapper_1agpu_hdg93_205:not(#\9):has(.awsui_tree-item-focus-target_1agpu_hdg93_210:focus) { position: relative; } body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_hdg93_185 > .awsui_treeitem-content-wrapper_1agpu_hdg93_205:not(#\9):has(.awsui_tree-item-focus-target_1agpu_hdg93_210:focus) { outline: 2px dotted transparent; outline-offset: calc(0px - 1px); } body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_hdg93_185 > .awsui_treeitem-content-wrapper_1agpu_hdg93_205:not(#\9):has(.awsui_tree-item-focus-target_1agpu_hdg93_210:focus)::before { content: " "; display: block; position: absolute; inset-inline-start: calc(-1 * 0px); inset-block-start: calc(-1 * 0px); inline-size: calc(100% + 0px + 0px); block-size: calc(100% + 0px + 0px); 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_treeitem_1agpu_hdg93_185 > .awsui_treeitem-content-wrapper_1agpu_hdg93_205 > .awsui_expand-toggle-wrapper_1agpu_hdg93_231:not(#\9) { display: grid; grid-column: 1; grid-row: 1; } .awsui_treeitem_1agpu_hdg93_185 > .awsui_treeitem-content-wrapper_1agpu_hdg93_205 > .awsui_expand-toggle-wrapper_1agpu_hdg93_231 > .awsui_toggle_1agpu_hdg93_236:not(#\9) { justify-self: center; position: relative; inset-block-start: 2px; } .awsui_treeitem_1agpu_hdg93_185 > .awsui_treeitem-content-wrapper_1agpu_hdg93_205 > .awsui_structured-item-wrapper_1agpu_hdg93_241:not(#\9) { grid-column: 2; grid-row: 1/span 2; padding-block: var(--space-scaled-xxxs-jdgipl, 2px); position: relative; } .awsui_tree-item-structured-item_1agpu_hdg93_248:not(#\9) { /* used in keyboard navigation */ } .awsui_tree-item-focus-target_1agpu_hdg93_210:not(#\9) { outline: none; }