@carbon/ibm-products-web-components 0.27.0 → 0.28.0-rc.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 +85 -0
- package/custom-elements.json +128 -10
- package/es/components/about-modal/about-modal.d.ts +28 -16
- package/es/components/about-modal/about-modal.figma.d.ts +7 -0
- package/es/components/about-modal/about-modal.figma.js +52 -0
- package/es/components/about-modal/about-modal.figma.js.map +1 -0
- package/es/components/about-modal/about-modal.scss.js +1 -1
- package/es/components/checklist/checklist.scss.js +1 -1
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +27 -11
- package/es/components/full-page-error/full-page-error.figma.d.ts +1 -0
- package/es/components/full-page-error/full-page-error.figma.js +69 -0
- package/es/components/full-page-error/full-page-error.figma.js.map +1 -0
- package/es/components/interstitial-screen/interstitial-screen-body-item.d.ts +27 -11
- package/es/components/interstitial-screen/interstitial-screen-body.d.ts +27 -11
- package/es/components/interstitial-screen/interstitial-screen-footer.d.ts +27 -11
- package/es/components/interstitial-screen/interstitial-screen-header.d.ts +27 -11
- package/es/components/interstitial-screen/interstitial-screen.d.ts +27 -11
- package/es/components/notification-panel/notification-footer.d.ts +27 -11
- package/es/components/notification-panel/notification-panel.d.ts +27 -11
- package/es/components/notification-panel/notification.d.ts +27 -11
- package/es/components/notification-panel/notification.scss.js +1 -1
- package/es/components/options-tile/options-tile.d.ts +27 -11
- package/es/components/page-header/_story-assets/2x1.jpg.js +11 -0
- package/es/components/page-header/_story-assets/2x1.jpg.js.map +1 -0
- package/es/components/page-header/_story-assets/3x2.jpg.js +11 -0
- package/es/components/page-header/_story-assets/3x2.jpg.js.map +1 -0
- package/es/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +1 -1
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +1 -1
- package/es/components/page-header/page-header.scss.js +1 -1
- package/es/components/page-header/page-header.test.js +57 -69
- package/es/components/page-header/page-header.test.js.map +1 -1
- package/es/components/side-panel/side-panel.d.ts +27 -11
- package/es/components/side-panel/side-panel.scss.js +1 -1
- package/es/components/tearsheet/tearsheet.d.ts +27 -11
- package/es/components/tearsheet/tearsheet.scss.js +1 -1
- package/es/components/user-avatar/user-avatar.d.ts +27 -11
- package/es/components/user-avatar/user-avatar.figma.d.ts +7 -0
- package/es/components/user-avatar/user-avatar.figma.js +136 -0
- package/es/components/user-avatar/user-avatar.figma.js.map +1 -0
- package/es/node_modules/@carbon/layout/es/index.js +44 -0
- package/es/node_modules/@carbon/layout/es/index.js.map +1 -0
- package/es/packages/ibm-products-web-components/package.json.js +1 -1
- package/es-custom/components/about-modal/about-modal.d.ts +28 -16
- package/es-custom/components/about-modal/about-modal.figma.d.ts +7 -0
- package/es-custom/components/about-modal/about-modal.figma.js +52 -0
- package/es-custom/components/about-modal/about-modal.figma.js.map +1 -0
- package/es-custom/components/about-modal/about-modal.scss.js +1 -1
- package/es-custom/components/checklist/checklist.scss.js +1 -1
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +27 -11
- package/es-custom/components/full-page-error/full-page-error.figma.d.ts +1 -0
- package/es-custom/components/full-page-error/full-page-error.figma.js +69 -0
- package/es-custom/components/full-page-error/full-page-error.figma.js.map +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-body-item.d.ts +27 -11
- package/es-custom/components/interstitial-screen/interstitial-screen-body.d.ts +27 -11
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.d.ts +27 -11
- package/es-custom/components/interstitial-screen/interstitial-screen-header.d.ts +27 -11
- package/es-custom/components/interstitial-screen/interstitial-screen.d.ts +27 -11
- package/es-custom/components/notification-panel/notification-footer.d.ts +27 -11
- package/es-custom/components/notification-panel/notification-panel.d.ts +27 -11
- package/es-custom/components/notification-panel/notification.d.ts +27 -11
- package/es-custom/components/notification-panel/notification.scss.js +1 -1
- package/es-custom/components/options-tile/options-tile.d.ts +27 -11
- package/es-custom/components/page-header/_story-assets/2x1.jpg.js +11 -0
- package/es-custom/components/page-header/_story-assets/2x1.jpg.js.map +1 -0
- package/es-custom/components/page-header/_story-assets/3x2.jpg.js +11 -0
- package/es-custom/components/page-header/_story-assets/3x2.jpg.js.map +1 -0
- package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +1 -1
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +1 -1
- package/es-custom/components/page-header/page-header.scss.js +1 -1
- package/es-custom/components/page-header/page-header.test.js +57 -69
- package/es-custom/components/page-header/page-header.test.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.d.ts +27 -11
- package/es-custom/components/side-panel/side-panel.scss.js +1 -1
- package/es-custom/components/tearsheet/tearsheet.d.ts +27 -11
- package/es-custom/components/tearsheet/tearsheet.scss.js +1 -1
- package/es-custom/components/user-avatar/user-avatar.d.ts +27 -11
- package/es-custom/components/user-avatar/user-avatar.figma.d.ts +7 -0
- package/es-custom/components/user-avatar/user-avatar.figma.js +136 -0
- package/es-custom/components/user-avatar/user-avatar.figma.js.map +1 -0
- package/es-custom/node_modules/@carbon/layout/es/index.js +44 -0
- package/es-custom/node_modules/@carbon/layout/es/index.js.map +1 -0
- package/es-custom/packages/ibm-products-web-components/package.json.js +1 -1
- package/lib/components/about-modal/about-modal.d.ts +28 -16
- package/lib/components/about-modal/about-modal.figma.d.ts +7 -0
- package/lib/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +27 -11
- package/lib/components/full-page-error/full-page-error.figma.d.ts +1 -0
- package/lib/components/interstitial-screen/interstitial-screen-body-item.d.ts +27 -11
- package/lib/components/interstitial-screen/interstitial-screen-body.d.ts +27 -11
- package/lib/components/interstitial-screen/interstitial-screen-footer.d.ts +27 -11
- package/lib/components/interstitial-screen/interstitial-screen-header.d.ts +27 -11
- package/lib/components/interstitial-screen/interstitial-screen.d.ts +27 -11
- package/lib/components/notification-panel/notification-footer.d.ts +27 -11
- package/lib/components/notification-panel/notification-panel.d.ts +27 -11
- package/lib/components/notification-panel/notification.d.ts +27 -11
- package/lib/components/options-tile/options-tile.d.ts +27 -11
- package/lib/components/side-panel/side-panel.d.ts +27 -11
- package/lib/components/tearsheet/tearsheet.d.ts +27 -11
- package/lib/components/user-avatar/user-avatar.d.ts +27 -11
- package/lib/components/user-avatar/user-avatar.figma.d.ts +7 -0
- package/package.json +14 -12
- package/scss/components/page-header/_story-assets/set-of-tags/set-of-tags.scss +2 -0
- package/scss/components/truncated-text/truncated-text.scss +0 -1
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { css } from 'lit';
|
|
9
9
|
|
|
10
|
-
var styles = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--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}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--tag{--cds-layout-size-height-xs:1.125rem;--cds-layout-size-height-sm:1.125rem;--cds-layout-size-height-md:1.5rem;--cds-layout-size-height-lg:2rem;--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));align-items:center;background-color:var(--cds-tag-background-gray,#e0e0e0);border-radius:1rem;color:var(--cds-tag-color-gray,#161616);cursor:default;display:inline-flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem;max-inline-size:13rem;min-block-size:var(--cds-layout-size-height-local);min-inline-size:2rem;padding-inline:.5rem;vertical-align:middle;word-break:break-word}.cds-custom--layout--size-xs :where(.cds-custom--tag),.cds-custom--tag.cds-custom--layout--size-xs{--cds-layout-size-height:var(--cds-layout-size-height-xs)}.cds-custom--layout--size-sm :where(.cds-custom--tag),.cds-custom--tag.cds-custom--layout--size-sm{--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds-custom--layout--size-md :where(.cds-custom--tag),.cds-custom--tag.cds-custom--layout--size-md{--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds-custom--layout--size-lg :where(.cds-custom--tag),.cds-custom--tag.cds-custom--layout--size-lg{--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds-custom--tag.cds-custom--tag--operational{border:1px solid var(--cds-tag-background-gray,#e0e0e0)}.cds-custom--tag .cds-custom--tag__close-icon:hover,.cds-custom--tag.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds-custom--tag .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-gray,#161616)}.cds-custom--tag.cds-custom--tag--lg{padding-inline-start:.75rem}.cds-custom--tag:has(.cds-custom--tag__custom-icon){padding-inline-start:.25rem}.cds-custom--tag.cds-custom--tag--lg:not(.cds-custom--tag--filter){padding-inline:.75rem}.cds-custom--tag.cds-custom--tag--lg:has(.cds-custom--tag__custom-icon){padding-inline-start:.5rem}.cds-custom--tag:not(.cds-custom--tag--selectable){border:0}.cds-custom--tag:not(:first-child){margin-inline-start:0}.cds-custom--tag--operational>span,.cds-custom--tag--selectable>span,.cds-custom--tag__label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-custom--tag--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds-custom--tag--filter{padding-block:0;padding-inline-end:0}.cds-custom--tag--filter:hover{outline:none}.cds-custom--tag--selectable{background-color:var(--cds-layer);border:1px solid var(--cds-border-inverse,#161616);color:var(--cds-text-primary,#161616);cursor:pointer}.cds-custom--tag--selectable:hover{background-color:var(--cds-layer-hover);outline:none}.cds-custom--tag--selectable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds-custom--tag--selectable-selected{color:var(--cds-text-inverse,#fff)}.cds-custom--tag--selectable-selected,.cds-custom--tag--selectable-selected:hover{background-color:var(--cds-layer-selected-inverse,#161616)}.cds-custom--tag--operational{background-color:var(--cds-tag-background-gray,#e0e0e0);border:1px solid var(--cds-tag-border-gray,#a8a8a8);color:var(--cds-tag-color-gray,#161616);cursor:pointer}.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1);outline:none}.cds-custom--tag--operational:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds-custom--tag--red{background-color:var(--cds-tag-background-red,#ffd7d9);color:var(--cds-tag-color-red,#a2191f)}.cds-custom--tag--red.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-red,#ff8389)}.cds-custom--tag--red .cds-custom--tag__close-icon:hover,.cds-custom--tag--red.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-red,#ffc2c5)}.cds-custom--tag--red .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-red,#a2191f)}.cds-custom--tag--magenta{background-color:var(--cds-tag-background-magenta,#ffd6e8);color:var(--cds-tag-color-magenta,#9f1853)}.cds-custom--tag--magenta.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-magenta,#ff7eb6)}.cds-custom--tag--magenta .cds-custom--tag__close-icon:hover,.cds-custom--tag--magenta.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-magenta,#ffbdda)}.cds-custom--tag--magenta .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-magenta,#9f1853)}.cds-custom--tag--purple{background-color:var(--cds-tag-background-purple,#e8daff);color:var(--cds-tag-color-purple,#6929c4)}.cds-custom--tag--purple.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-purple,#be95ff)}.cds-custom--tag--purple .cds-custom--tag__close-icon:hover,.cds-custom--tag--purple.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-purple,#dcc7ff)}.cds-custom--tag--purple .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-purple,#6929c4)}.cds-custom--tag--blue{background-color:var(--cds-tag-background-blue,#d0e2ff);color:var(--cds-tag-color-blue,#0043ce)}.cds-custom--tag--blue.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-blue,#78a9ff)}.cds-custom--tag--blue .cds-custom--tag__close-icon:hover,.cds-custom--tag--blue.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-blue,#b8d3ff)}.cds-custom--tag--blue .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-blue,#0043ce)}.cds-custom--tag--cyan{background-color:var(--cds-tag-background-cyan,#bae6ff);color:var(--cds-tag-color-cyan,#00539a)}.cds-custom--tag--cyan.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-cyan,#33b1ff)}.cds-custom--tag--cyan .cds-custom--tag__close-icon:hover,.cds-custom--tag--cyan.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-cyan,#99daff)}.cds-custom--tag--cyan .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-cyan,#00539a)}.cds-custom--tag--teal{background-color:var(--cds-tag-background-teal,#9ef0f0);color:var(--cds-tag-color-teal,#005d5d)}.cds-custom--tag--teal.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-teal,#08bdba)}.cds-custom--tag--teal .cds-custom--tag__close-icon:hover,.cds-custom--tag--teal.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-teal,#57e5e5)}.cds-custom--tag--teal .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-teal,#005d5d)}.cds-custom--tag--green{background-color:var(--cds-tag-background-green,#a7f0ba);color:var(--cds-tag-color-green,#0e6027)}.cds-custom--tag--green.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-green,#42be65)}.cds-custom--tag--green .cds-custom--tag__close-icon:hover,.cds-custom--tag--green.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-green,#74e792)}.cds-custom--tag--green .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-green,#0e6027)}.cds-custom--tag--gray{background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616)}.cds-custom--tag--gray.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-gray,#a8a8a8)}.cds-custom--tag--gray .cds-custom--tag__close-icon:hover,.cds-custom--tag--gray.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds-custom--tag--gray .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-gray,#161616)}.cds-custom--tag--cool-gray{background-color:var(--cds-tag-background-cool-gray,#dde1e6);color:var(--cds-tag-color-cool-gray,#121619)}.cds-custom--tag--cool-gray.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-cool-gray,#a2a9b0)}.cds-custom--tag--cool-gray .cds-custom--tag__close-icon:hover,.cds-custom--tag--cool-gray.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-cool-gray,#cdd3da)}.cds-custom--tag--cool-gray .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-cool-gray,#121619)}.cds-custom--tag--warm-gray{background-color:var(--cds-tag-background-warm-gray,#e5e0df);color:var(--cds-tag-color-warm-gray,#171414)}.cds-custom--tag--warm-gray.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-warm-gray,#ada8a8)}.cds-custom--tag--warm-gray .cds-custom--tag__close-icon:hover,.cds-custom--tag--warm-gray.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-warm-gray,#d8d0cf)}.cds-custom--tag--warm-gray .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-warm-gray,#171414)}.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational){background-color:var(--cds-background-inverse,#393939);color:var(--cds-text-inverse,#fff)}.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational).cds-custom--tag--operational{border:1px solid var(--cds-background-inverse,#393939)}.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational) .cds-custom--tag__close-icon:hover,.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational).cds-custom--tag--operational:hover{background-color:var(--cds-background-inverse-hover,#474747)}.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational) .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-text-inverse,#fff)}.cds-custom--multi-select--readonly .cds-custom--tag--high-contrast:not(.cds-custom--tag--operational) .cds-custom--tag__close-icon:hover{background-color:transparent}.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]){background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);outline:1px solid var(--cds-background-inverse,#393939);outline-offset:-1px}.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]).cds-custom--tag--operational{border:1px solid var(--cds-background,#fff)}.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]) .cds-custom--tag__close-icon:hover,.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]).cds-custom--tag--operational:hover{background-color:var(--cds-layer-hover)}.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]) .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-text-primary,#161616)}.cds-custom--tag--disabled:not(.cds-custom--tag--operational),.cds-custom--tag--filter.cds-custom--tag--disabled,.cds-custom--tag--interactive.cds-custom--tag--disabled{background-color:var(--cds-layer);box-shadow:none;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));outline:none}.cds-custom--tag--disabled:not(.cds-custom--tag--operational).cds-custom--tag--operational,.cds-custom--tag--filter.cds-custom--tag--disabled.cds-custom--tag--operational,.cds-custom--tag--interactive.cds-custom--tag--disabled.cds-custom--tag--operational{border:1px solid var(--cds-layer)}.cds-custom--tag--disabled:not(.cds-custom--tag--operational) .cds-custom--tag__close-icon:hover,.cds-custom--tag--disabled:not(.cds-custom--tag--operational).cds-custom--tag--operational:hover,.cds-custom--tag--filter.cds-custom--tag--disabled .cds-custom--tag__close-icon:hover,.cds-custom--tag--filter.cds-custom--tag--disabled.cds-custom--tag--operational:hover,.cds-custom--tag--interactive.cds-custom--tag--disabled .cds-custom--tag__close-icon:hover,.cds-custom--tag--interactive.cds-custom--tag--disabled.cds-custom--tag--operational:hover{background-color:var(--cds-layer)}.cds-custom--tag--disabled:not(.cds-custom--tag--operational) .cds-custom--definition-term .cds-custom--tag__label,.cds-custom--tag--filter.cds-custom--tag--disabled .cds-custom--definition-term .cds-custom--tag__label,.cds-custom--tag--interactive.cds-custom--tag--disabled .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--tag--disabled:not(.cds-custom--tag--operational):hover,.cds-custom--tag--filter.cds-custom--tag--disabled:hover,.cds-custom--tag--interactive.cds-custom--tag--disabled:hover{cursor:not-allowed}.cds-custom--tag--disabled:not(.cds-custom--tag--operational) .cds-custom--tag__label,.cds-custom--tag--filter.cds-custom--tag--disabled .cds-custom--tag__label,.cds-custom--tag--interactive.cds-custom--tag--disabled .cds-custom--tag__label{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--tag--operational.cds-custom--tag--disabled,.cds-custom--tag--selectable.cds-custom--tag--disabled{background-color:var(--cds-layer);border:1px solid var(--cds-border-disabled,#c6c6c6);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--tag--operational.cds-custom--tag--disabled:hover,.cds-custom--tag--selectable.cds-custom--tag--disabled:hover{background-color:var(--cds-layer);cursor:not-allowed}.cds-custom--tag--interactive{transition:background-color 70ms cubic-bezier(0,0,.38,.9)}.cds-custom--tag__close-icon{align-items:center;background-color:transparent;block-size:var(--cds-layout-size-height-local);border:0;border-radius:50%;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;inline-size:var(--cds-layout-size-height-local);justify-content:center;margin:0 0 0 .125rem;padding:0;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),box-shadow 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--tag__close-icon svg{fill:currentColor}.cds-custom--tag__custom-icon{background-color:transparent;block-size:1rem;border:0;color:currentColor;flex-shrink:0;inline-size:1rem;margin-inline-end:.25rem;outline:none;padding:0}.cds-custom--tag__custom-icon svg{fill:currentColor}.cds-custom--tag--disabled .cds-custom--tag__close-icon{cursor:not-allowed}.cds-custom--tag__close-icon:focus{border-radius:50%;box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:none;z-index:99999}.cds-custom--tag--high-contrast .cds-custom--tag__close-icon:focus{box-shadow:inset 0 0 0 1px var(--cds-focus-inverse,#fff)}.cds-custom--tag--filter.cds-custom--tag--disabled .cds-custom--tag__close-icon:hover{background-color:transparent}.cds-custom--tag--filter.cds-custom--tag--disabled svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--tag--sm.cds-custom--tag--filter{padding-inline-end:0}.cds-custom--tag--sm .cds-custom--tag__close-icon{margin-inline-start:.3125rem}.cds-custom--tag.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);background-color:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;color:var(--cds-text-primary,#161616);inline-size:3.75rem;overflow:hidden;padding:0;pointer-events:none;position:relative}.cds-custom--tag.cds-custom--skeleton:active,.cds-custom--tag.cds-custom--skeleton:focus,.cds-custom--tag.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--tag.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--tag.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--tag.cds-custom--skeleton{background:CanvasText}.cds-custom--tag.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--tag.cds-custom--skeleton.cds-custom--tag--operational{border:1px solid var(--cds-skeleton-background,#e8e8e8)}.cds-custom--tag.cds-custom--skeleton .cds-custom--tag__close-icon:hover,.cds-custom--tag.cds-custom--skeleton.cds-custom--tag--operational:hover{background-color:var(--cds-skeleton-background,#e8e8e8)}.cds-custom--tag.cds-custom--skeleton .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-text-primary,#161616)}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){.cds-custom--tag.cds-custom--skeleton{transform:translateZ(0)}}.cds-custom--tag .cds-custom--ai-label .cds-custom--ai-label__button--inline,.cds-custom--tag .cds-custom--slug .cds-custom--slug__button--inline{color:currentColor;margin-inline-start:.0625rem}.cds-custom--tag .cds-custom--ai-label .cds-custom--ai-label__button--inline .cds-custom--ai-label__text:before,.cds-custom--tag .cds-custom--slug .cds-custom--slug__button--inline .cds-custom--slug__text:before{background-color:currentColor}.cds-custom--tag .cds-custom--ai-label .cds-custom--ai-label__button--inline:hover,.cds-custom--tag .cds-custom--slug .cds-custom--slug__button--inline:hover{border-color:currentColor}.cds-custom--tag--filter .cds-custom--ai-label,.cds-custom--tag--filter .cds-custom--slug,.cds-custom--tag--filter .cds-custom--tag__decorator>*{min-inline-size:2.00875rem}.cds-custom--tag .cds-custom--tag__decorator:not(:has(.cds-custom--ai-label)){block-size:1rem;text-align:center}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--tag{outline:1px solid transparent}.cds-custom--tag__close-icon:focus{color:Highlight;outline:1px solid Highlight}}.cds-custom--tag-label-tooltip{max-inline-size:-webkit-fill-available}.cds-custom--tag__custom-icon+.cds-custom--tag-label-tooltip{max-inline-size:11rem}.cds-custom--tag--filter .cds-custom--tag__custom-icon+.cds-custom--tag-label-tooltip{max-inline-size:9.875rem}.cds-custom--interactive--tag-children{display:inline-flex;max-inline-size:12.5rem;place-items:center}.cds-custom--tag--filter .cds-custom--tag__custom-icon+span>.cds-custom--interactive--tag-children{max-inline-size:11.5rem}.cds-custom--tag .cds-custom--definition-term{border-block-end:none;cursor:default;max-inline-size:12rem}.cds-custom--tag .cds-custom--tag__custom-icon+span>.cds-custom--definition-term{max-inline-size:11rem}.cds-custom--tag>.cds-custom--popover-container{display:flex}.cds-custom--toggletip-button:has(.cds-custom--tag--operational.cds-custom--tag--disabled){pointer-events:none}.c4p--checklist__header{background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;gap:.5rem;padding:1rem}.c4p--checklist__chart{align-self:center;block-size:2.5rem;inline-size:2.5rem;min-inline-size:2.5rem;position:relative}.c4p--checklist__chart:after{background-color:var(--cds-layer-01,#f4f4f4);block-size:2rem;border-radius:50%;content:\"\";inline-size:2rem;inset-block-start:.25rem;inset-inline-start:.25rem;position:absolute}.c4p--checklist__titles{display:flex;flex-direction:column;justify-content:center}.c4p--checklist__title{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}.c4p--checklist__chart-label,.c4p--checklist__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.c4p--checklist__chart-label{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.c4p--checklist__title+.c4p--checklist__chart-label{margin-block-start:.125rem}.c4p--checklist__header .cds-custom--tooltip{block-size:2rem;margin-block-start:-.5rem;margin-inline:auto -.5rem}.c4p--checklist__chevron{color:var(--cds-text-primary,#161616);transform:rotate(0deg);transition:all .11s cubic-bezier(.2,0,.38,.9)}@media (prefers-reduced-motion:reduce){.c4p--checklist__chevron{transition:none}}.c4p--checklist__closed .c4p--checklist__chevron{transform:rotate(-180deg)}.c4p--checklist__button.cds-custom--btn--primary{background-color:transparent;border:none;color:var(--cds-link-primary,#0f62fe);flex-shrink:unset;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);max-inline-size:none;min-block-size:auto;padding:0}.c4p--checklist__button.cds-custom--btn--primary div{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.c4p--checklist__button.cds-custom--btn--primary:hover{background:transparent;color:var(--cds-link-primary-hover,#0043ce);text-decoration:underline}.c4p--checklist__button.cds-custom--btn--primary:active{background:transparent;color:var(--cds-text-primary,#161616);text-decoration:underline}.c4p--checklist__content-outer{overflow:hidden}.c4p--checklist__content-inner{background-color:var(--cds-layer-01,#f4f4f4);block-size:100%;transform:translate(0);transition:all .11s cubic-bezier(.2,0,.38,.9)}@media (prefers-reduced-motion:reduce){.c4p--checklist__content-inner{transition:none}}.c4p--checklist__closed .c4p--checklist__content-inner{block-size:0;transform:translateY(-100%)}.c4p--checklist__list-group{border-block-start:1px solid var(--cds-border-subtle-01,#c6c6c6);padding:1rem}.c4p--checklist__list-group:first-of-type{border-block-start:none}.c4p--checklist__list-title{display:-webkit-box;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-block-end:.5rem;text-overflow:ellipsis}.c4p--checklist__list-item{display:flex;margin-block-end:.5rem}.c4p--checklist__list-item:last-child{margin-block-end:0}.c4p--checklist__icon{color:var(--cds-icon-primary,#161616);margin:.0625rem .5rem 0 0}.c4p--checklist__icon--checked,.c4p--checklist__icon--indeterminate{color:var(--cds-interactive,#0f62fe)}.c4p--checklist__icon--error{color:var(--cds-support-error,#da1e28)}.c4p--checklist__icon--disabled{color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.c4p--checklist__label{display:-webkit-box;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.c4p--checklist__label--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.c4p--checklist__footer{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;border-block-start:1px solid var(--cds-border-subtle-01,#c6c6c6);padding:.5rem 1rem;text-overflow:ellipsis}:host(c4p-checklist) .c4p--checklist__toggle{margin-block-start:-.5rem;margin-inline:auto -.5rem}:host(c4p-checklist-item){display:flex;margin-block-end:.5rem}:host(c4p-checklist-item:last-of-type){margin-block-end:0}:host(c4p-checklist-group){border-block-start:1px solid var(--cds-border-subtle-01,#c6c6c6);display:block;padding:1rem}:host(c4p-checklist-group:first-of-type){border-block-start:none}.c4p--checklist__label--clickable{color:var(--cds-link-primary,#0f62fe);cursor:pointer}.c4p--checklist__label--clickable:hover{color:var(--cds-link-primary-hover,#0043ce);text-decoration:underline}.c4p--checklist__chart{background-image:conic-gradient(#a56eff var(--c4p-num-degrees),var(--cds-tag-background-gray,#e0e0e0) var(--c4p-num-degrees) 1turn);border-radius:50%}"]);
|
|
10
|
+
var styles = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--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}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--tag{--cds-layout-size-height-xs:1.125rem}.cds-custom--layout--size-xs :where(.cds-custom--tag),.cds-custom--tag.cds-custom--layout--size-xs{--cds-layout-size-height:var(--cds-layout-size-height-xs)}.cds-custom--tag{--cds-layout-size-height-sm:1.125rem}.cds-custom--layout--size-sm :where(.cds-custom--tag),.cds-custom--tag.cds-custom--layout--size-sm{--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds-custom--tag{--cds-layout-size-height-md:1.5rem}.cds-custom--layout--size-md :where(.cds-custom--tag),.cds-custom--tag.cds-custom--layout--size-md{--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds-custom--tag{--cds-layout-size-height-lg:2rem}.cds-custom--layout--size-lg :where(.cds-custom--tag),.cds-custom--tag.cds-custom--layout--size-lg{--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds-custom--tag{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--tag.cds-custom--tag--operational{border:1px solid var(--cds-tag-background-gray,#e0e0e0)}.cds-custom--tag .cds-custom--tag__close-icon:hover,.cds-custom--tag.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds-custom--tag .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-gray,#161616)}.cds-custom--tag{align-items:center;border-radius:1rem;cursor:default;display:inline-flex;justify-content:center;max-inline-size:13rem;min-block-size:var(--cds-layout-size-height-local);min-inline-size:2rem;padding-inline:.5rem;vertical-align:middle;word-break:break-word}.cds-custom--tag.cds-custom--tag--lg{padding-inline-start:.75rem}.cds-custom--tag:has(.cds-custom--tag__custom-icon){padding-inline-start:.25rem}.cds-custom--tag.cds-custom--tag--lg:not(.cds-custom--tag--filter){padding-inline:.75rem}.cds-custom--tag.cds-custom--tag--lg:has(.cds-custom--tag__custom-icon){padding-inline-start:.5rem}.cds-custom--tag:not(.cds-custom--tag--selectable){border:0}.cds-custom--tag:not(:first-child){margin-inline-start:0}.cds-custom--tag--operational>span,.cds-custom--tag--selectable>span,.cds-custom--tag__label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-custom--tag--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds-custom--tag--filter{padding-block:0;padding-inline-end:0}.cds-custom--tag--filter:hover{outline:none}.cds-custom--tag--selectable{background-color:var(--cds-layer);border:1px solid var(--cds-border-inverse,#161616);color:var(--cds-text-primary,#161616);cursor:pointer}.cds-custom--tag--selectable:hover{background-color:var(--cds-layer-hover);outline:none}.cds-custom--tag--selectable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds-custom--tag--selectable-selected{color:var(--cds-text-inverse,#fff)}.cds-custom--tag--selectable-selected,.cds-custom--tag--selectable-selected:hover{background-color:var(--cds-layer-selected-inverse,#161616)}.cds-custom--tag--operational{background-color:var(--cds-tag-background-gray,#e0e0e0);border:1px solid var(--cds-tag-border-gray,#a8a8a8);color:var(--cds-tag-color-gray,#161616);cursor:pointer}.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1);outline:none}.cds-custom--tag--operational:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds-custom--tag--red{background-color:var(--cds-tag-background-red,#ffd7d9);color:var(--cds-tag-color-red,#a2191f)}.cds-custom--tag--red.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-red,#ff8389)}.cds-custom--tag--red .cds-custom--tag__close-icon:hover,.cds-custom--tag--red.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-red,#ffc2c5)}.cds-custom--tag--red .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-red,#a2191f)}.cds-custom--tag--magenta{background-color:var(--cds-tag-background-magenta,#ffd6e8);color:var(--cds-tag-color-magenta,#9f1853)}.cds-custom--tag--magenta.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-magenta,#ff7eb6)}.cds-custom--tag--magenta .cds-custom--tag__close-icon:hover,.cds-custom--tag--magenta.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-magenta,#ffbdda)}.cds-custom--tag--magenta .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-magenta,#9f1853)}.cds-custom--tag--purple{background-color:var(--cds-tag-background-purple,#e8daff);color:var(--cds-tag-color-purple,#6929c4)}.cds-custom--tag--purple.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-purple,#be95ff)}.cds-custom--tag--purple .cds-custom--tag__close-icon:hover,.cds-custom--tag--purple.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-purple,#dcc7ff)}.cds-custom--tag--purple .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-purple,#6929c4)}.cds-custom--tag--blue{background-color:var(--cds-tag-background-blue,#d0e2ff);color:var(--cds-tag-color-blue,#0043ce)}.cds-custom--tag--blue.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-blue,#78a9ff)}.cds-custom--tag--blue .cds-custom--tag__close-icon:hover,.cds-custom--tag--blue.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-blue,#b8d3ff)}.cds-custom--tag--blue .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-blue,#0043ce)}.cds-custom--tag--cyan{background-color:var(--cds-tag-background-cyan,#bae6ff);color:var(--cds-tag-color-cyan,#00539a)}.cds-custom--tag--cyan.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-cyan,#33b1ff)}.cds-custom--tag--cyan .cds-custom--tag__close-icon:hover,.cds-custom--tag--cyan.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-cyan,#99daff)}.cds-custom--tag--cyan .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-cyan,#00539a)}.cds-custom--tag--teal{background-color:var(--cds-tag-background-teal,#9ef0f0);color:var(--cds-tag-color-teal,#005d5d)}.cds-custom--tag--teal.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-teal,#08bdba)}.cds-custom--tag--teal .cds-custom--tag__close-icon:hover,.cds-custom--tag--teal.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-teal,#57e5e5)}.cds-custom--tag--teal .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-teal,#005d5d)}.cds-custom--tag--green{background-color:var(--cds-tag-background-green,#a7f0ba);color:var(--cds-tag-color-green,#0e6027)}.cds-custom--tag--green.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-green,#42be65)}.cds-custom--tag--green .cds-custom--tag__close-icon:hover,.cds-custom--tag--green.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-green,#74e792)}.cds-custom--tag--green .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-green,#0e6027)}.cds-custom--tag--gray{background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616)}.cds-custom--tag--gray.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-gray,#a8a8a8)}.cds-custom--tag--gray .cds-custom--tag__close-icon:hover,.cds-custom--tag--gray.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds-custom--tag--gray .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-gray,#161616)}.cds-custom--tag--cool-gray{background-color:var(--cds-tag-background-cool-gray,#dde1e6);color:var(--cds-tag-color-cool-gray,#121619)}.cds-custom--tag--cool-gray.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-cool-gray,#a2a9b0)}.cds-custom--tag--cool-gray .cds-custom--tag__close-icon:hover,.cds-custom--tag--cool-gray.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-cool-gray,#cdd3da)}.cds-custom--tag--cool-gray .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-cool-gray,#121619)}.cds-custom--tag--warm-gray{background-color:var(--cds-tag-background-warm-gray,#e5e0df);color:var(--cds-tag-color-warm-gray,#171414)}.cds-custom--tag--warm-gray.cds-custom--tag--operational{border:1px solid var(--cds-tag-border-warm-gray,#ada8a8)}.cds-custom--tag--warm-gray .cds-custom--tag__close-icon:hover,.cds-custom--tag--warm-gray.cds-custom--tag--operational:hover{background-color:var(--cds-tag-hover-warm-gray,#d8d0cf)}.cds-custom--tag--warm-gray .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-tag-color-warm-gray,#171414)}.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational){background-color:var(--cds-background-inverse,#393939);color:var(--cds-text-inverse,#fff)}.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational).cds-custom--tag--operational{border:1px solid var(--cds-background-inverse,#393939)}.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational) .cds-custom--tag__close-icon:hover,.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational).cds-custom--tag--operational:hover{background-color:var(--cds-background-inverse-hover,#474747)}.cds-custom--tag--high-contrast:not(.cds-custom--tag--operational) .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-text-inverse,#fff)}.cds-custom--multi-select--readonly .cds-custom--tag--high-contrast:not(.cds-custom--tag--operational) .cds-custom--tag__close-icon:hover{background-color:transparent}.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]){background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616)}.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]).cds-custom--tag--operational{border:1px solid var(--cds-background,#fff)}.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]) .cds-custom--tag__close-icon:hover,.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]).cds-custom--tag--operational:hover{background-color:var(--cds-layer-hover)}.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]) .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-text-primary,#161616)}.cds-custom--tag--outline:not(.cds-custom--tag--operational):not(span):not([disabled]){outline:1px solid var(--cds-background-inverse,#393939);outline-offset:-1px}.cds-custom--tag--disabled:not(.cds-custom--tag--operational),.cds-custom--tag--filter.cds-custom--tag--disabled,.cds-custom--tag--interactive.cds-custom--tag--disabled{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--tag--disabled:not(.cds-custom--tag--operational).cds-custom--tag--operational,.cds-custom--tag--filter.cds-custom--tag--disabled.cds-custom--tag--operational,.cds-custom--tag--interactive.cds-custom--tag--disabled.cds-custom--tag--operational{border:1px solid var(--cds-layer)}.cds-custom--tag--disabled:not(.cds-custom--tag--operational) .cds-custom--tag__close-icon:hover,.cds-custom--tag--disabled:not(.cds-custom--tag--operational).cds-custom--tag--operational:hover,.cds-custom--tag--filter.cds-custom--tag--disabled .cds-custom--tag__close-icon:hover,.cds-custom--tag--filter.cds-custom--tag--disabled.cds-custom--tag--operational:hover,.cds-custom--tag--interactive.cds-custom--tag--disabled .cds-custom--tag__close-icon:hover,.cds-custom--tag--interactive.cds-custom--tag--disabled.cds-custom--tag--operational:hover{background-color:var(--cds-layer)}.cds-custom--tag--disabled:not(.cds-custom--tag--operational) .cds-custom--definition-term .cds-custom--tag__label,.cds-custom--tag--filter.cds-custom--tag--disabled .cds-custom--definition-term .cds-custom--tag__label,.cds-custom--tag--interactive.cds-custom--tag--disabled .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--tag--disabled:not(.cds-custom--tag--operational),.cds-custom--tag--filter.cds-custom--tag--disabled,.cds-custom--tag--interactive.cds-custom--tag--disabled{box-shadow:none;outline:none}.cds-custom--tag--disabled:not(.cds-custom--tag--operational):hover,.cds-custom--tag--filter.cds-custom--tag--disabled:hover,.cds-custom--tag--interactive.cds-custom--tag--disabled:hover{cursor:not-allowed}.cds-custom--tag--disabled:not(.cds-custom--tag--operational) .cds-custom--tag__label,.cds-custom--tag--filter.cds-custom--tag--disabled .cds-custom--tag__label,.cds-custom--tag--interactive.cds-custom--tag--disabled .cds-custom--tag__label{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--tag--operational.cds-custom--tag--disabled,.cds-custom--tag--selectable.cds-custom--tag--disabled{background-color:var(--cds-layer);border:1px solid var(--cds-border-disabled,#c6c6c6);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--tag--operational.cds-custom--tag--disabled:hover,.cds-custom--tag--selectable.cds-custom--tag--disabled:hover{background-color:var(--cds-layer);cursor:not-allowed}.cds-custom--tag--interactive{transition:background-color 70ms cubic-bezier(0,0,.38,.9)}.cds-custom--tag__close-icon{align-items:center;background-color:transparent;block-size:var(--cds-layout-size-height-local);border:0;border-radius:50%;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;inline-size:var(--cds-layout-size-height-local);justify-content:center;margin:0 0 0 .125rem;padding:0;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),box-shadow 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--tag__close-icon svg{fill:currentColor}.cds-custom--tag__custom-icon{background-color:transparent;block-size:1rem;border:0;color:currentColor;flex-shrink:0;inline-size:1rem;margin-inline-end:.25rem;outline:none;padding:0}.cds-custom--tag__custom-icon svg{fill:currentColor}.cds-custom--tag--disabled .cds-custom--tag__close-icon{cursor:not-allowed}.cds-custom--tag__close-icon:focus{border-radius:50%;box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:none;z-index:99999}.cds-custom--tag--high-contrast .cds-custom--tag__close-icon:focus{box-shadow:inset 0 0 0 1px var(--cds-focus-inverse,#fff)}.cds-custom--tag--filter.cds-custom--tag--disabled .cds-custom--tag__close-icon:hover{background-color:transparent}.cds-custom--tag--filter.cds-custom--tag--disabled svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--tag--sm.cds-custom--tag--filter{padding-inline-end:0}.cds-custom--tag--sm .cds-custom--tag__close-icon{margin-inline-start:.3125rem}.cds-custom--tag.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--tag.cds-custom--skeleton:active,.cds-custom--tag.cds-custom--skeleton:focus,.cds-custom--tag.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--tag.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--tag.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--tag.cds-custom--skeleton{background:CanvasText}.cds-custom--tag.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--tag.cds-custom--skeleton{background-color:var(--cds-skeleton-background,#e8e8e8);color:var(--cds-text-primary,#161616)}.cds-custom--tag.cds-custom--skeleton.cds-custom--tag--operational{border:1px solid var(--cds-skeleton-background,#e8e8e8)}.cds-custom--tag.cds-custom--skeleton .cds-custom--tag__close-icon:hover,.cds-custom--tag.cds-custom--skeleton.cds-custom--tag--operational:hover{background-color:var(--cds-skeleton-background,#e8e8e8)}.cds-custom--tag.cds-custom--skeleton .cds-custom--definition-term .cds-custom--tag__label{color:var(--cds-text-primary,#161616)}.cds-custom--tag.cds-custom--skeleton{inline-size:3.75rem;overflow:hidden}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){.cds-custom--tag.cds-custom--skeleton{transform:translateZ(0)}}.cds-custom--tag .cds-custom--ai-label .cds-custom--ai-label__button--inline,.cds-custom--tag .cds-custom--slug .cds-custom--slug__button--inline{color:currentColor;margin-inline-start:.0625rem}.cds-custom--tag .cds-custom--ai-label .cds-custom--ai-label__button--inline .cds-custom--ai-label__text:before,.cds-custom--tag .cds-custom--slug .cds-custom--slug__button--inline .cds-custom--slug__text:before{background-color:currentColor}.cds-custom--tag .cds-custom--ai-label .cds-custom--ai-label__button--inline:hover,.cds-custom--tag .cds-custom--slug .cds-custom--slug__button--inline:hover{border-color:currentColor}.cds-custom--tag--filter .cds-custom--ai-label,.cds-custom--tag--filter .cds-custom--slug,.cds-custom--tag--filter .cds-custom--tag__decorator>*{min-inline-size:2.00875rem}.cds-custom--tag .cds-custom--tag__decorator:not(:has(.cds-custom--ai-label)){block-size:1rem;text-align:center}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--tag{outline:1px solid transparent}.cds-custom--tag__close-icon:focus{color:Highlight;outline:1px solid Highlight}}.cds-custom--tag-label-tooltip{max-inline-size:-webkit-fill-available}.cds-custom--tag__custom-icon+.cds-custom--tag-label-tooltip{max-inline-size:11rem}.cds-custom--tag--filter .cds-custom--tag__custom-icon+.cds-custom--tag-label-tooltip{max-inline-size:9.875rem}.cds-custom--interactive--tag-children{display:inline-flex;max-inline-size:12.5rem;place-items:center}.cds-custom--tag--filter .cds-custom--tag__custom-icon+span>.cds-custom--interactive--tag-children{max-inline-size:11.5rem}.cds-custom--tag .cds-custom--definition-term{border-block-end:none;cursor:default;max-inline-size:12rem}.cds-custom--tag .cds-custom--tag__custom-icon+span>.cds-custom--definition-term{max-inline-size:11rem}.cds-custom--tag>.cds-custom--popover-container{display:flex}.cds-custom--toggletip-button:has(.cds-custom--tag--operational.cds-custom--tag--disabled){pointer-events:none}.c4p--checklist__header{background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;gap:.5rem;padding:1rem}.c4p--checklist__chart{align-self:center;block-size:2.5rem;inline-size:2.5rem;min-inline-size:2.5rem;position:relative}.c4p--checklist__chart:after{background-color:var(--cds-layer-01,#f4f4f4);block-size:2rem;border-radius:50%;content:\"\";inline-size:2rem;inset-block-start:.25rem;inset-inline-start:.25rem;position:absolute}.c4p--checklist__titles{display:flex;flex-direction:column;justify-content:center}.c4p--checklist__title{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}.c4p--checklist__chart-label,.c4p--checklist__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.c4p--checklist__chart-label{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.c4p--checklist__title+.c4p--checklist__chart-label{margin-block-start:.125rem}.c4p--checklist__header .cds-custom--tooltip{block-size:2rem;margin-block-start:-.5rem;margin-inline:auto -.5rem}.c4p--checklist__chevron{color:var(--cds-text-primary,#161616);transform:rotate(0deg);transition:all .11s cubic-bezier(.2,0,.38,.9)}@media (prefers-reduced-motion:reduce){.c4p--checklist__chevron{transition:none}}.c4p--checklist__closed .c4p--checklist__chevron{transform:rotate(-180deg)}.c4p--checklist__button.cds-custom--btn--primary{background-color:transparent;border:none;color:var(--cds-link-primary,#0f62fe);flex-shrink:unset;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);max-inline-size:none;min-block-size:auto;padding:0}.c4p--checklist__button.cds-custom--btn--primary div{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.c4p--checklist__button.cds-custom--btn--primary:hover{background:transparent;color:var(--cds-link-primary-hover,#0043ce);text-decoration:underline}.c4p--checklist__button.cds-custom--btn--primary:active{background:transparent;color:var(--cds-text-primary,#161616);text-decoration:underline}.c4p--checklist__content-outer{overflow:hidden}.c4p--checklist__content-inner{background-color:var(--cds-layer-01,#f4f4f4);block-size:100%;transform:translate(0);transition:all .11s cubic-bezier(.2,0,.38,.9)}@media (prefers-reduced-motion:reduce){.c4p--checklist__content-inner{transition:none}}.c4p--checklist__closed .c4p--checklist__content-inner{block-size:0;transform:translateY(-100%)}.c4p--checklist__list-group{border-block-start:1px solid var(--cds-border-subtle-01,#c6c6c6);padding:1rem}.c4p--checklist__list-group:first-of-type{border-block-start:none}.c4p--checklist__list-title{display:-webkit-box;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-block-end:.5rem;text-overflow:ellipsis}.c4p--checklist__list-item{display:flex;margin-block-end:.5rem}.c4p--checklist__list-item:last-child{margin-block-end:0}.c4p--checklist__icon{color:var(--cds-icon-primary,#161616);margin:.0625rem .5rem 0 0}.c4p--checklist__icon--checked,.c4p--checklist__icon--indeterminate{color:var(--cds-interactive,#0f62fe)}.c4p--checklist__icon--error{color:var(--cds-support-error,#da1e28)}.c4p--checklist__icon--disabled{color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.c4p--checklist__label{display:-webkit-box;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.c4p--checklist__label--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.c4p--checklist__footer{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;border-block-start:1px solid var(--cds-border-subtle-01,#c6c6c6);padding:.5rem 1rem;text-overflow:ellipsis}:host(c4p-checklist) .c4p--checklist__toggle{margin-block-start:-.5rem;margin-inline:auto -.5rem}:host(c4p-checklist-item){display:flex;margin-block-end:.5rem}:host(c4p-checklist-item:last-of-type){margin-block-end:0}:host(c4p-checklist-group){border-block-start:1px solid var(--cds-border-subtle-01,#c6c6c6);display:block;padding:1rem}:host(c4p-checklist-group:first-of-type){border-block-start:none}.c4p--checklist__label--clickable{color:var(--cds-link-primary,#0f62fe);cursor:pointer}.c4p--checklist__label--clickable:hover{color:var(--cds-link-primary-hover,#0043ce);text-decoration:underline}.c4p--checklist__chart{background-image:conic-gradient(#a56eff var(--c4p-num-degrees),var(--cds-tag-background-gray,#e0e0e0) var(--c4p-num-degrees) 1turn);border-radius:50%}"]);
|
|
11
11
|
|
|
12
12
|
export { styles as default };
|
|
13
13
|
//# sourceMappingURL=checklist.scss.js.map
|
|
@@ -17,6 +17,7 @@ declare const CDSCoachmarkBeacon_base: {
|
|
|
17
17
|
accessKey: string;
|
|
18
18
|
readonly accessKeyLabel: string;
|
|
19
19
|
autocapitalize: string;
|
|
20
|
+
autocorrect: boolean;
|
|
20
21
|
dir: string;
|
|
21
22
|
draggable: boolean;
|
|
22
23
|
hidden: boolean;
|
|
@@ -38,13 +39,14 @@ declare const CDSCoachmarkBeacon_base: {
|
|
|
38
39
|
click(): void;
|
|
39
40
|
hidePopover(): void;
|
|
40
41
|
showPopover(): void;
|
|
41
|
-
togglePopover(
|
|
42
|
+
togglePopover(options?: boolean): boolean;
|
|
42
43
|
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
43
44
|
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
44
45
|
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
45
46
|
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
46
47
|
readonly attributes: NamedNodeMap;
|
|
47
|
-
|
|
48
|
+
get classList(): DOMTokenList;
|
|
49
|
+
set classList(value: string): any;
|
|
48
50
|
className: string;
|
|
49
51
|
readonly clientHeight: number;
|
|
50
52
|
readonly clientLeft: number;
|
|
@@ -59,7 +61,8 @@ declare const CDSCoachmarkBeacon_base: {
|
|
|
59
61
|
onfullscreenerror: ((this: Element, ev: Event) => any) | null;
|
|
60
62
|
outerHTML: string;
|
|
61
63
|
readonly ownerDocument: Document;
|
|
62
|
-
|
|
64
|
+
get part(): DOMTokenList;
|
|
65
|
+
set part(value: string): any;
|
|
63
66
|
readonly prefix: string | null;
|
|
64
67
|
readonly scrollHeight: number;
|
|
65
68
|
scrollLeft: number;
|
|
@@ -122,6 +125,8 @@ declare const CDSCoachmarkBeacon_base: {
|
|
|
122
125
|
setPointerCapture(pointerId: number): void;
|
|
123
126
|
toggleAttribute(qualifiedName: string, force?: boolean): boolean;
|
|
124
127
|
webkitMatchesSelector(selectors: string): boolean;
|
|
128
|
+
get textContent(): string;
|
|
129
|
+
set textContent(value: string | null): any;
|
|
125
130
|
readonly baseURI: string;
|
|
126
131
|
readonly childNodes: NodeListOf<ChildNode>;
|
|
127
132
|
readonly firstChild: ChildNode | null;
|
|
@@ -134,9 +139,8 @@ declare const CDSCoachmarkBeacon_base: {
|
|
|
134
139
|
readonly parentElement: HTMLElement | null;
|
|
135
140
|
readonly parentNode: ParentNode | null;
|
|
136
141
|
readonly previousSibling: ChildNode | null;
|
|
137
|
-
textContent: string | null;
|
|
138
142
|
appendChild<T_1 extends Node>(node: T_1): T_1;
|
|
139
|
-
cloneNode(
|
|
143
|
+
cloneNode(subtree?: boolean): Node;
|
|
140
144
|
compareDocumentPosition(other: Node): number;
|
|
141
145
|
contains(other: Node | null): boolean;
|
|
142
146
|
getRootNode(options?: GetRootNodeOptions): Node;
|
|
@@ -169,6 +173,7 @@ declare const CDSCoachmarkBeacon_base: {
|
|
|
169
173
|
readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
|
|
170
174
|
readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
|
|
171
175
|
dispatchEvent(event: Event): boolean;
|
|
176
|
+
ariaActiveDescendantElement: Element | null;
|
|
172
177
|
ariaAtomic: string | null;
|
|
173
178
|
ariaAutoComplete: string | null;
|
|
174
179
|
ariaBrailleLabel: string | null;
|
|
@@ -179,25 +184,33 @@ declare const CDSCoachmarkBeacon_base: {
|
|
|
179
184
|
ariaColIndex: string | null;
|
|
180
185
|
ariaColIndexText: string | null;
|
|
181
186
|
ariaColSpan: string | null;
|
|
187
|
+
ariaControlsElements: ReadonlyArray<Element> | null;
|
|
182
188
|
ariaCurrent: string | null;
|
|
189
|
+
ariaDescribedByElements: ReadonlyArray<Element> | null;
|
|
183
190
|
ariaDescription: string | null;
|
|
191
|
+
ariaDetailsElements: ReadonlyArray<Element> | null;
|
|
184
192
|
ariaDisabled: string | null;
|
|
193
|
+
ariaErrorMessageElements: ReadonlyArray<Element> | null;
|
|
185
194
|
ariaExpanded: string | null;
|
|
195
|
+
ariaFlowToElements: ReadonlyArray<Element> | null;
|
|
186
196
|
ariaHasPopup: string | null;
|
|
187
197
|
ariaHidden: string | null;
|
|
188
198
|
ariaInvalid: string | null;
|
|
189
199
|
ariaKeyShortcuts: string | null;
|
|
190
200
|
ariaLabel: string | null;
|
|
201
|
+
ariaLabelledByElements: ReadonlyArray<Element> | null;
|
|
191
202
|
ariaLevel: string | null;
|
|
192
203
|
ariaLive: string | null;
|
|
193
204
|
ariaModal: string | null;
|
|
194
205
|
ariaMultiLine: string | null;
|
|
195
206
|
ariaMultiSelectable: string | null;
|
|
196
207
|
ariaOrientation: string | null;
|
|
208
|
+
ariaOwnsElements: ReadonlyArray<Element> | null;
|
|
197
209
|
ariaPlaceholder: string | null;
|
|
198
210
|
ariaPosInSet: string | null;
|
|
199
211
|
ariaPressed: string | null;
|
|
200
212
|
ariaReadOnly: string | null;
|
|
213
|
+
ariaRelevant: string | null;
|
|
201
214
|
ariaRequired: string | null;
|
|
202
215
|
ariaRoleDescription: string | null;
|
|
203
216
|
ariaRowCount: string | null;
|
|
@@ -239,7 +252,8 @@ declare const CDSCoachmarkBeacon_base: {
|
|
|
239
252
|
replaceChildren(...nodes: (Node | string)[]): void;
|
|
240
253
|
readonly assignedSlot: HTMLSlotElement | null;
|
|
241
254
|
readonly attributeStyleMap: StylePropertyMap;
|
|
242
|
-
|
|
255
|
+
get style(): CSSStyleDeclaration;
|
|
256
|
+
set style(cssText: string): any;
|
|
243
257
|
contentEditable: string;
|
|
244
258
|
enterKeyHint: string;
|
|
245
259
|
inputMode: string;
|
|
@@ -249,18 +263,19 @@ declare const CDSCoachmarkBeacon_base: {
|
|
|
249
263
|
onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
250
264
|
onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
251
265
|
onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
252
|
-
onauxclick: ((this: GlobalEventHandlers, ev:
|
|
266
|
+
onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
253
267
|
onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
|
|
254
|
-
|
|
268
|
+
onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
269
|
+
onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
|
|
255
270
|
onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
|
|
256
271
|
oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
257
272
|
oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
258
273
|
oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
259
274
|
onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
260
|
-
onclick: ((this: GlobalEventHandlers, ev:
|
|
275
|
+
onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
261
276
|
onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
262
277
|
oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
263
|
-
oncontextmenu: ((this: GlobalEventHandlers, ev:
|
|
278
|
+
oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
264
279
|
oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
265
280
|
oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
266
281
|
oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
@@ -308,6 +323,7 @@ declare const CDSCoachmarkBeacon_base: {
|
|
|
308
323
|
onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
309
324
|
onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
310
325
|
onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
326
|
+
onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
311
327
|
onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
312
328
|
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
|
|
313
329
|
onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
@@ -326,7 +342,7 @@ declare const CDSCoachmarkBeacon_base: {
|
|
|
326
342
|
onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
|
|
327
343
|
onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
328
344
|
ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
329
|
-
ontoggle: ((this: GlobalEventHandlers, ev:
|
|
345
|
+
ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
|
|
330
346
|
ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
331
347
|
ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
332
348
|
ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2024
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import figma, { html } from '@figma/code-connect/html';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Copyright IBM Corp. 2025
|
|
12
|
+
*
|
|
13
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
14
|
+
* LICENSE file in the root directory of this source tree.
|
|
15
|
+
*/
|
|
16
|
+
figma.connect('https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=16334-6720', {
|
|
17
|
+
props: {
|
|
18
|
+
kind: figma.enum('Type', {
|
|
19
|
+
Custom: 'custom',
|
|
20
|
+
'403 – Access denied': '403',
|
|
21
|
+
'404 – Page not found': '404',
|
|
22
|
+
}),
|
|
23
|
+
baseProps: figma.nestedProps('_FP error content base', {
|
|
24
|
+
label: figma.enum('Type', {
|
|
25
|
+
Custom: figma.string('Error code'),
|
|
26
|
+
'403': 'Error 403',
|
|
27
|
+
'404': 'Error 404',
|
|
28
|
+
'408': 'Error 408',
|
|
29
|
+
'500': 'Error 500',
|
|
30
|
+
'502': 'Error 502',
|
|
31
|
+
'503': 'Error 503',
|
|
32
|
+
'504': 'Error 504',
|
|
33
|
+
}),
|
|
34
|
+
title: figma.enum('Type', {
|
|
35
|
+
Custom: figma.string('Title text'),
|
|
36
|
+
'403': 'Access denied',
|
|
37
|
+
'404': 'Page not found',
|
|
38
|
+
'408': 'Request time-out',
|
|
39
|
+
'500': 'Internal server error',
|
|
40
|
+
'502': 'Bad gateway',
|
|
41
|
+
'503': 'Service unavailable',
|
|
42
|
+
'504': 'Gateway timeout',
|
|
43
|
+
}),
|
|
44
|
+
description: figma.enum('Type', {
|
|
45
|
+
Custom: figma.string('Description'),
|
|
46
|
+
'403': 'You are not authorized to access the requested page. Please verify that you are logged in to the hosting environment and your access permissions are correct.',
|
|
47
|
+
'404': 'The page you requested has moved or is unavailable, or the specified URL is not valid. Please check the URL or search the site for the requested content.',
|
|
48
|
+
'408': 'The server fails to complete a request within the given time due to increased network activity causing delays.',
|
|
49
|
+
'500': 'A general error message for undefined server-side issues.',
|
|
50
|
+
'502': 'A gateway or proxy server receives an invalid response from an upstream server.',
|
|
51
|
+
'503': 'A gateway or proxy server receives an invalid response from an upstream server.',
|
|
52
|
+
'504': "The server doesn't receive a response from another server within the specified time period.",
|
|
53
|
+
}),
|
|
54
|
+
children: figma.children('Link'),
|
|
55
|
+
}),
|
|
56
|
+
},
|
|
57
|
+
example: (props) => html `<c4p-full-page-error
|
|
58
|
+
kind=${props.kind}
|
|
59
|
+
description=${props.baseProps.description}
|
|
60
|
+
label=${props.baseProps.label}
|
|
61
|
+
title=${props.baseProps.title}
|
|
62
|
+
>
|
|
63
|
+
${props.baseProps.children}
|
|
64
|
+
</c4p-full-page-error>`,
|
|
65
|
+
imports: [
|
|
66
|
+
"import '@carbon/ibm-products-web-components/es/components/full-page-error/index.js'",
|
|
67
|
+
],
|
|
68
|
+
});
|
|
69
|
+
//# sourceMappingURL=full-page-error.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"full-page-error.figma.js","sources":["../../../src/components/full-page-error/full-page-error.figma.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAAA;;;;;AAKG;AAGH,KAAK,CAAC,OAAO,CACX,0HAA0H,EAC1H;AACE,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;AACvB,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,qBAAqB,EAAE,KAAK;AAC5B,YAAA,sBAAsB,EAAE,KAAK;SAC9B,CAAC;AACF,QAAA,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE;AACrD,YAAA,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;AACxB,gBAAA,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;AAClC,gBAAA,KAAK,EAAE,WAAW;AAClB,gBAAA,KAAK,EAAE,WAAW;AAClB,gBAAA,KAAK,EAAE,WAAW;AAClB,gBAAA,KAAK,EAAE,WAAW;AAClB,gBAAA,KAAK,EAAE,WAAW;AAClB,gBAAA,KAAK,EAAE,WAAW;AAClB,gBAAA,KAAK,EAAE,WAAW;aACnB,CAAC;AAEF,YAAA,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;AACxB,gBAAA,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;AAClC,gBAAA,KAAK,EAAE,eAAe;AACtB,gBAAA,KAAK,EAAE,gBAAgB;AACvB,gBAAA,KAAK,EAAE,kBAAkB;AACzB,gBAAA,KAAK,EAAE,uBAAuB;AAC9B,gBAAA,KAAK,EAAE,aAAa;AACpB,gBAAA,KAAK,EAAE,qBAAqB;AAC5B,gBAAA,KAAK,EAAE,iBAAiB;aACzB,CAAC;AACF,YAAA,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;AAC9B,gBAAA,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC;AACnC,gBAAA,KAAK,EACH,+JAA+J;AACjK,gBAAA,KAAK,EACH,2JAA2J;AAC7J,gBAAA,KAAK,EACH,gHAAgH;AAClH,gBAAA,KAAK,EAAE,2DAA2D;AAClE,gBAAA,KAAK,EACH,iFAAiF;AACnF,gBAAA,KAAK,EACH,iFAAiF;AACnF,gBAAA,KAAK,EACH,6FAA6F;aAChG,CAAC;AACF,YAAA,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;SACjC,CAAC;AACH,KAAA;AACD,IAAA,OAAO,EAAE,CAAC,KAAK,KACb,IAAI,CAAA,CAAA;AACK,aAAA,EAAA,KAAK,CAAC,IAAI;sBACH,KAAK,CAAC,SAAS,CAAC,WAAW;gBACjC,KAAK,CAAC,SAAS,CAAC,KAAK;gBACrB,KAAK,CAAC,SAAS,CAAC,KAAK;;UAE3B,KAAK,CAAC,SAAS,CAAC,QAAQ;AACL,4BAAA,CAAA;AACzB,IAAA,OAAO,EAAE;QACP,qFAAqF;AACtF,KAAA;AACF,CAAA,CACF"}
|
|
@@ -15,6 +15,7 @@ declare const CDSInterstitialScreenBodyItem_base: {
|
|
|
15
15
|
accessKey: string;
|
|
16
16
|
readonly accessKeyLabel: string;
|
|
17
17
|
autocapitalize: string;
|
|
18
|
+
autocorrect: boolean;
|
|
18
19
|
dir: string;
|
|
19
20
|
draggable: boolean;
|
|
20
21
|
hidden: boolean;
|
|
@@ -36,13 +37,14 @@ declare const CDSInterstitialScreenBodyItem_base: {
|
|
|
36
37
|
click(): void;
|
|
37
38
|
hidePopover(): void;
|
|
38
39
|
showPopover(): void;
|
|
39
|
-
togglePopover(
|
|
40
|
+
togglePopover(options?: boolean): boolean;
|
|
40
41
|
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
41
42
|
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
42
43
|
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
43
44
|
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
44
45
|
readonly attributes: NamedNodeMap;
|
|
45
|
-
|
|
46
|
+
get classList(): DOMTokenList;
|
|
47
|
+
set classList(value: string): any;
|
|
46
48
|
className: string;
|
|
47
49
|
readonly clientHeight: number;
|
|
48
50
|
readonly clientLeft: number;
|
|
@@ -57,7 +59,8 @@ declare const CDSInterstitialScreenBodyItem_base: {
|
|
|
57
59
|
onfullscreenerror: ((this: Element, ev: Event) => any) | null;
|
|
58
60
|
outerHTML: string;
|
|
59
61
|
readonly ownerDocument: Document;
|
|
60
|
-
|
|
62
|
+
get part(): DOMTokenList;
|
|
63
|
+
set part(value: string): any;
|
|
61
64
|
readonly prefix: string | null;
|
|
62
65
|
readonly scrollHeight: number;
|
|
63
66
|
scrollLeft: number;
|
|
@@ -120,6 +123,8 @@ declare const CDSInterstitialScreenBodyItem_base: {
|
|
|
120
123
|
setPointerCapture(pointerId: number): void;
|
|
121
124
|
toggleAttribute(qualifiedName: string, force?: boolean): boolean;
|
|
122
125
|
webkitMatchesSelector(selectors: string): boolean;
|
|
126
|
+
get textContent(): string;
|
|
127
|
+
set textContent(value: string | null): any;
|
|
123
128
|
readonly baseURI: string;
|
|
124
129
|
readonly childNodes: NodeListOf<ChildNode>;
|
|
125
130
|
readonly firstChild: ChildNode | null;
|
|
@@ -132,9 +137,8 @@ declare const CDSInterstitialScreenBodyItem_base: {
|
|
|
132
137
|
readonly parentElement: HTMLElement | null;
|
|
133
138
|
readonly parentNode: ParentNode | null;
|
|
134
139
|
readonly previousSibling: ChildNode | null;
|
|
135
|
-
textContent: string | null;
|
|
136
140
|
appendChild<T_1 extends Node>(node: T_1): T_1;
|
|
137
|
-
cloneNode(
|
|
141
|
+
cloneNode(subtree?: boolean): Node;
|
|
138
142
|
compareDocumentPosition(other: Node): number;
|
|
139
143
|
contains(other: Node | null): boolean;
|
|
140
144
|
getRootNode(options?: GetRootNodeOptions): Node;
|
|
@@ -167,6 +171,7 @@ declare const CDSInterstitialScreenBodyItem_base: {
|
|
|
167
171
|
readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
|
|
168
172
|
readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
|
|
169
173
|
dispatchEvent(event: Event): boolean;
|
|
174
|
+
ariaActiveDescendantElement: Element | null;
|
|
170
175
|
ariaAtomic: string | null;
|
|
171
176
|
ariaAutoComplete: string | null;
|
|
172
177
|
ariaBrailleLabel: string | null;
|
|
@@ -177,25 +182,33 @@ declare const CDSInterstitialScreenBodyItem_base: {
|
|
|
177
182
|
ariaColIndex: string | null;
|
|
178
183
|
ariaColIndexText: string | null;
|
|
179
184
|
ariaColSpan: string | null;
|
|
185
|
+
ariaControlsElements: ReadonlyArray<Element> | null;
|
|
180
186
|
ariaCurrent: string | null;
|
|
187
|
+
ariaDescribedByElements: ReadonlyArray<Element> | null;
|
|
181
188
|
ariaDescription: string | null;
|
|
189
|
+
ariaDetailsElements: ReadonlyArray<Element> | null;
|
|
182
190
|
ariaDisabled: string | null;
|
|
191
|
+
ariaErrorMessageElements: ReadonlyArray<Element> | null;
|
|
183
192
|
ariaExpanded: string | null;
|
|
193
|
+
ariaFlowToElements: ReadonlyArray<Element> | null;
|
|
184
194
|
ariaHasPopup: string | null;
|
|
185
195
|
ariaHidden: string | null;
|
|
186
196
|
ariaInvalid: string | null;
|
|
187
197
|
ariaKeyShortcuts: string | null;
|
|
188
198
|
ariaLabel: string | null;
|
|
199
|
+
ariaLabelledByElements: ReadonlyArray<Element> | null;
|
|
189
200
|
ariaLevel: string | null;
|
|
190
201
|
ariaLive: string | null;
|
|
191
202
|
ariaModal: string | null;
|
|
192
203
|
ariaMultiLine: string | null;
|
|
193
204
|
ariaMultiSelectable: string | null;
|
|
194
205
|
ariaOrientation: string | null;
|
|
206
|
+
ariaOwnsElements: ReadonlyArray<Element> | null;
|
|
195
207
|
ariaPlaceholder: string | null;
|
|
196
208
|
ariaPosInSet: string | null;
|
|
197
209
|
ariaPressed: string | null;
|
|
198
210
|
ariaReadOnly: string | null;
|
|
211
|
+
ariaRelevant: string | null;
|
|
199
212
|
ariaRequired: string | null;
|
|
200
213
|
ariaRoleDescription: string | null;
|
|
201
214
|
ariaRowCount: string | null;
|
|
@@ -237,7 +250,8 @@ declare const CDSInterstitialScreenBodyItem_base: {
|
|
|
237
250
|
replaceChildren(...nodes: (Node | string)[]): void;
|
|
238
251
|
readonly assignedSlot: HTMLSlotElement | null;
|
|
239
252
|
readonly attributeStyleMap: StylePropertyMap;
|
|
240
|
-
|
|
253
|
+
get style(): CSSStyleDeclaration;
|
|
254
|
+
set style(cssText: string): any;
|
|
241
255
|
contentEditable: string;
|
|
242
256
|
enterKeyHint: string;
|
|
243
257
|
inputMode: string;
|
|
@@ -247,18 +261,19 @@ declare const CDSInterstitialScreenBodyItem_base: {
|
|
|
247
261
|
onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
248
262
|
onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
249
263
|
onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
250
|
-
onauxclick: ((this: GlobalEventHandlers, ev:
|
|
264
|
+
onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
251
265
|
onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
|
|
252
|
-
|
|
266
|
+
onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
267
|
+
onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
|
|
253
268
|
onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
|
|
254
269
|
oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
255
270
|
oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
256
271
|
oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
257
272
|
onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
258
|
-
onclick: ((this: GlobalEventHandlers, ev:
|
|
273
|
+
onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
259
274
|
onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
260
275
|
oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
261
|
-
oncontextmenu: ((this: GlobalEventHandlers, ev:
|
|
276
|
+
oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
262
277
|
oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
263
278
|
oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
264
279
|
oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
@@ -306,6 +321,7 @@ declare const CDSInterstitialScreenBodyItem_base: {
|
|
|
306
321
|
onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
307
322
|
onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
308
323
|
onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
324
|
+
onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
309
325
|
onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
310
326
|
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
|
|
311
327
|
onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
@@ -324,7 +340,7 @@ declare const CDSInterstitialScreenBodyItem_base: {
|
|
|
324
340
|
onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
|
|
325
341
|
onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
326
342
|
ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
327
|
-
ontoggle: ((this: GlobalEventHandlers, ev:
|
|
343
|
+
ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
|
|
328
344
|
ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
329
345
|
ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
330
346
|
ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|