@carbon/web-components 2.0.0-alpha.0 → 2.0.0-beta.0

package/es/components/toggle-tip/toggletip.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggletip.js","names":["classMap","html","property","customElement","LitElement","Information16","prefix","FocusMixin","TOOLTIP_ALIGNMENT","styles","BXToggletip","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","TOP","type","Boolean","reflect","open","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","alignment","id","classes","_t","_","_handleClick","static"],"sources":["components/toggle-tip/toggletip.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport Information16 from '@carbon/icons/lib/information/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { TOOLTIP_ALIGNMENT } from '../tooltip/defs';\nimport styles from './toggletip.scss';\n\n/**\n * Definition tooltip.\n *\n * @element cds-toggletip\n */\n@customElement(`${prefix}-toggletip`)\nclass BXToggletip extends FocusMixin(LitElement) {\n  /**\n   * How the tooltip is aligned to the trigger button.\n   */\n  @property()\n  alignment = TOOLTIP_ALIGNMENT.TOP;\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  private _handleClick = () => {\n    this.open = !this.open;\n  };\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const { alignment, id, open } = this;\n    const classes = classMap({\n      [`${prefix}--popover-container`]: true,\n      [`${prefix}--popover--caret`]: true,\n      [`${prefix}--popover--high-contrast`]: true,\n      [`${prefix}--popover--open`]: open,\n      [`${prefix}--popover--${alignment}`]: alignment,\n      [`${prefix}--toggletip`]: true,\n      [`${prefix}--toggletip--open`]: open,\n    });\n    return html`\n      <span class=\"${prefix}--toggletip-label\">\n        <slot></slot>\n      </span>\n      <span class=\"${classes}\">\n        <button aria-controls=\"${id}\" class=\"${prefix}--toggletip-button\" @click=${\n      this._handleClick\n    }>\n          ${Information16({ id: 'trigger' })}\n        </button>\n\n        <span class=\"${prefix}--popover\">\n          <span class=\"${prefix}--popover-content\">\n\n            <div class=\"${prefix}--toggletip-content\">\n              <slot name=\"body-text\"></slot>\n              <div class=\"${prefix}--toggletip-actions\">\n                <slot name=\"actions\"></slot>\n              </div>\n            </div>\n          </span>\n\n        </span>\n        <span class=\"${prefix}--popover-caret\"></span>\n      </span>\n    </span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXToggletip;\n"],"mappings":"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"}
+{"version":3,"file":"toggletip.js","names":["classMap","html","property","customElement","LitElement","Information16","prefix","FocusMixin","TOOLTIP_ALIGNMENT","styles","BXToggletip","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","TOP","type","Boolean","reflect","open","render","alignment","id","classes","_t","_","_handleClick","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/toggle-tip/toggletip.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport Information16 from '@carbon/icons/lib/information/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { TOOLTIP_ALIGNMENT } from '../tooltip/defs';\nimport styles from './toggletip.scss';\n\n/**\n * Definition tooltip.\n *\n * @element cds-toggletip\n */\n@customElement(`${prefix}-toggletip`)\nclass BXToggletip extends FocusMixin(LitElement) {\n  /**\n   * How the tooltip is aligned to the trigger button.\n   */\n  @property()\n  alignment = TOOLTIP_ALIGNMENT.TOP;\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  private _handleClick = () => {\n    this.open = !this.open;\n  };\n\n  render() {\n    const { alignment, id, open } = this;\n    const classes = classMap({\n      [`${prefix}--popover-container`]: true,\n      [`${prefix}--popover--caret`]: true,\n      [`${prefix}--popover--high-contrast`]: true,\n      [`${prefix}--popover--open`]: open,\n      [`${prefix}--popover--${alignment}`]: alignment,\n      [`${prefix}--toggletip`]: true,\n      [`${prefix}--toggletip--open`]: open,\n    });\n    return html`\n      <span class=\"${prefix}--toggletip-label\">\n        <slot></slot>\n      </span>\n      <span class=\"${classes}\">\n        <button aria-controls=\"${id}\" class=\"${prefix}--toggletip-button\" @click=${\n      this._handleClick\n    }>\n          ${Information16({ id: 'trigger' })}\n        </button>\n\n        <span class=\"${prefix}--popover\">\n          <span class=\"${prefix}--popover-content\">\n\n            <div class=\"${prefix}--toggletip-content\">\n              <slot name=\"body-text\"></slot>\n              <div class=\"${prefix}--toggletip-actions\">\n                <slot name=\"actions\"></slot>\n              </div>\n            </div>\n          </span>\n\n        </span>\n        <span class=\"${prefix}--popover-caret\"></span>\n      </span>\n    </span>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static styles = styles;\n}\n\nexport default BXToggletip;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AACvE,OAAOC,aAAa,MAAM,4BAAkC;AAC5D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,4BAA4B;AACnD,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,OAAOC,MAAM,MAAM,sBAAkB;;AAErC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,WAAW,GAAAC,SAAA,EADhBR,aAAa,CAAE,GAAEG,MAAO,YAAW,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAArC,MACMH,WAAW,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA4DjD;EAAC;IAAAI,CAAA,EA5DKN,WAAW;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIdjB,QAAQ,EAAE;MAAAkB,GAAA;MAAAC,MAAA;QAAA,OACCb,iBAAiB,CAACc,GAAG;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAEhCjB,QAAQ,CAAC;QAAEqB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAL,GAAA;MAAAC,MAAA;QAAA,OACpC,KAAK;MAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,MAAA;QAAA,OAEW,MAAM;UAC3B,IAAI,CAACK,IAAI,GAAG,CAAC,IAAI,CAACA,IAAI;QACxB,CAAC;MAAA;IAAA;MAAAR,IAAA;MAAAE,GAAA;MAAAC,KAAA;MAXD;AACF;AACA;;MAWE,SAAAM,OAAA,EAAS;QACP,MAAM;UAAEC,SAAS;UAAEC,EAAE;UAAEH;QAAK,CAAC,GAAG,IAAI;QACpC,MAAMI,OAAO,GAAG9B,QAAQ,CAAC;UACvB,CAAE,GAAEM,MAAO,qBAAoB,GAAG,IAAI;UACtC,CAAE,GAAEA,MAAO,kBAAiB,GAAG,IAAI;UACnC,CAAE,GAAEA,MAAO,0BAAyB,GAAG,IAAI;UAC3C,CAAE,GAAEA,MAAO,iBAAgB,GAAGoB,IAAI;UAClC,CAAE,GAAEpB,MAAO,cAAasB,SAAU,EAAC,GAAGA,SAAS;UAC/C,CAAE,GAAEtB,MAAO,aAAY,GAAG,IAAI;UAC9B,CAAE,GAAEA,MAAO,mBAAkB,GAAGoB;QAClC,CAAC,CAAC;QACF,OAAOzB,IAAI,CAAA8B,EAAA,KAAAA,EAAA,GAAAC,CAAA,ycACM1B,MAAM,EAGNwB,OAAO,EACKD,EAAE,EAAYvB,MAAM,EAC/C,IAAI,CAAC2B,YAAY,EAEX5B,aAAa,CAAC;UAAEwB,EAAE,EAAE;QAAU,CAAC,CAAC,EAGrBvB,MAAM,EACJA,MAAM,EAELA,MAAM,EAEJA,MAAM,EAOXA,MAAM;MAI3B;IAAC;MAAAY,IAAA;MAAAgB,MAAA;MAAAd,GAAA;MAAAC,MAAA;QAAA,OAAAc,aAAA,CAAAA,aAAA,KAGI/B,UAAU,CAACgC,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAAnB,IAAA;MAAAgB,MAAA;MAAAd,GAAA;MAAAC,MAAA;QAAA,OAGNZ,MAAM;MAAA;IAAA;EAAA;AAAA,GA3DEF,UAAU,CAACH,UAAU,CAAC;AA8DhD,eAAeM,WAAW"}

package/es/components/toggle-tip/toggletip.rtl.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--toggletip-label{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);margin-left:.5rem;color:var(--cds-text-secondary,#525252)}.cds--toggletip-button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:flex;align-items:center}.cds--toggletip-button *,.cds--toggletip-button ::after,.cds--toggletip-button ::before{box-sizing:inherit}.cds--toggletip-button::-moz-focus-inner{border:0}.cds--toggletip-button svg{fill:var(--cds-icon-secondary,#525252)}.cds--toggletip--open .cds--toggletip-button svg,.cds--toggletip-button:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--toggletip-button:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--toggletip-button:focus{outline-style:dotted}}.cds--toggletip,:host(cds-toggletip){--cds-popover-offset:0.8125rem}.cds--toggletip-content{--cds-button-focus-color:var(--cds-focus-inverse, #ffffff);--cds-link-text-color:var(--cds-link-inverse, #78a9ff);--cds-link-hover-text-color:var(--cds-link-inverse, #78a9ff);--cds-link-focus-text-color:var(--cds-focus-inverse, #ffffff);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);display:grid;max-width:18rem;padding:1rem;row-gap:1rem}.cds--toggletip-actions{display:flex;align-items:center;justify-content:space-between;-moz-column-gap:1rem;column-gap:1rem}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;top:0;left:0;bottom:0;right:0;filter:var(--cds-popover-drop-shadow, none);pointer-events:none}.cds--popover-content{position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));pointer-events:auto}.cds--popover--open .cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:""}.cds--popover--open .cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open.cds--popover--caret .cds--popover-caret{display:block}.cds--popover--bottom .cds--popover-content{bottom:0;right:50%;transform:translate(50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{left:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(100% + var(--cds-popover-offset,0))))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;left:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--top .cds--popover-content{top:0;right:50%;transform:translate(50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;left:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(-100% - var(--cds-popover-offset,0))))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{left:0;bottom:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),50%)}.cds--popover--right-top .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) * -1 - 16px)))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) + 16px)))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;right:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(-1*(var(--cds-popover-offset,0) - 100%)),-50%)}.cds--popover--left .cds--popover-content{top:50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + .1px)),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{left:100%;bottom:-50%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;left:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + 100%)),-50%)}:host(cds-toggletip){display:flex;align-items:center;justify-content:center;outline:0}:host(cds-toggletip) .cds--popover-caret{background-color:var(--cds-background-inverse,#393939)}',
+  '@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--toggletip-label{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);margin-left:.5rem;color:var(--cds-text-secondary,#525252)}.cds--toggletip-button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:flex;align-items:center}.cds--toggletip-button *,.cds--toggletip-button ::after,.cds--toggletip-button ::before{box-sizing:inherit}.cds--toggletip-button::-moz-focus-inner{border:0}.cds--toggletip-button svg{fill:var(--cds-icon-secondary,#525252)}.cds--toggletip--open .cds--toggletip-button svg,.cds--toggletip-button:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--toggletip-button:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--toggletip-button:focus{outline-style:dotted}}.cds--toggletip,:host(cds-toggletip){--cds-popover-offset:0.8125rem}.cds--toggletip-content{--cds-button-focus-color:var(--cds-focus-inverse, #ffffff);--cds-link-text-color:var(--cds-link-inverse, #78a9ff);--cds-link-hover-text-color:var(--cds-link-inverse, #78a9ff);--cds-link-focus-text-color:var(--cds-focus-inverse, #ffffff);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);display:grid;max-width:18rem;padding:1rem;row-gap:1rem}.cds--toggletip-actions{display:flex;align-items:center;justify-content:space-between;-moz-column-gap:1rem;column-gap:1rem}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;top:0;left:0;bottom:0;right:0;filter:var(--cds-popover-drop-shadow, none);pointer-events:none}.cds--popover-content{position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));pointer-events:auto}.cds--popover--open .cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:""}.cds--popover--open .cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open.cds--popover--caret .cds--popover-caret{display:block}.cds--popover--bottom .cds--popover-content{bottom:0;right:50%;transform:translate(50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{left:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(100% + var(--cds-popover-offset,0))))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;left:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--top .cds--popover-content{top:0;right:50%;transform:translate(50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;left:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(-100% - var(--cds-popover-offset,0))))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{left:0;bottom:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),50%)}.cds--popover--right-top .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) * -1 - 16px)))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) + 16px)))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;right:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(-1*(var(--cds-popover-offset,0) - 100%)),-50%)}.cds--popover--left .cds--popover-content{top:50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + .1px)),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{left:100%;bottom:-50%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;left:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + 100%)),-50%)}.cds--popover--tab-tip .cds--popover-content{border-radius:0}.cds--popover--tab-tip__button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button ::after,.cds--popover--tab-tip__button ::before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:""}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}:host(cds-toggletip){display:flex;align-items:center;justify-content:center;outline:0}:host(cds-toggletip) .cds--popover-caret{background-color:var(--cds-background-inverse,#393939)}',
 ]);

package/es/components/tooltip/tooltip-body.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/tooltip/tooltip-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH,OAAO,cAAc,EAAE,EACrB,uBAAuB,EACvB,uBAAuB,EAExB,MAAM,gCAAgC,CAAC;AAGxC;;GAEG;AACH,cACM,aAAc,SAAQ,cAAc;IACxC;;OAEG;IAEH,SAAS,0BAAkC;IAE3C;;OAEG;IAEH,SAAS,0BAAkC;IAE3C;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAGH,OAAO,CAAC,cAAc,CAIpB;IAEF;;OAEG;IACH,IAAI,QAAQ,kEAoEX;IAED,iBAAiB;IAWjB,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"tooltip-body.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport BXFloatingMenu, {\n  FLOATING_MENU_ALIGNMENT,\n  FLOATING_MENU_DIRECTION,\n  FLOATING_MENU_POSITION_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport styles from './tooltip.scss';\n\n/**\n * Tooltip body.\n */\n@customElement(`${prefix}-tooltip-body`)\nclass BXTooltipBody extends BXFloatingMenu {\n  /**\n   * How the menu is aligned to the trigger button.\n   */\n  @property()\n  alignment = FLOATING_MENU_ALIGNMENT.CENTER;\n\n  /**\n   * The menu direction.\n   */\n  @property()\n  direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = async (event) => {\n    if (event.key === 'Escape') {\n      this.open = false;\n    }\n  };\n\n  /**\n   * The position of this tooltip body.\n   */\n  get position() {\n    const { alignment, direction } = this;\n    const position = super.position;\n    const { direction: positionDirection, start, top } = position;\n\n    if (\n      direction === FLOATING_MENU_DIRECTION.TOP ||\n      direction === FLOATING_MENU_DIRECTION.BOTTOM\n    ) {\n      if (alignment === FLOATING_MENU_ALIGNMENT.START) {\n        position.start -= 16;\n      }\n\n      if (alignment === FLOATING_MENU_ALIGNMENT.END) {\n        position.start += 16;\n      }\n    }\n\n    if (\n      direction === FLOATING_MENU_DIRECTION.RIGHT ||\n      direction === FLOATING_MENU_DIRECTION.LEFT\n    ) {\n      if (alignment === FLOATING_MENU_ALIGNMENT.START) {\n        position.top -= 16;\n      }\n\n      if (alignment === FLOATING_MENU_ALIGNMENT.END) {\n        position.top += 16;\n      }\n    }\n\n    if (direction === FLOATING_MENU_DIRECTION.LEFT) {\n      const style = this.ownerDocument!.defaultView!.getComputedStyle(this);\n      const margin = Number(\n        (/^([\\d-.]+)px$/.exec(\n          style.getPropertyValue(\n            positionDirection !== FLOATING_MENU_POSITION_DIRECTION.RTL\n              ? 'margin-right'\n              : 'margin-left'\n          )\n        ) || [])[1]\n      );\n      if (!isNaN(margin)) {\n        // For direction === DIRECTION_RIGHT, the left/top margin the caret size effectively adjusts the position,\n        // but for direction === DIRECTION_LEFT such thing won't happen\n        return {\n          ...position,\n          start: start - margin,\n        };\n      }\n    }\n\n    if (direction === FLOATING_MENU_DIRECTION.TOP) {\n      const style = this.ownerDocument!.defaultView!.getComputedStyle(this);\n      const margin = Number(\n        (/^([\\d-.]+)px$/.exec(style.getPropertyValue('margin-bottom')) || [])[1]\n      );\n      if (!isNaN(margin)) {\n        // For direction === DIRECTION_BOTTOM, the left/top margin the caret size effectively adjusts the position,\n        // but for direction === DIRECTION_TOP such thing won't happen\n        return {\n          ...position,\n          top: top - margin,\n        };\n      }\n    }\n\n    return position;\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menu');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '-1');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`\n      <span class=\"${prefix}--tooltip__caret\"></span>\n      <div class=\"${prefix}--tooltip__content\"><slot></slot></div>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltipBody;\n"]}
+{"version":3,"sources":["components/tooltip/tooltip-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH,OAAO,cAAc,EAAE,EACrB,uBAAuB,EACvB,uBAAuB,EAExB,MAAM,gCAAgC,CAAC;AAGxC;;GAEG;AACH,cACM,aAAc,SAAQ,cAAc;IACxC;;OAEG;IAEH,SAAS,0BAAkC;IAE3C;;OAEG;IAEH,SAAS,0BAAkC;IAE3C;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAGH,OAAO,CAAC,cAAc,CAIpB;IAEF;;OAEG;IACH,IAAI,QAAQ,kEAoEX;IAED,iBAAiB;IAOjB,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"tooltip-body.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport BXFloatingMenu, {\n  FLOATING_MENU_ALIGNMENT,\n  FLOATING_MENU_DIRECTION,\n  FLOATING_MENU_POSITION_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport styles from './tooltip.scss';\n\n/**\n * Tooltip body.\n */\n@customElement(`${prefix}-tooltip-body`)\nclass BXTooltipBody extends BXFloatingMenu {\n  /**\n   * How the menu is aligned to the trigger button.\n   */\n  @property()\n  alignment = FLOATING_MENU_ALIGNMENT.CENTER;\n\n  /**\n   * The menu direction.\n   */\n  @property()\n  direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = async (event) => {\n    if (event.key === 'Escape') {\n      this.open = false;\n    }\n  };\n\n  /**\n   * The position of this tooltip body.\n   */\n  get position() {\n    const { alignment, direction } = this;\n    const position = super.position;\n    const { direction: positionDirection, start, top } = position;\n\n    if (\n      direction === FLOATING_MENU_DIRECTION.TOP ||\n      direction === FLOATING_MENU_DIRECTION.BOTTOM\n    ) {\n      if (alignment === FLOATING_MENU_ALIGNMENT.START) {\n        position.start -= 16;\n      }\n\n      if (alignment === FLOATING_MENU_ALIGNMENT.END) {\n        position.start += 16;\n      }\n    }\n\n    if (\n      direction === FLOATING_MENU_DIRECTION.RIGHT ||\n      direction === FLOATING_MENU_DIRECTION.LEFT\n    ) {\n      if (alignment === FLOATING_MENU_ALIGNMENT.START) {\n        position.top -= 16;\n      }\n\n      if (alignment === FLOATING_MENU_ALIGNMENT.END) {\n        position.top += 16;\n      }\n    }\n\n    if (direction === FLOATING_MENU_DIRECTION.LEFT) {\n      const style = this.ownerDocument!.defaultView!.getComputedStyle(this);\n      const margin = Number(\n        (/^([\\d-.]+)px$/.exec(\n          style.getPropertyValue(\n            positionDirection !== FLOATING_MENU_POSITION_DIRECTION.RTL\n              ? 'margin-right'\n              : 'margin-left'\n          )\n        ) || [])[1]\n      );\n      if (!isNaN(margin)) {\n        // For direction === DIRECTION_RIGHT, the left/top margin the caret size effectively adjusts the position,\n        // but for direction === DIRECTION_LEFT such thing won't happen\n        return {\n          ...position,\n          start: start - margin,\n        };\n      }\n    }\n\n    if (direction === FLOATING_MENU_DIRECTION.TOP) {\n      const style = this.ownerDocument!.defaultView!.getComputedStyle(this);\n      const margin = Number(\n        (/^([\\d-.]+)px$/.exec(style.getPropertyValue('margin-bottom')) || [])[1]\n      );\n      if (!isNaN(margin)) {\n        // For direction === DIRECTION_BOTTOM, the left/top margin the caret size effectively adjusts the position,\n        // but for direction === DIRECTION_TOP such thing won't happen\n        return {\n          ...position,\n          top: top - margin,\n        };\n      }\n    }\n\n    return position;\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menu');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`\n      <span class=\"${prefix}--tooltip__caret\"></span>\n      <div tabindex=\"0\" class=\"${prefix}--tooltip__content\"><slot></slot></div>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltipBody;\n"]}

package/es/components/tooltip/tooltip-body.js

@@ -150,10 +150,6 @@ let BXTooltipBody = _decorate([customElement(`${prefix}-tooltip-body`)], functio
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'menu');
         }
-        if (!this.hasAttribute('tabindex')) {
-          // TODO: Should we use a property?
-          this.setAttribute('tabindex', '-1');
-        }
         _get(_getPrototypeOf(BXTooltipBody.prototype), "connectedCallback", this).call(this);
       }
     }, {
@@ -162,7 +158,7 @@ let BXTooltipBody = _decorate([customElement(`${prefix}-tooltip-body`)], functio
       value: function render() {
         return html(_t || (_t = _`
       <span class="${0}--tooltip__caret"></span>
-      <div class="${0}--tooltip__content"><slot></slot></div>
+      <div tabindex="0" class="${0}--tooltip__content"><slot></slot></div>
     `), prefix, prefix);
       }
     }, {

package/es/components/tooltip/tooltip-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-body.js","names":["html","property","customElement","prefix","HostListener","BXFloatingMenu","FLOATING_MENU_ALIGNMENT","FLOATING_MENU_DIRECTION","FLOATING_MENU_POSITION_DIRECTION","styles","BXTooltipBody","_decorate","_initialize","_BXFloatingMenu","constructor","args","F","d","kind","decorators","key","value","CENTER","BOTTOM","type","Boolean","reflect","event","open","position","alignment","direction","_get","_getPrototypeOf","prototype","positionDirection","start","top","TOP","START","END","RIGHT","LEFT","style","ownerDocument","defaultView","getComputedStyle","margin","Number","exec","getPropertyValue","RTL","isNaN","_objectSpread","connectedCallback","hasAttribute","setAttribute","call","render","_t","_","static"],"sources":["components/tooltip/tooltip-body.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport BXFloatingMenu, {\n  FLOATING_MENU_ALIGNMENT,\n  FLOATING_MENU_DIRECTION,\n  FLOATING_MENU_POSITION_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport styles from './tooltip.scss';\n\n/**\n * Tooltip body.\n */\n@customElement(`${prefix}-tooltip-body`)\nclass BXTooltipBody extends BXFloatingMenu {\n  /**\n   * How the menu is aligned to the trigger button.\n   */\n  @property()\n  alignment = FLOATING_MENU_ALIGNMENT.CENTER;\n\n  /**\n   * The menu direction.\n   */\n  @property()\n  direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = async (event) => {\n    if (event.key === 'Escape') {\n      this.open = false;\n    }\n  };\n\n  /**\n   * The position of this tooltip body.\n   */\n  get position() {\n    const { alignment, direction } = this;\n    const position = super.position;\n    const { direction: positionDirection, start, top } = position;\n\n    if (\n      direction === FLOATING_MENU_DIRECTION.TOP ||\n      direction === FLOATING_MENU_DIRECTION.BOTTOM\n    ) {\n      if (alignment === FLOATING_MENU_ALIGNMENT.START) {\n        position.start -= 16;\n      }\n\n      if (alignment === FLOATING_MENU_ALIGNMENT.END) {\n        position.start += 16;\n      }\n    }\n\n    if (\n      direction === FLOATING_MENU_DIRECTION.RIGHT ||\n      direction === FLOATING_MENU_DIRECTION.LEFT\n    ) {\n      if (alignment === FLOATING_MENU_ALIGNMENT.START) {\n        position.top -= 16;\n      }\n\n      if (alignment === FLOATING_MENU_ALIGNMENT.END) {\n        position.top += 16;\n      }\n    }\n\n    if (direction === FLOATING_MENU_DIRECTION.LEFT) {\n      const style = this.ownerDocument!.defaultView!.getComputedStyle(this);\n      const margin = Number(\n        (/^([\\d-.]+)px$/.exec(\n          style.getPropertyValue(\n            positionDirection !== FLOATING_MENU_POSITION_DIRECTION.RTL\n              ? 'margin-right'\n              : 'margin-left'\n          )\n        ) || [])[1]\n      );\n      if (!isNaN(margin)) {\n        // For direction === DIRECTION_RIGHT, the left/top margin the caret size effectively adjusts the position,\n        // but for direction === DIRECTION_LEFT such thing won't happen\n        return {\n          ...position,\n          start: start - margin,\n        };\n      }\n    }\n\n    if (direction === FLOATING_MENU_DIRECTION.TOP) {\n      const style = this.ownerDocument!.defaultView!.getComputedStyle(this);\n      const margin = Number(\n        (/^([\\d-.]+)px$/.exec(style.getPropertyValue('margin-bottom')) || [])[1]\n      );\n      if (!isNaN(margin)) {\n        // For direction === DIRECTION_BOTTOM, the left/top margin the caret size effectively adjusts the position,\n        // but for direction === DIRECTION_TOP such thing won't happen\n        return {\n          ...position,\n          top: top - margin,\n        };\n      }\n    }\n\n    return position;\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menu');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '-1');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`\n      <span class=\"${prefix}--tooltip__caret\"></span>\n      <div class=\"${prefix}--tooltip__content\"><slot></slot></div>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltipBody;\n"],"mappings":"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"}
+{"version":3,"file":"tooltip-body.js","names":["html","property","customElement","prefix","HostListener","BXFloatingMenu","FLOATING_MENU_ALIGNMENT","FLOATING_MENU_DIRECTION","FLOATING_MENU_POSITION_DIRECTION","styles","BXTooltipBody","_decorate","_initialize","_BXFloatingMenu","constructor","args","F","d","kind","decorators","key","value","CENTER","BOTTOM","type","Boolean","reflect","event","open","position","alignment","direction","_get","_getPrototypeOf","prototype","positionDirection","start","top","TOP","START","END","RIGHT","LEFT","style","ownerDocument","defaultView","getComputedStyle","margin","Number","exec","getPropertyValue","RTL","isNaN","_objectSpread","connectedCallback","hasAttribute","setAttribute","call","render","_t","_","static"],"sources":["components/tooltip/tooltip-body.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport BXFloatingMenu, {\n  FLOATING_MENU_ALIGNMENT,\n  FLOATING_MENU_DIRECTION,\n  FLOATING_MENU_POSITION_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport styles from './tooltip.scss';\n\n/**\n * Tooltip body.\n */\n@customElement(`${prefix}-tooltip-body`)\nclass BXTooltipBody extends BXFloatingMenu {\n  /**\n   * How the menu is aligned to the trigger button.\n   */\n  @property()\n  alignment = FLOATING_MENU_ALIGNMENT.CENTER;\n\n  /**\n   * The menu direction.\n   */\n  @property()\n  direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = async (event) => {\n    if (event.key === 'Escape') {\n      this.open = false;\n    }\n  };\n\n  /**\n   * The position of this tooltip body.\n   */\n  get position() {\n    const { alignment, direction } = this;\n    const position = super.position;\n    const { direction: positionDirection, start, top } = position;\n\n    if (\n      direction === FLOATING_MENU_DIRECTION.TOP ||\n      direction === FLOATING_MENU_DIRECTION.BOTTOM\n    ) {\n      if (alignment === FLOATING_MENU_ALIGNMENT.START) {\n        position.start -= 16;\n      }\n\n      if (alignment === FLOATING_MENU_ALIGNMENT.END) {\n        position.start += 16;\n      }\n    }\n\n    if (\n      direction === FLOATING_MENU_DIRECTION.RIGHT ||\n      direction === FLOATING_MENU_DIRECTION.LEFT\n    ) {\n      if (alignment === FLOATING_MENU_ALIGNMENT.START) {\n        position.top -= 16;\n      }\n\n      if (alignment === FLOATING_MENU_ALIGNMENT.END) {\n        position.top += 16;\n      }\n    }\n\n    if (direction === FLOATING_MENU_DIRECTION.LEFT) {\n      const style = this.ownerDocument!.defaultView!.getComputedStyle(this);\n      const margin = Number(\n        (/^([\\d-.]+)px$/.exec(\n          style.getPropertyValue(\n            positionDirection !== FLOATING_MENU_POSITION_DIRECTION.RTL\n              ? 'margin-right'\n              : 'margin-left'\n          )\n        ) || [])[1]\n      );\n      if (!isNaN(margin)) {\n        // For direction === DIRECTION_RIGHT, the left/top margin the caret size effectively adjusts the position,\n        // but for direction === DIRECTION_LEFT such thing won't happen\n        return {\n          ...position,\n          start: start - margin,\n        };\n      }\n    }\n\n    if (direction === FLOATING_MENU_DIRECTION.TOP) {\n      const style = this.ownerDocument!.defaultView!.getComputedStyle(this);\n      const margin = Number(\n        (/^([\\d-.]+)px$/.exec(style.getPropertyValue('margin-bottom')) || [])[1]\n      );\n      if (!isNaN(margin)) {\n        // For direction === DIRECTION_BOTTOM, the left/top margin the caret size effectively adjusts the position,\n        // but for direction === DIRECTION_TOP such thing won't happen\n        return {\n          ...position,\n          top: top - margin,\n        };\n      }\n    }\n\n    return position;\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menu');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`\n      <span class=\"${prefix}--tooltip__caret\"></span>\n      <div tabindex=\"0\" class=\"${prefix}--tooltip__content\"><slot></slot></div>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltipBody;\n"],"mappings":"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"}

package/es/components/tooltip/tooltip.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--tooltip,:host(cds-tooltip-body){--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;top:0;right:0;bottom:0;left:0;filter:var(--cds-popover-drop-shadow, none);pointer-events:none}.cds--popover-content{position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));pointer-events:auto}.cds--popover--open .cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:""}.cds--popover--open .cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open.cds--popover--caret .cds--popover-caret{display:block}.cds--popover--bottom .cds--popover-content{bottom:0;left:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{right:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;right:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;left:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(-50%,var(--cds-popover-offset,0))}.cds--popover--top .cds--popover-content{top:0;left:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;right:0;transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{right:0;bottom:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;left:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(-50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right .cds--popover-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-top .cds--popover-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) * -1 - 16px))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;left:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(var(--cds-popover-offset,0) - 100%),-50%)}.cds--popover--left .cds--popover-content{top:50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0) + .1px),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{right:100%;bottom:-50%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;right:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1 * var(--cds-popover-offset,0) + 100%),-50%)}:host(cds-tooltip) .sb-tooltip-trigger{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--cds-border-subtle)}:host(cds-tooltip) .sb-tooltip-trigger *,:host(cds-tooltip) .sb-tooltip-trigger ::after,:host(cds-tooltip) .sb-tooltip-trigger ::before{box-sizing:inherit}:host(cds-tooltip) .sb-tooltip-trigger::-moz-focus-inner{border:0}:host(cds-tooltip) .sb-tooltip-trigger svg{fill:var(--cds-background-inverse,#393939)}:host(cds-tooltip-body) ::slotted(cds-tooltip-footer){display:flex;justify-content:space-between;align-items:center;margin-top:1rem}:host(cds-tooltip-body) ::slotted(p){font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);text-align:left}:host(cds-tooltip-body[direction=top]){margin-bottom:.5rem}:host(cds-tooltip-body[direction=top]) .cds--tooltip__caret{top:auto;bottom:rem(-6px);transform:rotate(180deg)}:host(cds-tooltip-body[direction=right]){margin-left:.5rem}:host(cds-tooltip-body[direction=right]) .cds--tooltip__caret{right:auto;left:calc(-6.875px + 1px);transform:rotate(270deg) translate(25%,-50%)}:host(cds-tooltip-body[direction=bottom]){margin-top:.5rem}:host(cds-tooltip-body[direction=left]){margin-right:.5rem}:host(cds-tooltip-body[direction=left]) .cds--tooltip__caret{right:calc(-6.875px + 1px);left:auto;transform:rotate(90deg) translate(-25%,-50%)}:host(cds-tooltip-body[direction=bottom])[alignment=start] .cds--tooltip__caret,:host(cds-tooltip-body[direction=top])[alignment=start] .cds--tooltip__caret{margin-left:rem(17px)}:host(cds-tooltip-body[direction=bottom])[alignment=end] .cds--tooltip__caret,:host(cds-tooltip-body[direction=top])[alignment=end] .cds--tooltip__caret{margin-right:rem(17px)}:host(cds-tooltip-body[direction=left]) .cds--tooltip__caret,:host(cds-tooltip-body[direction=right]) .cds--tooltip__caret{top:50%}:host(cds-tooltip-body[direction=left])[alignment=start] .cds--tooltip__caret,:host(cds-tooltip-body[direction=right])[alignment=start] .cds--tooltip__caret{top:calc(6.875px + rem(17px))}:host(cds-tooltip-body[direction=left])[alignment=end] .cds--tooltip__caret,:host(cds-tooltip-body[direction=right])[alignment=end] .cds--tooltip__caret{top:auto;bottom:rem(17px)}:host(cds-tooltip-icon){outline:0}:host(cds-tooltip-icon) .cds--tooltip__trigger:focus ::slotted(svg),:host(cds-tooltip-icon) :focus:host(cds-tooltip) ::slotted(svg){outline:1px solid var(--cds-focus,#0f62fe)}',
+  '@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--tooltip,:host(cds-tooltip-body){--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;top:0;right:0;bottom:0;left:0;filter:var(--cds-popover-drop-shadow, none);pointer-events:none}.cds--popover-content{position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));pointer-events:auto}.cds--popover--open .cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:""}.cds--popover--open .cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open.cds--popover--caret .cds--popover-caret{display:block}.cds--popover--bottom .cds--popover-content{bottom:0;left:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{right:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;right:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;left:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(-50%,var(--cds-popover-offset,0))}.cds--popover--top .cds--popover-content{top:0;left:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;right:0;transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{right:0;bottom:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;left:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(-50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right .cds--popover-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-top .cds--popover-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) * -1 - 16px))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;left:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(var(--cds-popover-offset,0) - 100%),-50%)}.cds--popover--left .cds--popover-content{top:50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0) + .1px),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{right:100%;bottom:-50%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;right:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1 * var(--cds-popover-offset,0) + 100%),-50%)}.cds--popover--tab-tip .cds--popover-content{border-radius:0}.cds--popover--tab-tip__button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button ::after,.cds--popover--tab-tip__button ::before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:""}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}:host(cds-tooltip) .sb-tooltip-trigger{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--cds-border-subtle)}:host(cds-tooltip) .sb-tooltip-trigger *,:host(cds-tooltip) .sb-tooltip-trigger ::after,:host(cds-tooltip) .sb-tooltip-trigger ::before{box-sizing:inherit}:host(cds-tooltip) .sb-tooltip-trigger::-moz-focus-inner{border:0}:host(cds-tooltip) .sb-tooltip-trigger svg{fill:var(--cds-background-inverse,#393939)}:host(cds-tooltip-body) ::slotted(cds-tooltip-footer){display:flex;justify-content:space-between;align-items:center;margin-top:1rem}:host(cds-tooltip-body) ::slotted(p){font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);text-align:left}:host(cds-tooltip-body[direction=top]){margin-bottom:.5rem}:host(cds-tooltip-body[direction=top]) .cds--tooltip__caret{top:auto;bottom:rem(-6px);transform:rotate(180deg)}:host(cds-tooltip-body[direction=right]){margin-left:.5rem}:host(cds-tooltip-body[direction=right]) .cds--tooltip__caret{right:auto;left:calc(-6.875px + 1px);transform:rotate(270deg) translate(25%,-50%)}:host(cds-tooltip-body[direction=bottom]){margin-top:.5rem}:host(cds-tooltip-body[direction=left]){margin-right:.5rem}:host(cds-tooltip-body[direction=left]) .cds--tooltip__caret{right:calc(-6.875px + 1px);left:auto;transform:rotate(90deg) translate(-25%,-50%)}:host(cds-tooltip-body[direction=bottom])[alignment=start] .cds--tooltip__caret,:host(cds-tooltip-body[direction=top])[alignment=start] .cds--tooltip__caret{margin-left:rem(17px)}:host(cds-tooltip-body[direction=bottom])[alignment=end] .cds--tooltip__caret,:host(cds-tooltip-body[direction=top])[alignment=end] .cds--tooltip__caret{margin-right:rem(17px)}:host(cds-tooltip-body[direction=left]) .cds--tooltip__caret,:host(cds-tooltip-body[direction=right]) .cds--tooltip__caret{top:50%}:host(cds-tooltip-body[direction=left])[alignment=start] .cds--tooltip__caret,:host(cds-tooltip-body[direction=right])[alignment=start] .cds--tooltip__caret{top:calc(6.875px + rem(17px))}:host(cds-tooltip-body[direction=left])[alignment=end] .cds--tooltip__caret,:host(cds-tooltip-body[direction=right])[alignment=end] .cds--tooltip__caret{top:auto;bottom:rem(17px)}:host(cds-tooltip-icon){outline:0}:host(cds-tooltip-icon) .cds--tooltip__trigger:focus ::slotted(svg),:host(cds-tooltip-icon) :focus:host(cds-tooltip) ::slotted(svg){outline:1px solid var(--cds-focus,#0f62fe)}',
 ]);

package/es/components/tooltip/tooltip.d.ts

@@ -344,8 +344,6 @@ declare class BXTooltip extends BXTooltip_base implements BXFloatingMenuTrigger
     exitDelayMs: number;
     /**
      * Handles `click` event on this element.
-     *
-     * @param {undefined|boolean} forceState if set, will be cast to boolean and force tooltip to open or close.
      */
     private _handleOver;
     /**
@@ -368,6 +366,7 @@ declare class BXTooltip extends BXTooltip_base implements BXFloatingMenuTrigger
     connectedCallback(): void;
     updated(changedProperties: any): void;
     render(): import("lit-html").TemplateResult<1>;
+    static get selectorTooltipBody(): string;
     static styles: any;
 }
 export default BXTooltip;

package/es/components/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC,OAAO,qBAAqB,MAAM,wCAAwC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAG3E;;;;GAIG;AACH,cACM,SACJ,SAAQ,cACR,YAAW,qBAAqB;IAEhC;;OAEG;IACH,OAAO,CAAC,SAAS,CAA+B;IAEhD;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAe;IAGnC,KAAK,SAAY;IAGjB,QAAQ,MAAC;IAGT,YAAY,SAAO;IAGnB,WAAW,SAAO;IAElB;;;;OAIG;IAGH,OAAO,CAAC,WAAW,CAUjB;IAEF;;OAEG;IAGH,OAAO,CAAC,eAAe,CAOrB;IAEF;;;OAGG;IAGH,OAAO,CAAC,cAAc,CAIpB;IAEF;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IACH,IAAI,eAAe,YAMlB;IAED,iBAAiB;IAoBjB,OAAO,CAAC,iBAAiB,KAAA;IAezB,MAAM;IAwBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"tooltip.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { classMap } from 'lit-html/directives/class-map';\nimport Information16 from '@carbon/icons/lib/information/16';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport BXFloatingMenu from '../floating-menu/floating-menu';\nimport BXFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport styles from './tooltip.scss';\n\n/**\n * Trigger button of tooltip.\n *\n * @element cds-tooltip\n */\n@customElement(`${prefix}-tooltip`)\nclass BXTooltip\n  extends HostListenerMixin(LitElement)\n  implements BXFloatingMenuTrigger\n{\n  /**\n   * The menu body.\n   */\n  private _menuBody: BXFloatingMenu | null = null;\n\n  /**\n   * The trigger button.\n   */\n  @query('#trigger')\n  private _triggerNode!: HTMLElement;\n\n  @property({ reflect: true, type: String })\n  align = 'bottom';\n\n  @property({ reflect: true, type: String })\n  duration;\n\n  @property({ attribute: 'enter-delay-ms', type: Number })\n  enterDelayMs = 100;\n\n  @property({ attribute: 'exit-delay-ms', type: Number })\n  exitDelayMs = 300;\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param {undefined|boolean} forceState if set, will be cast to boolean and force tooltip to open or close.\n   */\n  @HostListener('mouseover')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleOver = async () => {\n    setTimeout(async () => {\n      this.open = !this.open;\n      const { open, updateComplete } = this;\n      if (open) {\n        await updateComplete;\n        const { _menuBody: menuBody } = this;\n        menuBody?.focus();\n      }\n    }, this.enterDelayMs);\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('mouseout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleHoverOut = async () => {\n    setTimeout(async () => {\n      const { open } = this;\n      if (open) {\n        this.open = !this.open;\n      }\n    }, this.exitDelayMs);\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   * Space & enter will toggle state, Escape will only close.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = async (event) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      this._handleOver();\n    }\n  };\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * @returns The position of the trigger button in the viewport.\n   */\n  get triggerPosition() {\n    const { _triggerNode: triggerNode } = this;\n    if (!triggerNode) {\n      throw new TypeError('Cannot find the trigger button.');\n    }\n    return triggerNode.getBoundingClientRect();\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '0');\n    }\n    if (!this.hasAttribute('aria-haspopup')) {\n      this.setAttribute('aria-haspopup', 'true');\n    }\n    if (!this.hasAttribute('aria-expanded')) {\n      this.setAttribute('aria-expanded', 'false');\n    }\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: 'open' });\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('open')) {\n      if (!this._menuBody) {\n        this._menuBody = find(\n          this.childNodes,\n          (elem) => (elem.constructor as typeof BXFloatingMenu).FLOATING_MENU\n        );\n      }\n      if (this._menuBody) {\n        this._menuBody.open = this.open;\n      }\n      this.setAttribute('aria-expanded', String(Boolean(this.open)));\n    }\n  }\n\n  render() {\n    const buttonClasses = classMap({\n      [`${prefix}--popover-container`]: true,\n      [`${prefix}--popover--caret`]: true,\n      [`${prefix}--popover--high-contrast`]: true,\n      [`${prefix}--tooltip`]: true,\n      [`${prefix}--popover--open`]: this.open,\n      [`${prefix}--popover--${this.align}`]: true,\n    });\n    return html`\n      <span class=\"${buttonClasses}\">\n        <button class=\"sb-tooltip-trigger\">\n          ${Information16({ id: 'trigger' })}\n        </button>\n        <span class=\"${prefix}--popover\">\n          <span class=\"${prefix}--popover-content ${prefix}--tooltip-content\">\n            <slot></slot>\n          </span>\n          <span class=\"${prefix}--popover-caret\"> </span>\n        </span>\n      </span>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltip;\n"]}
+{"version":3,"sources":["components/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC,OAAO,qBAAqB,MAAM,wCAAwC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAG3E;;;;GAIG;AACH,cACM,SACJ,SAAQ,cACR,YAAW,qBAAqB;IAEhC;;OAEG;IACH,OAAO,CAAC,SAAS,CAA+B;IAEhD;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAe;IAGnC,KAAK,SAAY;IAGjB,QAAQ,MAAC;IAGT,YAAY,SAAO;IAGnB,WAAW,SAAO;IAElB;;OAEG;IAGH,OAAO,CAAC,WAAW,CAcjB;IAEF;;OAEG;IAGH,OAAO,CAAC,eAAe,CAOrB;IAEF;;;OAGG;IAGH,OAAO,CAAC,cAAc,CAIpB;IAEF;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IACH,IAAI,eAAe,YAMlB;IAED,iBAAiB;IAoBjB,OAAO,CAAC,iBAAiB,KAAA;IAezB,MAAM;IAwBN,MAAM,KAAK,mBAAmB,WAE7B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"tooltip.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { classMap } from 'lit-html/directives/class-map';\nimport Information16 from '@carbon/icons/lib/information/16';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport BXFloatingMenu from '../floating-menu/floating-menu';\nimport BXFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport styles from './tooltip.scss';\n\n/**\n * Trigger button of tooltip.\n *\n * @element cds-tooltip\n */\n@customElement(`${prefix}-tooltip`)\nclass BXTooltip\n  extends HostListenerMixin(LitElement)\n  implements BXFloatingMenuTrigger\n{\n  /**\n   * The menu body.\n   */\n  private _menuBody: BXFloatingMenu | null = null;\n\n  /**\n   * The trigger button.\n   */\n  @query('#trigger')\n  private _triggerNode!: HTMLElement;\n\n  @property({ reflect: true, type: String })\n  align = 'bottom';\n\n  @property({ reflect: true, type: String })\n  duration;\n\n  @property({ attribute: 'enter-delay-ms', type: Number })\n  enterDelayMs = 100;\n\n  @property({ attribute: 'exit-delay-ms', type: Number })\n  exitDelayMs = 300;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('mouseover')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleOver = async () => {\n    setTimeout(async () => {\n      this.open = !this.open;\n      const { open, updateComplete } = this;\n      if (open) {\n        await updateComplete;\n        const { _menuBody: menuBody } = this;\n        (\n          menuBody?.shadowRoot?.querySelector(\n            BXTooltip.selectorTooltipBody\n          ) as HTMLElement\n        )?.focus();\n      }\n    }, this.enterDelayMs);\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('mouseout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleHoverOut = async () => {\n    setTimeout(async () => {\n      const { open } = this;\n      if (open) {\n        this.open = !this.open;\n      }\n    }, this.exitDelayMs);\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   * Space & enter will toggle state, Escape will only close.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = async (event) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      this._handleOver();\n    }\n  };\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * @returns The position of the trigger button in the viewport.\n   */\n  get triggerPosition() {\n    const { _triggerNode: triggerNode } = this;\n    if (!triggerNode) {\n      throw new TypeError('Cannot find the trigger button.');\n    }\n    return triggerNode.getBoundingClientRect();\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '0');\n    }\n    if (!this.hasAttribute('aria-haspopup')) {\n      this.setAttribute('aria-haspopup', 'true');\n    }\n    if (!this.hasAttribute('aria-expanded')) {\n      this.setAttribute('aria-expanded', 'false');\n    }\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: 'open' });\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('open')) {\n      if (!this._menuBody) {\n        this._menuBody = find(\n          this.childNodes,\n          (elem) => (elem.constructor as typeof BXFloatingMenu).FLOATING_MENU\n        );\n      }\n      if (this._menuBody) {\n        this._menuBody.open = this.open;\n      }\n      this.setAttribute('aria-expanded', String(Boolean(this.open)));\n    }\n  }\n\n  render() {\n    const buttonClasses = classMap({\n      [`${prefix}--popover-container`]: true,\n      [`${prefix}--popover--caret`]: true,\n      [`${prefix}--popover--high-contrast`]: true,\n      [`${prefix}--tooltip`]: true,\n      [`${prefix}--popover--open`]: this.open,\n      [`${prefix}--popover--${this.align}`]: true,\n    });\n    return html`\n      <span class=\"${buttonClasses}\">\n        <button class=\"sb-tooltip-trigger\">\n          ${Information16({ id: 'trigger' })}\n        </button>\n        <span class=\"${prefix}--popover\">\n          <span class=\"${prefix}--popover-content ${prefix}--tooltip-content\">\n            <slot></slot>\n          </span>\n          <span class=\"${prefix}--popover-caret\"> </span>\n        </span>\n      </span>\n    `;\n  }\n\n  static get selectorTooltipBody() {\n    return `.${prefix}--tooltip__content`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltip;\n"]}

package/es/components/tooltip/tooltip.js

@@ -102,11 +102,12 @@ let BXTooltip = _decorate([customElement(`${prefix}-tooltip`)], function (_initi
               updateComplete
             } = this;
             if (open) {
+              var _menuBody$shadowRoot, _menuBody$shadowRoot$;
               await updateComplete;
               const {
                 _menuBody: menuBody
               } = this;
-              menuBody === null || menuBody === void 0 ? void 0 : menuBody.focus();
+              menuBody === null || menuBody === void 0 ? void 0 : (_menuBody$shadowRoot = menuBody.shadowRoot) === null || _menuBody$shadowRoot === void 0 ? void 0 : (_menuBody$shadowRoot$ = _menuBody$shadowRoot.querySelector(BXTooltip.selectorTooltipBody)) === null || _menuBody$shadowRoot$ === void 0 ? void 0 : _menuBody$shadowRoot$.focus();
             }
           }, this.enterDelayMs);
         };
@@ -162,8 +163,6 @@ let BXTooltip = _decorate([customElement(`${prefix}-tooltip`)], function (_initi
 
       /**
        * Handles `click` event on this element.
-       *
-       * @param {undefined|boolean} forceState if set, will be cast to boolean and force tooltip to open or close.
        */
 
       /**
@@ -257,6 +256,13 @@ let BXTooltip = _decorate([customElement(`${prefix}-tooltip`)], function (_initi
           id: 'trigger'
         }), prefix, prefix, prefix, prefix);
       }
+    }, {
+      kind: "get",
+      static: true,
+      key: "selectorTooltipBody",
+      value: function selectorTooltipBody() {
+        return `.${prefix}--tooltip__content`;
+      }
     }, {
       kind: "field",
       static: true,

package/es/components/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["LitElement","html","property","customElement","query","classMap","Information16","prefix","HostListener","HostListenerMixin","find","styles","BXTooltip","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","decorators","reflect","type","String","attribute","Number","setTimeout","open","updateComplete","_menuBody","menuBody","focus","enterDelayMs","exitDelayMs","event","_handleOver","Boolean","triggerPosition","_triggerNode","triggerNode","TypeError","getBoundingClientRect","connectedCallback","hasAttribute","setAttribute","shadowRoot","attachShadow","mode","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","childNodes","elem","FLOATING_MENU","render","buttonClasses","align","_t","_","id","static"],"sources":["components/tooltip/tooltip.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { classMap } from 'lit-html/directives/class-map';\nimport Information16 from '@carbon/icons/lib/information/16';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport BXFloatingMenu from '../floating-menu/floating-menu';\nimport BXFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport styles from './tooltip.scss';\n\n/**\n * Trigger button of tooltip.\n *\n * @element cds-tooltip\n */\n@customElement(`${prefix}-tooltip`)\nclass BXTooltip\n  extends HostListenerMixin(LitElement)\n  implements BXFloatingMenuTrigger\n{\n  /**\n   * The menu body.\n   */\n  private _menuBody: BXFloatingMenu | null = null;\n\n  /**\n   * The trigger button.\n   */\n  @query('#trigger')\n  private _triggerNode!: HTMLElement;\n\n  @property({ reflect: true, type: String })\n  align = 'bottom';\n\n  @property({ reflect: true, type: String })\n  duration;\n\n  @property({ attribute: 'enter-delay-ms', type: Number })\n  enterDelayMs = 100;\n\n  @property({ attribute: 'exit-delay-ms', type: Number })\n  exitDelayMs = 300;\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param {undefined|boolean} forceState if set, will be cast to boolean and force tooltip to open or close.\n   */\n  @HostListener('mouseover')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleOver = async () => {\n    setTimeout(async () => {\n      this.open = !this.open;\n      const { open, updateComplete } = this;\n      if (open) {\n        await updateComplete;\n        const { _menuBody: menuBody } = this;\n        menuBody?.focus();\n      }\n    }, this.enterDelayMs);\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('mouseout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleHoverOut = async () => {\n    setTimeout(async () => {\n      const { open } = this;\n      if (open) {\n        this.open = !this.open;\n      }\n    }, this.exitDelayMs);\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   * Space & enter will toggle state, Escape will only close.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = async (event) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      this._handleOver();\n    }\n  };\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * @returns The position of the trigger button in the viewport.\n   */\n  get triggerPosition() {\n    const { _triggerNode: triggerNode } = this;\n    if (!triggerNode) {\n      throw new TypeError('Cannot find the trigger button.');\n    }\n    return triggerNode.getBoundingClientRect();\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '0');\n    }\n    if (!this.hasAttribute('aria-haspopup')) {\n      this.setAttribute('aria-haspopup', 'true');\n    }\n    if (!this.hasAttribute('aria-expanded')) {\n      this.setAttribute('aria-expanded', 'false');\n    }\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: 'open' });\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('open')) {\n      if (!this._menuBody) {\n        this._menuBody = find(\n          this.childNodes,\n          (elem) => (elem.constructor as typeof BXFloatingMenu).FLOATING_MENU\n        );\n      }\n      if (this._menuBody) {\n        this._menuBody.open = this.open;\n      }\n      this.setAttribute('aria-expanded', String(Boolean(this.open)));\n    }\n  }\n\n  render() {\n    const buttonClasses = classMap({\n      [`${prefix}--popover-container`]: true,\n      [`${prefix}--popover--caret`]: true,\n      [`${prefix}--popover--high-contrast`]: true,\n      [`${prefix}--tooltip`]: true,\n      [`${prefix}--popover--open`]: this.open,\n      [`${prefix}--popover--${this.align}`]: true,\n    });\n    return html`\n      <span class=\"${buttonClasses}\">\n        <button class=\"sb-tooltip-trigger\">\n          ${Information16({ id: 'trigger' })}\n        </button>\n        <span class=\"${prefix}--popover\">\n          <span class=\"${prefix}--popover-content ${prefix}--tooltip-content\">\n            <slot></slot>\n          </span>\n          <span class=\"${prefix}--popover-caret\"> </span>\n        </span>\n      </span>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltip;\n"],"mappings":"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"}
+{"version":3,"file":"tooltip.js","names":["LitElement","html","property","customElement","query","classMap","Information16","prefix","HostListener","HostListenerMixin","find","styles","BXTooltip","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","decorators","reflect","type","String","attribute","Number","setTimeout","open","updateComplete","_menuBody$shadowRoot","_menuBody$shadowRoot$","_menuBody","menuBody","shadowRoot","querySelector","selectorTooltipBody","focus","enterDelayMs","exitDelayMs","event","_handleOver","Boolean","triggerPosition","_triggerNode","triggerNode","TypeError","getBoundingClientRect","connectedCallback","hasAttribute","setAttribute","attachShadow","mode","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","childNodes","elem","FLOATING_MENU","render","buttonClasses","align","_t","_","id","static"],"sources":["components/tooltip/tooltip.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { classMap } from 'lit-html/directives/class-map';\nimport Information16 from '@carbon/icons/lib/information/16';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport BXFloatingMenu from '../floating-menu/floating-menu';\nimport BXFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport styles from './tooltip.scss';\n\n/**\n * Trigger button of tooltip.\n *\n * @element cds-tooltip\n */\n@customElement(`${prefix}-tooltip`)\nclass BXTooltip\n  extends HostListenerMixin(LitElement)\n  implements BXFloatingMenuTrigger\n{\n  /**\n   * The menu body.\n   */\n  private _menuBody: BXFloatingMenu | null = null;\n\n  /**\n   * The trigger button.\n   */\n  @query('#trigger')\n  private _triggerNode!: HTMLElement;\n\n  @property({ reflect: true, type: String })\n  align = 'bottom';\n\n  @property({ reflect: true, type: String })\n  duration;\n\n  @property({ attribute: 'enter-delay-ms', type: Number })\n  enterDelayMs = 100;\n\n  @property({ attribute: 'exit-delay-ms', type: Number })\n  exitDelayMs = 300;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('mouseover')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleOver = async () => {\n    setTimeout(async () => {\n      this.open = !this.open;\n      const { open, updateComplete } = this;\n      if (open) {\n        await updateComplete;\n        const { _menuBody: menuBody } = this;\n        (\n          menuBody?.shadowRoot?.querySelector(\n            BXTooltip.selectorTooltipBody\n          ) as HTMLElement\n        )?.focus();\n      }\n    }, this.enterDelayMs);\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('mouseout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleHoverOut = async () => {\n    setTimeout(async () => {\n      const { open } = this;\n      if (open) {\n        this.open = !this.open;\n      }\n    }, this.exitDelayMs);\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   * Space & enter will toggle state, Escape will only close.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = async (event) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      this._handleOver();\n    }\n  };\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * @returns The position of the trigger button in the viewport.\n   */\n  get triggerPosition() {\n    const { _triggerNode: triggerNode } = this;\n    if (!triggerNode) {\n      throw new TypeError('Cannot find the trigger button.');\n    }\n    return triggerNode.getBoundingClientRect();\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '0');\n    }\n    if (!this.hasAttribute('aria-haspopup')) {\n      this.setAttribute('aria-haspopup', 'true');\n    }\n    if (!this.hasAttribute('aria-expanded')) {\n      this.setAttribute('aria-expanded', 'false');\n    }\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: 'open' });\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('open')) {\n      if (!this._menuBody) {\n        this._menuBody = find(\n          this.childNodes,\n          (elem) => (elem.constructor as typeof BXFloatingMenu).FLOATING_MENU\n        );\n      }\n      if (this._menuBody) {\n        this._menuBody.open = this.open;\n      }\n      this.setAttribute('aria-expanded', String(Boolean(this.open)));\n    }\n  }\n\n  render() {\n    const buttonClasses = classMap({\n      [`${prefix}--popover-container`]: true,\n      [`${prefix}--popover--caret`]: true,\n      [`${prefix}--popover--high-contrast`]: true,\n      [`${prefix}--tooltip`]: true,\n      [`${prefix}--popover--open`]: this.open,\n      [`${prefix}--popover--${this.align}`]: true,\n    });\n    return html`\n      <span class=\"${buttonClasses}\">\n        <button class=\"sb-tooltip-trigger\">\n          ${Information16({ id: 'trigger' })}\n        </button>\n        <span class=\"${prefix}--popover\">\n          <span class=\"${prefix}--popover-content ${prefix}--tooltip-content\">\n            <slot></slot>\n          </span>\n          <span class=\"${prefix}--popover-caret\"> </span>\n        </span>\n      </span>\n    `;\n  }\n\n  static get selectorTooltipBody() {\n    return `.${prefix}--tooltip__content`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltip;\n"],"mappings":"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"}

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

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--tooltip,:host(cds-tooltip-body){--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;top:0;left:0;bottom:0;right:0;filter:var(--cds-popover-drop-shadow, none);pointer-events:none}.cds--popover-content{position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));pointer-events:auto}.cds--popover--open .cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:""}.cds--popover--open .cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open.cds--popover--caret .cds--popover-caret{display:block}.cds--popover--bottom .cds--popover-content{bottom:0;right:50%;transform:translate(50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{left:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(100% + var(--cds-popover-offset,0))))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;left:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--top .cds--popover-content{top:0;right:50%;transform:translate(50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;left:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(-100% - var(--cds-popover-offset,0))))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{left:0;bottom:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),50%)}.cds--popover--right-top .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) * -1 - 16px)))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) + 16px)))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;right:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(-1*(var(--cds-popover-offset,0) - 100%)),-50%)}.cds--popover--left .cds--popover-content{top:50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + .1px)),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{left:100%;bottom:-50%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;left:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + 100%)),-50%)}:host(cds-tooltip) .sb-tooltip-trigger{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--cds-border-subtle)}:host(cds-tooltip) .sb-tooltip-trigger *,:host(cds-tooltip) .sb-tooltip-trigger ::after,:host(cds-tooltip) .sb-tooltip-trigger ::before{box-sizing:inherit}:host(cds-tooltip) .sb-tooltip-trigger::-moz-focus-inner{border:0}:host(cds-tooltip) .sb-tooltip-trigger svg{fill:var(--cds-background-inverse,#393939)}:host(cds-tooltip-body) ::slotted(cds-tooltip-footer){display:flex;justify-content:space-between;align-items:center;margin-top:1rem}:host(cds-tooltip-body) ::slotted(p){font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);text-align:right}:host(cds-tooltip-body[direction=top]){margin-bottom:.5rem}:host(cds-tooltip-body[direction=top]) .cds--tooltip__caret{top:auto;bottom:rem(-6px);transform:rotate(-180deg)}:host(cds-tooltip-body[direction=right]){margin-right:.5rem}:host(cds-tooltip-body[direction=right]) .cds--tooltip__caret{left:auto;right:calc(-6.875px + 1px);transform:rotate(-270deg) translate(-25%,-50%)}:host(cds-tooltip-body[direction=bottom]){margin-top:.5rem}:host(cds-tooltip-body[direction=left]){margin-left:.5rem}:host(cds-tooltip-body[direction=left]) .cds--tooltip__caret{left:calc(-6.875px + 1px);right:auto;transform:rotate(-90deg) translate(25%,-50%)}:host(cds-tooltip-body[direction=bottom][alignment=start]) .cds--tooltip__caret,:host(cds-tooltip-body[direction=top][alignment=start]) .cds--tooltip__caret{margin-right:rem(17px)}:host(cds-tooltip-body[direction=bottom][alignment=end]) .cds--tooltip__caret,:host(cds-tooltip-body[direction=top][alignment=end]) .cds--tooltip__caret{margin-left:rem(17px)}:host(cds-tooltip-body[direction=left]) .cds--tooltip__caret,:host(cds-tooltip-body[direction=right]) .cds--tooltip__caret{top:50%}:host(cds-tooltip-body[direction=left][alignment=start]) .cds--tooltip__caret,:host(cds-tooltip-body[direction=right][alignment=start]) .cds--tooltip__caret{top:calc(6.875px + rem(17px))}:host(cds-tooltip-body[direction=left][alignment=end]) .cds--tooltip__caret,:host(cds-tooltip-body[direction=right][alignment=end]) .cds--tooltip__caret{top:auto;bottom:rem(17px)}:host(cds-tooltip-icon){outline:0}:host(cds-tooltip-icon) .cds--tooltip__trigger:focus ::slotted(svg),:host(cds-tooltip-icon) :host(cds-tooltip:focus) ::slotted(svg){outline:1px solid var(--cds-focus,#0f62fe)}',
+  '@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--tooltip,:host(cds-tooltip-body){--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;top:0;left:0;bottom:0;right:0;filter:var(--cds-popover-drop-shadow, none);pointer-events:none}.cds--popover-content{position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));pointer-events:auto}.cds--popover--open .cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:""}.cds--popover--open .cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open.cds--popover--caret .cds--popover-caret{display:block}.cds--popover--bottom .cds--popover-content{bottom:0;right:50%;transform:translate(50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{left:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(100% + var(--cds-popover-offset,0))))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;left:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--top .cds--popover-content{top:0;right:50%;transform:translate(50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;left:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(-100% - var(--cds-popover-offset,0))))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{left:0;bottom:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),50%)}.cds--popover--right-top .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) * -1 - 16px)))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) + 16px)))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;right:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(-1*(var(--cds-popover-offset,0) - 100%)),-50%)}.cds--popover--left .cds--popover-content{top:50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + .1px)),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{left:100%;bottom:-50%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;left:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + 100%)),-50%)}.cds--popover--tab-tip .cds--popover-content{border-radius:0}.cds--popover--tab-tip__button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button ::after,.cds--popover--tab-tip__button ::before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:""}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}:host(cds-tooltip) .sb-tooltip-trigger{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--cds-border-subtle)}:host(cds-tooltip) .sb-tooltip-trigger *,:host(cds-tooltip) .sb-tooltip-trigger ::after,:host(cds-tooltip) .sb-tooltip-trigger ::before{box-sizing:inherit}:host(cds-tooltip) .sb-tooltip-trigger::-moz-focus-inner{border:0}:host(cds-tooltip) .sb-tooltip-trigger svg{fill:var(--cds-background-inverse,#393939)}:host(cds-tooltip-body) ::slotted(cds-tooltip-footer){display:flex;justify-content:space-between;align-items:center;margin-top:1rem}:host(cds-tooltip-body) ::slotted(p){font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);text-align:right}:host(cds-tooltip-body[direction=top]){margin-bottom:.5rem}:host(cds-tooltip-body[direction=top]) .cds--tooltip__caret{top:auto;bottom:rem(-6px);transform:rotate(-180deg)}:host(cds-tooltip-body[direction=right]){margin-right:.5rem}:host(cds-tooltip-body[direction=right]) .cds--tooltip__caret{left:auto;right:calc(-6.875px + 1px);transform:rotate(-270deg) translate(-25%,-50%)}:host(cds-tooltip-body[direction=bottom]){margin-top:.5rem}:host(cds-tooltip-body[direction=left]){margin-left:.5rem}:host(cds-tooltip-body[direction=left]) .cds--tooltip__caret{left:calc(-6.875px + 1px);right:auto;transform:rotate(-90deg) translate(25%,-50%)}:host(cds-tooltip-body[direction=bottom][alignment=start]) .cds--tooltip__caret,:host(cds-tooltip-body[direction=top][alignment=start]) .cds--tooltip__caret{margin-right:rem(17px)}:host(cds-tooltip-body[direction=bottom][alignment=end]) .cds--tooltip__caret,:host(cds-tooltip-body[direction=top][alignment=end]) .cds--tooltip__caret{margin-left:rem(17px)}:host(cds-tooltip-body[direction=left]) .cds--tooltip__caret,:host(cds-tooltip-body[direction=right]) .cds--tooltip__caret{top:50%}:host(cds-tooltip-body[direction=left][alignment=start]) .cds--tooltip__caret,:host(cds-tooltip-body[direction=right][alignment=start]) .cds--tooltip__caret{top:calc(6.875px + rem(17px))}:host(cds-tooltip-body[direction=left][alignment=end]) .cds--tooltip__caret,:host(cds-tooltip-body[direction=right][alignment=end]) .cds--tooltip__caret{top:auto;bottom:rem(17px)}:host(cds-tooltip-icon){outline:0}:host(cds-tooltip-icon) .cds--tooltip__trigger:focus ::slotted(svg),:host(cds-tooltip-icon) :host(cds-tooltip:focus) ::slotted(svg){outline:1px solid var(--cds-focus,#0f62fe)}',
 ]);

package/es/components-react/accordion/accordion-item-skeleton.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { Component } from 'react';
+export interface ComponentProps {
+  [prop: string]: unknown;
+}
+/*[object Object]*/
+declare class CDSAccordionItemSkeleton extends Component<ComponentProps> {}
+export default CDSAccordionItemSkeleton;

package/es/components-react/accordion/accordion-item-skeleton.js

@@ -0,0 +1,21 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { default as CustomElement } from '../../components/accordion/accordion-item-skeleton.js';
+import createReactCustomElementType from '../../globals/wrappers/createReactCustomElementType.js';
+import PropTypes from 'prop-types';
+import settings from 'carbon-components/es/globals/js/settings.js';
+var prefix = settings.prefix;
+export var descriptor = {};
+export var propTypes = {};
+const Component = createReactCustomElementType(
+  ''.concat(prefix, '-accordion-item-skeleton'),
+  descriptor
+);
+Component.propTypes = propTypes;
+export default Component;

package/es/components-react/accordion/accordion-item.d.ts

@@ -20,5 +20,5 @@ export interface ComponentProps {
   [prop: string]: unknown;
 }
 /*[object Object]*/
-declare class BXAccordionItem extends Component<ComponentProps> {}
-export default BXAccordionItem;
+declare class CDSAccordionItem extends Component<ComponentProps> {}
+export default CDSAccordionItem;

package/es/components-react/accordion/accordion-skeleton.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { Component } from 'react';
+export interface ComponentProps {
+  [prop: string]: unknown;
+}
+/*[object Object]*/
+declare class CDSAccordionSkeleton extends Component<ComponentProps> {}
+export default CDSAccordionSkeleton;

package/es/components-react/accordion/accordion-skeleton.js

@@ -0,0 +1,21 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { default as CustomElement } from '../../components/accordion/accordion-skeleton.js';
+import createReactCustomElementType from '../../globals/wrappers/createReactCustomElementType.js';
+import PropTypes from 'prop-types';
+import settings from 'carbon-components/es/globals/js/settings.js';
+var prefix = settings.prefix;
+export var descriptor = {};
+export var propTypes = {};
+const Component = createReactCustomElementType(
+  ''.concat(prefix, '-accordion-skeleton'),
+  descriptor
+);
+Component.propTypes = propTypes;
+export default Component;

package/es/components-react/accordion/accordion.d.ts

@@ -11,5 +11,5 @@ export interface ComponentProps {
   [prop: string]: unknown;
 }
 /*[object Object]*/
-declare class BXAccordion extends Component<ComponentProps> {}
-export default BXAccordion;
+declare class CDSAccordion extends Component<ComponentProps> {}
+export default CDSAccordion;

package/es/components-react/breadcrumb/breadcrumb-item.d.ts

@@ -11,5 +11,5 @@ export interface ComponentProps {
   [prop: string]: unknown;
 }
 /*[object Object]*/
-declare class BXBreadcrumbItem extends Component<ComponentProps> {}
-export default BXBreadcrumbItem;
+declare class CDSBreadcrumbItem extends Component<ComponentProps> {}
+export default CDSBreadcrumbItem;

package/es/components-react/breadcrumb/breadcrumb-link.d.ts

@@ -10,5 +10,5 @@ import { Component } from 'react';
 import { ComponentProps as ParentComponentProps } from '../link/link';
 export interface ComponentProps extends ParentComponentProps {}
 /*[object Object]*/
-declare class BXBreadcrumbLink extends Component<ComponentProps> {}
-export default BXBreadcrumbLink;
+declare class CDSBreadcrumbLink extends Component<ComponentProps> {}
+export default CDSBreadcrumbLink;

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

@@ -10,5 +10,5 @@ import { Component } from 'react';
 import { ComponentProps as ParentComponentProps } from '../overflow-menu/overflow-menu';
 export interface ComponentProps extends ParentComponentProps {}
 /*[object Object]*/
-declare class BXBreadcrumbOverflowMenu extends Component<ComponentProps> {}
-export default BXBreadcrumbOverflowMenu;
+declare class CDSBreadcrumbOverflowMenu extends Component<ComponentProps> {}
+export default CDSBreadcrumbOverflowMenu;

package/es/components-react/breadcrumb/breadcrumb-skeleton.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { Component } from 'react';
+export interface ComponentProps {
+  [prop: string]: unknown;
+}
+/*[object Object]*/
+declare class CDSBreadcrumbSkeleton extends Component<ComponentProps> {}
+export default CDSBreadcrumbSkeleton;