@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
CSS
/*
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;
}