@carbon/web-components 2.0.1 → 2.0.2-rc.0

package/es/components/slug/slug.rtl.css.js

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit';
+export default css([
+  '.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--slug,:host(cds-slug){display:flex}.cds--slug:has(>.cds--popover--open),:host(cds-slug:has(>.cds--popover--open)){z-index:2}.cds--slug .cds--slug__button,:host(cds-slug) .cds--slug__button{position:relative;display:flex;align-items:center;justify-content:center;color:var(--cds-text-inverse,#fff);font-weight:600;transition:color 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9)}.cds--slug .cds--slug__button--mini,:host(cds-slug) .cds--slug__button--mini{height:1rem;width:1rem;font-size:.5625rem;line-height:.75rem;background:var(--cds-slug-background,#525252)}.cds--slug .cds--slug__button--2xs,:host(cds-slug) .cds--slug__button--2xs{height:1.25rem;width:1.25rem;font-size:.75rem;line-height:1rem;background:var(--cds-slug-background,#525252)}.cds--slug .cds--slug__button--xs,:host(cds-slug) .cds--slug__button--xs{height:1.5rem;width:1.5rem;font-size:.75rem;line-height:1rem;background:var(--cds-slug-gradient,#161616 linear-gradient(-135deg,#a8a8a8 0,rgba(255,255,255,0) 100%))}.cds--slug .cds--slug__button--sm,:host(cds-slug) .cds--slug__button--sm{height:2rem;width:2rem;font-size:1rem;line-height:1.3125rem;background:var(--cds-slug-gradient,#161616 linear-gradient(-135deg,#a8a8a8 0,rgba(255,255,255,0) 100%))}.cds--slug .cds--slug__button--md,:host(cds-slug) .cds--slug__button--md{height:2.5rem;width:2.5rem;font-size:1rem;line-height:1.3125rem;background:var(--cds-slug-gradient,#161616 linear-gradient(-135deg,#a8a8a8 0,rgba(255,255,255,0) 100%))}.cds--slug .cds--slug__button--lg,:host(cds-slug) .cds--slug__button--lg{height:3rem;width:3rem;font-size:1rem;line-height:1.3125rem;background:var(--cds-slug-gradient,#161616 linear-gradient(-135deg,#a8a8a8 0,rgba(255,255,255,0) 100%))}.cds--slug .cds--slug__button--xl,:host(cds-slug) .cds--slug__button--xl{height:4rem;width:4rem;font-size:1.25rem;line-height:1.625rem;background:var(--cds-slug-gradient,#161616 linear-gradient(-135deg,#a8a8a8 0,rgba(255,255,255,0) 100%))}.cds--slug .cds--slug__button:focus,:host(cds-slug) .cds--slug__button:focus{box-shadow:inset 0 0 0 2px var(--cds-focus,#0f62fe),inset 0 0 0 3px var(--cds-focus-inset,#fff);outline:0}.cds--slug__text{position:relative;z-index:1}.cds--slug__button::before{position:absolute;background:var(--cds-slug-gradient-hover,#161616 linear-gradient(-135deg,#d1d1d1 0,rgba(255,255,255,0) 100%));block-size:100%;content:"";inline-size:100%;opacity:0;transition:opacity 70ms cubic-bezier(0,0,.38,.9)}.cds--slug__button.cds--slug__button--2xs::after,.cds--slug__button.cds--slug__button--mini::after{position:absolute;block-size:1.5rem;content:"";inline-size:1.5rem;opacity:0}.cds--slug__button:hover::before{opacity:1}.cds--slug .cds--slug__button:focus::before,:host(cds-slug) .cds--slug__button:focus::before{block-size:calc(100% - 6px);inline-size:calc(100% - 6px)}.cds--slug__button.cds--slug__button--2xs::before,.cds--slug__button.cds--slug__button--mini::before{background:var(--cds-slug-background-hover,#6f6f6f)}.cds--slug__button.cds--slug__button--2xs:focus,.cds--slug__button.cds--slug__button--mini:focus{box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe),inset 0 0 0 2px var(--cds-focus-inset,#fff)}.cds--slug__button.cds--slug__button--2xs:focus::before,.cds--slug__button.cds--slug__button--mini:focus::before{block-size:calc(100% - 4px);inline-size:calc(100% - 4px)}.cds--slug__button--hollow.cds--slug__button--lg,.cds--slug__button--hollow.cds--slug__button--md,.cds--slug__button--hollow.cds--slug__button--sm,.cds--slug__button--hollow.cds--slug__button--xl{block-size:1.5rem;font-size:.75rem;inline-size:1.5rem;line-height:1rem}.cds--slug__button--hollow::before{display:none}.cds--slug .cds--slug__button--hollow,:host(cds-slug) .cds--slug__button--hollow{border:1px solid var(--cds-border-inverse,#161616);background:0 0;color:var(--cds-text-primary,#161616)}.cds--slug__button--hollow:hover{border-color:var(--cds-slug-hollow-hover,#474747);color:var(--cds-slug-hollow-hover,#474747)}.cds--slug__button--hollow:focus{border-color:var(--cds-focus,#0f62fe);box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe)}.cds--slug .cds--slug__button--inline,:host(cds-slug) .cds--slug__button--inline{border:1px solid transparent;border-radius:.0625rem;background:0 0;block-size:initial;color:var(--cds-text-primary,#161616);font-size:.875rem;inline-size:initial;line-height:initial;padding-inline:.25rem}.cds--slug__button--inline::before{display:none}.cds--slug .cds--slug__button--inline:focus,:host(cds-slug) .cds--slug__button--inline:focus{border-color:var(--cds-focus,#0f62fe);box-shadow:none}.cds--slug .cds--slug__button--inline:hover,:host(cds-slug) .cds--slug__button--inline:hover{border-color:var(--cds-icon-secondary,#525252);color:var(--cds-text-secondary,#525252)}.cds--slug .cds--slug__button--inline:focus:hover,:host(cds-slug) .cds--slug__button--inline:focus:hover{border-color:var(--cds-focus,#0f62fe)}.cds--slug .cds--slug__button--inline:hover .cds--slug__text::before,:host(cds-slug) .cds--slug__button--inline:hover .cds--slug__text::before{background:var(--cds-icon-secondary,#525252)}.cds--slug--hollow .cds--slug__button--inline:hover .cds--slug__text::before,:host(cds-slug[dot-type=hollow]) .cds--slug__button--inline:hover .cds--slug__text::before,:host(cds-slug[kind=hollow]) .cds--slug__button--inline:hover .cds--slug__text::before{background:0 0;box-shadow:inset 0 0 0 1px var(--cds-icon-secondary,#525252)}.cds--slug__button--inline .cds--slug__text{padding-inline-start:.5rem}.cds--slug__button--inline.cds--slug__button--lg .cds--slug__text{padding-inline-start:.75rem}.cds--slug__button--inline .cds--slug__text::before{position:absolute;display:inline-block;background:var(--cds-icon-primary,#161616);block-size:.25rem;content:"";inline-size:.25rem;inset-block-start:50%;inset-inline-start:0;opacity:1;transform:translateY(-50%);transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9)}.cds--slug--hollow .cds--slug__text::before,:host(cds-slug[dot-type=hollow]) .cds--slug__text::before,:host(cds-slug[kind=hollow]) .cds--slug__text::before{background:0 0;block-size:.375rem;box-shadow:inset 0 0 0 1px var(--cds-icon-primary,#161616);inline-size:.375rem}.cds--slug--hollow .cds--slug__button--md .cds--slug__text,.cds--slug--hollow .cds--slug__button--sm .cds--slug__text,:host(cds-slug[dot-type=hollow]) .cds--slug__button--md .cds--slug__text,:host(cds-slug[dot-type=hollow]) .cds--slug__button--sm .cds--slug__text,:host(cds-slug[kind=hollow]) .cds--slug__button--md .cds--slug__text,:host(cds-slug[kind=hollow]) .cds--slug__button--sm .cds--slug__text{padding-inline-start:.5625rem}.cds--slug--hollow .cds--slug__button--lg .cds--slug__text::before,.cds--slug__button--lg .cds--slug__text::before{block-size:.5rem;inline-size:.5rem}.cds--slug__button--inline.cds--slug__button--2xs,.cds--slug__button--inline.cds--slug__button--2xs .cds--slug__additional-text,.cds--slug__button--inline.cds--slug__button--mini,.cds--slug__button--inline.cds--slug__button--mini .cds--slug__additional-text,.cds--slug__button--inline.cds--slug__button--sm,.cds--slug__button--inline.cds--slug__button--sm .cds--slug__additional-text,.cds--slug__button--inline.cds--slug__button--xs,.cds--slug__button--inline.cds--slug__button--xs .cds--slug__additional-text{font-size:.75rem}.cds--slug__button--inline.cds--slug__button--lg,.cds--slug__button--inline.cds--slug__button--xl{font-size:1rem}.cds--slug .cds--slug__button--inline-with-content,:host(cds-slug) .cds--slug__button--inline-with-content{border:1px solid var(--cds-border-inverse,#161616);padding-block:.125rem;padding-inline:.5rem}.cds--slug__button--inline-with-content .cds--slug__additional-text{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);padding-inline-start:.25rem}.cds--slug__button--inline.cds--slug__button--md .cds--slug__additional-text{font-size:.875rem}.cds--slug .cds--slug__button--inline-with-content:focus,:host(cds-slug) .cds--slug__button--inline-with-content:focus{box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe)}.cds--slug.cds--slug--hollow .cds--toggletip-content,:host(:host(cds-slug[dot-type=hollow]cds-slug)) .cds--toggletip-content,:host(:host(cds-slug[kind=hollow]cds-slug)) .cds--toggletip-content{row-gap:0}.cds--slug.cds--slug--enabled .cds--slug-content{background:linear-gradient(0deg,var(--cds-slug-callout-aura-start,rgba(237,245,255,.6)) 0,var(--cds-slug-callout-aura-end,rgba(255,255,255,0)) 50%,transparent 50%),linear-gradient(-180deg,var(--cds-slug-callout-gradient-top,rgba(244,244,244,.85)) 0,var(--cds-slug-callout-gradient-bottom,rgba(224,224,224,.85)) 100%) rgba(0,0,0,.01);border:1px solid var(--cds-border-subtle);border-radius:16px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:45px 45px 100px rgba(0,0,0,.2);color:var(--cds-text-primary,#161616);min-inline-size:17.5rem}.cds--slug.cds--slug--enabled>.cds--toggletip>.cds--popover>.cds--popover-caret{background:var(--cds-border-subtle)}.cds--slug.cds--slug--enabled .cds--toggletip-content{max-inline-size:20.875rem;padding-block-end:5rem;padding-block-start:2rem;padding-inline:2rem}.cds--slug.cds--slug--enabled .cds--slug-actions{position:absolute;justify-content:flex-end;background:var(--cds-layer-accent);border-end-end-radius:.9375rem;border-end-start-radius:.9375rem;-moz-column-gap:0;column-gap:0;inline-size:100%;inset-block-end:0;inset-inline-end:0}.cds--slug.cds--slug--enabled .cds--slug-actions .cds--btn:focus{border-color:var(--cds-focus,#0f62fe);box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe),inset 0 0 0 2px var(--cds-background,#fff)}.cds--slug.cds--slug--enabled .cds--slug-actions .cds--btn--primary{order:1;border-end-end-radius:1rem}.cds--slug.cds--slug--revert{transform:translate(-.5rem,-50%)}.cds--slug--revert .cds--btn--icon-only{align-items:center;padding-block-start:0}.cds--slug--revert .cds--btn--icon-only svg{margin:0}@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-one{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover,.cds--popover--high-contrast :host(cds-popover-content),.cds--popover--high-contrast :host(cds-tooltip-content),:host(cds-popover[highContrast]) .cds--popover--high-contrast ::slotted(cds-popover-content),:host(cds-popover[highContrast]) .cds--popover--high-contrast ::slotted(cds-tooltip-content),:host(cds-tooltip[highContrast]) .cds--popover--high-contrast ::slotted(cds-popover-content),:host(cds-tooltip[highContrast]) .cds--popover--high-contrast ::slotted(cds-tooltip-content){--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover,.cds--popover--drop-shadow :host(cds-popover-content),.cds--popover--drop-shadow :host(cds-tooltip-content),:host(cds-popover[highContrast]) .cds--popover--drop-shadow ::slotted(cds-popover-content),:host(cds-popover[highContrast]) .cds--popover--drop-shadow ::slotted(cds-tooltip-content),:host(cds-tooltip[highContrast]) .cds--popover--drop-shadow ::slotted(cds-popover-content),:host(cds-tooltip[highContrast]) .cds--popover--drop-shadow ::slotted(cds-tooltip-content){--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover,:host(cds-popover-content),:host(cds-popover[highContrast]) ::slotted(cds-popover-content),:host(cds-popover[highContrast]) ::slotted(cds-tooltip-content),:host(cds-tooltip-content),:host(cds-tooltip[highContrast]) ::slotted(cds-popover-content),:host(cds-tooltip[highContrast]) ::slotted(cds-tooltip-content){position:absolute;z-index:6000;filter:var(--cds-popover-drop-shadow, none);inset:0;pointer-events:none}.cds--popover-content{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:absolute;z-index:6000;display:none;border-radius:var(--cds-popover-border-radius,2px);background-color:var(--cds-popover-background-color,var(--cds-layer));color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));inline-size:-moz-max-content;inline-size:max-content;max-inline-size:23rem;pointer-events:auto}.cds--popover-content *,.cds--popover-content ::after,.cds--popover-content ::before{box-sizing:inherit}.cds--popover--open>.cds--popover>.cds--popover-content,.cds--popover--open>:host(cds-popover-content)>.cds--popover-content,.cds--popover--open>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--open>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--open>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--open>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--open>::slotted(cds-tooltip-content)>.cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:""}.cds--popover--open>.cds--popover>.cds--popover-content::before,.cds--popover--open>:host(cds-popover-content)>.cds--popover-content::before,.cds--popover--open>:host(cds-tooltip-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--open>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--open>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--open>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--open>::slotted(cds-tooltip-content)>.cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open>.cds--popover>.cds--popover-caret,.cds--popover--open>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--open>:host(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--open>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--open>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--open>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--open>::slotted(cds-tooltip-content)>.cds--popover-caret{display:block}.cds--popover--tab-tip>.cds--popover>.cds--popover-caret,.cds--popover--tab-tip>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--tab-tip>:host(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--tab-tip>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--tab-tip>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--tab-tip>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--tab-tip>::slotted(cds-tooltip-content)>.cds--popover-caret{display:none}.cds--popover--bottom>.cds--popover>.cds--popover-content,.cds--popover--bottom>:host(cds-popover-content)>.cds--popover-content,.cds--popover--bottom>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-end:0;inset-inline-start:50%;transform:translate(50%,calc(100% + var(--cds-popover-offset,0)))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--bottom>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--bottom>:host(cds-tooltip-content)>.cds--popover-content{transform:translate(-50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left>.cds--popover>.cds--popover-content,.cds--popover--bottom-left>:host(cds-popover-content)>.cds--popover-content,.cds--popover--bottom-left>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-end:0;inset-inline-start:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(100% + var(--cds-popover-offset,0)))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--bottom-left>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom-left>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--bottom-left>:host(cds-tooltip-content)>.cds--popover-content{inset-inline-end:0;inset-inline-start:initial}.cds--popover--bottom-right>.cds--popover>.cds--popover-content,.cds--popover--bottom-right>:host(cds-popover-content)>.cds--popover-content,.cds--popover--bottom-right>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-end:0;inset-inline-end:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(100% + var(--cds-popover-offset,0))))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--bottom-right>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom-right>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--bottom-right>:host(cds-tooltip-content)>.cds--popover-content{inset-inline-start:0}.cds--popover--bottom-left>.cds--popover>.cds--popover-content::before,.cds--popover--bottom-left>:host(cds-popover-content)>.cds--popover-content::before,.cds--popover--bottom-left>:host(cds-tooltip-content)>.cds--popover-content::before,.cds--popover--bottom-right>.cds--popover>.cds--popover-content::before,.cds--popover--bottom-right>:host(cds-popover-content)>.cds--popover-content::before,.cds--popover--bottom-right>:host(cds-tooltip-content)>.cds--popover-content::before,.cds--popover--bottom>.cds--popover>.cds--popover-content::before,.cds--popover--bottom>:host(cds-popover-content)>.cds--popover-content::before,.cds--popover--bottom>:host(cds-tooltip-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-content::before{block-size:var(--cds-popover-offset,0);inset-block-start:0;inset-inline-end:0;inset-inline-start:0;transform:translateY(-100%)}.cds--popover--bottom-left>.cds--popover>.cds--popover-caret,.cds--popover--bottom-left>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--bottom-left>:host(cds-tooltip-content)>.cds--popover-caret,.cds--popover--bottom-right>.cds--popover>.cds--popover-caret,.cds--popover--bottom-right>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--bottom-right>:host(cds-tooltip-content)>.cds--popover-caret,.cds--popover--bottom>.cds--popover>.cds--popover-caret,.cds--popover--bottom>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--bottom>:host(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-end:0;inset-inline-start:50%;transform:translate(50%,var(--cds-popover-offset,0))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-left>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-left>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-left>:host(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-right>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-right>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-right>:host(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--bottom>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--bottom>:host(cds-tooltip-content)>.cds--popover-caret{transform:translate(-50%,var(--cds-popover-offset,0))}.cds--popover--top>.cds--popover>.cds--popover-content,.cds--popover--top>:host(cds-popover-content)>.cds--popover-content,.cds--popover--top>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-start:0;inset-inline-start:50%;transform:translate(50%,calc(-100% - var(--cds-popover-offset,0)))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--top>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--top>:host(cds-tooltip-content)>.cds--popover-content{transform:translate(-50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left>.cds--popover>.cds--popover-content,.cds--popover--top-left>:host(cds-popover-content)>.cds--popover-content,.cds--popover--top-left>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-start:0;inset-inline-start:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-100% - var(--cds-popover-offset,0)))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--top-left>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top-left>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--top-left>:host(cds-tooltip-content)>.cds--popover-content{inset-inline-end:0;inset-inline-start:initial}.cds--popover--top-right>.cds--popover>.cds--popover-content,.cds--popover--top-right>:host(cds-popover-content)>.cds--popover-content,.cds--popover--top-right>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-start:0;inset-inline-end:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(-100% - var(--cds-popover-offset,0))))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--top-right>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top-right>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--top-right>:host(cds-tooltip-content)>.cds--popover-content{inset-inline-start:0}.cds--popover--top-left>.cds--popover>.cds--popover-content::before,.cds--popover--top-left>:host(cds-popover-content)>.cds--popover-content::before,.cds--popover--top-left>:host(cds-tooltip-content)>.cds--popover-content::before,.cds--popover--top-right>.cds--popover>.cds--popover-content::before,.cds--popover--top-right>:host(cds-popover-content)>.cds--popover-content::before,.cds--popover--top-right>:host(cds-tooltip-content)>.cds--popover-content::before,.cds--popover--top>.cds--popover>.cds--popover-content::before,.cds--popover--top>:host(cds-popover-content)>.cds--popover-content::before,.cds--popover--top>:host(cds-tooltip-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-content::before{block-size:var(--cds-popover-offset,0);inset-block-end:0;inset-inline-end:0;inset-inline-start:0;transform:translateY(100%)}.cds--popover--top-left>.cds--popover>.cds--popover-caret,.cds--popover--top-left>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--top-left>:host(cds-tooltip-content)>.cds--popover-caret,.cds--popover--top-right>.cds--popover>.cds--popover-caret,.cds--popover--top-right>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--top-right>:host(cds-tooltip-content)>.cds--popover-caret,.cds--popover--top>.cds--popover>.cds--popover-caret,.cds--popover--top>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--top>:host(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-start:0;inset-inline-start:50%;transform:translate(50%,calc(-1 * var(--cds-popover-offset,0)))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--top-left>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-left>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--top-left>:host(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--top-right>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-right>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--top-right>:host(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--top>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--top>:host(cds-tooltip-content)>.cds--popover-caret{transform:translate(-50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right>.cds--popover>.cds--popover-content,.cds--popover--right>:host(cds-popover-content)>.cds--popover-content,.cds--popover--right>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),50%)}.cds--popover--right-top>.cds--popover>.cds--popover-content,.cds--popover--right-top>:host(cds-popover-content)>.cds--popover-content,.cds--popover--right-top>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) * -1 - 16px)))}.cds--popover--right-bottom>.cds--popover>.cds--popover-content,.cds--popover--right-bottom>:host(cds-popover-content)>.cds--popover-content,.cds--popover--right-bottom>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-end:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) + 16px)))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--right-bottom>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-bottom>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--right-bottom>:host(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--right-top>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-top>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--right-top>:host(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--right>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--right>:host(cds-tooltip-content)>.cds--popover-content{inset-inline-end:100%;inset-inline-start:initial}.cds--popover--right-bottom>.cds--popover>.cds--popover-content::before,.cds--popover--right-bottom>:host(cds-popover-content)>.cds--popover-content::before,.cds--popover--right-bottom>:host(cds-tooltip-content)>.cds--popover-content::before,.cds--popover--right-top>.cds--popover>.cds--popover-content::before,.cds--popover--right-top>:host(cds-popover-content)>.cds--popover-content::before,.cds--popover--right-top>:host(cds-tooltip-content)>.cds--popover-content::before,.cds--popover--right>.cds--popover>.cds--popover-content::before,.cds--popover--right>:host(cds-popover-content)>.cds--popover-content::before,.cds--popover--right>:host(cds-tooltip-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-content::before{inline-size:var(--cds-popover-offset,0);inset-block-end:0;inset-block-start:0;inset-inline-start:0;transform:translateX(100%)}.cds--popover--right-bottom>.cds--popover>.cds--popover-caret,.cds--popover--right-bottom>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--right-bottom>:host(cds-tooltip-content)>.cds--popover-caret,.cds--popover--right-top>.cds--popover>.cds--popover-caret,.cds--popover--right-top>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--right-top>:host(cds-tooltip-content)>.cds--popover-caret,.cds--popover--right>.cds--popover>.cds--popover-caret,.cds--popover--right>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--right>:host(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-start:100%;transform:translate(calc(-1*(var(--cds-popover-offset,0) - 100%)),-50%)}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--right-bottom>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-bottom>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--right-bottom>:host(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--right-top>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-top>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--right-top>:host(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--right>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--right>:host(cds-tooltip-content)>.cds--popover-caret{inset-inline-end:100%;inset-inline-start:initial}.cds--popover--left>.cds--popover>.cds--popover-content,.cds--popover--left>:host(cds-popover-content)>.cds--popover-content,.cds--popover--left>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + .1px)),-50%)}.cds--popover--left-top>.cds--popover>.cds--popover-content,.cds--popover--left-top>:host(cds-popover-content)>.cds--popover-content,.cds--popover--left-top>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-start:-50%;inset-inline-end:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom>.cds--popover>.cds--popover-content,.cds--popover--left-bottom>:host(cds-popover-content)>.cds--popover-content,.cds--popover--left-bottom>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-end:-50%;inset-inline-end:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(.5 * var(--cds-popover-offset,0) - 16px))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--left-bottom>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-bottom>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--left-bottom>:host(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--left-top>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-top>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--left-top>:host(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--left>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--left>:host(cds-tooltip-content)>.cds--popover-content{inset-inline-end:initial;inset-inline-start:100%}.cds--popover--left-bottom>.cds--popover>.cds--popover-content::before,.cds--popover--left-bottom>:host(cds-popover-content)>.cds--popover-content::before,.cds--popover--left-bottom>:host(cds-tooltip-content)>.cds--popover-content::before,.cds--popover--left-top>.cds--popover>.cds--popover-content::before,.cds--popover--left-top>:host(cds-popover-content)>.cds--popover-content::before,.cds--popover--left-top>:host(cds-tooltip-content)>.cds--popover-content::before,.cds--popover--left>.cds--popover>.cds--popover-content::before,.cds--popover--left>:host(cds-popover-content)>.cds--popover-content::before,.cds--popover--left>:host(cds-tooltip-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-popover[highContrast]) .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-content::before,:host(cds-tooltip[highContrast]) .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-content::before{inline-size:var(--cds-popover-offset,0);inset-block-end:0;inset-block-start:0;inset-inline-end:0;transform:translateX(-100%)}.cds--popover--left-bottom>.cds--popover>.cds--popover-caret,.cds--popover--left-bottom>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--left-bottom>:host(cds-tooltip-content)>.cds--popover-caret,.cds--popover--left-top>.cds--popover>.cds--popover-caret,.cds--popover--left-top>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--left-top>:host(cds-tooltip-content)>.cds--popover-caret,.cds--popover--left>.cds--popover>.cds--popover-caret,.cds--popover--left>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--left>:host(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + 100%)),-50%)}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--left-bottom>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-bottom>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--left-bottom>:host(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--left-top>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-top>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--left-top>:host(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--left>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--left>:host(cds-tooltip-content)>.cds--popover-caret{inset-inline-end:initial;inset-inline-start:100%}.cds--popover--tab-tip>.cds--popover>.cds--popover-content,.cds--popover--tab-tip>:host(cds-popover-content)>.cds--popover-content,.cds--popover--tab-tip>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--tab-tip>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--tab-tip>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--tab-tip>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--tab-tip>::slotted(cds-tooltip-content)>.cds--popover-content{border-radius:0}.cds--popover--tab-tip .cds--popover,.cds--popover--tab-tip :host(cds-popover-content),.cds--popover--tab-tip :host(cds-tooltip-content),:host(cds-popover[highContrast]) .cds--popover--tab-tip ::slotted(cds-popover-content),:host(cds-popover[highContrast]) .cds--popover--tab-tip ::slotted(cds-tooltip-content),:host(cds-tooltip[highContrast]) .cds--popover--tab-tip ::slotted(cds-popover-content),:host(cds-tooltip[highContrast]) .cds--popover--tab-tip ::slotted(cds-tooltip-content){will-change:filter}.cds--popover--tab-tip__button,:host(cds-popover) ::slotted(.cds--popover--tab-tip__button),:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;inline-size:100%;position:relative;display:inline-flex;align-items:center;justify-content:center;block-size:2rem;inline-size:2rem}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button ::after,.cds--popover--tab-tip__button ::before,:host(cds-popover) ::slotted(.cds--popover--tab-tip__button) *,:host(cds-popover) ::slotted(.cds--popover--tab-tip__button) ::after,:host(cds-popover) ::slotted(.cds--popover--tab-tip__button) ::before,:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button) *,:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button) ::after,:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button) ::before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus,:host(cds-popover) :focus::slotted(.cds--popover--tab-tip__button),:host(cds-tooltip) :focus::slotted(.cds--popover--tab-tip__button){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus,:host(cds-popover) :focus::slotted(.cds--popover--tab-tip__button),:host(cds-tooltip) :focus::slotted(.cds--popover--tab-tip__button){outline-style:dotted}}.cds--popover--tab-tip__button:hover,:host(cds-popover) :hover::slotted(.cds--popover--tab-tip__button),:host(cds-tooltip) :hover::slotted(.cds--popover--tab-tip__button){background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button,:host(cds-popover) .cds--popover--tab-tip.cds--popover--open ::slotted(.cds--popover--tab-tip__button),:host(cds-tooltip) .cds--popover--tab-tip.cds--popover--open ::slotted(.cds--popover--tab-tip__button){background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{position:absolute;z-index:6001;background:var(--cds-layer);block-size:2px;content:"";inline-size:100%;inset-block-end:0}.cds--popover--tab-tip__button svg,:host(cds-popover) ::slotted(.cds--popover--tab-tip__button) svg,:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button) svg{fill:var(--cds-icon-primary,#161616)}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff);max-inline-size:18rem}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;inline-size:100%;border-radius:0;border-block-end:1px dotted var(--cds-border-strong);color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-block-end-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-block-end-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);padding:.5rem 1rem;max-inline-size:11rem}.cds--btn{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-2xl)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));--temp-1lh:(\n    var(--cds-body-compact-01-line-height, 1.28572) * 1em\n  );--temp-expressive-1lh:(\n    var(--cds-body-compact-02-line-height, 1.375) * 1em\n  );--temp-padding-block-max:calc(\n    (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -\n      0.0625rem\n  );box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:inline-flex;flex-shrink:0;justify-content:space-between;border-radius:0;margin:0;cursor:pointer;inline-size:-moz-max-content;inline-size:max-content;max-inline-size:20rem;min-block-size:var(--cds-layout-size-height-local);outline:0;padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - .0625rem,var(--temp-padding-block-max));padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - .0625rem);padding-inline-start:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);text-align:start;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top}.cds--btn *,.cds--btn ::after,.cds--btn ::before{box-sizing:inherit}.cds--btn.cds--btn--disabled,.cds--btn.cds--btn--disabled:focus,.cds--btn.cds--btn--disabled:hover,.cds--btn:disabled,.cds--btn:focus:disabled,.cds--btn:hover:disabled{border-color:var(--cds-button-disabled,#c6c6c6);background:var(--cds-button-disabled,#c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled,#8d8d8d);cursor:not-allowed}.cds--btn .cds--btn__icon{position:absolute;flex-shrink:0;block-size:1rem;inline-size:1rem;inset-block-start:min((var(--cds-layout-size-height-local) - 1rem) / 2 - .0625rem,var(--temp-padding-block-max));inset-inline-end:var(--cds-layout-density-padding-inline-local);margin-block-start:.0625rem}.cds--btn::-moz-focus-inner{padding:0;border:0}.cds--btn--primary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.cds--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}.cds--btn--primary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds--btn--primary .cds--btn__icon,.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--primary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--secondary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-secondary,#393939);color:var(--cds-text-on-color,#fff)}.cds--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}.cds--btn--secondary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds--btn--secondary .cds--btn__icon,.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--secondary:focus,.cds--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary,#0f62fe);background-color:transparent;color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}.cds--btn--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--tertiary:active{background-color:var(--cds-button-tertiary-active,#002d9c)}.cds--btn--tertiary .cds--btn__icon,.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:active{border-color:transparent;background-color:var(--cds-button-tertiary-active,#002d9c);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary.cds--btn--disabled,.cds--btn--tertiary.cds--btn--disabled:focus,.cds--btn--tertiary.cds--btn--disabled:hover,.cds--btn--tertiary:disabled,.cds--btn--tertiary:focus:disabled,.cds--btn--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-link-primary,#0f62fe);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--ghost:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--btn--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--ghost:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--btn--ghost .cds--btn__icon,.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--ghost .cds--btn__icon{position:static;margin-inline-start:.5rem}.cds--btn--ghost:active,.cds--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--btn--ghost:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--btn--ghost.cds--btn--disabled,.cds--btn--ghost.cds--btn--disabled:focus,.cds--btn--ghost.cds--btn--disabled:hover,.cds--btn--ghost:disabled,.cds--btn--ghost:focus:disabled,.cds--btn--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{justify-content:center;padding:0;block-size:var(--cds-layout-size-height-local);inline-size:var(--cds-layout-size-height-local);padding-block-start:min((var(--cds-layout-size-height-local) - 1rem) / 2 - .0625rem,var(--temp-padding-block-max))}.cds--btn--icon-only>:first-child{margin-block-start:.0625rem;min-inline-size:1rem}.cds--btn--icon-only .cds--btn__icon{position:static}.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon{margin:0}.cds--btn--icon-only.cds--btn--selected{background:var(--cds-background-selected,rgba(141,141,141,.2))}.cds--btn path[data-icon-path=inner-path]{fill:none}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn--ghost.cds--btn--icon-only[disabled]{cursor:not-allowed}.cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper{cursor:not-allowed}.cds--icon-tooltip--disabled .cds--btn--icon-only[disabled]{pointer-events:none}.cds--btn--danger{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger .cds--btn__icon,.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary,#da1e28);background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--tertiary:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--tertiary .cds--btn__icon,.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:active{border-color:var(--cds-button-danger-active,#750e13);background-color:var(--cds-button-danger-active,#750e13);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary.cds--btn--disabled,.cds--btn--danger--tertiary.cds--btn--disabled:focus,.cds--btn--danger--tertiary.cds--btn--disabled:hover,.cds--btn--danger--tertiary:disabled,.cds--btn--danger--tertiary:focus:disabled,.cds--btn--danger--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--danger--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--ghost .cds--btn__icon{position:static;margin-inline-start:.5rem}.cds--btn--danger--ghost:active,.cds--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--ghost.cds--btn--disabled,.cds--btn--danger--ghost.cds--btn--disabled:focus,.cds--btn--danger--ghost.cds--btn--disabled:hover,.cds--btn--danger--ghost:disabled,.cds--btn--danger--ghost:focus:disabled,.cds--btn--danger--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:0}.cds--btn--expressive{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh)) / 2 - .0625rem,var(--temp-padding-block-max))}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon{block-size:1.25rem;inline-size:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive{max-inline-size:20rem}.cds--btn.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;inline-size:9.375rem}.cds--btn.cds--skeleton:active,.cds--btn.cds--skeleton:focus,.cds--btn.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--btn.cds--skeleton::before{position:absolute;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--btn.cds--skeleton::before{animation:none}}.cds--btn-set{display:flex}.cds--btn-set--stacked{flex-direction:column}.cds--btn-set .cds--btn{inline-size:100%;max-inline-size:12.25rem}.cds--btn-set .cds--btn:not(:focus){box-shadow:.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-set--stacked .cds--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn.cds--btn--disabled{box-shadow:.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set--stacked .cds--btn.cds--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set .cds--btn.cds--btn--loading{border-color:transparent;background-color:transparent;box-shadow:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:ButtonText}}[dir=rtl] .cds--btn-set .cds--btn:not(:focus){box-shadow:-.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--toggletip-label{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);color:var(--cds-text-secondary,#525252);margin-inline-end:.5rem}.cds--toggletip-button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;inline-size:100%;display:flex;align-items:center}.cds--toggletip-button *,.cds--toggletip-button ::after,.cds--toggletip-button ::before{box-sizing:inherit}.cds--toggletip-button::-moz-focus-inner{border:0}.cds--toggletip-button svg{fill:var(--cds-icon-secondary,#525252)}.cds--toggletip--open .cds--toggletip-button svg,.cds--toggletip-button:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--toggletip-button:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--toggletip-button:focus{outline-style:dotted}}.cds--toggletip,:host(cds-slug),:host(cds-toggletip){--cds-popover-offset:0.8125rem}.cds--toggletip-content{--cds-button-focus-color:var(--cds-focus-inverse, #ffffff);--cds-link-text-color:var(--cds-link-inverse, #78a9ff);--cds-link-hover-text-color:var(--cds-link-inverse, #78a9ff);--cds-link-focus-text-color:var(--cds-focus-inverse, #ffffff);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);display:grid;padding:1rem;max-inline-size:18rem;row-gap:1rem}.cds--toggletip-content p{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px)}.cds--toggletip-actions{display:flex;align-items:center;justify-content:space-between;-moz-column-gap:1rem;column-gap:1rem}:host(cds-popover[tabTip][open]) ::slotted(.cds--popover--tab-tip__button,:host(cds-tooltip)::slotted(.cds--popover--tab-tip__button),:host(cds-popover)::slotted(.cds--popover--tab-tip__button)){background:var(--cds-layer)!important;box-shadow:0 .125rem .125rem rgba(0,0,0,.2)}:host(cds-popover-content[open]) .cds--popover-content,:host(cds-slug[open]) .cds--popover-content,:host(cds-toggletip[open]) .cds--popover-content,:host(cds-tooltip-content[open]) .cds--popover-content{display:block}:host(cds-popover-content[open][tabTip]) .cds--popover-content,:host(cds-tooltip-content[open][tabTip]) .cds--popover-content{border-radius:0;background:var(--cds-layer)}:host(cds-popover-content[open][caret]) .cds--popover-caret,:host(cds-slug[open]) .cds--popover-caret,:host(cds-toggletip[open]) .cds--popover-caret,:host(cds-tooltip-content[open][caret]) .cds--popover-caret{display:block}:host(cds-popover-content[dropShadow]){--cds-popover-drop-shadow:drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2))}:host(cds-popover-content[align^=bottom]) .cds--popover-caret,:host(cds-slug[alignment^=bottom]) .cds--popover-caret,:host(cds-toggletip[alignment^=bottom]) .cds--popover-caret,:host(cds-tooltip-content[align^=bottom]) .cds--popover-caret{bottom:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(50%,var(--cds-popover-offset,0))}:host(cds-popover-content[align=bottom]) .cds--popover-content,:host(cds-slug[alignment=bottom]) .cds--popover-content,:host(cds-toggletip[alignment=bottom]) .cds--popover-content,:host(cds-tooltip-content[align=bottom]) .cds--popover-content{bottom:0;right:50%;transform:translate(50%,calc(100% + var(--cds-popover-offset,0)))}:host(cds-popover-content[align=bottom-left]) .cds--popover-content,:host(cds-slug[alignment=bottom-left]) .cds--popover-content,:host(cds-toggletip[alignment=bottom-left]) .cds--popover-content,:host(cds-tooltip-content[align=bottom-left]) .cds--popover-content{bottom:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(100% + var(--cds-popover-offset,0)))}:host(cds-popover-content[align=bottom-right]) .cds--popover-content,:host(cds-slug[alignment=bottom-right]) .cds--popover-content,:host(cds-toggletip[alignment=bottom-right]) .cds--popover-content,:host(cds-tooltip-content[align=bottom-right]) .cds--popover-content{left:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(100% + var(--cds-popover-offset,0))))}:host(cds-popover-content[align^=left]) .cds--popover-caret,:host(cds-slug[alignment^=left]) .cds--popover-caret,:host(cds-toggletip[alignment^=left]) .cds--popover-caret,:host(cds-tooltip-content[align^=left]) .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + 100%)),-50%)}:host(cds-popover-content[align=left]) .cds--popover-content,:host(cds-slug[alignment=left]) .cds--popover-content,:host(cds-toggletip[alignment=left]) .cds--popover-content,:host(cds-tooltip-content[align=left]) .cds--popover-content{top:50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + .1px)),-50%)}:host(cds-popover-content[align=left-bottom]) .cds--popover-content,:host(cds-slug[alignment=left-bottom]) .cds--popover-content,:host(cds-toggletip[alignment=left-bottom]) .cds--popover-content,:host(cds-tooltip-content[align=left-bottom]) .cds--popover-content{left:100%;bottom:-50%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(.5 * var(--cds-popover-offset,0) - 16px))}:host(cds-popover-content[align=left-top]) .cds--popover-content,:host(cds-slug[alignment=left-top]) .cds--popover-content,:host(cds-toggletip[alignment=left-top]) .cds--popover-content,:host(cds-tooltip-content[align=left-top]) .cds--popover-content{top:-50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-.5 * var(--cds-popover-offset,0) + 16px))}:host(cds-popover-content[align^=right]) .cds--popover-caret,:host(cds-slug[alignment^=right]) .cds--popover-caret,:host(cds-toggletip[alignment^=right]) .cds--popover-caret,:host(cds-tooltip-content[align^=right]) .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(-1*(var(--cds-popover-offset,0) - 100%)),-50%)}:host(cds-popover-content[align=right]) .cds--popover-content,:host(cds-slug[alignment=right]) .cds--popover-content,:host(cds-toggletip[alignment=right]) .cds--popover-content,:host(cds-tooltip-content[align=right]) .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),50%)}:host(cds-popover-content[align=right-bottom]) .cds--popover-content,:host(cds-slug[alignment=right-bottom]) .cds--popover-content,:host(cds-toggletip[alignment=right-bottom]) .cds--popover-content,:host(cds-tooltip-content[align=right-bottom]) .cds--popover-content{bottom:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) + 16px)))}:host(cds-popover-content[align=right-top]) .cds--popover-content,:host(cds-slug[alignment=right-top]) .cds--popover-content,:host(cds-toggletip[alignment=right-top]) .cds--popover-content,:host(cds-tooltip-content[align=right-top]) .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) * -1 - 16px)))}:host(cds-popover-content[align^=top]) .cds--popover-caret,:host(cds-slug[alignment^=top]) .cds--popover-caret,:host(cds-toggletip[alignment^=top]) .cds--popover-caret,:host(cds-tooltip-content[align^=top]) .cds--popover-caret{top:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(50%,calc(-1 * var(--cds-popover-offset,0)))}:host(cds-popover-content[align=top]) .cds--popover-content,:host(cds-slug[alignment=top]) .cds--popover-content,:host(cds-toggletip[alignment=top]) .cds--popover-content,:host(cds-tooltip-content[align=top]) .cds--popover-content{top:0;right:50%;transform:translate(50%,calc(-100% - var(--cds-popover-offset,0)))}:host(cds-popover-content[align=top-left]) .cds--popover-content,:host(cds-slug[alignment=top-left]) .cds--popover-content,:host(cds-toggletip[alignment=top-left]) .cds--popover-content,:host(cds-tooltip-content[align=top-left]) .cds--popover-content{top:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-100% - var(--cds-popover-offset,0)))}:host(cds-popover-content[align=top-right]) .cds--popover-content,:host(cds-slug[alignment=top-right]) .cds--popover-content,:host(cds-toggletip[alignment=top-right]) .cds--popover-content,:host(cds-tooltip-content[align=top-right]) .cds--popover-content{top:0;left:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(-100% - var(--cds-popover-offset,0))))}:host(cds-slug),:host(cds-toggletip){display:flex;align-items:center;justify-content:center;outline:0}:host(cds-slug) .cds--popover-caret,:host(cds-toggletip) .cds--popover-caret{background-color:var(--cds-background-inverse,#393939)}:host(cds-slug) .cds--slug__text{font-family:\'IBM Plex Sans\',system-ui,-apple-system,BlinkMacSystemFont,\'.SFNSText-Regular\',sans-serif}:host(cds-slug[enabled]) .cds--popover-content{background:linear-gradient(0deg,var(--cds-slug-callout-aura-start,rgba(237,245,255,.6)) 0,var(--cds-slug-callout-aura-end,rgba(255,255,255,0)) 50%,transparent 50%),linear-gradient(-180deg,var(--cds-slug-callout-gradient-top,rgba(244,244,244,.85)) 0,var(--cds-slug-callout-gradient-bottom,rgba(224,224,224,.85)) 100%) rgba(0,0,0,.01);border:1px solid var(--cds-border-subtle);border-radius:1rem;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:45px 45px 100px rgba(0,0,0,.2);color:var(--cds-text-primary,#161616);min-inline-size:17.5rem}:host(cds-slug[enabled]) .cds--toggletip-actions{position:absolute;justify-content:flex-end;background:var(--cds-layer-accent);border-end-end-radius:.9375rem;border-end-start-radius:.9375rem;-moz-column-gap:0;column-gap:0;inline-size:100%;inset-block-end:0;inset-inline-end:0}:host(cds-slug[enabled]) .cds--toggletip-content{max-inline-size:20.875rem;padding-block-end:5rem;padding-block-start:2rem;padding-inline:2rem;--cds-button-focus-color:var(--cds-focus)}:host(cds-slug[revert-active]){transform:translate(-.5rem,-50%)}:host(cds-slug[open]){z-index:1}:host(cds-slug-action-button){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-slug-action-button) .cds--btn--primary{order:1;border-end-end-radius:1rem}:host(cds-slug[kind=inline]:not([size=md]):not([size=lg]):not([size=xl])) .cds--slug__button{font-size:.75rem}:host(cds-slug[kind=inline][size=lg]) .cds--slug__button,:host(cds-slug[kind=inline][size=xl]) .cds--slug__button{font-size:1rem}:host(cds-slug[dot-type=hollow]) .cds--slug__button--hollow:hover,:host(cds-slug[kind=hollow]) .cds--slug__button--hollow:hover{border-color:var(--cds-slug-hollow-hover,#474747);color:var(--cds-slug-hollow-hover,#474747)}:host(cds-slug[dot-type=hollow]) .cds--toggletip-content,:host(cds-slug[kind=hollow]) .cds--toggletip-content{row-gap:0}:host(cds-slug[dot-type=hollow]) .cds--slug__button--lg .cds--slug__text::before,:host(cds-slug[kind=hollow]) .cds--slug__button--lg .cds--slug__text::before{block-size:.5rem;inline-size:.5rem}:host(cds-slug:not([kind=inline])) .cds--slug__button:focus{border:var(--cds-background,#fff)}:host(cds-slug:not([kind=hollow]):not([dot-type=hollow])) .cds--popover-caret{background:var(--cds-border-subtle)}:host(cds-slug:not([kind=hollow]):not([dot-type=hollow])) .cds--slug__button.cds--slug__button--2xs:focus,:host(cds-slug:not([kind=hollow]):not([dot-type=hollow])) .cds--slug__button.cds--slug__button--mini:focus{box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe),inset 0 0 0 2px var(--cds-focus-inset,#fff)}',
+]);

package/es/components/stack/stack.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '.cds--stack-horizontal,:host(cds-stack[orientation=horizontal]){display:inline-grid;-moz-column-gap:var(--cds-stack-gap,0);column-gap:var(--cds-stack-gap,0);grid-auto-flow:column}.cds--stack-vertical,:host(cds-stack[orientation=vertical]){display:grid;grid-auto-flow:row;row-gap:var(--cds-stack-gap,0)}.cds--stack-scale-1{--cds-stack-gap:0.125rem}.cds--stack-scale-2{--cds-stack-gap:0.25rem}.cds--stack-scale-3{--cds-stack-gap:0.5rem}.cds--stack-scale-4{--cds-stack-gap:0.75rem}.cds--stack-scale-5{--cds-stack-gap:1rem}.cds--stack-scale-6{--cds-stack-gap:1.5rem}.cds--stack-scale-7{--cds-stack-gap:2rem}.cds--stack-scale-8{--cds-stack-gap:2.5rem}.cds--stack-scale-9{--cds-stack-gap:3rem}.cds--stack-scale-10{--cds-stack-gap:4rem}.cds--stack-scale-11{--cds-stack-gap:5rem}.cds--stack-scale-12{--cds-stack-gap:6rem}.cds--stack-scale-13{--cds-stack-gap:10rem}:host(cds-stack) .cds--stack-scale-1{--cds-stack-gap:0.125rem}:host(cds-stack) .cds--stack-scale-2{--cds-stack-gap:0.25rem}:host(cds-stack) .cds--stack-scale-3{--cds-stack-gap:0.5rem}:host(cds-stack) .cds--stack-scale-4{--cds-stack-gap:0.75rem}:host(cds-stack) .cds--stack-scale-5{--cds-stack-gap:1rem}:host(cds-stack) .cds--stack-scale-6{--cds-stack-gap:1.5rem}:host(cds-stack) .cds--stack-scale-7{--cds-stack-gap:2rem}:host(cds-stack) .cds--stack-scale-8{--cds-stack-gap:2.5rem}:host(cds-stack) .cds--stack-scale-9{--cds-stack-gap:3rem}:host(cds-stack) .cds--stack-scale-10{--cds-stack-gap:4rem}:host(cds-stack) .cds--stack-scale-11{--cds-stack-gap:5rem}:host(cds-stack) .cds--stack-scale-12{--cds-stack-gap:6rem}:host(cds-stack) .cds--stack-scale-13{--cds-stack-gap:10rem}',
+  '.cds--stack-horizontal,:host(cds-stack[orientation=horizontal]) div{display:inline-grid;-moz-column-gap:var(--cds-stack-gap,0);column-gap:var(--cds-stack-gap,0);grid-auto-flow:column}.cds--stack-vertical,:host(cds-stack[orientation=vertical]) div{display:grid;grid-auto-flow:row;row-gap:var(--cds-stack-gap,0)}.cds--stack-scale-1{--cds-stack-gap:0.125rem}.cds--stack-scale-2{--cds-stack-gap:0.25rem}.cds--stack-scale-3{--cds-stack-gap:0.5rem}.cds--stack-scale-4{--cds-stack-gap:0.75rem}.cds--stack-scale-5{--cds-stack-gap:1rem}.cds--stack-scale-6{--cds-stack-gap:1.5rem}.cds--stack-scale-7{--cds-stack-gap:2rem}.cds--stack-scale-8{--cds-stack-gap:2.5rem}.cds--stack-scale-9{--cds-stack-gap:3rem}.cds--stack-scale-10{--cds-stack-gap:4rem}.cds--stack-scale-11{--cds-stack-gap:5rem}.cds--stack-scale-12{--cds-stack-gap:6rem}.cds--stack-scale-13{--cds-stack-gap:10rem}:host(cds-stack) .cds--stack-scale-1{--cds-stack-gap:0.125rem}:host(cds-stack) .cds--stack-scale-2{--cds-stack-gap:0.25rem}:host(cds-stack) .cds--stack-scale-3{--cds-stack-gap:0.5rem}:host(cds-stack) .cds--stack-scale-4{--cds-stack-gap:0.75rem}:host(cds-stack) .cds--stack-scale-5{--cds-stack-gap:1rem}:host(cds-stack) .cds--stack-scale-6{--cds-stack-gap:1.5rem}:host(cds-stack) .cds--stack-scale-7{--cds-stack-gap:2rem}:host(cds-stack) .cds--stack-scale-8{--cds-stack-gap:2.5rem}:host(cds-stack) .cds--stack-scale-9{--cds-stack-gap:3rem}:host(cds-stack) .cds--stack-scale-10{--cds-stack-gap:4rem}:host(cds-stack) .cds--stack-scale-11{--cds-stack-gap:5rem}:host(cds-stack) .cds--stack-scale-12{--cds-stack-gap:6rem}:host(cds-stack) .cds--stack-scale-13{--cds-stack-gap:10rem}',
 ]);

package/es/components/stack/stack.js

@@ -90,9 +90,10 @@ let CDSStack = _decorate([customElement(`${prefix}-stack`)], function (_initiali
           if (this.useCustomGapValue) {
             this.style.setProperty(`--${prefix}-stack-gap`, `${this.gap}`);
           } else {
+            var _this$shadowRoot, _this$shadowRoot2;
             const oldGapValue = changedProperties.get('gap');
-            this.classList.remove(`${prefix}--stack-scale-${oldGapValue}`);
-            this.classList.add(`${prefix}--stack-scale-${this.gap}`);
+            (_this$shadowRoot = this.shadowRoot) === null || _this$shadowRoot === void 0 || (_this$shadowRoot = _this$shadowRoot.querySelector('div')) === null || _this$shadowRoot === void 0 || _this$shadowRoot.classList.remove(`${prefix}--stack-scale-${oldGapValue}`);
+            (_this$shadowRoot2 = this.shadowRoot) === null || _this$shadowRoot2 === void 0 || (_this$shadowRoot2 = _this$shadowRoot2.querySelector('div')) === null || _this$shadowRoot2 === void 0 || _this$shadowRoot2.classList.add(`${prefix}--stack-scale-${this.gap}`);
           }
         }
       }
@@ -100,7 +101,7 @@ let CDSStack = _decorate([customElement(`${prefix}-stack`)], function (_initiali
       kind: "method",
       key: "render",
       value: function render() {
-        return html(_t || (_t = _`<slot></slot>`));
+        return html(_t || (_t = _`<div><slot></slot></div>`));
       }
     }, {
       kind: "field",

package/es/components/stack/stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"stack.js","names":["LitElement","html","customElement","property","prefix","styles","STACK_ORIENTATION","SPACING_STEPS","CDSStack","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","String","reflect","key","value","VERTICAL","Boolean","attribute","updated","changedProperties","has","useCustomGapValue","style","setProperty","gap","oldGapValue","get","classList","remove","add","render","_t","_","static"],"sources":["components/stack/stack.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './stack.scss';\nimport { STACK_ORIENTATION, SPACING_STEPS } from './defs';\n\nexport { STACK_ORIENTATION, SPACING_STEPS };\n\n/**\n * The Stack component is a useful layout utility in a component-based model.\n * This allows components to not use margin and instead delegate the\n * responsibility of positioning and layout to parent components.\n *\n * In the case of the Stack component, it uses the spacing scale from the\n * Design Language in order to determine how much space there should be between\n * items rendered by the Stack component. It also supports a custom `gap` prop\n * which will allow a user to provide a custom value for the gap of the layout.\n *\n * This component supports both horizontal and vertical orientations.\n *\n * @element cds-stack\n */\n@customElement(`${prefix}-stack`)\nclass CDSStack extends LitElement {\n  /**\n   * Specify the orientation of them items in the Stack\n   */\n  @property({ type: String, reflect: true })\n  orientation = STACK_ORIENTATION.VERTICAL;\n\n  /**\n   * Provide either a custom value or a step from the spacing scale to be used\n   * as the gap in the layout\n   */\n  @property({ type: SPACING_STEPS || String, reflect: true })\n  gap;\n\n  /**\n   * Turn on when passing in custom value to 'gap' attribute (ie. gap=\"2rem\")\n   */\n  @property({ type: Boolean, attribute: 'use-custom-gap-value' })\n  useCustomGapValue = false;\n\n  updated(changedProperties) {\n    if (changedProperties.has('gap')) {\n      if (this.useCustomGapValue) {\n        this.style.setProperty(`--${prefix}-stack-gap`, `${this.gap}`);\n      } else {\n        const oldGapValue = changedProperties.get('gap');\n        this.classList.remove(`${prefix}--stack-scale-${oldGapValue}`);\n        this.classList.add(`${prefix}--stack-scale-${this.gap}`);\n      }\n    }\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSStack;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,EAAEC,QAAQ,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,kBAAc;AACjC,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,QAAQ;AAEzD,SAASD,iBAAiB,EAAEC,aAAa;;AAEzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAbA,IAeMC,QAAQ,GAAAC,SAAA,EADbP,aAAa,CAAE,GAAEE,MAAO,QAAO,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAjC,MACMH,QAAQ,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqClC;EAAC;IAAAI,CAAA,EArCKN,QAAQ;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIXd,QAAQ,CAAC;QAAEe,IAAI,EAAEC,MAAM;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC5BhB,iBAAiB,CAACiB,QAAQ;MAAA;IAAA;MAAAP,IAAA;MAAAC,UAAA,GAMvCd,QAAQ,CAAC;QAAEe,IAAI,EAAEX,aAAa,IAAIY,MAAM;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAM1Dd,QAAQ,CAAC;QAAEe,IAAI,EAAEM,OAAO;QAAEC,SAAS,EAAE;MAAuB,CAAC,CAAC;MAAAJ,GAAA;MAAAC,MAAA;QAAA,OAC3C,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAjBzB;AACF;AACA;;MAIE;AACF;AACA;AACA;;MAIE;AACF;AACA;;MAIE,SAAAI,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,KAAK,CAAC,EAAE;UAChC,IAAI,IAAI,CAACC,iBAAiB,EAAE;YAC1B,IAAI,CAACC,KAAK,CAACC,WAAW,CAAE,KAAI3B,MAAO,YAAW,EAAG,GAAE,IAAI,CAAC4B,GAAI,EAAC,CAAC;UAChE,CAAC,MAAM;YACL,MAAMC,WAAW,GAAGN,iBAAiB,CAACO,GAAG,CAAC,KAAK,CAAC;YAChD,IAAI,CAACC,SAAS,CAACC,MAAM,CAAE,GAAEhC,MAAO,iBAAgB6B,WAAY,EAAC,CAAC;YAC9D,IAAI,CAACE,SAAS,CAACE,GAAG,CAAE,GAAEjC,MAAO,iBAAgB,IAAI,CAAC4B,GAAI,EAAC,CAAC;UAC1D;QACF;MACF;IAAC;MAAAhB,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAgB,OAAA,EAAS;QACP,OAAOrC,IAAI,CAAAsC,EAAA,KAAAA,EAAA,GAAAC,CAAC,eAAa;MAC3B;IAAC;MAAAxB,IAAA;MAAAyB,MAAA;MAAApB,GAAA;MAAAC,MAAA;QAAA,OAEejB,MAAM;MAAA;IAAA;EAAA;AAAA,GApCDL,UAAU;AAuCjC,eAAeQ,QAAQ"}
+{"version":3,"file":"stack.js","names":["LitElement","html","customElement","property","prefix","styles","STACK_ORIENTATION","SPACING_STEPS","CDSStack","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","String","reflect","key","value","VERTICAL","Boolean","attribute","updated","changedProperties","has","useCustomGapValue","style","setProperty","gap","_this$shadowRoot","_this$shadowRoot2","oldGapValue","get","shadowRoot","querySelector","classList","remove","add","render","_t","_","static"],"sources":["components/stack/stack.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './stack.scss';\nimport { STACK_ORIENTATION, SPACING_STEPS } from './defs';\n\nexport { STACK_ORIENTATION, SPACING_STEPS };\n\n/**\n * The Stack component is a useful layout utility in a component-based model.\n * This allows components to not use margin and instead delegate the\n * responsibility of positioning and layout to parent components.\n *\n * In the case of the Stack component, it uses the spacing scale from the\n * Design Language in order to determine how much space there should be between\n * items rendered by the Stack component. It also supports a custom `gap` prop\n * which will allow a user to provide a custom value for the gap of the layout.\n *\n * This component supports both horizontal and vertical orientations.\n *\n * @element cds-stack\n */\n@customElement(`${prefix}-stack`)\nclass CDSStack extends LitElement {\n  /**\n   * Specify the orientation of them items in the Stack\n   */\n  @property({ type: String, reflect: true })\n  orientation = STACK_ORIENTATION.VERTICAL;\n\n  /**\n   * Provide either a custom value or a step from the spacing scale to be used\n   * as the gap in the layout\n   */\n  @property({ type: SPACING_STEPS || String, reflect: true })\n  gap;\n\n  /**\n   * Turn on when passing in custom value to 'gap' attribute (ie. gap=\"2rem\")\n   */\n  @property({ type: Boolean, attribute: 'use-custom-gap-value' })\n  useCustomGapValue = false;\n\n  updated(changedProperties) {\n    if (changedProperties.has('gap')) {\n      if (this.useCustomGapValue) {\n        this.style.setProperty(`--${prefix}-stack-gap`, `${this.gap}`);\n      } else {\n        const oldGapValue = changedProperties.get('gap');\n        this.shadowRoot\n          ?.querySelector('div')\n          ?.classList.remove(`${prefix}--stack-scale-${oldGapValue}`);\n        this.shadowRoot\n          ?.querySelector('div')\n          ?.classList.add(`${prefix}--stack-scale-${this.gap}`);\n      }\n    }\n  }\n\n  render() {\n    return html`<div><slot></slot></div>`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSStack;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,EAAEC,QAAQ,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,kBAAc;AACjC,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,QAAQ;AAEzD,SAASD,iBAAiB,EAAEC,aAAa;;AAEzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAbA,IAeMC,QAAQ,GAAAC,SAAA,EADbP,aAAa,CAAE,GAAEE,MAAO,QAAO,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAjC,MACMH,QAAQ,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAyClC;EAAC;IAAAI,CAAA,EAzCKN,QAAQ;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIXd,QAAQ,CAAC;QAAEe,IAAI,EAAEC,MAAM;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC5BhB,iBAAiB,CAACiB,QAAQ;MAAA;IAAA;MAAAP,IAAA;MAAAC,UAAA,GAMvCd,QAAQ,CAAC;QAAEe,IAAI,EAAEX,aAAa,IAAIY,MAAM;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAM1Dd,QAAQ,CAAC;QAAEe,IAAI,EAAEM,OAAO;QAAEC,SAAS,EAAE;MAAuB,CAAC,CAAC;MAAAJ,GAAA;MAAAC,MAAA;QAAA,OAC3C,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAjBzB;AACF;AACA;;MAIE;AACF;AACA;AACA;;MAIE;AACF;AACA;;MAIE,SAAAI,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,KAAK,CAAC,EAAE;UAChC,IAAI,IAAI,CAACC,iBAAiB,EAAE;YAC1B,IAAI,CAACC,KAAK,CAACC,WAAW,CAAE,KAAI3B,MAAO,YAAW,EAAG,GAAE,IAAI,CAAC4B,GAAI,EAAC,CAAC;UAChE,CAAC,MAAM;YAAA,IAAAC,gBAAA,EAAAC,iBAAA;YACL,MAAMC,WAAW,GAAGR,iBAAiB,CAACS,GAAG,CAAC,KAAK,CAAC;YAChD,CAAAH,gBAAA,OAAI,CAACI,UAAU,cAAAJ,gBAAA,gBAAAA,gBAAA,GAAfA,gBAAA,CACIK,aAAa,CAAC,KAAK,CAAC,cAAAL,gBAAA,eADxBA,gBAAA,CAEIM,SAAS,CAACC,MAAM,CAAE,GAAEpC,MAAO,iBAAgB+B,WAAY,EAAC,CAAC;YAC7D,CAAAD,iBAAA,OAAI,CAACG,UAAU,cAAAH,iBAAA,gBAAAA,iBAAA,GAAfA,iBAAA,CACII,aAAa,CAAC,KAAK,CAAC,cAAAJ,iBAAA,eADxBA,iBAAA,CAEIK,SAAS,CAACE,GAAG,CAAE,GAAErC,MAAO,iBAAgB,IAAI,CAAC4B,GAAI,EAAC,CAAC;UACzD;QACF;MACF;IAAC;MAAAhB,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAoB,OAAA,EAAS;QACP,OAAOzC,IAAI,CAAA0C,EAAA,KAAAA,EAAA,GAAAC,CAAC,0BAAwB;MACtC;IAAC;MAAA5B,IAAA;MAAA6B,MAAA;MAAAxB,GAAA;MAAAC,MAAA;QAAA,OAEejB,MAAM;MAAA;IAAA;EAAA;AAAA,GAxCDL,UAAU;AA2CjC,eAAeQ,QAAQ"}

package/es/components/stack/stack.rtl.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '.cds--stack-horizontal,:host(cds-stack[orientation=horizontal]){display:inline-grid;-moz-column-gap:var(--cds-stack-gap,0);column-gap:var(--cds-stack-gap,0);grid-auto-flow:column}.cds--stack-vertical,:host(cds-stack[orientation=vertical]){display:grid;grid-auto-flow:row;row-gap:var(--cds-stack-gap,0)}.cds--stack-scale-1{--cds-stack-gap:0.125rem}.cds--stack-scale-2{--cds-stack-gap:0.25rem}.cds--stack-scale-3{--cds-stack-gap:0.5rem}.cds--stack-scale-4{--cds-stack-gap:0.75rem}.cds--stack-scale-5{--cds-stack-gap:1rem}.cds--stack-scale-6{--cds-stack-gap:1.5rem}.cds--stack-scale-7{--cds-stack-gap:2rem}.cds--stack-scale-8{--cds-stack-gap:2.5rem}.cds--stack-scale-9{--cds-stack-gap:3rem}.cds--stack-scale-10{--cds-stack-gap:4rem}.cds--stack-scale-11{--cds-stack-gap:5rem}.cds--stack-scale-12{--cds-stack-gap:6rem}.cds--stack-scale-13{--cds-stack-gap:10rem}:host(cds-stack) .cds--stack-scale-1{--cds-stack-gap:0.125rem}:host(cds-stack) .cds--stack-scale-2{--cds-stack-gap:0.25rem}:host(cds-stack) .cds--stack-scale-3{--cds-stack-gap:0.5rem}:host(cds-stack) .cds--stack-scale-4{--cds-stack-gap:0.75rem}:host(cds-stack) .cds--stack-scale-5{--cds-stack-gap:1rem}:host(cds-stack) .cds--stack-scale-6{--cds-stack-gap:1.5rem}:host(cds-stack) .cds--stack-scale-7{--cds-stack-gap:2rem}:host(cds-stack) .cds--stack-scale-8{--cds-stack-gap:2.5rem}:host(cds-stack) .cds--stack-scale-9{--cds-stack-gap:3rem}:host(cds-stack) .cds--stack-scale-10{--cds-stack-gap:4rem}:host(cds-stack) .cds--stack-scale-11{--cds-stack-gap:5rem}:host(cds-stack) .cds--stack-scale-12{--cds-stack-gap:6rem}:host(cds-stack) .cds--stack-scale-13{--cds-stack-gap:10rem}',
+  '.cds--stack-horizontal,:host(cds-stack[orientation=horizontal]) div{display:inline-grid;-moz-column-gap:var(--cds-stack-gap,0);column-gap:var(--cds-stack-gap,0);grid-auto-flow:column}.cds--stack-vertical,:host(cds-stack[orientation=vertical]) div{display:grid;grid-auto-flow:row;row-gap:var(--cds-stack-gap,0)}.cds--stack-scale-1{--cds-stack-gap:0.125rem}.cds--stack-scale-2{--cds-stack-gap:0.25rem}.cds--stack-scale-3{--cds-stack-gap:0.5rem}.cds--stack-scale-4{--cds-stack-gap:0.75rem}.cds--stack-scale-5{--cds-stack-gap:1rem}.cds--stack-scale-6{--cds-stack-gap:1.5rem}.cds--stack-scale-7{--cds-stack-gap:2rem}.cds--stack-scale-8{--cds-stack-gap:2.5rem}.cds--stack-scale-9{--cds-stack-gap:3rem}.cds--stack-scale-10{--cds-stack-gap:4rem}.cds--stack-scale-11{--cds-stack-gap:5rem}.cds--stack-scale-12{--cds-stack-gap:6rem}.cds--stack-scale-13{--cds-stack-gap:10rem}:host(cds-stack) .cds--stack-scale-1{--cds-stack-gap:0.125rem}:host(cds-stack) .cds--stack-scale-2{--cds-stack-gap:0.25rem}:host(cds-stack) .cds--stack-scale-3{--cds-stack-gap:0.5rem}:host(cds-stack) .cds--stack-scale-4{--cds-stack-gap:0.75rem}:host(cds-stack) .cds--stack-scale-5{--cds-stack-gap:1rem}:host(cds-stack) .cds--stack-scale-6{--cds-stack-gap:1.5rem}:host(cds-stack) .cds--stack-scale-7{--cds-stack-gap:2rem}:host(cds-stack) .cds--stack-scale-8{--cds-stack-gap:2.5rem}:host(cds-stack) .cds--stack-scale-9{--cds-stack-gap:3rem}:host(cds-stack) .cds--stack-scale-10{--cds-stack-gap:4rem}:host(cds-stack) .cds--stack-scale-11{--cds-stack-gap:5rem}:host(cds-stack) .cds--stack-scale-12{--cds-stack-gap:6rem}:host(cds-stack) .cds--stack-scale-13{--cds-stack-gap:10rem}',
 ]);

package/es/components/structured-list/structured-list-row.d.ts

@@ -27,11 +27,15 @@ declare const CDSStructuredListRow_base: {
         readonly offsetTop: number;
         readonly offsetWidth: number;
         outerText: string;
+        popover: string | null;
         spellcheck: boolean;
         title: string;
         translate: boolean;
         attachInternals(): ElementInternals;
         click(): void;
+        hidePopover(): void;
+        showPopover(): void;
+        togglePopover(force?: boolean | undefined): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -60,9 +64,12 @@ declare const CDSStructuredListRow_base: {
         slot: string;
         readonly tagName: string;
         attachShadow(init: ShadowRootInit): ShadowRoot;
+        checkVisibility(options?: CheckVisibilityOptions | undefined): boolean;
         closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
         closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
+        closest<K_4 extends keyof MathMLElementTagNameMap>(selector: K_4): MathMLElementTagNameMap[K_4] | null;
         closest<E extends Element = Element>(selectors: string): E | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
         getAttribute(qualifiedName: string): string | null;
         getAttributeNS(namespace: string | null, localName: string): string | null;
         getAttributeNames(): string[];
@@ -71,11 +78,14 @@ declare const CDSStructuredListRow_base: {
         getBoundingClientRect(): DOMRect;
         getClientRects(): DOMRectList;
         getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
-        getElementsByTagName<K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
-        getElementsByTagName<K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
+        getElementsByTagName<K_5 extends keyof HTMLElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<HTMLElementTagNameMap[K_5]>;
+        getElementsByTagName<K_6 extends keyof SVGElementTagNameMap>(qualifiedName: K_6): HTMLCollectionOf<SVGElementTagNameMap[K_6]>;
+        getElementsByTagName<K_7 extends keyof MathMLElementTagNameMap>(qualifiedName: K_7): HTMLCollectionOf<MathMLElementTagNameMap[K_7]>;
+        getElementsByTagName<K_8 extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K_8): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K_8]>;
         getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
         getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
         getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
+        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
         getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
         hasAttribute(qualifiedName: string): boolean;
         hasAttributeNS(namespace: string | null, localName: string): boolean;
@@ -133,24 +143,24 @@ declare const CDSStructuredListRow_base: {
         normalize(): void;
         removeChild<T_2 extends Node>(child: T_2): T_2;
         replaceChild<T_3 extends Node>(node: Node, child: T_3): T_3;
-        readonly ATTRIBUTE_NODE: number;
-        readonly CDATA_SECTION_NODE: number;
-        readonly COMMENT_NODE: number;
-        readonly DOCUMENT_FRAGMENT_NODE: number;
-        readonly DOCUMENT_NODE: number;
-        readonly DOCUMENT_POSITION_CONTAINED_BY: number;
-        readonly DOCUMENT_POSITION_CONTAINS: number;
-        readonly DOCUMENT_POSITION_DISCONNECTED: number;
-        readonly DOCUMENT_POSITION_FOLLOWING: number;
-        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
-        readonly DOCUMENT_POSITION_PRECEDING: number;
-        readonly DOCUMENT_TYPE_NODE: number;
-        readonly ELEMENT_NODE: number;
-        readonly ENTITY_NODE: number;
-        readonly ENTITY_REFERENCE_NODE: number;
-        readonly NOTATION_NODE: number;
-        readonly PROCESSING_INSTRUCTION_NODE: number;
-        readonly TEXT_NODE: number;
+        readonly ELEMENT_NODE: 1;
+        readonly ATTRIBUTE_NODE: 2;
+        readonly TEXT_NODE: 3;
+        readonly CDATA_SECTION_NODE: 4;
+        readonly ENTITY_REFERENCE_NODE: 5;
+        readonly ENTITY_NODE: 6;
+        readonly PROCESSING_INSTRUCTION_NODE: 7;
+        readonly COMMENT_NODE: 8;
+        readonly DOCUMENT_NODE: 9;
+        readonly DOCUMENT_TYPE_NODE: 10;
+        readonly DOCUMENT_FRAGMENT_NODE: 11;
+        readonly NOTATION_NODE: 12;
+        readonly DOCUMENT_POSITION_DISCONNECTED: 1;
+        readonly DOCUMENT_POSITION_PRECEDING: 2;
+        readonly DOCUMENT_POSITION_FOLLOWING: 4;
+        readonly DOCUMENT_POSITION_CONTAINS: 8;
+        readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
+        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
         dispatchEvent(event: Event): boolean;
         ariaAtomic: string | null;
         ariaAutoComplete: string | null;
@@ -164,6 +174,7 @@ declare const CDSStructuredListRow_base: {
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
         ariaHidden: string | null;
+        ariaInvalid: string | null;
         ariaKeyShortcuts: string | null;
         ariaLabel: string | null;
         ariaLevel: string | null;
@@ -188,6 +199,7 @@ declare const CDSStructuredListRow_base: {
         ariaValueMin: string | null;
         ariaValueNow: string | null;
         ariaValueText: string | null;
+        role: string | null;
         animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
@@ -203,17 +215,19 @@ declare const CDSStructuredListRow_base: {
         readonly lastElementChild: Element | null;
         append(...nodes: (string | Node)[]): void;
         prepend(...nodes: (string | Node)[]): void;
-        querySelector<K_6 extends keyof HTMLElementTagNameMap>(selectors: K_6): HTMLElementTagNameMap[K_6] | null;
-        querySelector<K_7 extends keyof SVGElementTagNameMap>(selectors: K_7): SVGElementTagNameMap[K_7] | null;
+        querySelector<K_9 extends keyof HTMLElementTagNameMap>(selectors: K_9): HTMLElementTagNameMap[K_9] | null;
+        querySelector<K_10 extends keyof SVGElementTagNameMap>(selectors: K_10): SVGElementTagNameMap[K_10] | null;
+        querySelector<K_11 extends keyof MathMLElementTagNameMap>(selectors: K_11): MathMLElementTagNameMap[K_11] | null;
+        querySelector<K_12 extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K_12): HTMLElementDeprecatedTagNameMap[K_12] | null;
         querySelector<E_1 extends Element = Element>(selectors: string): E_1 | null;
-        querySelectorAll<K_8 extends keyof HTMLElementTagNameMap>(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
-        querySelectorAll<K_9 extends keyof SVGElementTagNameMap>(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
+        querySelectorAll<K_13 extends keyof HTMLElementTagNameMap>(selectors: K_13): NodeListOf<HTMLElementTagNameMap[K_13]>;
+        querySelectorAll<K_14 extends keyof SVGElementTagNameMap>(selectors: K_14): NodeListOf<SVGElementTagNameMap[K_14]>;
+        querySelectorAll<K_15 extends keyof MathMLElementTagNameMap>(selectors: K_15): NodeListOf<MathMLElementTagNameMap[K_15]>;
+        querySelectorAll<K_16 extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K_16): NodeListOf<HTMLElementDeprecatedTagNameMap[K_16]>;
         querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
         replaceChildren(...nodes: (string | Node)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
-        oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
-        oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
-        onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
+        readonly attributeStyleMap: StylePropertyMap;
         readonly style: CSSStyleDeclaration;
         contentEditable: string;
         enterKeyHint: string;
@@ -225,14 +239,18 @@ declare const CDSStructuredListRow_base: {
         onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+        oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
         ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
@@ -265,6 +283,7 @@ declare const CDSStructuredListRow_base: {
         onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -281,6 +300,7 @@ declare const CDSStructuredListRow_base: {
         onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
         onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
         onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;

package/es/components/structured-list/structured-list-row.js

@@ -231,7 +231,7 @@ let CDSStructuredListRow = _decorate([customElement(`${prefix}-structured-list-r
           } = this;
           if (selectionName) {
             var _this$_manager;
-            (_this$_manager = this._manager) === null || _this$_manager === void 0 ? void 0 : _this$_manager.add(this._radioButtonDelegate);
+            (_this$_manager = this._manager) === null || _this$_manager === void 0 || _this$_manager.add(this._radioButtonDelegate);
           }
         }
       }

package/es/components/structured-list/structured-list-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"structured-list-row.js","names":["LitElement","html","property","query","ifDefined","CheckmarkFilled16","prefix","HostListener","HostListenerMixin","RadioGroupManager","NAVIGATION_DIRECTION","styles","carbonElement","customElement","navigationDirectionForKey","ArrowUp","BACKWARD","Up","ArrowDown","FORWARD","Down","StructuredListRowRadioButtonDelegate","constructor","row","_row","checked","selected","tabIndex","name","selectionName","compareDocumentPosition","other","focus","CDSStructuredListRow","_decorate","_initialize","_HostListenerMixin","args","F","d","kind","key","value","decorators","_inputNode","inputNode","_manager","select","_radioButtonDelegate","event","manager","navigationDirection","navigate","type","Boolean","reflect","attribute","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","get","getRootNode","composed","_this$_manager","add","disconnectedCallback","delete","updated","changedProperties","has","shouldBeFocusable","render","selectionValue","selectionIconTitle","_t","_","class","title","_t2","static"],"sources":["components/structured-list/structured-list-row.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport RadioGroupManager, {\n  NAVIGATION_DIRECTION,\n  ManagedRadioButtonDelegate,\n} from '../../globals/internal/radio-group-manager';\nimport styles from './structured-list.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Map of navigation direction by key.\n */\nconst navigationDirectionForKey = {\n  ArrowUp: NAVIGATION_DIRECTION.BACKWARD,\n  Up: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowDown: NAVIGATION_DIRECTION.FORWARD,\n  Down: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * The interface for `RadioGroupManager` for structured list row.\n */\nclass StructuredListRowRadioButtonDelegate\n  implements ManagedRadioButtonDelegate\n{\n  /**\n   * The structured list row to target.\n   */\n  private _row: CDSStructuredListRow;\n\n  constructor(row: CDSStructuredListRow) {\n    this._row = row;\n  }\n\n  get checked() {\n    return this._row.selected;\n  }\n\n  set checked(checked) {\n    this._row.selected = checked;\n    this._row.tabIndex = checked ? 0 : -1;\n  }\n\n  get tabIndex() {\n    return this._row.tabIndex;\n  }\n\n  set tabIndex(tabIndex) {\n    this._row.tabIndex = tabIndex;\n  }\n\n  get name() {\n    return this._row.selectionName;\n  }\n\n  compareDocumentPosition(other: StructuredListRowRadioButtonDelegate) {\n    return this._row.compareDocumentPosition(other._row);\n  }\n\n  focus() {\n    this._row.focus();\n  }\n}\n\n/**\n * Structured list row.\n *\n * @element cds-structured-list-row\n */\n@customElement(`${prefix}-structured-list-row`)\nclass CDSStructuredListRow extends HostListenerMixin(LitElement) {\n  /**\n   * The radio group manager associated with the radio button.\n   */\n  private _manager: RadioGroupManager | null = null;\n\n  /**\n   * The interface for `RadioGroupManager` for structured list row.\n   */\n  private _radioButtonDelegate = new StructuredListRowRadioButtonDelegate(this);\n\n  /**\n   * The hidden radio button.\n   */\n  @query('#input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = () => {\n    const { _inputNode: inputNode } = this;\n    if (inputNode) {\n      this.selected = true;\n      if (this._manager) {\n        this._manager.select(this._radioButtonDelegate);\n      }\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = (event: KeyboardEvent) => {\n    const { _inputNode: inputNode } = this;\n    const manager = this._manager;\n    if (inputNode && manager) {\n      const navigationDirection = navigationDirectionForKey[event.key];\n      if (navigationDirection) {\n        manager.select(\n          manager.navigate(this._radioButtonDelegate, navigationDirection)\n        );\n      }\n      if (event.key === ' ' || event.key === 'Enter') {\n        manager.select(this._radioButtonDelegate);\n      }\n    }\n  };\n\n  /**\n   * `true` if this structured list row should be selectable and selected.\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   * If present, this structured list row will be a selectable one.\n   */\n  @property({ attribute: 'selection-name' })\n  selectionName = '';\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property({ attribute: 'selection-value' })\n  selectionValue = '';\n\n  /**\n   * The content to put into the `<title>` attribute of the selection icon.\n   */\n  @property({ attribute: 'selection-icon-title' })\n  selectionIconTitle = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'row');\n    }\n    super.connectedCallback();\n    if (!this._manager) {\n      this._manager = RadioGroupManager.get(\n        this.getRootNode({ composed: true }) as Document\n      );\n      const { selectionName } = this;\n      if (selectionName) {\n        this._manager?.add(this._radioButtonDelegate);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._manager) {\n      this._manager.delete(this._radioButtonDelegate);\n    }\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    const { _manager: manager, selectionName } = this;\n    if (changedProperties.has('selectionName')) {\n      if (manager) {\n        manager.delete(\n          this._radioButtonDelegate,\n          changedProperties.get('selectionName')\n        );\n        if (selectionName) {\n          manager.add(this._radioButtonDelegate);\n        }\n      }\n      this.setAttribute(\n        'tabindex',\n        !selectionName ||\n          !manager ||\n          !manager.shouldBeFocusable(this._radioButtonDelegate)\n          ? '-1'\n          : '0'\n      );\n    }\n  }\n\n  render() {\n    const { selected, selectionName, selectionValue, selectionIconTitle } =\n      this;\n    if (selectionName) {\n      // \"Selected\" style with `.${prefix}--structured-list-td` does not work somehow - Need investigation\n      return html`\n        <slot></slot>\n        <input\n          id=\"input\"\n          type=\"radio\"\n          class=\"${prefix}--structured-list-input ${prefix}--visually-hidden\"\n          .checked=${selected}\n          name=${selectionName}\n          value=${ifDefined(selectionValue)} />\n        <div\n          class=\"${prefix}--structured-list-td ${prefix}--structured-list-cell\">\n          ${CheckmarkFilled16({\n            class: `${prefix}--structured-list-svg`,\n            title: selectionIconTitle,\n          })}\n        </div>\n      `;\n    }\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListRow;\n"],"mappings":"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"}
+{"version":3,"file":"structured-list-row.js","names":["LitElement","html","property","query","ifDefined","CheckmarkFilled16","prefix","HostListener","HostListenerMixin","RadioGroupManager","NAVIGATION_DIRECTION","styles","carbonElement","customElement","navigationDirectionForKey","ArrowUp","BACKWARD","Up","ArrowDown","FORWARD","Down","StructuredListRowRadioButtonDelegate","constructor","row","_row","checked","selected","tabIndex","name","selectionName","compareDocumentPosition","other","focus","CDSStructuredListRow","_decorate","_initialize","_HostListenerMixin","args","F","d","kind","key","value","decorators","_inputNode","inputNode","_manager","select","_radioButtonDelegate","event","manager","navigationDirection","navigate","type","Boolean","reflect","attribute","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","get","getRootNode","composed","_this$_manager","add","disconnectedCallback","delete","updated","changedProperties","has","shouldBeFocusable","render","selectionValue","selectionIconTitle","_t","_","class","title","_t2","static"],"sources":["components/structured-list/structured-list-row.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport RadioGroupManager, {\n  NAVIGATION_DIRECTION,\n  ManagedRadioButtonDelegate,\n} from '../../globals/internal/radio-group-manager';\nimport styles from './structured-list.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Map of navigation direction by key.\n */\nconst navigationDirectionForKey = {\n  ArrowUp: NAVIGATION_DIRECTION.BACKWARD,\n  Up: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowDown: NAVIGATION_DIRECTION.FORWARD,\n  Down: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * The interface for `RadioGroupManager` for structured list row.\n */\nclass StructuredListRowRadioButtonDelegate\n  implements ManagedRadioButtonDelegate\n{\n  /**\n   * The structured list row to target.\n   */\n  private _row: CDSStructuredListRow;\n\n  constructor(row: CDSStructuredListRow) {\n    this._row = row;\n  }\n\n  get checked() {\n    return this._row.selected;\n  }\n\n  set checked(checked) {\n    this._row.selected = checked;\n    this._row.tabIndex = checked ? 0 : -1;\n  }\n\n  get tabIndex() {\n    return this._row.tabIndex;\n  }\n\n  set tabIndex(tabIndex) {\n    this._row.tabIndex = tabIndex;\n  }\n\n  get name() {\n    return this._row.selectionName;\n  }\n\n  compareDocumentPosition(other: StructuredListRowRadioButtonDelegate) {\n    return this._row.compareDocumentPosition(other._row);\n  }\n\n  focus() {\n    this._row.focus();\n  }\n}\n\n/**\n * Structured list row.\n *\n * @element cds-structured-list-row\n */\n@customElement(`${prefix}-structured-list-row`)\nclass CDSStructuredListRow extends HostListenerMixin(LitElement) {\n  /**\n   * The radio group manager associated with the radio button.\n   */\n  private _manager: RadioGroupManager | null = null;\n\n  /**\n   * The interface for `RadioGroupManager` for structured list row.\n   */\n  private _radioButtonDelegate = new StructuredListRowRadioButtonDelegate(this);\n\n  /**\n   * The hidden radio button.\n   */\n  @query('#input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = () => {\n    const { _inputNode: inputNode } = this;\n    if (inputNode) {\n      this.selected = true;\n      if (this._manager) {\n        this._manager.select(this._radioButtonDelegate);\n      }\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = (event: KeyboardEvent) => {\n    const { _inputNode: inputNode } = this;\n    const manager = this._manager;\n    if (inputNode && manager) {\n      const navigationDirection = navigationDirectionForKey[event.key];\n      if (navigationDirection) {\n        manager.select(\n          manager.navigate(this._radioButtonDelegate, navigationDirection)\n        );\n      }\n      if (event.key === ' ' || event.key === 'Enter') {\n        manager.select(this._radioButtonDelegate);\n      }\n    }\n  };\n\n  /**\n   * `true` if this structured list row should be selectable and selected.\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   * If present, this structured list row will be a selectable one.\n   */\n  @property({ attribute: 'selection-name' })\n  selectionName = '';\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property({ attribute: 'selection-value' })\n  selectionValue = '';\n\n  /**\n   * The content to put into the `<title>` attribute of the selection icon.\n   */\n  @property({ attribute: 'selection-icon-title' })\n  selectionIconTitle = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'row');\n    }\n    super.connectedCallback();\n    if (!this._manager) {\n      this._manager = RadioGroupManager.get(\n        this.getRootNode({ composed: true }) as Document\n      );\n      const { selectionName } = this;\n      if (selectionName) {\n        this._manager?.add(this._radioButtonDelegate);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._manager) {\n      this._manager.delete(this._radioButtonDelegate);\n    }\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    const { _manager: manager, selectionName } = this;\n    if (changedProperties.has('selectionName')) {\n      if (manager) {\n        manager.delete(\n          this._radioButtonDelegate,\n          changedProperties.get('selectionName')\n        );\n        if (selectionName) {\n          manager.add(this._radioButtonDelegate);\n        }\n      }\n      this.setAttribute(\n        'tabindex',\n        !selectionName ||\n          !manager ||\n          !manager.shouldBeFocusable(this._radioButtonDelegate)\n          ? '-1'\n          : '0'\n      );\n    }\n  }\n\n  render() {\n    const { selected, selectionName, selectionValue, selectionIconTitle } =\n      this;\n    if (selectionName) {\n      // \"Selected\" style with `.${prefix}--structured-list-td` does not work somehow - Need investigation\n      return html`\n        <slot></slot>\n        <input\n          id=\"input\"\n          type=\"radio\"\n          class=\"${prefix}--structured-list-input ${prefix}--visually-hidden\"\n          .checked=${selected}\n          name=${selectionName}\n          value=${ifDefined(selectionValue)} />\n        <div\n          class=\"${prefix}--structured-list-td ${prefix}--structured-list-cell\">\n          ${CheckmarkFilled16({\n            class: `${prefix}--structured-list-svg`,\n            title: selectionIconTitle,\n          })}\n        </div>\n      `;\n    }\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListRow;\n"],"mappings":"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"}