diff --git a/component/ElementCall.module.css b/component/ElementCall.module.css index f99dccb16..91213e422 100644 --- a/component/ElementCall.module.css +++ b/component/ElementCall.module.css @@ -17,8 +17,8 @@ they are meant to cover the page — resolve against the viewport and appear in the middle of the host's window rather than in the middle of the call. The clipping cuts both ways: a menu near the edge of a small container is -trimmed rather than overflowing into the host. That is the trade being an -embedded component makes. */ +trimmed rather than overflowing into the host. That is the trade being a +component rather than a page makes. */ .root { display: flex; flex-direction: column; diff --git a/component/build/scopeStylesToRoot.ts b/component/build/scopeStylesToRoot.ts index 29532d532..9e7e80376 100644 --- a/component/build/scopeStylesToRoot.ts +++ b/component/build/scopeStylesToRoot.ts @@ -41,7 +41,7 @@ const IS_ROOT = `:where(${ROOT_SELECTOR})`; * * As a page of its own, Element Call can style the document: normalize.css and * Compound speak of `html`, `body` and bare elements, and the design tokens are - * declared on `:root`. Embedded in a host, all of that would land on the host's + * declared on `:root`. As a component, all of that would land on the host's * document too. This rewrites every selector so that it matches only the root * or its descendants: * diff --git a/component/dev/Harness.tsx b/component/dev/Harness.tsx index ba68c410c..ea51191f5 100644 --- a/component/dev/Harness.tsx +++ b/component/dev/Harness.tsx @@ -83,7 +83,7 @@ interface LogEntry { } /** - * One embedded Element Call, with the controls a host would have over it: the + * One Element Call component, with the controls a host would have over it: the * requests it can make of Element Call, and the ability to take it off screen * altogether. */ @@ -198,9 +198,9 @@ const HostChrome: FC = (): ReactNode => ( ); /** - * A dialog of the host's own, over the top of the calls. Element Call embedded - * in a host has to sit underneath this — being unable to is one of the reasons - * for embedding it rather than putting it in an iframe. + * A dialog of the host's own, over the top of the calls. Element Call as a + * component has to sit underneath this — being unable to is one of the reasons + * for a component rather than an iframe. */ const HostDialog: FC<{ onClose: () => void }> = ({ onClose }): ReactNode => (