@freshworks/crayons/dist/components/modal-content.js

Crayons Web Components library

import { attachShadow, h, proxyCustomElement } from '@stencil/core/internal/client';

const modalContentCss = ":host{font-family:var(--fw-font-family, -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, oxygen, ubuntu, cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;box-sizing:border-box}:host{-ms-flex:1;flex:1;overflow-y:auto;font-size:14px;font-weight:400;color:#12344d;line-height:20px}.content{padding:12px 32px 32px;overflow:visible;-webkit-box-sizing:border-box;box-sizing:border-box}";

let ModalContent = class extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
    attachShadow(this);
  }
  /**
   * render the slot content directly
   * @returns {JSX.Element}
   */
  render() {
    return (h("div", { class: 'content' }, h("slot", null)));
  }
  static get style() { return modalContentCss; }
};
ModalContent = /*@__PURE__*/ proxyCustomElement(ModalContent, [1, "fw-modal-content"]);
function defineCustomElement() {
  const components = ["fw-modal-content"];
  components.forEach(tagName => { switch (tagName) {
    case "fw-modal-content":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, ModalContent);
      }
      break;
  } });
}

export { ModalContent as M, defineCustomElement as d };