@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
295 lines (281 loc) • 8.86 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 */
/*
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
*/
.awsui_option_1p2cx_aeyys_153: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;
display: flex;
align-items: flex-start;
inline-size: 100%;
min-inline-size: 0;
box-sizing: border-box;
color: inherit;
}
.awsui_option_1p2cx_aeyys_153:not(#\9):not(.awsui_disabled_1p2cx_aeyys_190) {
cursor: inherit;
}
.awsui_option_1p2cx_aeyys_153.awsui_parent_1p2cx_aeyys_193:not(#\9) {
font-weight: bold;
}
.awsui_option_1p2cx_aeyys_153.awsui_parent_1p2cx_aeyys_193:not(#\9):not(.awsui_disabled_1p2cx_aeyys_190):not(.awsui_highlighted_1p2cx_aeyys_196) {
color: var(--color-text-dropdown-group-label-s1hwg5, #545b64);
}
.awsui_content_1p2cx_aeyys_200:not(#\9) {
inline-size: 100%;
display: flex;
flex-direction: column;
min-inline-size: 0;
}
.awsui_label-content_1p2cx_aeyys_207:not(#\9) {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.awsui_label_1p2cx_aeyys_207:not(#\9),
.awsui_tag_1p2cx_aeyys_214:not(#\9),
.awsui_label-tag_1p2cx_aeyys_215:not(#\9) {
min-inline-size: 0;
word-break: break-word;
}
.awsui_label_1p2cx_aeyys_207:not(#\9),
.awsui_tag_1p2cx_aeyys_214:not(#\9) {
flex-wrap: wrap;
}
.awsui_label-prefix_1p2cx_aeyys_225:not(#\9) {
font-weight: 700;
}
.awsui_label-tag_1p2cx_aeyys_215:not(#\9) {
padding-inline-start: var(--space-s-hdd878, 12px);
flex: auto;
text-align: end;
}
.awsui_label-tag_1p2cx_aeyys_215:not(#\9):empty {
display: none;
}
.awsui_tags_1p2cx_aeyys_238:not(#\9),
.awsui_description_1p2cx_aeyys_239:not(#\9) {
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);
color: var(--color-text-dropdown-item-secondary-rkiy3t, #687078);
flex-wrap: wrap;
}
.awsui_tags_1p2cx_aeyys_238.awsui_highlighted_1p2cx_aeyys_196:not(#\9),
.awsui_description_1p2cx_aeyys_239.awsui_highlighted_1p2cx_aeyys_196:not(#\9) {
color: var(--color-text-dropdown-item-secondary-hover-zyoem0, #687078);
}
.awsui_tags_1p2cx_aeyys_238.awsui_selected_1p2cx_aeyys_250:not(#\9),
.awsui_description_1p2cx_aeyys_239.awsui_selected_1p2cx_aeyys_250:not(#\9) {
color: var(--color-text-dropdown-item-secondary-rkiy3t, #687078);
}
.awsui_tags_1p2cx_aeyys_238:not(#\9) {
display: flex;
align-items: stretch;
}
.awsui_tag_1p2cx_aeyys_214:not(#\9):not(:last-child) {
padding-inline-end: var(--space-m-h2th94, 16px);
}
.awsui_icon_1p2cx_aeyys_264:not(#\9) {
padding-inline-end: var(--space-xs-edba2s, 8px);
align-content: center;
display: flex;
flex-shrink: 0;
}
.awsui_icon-size-big_1p2cx_aeyys_271:not(#\9) {
padding-block-start: var(--space-option-icon-big-top-5d52ea, 2px);
}
.awsui_filtering-match-highlight_1p2cx_aeyys_275:not(#\9) {
background-color: var(--color-background-dropdown-item-filter-match-u1g6p2, #f1faff);
color: var(--color-text-dropdown-item-filter-match-62fflr, #0073bb);
font-weight: bold;
}
.awsui_disabled_1p2cx_aeyys_190:not(#\9) {
color: var(--color-text-dropdown-item-disabled-j9pzby, #aab7b8);
pointer-events: none;
}
.awsui_disabled_1p2cx_aeyys_190 > .awsui_content_1p2cx_aeyys_200 > .awsui_tags_1p2cx_aeyys_238:not(#\9),
.awsui_disabled_1p2cx_aeyys_190 > .awsui_content_1p2cx_aeyys_200 > .awsui_description_1p2cx_aeyys_239:not(#\9) {
color: currentColor;
}
.awsui_trigger-variant_1p2cx_aeyys_290:not(#\9) {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}