@carbon/web-components 2.0.0-alpha.0 → 2.0.0-beta.0
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.
- package/README.md +19 -19
- package/custom-elements.json +474 -200
- package/es/components/accordion/accordion-item-skeleton.d.ts +20 -0
- package/es/components/accordion/accordion-item-skeleton.d.ts.map +1 -0
- package/es/components/accordion/accordion-item-skeleton.js +60 -0
- package/es/components/accordion/accordion-item-skeleton.js.map +1 -0
- package/es/components/accordion/accordion-item.d.ts +5 -4
- package/es/components/accordion/accordion-item.d.ts.map +1 -1
- package/es/components/accordion/accordion-item.js +24 -9
- package/es/components/accordion/accordion-item.js.map +1 -1
- package/es/components/accordion/accordion-skeleton.d.ts +40 -0
- package/es/components/accordion/accordion-skeleton.d.ts.map +1 -0
- package/es/components/accordion/accordion-skeleton.js +166 -0
- package/es/components/accordion/accordion-skeleton.js.map +1 -0
- package/es/components/accordion/accordion.css.js +1 -1
- package/es/components/accordion/accordion.d.ts +2 -2
- package/es/components/accordion/accordion.d.ts.map +1 -1
- package/es/components/accordion/accordion.js +5 -5
- package/es/components/accordion/accordion.js.map +1 -1
- package/es/components/accordion/accordion.rtl.css.js +1 -1
- package/es/components/accordion/index.d.ts +3 -1
- package/es/components/accordion/index.d.ts.map +1 -1
- package/es/components/accordion/index.js +3 -1
- package/es/components/accordion/index.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-item.d.ts +2 -2
- package/es/components/breadcrumb/breadcrumb-item.d.ts.map +1 -1
- package/es/components/breadcrumb/breadcrumb-item.js +5 -5
- package/es/components/breadcrumb/breadcrumb-item.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-link.d.ts +4 -3
- package/es/components/breadcrumb/breadcrumb-link.d.ts.map +1 -1
- package/es/components/breadcrumb/breadcrumb-link.js +20 -6
- package/es/components/breadcrumb/breadcrumb-link.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-overflow-menu.d.ts +3 -3
- package/es/components/breadcrumb/breadcrumb-overflow-menu.d.ts.map +1 -1
- package/es/components/breadcrumb/breadcrumb-overflow-menu.js +6 -6
- package/es/components/breadcrumb/breadcrumb-overflow-menu.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-skeleton.d.ts +19 -0
- package/es/components/breadcrumb/breadcrumb-skeleton.d.ts.map +1 -0
- package/es/components/breadcrumb/breadcrumb-skeleton.js +59 -0
- package/es/components/breadcrumb/breadcrumb-skeleton.js.map +1 -0
- package/es/components/breadcrumb/breadcrumb.css.js +1 -1
- package/es/components/breadcrumb/breadcrumb.d.ts +6 -2
- package/es/components/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/es/components/breadcrumb/breadcrumb.js +30 -10
- package/es/components/breadcrumb/breadcrumb.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb.rtl.css.js +1 -1
- package/es/components/breadcrumb/index.d.ts +2 -1
- package/es/components/breadcrumb/index.d.ts.map +1 -1
- package/es/components/breadcrumb/index.js +2 -1
- package/es/components/breadcrumb/index.js.map +1 -1
- package/es/components/button/button-set.d.ts +32 -0
- package/es/components/button/button-set.d.ts.map +1 -0
- package/es/components/button/button-set.js +92 -0
- package/es/components/button/button-set.js.map +1 -0
- package/es/components/button/button.css.js +1 -1
- package/es/components/button/button.d.ts +47 -8
- package/es/components/button/button.d.ts.map +1 -1
- package/es/components/button/button.js +187 -34
- package/es/components/button/button.js.map +1 -1
- package/es/components/button/button.rtl.css.js +1 -1
- package/es/components/button/defs.d.ts +60 -14
- package/es/components/button/defs.d.ts.map +1 -1
- package/es/components/button/defs.js +34 -11
- package/es/components/button/defs.js.map +1 -1
- package/es/components/button/index.d.ts +2 -1
- package/es/components/button/index.d.ts.map +1 -1
- package/es/components/button/index.js +2 -1
- package/es/components/button/index.js.map +1 -1
- package/es/components/checkbox/checkbox.css.js +1 -1
- package/es/components/checkbox/checkbox.rtl.css.js +1 -1
- package/es/components/code-snippet/code-snippet.css.js +1 -1
- package/es/components/code-snippet/code-snippet.rtl.css.js +1 -1
- package/es/components/combo-box/combo-box.css.js +1 -1
- package/es/components/combo-box/combo-box.rtl.css.js +1 -1
- package/es/components/data-table/data-table.css.js +1 -1
- package/es/components/data-table/data-table.rtl.css.js +1 -1
- package/es/components/date-picker/date-picker.css.js +1 -1
- package/es/components/date-picker/date-picker.rtl.css.js +1 -1
- package/es/components/dropdown/dropdown.css.js +1 -1
- package/es/components/dropdown/dropdown.rtl.css.js +1 -1
- package/es/components/file-uploader/file-uploader.css.js +1 -1
- package/es/components/file-uploader/file-uploader.rtl.css.js +1 -1
- package/es/components/form/form-item.css.js +1 -1
- package/es/components/form/form-item.rtl.css.js +1 -1
- package/es/components/input/input.css.js +1 -1
- package/es/components/input/input.rtl.css.js +1 -1
- package/es/components/layer/index.d.ts +11 -0
- package/es/components/layer/index.d.ts.map +1 -0
- package/es/components/layer/index.js +11 -0
- package/es/components/layer/index.js.map +1 -0
- package/es/components/layer/layer.css.js +12 -0
- package/es/components/layer/layer.d.ts +36 -0
- package/es/components/layer/layer.d.ts.map +1 -0
- package/es/components/layer/layer.js +117 -0
- package/es/components/layer/layer.js.map +1 -0
- package/es/components/layer/layer.rtl.css.js +12 -0
- package/es/components/link/link.d.ts +16 -8
- package/es/components/link/link.d.ts.map +1 -1
- package/es/components/link/link.js +41 -9
- package/es/components/link/link.js.map +1 -1
- package/es/components/multi-select/multi-select.css.js +1 -1
- package/es/components/multi-select/multi-select.rtl.css.js +1 -1
- package/es/components/number-input/number-input.css.js +1 -1
- package/es/components/number-input/number-input.rtl.css.js +1 -1
- package/es/components/pagination/pagination.css.js +1 -1
- package/es/components/pagination/pagination.rtl.css.js +1 -1
- package/es/components/radio-button/radio-button-group.d.ts +16 -4
- package/es/components/radio-button/radio-button-group.d.ts.map +1 -1
- package/es/components/radio-button/radio-button-group.js +55 -8
- package/es/components/radio-button/radio-button-group.js.map +1 -1
- package/es/components/radio-button/radio-button.css.js +1 -1
- package/es/components/radio-button/radio-button.d.ts +12 -4
- package/es/components/radio-button/radio-button.d.ts.map +1 -1
- package/es/components/radio-button/radio-button.js +44 -12
- package/es/components/radio-button/radio-button.js.map +1 -1
- package/es/components/radio-button/radio-button.rtl.css.js +1 -1
- package/es/components/search/search.css.js +1 -1
- package/es/components/search/search.rtl.css.js +1 -1
- package/es/components/select/select.css.js +1 -1
- package/es/components/select/select.rtl.css.js +1 -1
- package/es/components/slider/slider.css.js +1 -1
- package/es/components/slider/slider.rtl.css.js +1 -1
- package/es/components/tabs/tabs.css.js +1 -1
- package/es/components/tabs/tabs.rtl.css.js +1 -1
- package/es/components/tag/defs.d.ts +3 -3
- package/es/components/tag/defs.d.ts.map +1 -1
- package/es/components/tag/defs.js +2 -2
- package/es/components/tag/defs.js.map +1 -1
- package/es/components/tag/index.d.ts +1 -2
- package/es/components/tag/index.d.ts.map +1 -1
- package/es/components/tag/index.js +1 -2
- package/es/components/tag/index.js.map +1 -1
- package/es/components/tag/tag.css.js +1 -1
- package/es/components/tag/tag.d.ts +660 -3
- package/es/components/tag/tag.d.ts.map +1 -1
- package/es/components/tag/tag.js +160 -13
- package/es/components/tag/tag.js.map +1 -1
- package/es/components/tag/tag.rtl.css.js +1 -1
- package/es/components/textarea/textarea.css.js +1 -1
- package/es/components/textarea/textarea.rtl.css.js +1 -1
- package/es/components/tile/expandable-tile.d.ts +5 -5
- package/es/components/tile/expandable-tile.d.ts.map +1 -1
- package/es/components/tile/expandable-tile.js +50 -36
- package/es/components/tile/expandable-tile.js.map +1 -1
- package/es/components/tile/radio-tile.d.ts +6 -338
- package/es/components/tile/radio-tile.d.ts.map +1 -1
- package/es/components/tile/radio-tile.js +36 -127
- package/es/components/tile/radio-tile.js.map +1 -1
- package/es/components/tile/selectable-tile.d.ts +322 -1
- package/es/components/tile/selectable-tile.d.ts.map +1 -1
- package/es/components/tile/selectable-tile.js +26 -10
- package/es/components/tile/selectable-tile.js.map +1 -1
- package/es/components/tile/tile-group.d.ts +380 -3
- package/es/components/tile/tile-group.d.ts.map +1 -1
- package/es/components/tile/tile-group.js +336 -19
- package/es/components/tile/tile-group.js.map +1 -1
- package/es/components/tile/tile.css.js +1 -1
- package/es/components/tile/tile.rtl.css.js +1 -1
- package/es/components/toggle/toggle.css.js +1 -1
- package/es/components/toggle/toggle.d.ts +13 -5
- package/es/components/toggle/toggle.d.ts.map +1 -1
- package/es/components/toggle/toggle.js +46 -15
- package/es/components/toggle/toggle.js.map +1 -1
- package/es/components/toggle/toggle.rtl.css.js +1 -1
- package/es/components/toggle-tip/toggletip.css.js +1 -1
- package/es/components/toggle-tip/toggletip.d.ts +5 -1
- package/es/components/toggle-tip/toggletip.d.ts.map +1 -1
- package/es/components/toggle-tip/toggletip.js +12 -12
- package/es/components/toggle-tip/toggletip.js.map +1 -1
- package/es/components/toggle-tip/toggletip.rtl.css.js +1 -1
- package/es/components/tooltip/tooltip-body.d.ts.map +1 -1
- package/es/components/tooltip/tooltip-body.js +1 -5
- package/es/components/tooltip/tooltip-body.js.map +1 -1
- package/es/components/tooltip/tooltip.css.js +1 -1
- package/es/components/tooltip/tooltip.d.ts +1 -2
- package/es/components/tooltip/tooltip.d.ts.map +1 -1
- package/es/components/tooltip/tooltip.js +9 -3
- package/es/components/tooltip/tooltip.js.map +1 -1
- package/es/components/tooltip/tooltip.rtl.css.js +1 -1
- package/es/components-react/accordion/accordion-item-skeleton.d.ts +15 -0
- package/es/components-react/accordion/accordion-item-skeleton.js +21 -0
- package/es/components-react/accordion/accordion-item.d.ts +2 -2
- package/es/components-react/accordion/accordion-skeleton.d.ts +15 -0
- package/es/components-react/accordion/accordion-skeleton.js +21 -0
- package/es/components-react/accordion/accordion.d.ts +2 -2
- package/es/components-react/breadcrumb/breadcrumb-item.d.ts +2 -2
- package/es/components-react/breadcrumb/breadcrumb-link.d.ts +2 -2
- package/es/components-react/breadcrumb/breadcrumb-overflow-menu.d.ts +2 -2
- package/es/components-react/breadcrumb/breadcrumb-skeleton.d.ts +15 -0
- package/es/components-react/breadcrumb/breadcrumb-skeleton.js +21 -0
- package/es/components-react/breadcrumb/breadcrumb.d.ts +2 -2
- package/es/components-react/button/button-set.d.ts +15 -0
- package/es/components-react/button/button-set.js +21 -0
- package/es/components-react/button/button.js +7 -1
- package/es/components-react/layer/index.d.ts +14 -0
- package/es/components-react/layer/index.js +8 -0
- package/es/components-react/layer/layer.d.ts +19 -0
- package/es/components-react/{tag/filter-tag.js → layer/layer.js} +5 -10
- package/es/components-react/link/link.d.ts +2 -2
- package/es/components-react/radio-button/radio-button-group.d.ts +2 -2
- package/es/components-react/radio-button/radio-button.d.ts +2 -2
- package/es/components-react/tag/tag.d.ts +11 -2
- package/es/components-react/tag/tag.js +12 -2
- package/es/components-react/tile/radio-tile.d.ts +8 -3
- package/es/components-react/tile/radio-tile.js +8 -2
- package/es/components-react/tile/tile-group.d.ts +10 -2
- package/es/components-react/tile/tile-group.js +12 -2
- package/es/components-react/toggle/toggle.d.ts +2 -2
- package/es/globals/internal/radio-group-manager.d.ts +3 -2
- package/es/globals/internal/radio-group-manager.d.ts.map +1 -1
- package/es/globals/internal/radio-group-manager.js +5 -4
- package/es/globals/internal/radio-group-manager.js.map +1 -1
- package/es/index.d.ts +0 -1
- package/es/index.d.ts.map +1 -1
- package/es/index.js +0 -1
- package/es/index.js.map +1 -1
- package/lib/components/button/defs.js +36 -13
- package/lib/components/button/defs.js.map +1 -1
- package/lib/components/tag/defs.js +2 -2
- package/lib/components/tag/defs.js.map +1 -1
- package/lib/components-react-node/accordion/accordion-item-skeleton.js +36 -0
- package/lib/components-react-node/accordion/accordion-skeleton.js +36 -0
- package/lib/components-react-node/breadcrumb/breadcrumb-skeleton.js +36 -0
- package/lib/components-react-node/button/button-set.js +36 -0
- package/lib/components-react-node/button/button.js +18 -6
- package/lib/components-react-node/layer/index.js +9 -0
- package/lib/components-react-node/{tag/filter-tag.js → layer/layer.js} +4 -21
- package/lib/components-react-node/tag/tag.js +12 -2
- package/lib/components-react-node/tile/radio-tile.js +8 -2
- package/lib/components-react-node/tile/tile-group.js +12 -2
- package/package.json +6 -7
- package/scss/components/accordion/accordion.scss +24 -10
- package/scss/components/breadcrumb/breadcrumb.scss +6 -3
- package/scss/components/button/button.scss +16 -34
- package/scss/components/combo-box/combo-box.scss +0 -1
- package/scss/components/layer/layer.scss +29 -0
- package/scss/components/radio-button/radio-button.scss +6 -6
- package/scss/components/tag/tag.scss +69 -72
- package/scss/components/tile/tile.scss +38 -16
- package/scss/components/toggle/toggle.scss +4 -0
- package/CHANGELOG.md +0 -87
- package/es/components/tag/filter-tag.d.ts +0 -680
- package/es/components/tag/filter-tag.d.ts.map +0 -1
- package/es/components/tag/filter-tag.js +0 -194
- package/es/components/tag/filter-tag.js.map +0 -1
- package/es/components-react/tag/filter-tag.d.ts +0 -24
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
*/
|
|
9
9
|
import { css } from 'lit';
|
|
10
10
|
export default css([
|
|
11
|
-
"@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:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.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--breadcrumb,:host(cds-breadcrumb){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:inline}.cds--breadcrumb html,:host(cds-breadcrumb) html{font-size:100%}.cds--breadcrumb body,:host(cds-breadcrumb) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--breadcrumb code,:host(cds-breadcrumb) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--breadcrumb strong,:host(cds-breadcrumb) strong{font-weight:600}@media (min-width:42rem){.cds--breadcrumb,:host(cds-breadcrumb){display:flex;flex-wrap:wrap}}.cds--breadcrumb-item,:host(cds-breadcrumb-item){position:relative;display:flex;align-items:center;margin-right:.5rem}.cds--breadcrumb-item .cds--link:visited,:host(cds-breadcrumb-item) .cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--breadcrumb-item .cds--link:visited:hover,:host(cds-breadcrumb-item) .cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-item::after,:host(cds-breadcrumb-item)::after{margin-left:.5rem;color:var(--cds-text-primary,#161616);content:\"/\"}.cds--breadcrumb--no-trailing-slash .cds--breadcrumb-item:last-child::after,.cds--breadcrumb--no-trailing-slash :last-child:host(cds-breadcrumb-item)::after{content:\"\"}.cds--breadcrumb-item:last-child,.cds--breadcrumb-item:last-child::after,:last-child:host(cds-breadcrumb-item),:last-child:host(cds-breadcrumb-item)::after{margin-right:0}.cds--breadcrumb .cds--link,:host(cds-breadcrumb) .cds--link{white-space:nowrap}.cds--breadcrumb-item [aria-current=page],.cds--breadcrumb-item--current:host(cds-breadcrumb-item) .cds--link,.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link,:host(cds-breadcrumb-item) [aria-current=page]{color:var(--cds-text-primary,#161616);cursor:auto}.cds--breadcrumb-item [aria-current=page]:hover,.cds--breadcrumb-item--current:host(cds-breadcrumb-item) .cds--link:hover,.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link:hover,:host(cds-breadcrumb-item) [aria-current=page]:hover{text-decoration:none}.cds--breadcrumb-item .cds--overflow-menu,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :host(cds-overflow-menu){position:relative;width:1.25rem;height:1.125rem}.cds--breadcrumb-item .cds--overflow-menu:focus,.cds--breadcrumb-item :focus:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :focus:host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu:focus,:host(cds-breadcrumb-item) :focus:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :focus:host(cds-overflow-menu){outline:1px solid var(--cds-focus,#0f62fe)}.cds--breadcrumb-item .cds--overflow-menu:hover,.cds--breadcrumb-item :hover:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :hover:host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu:hover,:host(cds-breadcrumb-item) :hover:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :hover:host(cds-overflow-menu){background:0 0}.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after{transition:none}}.cds--breadcrumb-item .cds--overflow-menu:hover::after,.cds--breadcrumb-item :hover:host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :hover:host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu:hover::after,:host(cds-breadcrumb-item) :hover:host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :hover:host(cds-overflow-menu)::after{opacity:1}.cds--breadcrumb-item .cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item .cds--overflow-menu--open:host(cds-overflow-menu),.cds--breadcrumb-item .cds--overflow-menu.cds--overflow-menu--open,:host(cds-breadcrumb-item) .cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu--open:host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu.cds--overflow-menu--open{background:0 0;box-shadow:none}.cds--breadcrumb-item .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu__icon{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}.cds--breadcrumb-item .cds--overflow-menu:hover .cds--overflow-menu__icon,.cds--breadcrumb-item :hover:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__icon,.cds--breadcrumb-item :hover:host(cds-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu:hover .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :hover:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :hover:host(cds-overflow-menu) .cds--overflow-menu__icon{fill:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-menu-options:focus{outline:0}.cds--breadcrumb-menu-options.cds--overflow-menu-options::after,.cds--breadcrumb-menu-options:host(cds-overflow-menu-body)::after{top:-.4375rem;left:.875rem;width:0;height:0;border-right:.4375rem solid transparent;border-bottom:.4375rem solid var(--cds-field);border-left:.4375rem solid transparent;margin:0 auto;background:0 0}.cds--breadcrumb.cds--skeleton .cds--link,.cds--skeleton:host(cds-breadcrumb) .cds--link{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:1rem}.cds--breadcrumb.cds--skeleton .cds--link:active,.cds--breadcrumb.cds--skeleton .cds--link:focus,.cds--breadcrumb.cds--skeleton .cds--link:hover,.cds--skeleton:host(cds-breadcrumb) .cds--link:active,.cds--skeleton:host(cds-breadcrumb) .cds--link:focus,.cds--skeleton:host(cds-breadcrumb) .cds--link:hover{border:none;cursor:default;outline:0}.cds--breadcrumb.cds--skeleton .cds--link::before,.cds--skeleton:host(cds-breadcrumb) .cds--link::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--breadcrumb.cds--skeleton .cds--link::before,.cds--skeleton:host(cds-breadcrumb) .cds--link::before{animation:none}}.cds--breadcrumb .cds--btn--icon-only:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb .cds--btn--icon-only:host(cds-overflow-menu),.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only,:host(cds-breadcrumb) .cds--btn--icon-only:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb) .cds--btn--icon-only:host(cds-overflow-menu),:host(cds-breadcrumb) .cds--overflow-menu.cds--btn--icon-only{min-height:1.125rem;padding-right:0;padding-left:0}.cds--link{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);display:inline-flex;color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline:0;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds--link *,.cds--link ::after,.cds--link ::before{box-sizing:inherit}.cds--link:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds--link:active,.cds--link:active:visited,.cds--link:active:visited:hover{color:var(--cds-text-primary,#161616);text-decoration:underline}.cds--link:focus{outline:1px solid var(--cds-focus,#0f62fe);outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe))}@media screen and (prefers-contrast){.cds--link:focus{outline-style:dotted}}.cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link--disabled,.cds--link--disabled:hover{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);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;font-weight:400;text-decoration:none}.cds--link--disabled *,.cds--link--disabled ::after,.cds--link--disabled ::before,.cds--link--disabled:hover *,.cds--link--disabled:hover ::after,.cds--link--disabled:hover ::before{box-sizing:inherit}.cds--link.cds--link--visited:visited{color:var(--cds-link-visited,#8a3ffc)}.cds--link.cds--link--visited:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link.cds--link--inline{display:inline;text-decoration:underline}.cds--link.cds--link--inline:focus,.cds--link.cds--link--inline:visited{text-decoration:none}.cds--link--disabled.cds--link--inline{text-decoration:underline}.cds--link--sm,.cds--link--sm.cds--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px)}.cds--link--lg,.cds--link--lg.cds--link--disabled:hover{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)}.cds--link__icon{display:inline-flex;align-self:center;margin-left:.5rem}.cds--overflow-menu,.cds--overflow-menu__trigger,:host(cds-breadcrumb-overflow-menu),:host(cds-overflow-menu){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%;outline:2px solid transparent;outline-offset:-2px;position:relative;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;cursor:pointer;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu *,.cds--overflow-menu ::after,.cds--overflow-menu ::before,.cds--overflow-menu__trigger *,.cds--overflow-menu__trigger ::after,.cds--overflow-menu__trigger ::before,:host(cds-breadcrumb-overflow-menu) *,:host(cds-breadcrumb-overflow-menu) ::after,:host(cds-breadcrumb-overflow-menu) ::before,:host(cds-overflow-menu) *,:host(cds-overflow-menu) ::after,:host(cds-overflow-menu) ::before{box-sizing:inherit}.cds--overflow-menu::-moz-focus-inner,.cds--overflow-menu__trigger::-moz-focus-inner,:host(cds-breadcrumb-overflow-menu)::-moz-focus-inner,:host(cds-overflow-menu)::-moz-focus-inner{border:0}.cds--overflow-menu html,.cds--overflow-menu__trigger html,:host(cds-breadcrumb-overflow-menu) html,:host(cds-overflow-menu) html{font-size:100%}.cds--overflow-menu body,.cds--overflow-menu__trigger body,:host(cds-breadcrumb-overflow-menu) body,:host(cds-overflow-menu) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu code,.cds--overflow-menu__trigger code,:host(cds-breadcrumb-overflow-menu) code,:host(cds-overflow-menu) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu strong,.cds--overflow-menu__trigger strong,:host(cds-breadcrumb-overflow-menu) strong,:host(cds-overflow-menu) strong{font-weight:600}.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:focus:host(cds-breadcrumb-overflow-menu),:focus:host(cds-overflow-menu){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:focus:host(cds-breadcrumb-overflow-menu),:focus:host(cds-overflow-menu){outline-style:dotted}}.cds--overflow-menu:hover,.cds--overflow-menu__trigger:hover,:hover:host(cds-breadcrumb-overflow-menu),:hover:host(cds-overflow-menu){background-color:var(--cds-layer-hover)}.cds--overflow-menu--sm,:host(cds-breadcrumb-overflow-menu)[size=sm],:host(cds-overflow-menu)[size=sm]{width:2rem;height:2rem}.cds--overflow-menu--lg,:host(cds-breadcrumb-overflow-menu)[size=lg],:host(cds-overflow-menu)[size=lg]{width:3rem;height:3rem}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus svg{outline:0}.cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),.cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__trigger,.cds--overflow-menu--open:host(cds-overflow-menu),.cds--overflow-menu--open:host(cds-overflow-menu) .cds--overflow-menu__trigger,.cds--overflow-menu.cds--overflow-menu--open,.cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));background-color:var(--cds-layer);transition:none}.cds--overflow-menu--light.cds--overflow-menu--open,.cds--overflow-menu--light.cds--overflow-menu--open .cds--overflow-menu__trigger{background-color:var(--cds-layer)}.cds--overflow-menu__icon{width:1rem;height:1rem;fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu__wrapper{line-height:0}.cds--overflow-menu-options,:host(cds-overflow-menu-body){box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));position:absolute;z-index:6000;top:32px;left:0;display:none;width:10rem;flex-direction:column;align-items:flex-start;background-color:var(--cds-layer);list-style:none}.cds--overflow-menu-options html,:host(cds-overflow-menu-body) html{font-size:100%}.cds--overflow-menu-options body,:host(cds-overflow-menu-body) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options code,:host(cds-overflow-menu-body) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options strong,:host(cds-overflow-menu-body) strong{font-weight:600}.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{position:absolute;display:block;background-color:var(--cds-layer);content:\"\";transition:background-color 110ms cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{transition:none}}.cds--overflow-menu--open:hover:host(cds-breadcrumb-overflow-menu),.cds--overflow-menu--open:hover:host(cds-overflow-menu),.cds--overflow-menu.cds--overflow-menu--open:hover{background-color:var(--cds-layer)}.cds--overflow-menu-options--light{background-color:var(--cds-layer)}.cds--overflow-menu-options--light::after{background-color:var(--cds-layer)}.cds--overflow-menu--light.cds--overflow-menu--open:hover:host(cds-breadcrumb-overflow-menu),.cds--overflow-menu--light.cds--overflow-menu--open:hover:host(cds-overflow-menu),.cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover{background-color:var(--cds-layer)}.cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after,[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options):host(cds-overflow-menu-body)::after{top:-.1875rem;left:0;width:2.5rem;height:.1875rem}.cds--overflow-menu-options[data-floating-menu-direction=top]::after,[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after{bottom:-.5rem;left:0;width:2.5rem;height:.5rem}.cds--overflow-menu-options[data-floating-menu-direction=left]::after,[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after{top:0;right:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options[data-floating-menu-direction=right]::after,[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after{top:0;left:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=top]::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after{width:2rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=right]::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after{height:2rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=top]::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after{width:3rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=right]::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after{height:3rem}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,.cds--overflow-menu--flip[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body)::after,.cds--overflow-menu--flip[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after{right:0;left:auto}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after,.cds--overflow-menu--flip[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after,.cds--overflow-menu--flip[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after{top:auto;bottom:0}.cds--overflow-menu-options--open,:host(cds-overflow-menu-body[open]){display:flex}.cds--overflow-menu-options__content{width:100%}.cds--overflow-menu-options__option,:host(cds-overflow-menu-item){display:flex;width:100%;height:2.5rem;align-items:center;padding:0;background-color:transparent;transition:background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__option html,:host(cds-overflow-menu-item) html{font-size:100%}.cds--overflow-menu-options__option body,:host(cds-overflow-menu-item) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options__option code,:host(cds-overflow-menu-item) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options__option strong,:host(cds-overflow-menu-item) strong{font-weight:600}.cds--overflow-menu-options--sm .cds--overflow-menu-options__option,.cds--overflow-menu-options--sm :host(cds-overflow-menu-item){height:2rem}.cds--overflow-menu-options--lg .cds--overflow-menu-options__option,.cds--overflow-menu-options--lg :host(cds-overflow-menu-item){height:3rem}.cds--overflow-menu--divider{border-top:1px solid var(--cds-border-subtle)}.cds--overflow-menu--light .cds--overflow-menu--divider{border-top:1px solid var(--cds-border-subtle)}a.cds--overflow-menu-options__btn::before{display:inline-block;height:100%;content:\"\";vertical-align:middle}.cds--overflow-menu-options__btn{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);outline:2px solid transparent;outline-offset:-2px;display:inline-flex;width:100%;max-width:11.25rem;height:100%;align-items:center;padding:0 1rem;border:none;background-color:transparent;color:var(--cds-text-secondary,#525252);cursor:pointer;font-family:inherit;font-weight:400;text-align:left;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9),color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__btn:hover{color:var(--cds-text-primary,#161616)}.cds--overflow-menu-options__btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu-options__btn:focus{outline-style:dotted}}.cds--overflow-menu-options__btn::-moz-focus-inner{border:none}.cds--overflow-menu-options__btn svg{fill:var(--cds-icon-secondary,#525252)}.cds--overflow-menu-options__btn:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu-options__option-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--overflow-menu-options__option:hover,:hover:host(cds-overflow-menu-item){background-color:var(--cds-layer-hover)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus svg,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover svg{fill:currentColor}.cds--overflow-menu-options__option--disabled:hover,:hover:host(cds-overflow-menu-item[disabled]){background-color:var(--cds-layer);cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:active,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:active,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:hover{outline:2px solid transparent;outline-offset:-2px;background-color:var(--cds-layer)}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn svg,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--overflow-menu--flip{left:-140px}.cds--overflow-menu--flip::before{left:145px}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu-options__btn:focus,.cds--overflow-menu:focus,:focus:host(cds-breadcrumb-overflow-menu),:focus:host(cds-overflow-menu){color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu svg,:host(cds-breadcrumb-overflow-menu) svg,:host(cds-overflow-menu) svg{fill:ButtonText}}:host(cds-breadcrumb-overflow-menu[disabled]),:host(cds-overflow-menu[disabled]){cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]) svg,:host(cds-overflow-menu[disabled]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]:hover),:host(cds-overflow-menu[disabled]:hover){background-color:transparent}:host(cds-breadcrumb-overflow-menu[open]),:host(cds-overflow-menu[open]){background-color:var(--cds-layer-01,#f4f4f4);transition:none;box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}:host(cds-breadcrumb-overflow-menu[color-scheme=light][open]),:host(cds-overflow-menu[color-scheme=light][open]){background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-body[direction=top]){margin-top:0;margin-bottom:.25rem}:host(cds-overflow-menu-body[color-scheme=light]){background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-body[color-scheme=light])::after{background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-item){outline:0}:host(cds-breadcrumb-overflow-menu){position:relative;width:1.25rem;height:1.125rem}:host(cds-breadcrumb-overflow-menu):focus{outline:1px solid var(--cds-focus,#0f62fe)}:host(cds-breadcrumb-overflow-menu):hover{background:0 0}:host(cds-breadcrumb-overflow-menu):hover ::after{opacity:1}:host(cds-breadcrumb-overflow-menu) ::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-breadcrumb-overflow-menu[open]){background:0 0;box-shadow:none}:host(cds-breadcrumb-overflow-menu) svg{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}:host(cds-breadcrumb-overflow-menu):hover svg{fill:var(--cds-link-primary-hover,#0043ce)}:host(cds-breadcrumb-item:last-of-type)::after{content:\"\"}:host(cds-breadcrumb-link){outline:0}:host(cds-breadcrumb-link) .cds--link--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-breadcrumb-link) .cds--link__icon[hidden]{display:none}:host(cds-breadcrumb-link[aria-current=page]) .cds--link{color:var(--cds-text-primary,#161616);cursor:auto}:host(cds-breadcrumb-link[aria-current=page]) .cds--link:hover{text-decoration:none}",
|
|
11
|
+
"@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:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.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--breadcrumb,:host(cds-breadcrumb),:host(cds-breadcrumb-skeleton){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:inline}.cds--breadcrumb html,:host(cds-breadcrumb) html,:host(cds-breadcrumb-skeleton) html{font-size:100%}.cds--breadcrumb body,:host(cds-breadcrumb) body,:host(cds-breadcrumb-skeleton) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--breadcrumb code,:host(cds-breadcrumb) code,:host(cds-breadcrumb-skeleton) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--breadcrumb strong,:host(cds-breadcrumb) strong,:host(cds-breadcrumb-skeleton) strong{font-weight:600}@media (min-width:42rem){.cds--breadcrumb,:host(cds-breadcrumb),:host(cds-breadcrumb-skeleton){display:flex;flex-wrap:wrap}}.cds--breadcrumb-item,:host(cds-breadcrumb-item),:host(cds-breadcrumb-item-skeleton){position:relative;display:flex;align-items:center;margin-right:.5rem}.cds--breadcrumb-item .cds--link:visited,:host(cds-breadcrumb-item) .cds--link:visited,:host(cds-breadcrumb-item-skeleton) .cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--breadcrumb-item .cds--link:visited:hover,:host(cds-breadcrumb-item) .cds--link:visited:hover,:host(cds-breadcrumb-item-skeleton) .cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-item::after,:host(cds-breadcrumb-item)::after,:host(cds-breadcrumb-item-skeleton)::after{margin-left:.5rem;color:var(--cds-text-primary,#161616);content:\"/\"}.cds--breadcrumb--no-trailing-slash .cds--breadcrumb-item:last-child::after,.cds--breadcrumb--no-trailing-slash :last-child:host(cds-breadcrumb-item)::after,.cds--breadcrumb--no-trailing-slash :last-child:host(cds-breadcrumb-item-skeleton)::after{content:\"\"}.cds--breadcrumb-item:last-child,.cds--breadcrumb-item:last-child::after,:last-child:host(cds-breadcrumb-item),:last-child:host(cds-breadcrumb-item)::after,:last-child:host(cds-breadcrumb-item-skeleton),:last-child:host(cds-breadcrumb-item-skeleton)::after{margin-right:0}.cds--breadcrumb .cds--link,:host(cds-breadcrumb) .cds--link,:host(cds-breadcrumb-skeleton) .cds--link{white-space:nowrap}.cds--breadcrumb-item [aria-current=page],.cds--breadcrumb-item--current:host(cds-breadcrumb-item) .cds--link,.cds--breadcrumb-item--current:host(cds-breadcrumb-item-skeleton) .cds--link,.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link,:host(cds-breadcrumb-item) [aria-current=page],:host(cds-breadcrumb-item-skeleton) [aria-current=page]{color:var(--cds-text-primary,#161616);cursor:auto}.cds--breadcrumb-item [aria-current=page]:hover,.cds--breadcrumb-item--current:host(cds-breadcrumb-item) .cds--link:hover,.cds--breadcrumb-item--current:host(cds-breadcrumb-item-skeleton) .cds--link:hover,.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link:hover,:host(cds-breadcrumb-item) [aria-current=page]:hover,:host(cds-breadcrumb-item-skeleton) [aria-current=page]:hover{text-decoration:none}.cds--breadcrumb-item .cds--overflow-menu,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu){position:relative;width:1.25rem;height:1.125rem}.cds--breadcrumb-item .cds--overflow-menu:focus,.cds--breadcrumb-item :focus:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :focus:host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu:focus,:host(cds-breadcrumb-item) :focus:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :focus:host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:focus,:host(cds-breadcrumb-item-skeleton) :focus:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) :focus:host(cds-overflow-menu){outline:1px solid var(--cds-focus,#0f62fe)}.cds--breadcrumb-item .cds--overflow-menu:hover,.cds--breadcrumb-item :hover:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :hover:host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu:hover,:host(cds-breadcrumb-item) :hover:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :hover:host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) :hover:host(cds-overflow-menu){background:0 0}.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu::after,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu)::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu::after,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu)::after{transition:none}}.cds--breadcrumb-item .cds--overflow-menu:hover::after,.cds--breadcrumb-item :hover:host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :hover:host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu:hover::after,:host(cds-breadcrumb-item) :hover:host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :hover:host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover::after,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-overflow-menu)::after{opacity:1}.cds--breadcrumb-item .cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item .cds--overflow-menu--open:host(cds-overflow-menu),.cds--breadcrumb-item .cds--overflow-menu.cds--overflow-menu--open,:host(cds-breadcrumb-item) .cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu--open:host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu.cds--overflow-menu--open,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu--open:host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu.cds--overflow-menu--open{background:0 0;box-shadow:none}.cds--breadcrumb-item .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu__icon{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}.cds--breadcrumb-item .cds--overflow-menu:hover .cds--overflow-menu__icon,.cds--breadcrumb-item :hover:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__icon,.cds--breadcrumb-item :hover:host(cds-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu:hover .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :hover:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :hover:host(cds-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-overflow-menu) .cds--overflow-menu__icon{fill:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-menu-options:focus{outline:0}.cds--breadcrumb-menu-options.cds--overflow-menu-options::after,.cds--breadcrumb-menu-options:host(cds-overflow-menu-body)::after{top:-.4375rem;left:.875rem;width:0;height:0;border-right:.4375rem solid transparent;border-bottom:.4375rem solid var(--cds-field);border-left:.4375rem solid transparent;margin:0 auto;background:0 0}.cds--breadcrumb.cds--skeleton .cds--link,.cds--skeleton:host(cds-breadcrumb) .cds--link,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:1rem}.cds--breadcrumb.cds--skeleton .cds--link:active,.cds--breadcrumb.cds--skeleton .cds--link:focus,.cds--breadcrumb.cds--skeleton .cds--link:hover,.cds--skeleton:host(cds-breadcrumb) .cds--link:active,.cds--skeleton:host(cds-breadcrumb) .cds--link:focus,.cds--skeleton:host(cds-breadcrumb) .cds--link:hover,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link:active,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link:focus,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link:hover{border:none;cursor:default;outline:0}.cds--breadcrumb.cds--skeleton .cds--link::before,.cds--skeleton:host(cds-breadcrumb) .cds--link::before,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link::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--breadcrumb.cds--skeleton .cds--link::before,.cds--skeleton:host(cds-breadcrumb) .cds--link::before,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link::before{animation:none}}.cds--breadcrumb .cds--btn--icon-only:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb .cds--btn--icon-only:host(cds-overflow-menu),.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only,:host(cds-breadcrumb) .cds--btn--icon-only:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb) .cds--btn--icon-only:host(cds-overflow-menu),:host(cds-breadcrumb) .cds--overflow-menu.cds--btn--icon-only,:host(cds-breadcrumb-skeleton) .cds--btn--icon-only:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-skeleton) .cds--btn--icon-only:host(cds-overflow-menu),:host(cds-breadcrumb-skeleton) .cds--overflow-menu.cds--btn--icon-only{min-height:1.125rem;padding-right:0;padding-left:0}.cds--link{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);display:inline-flex;color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline:0;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds--link *,.cds--link ::after,.cds--link ::before{box-sizing:inherit}.cds--link:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds--link:active,.cds--link:active:visited,.cds--link:active:visited:hover{color:var(--cds-text-primary,#161616);text-decoration:underline}.cds--link:focus{outline:1px solid var(--cds-focus,#0f62fe);outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe))}@media screen and (prefers-contrast){.cds--link:focus{outline-style:dotted}}.cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link--disabled,.cds--link--disabled:hover{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);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;font-weight:400;text-decoration:none}.cds--link--disabled *,.cds--link--disabled ::after,.cds--link--disabled ::before,.cds--link--disabled:hover *,.cds--link--disabled:hover ::after,.cds--link--disabled:hover ::before{box-sizing:inherit}.cds--link.cds--link--visited:visited{color:var(--cds-link-visited,#8a3ffc)}.cds--link.cds--link--visited:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link.cds--link--inline{display:inline;text-decoration:underline}.cds--link.cds--link--inline:focus,.cds--link.cds--link--inline:visited{text-decoration:none}.cds--link--disabled.cds--link--inline{text-decoration:underline}.cds--link--sm,.cds--link--sm.cds--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px)}.cds--link--lg,.cds--link--lg.cds--link--disabled:hover{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)}.cds--link__icon{display:inline-flex;align-self:center;margin-left:.5rem}.cds--overflow-menu,.cds--overflow-menu__trigger,:host(cds-breadcrumb-overflow-menu),:host(cds-overflow-menu){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%;outline:2px solid transparent;outline-offset:-2px;position:relative;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;cursor:pointer;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu *,.cds--overflow-menu ::after,.cds--overflow-menu ::before,.cds--overflow-menu__trigger *,.cds--overflow-menu__trigger ::after,.cds--overflow-menu__trigger ::before,:host(cds-breadcrumb-overflow-menu) *,:host(cds-breadcrumb-overflow-menu) ::after,:host(cds-breadcrumb-overflow-menu) ::before,:host(cds-overflow-menu) *,:host(cds-overflow-menu) ::after,:host(cds-overflow-menu) ::before{box-sizing:inherit}.cds--overflow-menu::-moz-focus-inner,.cds--overflow-menu__trigger::-moz-focus-inner,:host(cds-breadcrumb-overflow-menu)::-moz-focus-inner,:host(cds-overflow-menu)::-moz-focus-inner{border:0}.cds--overflow-menu html,.cds--overflow-menu__trigger html,:host(cds-breadcrumb-overflow-menu) html,:host(cds-overflow-menu) html{font-size:100%}.cds--overflow-menu body,.cds--overflow-menu__trigger body,:host(cds-breadcrumb-overflow-menu) body,:host(cds-overflow-menu) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu code,.cds--overflow-menu__trigger code,:host(cds-breadcrumb-overflow-menu) code,:host(cds-overflow-menu) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu strong,.cds--overflow-menu__trigger strong,:host(cds-breadcrumb-overflow-menu) strong,:host(cds-overflow-menu) strong{font-weight:600}.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:focus:host(cds-breadcrumb-overflow-menu),:focus:host(cds-overflow-menu){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:focus:host(cds-breadcrumb-overflow-menu),:focus:host(cds-overflow-menu){outline-style:dotted}}.cds--overflow-menu:hover,.cds--overflow-menu__trigger:hover,:hover:host(cds-breadcrumb-overflow-menu),:hover:host(cds-overflow-menu){background-color:var(--cds-layer-hover)}.cds--overflow-menu--sm,:host(cds-breadcrumb-overflow-menu)[size=sm],:host(cds-overflow-menu)[size=sm]{width:2rem;height:2rem}.cds--overflow-menu--lg,:host(cds-breadcrumb-overflow-menu)[size=lg],:host(cds-overflow-menu)[size=lg]{width:3rem;height:3rem}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus svg{outline:0}.cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),.cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__trigger,.cds--overflow-menu--open:host(cds-overflow-menu),.cds--overflow-menu--open:host(cds-overflow-menu) .cds--overflow-menu__trigger,.cds--overflow-menu.cds--overflow-menu--open,.cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));background-color:var(--cds-layer);transition:none}.cds--overflow-menu--light.cds--overflow-menu--open,.cds--overflow-menu--light.cds--overflow-menu--open .cds--overflow-menu__trigger{background-color:var(--cds-layer)}.cds--overflow-menu__icon{width:1rem;height:1rem;fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu__wrapper{line-height:0}.cds--overflow-menu-options,:host(cds-overflow-menu-body){box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));position:absolute;z-index:6000;top:32px;left:0;display:none;width:10rem;flex-direction:column;align-items:flex-start;background-color:var(--cds-layer);list-style:none}.cds--overflow-menu-options html,:host(cds-overflow-menu-body) html{font-size:100%}.cds--overflow-menu-options body,:host(cds-overflow-menu-body) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options code,:host(cds-overflow-menu-body) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options strong,:host(cds-overflow-menu-body) strong{font-weight:600}.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{position:absolute;display:block;background-color:var(--cds-layer);content:\"\";transition:background-color 110ms cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{transition:none}}.cds--overflow-menu--open:hover:host(cds-breadcrumb-overflow-menu),.cds--overflow-menu--open:hover:host(cds-overflow-menu),.cds--overflow-menu.cds--overflow-menu--open:hover{background-color:var(--cds-layer)}.cds--overflow-menu-options--light{background-color:var(--cds-layer)}.cds--overflow-menu-options--light::after{background-color:var(--cds-layer)}.cds--overflow-menu--light.cds--overflow-menu--open:hover:host(cds-breadcrumb-overflow-menu),.cds--overflow-menu--light.cds--overflow-menu--open:hover:host(cds-overflow-menu),.cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover{background-color:var(--cds-layer)}.cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after,[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options):host(cds-overflow-menu-body)::after{top:-.1875rem;left:0;width:2.5rem;height:.1875rem}.cds--overflow-menu-options[data-floating-menu-direction=top]::after,[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after{bottom:-.5rem;left:0;width:2.5rem;height:.5rem}.cds--overflow-menu-options[data-floating-menu-direction=left]::after,[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after{top:0;right:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options[data-floating-menu-direction=right]::after,[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after{top:0;left:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=top]::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after{width:2rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=right]::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after{height:2rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=top]::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after{width:3rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=right]::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after{height:3rem}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,.cds--overflow-menu--flip[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body)::after,.cds--overflow-menu--flip[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after{right:0;left:auto}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after,.cds--overflow-menu--flip[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after,.cds--overflow-menu--flip[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after{top:auto;bottom:0}.cds--overflow-menu-options--open,:host(cds-overflow-menu-body[open]){display:flex}.cds--overflow-menu-options__content{width:100%}.cds--overflow-menu-options__option,:host(cds-overflow-menu-item){display:flex;width:100%;height:2.5rem;align-items:center;padding:0;background-color:transparent;transition:background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__option html,:host(cds-overflow-menu-item) html{font-size:100%}.cds--overflow-menu-options__option body,:host(cds-overflow-menu-item) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options__option code,:host(cds-overflow-menu-item) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options__option strong,:host(cds-overflow-menu-item) strong{font-weight:600}.cds--overflow-menu-options--sm .cds--overflow-menu-options__option,.cds--overflow-menu-options--sm :host(cds-overflow-menu-item){height:2rem}.cds--overflow-menu-options--lg .cds--overflow-menu-options__option,.cds--overflow-menu-options--lg :host(cds-overflow-menu-item){height:3rem}.cds--overflow-menu--divider{border-top:1px solid var(--cds-border-subtle)}.cds--overflow-menu--light .cds--overflow-menu--divider{border-top:1px solid var(--cds-border-subtle)}a.cds--overflow-menu-options__btn::before{display:inline-block;height:100%;content:\"\";vertical-align:middle}.cds--overflow-menu-options__btn{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);outline:2px solid transparent;outline-offset:-2px;display:inline-flex;width:100%;max-width:11.25rem;height:100%;align-items:center;padding:0 1rem;border:none;background-color:transparent;color:var(--cds-text-secondary,#525252);cursor:pointer;font-family:inherit;font-weight:400;text-align:left;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9),color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__btn:hover{color:var(--cds-text-primary,#161616)}.cds--overflow-menu-options__btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu-options__btn:focus{outline-style:dotted}}.cds--overflow-menu-options__btn::-moz-focus-inner{border:none}.cds--overflow-menu-options__btn svg{fill:var(--cds-icon-secondary,#525252)}.cds--overflow-menu-options__btn:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu-options__option-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--overflow-menu-options__option:hover,:hover:host(cds-overflow-menu-item){background-color:var(--cds-layer-hover)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus svg,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover svg{fill:currentColor}.cds--overflow-menu-options__option--disabled:hover,:hover:host(cds-overflow-menu-item[disabled]){background-color:var(--cds-layer);cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:active,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:active,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:hover{outline:2px solid transparent;outline-offset:-2px;background-color:var(--cds-layer)}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn svg,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--overflow-menu--flip{left:-140px}.cds--overflow-menu--flip::before{left:145px}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu-options__btn:focus,.cds--overflow-menu:focus,:focus:host(cds-breadcrumb-overflow-menu),:focus:host(cds-overflow-menu){color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu svg,:host(cds-breadcrumb-overflow-menu) svg,:host(cds-overflow-menu) svg{fill:ButtonText}}:host(cds-breadcrumb-overflow-menu[disabled]),:host(cds-overflow-menu[disabled]){cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]) svg,:host(cds-overflow-menu[disabled]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]:hover),:host(cds-overflow-menu[disabled]:hover){background-color:transparent}:host(cds-breadcrumb-overflow-menu[open]),:host(cds-overflow-menu[open]){background-color:var(--cds-layer-01,#f4f4f4);transition:none;box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}:host(cds-breadcrumb-overflow-menu[color-scheme=light][open]),:host(cds-overflow-menu[color-scheme=light][open]){background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-body[direction=top]){margin-top:0;margin-bottom:.25rem}:host(cds-overflow-menu-body[color-scheme=light]){background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-body[color-scheme=light])::after{background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-item){outline:0}:host(cds-breadcrumb-overflow-menu){position:relative;width:1.25rem;height:1.125rem}:host(cds-breadcrumb-overflow-menu):focus{outline:1px solid var(--cds-focus,#0f62fe)}:host(cds-breadcrumb-overflow-menu):hover{background:0 0}:host(cds-breadcrumb-overflow-menu):hover ::after{opacity:1}:host(cds-breadcrumb-overflow-menu) ::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-breadcrumb-overflow-menu[open]){background:0 0;box-shadow:none}:host(cds-breadcrumb-overflow-menu) svg{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}:host(cds-breadcrumb-overflow-menu):hover svg{fill:var(--cds-link-primary-hover,#0043ce)}:host(cds-breadcrumb[no-trailing-slash]) ::slotted(cds-breadcrumb-item:last-of-type)::after{content:\"\"}:host(cds-breadcrumb-link){outline:0}:host(cds-breadcrumb-link) .cds--link--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-breadcrumb-link) .cds--link__icon[hidden]{display:none}:host(cds-breadcrumb-link[aria-current=page]) .cds--link{color:var(--cds-text-primary,#161616);cursor:auto}:host(cds-breadcrumb-link[aria-current=page]) .cds--link:hover{text-decoration:none}",
|
|
12
12
|
]);
|
|
@@ -12,11 +12,15 @@ import { LitElement } from 'lit';
|
|
|
12
12
|
*
|
|
13
13
|
* @element cds-breadcrumb
|
|
14
14
|
*/
|
|
15
|
-
declare class
|
|
15
|
+
declare class CDSBreadcrumb extends LitElement {
|
|
16
|
+
/**
|
|
17
|
+
* Optional prop to omit the trailing slash for the breadcrumbs
|
|
18
|
+
*/
|
|
19
|
+
noTrailingSlash: boolean;
|
|
16
20
|
connectedCallback(): void;
|
|
17
21
|
render(): import("lit-html").TemplateResult<1>;
|
|
18
22
|
static styles: any;
|
|
19
23
|
}
|
|
20
|
-
export default
|
|
24
|
+
export default CDSBreadcrumb;
|
|
21
25
|
|
|
22
26
|
//# sourceMappingURL=breadcrumb.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/breadcrumb/breadcrumb.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;
|
|
1
|
+
{"version":3,"sources":["components/breadcrumb/breadcrumb.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,aAAc,SAAQ,UAAU;IACpC;;OAEG;IAEH,eAAe,UAAS;IAExB,iBAAiB;IAOjB,MAAM;IAYN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"breadcrumb.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 styles from './breadcrumb.scss';\n\n/**\n * Breadcrumb.\n *\n * @element cds-breadcrumb\n */\n@customElement(`${prefix}-breadcrumb`)\nclass CDSBreadcrumb extends LitElement {\n /**\n * Optional prop to omit the trailing slash for the breadcrumbs\n */\n @property({ type: Boolean, reflect: true, attribute: 'no-trailing-slash' })\n noTrailingSlash = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'nav');\n }\n super.connectedCallback();\n }\n\n render() {\n const classes = classMap({\n [`${prefix}--breadcrumb`]: true,\n [`${prefix}--breadcrumb--no-trailing-slash`]: this.noTrailingSlash,\n });\n return html`\n <ol class=\"${classes}\">\n <slot></slot>\n </ol>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSBreadcrumb;\n"]}
|
|
@@ -12,8 +12,9 @@ let _ = t => t,
|
|
|
12
12
|
* LICENSE file in the root directory of this source tree.
|
|
13
13
|
*/
|
|
14
14
|
|
|
15
|
+
import { classMap } from 'lit/directives/class-map.js';
|
|
15
16
|
import { LitElement, html } from 'lit';
|
|
16
|
-
import { customElement } from 'lit/decorators.js';
|
|
17
|
+
import { property, customElement } from 'lit/decorators.js';
|
|
17
18
|
import { prefix } from '../../globals/settings';
|
|
18
19
|
import styles from "././breadcrumb.css.js";
|
|
19
20
|
|
|
@@ -26,34 +27,53 @@ import styles from "././breadcrumb.css.js";
|
|
|
26
27
|
*
|
|
27
28
|
* @element cds-breadcrumb
|
|
28
29
|
*/
|
|
29
|
-
let
|
|
30
|
-
class
|
|
30
|
+
let CDSBreadcrumb = _decorate([customElement(`${prefix}-breadcrumb`)], function (_initialize, _LitElement) {
|
|
31
|
+
class CDSBreadcrumb extends _LitElement {
|
|
31
32
|
constructor(...args) {
|
|
32
33
|
super(...args);
|
|
33
34
|
_initialize(this);
|
|
34
35
|
}
|
|
35
36
|
}
|
|
36
37
|
return {
|
|
37
|
-
F:
|
|
38
|
+
F: CDSBreadcrumb,
|
|
38
39
|
d: [{
|
|
40
|
+
kind: "field",
|
|
41
|
+
decorators: [property({
|
|
42
|
+
type: Boolean,
|
|
43
|
+
reflect: true,
|
|
44
|
+
attribute: 'no-trailing-slash'
|
|
45
|
+
})],
|
|
46
|
+
key: "noTrailingSlash",
|
|
47
|
+
value() {
|
|
48
|
+
return false;
|
|
49
|
+
}
|
|
50
|
+
}, {
|
|
39
51
|
kind: "method",
|
|
40
52
|
key: "connectedCallback",
|
|
41
|
-
value:
|
|
53
|
+
value:
|
|
54
|
+
/**
|
|
55
|
+
* Optional prop to omit the trailing slash for the breadcrumbs
|
|
56
|
+
*/
|
|
57
|
+
|
|
58
|
+
function connectedCallback() {
|
|
42
59
|
if (!this.hasAttribute('role')) {
|
|
43
60
|
this.setAttribute('role', 'nav');
|
|
44
61
|
}
|
|
45
|
-
_get(_getPrototypeOf(
|
|
62
|
+
_get(_getPrototypeOf(CDSBreadcrumb.prototype), "connectedCallback", this).call(this);
|
|
46
63
|
}
|
|
47
64
|
}, {
|
|
48
65
|
kind: "method",
|
|
49
66
|
key: "render",
|
|
50
67
|
value: function render() {
|
|
68
|
+
const classes = classMap({
|
|
69
|
+
[`${prefix}--breadcrumb`]: true,
|
|
70
|
+
[`${prefix}--breadcrumb--no-trailing-slash`]: this.noTrailingSlash
|
|
71
|
+
});
|
|
51
72
|
return html(_t || (_t = _`
|
|
52
|
-
<ol
|
|
53
|
-
class="${0}--breadcrumb ${0}--breadcrumb--no-trailing-slash">
|
|
73
|
+
<ol class="${0}">
|
|
54
74
|
<slot></slot>
|
|
55
75
|
</ol>
|
|
56
|
-
`),
|
|
76
|
+
`), classes);
|
|
57
77
|
}
|
|
58
78
|
}, {
|
|
59
79
|
kind: "field",
|
|
@@ -65,5 +85,5 @@ let BXBreadcrumb = _decorate([customElement(`${prefix}-breadcrumb`)], function (
|
|
|
65
85
|
}]
|
|
66
86
|
};
|
|
67
87
|
}, LitElement);
|
|
68
|
-
export default
|
|
88
|
+
export default CDSBreadcrumb;
|
|
69
89
|
//# sourceMappingURL=breadcrumb.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.js","names":["LitElement","html","customElement","prefix","styles","
|
|
1
|
+
{"version":3,"file":"breadcrumb.js","names":["classMap","LitElement","html","property","customElement","prefix","styles","CDSBreadcrumb","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","attribute","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","classes","noTrailingSlash","_t","_","static"],"sources":["components/breadcrumb/breadcrumb.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 styles from './breadcrumb.scss';\n\n/**\n * Breadcrumb.\n *\n * @element cds-breadcrumb\n */\n@customElement(`${prefix}-breadcrumb`)\nclass CDSBreadcrumb extends LitElement {\n /**\n * Optional prop to omit the trailing slash for the breadcrumbs\n */\n @property({ type: Boolean, reflect: true, attribute: 'no-trailing-slash' })\n noTrailingSlash = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'nav');\n }\n super.connectedCallback();\n }\n\n render() {\n const classes = classMap({\n [`${prefix}--breadcrumb`]: true,\n [`${prefix}--breadcrumb--no-trailing-slash`]: this.noTrailingSlash,\n });\n return html`\n <ol class=\"${classes}\">\n <slot></slot>\n </ol>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSBreadcrumb;\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,MAAM,MAAM,uBAAmB;;AAEtC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,aAAa,GAAAC,SAAA,EADlBJ,aAAa,CAAE,GAAEC,MAAO,aAAY,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAtC,MACMH,aAAa,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA2BvC;EAAC;IAAAI,CAAA,EA3BKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIhBb,QAAQ,CAAC;QAAEc,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAoB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACzD,KAAK;MAAA;IAAA;MAAAP,IAAA;MAAAM,GAAA;MAAAC,KAAA;MAJvB;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC;QAClC;QACAC,IAAA,CAAAC,eAAA,CAXEpB,aAAa,CAAAqB,SAAA,8BAAAC,IAAA;MAYjB;IAAC;MAAAd,IAAA;MAAAM,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,MAAMC,OAAO,GAAG/B,QAAQ,CAAC;UACvB,CAAE,GAAEK,MAAO,cAAa,GAAG,IAAI;UAC/B,CAAE,GAAEA,MAAO,iCAAgC,GAAG,IAAI,CAAC2B;QACrD,CAAC,CAAC;QACF,OAAO9B,IAAI,CAAA+B,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,mBAAiB,CAAU;AAC3B;AACA;AACA,KAAI,GAHeH,OAAO;MAIxB;IAAC;MAAAhB,IAAA;MAAAoB,MAAA;MAAAd,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GA1BIL,UAAU;AA6BtC,eAAeM,aAAa"}
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
*/
|
|
9
9
|
import { css } from 'lit';
|
|
10
10
|
export default css([
|
|
11
|
-
"@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--breadcrumb,:host(cds-breadcrumb){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:inline}.cds--breadcrumb html,:host(cds-breadcrumb) html{font-size:100%}.cds--breadcrumb body,:host(cds-breadcrumb) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--breadcrumb code,:host(cds-breadcrumb) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--breadcrumb strong,:host(cds-breadcrumb) strong{font-weight:600}@media (min-width:42rem){.cds--breadcrumb,:host(cds-breadcrumb){display:flex;flex-wrap:wrap}}.cds--breadcrumb-item,:host(cds-breadcrumb-item){position:relative;display:flex;align-items:center;margin-left:.5rem}.cds--breadcrumb-item .cds--link:visited,:host(cds-breadcrumb-item) .cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--breadcrumb-item .cds--link:visited:hover,:host(cds-breadcrumb-item) .cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-item::after,:host(cds-breadcrumb-item)::after{margin-right:.5rem;color:var(--cds-text-primary,#161616);content:\"/\"}.cds--breadcrumb--no-trailing-slash .cds--breadcrumb-item:last-child::after,.cds--breadcrumb--no-trailing-slash :host(cds-breadcrumb-item:last-child)::after{content:\"\"}.cds--breadcrumb-item:last-child,.cds--breadcrumb-item:last-child::after,:host(cds-breadcrumb-item:last-child),:host(cds-breadcrumb-item:last-child)::after{margin-left:0}.cds--breadcrumb .cds--link,:host(cds-breadcrumb) .cds--link{white-space:nowrap}.cds--breadcrumb-item [aria-current=page],.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link,:host(cds-breadcrumb-item) [aria-current=page],:host(cds-breadcrumb-item.cds--breadcrumb-item--current) .cds--link{color:var(--cds-text-primary,#161616);cursor:auto}.cds--breadcrumb-item [aria-current=page]:hover,.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link:hover,:host(cds-breadcrumb-item) [aria-current=page]:hover,:host(cds-breadcrumb-item.cds--breadcrumb-item--current) .cds--link:hover{text-decoration:none}.cds--breadcrumb-item .cds--overflow-menu,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :host(cds-overflow-menu){position:relative;width:1.25rem;height:1.125rem}.cds--breadcrumb-item .cds--overflow-menu:focus,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu:focus),.cds--breadcrumb-item :host(cds-overflow-menu:focus),:host(cds-breadcrumb-item) .cds--overflow-menu:focus,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu:focus),:host(cds-breadcrumb-item) :host(cds-overflow-menu:focus){outline:1px solid var(--cds-focus,#0f62fe)}.cds--breadcrumb-item .cds--overflow-menu:hover,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu:hover),.cds--breadcrumb-item :host(cds-overflow-menu:hover),:host(cds-breadcrumb-item) .cds--overflow-menu:hover,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu:hover),:host(cds-breadcrumb-item) :host(cds-overflow-menu:hover){background:0 0}.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after{transition:none}}.cds--breadcrumb-item .cds--overflow-menu:hover::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu:hover)::after,.cds--breadcrumb-item :host(cds-overflow-menu:hover)::after,:host(cds-breadcrumb-item) .cds--overflow-menu:hover::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu:hover)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu:hover)::after{opacity:1}.cds--breadcrumb-item .cds--overflow-menu.cds--overflow-menu--open,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open),.cds--breadcrumb-item :host(cds-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-item) .cds--overflow-menu.cds--overflow-menu--open,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-item) :host(cds-overflow-menu.cds--overflow-menu--open){background:0 0;box-shadow:none}.cds--breadcrumb-item .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu__icon{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}.cds--breadcrumb-item .cds--overflow-menu:hover .cds--overflow-menu__icon,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu:hover) .cds--overflow-menu__icon,.cds--breadcrumb-item :host(cds-overflow-menu:hover) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu:hover .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu:hover) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :host(cds-overflow-menu:hover) .cds--overflow-menu__icon{fill:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-menu-options:focus{outline:0}.cds--breadcrumb-menu-options.cds--overflow-menu-options::after,:host(cds-overflow-menu-body.cds--breadcrumb-menu-options)::after{top:-.4375rem;right:.875rem;width:0;height:0;border-left:.4375rem solid transparent;border-bottom:.4375rem solid var(--cds-field);border-right:.4375rem solid transparent;margin:0 auto;background:0 0}.cds--breadcrumb.cds--skeleton .cds--link,:host(cds-breadcrumb.cds--skeleton) .cds--link{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:1rem}.cds--breadcrumb.cds--skeleton .cds--link:active,.cds--breadcrumb.cds--skeleton .cds--link:focus,.cds--breadcrumb.cds--skeleton .cds--link:hover,:host(cds-breadcrumb.cds--skeleton) .cds--link:active,:host(cds-breadcrumb.cds--skeleton) .cds--link:focus,:host(cds-breadcrumb.cds--skeleton) .cds--link:hover{border:none;cursor:default;outline:0}.cds--breadcrumb.cds--skeleton .cds--link::before,:host(cds-breadcrumb.cds--skeleton) .cds--link::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--breadcrumb.cds--skeleton .cds--link::before,:host(cds-breadcrumb.cds--skeleton) .cds--link::before{animation:none}}.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only,.cds--breadcrumb :host(cds-breadcrumb-overflow-menu.cds--btn--icon-only),.cds--breadcrumb :host(cds-overflow-menu.cds--btn--icon-only),:host(cds-breadcrumb) .cds--overflow-menu.cds--btn--icon-only,:host(cds-breadcrumb) :host(cds-breadcrumb-overflow-menu.cds--btn--icon-only),:host(cds-breadcrumb) :host(cds-overflow-menu.cds--btn--icon-only){min-height:1.125rem;padding-left:0;padding-right:0}.cds--link{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);display:inline-flex;color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline:0;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds--link *,.cds--link ::after,.cds--link ::before{box-sizing:inherit}.cds--link:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds--link:active,.cds--link:active:visited,.cds--link:active:visited:hover{color:var(--cds-text-primary,#161616);text-decoration:underline}.cds--link:focus{outline:1px solid var(--cds-focus,#0f62fe);outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe))}@media screen and (prefers-contrast){.cds--link:focus{outline-style:dotted}}.cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link--disabled,.cds--link--disabled:hover{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);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;font-weight:400;text-decoration:none}.cds--link--disabled *,.cds--link--disabled ::after,.cds--link--disabled ::before,.cds--link--disabled:hover *,.cds--link--disabled:hover ::after,.cds--link--disabled:hover ::before{box-sizing:inherit}.cds--link.cds--link--visited:visited{color:var(--cds-link-visited,#8a3ffc)}.cds--link.cds--link--visited:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link.cds--link--inline{display:inline;text-decoration:underline}.cds--link.cds--link--inline:focus,.cds--link.cds--link--inline:visited{text-decoration:none}.cds--link--disabled.cds--link--inline{text-decoration:underline}.cds--link--sm,.cds--link--sm.cds--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px)}.cds--link--lg,.cds--link--lg.cds--link--disabled:hover{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)}.cds--link__icon{display:inline-flex;align-self:center;margin-right:.5rem}.cds--overflow-menu,.cds--overflow-menu__trigger,:host(cds-breadcrumb-overflow-menu),:host(cds-overflow-menu){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%;outline:2px solid transparent;outline-offset:-2px;position:relative;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;cursor:pointer;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu *,.cds--overflow-menu ::after,.cds--overflow-menu ::before,.cds--overflow-menu__trigger *,.cds--overflow-menu__trigger ::after,.cds--overflow-menu__trigger ::before,:host(cds-breadcrumb-overflow-menu) *,:host(cds-breadcrumb-overflow-menu) ::after,:host(cds-breadcrumb-overflow-menu) ::before,:host(cds-overflow-menu) *,:host(cds-overflow-menu) ::after,:host(cds-overflow-menu) ::before{box-sizing:inherit}.cds--overflow-menu::-moz-focus-inner,.cds--overflow-menu__trigger::-moz-focus-inner,:host(cds-breadcrumb-overflow-menu::-moz-focus-inner),:host(cds-overflow-menu::-moz-focus-inner){border:0}.cds--overflow-menu html,.cds--overflow-menu__trigger html,:host(cds-breadcrumb-overflow-menu) html,:host(cds-overflow-menu) html{font-size:100%}.cds--overflow-menu body,.cds--overflow-menu__trigger body,:host(cds-breadcrumb-overflow-menu) body,:host(cds-overflow-menu) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu code,.cds--overflow-menu__trigger code,:host(cds-breadcrumb-overflow-menu) code,:host(cds-overflow-menu) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu strong,.cds--overflow-menu__trigger strong,:host(cds-breadcrumb-overflow-menu) strong,:host(cds-overflow-menu) strong{font-weight:600}.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:host(cds-breadcrumb-overflow-menu:focus),:host(cds-overflow-menu:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:host(cds-breadcrumb-overflow-menu:focus),:host(cds-overflow-menu:focus){outline-style:dotted}}.cds--overflow-menu:hover,.cds--overflow-menu__trigger:hover,:host(cds-breadcrumb-overflow-menu:hover),:host(cds-overflow-menu:hover){background-color:var(--cds-layer-hover)}.cds--overflow-menu--sm,:host(cds-breadcrumb-overflow-menu[size=sm]),:host(cds-overflow-menu[size=sm]){width:2rem;height:2rem}.cds--overflow-menu--lg,:host(cds-breadcrumb-overflow-menu[size=lg]),:host(cds-overflow-menu[size=lg]){width:3rem;height:3rem}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus svg{outline:0}.cds--overflow-menu.cds--overflow-menu--open,.cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger,:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open) .cds--overflow-menu__trigger,:host(cds-overflow-menu.cds--overflow-menu--open),:host(cds-overflow-menu.cds--overflow-menu--open) .cds--overflow-menu__trigger{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));background-color:var(--cds-layer);transition:none}.cds--overflow-menu--light.cds--overflow-menu--open,.cds--overflow-menu--light.cds--overflow-menu--open .cds--overflow-menu__trigger{background-color:var(--cds-layer)}.cds--overflow-menu__icon{width:1rem;height:1rem;fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu__wrapper{line-height:0}.cds--overflow-menu-options,:host(cds-overflow-menu-body){box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));position:absolute;z-index:6000;top:32px;right:0;display:none;width:10rem;flex-direction:column;align-items:flex-start;background-color:var(--cds-layer);list-style:none}.cds--overflow-menu-options html,:host(cds-overflow-menu-body) html{font-size:100%}.cds--overflow-menu-options body,:host(cds-overflow-menu-body) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options code,:host(cds-overflow-menu-body) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options strong,:host(cds-overflow-menu-body) strong{font-weight:600}.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{position:absolute;display:block;background-color:var(--cds-layer);content:\"\";transition:background-color 110ms cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{transition:none}}.cds--overflow-menu.cds--overflow-menu--open:hover,:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open:hover),:host(cds-overflow-menu.cds--overflow-menu--open:hover){background-color:var(--cds-layer)}.cds--overflow-menu-options--light{background-color:var(--cds-layer)}.cds--overflow-menu-options--light::after{background-color:var(--cds-layer)}.cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover,:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover),:host(cds-overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover){background-color:var(--cds-layer)}.cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after,:host(cds-overflow-menu-body[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options))::after{top:-.1875rem;right:0;width:2.5rem;height:.1875rem}.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body[data-floating-menu-direction=top])::after{bottom:-.5rem;right:0;width:2.5rem;height:.5rem}.cds--overflow-menu-options[data-floating-menu-direction=left]::after,:host(cds-overflow-menu-body[data-floating-menu-direction=left])::after{top:0;left:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body[data-floating-menu-direction=right])::after{top:0;right:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=bottom])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=top])::after{width:2rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=left])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=right])::after{height:2rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=bottom])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=top])::after{width:3rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=left])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=right])::after{height:3rem}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=bottom])::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=top])::after{left:0;right:auto}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=left])::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=right])::after{top:auto;bottom:0}.cds--overflow-menu-options--open,:host(cds-overflow-menu-body[open]){display:flex}.cds--overflow-menu-options__content{width:100%}.cds--overflow-menu-options__option,:host(cds-overflow-menu-item){display:flex;width:100%;height:2.5rem;align-items:center;padding:0;background-color:transparent;transition:background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__option html,:host(cds-overflow-menu-item) html{font-size:100%}.cds--overflow-menu-options__option body,:host(cds-overflow-menu-item) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options__option code,:host(cds-overflow-menu-item) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options__option strong,:host(cds-overflow-menu-item) strong{font-weight:600}.cds--overflow-menu-options--sm .cds--overflow-menu-options__option,.cds--overflow-menu-options--sm :host(cds-overflow-menu-item){height:2rem}.cds--overflow-menu-options--lg .cds--overflow-menu-options__option,.cds--overflow-menu-options--lg :host(cds-overflow-menu-item){height:3rem}.cds--overflow-menu--divider{border-top:1px solid var(--cds-border-subtle)}.cds--overflow-menu--light .cds--overflow-menu--divider{border-top:1px solid var(--cds-border-subtle)}a.cds--overflow-menu-options__btn::before{display:inline-block;height:100%;content:\"\";vertical-align:middle}.cds--overflow-menu-options__btn{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);outline:2px solid transparent;outline-offset:-2px;display:inline-flex;width:100%;max-width:11.25rem;height:100%;align-items:center;padding:0 1rem;border:none;background-color:transparent;color:var(--cds-text-secondary,#525252);cursor:pointer;font-family:inherit;font-weight:400;text-align:right;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9),color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__btn:hover{color:var(--cds-text-primary,#161616)}.cds--overflow-menu-options__btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu-options__btn:focus{outline-style:dotted}}.cds--overflow-menu-options__btn::-moz-focus-inner{border:none}.cds--overflow-menu-options__btn svg{fill:var(--cds-icon-secondary,#525252)}.cds--overflow-menu-options__btn:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu-options__option-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--overflow-menu-options__option:hover,:host(cds-overflow-menu-item:hover){background-color:var(--cds-layer-hover)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus svg,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover svg{fill:currentColor}.cds--overflow-menu-options__option--disabled:hover,:host(cds-overflow-menu-item[disabled]:hover){background-color:var(--cds-layer);cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:active,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:active,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:hover{outline:2px solid transparent;outline-offset:-2px;background-color:var(--cds-layer)}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn svg,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--overflow-menu--flip{right:-140px}.cds--overflow-menu--flip::before{right:145px}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu-options__btn:focus,.cds--overflow-menu:focus,:host(cds-breadcrumb-overflow-menu:focus),:host(cds-overflow-menu:focus){color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu svg,:host(cds-breadcrumb-overflow-menu) svg,:host(cds-overflow-menu) svg{fill:ButtonText}}:host(cds-breadcrumb-overflow-menu[disabled]),:host(cds-overflow-menu[disabled]){cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]) svg,:host(cds-overflow-menu[disabled]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]:hover),:host(cds-overflow-menu[disabled]:hover){background-color:transparent}:host(cds-breadcrumb-overflow-menu[open]),:host(cds-overflow-menu[open]){background-color:var(--cds-layer-01,#f4f4f4);transition:none;box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}:host(cds-breadcrumb-overflow-menu[color-scheme=light][open]),:host(cds-overflow-menu[color-scheme=light][open]){background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-body[direction=top]){margin-top:0;margin-bottom:.25rem}:host(cds-overflow-menu-body[color-scheme=light]){background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-body[color-scheme=light])::after{background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-item){outline:0}:host(cds-breadcrumb-overflow-menu){position:relative;width:1.25rem;height:1.125rem}:host(cds-breadcrumb-overflow-menu:focus){outline:1px solid var(--cds-focus,#0f62fe)}:host(cds-breadcrumb-overflow-menu:hover){background:0 0}:host(cds-breadcrumb-overflow-menu:hover) ::after{opacity:1}:host(cds-breadcrumb-overflow-menu) ::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-breadcrumb-overflow-menu[open]){background:0 0;box-shadow:none}:host(cds-breadcrumb-overflow-menu) svg{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}:host(cds-breadcrumb-overflow-menu:hover) svg{fill:var(--cds-link-primary-hover,#0043ce)}:host(cds-breadcrumb-item:last-of-type)::after{content:\"\"}:host(cds-breadcrumb-link){outline:0}:host(cds-breadcrumb-link) .cds--link--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-breadcrumb-link) .cds--link__icon[hidden]{display:none}:host(cds-breadcrumb-link[aria-current=page]) .cds--link{color:var(--cds-text-primary,#161616);cursor:auto}:host(cds-breadcrumb-link[aria-current=page]) .cds--link:hover{text-decoration:none}",
|
|
11
|
+
"@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--breadcrumb,:host(cds-breadcrumb),:host(cds-breadcrumb-skeleton){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:inline}.cds--breadcrumb html,:host(cds-breadcrumb) html,:host(cds-breadcrumb-skeleton) html{font-size:100%}.cds--breadcrumb body,:host(cds-breadcrumb) body,:host(cds-breadcrumb-skeleton) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--breadcrumb code,:host(cds-breadcrumb) code,:host(cds-breadcrumb-skeleton) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--breadcrumb strong,:host(cds-breadcrumb) strong,:host(cds-breadcrumb-skeleton) strong{font-weight:600}@media (min-width:42rem){.cds--breadcrumb,:host(cds-breadcrumb),:host(cds-breadcrumb-skeleton){display:flex;flex-wrap:wrap}}.cds--breadcrumb-item,:host(cds-breadcrumb-item),:host(cds-breadcrumb-item-skeleton){position:relative;display:flex;align-items:center;margin-left:.5rem}.cds--breadcrumb-item .cds--link:visited,:host(cds-breadcrumb-item) .cds--link:visited,:host(cds-breadcrumb-item-skeleton) .cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--breadcrumb-item .cds--link:visited:hover,:host(cds-breadcrumb-item) .cds--link:visited:hover,:host(cds-breadcrumb-item-skeleton) .cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-item::after,:host(cds-breadcrumb-item)::after,:host(cds-breadcrumb-item-skeleton)::after{margin-right:.5rem;color:var(--cds-text-primary,#161616);content:\"/\"}.cds--breadcrumb--no-trailing-slash .cds--breadcrumb-item:last-child::after,.cds--breadcrumb--no-trailing-slash :host(cds-breadcrumb-item-skeleton:last-child)::after,.cds--breadcrumb--no-trailing-slash :host(cds-breadcrumb-item:last-child)::after{content:\"\"}.cds--breadcrumb-item:last-child,.cds--breadcrumb-item:last-child::after,:host(cds-breadcrumb-item-skeleton:last-child),:host(cds-breadcrumb-item-skeleton:last-child)::after,:host(cds-breadcrumb-item:last-child),:host(cds-breadcrumb-item:last-child)::after{margin-left:0}.cds--breadcrumb .cds--link,:host(cds-breadcrumb) .cds--link,:host(cds-breadcrumb-skeleton) .cds--link{white-space:nowrap}.cds--breadcrumb-item [aria-current=page],.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link,:host(cds-breadcrumb-item) [aria-current=page],:host(cds-breadcrumb-item-skeleton) [aria-current=page],:host(cds-breadcrumb-item-skeleton.cds--breadcrumb-item--current) .cds--link,:host(cds-breadcrumb-item.cds--breadcrumb-item--current) .cds--link{color:var(--cds-text-primary,#161616);cursor:auto}.cds--breadcrumb-item [aria-current=page]:hover,.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link:hover,:host(cds-breadcrumb-item) [aria-current=page]:hover,:host(cds-breadcrumb-item-skeleton) [aria-current=page]:hover,:host(cds-breadcrumb-item-skeleton.cds--breadcrumb-item--current) .cds--link:hover,:host(cds-breadcrumb-item.cds--breadcrumb-item--current) .cds--link:hover{text-decoration:none}.cds--breadcrumb-item .cds--overflow-menu,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu){position:relative;width:1.25rem;height:1.125rem}.cds--breadcrumb-item .cds--overflow-menu:focus,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu:focus),.cds--breadcrumb-item :host(cds-overflow-menu:focus),:host(cds-breadcrumb-item) .cds--overflow-menu:focus,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu:focus),:host(cds-breadcrumb-item) :host(cds-overflow-menu:focus),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:focus,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu:focus),:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu:focus){outline:1px solid var(--cds-focus,#0f62fe)}.cds--breadcrumb-item .cds--overflow-menu:hover,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu:hover),.cds--breadcrumb-item :host(cds-overflow-menu:hover),:host(cds-breadcrumb-item) .cds--overflow-menu:hover,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu:hover),:host(cds-breadcrumb-item) :host(cds-overflow-menu:hover),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu:hover),:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu:hover){background:0 0}.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu::after,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu)::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu::after,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu)::after{transition:none}}.cds--breadcrumb-item .cds--overflow-menu:hover::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu:hover)::after,.cds--breadcrumb-item :host(cds-overflow-menu:hover)::after,:host(cds-breadcrumb-item) .cds--overflow-menu:hover::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu:hover)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu:hover)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover::after,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu:hover)::after,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu:hover)::after{opacity:1}.cds--breadcrumb-item .cds--overflow-menu.cds--overflow-menu--open,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open),.cds--breadcrumb-item :host(cds-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-item) .cds--overflow-menu.cds--overflow-menu--open,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-item) :host(cds-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu.cds--overflow-menu--open,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu.cds--overflow-menu--open){background:0 0;box-shadow:none}.cds--breadcrumb-item .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu__icon{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}.cds--breadcrumb-item .cds--overflow-menu:hover .cds--overflow-menu__icon,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu:hover) .cds--overflow-menu__icon,.cds--breadcrumb-item :host(cds-overflow-menu:hover) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu:hover .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu:hover) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :host(cds-overflow-menu:hover) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu:hover) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu:hover) .cds--overflow-menu__icon{fill:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-menu-options:focus{outline:0}.cds--breadcrumb-menu-options.cds--overflow-menu-options::after,:host(cds-overflow-menu-body.cds--breadcrumb-menu-options)::after{top:-.4375rem;right:.875rem;width:0;height:0;border-left:.4375rem solid transparent;border-bottom:.4375rem solid var(--cds-field);border-right:.4375rem solid transparent;margin:0 auto;background:0 0}.cds--breadcrumb.cds--skeleton .cds--link,:host(cds-breadcrumb-skeleton.cds--skeleton) .cds--link,:host(cds-breadcrumb.cds--skeleton) .cds--link{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:1rem}.cds--breadcrumb.cds--skeleton .cds--link:active,.cds--breadcrumb.cds--skeleton .cds--link:focus,.cds--breadcrumb.cds--skeleton .cds--link:hover,:host(cds-breadcrumb-skeleton.cds--skeleton) .cds--link:active,:host(cds-breadcrumb-skeleton.cds--skeleton) .cds--link:focus,:host(cds-breadcrumb-skeleton.cds--skeleton) .cds--link:hover,:host(cds-breadcrumb.cds--skeleton) .cds--link:active,:host(cds-breadcrumb.cds--skeleton) .cds--link:focus,:host(cds-breadcrumb.cds--skeleton) .cds--link:hover{border:none;cursor:default;outline:0}.cds--breadcrumb.cds--skeleton .cds--link::before,:host(cds-breadcrumb-skeleton.cds--skeleton) .cds--link::before,:host(cds-breadcrumb.cds--skeleton) .cds--link::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--breadcrumb.cds--skeleton .cds--link::before,:host(cds-breadcrumb-skeleton.cds--skeleton) .cds--link::before,:host(cds-breadcrumb.cds--skeleton) .cds--link::before{animation:none}}.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only,.cds--breadcrumb :host(cds-breadcrumb-overflow-menu.cds--btn--icon-only),.cds--breadcrumb :host(cds-overflow-menu.cds--btn--icon-only),:host(cds-breadcrumb) .cds--overflow-menu.cds--btn--icon-only,:host(cds-breadcrumb) :host(cds-breadcrumb-overflow-menu.cds--btn--icon-only),:host(cds-breadcrumb) :host(cds-overflow-menu.cds--btn--icon-only),:host(cds-breadcrumb-skeleton) .cds--overflow-menu.cds--btn--icon-only,:host(cds-breadcrumb-skeleton) :host(cds-breadcrumb-overflow-menu.cds--btn--icon-only),:host(cds-breadcrumb-skeleton) :host(cds-overflow-menu.cds--btn--icon-only){min-height:1.125rem;padding-left:0;padding-right:0}.cds--link{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);display:inline-flex;color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline:0;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds--link *,.cds--link ::after,.cds--link ::before{box-sizing:inherit}.cds--link:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds--link:active,.cds--link:active:visited,.cds--link:active:visited:hover{color:var(--cds-text-primary,#161616);text-decoration:underline}.cds--link:focus{outline:1px solid var(--cds-focus,#0f62fe);outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe))}@media screen and (prefers-contrast){.cds--link:focus{outline-style:dotted}}.cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link--disabled,.cds--link--disabled:hover{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);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;font-weight:400;text-decoration:none}.cds--link--disabled *,.cds--link--disabled ::after,.cds--link--disabled ::before,.cds--link--disabled:hover *,.cds--link--disabled:hover ::after,.cds--link--disabled:hover ::before{box-sizing:inherit}.cds--link.cds--link--visited:visited{color:var(--cds-link-visited,#8a3ffc)}.cds--link.cds--link--visited:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link.cds--link--inline{display:inline;text-decoration:underline}.cds--link.cds--link--inline:focus,.cds--link.cds--link--inline:visited{text-decoration:none}.cds--link--disabled.cds--link--inline{text-decoration:underline}.cds--link--sm,.cds--link--sm.cds--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px)}.cds--link--lg,.cds--link--lg.cds--link--disabled:hover{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)}.cds--link__icon{display:inline-flex;align-self:center;margin-right:.5rem}.cds--overflow-menu,.cds--overflow-menu__trigger,:host(cds-breadcrumb-overflow-menu),:host(cds-overflow-menu){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%;outline:2px solid transparent;outline-offset:-2px;position:relative;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;cursor:pointer;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu *,.cds--overflow-menu ::after,.cds--overflow-menu ::before,.cds--overflow-menu__trigger *,.cds--overflow-menu__trigger ::after,.cds--overflow-menu__trigger ::before,:host(cds-breadcrumb-overflow-menu) *,:host(cds-breadcrumb-overflow-menu) ::after,:host(cds-breadcrumb-overflow-menu) ::before,:host(cds-overflow-menu) *,:host(cds-overflow-menu) ::after,:host(cds-overflow-menu) ::before{box-sizing:inherit}.cds--overflow-menu::-moz-focus-inner,.cds--overflow-menu__trigger::-moz-focus-inner,:host(cds-breadcrumb-overflow-menu::-moz-focus-inner),:host(cds-overflow-menu::-moz-focus-inner){border:0}.cds--overflow-menu html,.cds--overflow-menu__trigger html,:host(cds-breadcrumb-overflow-menu) html,:host(cds-overflow-menu) html{font-size:100%}.cds--overflow-menu body,.cds--overflow-menu__trigger body,:host(cds-breadcrumb-overflow-menu) body,:host(cds-overflow-menu) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu code,.cds--overflow-menu__trigger code,:host(cds-breadcrumb-overflow-menu) code,:host(cds-overflow-menu) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu strong,.cds--overflow-menu__trigger strong,:host(cds-breadcrumb-overflow-menu) strong,:host(cds-overflow-menu) strong{font-weight:600}.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:host(cds-breadcrumb-overflow-menu:focus),:host(cds-overflow-menu:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:host(cds-breadcrumb-overflow-menu:focus),:host(cds-overflow-menu:focus){outline-style:dotted}}.cds--overflow-menu:hover,.cds--overflow-menu__trigger:hover,:host(cds-breadcrumb-overflow-menu:hover),:host(cds-overflow-menu:hover){background-color:var(--cds-layer-hover)}.cds--overflow-menu--sm,:host(cds-breadcrumb-overflow-menu[size=sm]),:host(cds-overflow-menu[size=sm]){width:2rem;height:2rem}.cds--overflow-menu--lg,:host(cds-breadcrumb-overflow-menu[size=lg]),:host(cds-overflow-menu[size=lg]){width:3rem;height:3rem}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus svg{outline:0}.cds--overflow-menu.cds--overflow-menu--open,.cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger,:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open) .cds--overflow-menu__trigger,:host(cds-overflow-menu.cds--overflow-menu--open),:host(cds-overflow-menu.cds--overflow-menu--open) .cds--overflow-menu__trigger{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));background-color:var(--cds-layer);transition:none}.cds--overflow-menu--light.cds--overflow-menu--open,.cds--overflow-menu--light.cds--overflow-menu--open .cds--overflow-menu__trigger{background-color:var(--cds-layer)}.cds--overflow-menu__icon{width:1rem;height:1rem;fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu__wrapper{line-height:0}.cds--overflow-menu-options,:host(cds-overflow-menu-body){box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));position:absolute;z-index:6000;top:32px;right:0;display:none;width:10rem;flex-direction:column;align-items:flex-start;background-color:var(--cds-layer);list-style:none}.cds--overflow-menu-options html,:host(cds-overflow-menu-body) html{font-size:100%}.cds--overflow-menu-options body,:host(cds-overflow-menu-body) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options code,:host(cds-overflow-menu-body) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options strong,:host(cds-overflow-menu-body) strong{font-weight:600}.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{position:absolute;display:block;background-color:var(--cds-layer);content:\"\";transition:background-color 110ms cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{transition:none}}.cds--overflow-menu.cds--overflow-menu--open:hover,:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open:hover),:host(cds-overflow-menu.cds--overflow-menu--open:hover){background-color:var(--cds-layer)}.cds--overflow-menu-options--light{background-color:var(--cds-layer)}.cds--overflow-menu-options--light::after{background-color:var(--cds-layer)}.cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover,:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover),:host(cds-overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover){background-color:var(--cds-layer)}.cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after,:host(cds-overflow-menu-body[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options))::after{top:-.1875rem;right:0;width:2.5rem;height:.1875rem}.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body[data-floating-menu-direction=top])::after{bottom:-.5rem;right:0;width:2.5rem;height:.5rem}.cds--overflow-menu-options[data-floating-menu-direction=left]::after,:host(cds-overflow-menu-body[data-floating-menu-direction=left])::after{top:0;left:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body[data-floating-menu-direction=right])::after{top:0;right:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=bottom])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=top])::after{width:2rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=left])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=right])::after{height:2rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=bottom])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=top])::after{width:3rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=left])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=right])::after{height:3rem}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=bottom])::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=top])::after{left:0;right:auto}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=left])::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=right])::after{top:auto;bottom:0}.cds--overflow-menu-options--open,:host(cds-overflow-menu-body[open]){display:flex}.cds--overflow-menu-options__content{width:100%}.cds--overflow-menu-options__option,:host(cds-overflow-menu-item){display:flex;width:100%;height:2.5rem;align-items:center;padding:0;background-color:transparent;transition:background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__option html,:host(cds-overflow-menu-item) html{font-size:100%}.cds--overflow-menu-options__option body,:host(cds-overflow-menu-item) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options__option code,:host(cds-overflow-menu-item) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options__option strong,:host(cds-overflow-menu-item) strong{font-weight:600}.cds--overflow-menu-options--sm .cds--overflow-menu-options__option,.cds--overflow-menu-options--sm :host(cds-overflow-menu-item){height:2rem}.cds--overflow-menu-options--lg .cds--overflow-menu-options__option,.cds--overflow-menu-options--lg :host(cds-overflow-menu-item){height:3rem}.cds--overflow-menu--divider{border-top:1px solid var(--cds-border-subtle)}.cds--overflow-menu--light .cds--overflow-menu--divider{border-top:1px solid var(--cds-border-subtle)}a.cds--overflow-menu-options__btn::before{display:inline-block;height:100%;content:\"\";vertical-align:middle}.cds--overflow-menu-options__btn{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);outline:2px solid transparent;outline-offset:-2px;display:inline-flex;width:100%;max-width:11.25rem;height:100%;align-items:center;padding:0 1rem;border:none;background-color:transparent;color:var(--cds-text-secondary,#525252);cursor:pointer;font-family:inherit;font-weight:400;text-align:right;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9),color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__btn:hover{color:var(--cds-text-primary,#161616)}.cds--overflow-menu-options__btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu-options__btn:focus{outline-style:dotted}}.cds--overflow-menu-options__btn::-moz-focus-inner{border:none}.cds--overflow-menu-options__btn svg{fill:var(--cds-icon-secondary,#525252)}.cds--overflow-menu-options__btn:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu-options__option-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--overflow-menu-options__option:hover,:host(cds-overflow-menu-item:hover){background-color:var(--cds-layer-hover)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus svg,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover svg{fill:currentColor}.cds--overflow-menu-options__option--disabled:hover,:host(cds-overflow-menu-item[disabled]:hover){background-color:var(--cds-layer);cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:active,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:active,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:hover{outline:2px solid transparent;outline-offset:-2px;background-color:var(--cds-layer)}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn svg,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--overflow-menu--flip{right:-140px}.cds--overflow-menu--flip::before{right:145px}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu-options__btn:focus,.cds--overflow-menu:focus,:host(cds-breadcrumb-overflow-menu:focus),:host(cds-overflow-menu:focus){color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu svg,:host(cds-breadcrumb-overflow-menu) svg,:host(cds-overflow-menu) svg{fill:ButtonText}}:host(cds-breadcrumb-overflow-menu[disabled]),:host(cds-overflow-menu[disabled]){cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]) svg,:host(cds-overflow-menu[disabled]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]:hover),:host(cds-overflow-menu[disabled]:hover){background-color:transparent}:host(cds-breadcrumb-overflow-menu[open]),:host(cds-overflow-menu[open]){background-color:var(--cds-layer-01,#f4f4f4);transition:none;box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}:host(cds-breadcrumb-overflow-menu[color-scheme=light][open]),:host(cds-overflow-menu[color-scheme=light][open]){background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-body[direction=top]){margin-top:0;margin-bottom:.25rem}:host(cds-overflow-menu-body[color-scheme=light]){background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-body[color-scheme=light])::after{background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-item){outline:0}:host(cds-breadcrumb-overflow-menu){position:relative;width:1.25rem;height:1.125rem}:host(cds-breadcrumb-overflow-menu:focus){outline:1px solid var(--cds-focus,#0f62fe)}:host(cds-breadcrumb-overflow-menu:hover){background:0 0}:host(cds-breadcrumb-overflow-menu:hover) ::after{opacity:1}:host(cds-breadcrumb-overflow-menu) ::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-breadcrumb-overflow-menu[open]){background:0 0;box-shadow:none}:host(cds-breadcrumb-overflow-menu) svg{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}:host(cds-breadcrumb-overflow-menu:hover) svg{fill:var(--cds-link-primary-hover,#0043ce)}:host(cds-breadcrumb[no-trailing-slash]) ::slotted(cds-breadcrumb-item:last-of-type)::after{content:\"\"}:host(cds-breadcrumb-link){outline:0}:host(cds-breadcrumb-link) .cds--link--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-breadcrumb-link) .cds--link__icon[hidden]{display:none}:host(cds-breadcrumb-link[aria-current=page]) .cds--link{color:var(--cds-text-primary,#161616);cursor:auto}:host(cds-breadcrumb-link[aria-current=page]) .cds--link:hover{text-decoration:none}",
|
|
12
12
|
]);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*
|
|
4
|
-
* Copyright IBM Corp. 2021
|
|
4
|
+
* Copyright IBM Corp. 2021, 2023
|
|
5
5
|
*
|
|
6
6
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -9,5 +9,6 @@
|
|
|
9
9
|
import './breadcrumb';
|
|
10
10
|
import './breadcrumb-item';
|
|
11
11
|
import './breadcrumb-link';
|
|
12
|
+
import './breadcrumb-skeleton';
|
|
12
13
|
|
|
13
14
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/breadcrumb/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,mBAAmB,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 './breadcrumb';\nimport './breadcrumb-item';\nimport './breadcrumb-link';\n"]}
|
|
1
|
+
{"version":3,"sources":["components/breadcrumb/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,uBAAuB,CAAC","file":"index.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 './breadcrumb';\nimport './breadcrumb-item';\nimport './breadcrumb-link';\nimport './breadcrumb-skeleton';\n"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*
|
|
4
|
-
* Copyright IBM Corp. 2021
|
|
4
|
+
* Copyright IBM Corp. 2021, 2023
|
|
5
5
|
*
|
|
6
6
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -10,4 +10,5 @@
|
|
|
10
10
|
import './breadcrumb';
|
|
11
11
|
import './breadcrumb-item';
|
|
12
12
|
import './breadcrumb-link';
|
|
13
|
+
import './breadcrumb-skeleton';
|
|
13
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["components/breadcrumb/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 './breadcrumb';\nimport './breadcrumb-item';\nimport './breadcrumb-link';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,cAAc;AACrB,OAAO,mBAAmB;AAC1B,OAAO,mBAAmB"}
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["components/breadcrumb/index.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 './breadcrumb';\nimport './breadcrumb-item';\nimport './breadcrumb-link';\nimport './breadcrumb-skeleton';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,cAAc;AACrB,OAAO,mBAAmB;AAC1B,OAAO,mBAAmB;AAC1B,OAAO,uBAAuB"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2020, 2023
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
import { LitElement } from 'lit';
|
|
10
|
+
/**
|
|
11
|
+
* Button set.
|
|
12
|
+
*
|
|
13
|
+
* @element cds-btn-set
|
|
14
|
+
*/
|
|
15
|
+
declare class CDSButtonSet extends LitElement {
|
|
16
|
+
/**
|
|
17
|
+
* Handler for @slotchange, set the first cds-btn to kind secondary and primary for the remaining ones
|
|
18
|
+
*
|
|
19
|
+
* @private
|
|
20
|
+
*/
|
|
21
|
+
private _handleSlotChange;
|
|
22
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
23
|
+
connectedCallback(): void;
|
|
24
|
+
/**
|
|
25
|
+
* A selector that will return the child items.
|
|
26
|
+
*/
|
|
27
|
+
static get selectorItem(): string;
|
|
28
|
+
static styles: any;
|
|
29
|
+
}
|
|
30
|
+
export default CDSButtonSet;
|
|
31
|
+
|
|
32
|
+
//# sourceMappingURL=button-set.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["components/button/button-set.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;;;GAIG;AACH,cACM,YAAa,SAAQ,UAAU;IACnC;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IA2BzB,MAAM;IAIN,iBAAiB;IAKjB;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,YAAY,CAAC","file":"button-set.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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 { BUTTON_KIND } from './defs';\nimport styles from './button.scss';\nimport { prefix } from '../../globals/settings';\n\n/**\n * Button set.\n *\n * @element cds-btn-set\n */\n@customElement(`${prefix}-btn-set`)\nclass CDSButtonSet extends LitElement {\n /**\n * Handler for @slotchange, set the first cds-btn to kind secondary and primary for the remaining ones\n *\n * @private\n */\n private _handleSlotChange(event: Event) {\n const childItems = (event.target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches !== undefined\n ? (elem as HTMLElement).matches(\n (this.constructor as typeof CDSButtonSet).selectorItem\n )\n : false\n );\n\n childItems.forEach((elem, index) => {\n (elem as HTMLElement).setAttribute(\n 'kind',\n index === 0 ? BUTTON_KIND.SECONDARY : BUTTON_KIND.PRIMARY\n );\n });\n\n const update = new CustomEvent(`${prefix}-btn-set-update`, {\n bubbles: true,\n cancelable: true,\n composed: true,\n });\n\n this.dispatchEvent(update);\n }\n\n render() {\n return html` <slot @slotchange=\"${this._handleSlotChange}\"></slot> `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'list');\n }\n\n /**\n * A selector that will return the child items.\n */\n static get selectorItem() {\n return `${prefix}-btn`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default CDSButtonSet;\n"]}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import _decorate from "@babel/runtime/helpers/esm/decorate";
|
|
2
|
+
import _get from "@babel/runtime/helpers/esm/get";
|
|
3
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
4
|
+
let _ = t => t,
|
|
5
|
+
_t;
|
|
6
|
+
/**
|
|
7
|
+
* @license
|
|
8
|
+
*
|
|
9
|
+
* Copyright IBM Corp. 2020, 2023
|
|
10
|
+
*
|
|
11
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
12
|
+
* LICENSE file in the root directory of this source tree.
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
import { LitElement, html } from 'lit';
|
|
16
|
+
import { customElement } from 'lit/decorators.js';
|
|
17
|
+
import { BUTTON_KIND } from './defs';
|
|
18
|
+
import styles from "././button.css.js";
|
|
19
|
+
import { prefix } from '../../globals/settings';
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Button set.
|
|
23
|
+
*
|
|
24
|
+
* @element cds-btn-set
|
|
25
|
+
*/
|
|
26
|
+
let CDSButtonSet = _decorate([customElement(`${prefix}-btn-set`)], function (_initialize, _LitElement) {
|
|
27
|
+
class CDSButtonSet extends _LitElement {
|
|
28
|
+
constructor(...args) {
|
|
29
|
+
super(...args);
|
|
30
|
+
_initialize(this);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
return {
|
|
34
|
+
F: CDSButtonSet,
|
|
35
|
+
d: [{
|
|
36
|
+
kind: "method",
|
|
37
|
+
key: "_handleSlotChange",
|
|
38
|
+
value:
|
|
39
|
+
/**
|
|
40
|
+
* Handler for @slotchange, set the first cds-btn to kind secondary and primary for the remaining ones
|
|
41
|
+
*
|
|
42
|
+
* @private
|
|
43
|
+
*/
|
|
44
|
+
function _handleSlotChange(event) {
|
|
45
|
+
const childItems = event.target.assignedNodes().filter(elem => elem.matches !== undefined ? elem.matches(this.constructor.selectorItem) : false);
|
|
46
|
+
childItems.forEach((elem, index) => {
|
|
47
|
+
elem.setAttribute('kind', index === 0 ? BUTTON_KIND.SECONDARY : BUTTON_KIND.PRIMARY);
|
|
48
|
+
});
|
|
49
|
+
const update = new CustomEvent(`${prefix}-btn-set-update`, {
|
|
50
|
+
bubbles: true,
|
|
51
|
+
cancelable: true,
|
|
52
|
+
composed: true
|
|
53
|
+
});
|
|
54
|
+
this.dispatchEvent(update);
|
|
55
|
+
}
|
|
56
|
+
}, {
|
|
57
|
+
kind: "method",
|
|
58
|
+
key: "render",
|
|
59
|
+
value: function render() {
|
|
60
|
+
return html(_t || (_t = _` <slot @slotchange="${0}"></slot> `), this._handleSlotChange);
|
|
61
|
+
}
|
|
62
|
+
}, {
|
|
63
|
+
kind: "method",
|
|
64
|
+
key: "connectedCallback",
|
|
65
|
+
value: function connectedCallback() {
|
|
66
|
+
_get(_getPrototypeOf(CDSButtonSet.prototype), "connectedCallback", this).call(this);
|
|
67
|
+
this.setAttribute('role', 'list');
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
/**
|
|
71
|
+
* A selector that will return the child items.
|
|
72
|
+
*/
|
|
73
|
+
}, {
|
|
74
|
+
kind: "get",
|
|
75
|
+
static: true,
|
|
76
|
+
key: "selectorItem",
|
|
77
|
+
value: function selectorItem() {
|
|
78
|
+
return `${prefix}-btn`;
|
|
79
|
+
}
|
|
80
|
+
}, {
|
|
81
|
+
kind: "field",
|
|
82
|
+
static: true,
|
|
83
|
+
key: "styles",
|
|
84
|
+
value() {
|
|
85
|
+
return styles;
|
|
86
|
+
}
|
|
87
|
+
}]
|
|
88
|
+
};
|
|
89
|
+
}, LitElement);
|
|
90
|
+
/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */
|
|
91
|
+
export default CDSButtonSet;
|
|
92
|
+
//# sourceMappingURL=button-set.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-set.js","names":["LitElement","html","customElement","BUTTON_KIND","styles","prefix","CDSButtonSet","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleSlotChange","event","childItems","target","assignedNodes","filter","elem","matches","undefined","selectorItem","forEach","index","setAttribute","SECONDARY","PRIMARY","update","CustomEvent","bubbles","cancelable","composed","dispatchEvent","render","_t","_","connectedCallback","_get","_getPrototypeOf","prototype","call","static"],"sources":["components/button/button-set.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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 { BUTTON_KIND } from './defs';\nimport styles from './button.scss';\nimport { prefix } from '../../globals/settings';\n\n/**\n * Button set.\n *\n * @element cds-btn-set\n */\n@customElement(`${prefix}-btn-set`)\nclass CDSButtonSet extends LitElement {\n /**\n * Handler for @slotchange, set the first cds-btn to kind secondary and primary for the remaining ones\n *\n * @private\n */\n private _handleSlotChange(event: Event) {\n const childItems = (event.target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches !== undefined\n ? (elem as HTMLElement).matches(\n (this.constructor as typeof CDSButtonSet).selectorItem\n )\n : false\n );\n\n childItems.forEach((elem, index) => {\n (elem as HTMLElement).setAttribute(\n 'kind',\n index === 0 ? BUTTON_KIND.SECONDARY : BUTTON_KIND.PRIMARY\n );\n });\n\n const update = new CustomEvent(`${prefix}-btn-set-update`, {\n bubbles: true,\n cancelable: true,\n composed: true,\n });\n\n this.dispatchEvent(update);\n }\n\n render() {\n return html` <slot @slotchange=\"${this._handleSlotChange}\"></slot> `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'list');\n }\n\n /**\n * A selector that will return the child items.\n */\n static get selectorItem() {\n return `${prefix}-btn`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default CDSButtonSet;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,WAAW,QAAQ,QAAQ;AACpC,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,MAAM,QAAQ,wBAAwB;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMC,YAAY,GAAAC,SAAA,EADjBL,aAAa,CAAE,GAAEG,MAAO,UAAS,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAnC,MACMH,YAAY,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAkDtC;EAAC;IAAAI,CAAA,EAlDKN,YAAY;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAChB;AACF;AACA;AACA;AACA;MACE,SAAAC,kBAA0BC,KAAY,EAAE;QACtC,MAAMC,UAAU,GAAID,KAAK,CAACE,MAAM,CAC7BC,aAAa,EAAE,CACfC,MAAM,CAAEC,IAAI,IACVA,IAAI,CAAiBC,OAAO,KAAKC,SAAS,GACtCF,IAAI,CAAiBC,OAAO,CAC1B,IAAI,CAACd,WAAW,CAAyBgB,YAAY,CACvD,GACD,KAAK,CACV;QAEHP,UAAU,CAACQ,OAAO,CAAC,CAACJ,IAAI,EAAEK,KAAK,KAAK;UACjCL,IAAI,CAAiBM,YAAY,CAChC,MAAM,EACND,KAAK,KAAK,CAAC,GAAGzB,WAAW,CAAC2B,SAAS,GAAG3B,WAAW,CAAC4B,OAAO,CAC1D;QACH,CAAC,CAAC;QAEF,MAAMC,MAAM,GAAG,IAAIC,WAAW,CAAE,GAAE5B,MAAO,iBAAgB,EAAE;UACzD6B,OAAO,EAAE,IAAI;UACbC,UAAU,EAAE,IAAI;UAChBC,QAAQ,EAAE;QACZ,CAAC,CAAC;QAEF,IAAI,CAACC,aAAa,CAACL,MAAM,CAAC;MAC5B;IAAC;MAAAlB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAsB,OAAA,EAAS;QACP,OAAOrC,IAAI,CAAAsC,EAAA,KAAAA,EAAA,GAAAC,CAAC,uBAAoB,CAAyB,YAAU,GAAjC,IAAI,CAACvB,iBAAiB;MAC1D;IAAC;MAAAH,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAyB,kBAAA,EAAoB;QAClBC,IAAA,CAAAC,eAAA,CAtCErC,YAAY,CAAAsC,SAAA,8BAAAC,IAAA;QAuCd,IAAI,CAAChB,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;MACnC;;MAEA;AACF;AACA;IAFE;MAAAf,IAAA;MAAAgC,MAAA;MAAA/B,GAAA;MAAAC,KAAA,EAGA,SAAAU,aAAA,EAA0B;QACxB,OAAQ,GAAErB,MAAO,MAAK;MACxB;IAAC;MAAAS,IAAA;MAAAgC,MAAA;MAAA/B,GAAA;MAAAC,MAAA;QAAA,OAEeZ,MAAM;MAAA;IAAA;EAAA;AAAA,GAjDGJ,UAAU;AAoDrC;AACA,eAAeM,YAAY"}
|