npm - @carbon/web-components - Versions diffs - 2.0.0-beta.3 → 2.0.0-beta.4 - Mend

@carbon/web-components 2.0.0-beta.3 → 2.0.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (615) hide show

package/es/components/ui-shell/header.rtl.css.js CHANGED Viewed

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '.cds--header,:host(cds-header){position:fixed;z-index:8000;top:0;left:0;right:0;display:flex;height:3rem;align-items:center;border-bottom:1px solid var(--cds-border-subtle);background-color:var(--cds-background,#fff)}.cds--header__action{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;width:100%;display:inline-flex;width:3rem;height:3rem;border:.0625rem solid transparent;transition:background-color 110ms,border-color 110ms}.cds--header__action *,.cds--header__action ::after,.cds--header__action ::before{box-sizing:inherit}.cds--header__action::-moz-focus-inner{border:0}@media (max-width:41.98rem){.cds--header__action{min-width:3rem}}.cds--header__action--active>svg.cds--navigation-menu-panel-expand-icon,.cds--header__action>svg.cds--navigation-menu-panel-collapse-icon{display:none}.cds--header__action--active>svg.cds--navigation-menu-panel-collapse-icon{display:inline}.cds--header__action:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--header__action--active{border-left:1px solid var(--cds-border-subtle);border-bottom:1px solid transparent;border-right:1px solid var(--cds-border-subtle);background:var(--cds-layer)}.cds--header__action--active>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__action:focus{border-color:var(--cds-focus,#0f62fe);outline:0}.cds--header__action:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--header__action.cds--btn--icon-only{align-items:center;justify-content:center}.cds--btn.cds--btn--icon-only.cds--header__action svg{fill:var(--cds-icon-secondary,#525252)}.cds--btn.cds--btn--icon-only.cds--header__action--active svg,.cds--btn.cds--btn--icon-only.cds--header__action:active svg,.cds--btn.cds--btn--icon-only.cds--header__action:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-trigger>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-trigger:hover>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-toggle{display:flex;align-items:center;justify-content:center}@media (min-width:66rem){.cds--header__menu-toggle__hidden{display:none}}a.cds--header__name{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);display:flex;height:100%;align-items:center;padding:0 1rem 0 2rem;border:.125rem solid transparent;font-weight:600;letter-spacing:.1px;line-height:1.25rem;outline:0;text-decoration:none;transition:border-color 110ms;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:41.98rem){a.cds--header__name{padding:0 1rem}}a.cds--header__name:focus{border-color:var(--cds-focus,#0f62fe)}.cds--header__name--prefix{font-weight:400}a.cds--header__name,a.cds--header__name:hover{color:var(--cds-text-primary,#161616)}.cds--header__menu-toggle:not(.cds--header__menu-toggle__hidden)~.cds--header__name{padding-right:.5rem}.cds--header__nav,:host(cds-header-nav){position:relative;display:none;height:100%;padding-right:1rem}@media (min-width:66rem){.cds--header__nav,:host(cds-header-nav){display:block}}.cds--header__nav::before,:host(cds-header-nav)::before{position:absolute;top:50%;right:0;display:block;width:.0625rem;height:1.5rem;background-color:var(--cds-border-subtle);content:"";transform:translateY(-50%)}.cds--header__menu-bar{display:flex;height:100%;padding:0;margin:0;list-style:none}a.cds--header__menu-item{position:relative;display:flex;height:100%;align-items:center;padding:0 1rem;border:2px solid transparent;background-color:var(--cds-background,#fff);color:var(--cds-text-secondary,#525252);font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.125rem;text-decoration:none;transition:background-color 110ms,border-color 110ms,color 110ms;-webkit-user-select:none;-moz-user-select:none;user-select:none}a.cds--header__menu-item:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12));color:var(--cds-text-primary,#161616)}.cds--header__action:active,a.cds--header__menu-item:active{background-color:var(--cds-background-active,rgba(141,141,141,.5));color:var(--cds-text-primary,#161616)}a.cds--header__menu-item:focus{border-color:var(--cds-focus,#0f62fe);outline:0}a.cds--header__menu-item:active>svg,a.cds--header__menu-item:hover>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-item--current,a.cds--header__menu-item[aria-current=page]{color:var(--cds-text-primary,#161616)}.cds--header__menu-item--current::after,a.cds--header__menu-item[aria-current=page]::after{position:absolute;top:0;left:0;bottom:-2px;right:0;width:100%;border-bottom:3px solid var(--cds-border-interactive,#0f62fe);content:""}.cds--header__menu-item--current:focus::after,a.cds--header__menu-item[aria-current=page]:focus::after{border:0}.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after,.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,:host(cds-header-menu) .cds--header__menu .cds--header__menu-item--current::after,:host(cds-header-menu) .cds--header__menu a.cds--header__menu-item[aria-current=page]::after{bottom:0;right:-2px;border-bottom:none;border-right:3px solid var(--cds-border-interactive,#0f62fe)}.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after,.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,:host(cds-header-menu) .cds--header__menu .cds--header__menu-item--current:focus::after,:host(cds-header-menu) .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after{right:0;border-right:3px solid var(--cds-border-interactive,#0f62fe)}a.cds--header__menu-item.cds--header__menu-item--current:focus,a.cds--header__menu-item[aria-current=page]:focus{border:2px solid var(--cds-focus,#0f62fe)}.cds--header__submenu,:host(cds-header-menu){position:relative}.cds--header__menu-title[aria-haspopup=true]{position:relative}.cds--header__menu-title[aria-expanded=true]{z-index:8002;background-color:var(--cds-layer);color:var(--cds-text-secondary,#525252)}.cds--header__menu-title[aria-expanded=true]>.cds--header__menu-arrow{transform:rotate(-180deg)}.cds--header__menu{display:none;padding:0;margin:0;list-style:none}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu{position:absolute;z-index:8001;bottom:0;right:0;display:flex;width:12.5rem;flex-direction:column;background-color:var(--cds-layer);box-shadow:0 4px 8px 0 rgba(0,0,0,.5);transform:translateY(100%)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item{background-color:var(--cds-layer)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:active{background-color:var(--cds-layer-active);color:var(--cds-text-primary,#161616)}.cds--header__menu .cds--header__menu-item{height:3rem}.cds--header__menu-arrow{margin-right:.5rem;fill:var(--cds-icon-secondary,#525252);transition:transform 110ms,fill 110ms}.cds--header__global{display:flex;height:100%;flex:1 1 0%;justify-content:flex-end}.cds--skip-to-content{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--skip-to-content:focus{z-index:9999;top:0;right:0;display:flex;width:auto;height:3rem;align-items:center;padding:0 1rem;border:4px solid var(--cds-focus,#0f62fe);background-color:var(--cds-background,#fff);clip:auto;color:var(--cds-text-secondary,#525252);outline:0}:host(cds-header-nav) .cds-ce--header__divider{position:absolute;right:0;top:50%;transform:translateY(-50%);height:rem(24px);width:rem(1px);background-color:var(--cds-border-subtle)}:host(cds-header-nav-item){outline:0}:host(cds-header-menu){outline:0}:host(cds-header-menu-item){outline:0}:host(cds-header-menu-item) a.cds--header__menu-item{height:3rem}:host(cds-header-menu-item) a.cds--header__menu-item:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12));color:var(--cds-text-primary,#161616)}:host(cds-header-menu-item) a.cds--header__menu-item:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}:host(cds-header-menu-button){display:content;outline:0}@media (min-width:66rem){:host(cds-header-menu-button){display:none}}:host(cds-header-menu-button[collapse-mode=fixed]){display:none}@media (min-width:66rem){:host(cds-header-menu-button[collapse-mode=rail]){display:block}}:host(cds-header-name){display:content;height:100%}',
+  '@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;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--btn{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;width:-moz-max-content;width:max-content;max-width:20rem;min-height:3rem;flex-shrink:0;align-items:center;justify-content:space-between;padding:calc(.875rem - 3px) calc(1rem - 1px) calc(.875rem - 3px) calc(4rem - 1px);margin:0;border-radius:0;cursor:pointer;outline:0;text-align:right;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;left:1rem;width:1rem;height:1rem;flex-shrink:0}.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:calc(.875rem - 3px) 1rem}.cds--btn--ghost:hover{background-color:var(--cds-layer-hover)}.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-layer-active)}.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-right:.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.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--ghost.cds--btn--field,.cds--btn--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{padding-left:.9375rem;padding-right:.9375rem}.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--btn--field.cds--btn--icon-only,.cds--btn--md.cds--btn--icon-only{padding-left:.6875rem;padding-right:.6875rem}.cds--btn--sm.cds--btn--icon-only{padding-left:.4375rem;padding-right:.4375rem}.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:calc(.875rem - 3px) 1rem}.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-right:.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--danger--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--danger--ghost.cds--btn--field,.cds--btn--danger--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--sm{min-height:2rem;padding:calc(.375rem - 3px) calc(1rem - 4px) calc(.375rem - 3px) calc(4rem - 4px)}.cds--btn--2xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-left:4rem;padding-right:1rem;min-height:5rem}.cds--btn--xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-left:4rem;padding-right:1rem;min-height:4rem}.cds--btn--field,.cds--btn--md{min-height:2.5rem;padding:calc(.675rem - 3px) calc(1rem - 4px) calc(.675rem - 3px) calc(4rem - 4px)}.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);min-height:3rem}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon{width:1.25rem;height:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive{max-width:20rem}.cds--btn.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width: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;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";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{width:100%;max-width: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}@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}}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--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:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;top:0;left:0;bottom:0;right:0;filter:var(--cds-popover-drop-shadow, none);pointer-events:none}.cds--popover-content{position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));pointer-events:auto}.cds--popover--open .cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:""}.cds--popover--open .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--caret .cds--popover-caret{display:block}.cds--popover--bottom .cds--popover-content{bottom:0;right:50%;transform:translate(50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--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)))}.cds--popover--bottom-right .cds--popover-content{left:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(100% + var(--cds-popover-offset,0))))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;left:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .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))}.cds--popover--top .cds--popover-content{top:0;right:50%;transform:translate(50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--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)))}.cds--popover--top-right .cds--popover-content{top:0;left:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(-100% - var(--cds-popover-offset,0))))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{left:0;bottom:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .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)))}.cds--popover--right .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),50%)}.cds--popover--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)))}.cds--popover--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)))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;right:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .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%)}.cds--popover--left .cds--popover-content{top:50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + .1px)),-50%)}.cds--popover--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))}.cds--popover--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))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;left:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .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%)}.cds--popover--tab-tip .cds--popover-content{border-radius:0}.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;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button ::after,.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{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .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;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:""}.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);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.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;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;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-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-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);max-width:11rem;padding:.5rem 1rem}.cds--header,:host(cds-header){position:fixed;z-index:8000;top:0;left:0;right:0;display:flex;height:3rem;align-items:center;border-bottom:1px solid var(--cds-border-subtle);background-color:var(--cds-background,#fff)}.cds--header__action{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;width:100%;display:inline-flex;width:3rem;height:3rem;border:.0625rem solid transparent;transition:background-color 110ms,border-color 110ms}.cds--header__action *,.cds--header__action ::after,.cds--header__action ::before{box-sizing:inherit}.cds--header__action::-moz-focus-inner{border:0}@media (max-width:41.98rem){.cds--header__action{min-width:3rem}}.cds--header__action--active>svg.cds--navigation-menu-panel-expand-icon,.cds--header__action>svg.cds--navigation-menu-panel-collapse-icon{display:none}.cds--header__action--active>svg.cds--navigation-menu-panel-collapse-icon{display:inline}.cds--header__action:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--header__action--active{border-left:1px solid var(--cds-border-subtle);border-bottom:1px solid transparent;border-right:1px solid var(--cds-border-subtle);background:var(--cds-layer)}.cds--header__action--active>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__action:focus{border-color:var(--cds-focus,#0f62fe);outline:0}.cds--header__action:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--header__action.cds--btn--icon-only{align-items:center;justify-content:center}.cds--btn.cds--btn--icon-only.cds--header__action svg{fill:var(--cds-icon-secondary,#525252)}.cds--btn.cds--btn--icon-only.cds--header__action--active svg,.cds--btn.cds--btn--icon-only.cds--header__action:active svg,.cds--btn.cds--btn--icon-only.cds--header__action:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-trigger>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-trigger:hover>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-toggle{display:flex;align-items:center;justify-content:center}@media (min-width:66rem){.cds--header__menu-toggle__hidden{display:none}}a.cds--header__name{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);display:flex;height:100%;align-items:center;padding:0 1rem 0 2rem;border:.125rem solid transparent;font-weight:600;letter-spacing:.1px;line-height:1.25rem;outline:0;text-decoration:none;transition:border-color 110ms;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:41.98rem){a.cds--header__name{padding:0 1rem}}a.cds--header__name:focus{border-color:var(--cds-focus,#0f62fe)}.cds--header__name--prefix{font-weight:400}a.cds--header__name,a.cds--header__name:hover{color:var(--cds-text-primary,#161616)}.cds--header__menu-toggle:not(.cds--header__menu-toggle__hidden)~.cds--header__name{padding-right:.5rem}.cds--header__nav,:host(cds-header-nav){position:relative;display:none;height:100%;padding-right:1rem}@media (min-width:66rem){.cds--header__nav,:host(cds-header-nav){display:block}}.cds--header__nav::before,:host(cds-header-nav)::before{position:absolute;top:50%;right:0;display:block;width:.0625rem;height:1.5rem;background-color:var(--cds-border-subtle);content:"";transform:translateY(-50%)}.cds--header__menu-bar{display:flex;height:100%;padding:0;margin:0;list-style:none}a.cds--header__menu-item{position:relative;display:flex;height:100%;align-items:center;padding:0 1rem;border:2px solid transparent;background-color:var(--cds-background,#fff);color:var(--cds-text-secondary,#525252);font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.125rem;text-decoration:none;transition:background-color 110ms,border-color 110ms,color 110ms;-webkit-user-select:none;-moz-user-select:none;user-select:none}a.cds--header__menu-item:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12));color:var(--cds-text-primary,#161616)}.cds--header__action:active,a.cds--header__menu-item:active{background-color:var(--cds-background-active,rgba(141,141,141,.5));color:var(--cds-text-primary,#161616)}a.cds--header__menu-item:focus{border-color:var(--cds-focus,#0f62fe);outline:0}a.cds--header__menu-item:active>svg,a.cds--header__menu-item:hover>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-item--current,a.cds--header__menu-item[aria-current=page]{color:var(--cds-text-primary,#161616)}.cds--header__menu-item--current::after,a.cds--header__menu-item[aria-current=page]::after{position:absolute;top:0;left:0;bottom:-2px;right:0;width:100%;border-bottom:3px solid var(--cds-border-interactive,#0f62fe);content:""}.cds--header__menu-item--current:focus::after,a.cds--header__menu-item[aria-current=page]:focus::after{border:0}.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after,.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,:host(cds-header-menu) .cds--header__menu .cds--header__menu-item--current::after,:host(cds-header-menu) .cds--header__menu a.cds--header__menu-item[aria-current=page]::after{bottom:0;right:-2px;border-bottom:none;border-right:3px solid var(--cds-border-interactive,#0f62fe)}.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after,.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,:host(cds-header-menu) .cds--header__menu .cds--header__menu-item--current:focus::after,:host(cds-header-menu) .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after{right:0;border-right:3px solid var(--cds-border-interactive,#0f62fe)}a.cds--header__menu-item.cds--header__menu-item--current:focus,a.cds--header__menu-item[aria-current=page]:focus{border:2px solid var(--cds-focus,#0f62fe)}.cds--header__submenu,:host(cds-header-menu){position:relative}.cds--header__menu-title[aria-haspopup=true]{position:relative}.cds--header__menu-title[aria-expanded=true]{z-index:8002;background-color:var(--cds-layer);color:var(--cds-text-secondary,#525252)}.cds--header__menu-title[aria-expanded=true]>.cds--header__menu-arrow{transform:rotate(-180deg)}.cds--header__menu{display:none;padding:0;margin:0;list-style:none}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu{position:absolute;z-index:8001;bottom:0;right:0;display:flex;width:12.5rem;flex-direction:column;background-color:var(--cds-layer);box-shadow:0 4px 8px 0 rgba(0,0,0,.5);transform:translateY(100%)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item{background-color:var(--cds-layer)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:active{background-color:var(--cds-layer-active);color:var(--cds-text-primary,#161616)}.cds--header__menu .cds--header__menu-item{height:3rem}.cds--header__menu-arrow{margin-right:.5rem;fill:var(--cds-icon-secondary,#525252);transition:transform 110ms,fill 110ms}.cds--header__global{display:flex;height:100%;flex:1 1 0%;justify-content:flex-end}.cds--skip-to-content{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--skip-to-content:focus{z-index:9999;top:0;right:0;display:flex;width:auto;height:3rem;align-items:center;padding:0 1rem;border:4px solid var(--cds-focus,#0f62fe);background-color:var(--cds-background,#fff);clip:auto;color:var(--cds-text-secondary,#525252);outline:0}.cds--header-panel,:host(cds-header-panel){position:fixed;z-index:8000;top:3rem;left:0;bottom:0;overflow:hidden;width:0;border:none;background-color:var(--cds-layer);color:var(--cds-text-secondary,#525252);transition:width 110ms cubic-bezier(.2,0,1,.9);will-change:width}.cds--header-panel--expanded,:host(cds-header-panel){width:16rem;border-left:1px solid var(--cds-border-subtle);border-right:1px solid var(--cds-border-subtle)}.cds--switcher,:host(cds-switcher){display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cds-text-secondary,#525252)}.cds--switcher__item,:host(cds-switcher-item){width:100%;height:2rem}.cds--switcher__item:nth-child(1),:host(cds-switcher-item:nth-child(1)){margin-top:1rem}.cds--switcher__item--divider,:host(cds-switcher-divider){display:block;width:14rem;height:1px;border:none;margin:.5rem 1rem;background:var(--cds-border-subtle)}.cds--switcher__item-link{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:block;height:2rem;padding:.375rem 1rem;color:var(--cds-text-secondary,#525252);text-decoration:none}.cds--switcher__item-link:hover:not(.cds--switcher__item-link--selected){background:var(--cds-layer-hover);color:var(--cds-text-primary,#161616);cursor:pointer}.cds--switcher__item-link:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds--switcher__item-link:active{background:var(--cds-layer-active);color:var(--cds-text-primary,#161616)}.cds--switcher__item-link--selected{background:var(--cds-layer-selected);color:var(--cds-text-primary,#161616)}:host(cds-header-nav) .cds-ce--header__divider{position:absolute;right:0;top:50%;transform:translateY(-50%);height:rem(24px);width:rem(1px);background-color:var(--cds-border-subtle)}:host(cds-header-nav-item){outline:0}:host(cds-header-menu){outline:0}:host(cds-header-menu-item){outline:0}:host(cds-header-menu-item) a.cds--header__menu-item{height:3rem;background-color:var(--cds-layer)}:host(cds-header-menu-item) a.cds--header__menu-item:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12));color:var(--cds-text-primary,#161616)}:host(cds-header-menu-item) a.cds--header__menu-item:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}:host(cds-header-menu-item) a.cds--header__menu-item--current{background-color:var(--cds-layer-selected)}:host(cds-header-menu-item) a.cds--header__menu-item--current:hover{background-color:var(--cds-layer-selected-hover)}:host(cds-header-menu-item) a.cds--header__menu-item--current::after{position:absolute;top:-2px;right:-2px;bottom:-2px;width:3px;height:100%;background-color:var(--cds-border-interactive,#0f62fe);content:""}:host(cds-header-global-action) ::slotted(svg){fill:var(--cds-icon-secondary,#525252)}:host(cds-header-global-action:hover) ::slotted(svg){fill:var(--cds-icon-primary,#161616)}:host(cds-header-menu) a.cds--header__menu-item,:host(cds-header-nav-item) a.cds--header__menu-item{box-sizing:border-box}:host(cds-header-menu-button){display:content;outline:0}@media (min-width:66rem){:host(cds-header-menu-button){display:none}}:host(cds-header-menu-button[collapse-mode=fixed]){display:none}@media (min-width:66rem){:host(cds-header-menu-button[collapse-mode=rail]){display:block}}:host(cds-header-name){display:content;height:100%}:host(cds-header-name) a{box-sizing:border-box}:host(cds-switcher-item) a{box-sizing:border-box}',
 ]);

package/es/components/ui-shell/index.d.ts CHANGED Viewed

@@ -18,6 +18,11 @@ import './header-menu-item';
 import './side-nav-items';
 import './header-menu-button';
 import './header-nav-item';
+import './header-global-action';
+import './header-panel';
+import './switcher';
+import './switcher-item';
+import './switcher-divider';
 import './side-nav-menu';
 //# sourceMappingURL=index.d.ts.map

package/es/components/ui-shell/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/ui-shell/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,CAAC;AAClB,OAAO,YAAY,CAAC;AACpB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,eAAe,CAAC;AACvB,OAAO,cAAc,CAAC;AACtB,OAAO,iBAAiB,CAAC;AACzB,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC","file":"index.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021\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 './side-nav-menu-item';\nimport './header';\nimport './side-nav';\nimport './side-nav-divider';\nimport './header-name';\nimport './header-nav';\nimport './side-nav-link';\nimport './header-menu';\nimport './header-menu-item';\nimport './side-nav-items';\nimport './header-menu-button';\nimport './header-nav-item';\nimport './side-nav-menu';\n"]}
1	+ {"version":3,"sources":["components/ui-shell/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,CAAC;AAClB,OAAO,YAAY,CAAC;AACpB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,eAAe,CAAC;AACvB,OAAO,cAAc,CAAC;AACtB,OAAO,iBAAiB,CAAC;AACzB,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,wBAAwB,CAAC;AAChC,OAAO,gBAAgB,CAAC;AACxB,OAAO,YAAY,CAAC;AACpB,OAAO,iBAAiB,CAAC;AACzB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC","file":"index.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021\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 './side-nav-menu-item';\nimport './header';\nimport './side-nav';\nimport './side-nav-divider';\nimport './header-name';\nimport './header-nav';\nimport './side-nav-link';\nimport './header-menu';\nimport './header-menu-item';\nimport './side-nav-items';\nimport './header-menu-button';\nimport './header-nav-item';\nimport './header-global-action';\nimport './header-panel';\nimport './switcher';\nimport './switcher-item';\nimport './switcher-divider';\nimport './side-nav-menu';\n"]}

package/es/components/ui-shell/index.js CHANGED Viewed

@@ -19,5 +19,10 @@ import './header-menu-item';
 import './side-nav-items';
 import './header-menu-button';
 import './header-nav-item';
+import './header-global-action';
+import './header-panel';
+import './switcher';
+import './switcher-item';
+import './switcher-divider';
 import './side-nav-menu';
 //# sourceMappingURL=index.js.map

package/es/components/ui-shell/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["components/ui-shell/index.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021\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 './side-nav-menu-item';\nimport './header';\nimport './side-nav';\nimport './side-nav-divider';\nimport './header-name';\nimport './header-nav';\nimport './side-nav-link';\nimport './header-menu';\nimport './header-menu-item';\nimport './side-nav-items';\nimport './header-menu-button';\nimport './header-nav-item';\nimport './side-nav-menu';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,sBAAsB;AAC7B,OAAO,UAAU;AACjB,OAAO,YAAY;AACnB,OAAO,oBAAoB;AAC3B,OAAO,eAAe;AACtB,OAAO,cAAc;AACrB,OAAO,iBAAiB;AACxB,OAAO,eAAe;AACtB,OAAO,oBAAoB;AAC3B,OAAO,kBAAkB;AACzB,OAAO,sBAAsB;AAC7B,OAAO,mBAAmB;AAC1B,OAAO,iBAAiB"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["components/ui-shell/index.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021\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 './side-nav-menu-item';\nimport './header';\nimport './side-nav';\nimport './side-nav-divider';\nimport './header-name';\nimport './header-nav';\nimport './side-nav-link';\nimport './header-menu';\nimport './header-menu-item';\nimport './side-nav-items';\nimport './header-menu-button';\nimport './header-nav-item';\nimport './header-global-action';\nimport './header-panel';\nimport './switcher';\nimport './switcher-item';\nimport './switcher-divider';\nimport './side-nav-menu';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,sBAAsB;AAC7B,OAAO,UAAU;AACjB,OAAO,YAAY;AACnB,OAAO,oBAAoB;AAC3B,OAAO,eAAe;AACtB,OAAO,cAAc;AACrB,OAAO,iBAAiB;AACxB,OAAO,eAAe;AACtB,OAAO,oBAAoB;AAC3B,OAAO,kBAAkB;AACzB,OAAO,sBAAsB;AAC7B,OAAO,mBAAmB;AAC1B,OAAO,wBAAwB;AAC/B,OAAO,gBAAgB;AACvB,OAAO,YAAY;AACnB,OAAO,iBAAiB;AACxB,OAAO,oBAAoB;AAC3B,OAAO,iBAAiB"}

package/es/components/ui-shell/side-nav-divider.d.ts CHANGED Viewed

@@ -12,10 +12,10 @@ import { LitElement } from 'lit';
  *
  * @element cds-side-nav-divider
  */
-declare class BXSideNavDivider extends LitElement {
+declare class CDSSideNavDivider extends LitElement {
     connectedCallback(): void;
     static styles: any;
 }
-export default BXSideNavDivider;
+export default CDSSideNavDivider;
 //# sourceMappingURL=side-nav-divider.d.ts.map

package/es/components/ui-shell/side-nav-divider.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/ui-shell/side-nav-divider.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC;;;;GAIG;AACH,cACM,~~gBAAiB~~,SAAQ,UAAU;~~IACvC~~,iBAAiB;IAOjB,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,~~gBAAgB~~,CAAC","file":"side-nav-divider.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 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 } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './side-nav.scss';\n\n/\n A divider in side nav.\n \n @element cds-side-nav-divider\n */\n@customElement(`${prefix}-side-nav-divider`)\nclass ~~BXSideNavDivider~~ extends LitElement {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'separator');\n }\n super.connectedCallback();\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default ~~BXSideNavDivider~~;\n"]}
1	+ {"version":3,"sources":["components/ui-shell/side-nav-divider.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC;;;;GAIG;AACH,cACM,iBAAkB,SAAQ,UAAU;IACxC,iBAAiB;IAOjB,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC","file":"side-nav-divider.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 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 } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './side-nav.scss';\n\n/\n A divider in side nav.\n \n @element cds-side-nav-divider\n */\n@customElement(`${prefix}-side-nav-divider`)\nclass CDSSideNavDivider extends LitElement {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'separator');\n }\n super.connectedCallback();\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNavDivider;\n"]}

package/es/components/ui-shell/side-nav-divider.js CHANGED Viewed

@@ -24,15 +24,15 @@ import styles from "././side-nav.css.js";
      *
      * @element cds-side-nav-divider
      */
-let BXSideNavDivider = _decorate([customElement(`${prefix}-side-nav-divider`)], function (_initialize, _LitElement) {
-  class BXSideNavDivider extends _LitElement {
+let CDSSideNavDivider = _decorate([customElement(`${prefix}-side-nav-divider`)], function (_initialize, _LitElement) {
+  class CDSSideNavDivider extends _LitElement {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXSideNavDivider,
+    F: CDSSideNavDivider,
     d: [{
       kind: "method",
       key: "connectedCallback",
@@ -40,7 +40,7 @@ let BXSideNavDivider = _decorate([customElement(`${prefix}-side-nav-divider`)],
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'separator');
         }
-        _get(_getPrototypeOf(BXSideNavDivider.prototype), "connectedCallback", this).call(this);
+        _get(_getPrototypeOf(CDSSideNavDivider.prototype), "connectedCallback", this).call(this);
       }
     }, {
       kind: "field",
@@ -52,5 +52,5 @@ let BXSideNavDivider = _decorate([customElement(`${prefix}-side-nav-divider`)],
     }]
   };
 }, LitElement);
-export default BXSideNavDivider;
+export default CDSSideNavDivider;
 //# sourceMappingURL=side-nav-divider.js.map

package/es/components/ui-shell/side-nav-divider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"side-nav-divider.js","names":["LitElement","customElement","prefix","styles","~~BXSideNavDivider~~","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","static"],"sources":["components/ui-shell/side-nav-divider.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 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 } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './side-nav.scss';\n\n/\n A divider in side nav.\n \n @element cds-side-nav-divider\n */\n@customElement(`${prefix}-side-nav-divider`)\nclass ~~BXSideNavDivider~~ extends LitElement {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'separator');\n }\n super.connectedCallback();\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default ~~BXSideNavDivider~~;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,KAAK;AAChC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,qBAAiB;;AAEpC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,~~gBAAgB~~,GAAAC,SAAA,~~EADrBJ~~,aAAa,CAAE,GAAEC,MAAO,mBAAkB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA5C,MACMH,~~gBAAgB~~,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;~~EAS1C~~;EAAC;IAAAI,CAAA,EATKN,~~gBAAgB~~;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,~~EACpB~~,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC;QACxC;QACAC,IAAA,CAAAC,eAAA,CALEf,~~gBAAgB~~,CAAAgB,SAAA,8BAAAC,IAAA;~~MAMpB~~;IAAC;MAAAT,IAAA;MAAAU,MAAA;MAAAT,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,~~GAROH~~,UAAU;~~AAWzC~~,eAAeI,~~gBAAgB~~"}
1	+ {"version":3,"file":"side-nav-divider.js","names":["LitElement","customElement","prefix","styles","CDSSideNavDivider","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","static"],"sources":["components/ui-shell/side-nav-divider.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 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 } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './side-nav.scss';\n\n/\n A divider in side nav.\n \n @element cds-side-nav-divider\n */\n@customElement(`${prefix}-side-nav-divider`)\nclass CDSSideNavDivider extends LitElement {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'separator');\n }\n super.connectedCallback();\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNavDivider;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,KAAK;AAChC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,qBAAiB;;AAEpC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,iBAAiB,GAAAC,SAAA,EADtBJ,aAAa,CAAE,GAAEC,MAAO,mBAAkB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA5C,MACMH,iBAAiB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAS3C;EAAC;IAAAI,CAAA,EATKN,iBAAiB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACrB,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC;QACxC;QACAC,IAAA,CAAAC,eAAA,CALEf,iBAAiB,CAAAgB,SAAA,8BAAAC,IAAA;MAMrB;IAAC;MAAAT,IAAA;MAAAU,MAAA;MAAAT,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GARQH,UAAU;AAW1C,eAAeI,iBAAiB"}

package/es/components/ui-shell/side-nav-items.d.ts CHANGED Viewed

@@ -12,11 +12,11 @@ import { LitElement } from 'lit';
  *
  * @element cds-side-nav-items
  */
-declare class BXSideNavItems extends LitElement {
+declare class CDSSideNavItems extends LitElement {
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;
 }
-export default BXSideNavItems;
+export default CDSSideNavItems;
 //# sourceMappingURL=side-nav-items.d.ts.map

package/es/components/ui-shell/side-nav-items.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/ui-shell/side-nav-items.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,~~cAAe~~,SAAQ,UAAU;~~IACrC~~,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,~~cAAc~~,CAAC","file":"side-nav-items.d.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 { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './side-nav.scss';\n\n/\n Side nav items.\n \n @element cds-side-nav-items\n */\n@customElement(`${prefix}-side-nav-items`)\nclass ~~BXSideNavItems~~ extends LitElement {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'list');\n }\n super.connectedCallback();\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 ~~BXSideNavItems~~;\n"]}
1	+ {"version":3,"sources":["components/ui-shell/side-nav-items.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,eAAgB,SAAQ,UAAU;IACtC,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"side-nav-items.d.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 { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './side-nav.scss';\n\n/\n Side nav items.\n \n @element cds-side-nav-items\n */\n@customElement(`${prefix}-side-nav-items`)\nclass CDSSideNavItems extends LitElement {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'list');\n }\n super.connectedCallback();\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 CDSSideNavItems;\n"]}

package/es/components/ui-shell/side-nav-items.js CHANGED Viewed

@@ -26,15 +26,15 @@ import styles from "././side-nav.css.js";
      *
      * @element cds-side-nav-items
      */
-let BXSideNavItems = _decorate([customElement(`${prefix}-side-nav-items`)], function (_initialize, _LitElement) {
-  class BXSideNavItems extends _LitElement {
+let CDSSideNavItems = _decorate([customElement(`${prefix}-side-nav-items`)], function (_initialize, _LitElement) {
+  class CDSSideNavItems extends _LitElement {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXSideNavItems,
+    F: CDSSideNavItems,
     d: [{
       kind: "method",
       key: "connectedCallback",
@@ -42,13 +42,13 @@ let BXSideNavItems = _decorate([customElement(`${prefix}-side-nav-items`)], func
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'list');
         }
-        _get(_getPrototypeOf(BXSideNavItems.prototype), "connectedCallback", this).call(this);
+        _get(_getPrototypeOf(CDSSideNavItems.prototype), "connectedCallback", this).call(this);
       }
     }, {
       kind: "method",
       key: "render",
       value: function render() {
-        return html(_t || (_t = _` <slot></slot> `));
+        return html(_t || (_t = _`<slot></slot>`));
       }
     }, {
       kind: "field",
@@ -60,5 +60,5 @@ let BXSideNavItems = _decorate([customElement(`${prefix}-side-nav-items`)], func
     }]
   };
 }, LitElement);
-export default BXSideNavItems;
+export default CDSSideNavItems;
 //# sourceMappingURL=side-nav-items.js.map

package/es/components/ui-shell/side-nav-items.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"side-nav-items.js","names":["LitElement","html","customElement","prefix","styles","~~BXSideNavItems~~","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/ui-shell/side-nav-items.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 { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './side-nav.scss';\n\n/\n Side nav items.\n \n @element cds-side-nav-items\n */\n@customElement(`${prefix}-side-nav-items`)\nclass ~~BXSideNavItems~~ extends LitElement {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'list');\n }\n super.connectedCallback();\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 ~~BXSideNavItems~~;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,qBAAiB;;AAEpC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,~~cAAc~~,GAAAC,SAAA,~~EADnBJ~~,aAAa,CAAE,GAAEC,MAAO,iBAAgB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA1C,MACMH,~~cAAc~~,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;~~EAaxC~~;EAAC;IAAAI,CAAA,EAbKN,~~cAAc~~;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,~~EAClB~~,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QACnC;QACAC,IAAA,CAAAC,eAAA,CALEf,~~cAAc~~,CAAAgB,SAAA,8BAAAC,IAAA;~~MAMlB~~;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOtB,IAAI,CAAAuB,EAAA,KAAAA,EAAA,GAAAC,CAAC,~~iBAAe~~;~~MAC7B~~;IAAC;MAAAZ,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,~~GAZKJ~~,UAAU;~~AAevC~~,eAAeK,~~cAAc~~"}
1	+ {"version":3,"file":"side-nav-items.js","names":["LitElement","html","customElement","prefix","styles","CDSSideNavItems","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/ui-shell/side-nav-items.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 { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './side-nav.scss';\n\n/\n Side nav items.\n \n @element cds-side-nav-items\n */\n@customElement(`${prefix}-side-nav-items`)\nclass CDSSideNavItems extends LitElement {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'list');\n }\n super.connectedCallback();\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 CDSSideNavItems;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,qBAAiB;;AAEpC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,eAAe,GAAAC,SAAA,EADpBJ,aAAa,CAAE,GAAEC,MAAO,iBAAgB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA1C,MACMH,eAAe,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAazC;EAAC;IAAAI,CAAA,EAbKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACnB,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QACnC;QACAC,IAAA,CAAAC,eAAA,CALEf,eAAe,CAAAgB,SAAA,8BAAAC,IAAA;MAMnB;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOtB,IAAI,CAAAuB,EAAA,KAAAA,EAAA,GAAAC,CAAC,eAAa;MAC3B;IAAC;MAAAZ,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAZMJ,UAAU;AAexC,eAAeK,eAAe"}

package/es/components/ui-shell/side-nav-link.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { LitElement } from 'lit';
-declare const BXSideNavLink_base: {
+declare const CDSSideNavLink_base: {
     new (...args: any[]): {
         focus(): void;
         accessKey: string;
@@ -321,7 +321,7 @@ declare const BXSideNavLink_base: {
  * @slot title - The title.
  * @slot title-icon-container - The title icon container.
  */
-declare class BXSideNavLink extends BXSideNavLink_base {
+declare class CDSSideNavLink extends CDSSideNavLink_base {
     /**
      * The container for the title icon.
      */
@@ -338,6 +338,10 @@ declare class BXSideNavLink extends BXSideNavLink_base {
      * Link `href`.
      */
     href: string;
+    /**
+     * Specify if this is a large variation of the side nav link
+     */
+    large: boolean;
     /**
      * The title.
      */
@@ -351,6 +355,6 @@ declare class BXSideNavLink extends BXSideNavLink_base {
     };
     static styles: any;
 }
-export default BXSideNavLink;
+export default CDSSideNavLink;
 //# sourceMappingURL=side-nav-link.d.ts.map

package/es/components/ui-shell/side-nav-link.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/ui-shell/side-nav-link.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMvC;;;;;;;GAOG;AACH,cACM,~~aAAc~~,SAAQ,~~kBAAsB~~;~~IAChD~~;;OAEG;IAEH,OAAO,CAAC,uBAAuB,CAAkB;IAEjD;;OAEG;IACH,OAAO,CAAC,0BAA0B;IAOlC;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,iBAAiB;IAOjB,MAAM;IA6BN,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,~~aAAa~~,CAAC","file":"side-nav-link.d.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './side-nav.scss';\n\n/\n Side nav menu item.\n \n @element cds-side-nav-link\n * @slot link - The link.\n * @slot title - The title.\n * @slot title-icon-container - The title icon container.\n /\n@customElement(`${prefix}-side-nav-link`)\nclass ~~BXSideNavLink~~ extends FocusMixin(LitElement) {\n /\n The container for the title icon.\n /\n @query('#title-icon-container')\n private _titleIconContainerNode!: HTMLDivElement;\n\n /\n Handles `slotchange` event on the `<slot>` for the title icon.\n /\n private _handleSlotChangeTitleIcon({ target }) {\n this._titleIconContainerNode?.toggleAttribute(\n 'hidden',\n target.assignedNodes().length === 0\n );\n }\n\n /\n `true` if the menu item should be active.\n /\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /\n Link `href`.\n /\n @property()\n href = '';\n\n /\n The title.\n */\n @property()\n title!: string;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n render() {\n const {\n active,\n href,\n title,\n _handleSlotChangeTitleIcon: handleSlotChangeTitleIcon,\n } = this;\n const classes = classMap({\n [`${prefix}--side-nav__link`]: true,\n [`${prefix}--side-nav__link--current`]: active,\n });\n return html`\n <a part=\"link\" class=\"${classes}\" href=\"${href}\">\n <div\n id=\"title-icon-container\"\n part=\"title-icon-container\"\n hidden\n class=\"${prefix}--side-nav__icon\">\n <slot\n name=\"title-icon\"\n @slotchange=${handleSlotChangeTitleIcon}></slot>\n </div>\n <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n <slot>${title}</slot>\n </span>\n </a>\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default ~~BXSideNavLink~~;\n"]}
1	+ {"version":3,"sources":["components/ui-shell/side-nav-link.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMvC;;;;;;;GAOG;AACH,cACM,cAAe,SAAQ,mBAAsB;IACjD;;OAEG;IAEH,OAAO,CAAC,uBAAuB,CAAkB;IAEjD;;OAEG;IACH,OAAO,CAAC,0BAA0B;IAOlC;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,iBAAiB;IAOjB,MAAM;IA6BN,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"side-nav-link.d.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './side-nav.scss';\n\n/\n Side nav menu item.\n \n @element cds-side-nav-link\n * @slot link - The link.\n * @slot title - The title.\n * @slot title-icon-container - The title icon container.\n /\n@customElement(`${prefix}-side-nav-link`)\nclass CDSSideNavLink extends FocusMixin(LitElement) {\n /\n The container for the title icon.\n /\n @query('#title-icon-container')\n private _titleIconContainerNode!: HTMLDivElement;\n\n /\n Handles `slotchange` event on the `<slot>` for the title icon.\n /\n private _handleSlotChangeTitleIcon({ target }) {\n this._titleIconContainerNode?.toggleAttribute(\n 'hidden',\n target.assignedNodes().length === 0\n );\n }\n\n /\n `true` if the menu item should be active.\n /\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /\n Link `href`.\n /\n @property()\n href = '';\n\n /\n Specify if this is a large variation of the side nav link\n /\n @property({ type: Boolean, reflect: true })\n large = false;\n\n /\n The title.\n */\n @property()\n title!: string;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n render() {\n const {\n active,\n href,\n title,\n _handleSlotChangeTitleIcon: handleSlotChangeTitleIcon,\n } = this;\n const classes = classMap({\n [`${prefix}--side-nav__link`]: true,\n [`${prefix}--side-nav__link--current`]: active,\n });\n return html`\n <a part=\"link\" class=\"${classes}\" href=\"${href}\">\n <div\n id=\"title-icon-container\"\n part=\"title-icon-container\"\n hidden\n class=\"${prefix}--side-nav__icon\">\n <slot\n name=\"title-icon\"\n @slotchange=${handleSlotChangeTitleIcon}></slot>\n </div>\n <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n <slot>${title}</slot>\n </span>\n </a>\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNavLink;\n"]}

package/es/components/ui-shell/side-nav-link.js CHANGED Viewed

@@ -35,15 +35,15 @@ import styles from "././side-nav.css.js";
      * @slot title - The title.
      * @slot title-icon-container - The title icon container.
      */
-let BXSideNavLink = _decorate([customElement(`${prefix}-side-nav-link`)], function (_initialize, _FocusMixin) {
-  class BXSideNavLink extends _FocusMixin {
+let CDSSideNavLink = _decorate([customElement(`${prefix}-side-nav-link`)], function (_initialize, _FocusMixin) {
+  class CDSSideNavLink extends _FocusMixin {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXSideNavLink,
+    F: CDSSideNavLink,
     d: [{
       kind: "field",
       decorators: [query('#title-icon-container')],
@@ -87,6 +87,16 @@ let BXSideNavLink = _decorate([customElement(`${prefix}-side-nav-link`)], functi
       value() {
         return '';
       }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "large",
+      value() {
+        return false;
+      }
     }, {
       kind: "field",
       decorators: [property()],
@@ -99,6 +109,9 @@ let BXSideNavLink = _decorate([customElement(`${prefix}-side-nav-link`)], functi
       /**
        * Link `href`.
        */
+      /**
+       * Specify if this is a large variation of the side nav link
+       */
       /**
        * The title.
        */
@@ -106,7 +119,7 @@ let BXSideNavLink = _decorate([customElement(`${prefix}-side-nav-link`)], functi
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'listitem');
         }
-        _get(_getPrototypeOf(BXSideNavLink.prototype), "connectedCallback", this).call(this);
+        _get(_getPrototypeOf(CDSSideNavLink.prototype), "connectedCallback", this).call(this);
       }
     }, {
       kind: "method",
@@ -158,5 +171,5 @@ let BXSideNavLink = _decorate([customElement(`${prefix}-side-nav-link`)], functi
     }]
   };
 }, FocusMixin(LitElement));
-export default BXSideNavLink;
+export default CDSSideNavLink;
 //# sourceMappingURL=side-nav-link.js.map

package/es/components/ui-shell/side-nav-link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"side-nav-link.js","names":["classMap","LitElement","html","property","customElement","query","prefix","FocusMixin","styles","~~BXSideNavLink~~","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","_handleSlotChangeTitleIcon","target","_this$_titleIconConta","_titleIconContainerNode","toggleAttribute","assignedNodes","length","type","Boolean","reflect","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","active","href","title","handleSlotChangeTitleIcon","classes","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/side-nav-link.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './side-nav.scss';\n\n/\n Side nav menu item.\n \n @element cds-side-nav-link\n * @slot link - The link.\n * @slot title - The title.\n * @slot title-icon-container - The title icon container.\n /\n@customElement(`${prefix}-side-nav-link`)\nclass ~~BXSideNavLink~~ extends FocusMixin(LitElement) {\n /\n The container for the title icon.\n /\n @query('#title-icon-container')\n private _titleIconContainerNode!: HTMLDivElement;\n\n /\n Handles `slotchange` event on the `<slot>` for the title icon.\n /\n private _handleSlotChangeTitleIcon({ target }) {\n this._titleIconContainerNode?.toggleAttribute(\n 'hidden',\n target.assignedNodes().length === 0\n );\n }\n\n /\n `true` if the menu item should be active.\n /\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /\n Link `href`.\n /\n @property()\n href = '';\n\n /\n The title.\n */\n @property()\n title!: string;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n render() {\n const {\n active,\n href,\n title,\n _handleSlotChangeTitleIcon: handleSlotChangeTitleIcon,\n } = this;\n const classes = classMap({\n [`${prefix}--side-nav__link`]: true,\n [`${prefix}--side-nav__link--current`]: active,\n });\n return html`\n <a part=\"link\" class=\"${classes}\" href=\"${href}\">\n <div\n id=\"title-icon-container\"\n part=\"title-icon-container\"\n hidden\n class=\"${prefix}--side-nav__icon\">\n <slot\n name=\"title-icon\"\n @slotchange=${handleSlotChangeTitleIcon}></slot>\n </div>\n <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n <slot>${title}</slot>\n </span>\n </a>\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default ~~BXSideNavLink~~;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,QAAQ,mBAAmB;AAClE,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,qBAAiB;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,IASMC,~~aAAa~~,GAAAC,SAAA,~~EADlBN~~,aAAa,CAAE,GAAEE,MAAO,gBAAe,CAAC,aAAAK,WAAA,EAAAC,WAAA;EAAzC,MACMH,~~aAAa~~,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;~~EA4EnD~~;EAAC;IAAAI,CAAA,~~EA5EKN~~,~~aAAa~~;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,~~GAIhBb~~,KAAK,CAAC,uBAAuB,CAAC;MAAAc,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA;MAH/B;AACF;AACA;;MAIE;AACF;AACA;MACE,SAAAC,2BAAmC;QAAEC;MAAO,CAAC,EAAE;QAAA,IAAAC,qBAAA;QAC7C,CAAAA,qBAAA,OAAI,CAACC,uBAAuB,cAAAD,qBAAA,uBAA5BA,qBAAA,CAA8BE,eAAe,CAC3C,QAAQ,EACRH,MAAM,CAACI,aAAa,EAAE,CAACC,MAAM,KAAK,CAAC,CACpC;MACH;;MAEA;AACF;AACA;IAFE;MAAAV,IAAA;MAAAC,UAAA,GAGCf,QAAQ,CAAC;QAAEyB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAX,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAKbf,QAAQ,EAAE;MAAAgB,GAAA;MAAAC,MAAA;QAAA,OACJ,EAAE;MAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAKRf,QAAQ,EAAE;MAAAgB,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA;~~MATX~~;AACF;AACA;MAIE;AACF;AACA;MAIE,SAAAW,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,~~CAvCE1B~~,~~aAAa~~,CAAA2B,SAAA,8BAAAC,IAAA;~~MAwCjB~~;IAAC;MAAApB,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAED,SAAAkB,OAAA,EAAS;QACP,MAAM;UACJC,MAAM;UACNC,IAAI;UACJC,KAAK;UACLpB,0BAA0B,EAAEqB;QAC9B,CAAC,GAAG,IAAI;QACR,MAAMC,OAAO,GAAG3C,QAAQ,CAAC;UACvB,CAAE,GAAEM,MAAO,kBAAiB,GAAG,IAAI;UACnC,CAAE,GAAEA,MAAO,2BAA0B,GAAGiC;QAC1C,CAAC,CAAC;QACF,OAAOrC,IAAI,CAAA0C,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,8BAA4B,CAAU,WAAQ,CAAO;AACrD;AACA;AACA;AACA;AACA,mBAAiB,CAAS;AAC1B;AACA;AACA,0BAAwB,CAA4B;AACpD;AACA,oCAAkC,CAAS;AAC3C,kBAAgB,CAAQ;AACxB;AACA;AACA,KAAI,GAd0BF,OAAO,EAAWH,IAAI,EAKjClC,MAAM,EAGCoC,yBAAyB,EAEfpC,MAAM,EACxBmC,KAAK;MAIrB;IAAC;MAAAxB,IAAA;MAAA6B,MAAA;MAAA3B,GAAA;MAAAC,MAAA;QAAA,OAAA2B,aAAA,CAAAA,aAAA,KAGI9C,UAAU,CAAC+C,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAAhC,IAAA;MAAA6B,MAAA;MAAA3B,GAAA;MAAAC,MAAA;QAAA,OAENZ,MAAM;MAAA;IAAA;EAAA;AAAA,~~GA3EID~~,UAAU,CAACN,UAAU,CAAC;~~AA8ElD~~,eAAeQ,~~aAAa~~"}
1	+ {"version":3,"file":"side-nav-link.js","names":["classMap","LitElement","html","property","customElement","query","prefix","FocusMixin","styles","CDSSideNavLink","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","_handleSlotChangeTitleIcon","target","_this$_titleIconConta","_titleIconContainerNode","toggleAttribute","assignedNodes","length","type","Boolean","reflect","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","active","href","title","handleSlotChangeTitleIcon","classes","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/side-nav-link.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './side-nav.scss';\n\n/\n Side nav menu item.\n \n @element cds-side-nav-link\n * @slot link - The link.\n * @slot title - The title.\n * @slot title-icon-container - The title icon container.\n /\n@customElement(`${prefix}-side-nav-link`)\nclass CDSSideNavLink extends FocusMixin(LitElement) {\n /\n The container for the title icon.\n /\n @query('#title-icon-container')\n private _titleIconContainerNode!: HTMLDivElement;\n\n /\n Handles `slotchange` event on the `<slot>` for the title icon.\n /\n private _handleSlotChangeTitleIcon({ target }) {\n this._titleIconContainerNode?.toggleAttribute(\n 'hidden',\n target.assignedNodes().length === 0\n );\n }\n\n /\n `true` if the menu item should be active.\n /\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /\n Link `href`.\n /\n @property()\n href = '';\n\n /\n Specify if this is a large variation of the side nav link\n /\n @property({ type: Boolean, reflect: true })\n large = false;\n\n /\n The title.\n */\n @property()\n title!: string;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n render() {\n const {\n active,\n href,\n title,\n _handleSlotChangeTitleIcon: handleSlotChangeTitleIcon,\n } = this;\n const classes = classMap({\n [`${prefix}--side-nav__link`]: true,\n [`${prefix}--side-nav__link--current`]: active,\n });\n return html`\n <a part=\"link\" class=\"${classes}\" href=\"${href}\">\n <div\n id=\"title-icon-container\"\n part=\"title-icon-container\"\n hidden\n class=\"${prefix}--side-nav__icon\">\n <slot\n name=\"title-icon\"\n @slotchange=${handleSlotChangeTitleIcon}></slot>\n </div>\n <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n <slot>${title}</slot>\n </span>\n </a>\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNavLink;\n"],"mappings":"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"}

package/es/components/ui-shell/side-nav-menu-item.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { LitElement } from 'lit';
-declare const BXSideNavMenuItem_base: {
+declare const CDSSideNavMenuItem_base: {
     new (...args: any[]): {
         focus(): void;
         accessKey: string;
@@ -320,7 +320,7 @@ declare const BXSideNavMenuItem_base: {
  * @csspart link The link.
  * @csspart title The title.
  */
-declare class BXSideNavMenuItem extends BXSideNavMenuItem_base {
+declare class CDSSideNavMenuItem extends CDSSideNavMenuItem_base {
     /**
      * `true` if the menu item should be active.
      */
@@ -346,6 +346,6 @@ declare class BXSideNavMenuItem extends BXSideNavMenuItem_base {
     };
     static styles: any;
 }
-export default BXSideNavMenuItem;
+export default CDSSideNavMenuItem;
 //# sourceMappingURL=side-nav-menu-item.d.ts.map

package/es/components/ui-shell/side-nav-menu-item.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/ui-shell/side-nav-menu-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOvC;;;;;;GAMG;AACH,cACM,~~iBAAkB~~,SAAQ,~~sBAAsB~~;~~IACpD~~;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,YAAY,CAAC,iBAAiB,KAAA;IAW9B,MAAM;IAeN;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,~~iBAAiB~~,CAAC","file":"side-nav-menu-item.d.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport ~~BXSideNavMenu~~ from './side-nav-menu';\nimport styles from './side-nav.scss';\n\n/\n Side nav menu item.\n \n @element cds-side-nav-menu-item\n * @csspart link The link.\n * @csspart title The title.\n /\n@customElement(`${prefix}-side-nav-menu-item`)\nclass ~~BXSideNavMenuItem~~ extends FocusMixin(LitElement) {\n /\n `true` if the menu item should be active.\n /\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /\n Link `href`.\n /\n @property()\n href = '';\n\n /\n The title.\n /\n @property()\n title!: string;\n\n shouldUpdate(changedProperties) {\n if (changedProperties.has('active') && this.active) {\n const { selectorMenu } = this.constructor as typeof ~~BXSideNavMenuItem~~;\n const parent = this.closest(selectorMenu);\n if (parent) {\n (parent as ~~BXSideNavMenu~~).active = true;\n }\n }\n return true;\n }\n\n render() {\n const { active, href, title } = this;\n const classes = classMap({\n [`${prefix}--side-nav__link`]: true,\n [`${prefix}--side-nav__link--current`]: active,\n });\n return html`\n <a part=\"link\" class=\"${classes}\" href=\"${href}\">\n <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n <slot>${title}</slot>\n </span>\n </a>\n `;\n }\n\n /\n A selector that will return the parent menu.\n */\n static get selectorMenu() {\n return `${prefix}-side-nav-menu`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default ~~BXSideNavMenuItem~~;\n"]}
1	+ {"version":3,"sources":["components/ui-shell/side-nav-menu-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOvC;;;;;;GAMG;AACH,cACM,kBAAmB,SAAQ,uBAAsB;IACrD;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,YAAY,CAAC,iBAAiB,KAAA;IAW9B,MAAM;IAeN;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC","file":"side-nav-menu-item.d.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport CDSSideNavMenu from './side-nav-menu';\nimport styles from './side-nav.scss';\n\n/\n Side nav menu item.\n \n @element cds-side-nav-menu-item\n * @csspart link The link.\n * @csspart title The title.\n /\n@customElement(`${prefix}-side-nav-menu-item`)\nclass CDSSideNavMenuItem extends FocusMixin(LitElement) {\n /\n `true` if the menu item should be active.\n /\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /\n Link `href`.\n /\n @property()\n href = '';\n\n /\n The title.\n /\n @property()\n title!: string;\n\n shouldUpdate(changedProperties) {\n if (changedProperties.has('active') && this.active) {\n const { selectorMenu } = this.constructor as typeof CDSSideNavMenuItem;\n const parent = this.closest(selectorMenu);\n if (parent) {\n (parent as CDSSideNavMenu).active = true;\n }\n }\n return true;\n }\n\n render() {\n const { active, href, title } = this;\n const classes = classMap({\n [`${prefix}--side-nav__link`]: true,\n [`${prefix}--side-nav__link--current`]: active,\n });\n return html`\n <a part=\"link\" class=\"${classes}\" href=\"${href}\">\n <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n <slot>${title}</slot>\n </span>\n </a>\n `;\n }\n\n /\n A selector that will return the parent menu.\n */\n static get selectorMenu() {\n return `${prefix}-side-nav-menu`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNavMenuItem;\n"]}

package/es/components/ui-shell/side-nav-menu-item.js CHANGED Viewed

@@ -31,15 +31,15 @@ import styles from "././side-nav.css.js";
      * @csspart link The link.
      * @csspart title The title.
      */
-let BXSideNavMenuItem = _decorate([customElement(`${prefix}-side-nav-menu-item`)], function (_initialize, _FocusMixin) {
-  class BXSideNavMenuItem extends _FocusMixin {
+let CDSSideNavMenuItem = _decorate([customElement(`${prefix}-side-nav-menu-item`)], function (_initialize, _FocusMixin) {
+  class CDSSideNavMenuItem extends _FocusMixin {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXSideNavMenuItem,
+    F: CDSSideNavMenuItem,
     d: [{
       kind: "field",
       decorators: [property({
@@ -141,5 +141,5 @@ let BXSideNavMenuItem = _decorate([customElement(`${prefix}-side-nav-menu-item`)
     }]
   };
 }, FocusMixin(LitElement));
-export default BXSideNavMenuItem;
+export default CDSSideNavMenuItem;
 //# sourceMappingURL=side-nav-menu-item.js.map

package/es/components/ui-shell/side-nav-menu-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"side-nav-menu-item.js","names":["classMap","LitElement","html","property","customElement","prefix","FocusMixin","styles","~~BXSideNavMenuItem~~","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","shouldUpdate","changedProperties","has","active","selectorMenu","parent","closest","render","href","title","classes","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/side-nav-menu-item.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport ~~BXSideNavMenu~~ from './side-nav-menu';\nimport styles from './side-nav.scss';\n\n/\n Side nav menu item.\n \n @element cds-side-nav-menu-item\n * @csspart link The link.\n * @csspart title The title.\n /\n@customElement(`${prefix}-side-nav-menu-item`)\nclass ~~BXSideNavMenuItem~~ extends FocusMixin(LitElement) {\n /\n `true` if the menu item should be active.\n /\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /\n Link `href`.\n /\n @property()\n href = '';\n\n /\n The title.\n /\n @property()\n title!: string;\n\n shouldUpdate(changedProperties) {\n if (changedProperties.has('active') && this.active) {\n const { selectorMenu } = this.constructor as typeof ~~BXSideNavMenuItem~~;\n const parent = this.closest(selectorMenu);\n if (parent) {\n (parent as ~~BXSideNavMenu~~).active = true;\n }\n }\n return true;\n }\n\n render() {\n const { active, href, title } = this;\n const classes = classMap({\n [`${prefix}--side-nav__link`]: true,\n [`${prefix}--side-nav__link--current`]: active,\n });\n return html`\n <a part=\"link\" class=\"${classes}\" href=\"${href}\">\n <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n <slot>${title}</slot>\n </span>\n </a>\n `;\n }\n\n /\n A selector that will return the parent menu.\n */\n static get selectorMenu() {\n return `${prefix}-side-nav-menu`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default ~~BXSideNavMenuItem~~;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,4BAA4B;AAEnD,OAAOC,MAAM,MAAM,qBAAiB;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA,GANA;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMC,~~iBAAiB~~,GAAAC,SAAA,~~EADtBL~~,aAAa,CAAE,GAAEC,MAAO,qBAAoB,CAAC,aAAAK,WAAA,EAAAC,WAAA;EAA9C,MACMH,~~iBAAiB~~,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;~~EAyDvD~~;EAAC;IAAAI,CAAA,EAzDKN,~~iBAAiB~~;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,~~GAIpBd~~,QAAQ,CAAC;QAAEe,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKbd,QAAQ,EAAE;MAAAkB,GAAA;MAAAC,MAAA;QAAA,OACJ,EAAE;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKRd,QAAQ,EAAE;MAAAkB,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAfX;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAC,aAAaC,iBAAiB,EAAE;QAC9B,IAAIA,iBAAiB,CAACC,GAAG,CAAC,QAAQ,CAAC,IAAI,IAAI,CAACC,MAAM,EAAE;UAClD,MAAM;YAAEC;UAAa,CAAC,GAAG,IAAI,CAACf,~~WAAuC~~;~~UACrE~~,MAAMgB,MAAM,GAAG,IAAI,CAACC,OAAO,CAACF,YAAY,CAAC;UACzC,IAAIC,MAAM,EAAE;YACTA,MAAM,~~CAAmBF~~,MAAM,GAAG,IAAI;~~UACzC~~;QACF;QACA,OAAO,IAAI;MACb;IAAC;MAAAV,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,MAAM;UAAEJ,MAAM;UAAEK,IAAI;UAAEC;QAAM,CAAC,GAAG,IAAI;QACpC,MAAMC,OAAO,GAAGjC,QAAQ,CAAC;UACvB,CAAE,GAAEK,MAAO,kBAAiB,GAAG,IAAI;UACnC,CAAE,GAAEA,MAAO,2BAA0B,GAAGqB;QAC1C,CAAC,CAAC;QACF,OAAOxB,IAAI,CAAAgC,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,8BAA4B,CAAU,WAAQ,CAAO;AACrD,oCAAkC,CAAS;AAC3C,kBAAgB,CAAQ;AACxB;AACA;AACA,KAAI,GAL0BF,OAAO,EAAWF,IAAI,EAChB1B,MAAM,EACxB2B,KAAK;MAIrB;;MAEA;AACF;AACA;IAFE;MAAAhB,IAAA;MAAAoB,MAAA;MAAAf,GAAA;MAAAC,KAAA,EAGA,SAAAK,aAAA,EAA0B;QACxB,OAAQ,GAAEtB,MAAO,gBAAe;MAClC;IAAC;MAAAW,IAAA;MAAAoB,MAAA;MAAAf,GAAA;MAAAC,MAAA;QAAA,OAAAe,aAAA,CAAAA,aAAA,KAGIpC,UAAU,CAACqC,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAAvB,IAAA;MAAAoB,MAAA;MAAAf,GAAA;MAAAC,MAAA;QAAA,OAENf,MAAM;MAAA;IAAA;EAAA;AAAA,~~GAxDQD~~,UAAU,CAACL,UAAU,CAAC;~~AA2DtD~~,eAAeO,~~iBAAiB~~"}
1	+ {"version":3,"file":"side-nav-menu-item.js","names":["classMap","LitElement","html","property","customElement","prefix","FocusMixin","styles","CDSSideNavMenuItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","shouldUpdate","changedProperties","has","active","selectorMenu","parent","closest","render","href","title","classes","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/ui-shell/side-nav-menu-item.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport CDSSideNavMenu from './side-nav-menu';\nimport styles from './side-nav.scss';\n\n/\n Side nav menu item.\n \n @element cds-side-nav-menu-item\n * @csspart link The link.\n * @csspart title The title.\n /\n@customElement(`${prefix}-side-nav-menu-item`)\nclass CDSSideNavMenuItem extends FocusMixin(LitElement) {\n /\n `true` if the menu item should be active.\n /\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /\n Link `href`.\n /\n @property()\n href = '';\n\n /\n The title.\n /\n @property()\n title!: string;\n\n shouldUpdate(changedProperties) {\n if (changedProperties.has('active') && this.active) {\n const { selectorMenu } = this.constructor as typeof CDSSideNavMenuItem;\n const parent = this.closest(selectorMenu);\n if (parent) {\n (parent as CDSSideNavMenu).active = true;\n }\n }\n return true;\n }\n\n render() {\n const { active, href, title } = this;\n const classes = classMap({\n [`${prefix}--side-nav__link`]: true,\n [`${prefix}--side-nav__link--current`]: active,\n });\n return html`\n <a part=\"link\" class=\"${classes}\" href=\"${href}\">\n <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n <slot>${title}</slot>\n </span>\n </a>\n `;\n }\n\n /\n A selector that will return the parent menu.\n */\n static get selectorMenu() {\n return `${prefix}-side-nav-menu`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSideNavMenuItem;\n"],"mappings":"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"}

package/es/components/ui-shell/side-nav-menu.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { LitElement } from 'lit';
-declare const BXSideNavMenu_base: {
+declare const CDSSideNavMenu_base: {
     new (...args: any[]): {
         focus(): void;
         accessKey: string;
@@ -325,7 +325,7 @@ declare const BXSideNavMenu_base: {
  * @csspart title-icon-container The title icon container.
  * @csspart menu-body The menu body.
  */
-declare class BXSideNavMenu extends BXSideNavMenu_base {
+declare class CDSSideNavMenu extends CDSSideNavMenu_base {
     /**
      * `true` if this menu has an icon.
      */
@@ -360,6 +360,10 @@ declare class BXSideNavMenu extends BXSideNavMenu_base {
      * `true` if the menu should be open.
      */
     expanded: boolean;
+    /**
+     * Specify if this is a large variation of the side nav menu
+     */
+    large: boolean;
     /**
      * `true` if the menu should be forced collapsed upon side nav's expanded state.
      */
@@ -395,6 +399,6 @@ declare class BXSideNavMenu extends BXSideNavMenu_base {
     };
     static styles: any;
 }
-export default BXSideNavMenu;
+export default CDSSideNavMenu;
 //# sourceMappingURL=side-nav-menu.d.ts.map