@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
265 lines (254 loc) • 9.36 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
*/
/* 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_button-dropdown_sne0l_774gj_145:not(#\9) {
display: inline-block;
}
.awsui_button-dropdown_sne0l_774gj_145.awsui_full-width_sne0l_774gj_148:not(#\9) {
inline-size: 100%;
display: block;
}
.awsui_items-list-container_sne0l_774gj_153:not(#\9) {
padding-block: 0;
padding-inline: 0;
margin-block: 0;
margin-inline: 0;
animation: awsui_awsui-motion-fade-in-0_sne0l_774gj_1 500ms var(--motion-easing-show-quick-17va6f, ease-out);
animation-fill-mode: none;
}
@media (prefers-reduced-motion: reduce) {
.awsui_items-list-container_sne0l_774gj_153:not(#\9) {
animation: none;
transition: none;
}
}
.awsui-motion-disabled .awsui_items-list-container_sne0l_774gj_153:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_774gj_153:not(#\9) {
animation: none;
transition: none;
}
.awsui_rotate_sne0l_774gj_172:not(#\9) {
transform: rotate(0deg);
transition: transform var(--motion-duration-rotate-180-m9g4a9, 135ms) var(--motion-easing-rotate-180-h4cyjx, cubic-bezier(0.165, 0.84, 0.44, 1));
}
@media (prefers-reduced-motion: reduce) {
.awsui_rotate_sne0l_774gj_172:not(#\9) {
animation: none;
transition: none;
}
}
.awsui-motion-disabled .awsui_rotate_sne0l_774gj_172:not(#\9), .awsui-mode-entering .awsui_rotate_sne0l_774gj_172:not(#\9) {
animation: none;
transition: none;
}
.awsui_rotate-open_sne0l_774gj_186:not(#\9) {
transform: rotate(-180deg);
}
.awsui_header_sne0l_774gj_190:not(#\9) {
display: flex;
flex-direction: column;
list-style: none;
padding-block: var(--space-s-hdd878, 12px);
padding-inline: var(--space-l-f4l5gr, 20px);
border-block-start: var(--border-width-dropdown-9pn0kx, 1px) solid transparent;
border-block-end: var(--border-width-dropdown-9pn0kx, 1px) solid var(--color-border-dropdown-group-tg9vgt, #eaeded);
border-inline: var(--border-width-dropdown-9pn0kx, 1px) solid transparent;
}
.awsui_title_sne0l_774gj_201:not(#\9),
.awsui_description_sne0l_774gj_202:not(#\9) {
color: var(--color-text-top-navigation-title-fzc955, #16191f);
}
.awsui_trigger-button_sne0l_774gj_206.awsui_full-width_sne0l_774gj_148:not(#\9) {
display: grid;
grid-template-columns: 1fr auto;
}
.awsui_trigger-button_sne0l_774gj_206.awsui_full-width_sne0l_774gj_148.awsui_loading_sne0l_774gj_210:not(#\9) {
grid-template-columns: auto 1fr auto;
}
.awsui_split-trigger-wrapper_sne0l_774gj_214:not(#\9) {
display: flex;
}
.awsui_split-trigger-wrapper_sne0l_774gj_214 > .awsui_trigger-item_sne0l_774gj_217 > .awsui_trigger-button_sne0l_774gj_206:not(#\9):focus, .awsui_split-trigger-wrapper_sne0l_774gj_214 > .awsui_trigger-item_sne0l_774gj_217 > .awsui_trigger-button_sne0l_774gj_206:not(#\9):hover {
z-index: 1;
}
.awsui_split-trigger-wrapper_sne0l_774gj_214 > .awsui_trigger-item_sne0l_774gj_217:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_774gj_206 {
border-start-end-radius: 0;
border-end-end-radius: 0;
padding-inline-end: var(--space-m-h2th94, 16px);
margin-inline-end: var(--space-xxxs-j6dpcy, 2px);
}
.awsui_split-trigger-wrapper_sne0l_774gj_214 > .awsui_trigger-item_sne0l_774gj_217:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_774gj_206.awsui_has-no-text_sne0l_774gj_226 {
padding-inline: var(--space-button-icon-only-horizontal-reffsr, 16px);
}
.awsui_split-trigger-wrapper_sne0l_774gj_214 > .awsui_trigger-item_sne0l_774gj_217:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_774gj_206.awsui_has-no-text_sne0l_774gj_226.awsui_visual-refresh_sne0l_774gj_229 {
padding-inline-start: calc(var(--space-s-hdd878, 12px) - 2px);
}
.awsui_split-trigger-wrapper_sne0l_774gj_214 > .awsui_trigger-item_sne0l_774gj_217:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_774gj_206 {
border-start-start-radius: 0;
border-end-start-radius: 0;
padding-inline: calc(var(--space-xs-edba2s, 8px) - 2px);
}
.awsui_split-trigger-wrapper_sne0l_774gj_214 > .awsui_trigger-item_sne0l_774gj_217:not(#\9):not(:first-child).awsui_visual-refresh_sne0l_774gj_229 > .awsui_trigger-button_sne0l_774gj_206 {
padding-inline-end: calc(var(--space-s-hdd878, 12px) - 2px);
}
.awsui_split-trigger-wrapper_sne0l_774gj_214 > .awsui_trigger-item_sne0l_774gj_217.awsui_variant-normal_sne0l_774gj_240:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_774gj_206 {
margin-inline-end: 0;
}
.awsui_split-trigger-wrapper_sne0l_774gj_214 > .awsui_trigger-item_sne0l_774gj_217.awsui_variant-normal_sne0l_774gj_240:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_774gj_206 {
margin-inline-start: calc(var(--border-width-button-15wqc4, 1px) * -1);
}
.awsui_split-trigger_sne0l_774gj_214:not(#\9) {
display: contents;
}
.awsui_dropdown-trigger_sne0l_774gj_251:not(#\9) {
display: contents;
}
.awsui_main-action-full-width_sne0l_774gj_255:not(#\9) {
flex: 1 1 0;
}
.awsui_main-action-trigger-full-width_sne0l_774gj_259:not(#\9) {
flex: 0 0 auto;
}
.awsui_test-utils-button-trigger_sne0l_774gj_263:not(#\9) {
/* used in test-utils */
}