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

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

@@ -12,17 +12,17 @@ let _ = t => t,
  * LICENSE file in the root directory of this source tree.
  */
 
-import { LitElement, html } from 'lit';
+import { html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
-import OverflowMenuVertical16 from "../../icons/overflow-menu--vertical/16";
 import { prefix } from '../../globals/settings';
 import HostListener from '../../globals/decorators/host-listener';
 import FocusMixin from '../../globals/mixins/focus';
 import HostListenerMixin from '../../globals/mixins/host-listener';
 import { find } from '../../globals/internal/collection-helpers';
-import { OVERFLOW_MENU_COLOR_SCHEME, OVERFLOW_MENU_SIZE } from './defs';
+import { OVERFLOW_MENU_SIZE } from './defs';
 import styles from "././overflow-menu.css.js";
-export { OVERFLOW_MENU_COLOR_SCHEME, OVERFLOW_MENU_SIZE };
+import CDSIconButton from '../icon-button/icon-button';
+export { OVERFLOW_MENU_SIZE };
 
 /**
  * Overflow menu.
@@ -30,15 +30,15 @@ export { OVERFLOW_MENU_COLOR_SCHEME, OVERFLOW_MENU_SIZE };
  * @element cds-overflow-menu
  * @slot icon - The icon for the trigger button.
  */
-let BXOverflowMenu = _decorate([customElement(`${prefix}-overflow-menu`)], function (_initialize, _HostListenerMixin) {
-  class BXOverflowMenu extends _HostListenerMixin {
+let CDSOverflowMenu = _decorate([customElement(`${prefix}-overflow-menu`)], function (_initialize, _HostListenerMixin) {
+  class CDSOverflowMenu extends _HostListenerMixin {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXOverflowMenu,
+    F: CDSOverflowMenu,
     d: [{
       kind: "field",
       key: "_menuBody",
@@ -59,6 +59,7 @@ let BXOverflowMenu = _decorate([customElement(`${prefix}-overflow-menu`)], funct
       async function _handleUserInitiatedToggle() {
         this.open = !this.open;
         const {
+          index,
           open,
           updateComplete
         } = this;
@@ -67,7 +68,8 @@ let BXOverflowMenu = _decorate([customElement(`${prefix}-overflow-menu`)], funct
           const {
             _menuBody: menuBody
           } = this;
-          menuBody === null || menuBody === void 0 ? void 0 : menuBody.focus();
+          const menuItem = menuBody === null || menuBody === void 0 ? void 0 : menuBody.querySelector(`${prefix}-overflow-menu-item:nth-of-type(${index})`);
+          menuItem === null || menuItem === void 0 ? void 0 : menuItem.focus();
         }
       }
 
@@ -88,23 +90,23 @@ let BXOverflowMenu = _decorate([customElement(`${prefix}-overflow-menu`)], funct
       decorators: [HostListener('keydown')],
       key: "_handleKeydownTrigger",
       value() {
-        return async ({
-          key
-        }) => {
-          if (key === ' ' || key === 'Enter') {
+        return async event => {
+          if (event.key === ' ' || event.key === 'Enter') {
             this._handleUserInitiatedToggle();
+            event.preventDefault();
           }
         };
       }
     }, {
       kind: "field",
       decorators: [property({
-        attribute: 'color-scheme',
-        reflect: true
+        type: Boolean,
+        reflect: true,
+        attribute: 'data-table'
       })],
-      key: "colorScheme",
+      key: "dataTable",
       value() {
-        return OVERFLOW_MENU_COLOR_SCHEME.REGULAR;
+        return false;
       }
     }, {
       kind: "field",
@@ -116,6 +118,16 @@ let BXOverflowMenu = _decorate([customElement(`${prefix}-overflow-menu`)], funct
       value() {
         return false;
       }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "flipped",
+      value() {
+        return false;
+      }
     }, {
       kind: "field",
       decorators: [property({
@@ -126,6 +138,13 @@ let BXOverflowMenu = _decorate([customElement(`${prefix}-overflow-menu`)], funct
       value() {
         return false;
       }
+    }, {
+      kind: "field",
+      decorators: [property()],
+      key: "index",
+      value() {
+        return 1;
+      }
     }, {
       kind: "field",
       decorators: [property({
@@ -133,7 +152,18 @@ let BXOverflowMenu = _decorate([customElement(`${prefix}-overflow-menu`)], funct
       })],
       key: "size",
       value() {
-        return OVERFLOW_MENU_SIZE.REGULAR;
+        return OVERFLOW_MENU_SIZE.MEDIUM;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        attribute: 'toolbar-action',
+        reflect: true
+      })],
+      key: "toolbarAction",
+      value() {
+        return false;
       }
     }, {
       kind: "get",
@@ -143,17 +173,26 @@ let BXOverflowMenu = _decorate([customElement(`${prefix}-overflow-menu`)], funct
        * Handles `keydown` event on the trigger button.
        */
       /**
-       * The color scheme.
+       * `true` if this tooltip is in a data table row
        */
       /**
        * `true` if this overflow menu should be disabled.
        */
+      /**
+       * `true` if this overflow menu body should be flipped.
+       */
       /**
        * `true` if the dropdown should be open.
        */
+      /**
+       * Index (starting at 1) of overflow menu item to focus on open.
+       */
       /**
        * Overflow menu size.
        */
+      /**
+       * `true` if this menu is a toolbar action
+       */
       /**
        * @returns The position of the trigger button in the viewport.
        */
@@ -164,13 +203,6 @@ let BXOverflowMenu = _decorate([customElement(`${prefix}-overflow-menu`)], funct
       kind: "method",
       key: "connectedCallback",
       value: function connectedCallback() {
-        if (!this.hasAttribute('role')) {
-          this.setAttribute('role', 'button');
-        }
-        if (!this.hasAttribute('tabindex')) {
-          // TODO: Should we use a property?
-          this.setAttribute('tabindex', '0');
-        }
         if (!this.hasAttribute('aria-haspopup')) {
           this.setAttribute('aria-haspopup', 'true');
         }
@@ -182,15 +214,17 @@ let BXOverflowMenu = _decorate([customElement(`${prefix}-overflow-menu`)], funct
             mode: 'open'
           });
         }
-        _get(_getPrototypeOf(BXOverflowMenu.prototype), "connectedCallback", this).call(this);
+        _get(_getPrototypeOf(CDSOverflowMenu.prototype), "connectedCallback", this).call(this);
       }
     }, {
       kind: "method",
       key: "updated",
       value: function updated(changedProperties) {
+        var _this$shadowRoot, _this$shadowRoot$quer;
+        const button = (_this$shadowRoot = this.shadowRoot) === null || _this$shadowRoot === void 0 ? void 0 : (_this$shadowRoot$quer = _this$shadowRoot.querySelector(`${prefix}-tooltip`)) === null || _this$shadowRoot$quer === void 0 ? void 0 : _this$shadowRoot$quer.querySelector('button');
+        button === null || button === void 0 ? void 0 : button.classList.add(`${prefix}--btn--icon-only`, `${prefix}--overflow-menu`);
         if (changedProperties.has('open')) {
           const {
-            colorScheme,
             open
           } = this;
           if (open && !this._menuBody) {
@@ -200,34 +234,49 @@ let BXOverflowMenu = _decorate([customElement(`${prefix}-overflow-menu`)], funct
             _menuBody: menuBody
           } = this;
           if (menuBody) {
-            menuBody.colorScheme = colorScheme;
             menuBody.open = open;
             this.setAttribute('aria-expanded', String(Boolean(open)));
           }
         }
-        if (changedProperties.has('colorScheme')) {
+        if (changedProperties.has('dataTable')) {
+          var _this$shadowRoot2;
+          const tooltip = (_this$shadowRoot2 = this.shadowRoot) === null || _this$shadowRoot2 === void 0 ? void 0 : _this$shadowRoot2.querySelector(`${prefix}-tooltip`);
+          tooltip === null || tooltip === void 0 ? void 0 : tooltip.setAttribute('data-table', '');
+        }
+        if (changedProperties.has('flipped')) {
+          this.querySelector(`${prefix}-overflow-menu-body`).flipped = true;
+        }
+        if (changedProperties.has('size')) {
+          var _this$shadowRoot3;
           const {
-            colorScheme
+            size
           } = this;
           const {
             _menuBody: menuBody
           } = this;
           if (menuBody) {
-            menuBody.colorScheme = colorScheme;
+            menuBody.size = size;
           }
+          button === null || button === void 0 ? void 0 : button.classList.forEach(item => {
+            if (item.startsWith(`${prefix}--overflow-menu--`)) {
+              button === null || button === void 0 ? void 0 : button.classList.remove(item);
+            }
+          });
+          button === null || button === void 0 ? void 0 : button.classList.add(`${prefix}--overflow-menu--${this.size}`);
+          const tooltip = (_this$shadowRoot3 = this.shadowRoot) === null || _this$shadowRoot3 === void 0 ? void 0 : _this$shadowRoot3.querySelector(`${prefix}-tooltip`);
+          tooltip === null || tooltip === void 0 ? void 0 : tooltip.setAttribute('size', this.size);
+        }
+        if (changedProperties.has('toolbarAction') && this.toolbarAction) {
+          var _this$shadowRoot4, _this$shadowRoot4$que;
+          (_this$shadowRoot4 = this.shadowRoot) === null || _this$shadowRoot4 === void 0 ? void 0 : (_this$shadowRoot4$que = _this$shadowRoot4.querySelector(`${prefix}-tooltip`)) === null || _this$shadowRoot4$que === void 0 ? void 0 : _this$shadowRoot4$que.setAttribute('toolbar-action', '');
         }
+        _get(_getPrototypeOf(CDSOverflowMenu.prototype), "updated", this).call(this, changedProperties);
       }
     }, {
       kind: "method",
       key: "render",
       value: function render() {
-        return html(_t || (_t = _`
-      <slot name="icon">
-        ${0}
-      </slot>
-    `), OverflowMenuVertical16({
-          class: `${prefix}--overflow-menu__icon`
-        }));
+        return html(_t || (_t = _` ${0} `), _get(_getPrototypeOf(CDSOverflowMenu.prototype), "render", this).call(this));
       }
     }, {
       kind: "field",
@@ -238,6 +287,6 @@ let BXOverflowMenu = _decorate([customElement(`${prefix}-overflow-menu`)], funct
       }
     }]
   };
-}, HostListenerMixin(FocusMixin(LitElement)));
-export default BXOverflowMenu;
+}, HostListenerMixin(FocusMixin(CDSIconButton)));
+export default CDSOverflowMenu;
 //# sourceMappingURL=overflow-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"overflow-menu.js","names":["LitElement","html","property","customElement","OverflowMenuVertical16","prefix","HostListener","FocusMixin","HostListenerMixin","find","OVERFLOW_MENU_COLOR_SCHEME","OVERFLOW_MENU_SIZE","styles","BXOverflowMenu","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleUserInitiatedToggle","open","updateComplete","_menuBody","menuBody","focus","decorators","attribute","reflect","REGULAR","type","Boolean","triggerPosition","getBoundingClientRect","connectedCallback","hasAttribute","setAttribute","shadowRoot","attachShadow","mode","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","colorScheme","childNodes","elem","FLOATING_MENU","String","render","_t","_","class","static"],"sources":["components/overflow-menu/overflow-menu.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 } from 'lit/decorators.js';\nimport OverflowMenuVertical16 from '@carbon/icons/lib/overflow-menu--vertical/16';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport BXFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport { OVERFLOW_MENU_COLOR_SCHEME, OVERFLOW_MENU_SIZE } from './defs';\nimport BXOverflowMenuBody from './overflow-menu-body';\nimport styles from './overflow-menu.scss';\n\nexport { OVERFLOW_MENU_COLOR_SCHEME, OVERFLOW_MENU_SIZE };\n\n/**\n * Overflow menu.\n *\n * @element cds-overflow-menu\n * @slot icon - The icon for the trigger button.\n */\n@customElement(`${prefix}-overflow-menu`)\nclass BXOverflowMenu\n  extends HostListenerMixin(FocusMixin(LitElement))\n  implements BXFloatingMenuTrigger\n{\n  /**\n   * The menu body.\n   */\n  private _menuBody: BXOverflowMenuBody | null = null;\n\n  /**\n   * Handles user-initiated toggling of the menu.\n   */\n  private async _handleUserInitiatedToggle() {\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  }\n\n  /**\n   * Handles `click` event on the trigger button.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClickTrigger = async () => {\n    this._handleUserInitiatedToggle();\n  };\n\n  /**\n   * Handles `keydown` event on the trigger button.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydownTrigger = async ({ key }) => {\n    if (key === ' ' || key === 'Enter') {\n      this._handleUserInitiatedToggle();\n    }\n  };\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = OVERFLOW_MENU_COLOR_SCHEME.REGULAR;\n\n  /**\n   * `true` if this overflow menu should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Overflow menu size.\n   */\n  @property({ reflect: true })\n  size = OVERFLOW_MENU_SIZE.REGULAR;\n\n  /**\n   * @returns The position of the trigger button in the viewport.\n   */\n  get triggerPosition() {\n    return this.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      const { colorScheme, open } = this;\n      if (open && !this._menuBody) {\n        this._menuBody = find(\n          this.childNodes,\n          (elem) =>\n            (elem.constructor as typeof BXOverflowMenuBody).FLOATING_MENU\n        );\n      }\n      const { _menuBody: menuBody } = this;\n      if (menuBody) {\n        menuBody.colorScheme = colorScheme;\n        menuBody.open = open;\n        this.setAttribute('aria-expanded', String(Boolean(open)));\n      }\n    }\n    if (changedProperties.has('colorScheme')) {\n      const { colorScheme } = this;\n      const { _menuBody: menuBody } = this;\n      if (menuBody) {\n        menuBody.colorScheme = colorScheme;\n      }\n    }\n  }\n\n  render() {\n    return html`\n      <slot name=\"icon\">\n        ${OverflowMenuVertical16({\n          class: `${prefix}--overflow-menu__icon`,\n        })}\n      </slot>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXOverflowMenu;\n"],"mappings":"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"}
+{"version":3,"file":"overflow-menu.js","names":["html","property","customElement","prefix","HostListener","FocusMixin","HostListenerMixin","find","OVERFLOW_MENU_SIZE","styles","CDSIconButton","CDSOverflowMenu","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleUserInitiatedToggle","open","index","updateComplete","_menuBody","menuBody","menuItem","querySelector","focus","decorators","event","preventDefault","type","Boolean","reflect","attribute","MEDIUM","triggerPosition","getBoundingClientRect","connectedCallback","hasAttribute","setAttribute","shadowRoot","attachShadow","mode","_get","_getPrototypeOf","prototype","call","updated","changedProperties","_this$shadowRoot","_this$shadowRoot$quer","button","classList","add","has","childNodes","elem","FLOATING_MENU","String","_this$shadowRoot2","tooltip","flipped","_this$shadowRoot3","size","forEach","item","startsWith","remove","toolbarAction","_this$shadowRoot4","_this$shadowRoot4$que","render","_t","_","static"],"sources":["components/overflow-menu/overflow-menu.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 FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport CDSFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport { OVERFLOW_MENU_SIZE } from './defs';\nimport CDSOverflowMenuBody from './overflow-menu-body';\nimport styles from './overflow-menu.scss';\nimport CDSIconButton from '../icon-button/icon-button';\n\nexport { OVERFLOW_MENU_SIZE };\n\n/**\n * Overflow menu.\n *\n * @element cds-overflow-menu\n * @slot icon - The icon for the trigger button.\n */\n@customElement(`${prefix}-overflow-menu`)\nclass CDSOverflowMenu\n  extends HostListenerMixin(FocusMixin(CDSIconButton))\n  implements CDSFloatingMenuTrigger\n{\n  /**\n   * The menu body.\n   */\n  private _menuBody: CDSOverflowMenuBody | null = null;\n\n  /**\n   * Handles user-initiated toggling of the menu.\n   */\n  private async _handleUserInitiatedToggle() {\n    this.open = !this.open;\n    const { index, open, updateComplete } = this;\n    if (open) {\n      await updateComplete;\n      const { _menuBody: menuBody } = this;\n      const menuItem = menuBody?.querySelector(\n        `${prefix}-overflow-menu-item:nth-of-type(${index})`\n      ) as HTMLElement;\n      menuItem?.focus();\n    }\n  }\n\n  /**\n   * Handles `click` event on the trigger button.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClickTrigger = async () => {\n    this._handleUserInitiatedToggle();\n  };\n\n  /**\n   * Handles `keydown` event on the trigger button.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydownTrigger = async (event) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      this._handleUserInitiatedToggle();\n      event.preventDefault();\n    }\n  };\n\n  /**\n   * `true` if this tooltip is in a data table row\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n  dataTable = false;\n\n  /**\n   * `true` if this overflow menu should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this overflow menu body should be flipped.\n   */\n  @property({ type: Boolean, reflect: true })\n  flipped = false;\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Index (starting at 1) of overflow menu item to focus on open.\n   */\n  @property()\n  index = 1;\n\n  /**\n   * Overflow menu size.\n   */\n  @property({ reflect: true })\n  size = OVERFLOW_MENU_SIZE.MEDIUM;\n\n  /**\n   * `true` if this menu is a toolbar action\n   */\n  @property({ type: Boolean, attribute: 'toolbar-action', reflect: true })\n  toolbarAction = false;\n\n  /**\n   * @returns The position of the trigger button in the viewport.\n   */\n  get triggerPosition() {\n    return this.getBoundingClientRect();\n  }\n\n  connectedCallback() {\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    const button = this.shadowRoot\n      ?.querySelector(`${prefix}-tooltip`)\n      ?.querySelector('button');\n    button?.classList.add(\n      `${prefix}--btn--icon-only`,\n      `${prefix}--overflow-menu`\n    );\n\n    if (changedProperties.has('open')) {\n      const { open } = this;\n      if (open && !this._menuBody) {\n        this._menuBody = find(\n          this.childNodes,\n          (elem) =>\n            (elem.constructor as typeof CDSOverflowMenuBody).FLOATING_MENU\n        );\n      }\n      const { _menuBody: menuBody } = this;\n      if (menuBody) {\n        menuBody.open = open;\n        this.setAttribute('aria-expanded', String(Boolean(open)));\n      }\n    }\n\n    if (changedProperties.has('dataTable')) {\n      const tooltip = this.shadowRoot?.querySelector(`${prefix}-tooltip`);\n      tooltip?.setAttribute('data-table', '');\n    }\n\n    if (changedProperties.has('flipped')) {\n      (\n        this.querySelector(\n          `${prefix}-overflow-menu-body`\n        ) as CDSOverflowMenuBody\n      ).flipped = true;\n    }\n\n    if (changedProperties.has('size')) {\n      const { size } = this;\n      const { _menuBody: menuBody } = this;\n      if (menuBody) {\n        menuBody.size = size;\n      }\n\n      button?.classList.forEach((item) => {\n        if (item.startsWith(`${prefix}--overflow-menu--`)) {\n          button?.classList.remove(item);\n        }\n      });\n      button?.classList.add(`${prefix}--overflow-menu--${this.size}`);\n\n      const tooltip = this.shadowRoot?.querySelector(`${prefix}-tooltip`);\n      tooltip?.setAttribute('size', this.size);\n    }\n\n    if (changedProperties.has('toolbarAction') && this.toolbarAction) {\n      this.shadowRoot\n        ?.querySelector(`${prefix}-tooltip`)\n        ?.setAttribute('toolbar-action', '');\n    }\n\n    super.updated(changedProperties);\n  }\n\n  render() {\n    return html` ${super.render()} `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSOverflowMenu;\n"],"mappings":"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"}

package/es/components/overflow-menu/overflow-menu.rtl.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  ".cds--overflow-menu,.cds--overflow-menu__trigger,:host(cds-breadcrumb-overflow-menu),:host(cds-overflow-menu){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;outline:2px solid transparent;outline-offset:-2px;position:relative;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;cursor:pointer;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu *,.cds--overflow-menu ::after,.cds--overflow-menu ::before,.cds--overflow-menu__trigger *,.cds--overflow-menu__trigger ::after,.cds--overflow-menu__trigger ::before,:host(cds-breadcrumb-overflow-menu) *,:host(cds-breadcrumb-overflow-menu) ::after,:host(cds-breadcrumb-overflow-menu) ::before,:host(cds-overflow-menu) *,:host(cds-overflow-menu) ::after,:host(cds-overflow-menu) ::before{box-sizing:inherit}.cds--overflow-menu::-moz-focus-inner,.cds--overflow-menu__trigger::-moz-focus-inner,:host(cds-breadcrumb-overflow-menu::-moz-focus-inner),:host(cds-overflow-menu::-moz-focus-inner){border:0}.cds--overflow-menu html,.cds--overflow-menu__trigger html,:host(cds-breadcrumb-overflow-menu) html,:host(cds-overflow-menu) html{font-size:100%}.cds--overflow-menu body,.cds--overflow-menu__trigger body,:host(cds-breadcrumb-overflow-menu) body,:host(cds-overflow-menu) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu code,.cds--overflow-menu__trigger code,:host(cds-breadcrumb-overflow-menu) code,:host(cds-overflow-menu) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu strong,.cds--overflow-menu__trigger strong,:host(cds-breadcrumb-overflow-menu) strong,:host(cds-overflow-menu) strong{font-weight:600}.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:host(cds-breadcrumb-overflow-menu:focus),:host(cds-overflow-menu:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:host(cds-breadcrumb-overflow-menu:focus),:host(cds-overflow-menu:focus){outline-style:dotted}}.cds--overflow-menu:hover,.cds--overflow-menu__trigger:hover,:host(cds-breadcrumb-overflow-menu:hover),:host(cds-overflow-menu:hover){background-color:var(--cds-layer-hover)}.cds--overflow-menu--sm,:host(cds-breadcrumb-overflow-menu[size=sm]),:host(cds-overflow-menu[size=sm]){width:2rem;height:2rem}.cds--overflow-menu--lg,:host(cds-breadcrumb-overflow-menu[size=lg]),:host(cds-overflow-menu[size=lg]){width:3rem;height:3rem}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus svg{outline:0}.cds--overflow-menu.cds--overflow-menu--open,.cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger,:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open) .cds--overflow-menu__trigger,:host(cds-overflow-menu.cds--overflow-menu--open),:host(cds-overflow-menu.cds--overflow-menu--open) .cds--overflow-menu__trigger{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));background-color:var(--cds-layer);transition:none}.cds--overflow-menu--light.cds--overflow-menu--open,.cds--overflow-menu--light.cds--overflow-menu--open .cds--overflow-menu__trigger{background-color:var(--cds-layer)}.cds--overflow-menu__icon{width:1rem;height:1rem;fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu__wrapper{line-height:0}.cds--overflow-menu-options,:host(cds-overflow-menu-body){box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));position:absolute;z-index:6000;top:32px;right:0;display:none;width:10rem;flex-direction:column;align-items:flex-start;background-color:var(--cds-layer);list-style:none}.cds--overflow-menu-options html,:host(cds-overflow-menu-body) html{font-size:100%}.cds--overflow-menu-options body,:host(cds-overflow-menu-body) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options code,:host(cds-overflow-menu-body) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options strong,:host(cds-overflow-menu-body) strong{font-weight:600}.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{position:absolute;display:block;background-color:var(--cds-layer);content:\"\";transition:background-color 110ms cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{transition:none}}.cds--overflow-menu.cds--overflow-menu--open:hover,:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open:hover),:host(cds-overflow-menu.cds--overflow-menu--open:hover){background-color:var(--cds-layer)}.cds--overflow-menu-options--light{background-color:var(--cds-layer)}.cds--overflow-menu-options--light::after{background-color:var(--cds-layer)}.cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover,:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover),:host(cds-overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover){background-color:var(--cds-layer)}.cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after,:host(cds-overflow-menu-body[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options))::after{top:-.1875rem;right:0;width:2.5rem;height:.1875rem}.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body[data-floating-menu-direction=top])::after{bottom:-.5rem;right:0;width:2.5rem;height:.5rem}.cds--overflow-menu-options[data-floating-menu-direction=left]::after,:host(cds-overflow-menu-body[data-floating-menu-direction=left])::after{top:0;left:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body[data-floating-menu-direction=right])::after{top:0;right:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=bottom])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=top])::after{width:2rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=left])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=right])::after{height:2rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=bottom])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=top])::after{width:3rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=left])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=right])::after{height:3rem}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=bottom])::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=top])::after{left:0;right:auto}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=left])::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=right])::after{top:auto;bottom:0}.cds--overflow-menu-options--open,:host(cds-overflow-menu-body[open]){display:flex}.cds--overflow-menu-options__content{width:100%}.cds--overflow-menu-options__option,:host(cds-overflow-menu-item){display:flex;width:100%;height:2.5rem;align-items:center;padding:0;background-color:transparent;transition:background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__option html,:host(cds-overflow-menu-item) html{font-size:100%}.cds--overflow-menu-options__option body,:host(cds-overflow-menu-item) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options__option code,:host(cds-overflow-menu-item) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options__option strong,:host(cds-overflow-menu-item) strong{font-weight:600}.cds--overflow-menu-options--sm .cds--overflow-menu-options__option,.cds--overflow-menu-options--sm :host(cds-overflow-menu-item){height:2rem}.cds--overflow-menu-options--lg .cds--overflow-menu-options__option,.cds--overflow-menu-options--lg :host(cds-overflow-menu-item){height:3rem}.cds--overflow-menu--divider{border-top:1px solid var(--cds-border-subtle)}.cds--overflow-menu--light .cds--overflow-menu--divider{border-top:1px solid var(--cds-border-subtle)}a.cds--overflow-menu-options__btn::before{display:inline-block;height:100%;content:\"\";vertical-align:middle}.cds--overflow-menu-options__btn{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;display:inline-flex;width:100%;max-width:11.25rem;height:100%;align-items:center;padding:0 1rem;border:none;background-color:transparent;color:var(--cds-text-secondary,#525252);cursor:pointer;font-family:inherit;font-weight:400;text-align:right;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9),color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__btn:hover{color:var(--cds-text-primary,#161616)}.cds--overflow-menu-options__btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu-options__btn:focus{outline-style:dotted}}.cds--overflow-menu-options__btn::-moz-focus-inner{border:none}.cds--overflow-menu-options__btn svg{fill:var(--cds-icon-secondary,#525252)}.cds--overflow-menu-options__btn:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu-options__option-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--overflow-menu-options__option:hover,:host(cds-overflow-menu-item:hover){background-color:var(--cds-layer-hover)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus svg,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover svg{fill:currentColor}.cds--overflow-menu-options__option--disabled:hover,:host(cds-overflow-menu-item[disabled]:hover){background-color:var(--cds-layer);cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:active,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:active,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:hover{outline:2px solid transparent;outline-offset:-2px;background-color:var(--cds-layer)}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn svg,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--overflow-menu--flip{right:-140px}.cds--overflow-menu--flip::before{right:145px}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu-options__btn:focus,.cds--overflow-menu:focus,:host(cds-breadcrumb-overflow-menu:focus),:host(cds-overflow-menu:focus){color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu svg,:host(cds-breadcrumb-overflow-menu) svg,:host(cds-overflow-menu) svg{fill:ButtonText}}:host(cds-breadcrumb-overflow-menu[disabled]),:host(cds-overflow-menu[disabled]){cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]) svg,:host(cds-overflow-menu[disabled]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]:hover),:host(cds-overflow-menu[disabled]:hover){background-color:transparent}:host(cds-breadcrumb-overflow-menu[open]),:host(cds-overflow-menu[open]){background-color:var(--cds-layer-01,#f4f4f4);transition:none;box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}:host(cds-breadcrumb-overflow-menu[color-scheme=light][open]),:host(cds-overflow-menu[color-scheme=light][open]){background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-body[direction=top]){margin-top:0;margin-bottom:.25rem}:host(cds-overflow-menu-body[color-scheme=light]){background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-body[color-scheme=light])::after{background-color:var(--cds-layer-02,#fff)}:host(cds-overflow-menu-item){outline:0}",
+  ".cds--overflow-menu,.cds--overflow-menu__trigger,:host(cds-breadcrumb-overflow-menu),:host(cds-overflow-menu){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;outline:2px solid transparent;outline-offset:-2px;position:relative;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;cursor:pointer;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu *,.cds--overflow-menu ::after,.cds--overflow-menu ::before,.cds--overflow-menu__trigger *,.cds--overflow-menu__trigger ::after,.cds--overflow-menu__trigger ::before,:host(cds-breadcrumb-overflow-menu) *,:host(cds-breadcrumb-overflow-menu) ::after,:host(cds-breadcrumb-overflow-menu) ::before,:host(cds-overflow-menu) *,:host(cds-overflow-menu) ::after,:host(cds-overflow-menu) ::before{box-sizing:inherit}.cds--overflow-menu::-moz-focus-inner,.cds--overflow-menu__trigger::-moz-focus-inner,:host(cds-breadcrumb-overflow-menu::-moz-focus-inner),:host(cds-overflow-menu::-moz-focus-inner){border:0}.cds--overflow-menu html,.cds--overflow-menu__trigger html,:host(cds-breadcrumb-overflow-menu) html,:host(cds-overflow-menu) html{font-size:100%}.cds--overflow-menu body,.cds--overflow-menu__trigger body,:host(cds-breadcrumb-overflow-menu) body,:host(cds-overflow-menu) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu code,.cds--overflow-menu__trigger code,:host(cds-breadcrumb-overflow-menu) code,:host(cds-overflow-menu) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu strong,.cds--overflow-menu__trigger strong,:host(cds-breadcrumb-overflow-menu) strong,:host(cds-overflow-menu) strong{font-weight:600}.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:host(cds-breadcrumb-overflow-menu:focus),:host(cds-overflow-menu:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:host(cds-breadcrumb-overflow-menu:focus),:host(cds-overflow-menu:focus){outline-style:dotted}}.cds--overflow-menu:hover,.cds--overflow-menu__trigger:hover,:host(cds-breadcrumb-overflow-menu:hover),:host(cds-overflow-menu:hover){background-color:var(--cds-layer-hover)}.cds--overflow-menu--sm,:host(cds-breadcrumb-overflow-menu[size=sm]),:host(cds-overflow-menu[size=sm]){width:2rem;height:2rem}.cds--overflow-menu--lg,:host(cds-breadcrumb-overflow-menu[size=lg]),:host(cds-overflow-menu[size=lg]){width:3rem;height:3rem}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus svg{outline:0}.cds--overflow-menu.cds--overflow-menu--open,.cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger,:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open),:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open) .cds--overflow-menu__trigger,:host(cds-overflow-menu.cds--overflow-menu--open),:host(cds-overflow-menu.cds--overflow-menu--open) .cds--overflow-menu__trigger{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));background-color:var(--cds-layer);transition:none}.cds--overflow-menu--light.cds--overflow-menu--open,.cds--overflow-menu--light.cds--overflow-menu--open .cds--overflow-menu__trigger{background-color:var(--cds-layer)}.cds--overflow-menu__icon{width:1rem;height:1rem;fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu__wrapper{line-height:0}.cds--overflow-menu-options,:host(cds-overflow-menu-body){box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));position:absolute;z-index:6000;top:32px;right:0;display:none;width:10rem;flex-direction:column;align-items:flex-start;background-color:var(--cds-layer);list-style:none}.cds--overflow-menu-options html,:host(cds-overflow-menu-body) html{font-size:100%}.cds--overflow-menu-options body,:host(cds-overflow-menu-body) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options code,:host(cds-overflow-menu-body) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options strong,:host(cds-overflow-menu-body) strong{font-weight:600}.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{position:absolute;display:block;background-color:var(--cds-layer);content:\"\";transition:background-color 110ms cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{transition:none}}.cds--overflow-menu.cds--overflow-menu--open:hover,:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--open:hover),:host(cds-overflow-menu.cds--overflow-menu--open:hover){background-color:var(--cds-layer)}.cds--overflow-menu-options--light{background-color:var(--cds-layer)}.cds--overflow-menu-options--light::after{background-color:var(--cds-layer)}.cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover,:host(cds-breadcrumb-overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover),:host(cds-overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover){background-color:var(--cds-layer)}.cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after,:host(cds-overflow-menu-body[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options))::after{top:-.1875rem;right:0;width:2.5rem;height:.1875rem}.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body[data-floating-menu-direction=top])::after{bottom:-.5rem;right:0;width:2.5rem;height:.5rem}.cds--overflow-menu-options[data-floating-menu-direction=left]::after,:host(cds-overflow-menu-body[data-floating-menu-direction=left])::after{top:0;left:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body[data-floating-menu-direction=right])::after{top:0;right:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(:host(cds-overflow-menu-body[size=sm]cds-overflow-menu-body[data-floating-menu-direction=bottom]))::after,:host(:host(cds-overflow-menu-body[size=sm]cds-overflow-menu-body[data-floating-menu-direction=top]))::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=bottom])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=top])::after{width:2rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(:host(cds-overflow-menu-body[size=sm]cds-overflow-menu-body[data-floating-menu-direction=left]))::after,:host(:host(cds-overflow-menu-body[size=sm]cds-overflow-menu-body[data-floating-menu-direction=right]))::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=left])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--sm[data-floating-menu-direction=right])::after{height:2rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(:host(cds-overflow-menu-body[size=lg]cds-overflow-menu-body[data-floating-menu-direction=bottom]))::after,:host(:host(cds-overflow-menu-body[size=lg]cds-overflow-menu-body[data-floating-menu-direction=top]))::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=bottom])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=top])::after{width:3rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(:host(cds-overflow-menu-body[size=lg]cds-overflow-menu-body[data-floating-menu-direction=left]))::after,:host(:host(cds-overflow-menu-body[size=lg]cds-overflow-menu-body[data-floating-menu-direction=right]))::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=left])::after,:host(cds-overflow-menu-body.cds--overflow-menu-options--lg[data-floating-menu-direction=right])::after{height:3rem}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=bottom])::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=top])::after{left:0;right:auto}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=left])::after,:host(cds-overflow-menu-body.cds--overflow-menu--flip[data-floating-menu-direction=right])::after{top:auto;bottom:0}.cds--overflow-menu-options--open,:host(cds-overflow-menu-body[open]){display:flex}.cds--overflow-menu-options__content{width:100%}.cds--overflow-menu-options__option,:host(cds-overflow-menu-item){display:flex;width:100%;height:2.5rem;align-items:center;padding:0;background-color:transparent;transition:background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__option html,:host(cds-overflow-menu-item) html{font-size:100%}.cds--overflow-menu-options__option body,:host(cds-overflow-menu-item) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options__option code,:host(cds-overflow-menu-item) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options__option strong,:host(cds-overflow-menu-item) strong{font-weight:600}.cds--overflow-menu-options--sm .cds--overflow-menu-options__option,.cds--overflow-menu-options--sm :host(cds-overflow-menu-item),:host(cds-overflow-menu-body[size=sm]) .cds--overflow-menu-options__option,:host(cds-overflow-menu-body[size=sm]) :host(cds-overflow-menu-item){height:2rem}.cds--overflow-menu-options--lg .cds--overflow-menu-options__option,.cds--overflow-menu-options--lg :host(cds-overflow-menu-item),:host(cds-overflow-menu-body[size=lg]) .cds--overflow-menu-options__option,:host(cds-overflow-menu-body[size=lg]) :host(cds-overflow-menu-item){height:3rem}.cds--overflow-menu--divider,:host(cds-overflow-menu-item[divider]){border-top:1px solid var(--cds-border-subtle)}.cds--overflow-menu--light .cds--overflow-menu--divider,.cds--overflow-menu--light :host(cds-overflow-menu-item[divider]){border-top:1px solid var(--cds-border-subtle)}a.cds--overflow-menu-options__btn::before{display:inline-block;height:100%;content:\"\";vertical-align:middle}.cds--overflow-menu-options__btn{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;display:inline-flex;width:100%;max-width:11.25rem;height:100%;align-items:center;padding:0 1rem;border:none;background-color:transparent;color:var(--cds-text-secondary,#525252);cursor:pointer;font-family:inherit;font-weight:400;text-align:right;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9),color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__btn:hover{color:var(--cds-text-primary,#161616)}.cds--overflow-menu-options__btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu-options__btn:focus{outline-style:dotted}}.cds--overflow-menu-options__btn::-moz-focus-inner{border:none}.cds--overflow-menu-options__btn svg{fill:var(--cds-icon-secondary,#525252)}.cds--overflow-menu-options__btn:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu-options__option-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--overflow-menu-options__option:hover,:host(cds-overflow-menu-item:hover){background-color:var(--cds-layer-hover)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus svg,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover svg{fill:currentColor}.cds--overflow-menu-options__option--disabled:hover,:host(cds-overflow-menu-item[disabled]:hover){background-color:var(--cds-layer);cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:active,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:active,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:hover{outline:2px solid transparent;outline-offset:-2px;background-color:var(--cds-layer)}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn svg,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--overflow-menu--flip{right:-140px}.cds--overflow-menu--flip::before{right:145px}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu-options__btn:focus,.cds--overflow-menu:focus,:host(cds-breadcrumb-overflow-menu:focus),:host(cds-overflow-menu:focus){color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu svg,:host(cds-breadcrumb-overflow-menu) svg,:host(cds-overflow-menu) svg{fill:ButtonText}}:host(cds-breadcrumb-overflow-menu[disabled]),:host(cds-overflow-menu[disabled]){cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]) svg,:host(cds-overflow-menu[disabled]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]:hover),:host(cds-overflow-menu[disabled]:hover){background-color:transparent}:host(cds-breadcrumb-overflow-menu[open]),:host(cds-overflow-menu[open]){background-color:var(--cds-layer-01,#f4f4f4);transition:none;box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}:host(cds-breadcrumb-overflow-menu[open]) :hover,:host(cds-overflow-menu[open]) :hover{background-color:var(--cds-layer)}:host(cds-overflow-menu-body[direction=top]){margin-top:0;margin-bottom:.25rem}:host(cds-overflow-menu-item){outline:0}:host(cds-overflow-menu-item[size=sm]){height:2rem}:host(cds-overflow-menu-item[size=lg]){height:3rem}",
 ]);

package/es/components/pagination/defs.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2020, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Pagination size.
+ */
+export declare enum PAGINATION_SIZE {
+    /**
+     * Small size.
+     */
+    SMALL = "sm",
+    /**
+     * Medium size.
+     */
+    MEDIUM = "md",
+    /**
+     * Large size.
+     */
+    LARGE = "lg"
+}
+
+//# sourceMappingURL=defs.d.ts.map

package/es/components/pagination/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/pagination/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,eAAe;IACzB;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;CACb","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Pagination size.\n */\nexport enum PAGINATION_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n"]}

package/es/components/pagination/defs.js

@@ -0,0 +1,19 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2020, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * Pagination size.
+ */
+export let PAGINATION_SIZE;
+(function (PAGINATION_SIZE) {
+  PAGINATION_SIZE["SMALL"] = "sm";
+  PAGINATION_SIZE["MEDIUM"] = "md";
+  PAGINATION_SIZE["LARGE"] = "lg";
+})(PAGINATION_SIZE || (PAGINATION_SIZE = {}));
+//# sourceMappingURL=defs.js.map

package/es/components/pagination/defs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.js","names":["PAGINATION_SIZE"],"sources":["components/pagination/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Pagination size.\n */\nexport enum PAGINATION_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAYA,eAAe;AAe1B,WAfWA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;AAAA,GAAfA,eAAe,KAAfA,eAAe"}

package/es/components/pagination/index.d.ts

@@ -1,13 +1,11 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2021
+ * Copyright IBM Corp. 2021, 2023
  *
  * 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 './page-sizes-select';
-import './pages-select';
 import './pagination';
 
 //# sourceMappingURL=index.d.ts.map

package/es/components/pagination/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/pagination/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport './page-sizes-select';\nimport './pages-select';\nimport './pagination';\n"]}
+{"version":3,"sources":["components/pagination/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,cAAc,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport './pagination';\n"]}

package/es/components/pagination/index.js

@@ -1,13 +1,11 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2021
+ * Copyright IBM Corp. 2021, 2023
  *
  * 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 './page-sizes-select';
-import './pages-select';
 import './pagination';
 //# sourceMappingURL=index.js.map

package/es/components/pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["components/pagination/index.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport './page-sizes-select';\nimport './pages-select';\nimport './pagination';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,qBAAqB;AAC5B,OAAO,gBAAgB;AACvB,OAAO,cAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["components/pagination/index.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport './pagination';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,cAAc"}