@carbon/web-components 2.46.0 → 2.47.0

package/es-custom/components/ai-skeleton/ai-skeleton.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-var styles = css(["@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}}@keyframes ai-skeleton-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.cds-custom--icon--skeleton,:host(cds-custom-skeleton-icon){background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--icon--skeleton:active,.cds-custom--icon--skeleton:focus,.cds-custom--icon--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--icon--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--icon--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--icon--skeleton,:host(cds-custom-skeleton-icon){background:CanvasText}.cds-custom--icon--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--icon--skeleton,:host(cds-custom-skeleton-icon){block-size:1rem;display:inline-block;inline-size:1rem}.cds-custom--skeleton__placeholder{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton__placeholder:active,.cds-custom--skeleton__placeholder:focus,.cds-custom--skeleton__placeholder:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__placeholder: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--skeleton__placeholder:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__placeholder{background:CanvasText}.cds-custom--skeleton__placeholder:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__placeholder{block-size:6.25rem;inline-size:6.25rem}.cds-custom--skeleton__text{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton__text:active,.cds-custom--skeleton__text:focus,.cds-custom--skeleton__text:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__text: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--skeleton__text:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__text{background:CanvasText}.cds-custom--skeleton__text:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__text{block-size:1rem;inline-size:100%;margin-block-end:.5rem}.cds-custom--skeleton__heading{block-size:1.5rem}.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{background:var(--cds-ai-skeleton-background,#d0e2ff);overflow:hidden}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{animation:ai-skeleton-animation 1.25s ease-in-out infinite;background:linear-gradient(90deg,rgba(69,137,255,0) 0,rgba(69,137,255,.5) 50%,rgba(69,137,255,0))}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before{inline-size:200%}.cds-custom--skeleton__placeholder--ai{border-radius:.5rem}.cds-custom--skeleton__text--ai{border-radius:1rem}.cds-custom--skeleton__icon--ai{border-radius:.125rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{background:CanvasText}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{background:Canvas}}:host(cds-custom-skeleton-text){display:block;inline-size:100%}:host(cds-custom-skeleton-text) .cds-custom--skeleton__text{margin-block-start:0}:host(cds-custom-skeleton-icon){background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}:host(cds-custom-skeleton-icon):active,:host(cds-custom-skeleton-icon):focus,:host(cds-custom-skeleton-icon):hover{border:none;cursor:default;outline:none}:host(cds-custom-skeleton-icon):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){:host(cds-custom-skeleton-icon):before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){:host(cds-custom-skeleton-icon){background:CanvasText}:host(cds-custom-skeleton-icon):before{background:Canvas;forced-color-adjust:none}}:host(cds-custom-ai-skeleton-text){display:block;inline-size:100%}:host(cds-custom-ai-skeleton-placeholder){display:block}:host(cds-custom-ai-skeleton-icon){display:inline-block}"]);
+var styles = css(["@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}}@keyframes ai-skeleton-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.cds-custom--icon--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--icon--skeleton:active,.cds-custom--icon--skeleton:focus,.cds-custom--icon--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--icon--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--icon--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--icon--skeleton{background:CanvasText}.cds-custom--icon--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--icon--skeleton{block-size:1rem;display:inline-block;inline-size:1rem}.cds-custom--skeleton__placeholder{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton__placeholder:active,.cds-custom--skeleton__placeholder:focus,.cds-custom--skeleton__placeholder:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__placeholder: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--skeleton__placeholder:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__placeholder{background:CanvasText}.cds-custom--skeleton__placeholder:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__placeholder{block-size:6.25rem;inline-size:6.25rem}.cds-custom--skeleton__text{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton__text:active,.cds-custom--skeleton__text:focus,.cds-custom--skeleton__text:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__text: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--skeleton__text:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__text{background:CanvasText}.cds-custom--skeleton__text:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__text{block-size:1rem;inline-size:100%;margin-block-end:.5rem}.cds-custom--skeleton__heading{block-size:1.5rem}.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{background:var(--cds-ai-skeleton-background,#d0e2ff);overflow:hidden}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{animation:ai-skeleton-animation 1.25s ease-in-out infinite;background:linear-gradient(90deg,rgba(69,137,255,0) 0,rgba(69,137,255,.5) 50%,rgba(69,137,255,0))}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before{inline-size:200%}.cds-custom--skeleton__placeholder--ai{border-radius:.5rem}.cds-custom--skeleton__text--ai{border-radius:1rem}.cds-custom--skeleton__icon--ai{border-radius:.125rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{background:CanvasText}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{background:Canvas}}:host(cds-custom-ai-skeleton-text){display:block;inline-size:100%}:host(cds-custom-ai-skeleton-placeholder){display:block}:host(cds-custom-ai-skeleton-icon){display:inline-block}"]);
 
 export { styles as default };
 //# sourceMappingURL=ai-skeleton.scss.js.map

package/es-custom/components/breadcrumb/breadcrumb-overflow-menu.d.ts

@@ -13,7 +13,7 @@ import CDSOverflowMenu from '../overflow-menu/overflow-menu';
  * @element cds-custom-breadcrumb-overflow-menu
  */
 declare class CDSBreadcrumbOverflowMenu extends CDSOverflowMenu {
+    connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
-    static styles: any;
 }
 export default CDSBreadcrumbOverflowMenu;

package/es-custom/components/breadcrumb/breadcrumb-overflow-menu.js

@@ -6,12 +6,13 @@
  */
 
 import { __decorate } from 'tslib';
-import { html } from 'lit';
+import { adoptStyles, html } from 'lit';
 import { prefix } from '../../globals/settings.js';
 import CDSOverflowMenu from '../overflow-menu/overflow-menu.js';
 import OverflowMenuHorizontal16 from '@carbon/icons/es/overflow-menu--horizontal/16.js';
 import { iconLoader } from '../../globals/internal/icon-loader.js';
-import styles from './breadcrumb.scss.js';
+import styles from '../overflow-menu/overflow-menu.scss.js';
+import styles$1 from './breadcrumb.scss.js';
 import { carbonElement } from '../../globals/decorators/carbon-element.js';
 
 /**
@@ -28,6 +29,10 @@ import { carbonElement } from '../../globals/decorators/carbon-element.js';
  * @element cds-custom-breadcrumb-overflow-menu
  */
 let CDSBreadcrumbOverflowMenu = class CDSBreadcrumbOverflowMenu extends CDSOverflowMenu {
+    connectedCallback() {
+        super.connectedCallback();
+        adoptStyles(this.renderRoot, [styles, styles$1]);
+    }
     render() {
         return html `
       <slot name="icon">
@@ -39,7 +44,6 @@ let CDSBreadcrumbOverflowMenu = class CDSBreadcrumbOverflowMenu extends CDSOverf
     `;
     }
 };
-CDSBreadcrumbOverflowMenu.styles = styles;
 CDSBreadcrumbOverflowMenu = __decorate([
     carbonElement(`${prefix}-breadcrumb-overflow-menu`)
 ], CDSBreadcrumbOverflowMenu);

package/es-custom/components/breadcrumb/breadcrumb-overflow-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-overflow-menu.js","sources":["../../../src/components/breadcrumb/breadcrumb-overflow-menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport CDSOverflowMenu from '../overflow-menu/overflow-menu';\nimport OverflowMenuHorizontal16 from '@carbon/icons/es/overflow-menu--horizontal/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './breadcrumb.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Overflow menu in breadcrumb.\n *\n * @deprecated use `cds-custom-overflow-menu` instead with the `breadcrumb` property\n *\n * @element cds-custom-breadcrumb-overflow-menu\n */\n@customElement(`${prefix}-breadcrumb-overflow-menu`)\nclass CDSBreadcrumbOverflowMenu extends CDSOverflowMenu {\n  render() {\n    return html`\n      <slot name=\"icon\">\n        ${iconLoader(OverflowMenuHorizontal16, {\n          class: `${prefix}--overflow-menu__icon`,\n          slot: 'icon',\n        })}\n      </slot>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSBreadcrumbOverflowMenu;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAUH;;;;;;AAMG;AAEH,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,eAAe,CAAA;IACrD,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;;UAEL,UAAU,CAAC,wBAAwB,EAAE;YACrC,KAAK,EAAE,CAAA,EAAG,MAAM,CAAA,qBAAA,CAAuB;AACvC,YAAA,IAAI,EAAE,MAAM;SACb,CAAC;;KAEL;IACH;;AAEO,yBAAA,CAAA,MAAM,GAAG,MAAH;AAZT,yBAAyB,GAAA,UAAA,CAAA;AAD9B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,yBAAA,CAA2B;AAC7C,CAAA,EAAA,yBAAyB,CAa9B;AAED,kCAAe,yBAAyB;;;;"}
+{"version":3,"file":"breadcrumb-overflow-menu.js","sources":["../../../src/components/breadcrumb/breadcrumb-overflow-menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { adoptStyles, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport CDSOverflowMenu from '../overflow-menu/overflow-menu';\nimport OverflowMenuHorizontal16 from '@carbon/icons/es/overflow-menu--horizontal/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nimport overflowMenuStyles from '../overflow-menu/overflow-menu.scss?lit';\nimport styles from './breadcrumb.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Overflow menu in breadcrumb.\n *\n * @deprecated use `cds-custom-overflow-menu` instead with the `breadcrumb` property\n *\n * @element cds-custom-breadcrumb-overflow-menu\n */\n@customElement(`${prefix}-breadcrumb-overflow-menu`)\nclass CDSBreadcrumbOverflowMenu extends CDSOverflowMenu {\n  connectedCallback() {\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [overflowMenuStyles, styles]);\n  }\n\n  render() {\n    return html`\n      <slot name=\"icon\">\n        ${iconLoader(OverflowMenuHorizontal16, {\n          class: `${prefix}--overflow-menu__icon`,\n          slot: 'icon',\n        })}\n      </slot>\n    `;\n  }\n}\n\nexport default CDSBreadcrumbOverflowMenu;\n"],"names":["overflowMenuStyles","styles","customElement"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAYH;;;;;;AAMG;AAEH,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,eAAe,CAAA;IACrD,iBAAiB,GAAA;QACf,KAAK,CAAC,iBAAiB,EAAE;QAEzB,WAAW,CAAC,IAAI,CAAC,UAAwB,EAAE,CAACA,MAAkB,EAAEC,QAAM,CAAC,CAAC;IAC1E;IAEA,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;;UAEL,UAAU,CAAC,wBAAwB,EAAE;YACrC,KAAK,EAAE,CAAA,EAAG,MAAM,CAAA,qBAAA,CAAuB;AACvC,YAAA,IAAI,EAAE,MAAM;SACb,CAAC;;KAEL;IACH;CACD;AAjBK,yBAAyB,GAAA,UAAA,CAAA;AAD9B,IAAAC,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,yBAAA,CAA2B;AAC7C,CAAA,EAAA,yBAAyB,CAiB9B;AAED,kCAAe,yBAAyB;;;;"}