diff --git a/packages/components/outline-core-ckeditor/src/.ck.ck-content.global.scoped.css b/packages/components/outline-core-ckeditor/src/.ck.ck-content.global.scoped.css deleted file mode 100644 index 27f629a5..00000000 --- a/packages/components/outline-core-ckeditor/src/.ck.ck-content.global.scoped.css +++ /dev/null @@ -1,46 +0,0 @@ -.ck.ck-content p{display:block;font-size:var(--body-01-font-size);font-size:var(--outline-body-text--font-size, var(--body-01-font-size));line-height:var(--body-01-line-height);line-height:var( - --outline-body-text--line-height, - var(--body-01-line-height) - );margin-bottom:1em;margin-bottom:var(--outline-body-text--margin-bottom, 1em);font-weight:var(--fw-normal);}.ck.ck-content p:last-child{margin-bottom:0;}.ck.ck-content h1,.ck.ck-content h2,.ck.ck-content h3,.ck.ck-content h4,.ck.ck-content h5,.ck.ck-content h6,.ck.ck-content .headline-07,.ck.ck-content .headline-06,.ck.ck-content .headline-05,.ck.ck-content .headline-04,.ck.ck-content .headline-03,.ck.ck-content .headline-02,.ck.ck-content .headline-01{color:var(--outline-heading-color);font-family:var(--ff-display);font-weight:var(--fw-bold);display:block;margin-bottom:var(--spacing-04);}.ck.ck-content h1,.ck.ck-content .headline-07{font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);}.ck.ck-content h2{font-size:var(--headline-05-font-size);line-height:var(--headline-05-line-height);}.ck.ck-content h3{font-size:var(--headline-04-font-size);line-height:var(--headline-04-line-height);}.ck.ck-content h4{font-size:var(--headline-03-font-size);line-height:var(--headline-03-line-height);}.ck.ck-content h5{font-size:var(--headline-02-font-size);line-height:var(--headline-02-line-height);}.ck.ck-content h6{font-size:var(--headline-01-font-size);line-height:var(--headline-01-line-height);}.ck.ck-content .headline-06{font-size:var(--headline-06-font-size);line-height:var(--headline-06-line-height);}.ck.ck-content .headline-05{font-size:var(--headline-05-font-size);line-height:var(--headline-05-line-height);}.ck.ck-content .headline-04{font-size:var(--headline-04-font-size);line-height:var(--headline-04-line-height);}.ck.ck-content .headline-03{font-size:var(--headline-03-font-size);line-height:var(--headline-03-line-height);}.ck.ck-content .headline-02{font-size:var(--headline-02-font-size);line-height:var(--headline-02-line-height);}.ck.ck-content .headline-01{font-size:var(--headline-01-font-size);line-height:var(--headline-01-line-height);}.ck.ck-content p + h1,.ck.ck-content p + h2,.ck.ck-content p + h3,.ck.ck-content p + h4,.ck.ck-content p + .headline-07,.ck.ck-content p + .headline-06,.ck.ck-content p + .headline-05,.ck.ck-content p + .headline-04{margin-top:var(--spacing-10);}.ck.ck-content p + h5,.ck.ck-content p + h6,.ck.ck-content p + .headline-01,.ck.ck-content p + .headline-02,.ck.ck-content p + .headline-03{margin-top:var(--spacing-8);}.ck.ck-content ul{list-style-type:disc;padding-left:var(--spacing-04);}.ck.ck-content ul li{list-style-type:disc;}.ck.ck-content ul li ul li{list-style-type:circle;}.ck.ck-content ul li ul li ul li{list-style-type:square;}.ck.ck-content ul li ul li ul li ul li{list-style-type:disc;}.ck.ck-content ol{list-style-type:decimal;padding-left:var(--spacing-04);margin-bottom:var(--spacing-02);}.ck.ck-content ol li{list-style-type:decimal;}.ck.ck-content ol li ol li{list-style-type:lower-alpha;}.ck.ck-content ol li ol li ol li{list-style-type:lower-roman;}.ck.ck-content ol li ol li ol li ol li{list-style-type:decimal;}.ck.ck-content ol li::marker{color:var(--outline-text-color);}.ck.ck-content & > ul,.ck.ck-content & > ol{margin-bottom:1.5em;padding-left:var(--spacing-05);}.ck.ck-content li{list-style-position:outside;padding-left:0.5em;margin-top:0.5em;margin-bottom:var(--spacing-02);font-size:var(--body-01-font-size);font-size:var(--outline-body-text--font-size, var(--body-01-font-size));}.ck.ck-content li::marker{color:var(--outline-accent-color);font-size:var(--fs-xl);}.ck.ck-content blockquote{display:flex;gap:var(--spacing-05);margin-top:1em;margin-bottom:1em;}.ck.ck-content blockquote p{font-size:var(--body-03-font-size);margin-bottom:0;}.ck.ck-content blockquote{font-weight:bold;}.ck.ck-content blockquote outline-icon{color:var(--color-primary-light);}.ck.ck-content hr{border-color:var(--outline-accent-color);margin-top:2em;margin-bottom:2em;}.ck.ck-content figcaption{font-size:var(--body-01-font-size);font-size:var(--outline-body-text--font-size, var(--body-01-font-size));color:var(--outline-text-color);text-align:center;}.ck.ck-content em{font-style:italic;}.ck.ck-content sup{vertical-align:super;font-size:60%;top:0;}.ck.ck-content sub{vertical-align:sub;font-size:60%;bottom:0;}.ck.ck-content strong{font-weight:700;}.ck.ck-content table{margin-bottom:var(--spacing-04);}.ck.ck-content .article-byline{font-size:var(--fs-lg);font-size:var(--body-article-byline, var(--fs-lg));}.ck.ck-content .disclaimer{--outline-link--text-color--hover:var(--color-neutral-white);--outline-link--bg-color--hover:var(--outline-text-color);--outline-cta--text-color:var(--outline-text-color);--outline-cta--text-color--hover:var(--color-neutral-white);--outline-cta--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23505050' viewBox='0 0 320 512'%3E%3Cpath d='M285.476 272.971 91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'/%3E%3C/svg%3E");--outline-cta--icon--hover:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 320 512'%3E%3Cpath d='M285.476 272.971 91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'/%3E%3C/svg%3E");--outline-cta--icon-external:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23505050' fill-rule='evenodd' d='M20.25 15.824h-1.5a.739.739 0 0 0-.75.727v5.086H3V7.105h6.75c.414 0 .75-.325.75-.726V4.926a.739.739 0 0 0-.75-.727h-7.5C1.007 4.2 0 5.175 0 6.38v15.984c0 1.204 1.007 2.18 2.25 2.18h16.5c1.243 0 2.25-.976 2.25-2.18v-5.812a.739.739 0 0 0-.75-.727Zm2-14.531h-7.438c-.724 0-1.312.57-1.312 1.271v.85c.01.337.158.657.41.888.254.232.592.356.94.347L18 4.562 6.331 15.783l-.003.004a1.066 1.066 0 0 0 0 1.54L7.45 18.41l.003.003c.44.423 1.152.421 1.59-.004L20.625 7.105l-.088 3.052v.035c0 .703.588 1.272 1.312 1.272h.838c.725 0 1.313-.57 1.313-1.272V2.988c0-.936-.783-1.695-1.75-1.695Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23505050' d='M0 .5h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");--outline-cta--icon-external--hover:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M20.25 15.824h-1.5a.739.739 0 0 0-.75.727v5.086H3V7.105h6.75c.414 0 .75-.325.75-.726V4.926a.739.739 0 0 0-.75-.727h-7.5C1.007 4.2 0 5.175 0 6.38v15.984c0 1.204 1.007 2.18 2.25 2.18h16.5c1.243 0 2.25-.976 2.25-2.18v-5.812a.739.739 0 0 0-.75-.727Zm2-14.531h-7.438c-.724 0-1.312.57-1.312 1.271v.85c.01.337.158.657.41.888.254.232.592.356.94.347L18 4.562 6.331 15.783l-.003.004a1.066 1.066 0 0 0 0 1.54L7.45 18.41l.003.003c.44.423 1.152.421 1.59-.004L20.625 7.105l-.088 3.052v.035c0 .703.588 1.272 1.312 1.272h.838c.725 0 1.313-.57 1.313-1.272V2.988c0-.936-.783-1.695-1.75-1.695Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23505050' d='M0 .5h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");--outline-button--bg-color:var(--outline-text-color);--outline-button--text-color:var(--color-neutral-white);--outline-button--border-color:var(--outline-text-color);--outline-button--bg-color--hover:transparent;--outline-button--text-color--hover:var(--outline-text-color);--outline-button--border-color--hover:var(--outline-text-color);--outline-button--icon-external:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M20.25 15.824h-1.5a.739.739 0 0 0-.75.727v5.086H3V7.105h6.75c.414 0 .75-.325.75-.726V4.926a.739.739 0 0 0-.75-.727h-7.5C1.007 4.2 0 5.175 0 6.38v15.984c0 1.204 1.007 2.18 2.25 2.18h16.5c1.243 0 2.25-.976 2.25-2.18v-5.812a.739.739 0 0 0-.75-.727Zm2-14.531h-7.438c-.724 0-1.312.57-1.312 1.271v.85c.01.337.158.657.41.888.254.232.592.356.94.347L18 4.562 6.331 15.783l-.003.004a1.066 1.066 0 0 0 0 1.54L7.45 18.41l.003.003c.44.423 1.152.421 1.59-.004L20.625 7.105l-.088 3.052v.035c0 .703.588 1.272 1.312 1.272h.838c.725 0 1.313-.57 1.313-1.272V2.988c0-.936-.783-1.695-1.75-1.695Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .5h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");--outline-button--icon-external--hover:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23505050' fill-rule='evenodd' d='M20.25 15.824h-1.5a.739.739 0 0 0-.75.727v5.086H3V7.105h6.75c.414 0 .75-.325.75-.726V4.926a.739.739 0 0 0-.75-.727h-7.5C1.007 4.2 0 5.175 0 6.38v15.984c0 1.204 1.007 2.18 2.25 2.18h16.5c1.243 0 2.25-.976 2.25-2.18v-5.812a.739.739 0 0 0-.75-.727Zm2-14.531h-7.438c-.724 0-1.312.57-1.312 1.271v.85c.01.337.158.657.41.888.254.232.592.356.94.347L18 4.562 6.331 15.783l-.003.004a1.066 1.066 0 0 0 0 1.54L7.45 18.41l.003.003c.44.423 1.152.421 1.59-.004L20.625 7.105l-.088 3.052v.035c0 .703.588 1.272 1.312 1.272h.838c.725 0 1.313-.57 1.313-1.272V2.988c0-.936-.783-1.695-1.75-1.695Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .5h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");font-size:calc(var(--body-helper-min-font-size));line-height:calc(var(--body-helper-min-line-height));display:block;margin-bottom:1em;}.ck.ck-content .disclaimer:last-child{margin-bottom:0;}.ck.ck-content .disclaimer a{font-weight:var(--fw-bold);text-decoration:underline;}.ck.ck-content .disclaimer a:hover,.ck.ck-content .disclaimer a:focus,.ck.ck-content .disclaimer a:focus-visible{color:var(--outline-link--text-color--hover);color:var( - --outline-disclaimer-link--text-color--hover, - var(--outline-link--text-color--hover) - );background-color:var(--outline-link--bg-color--hover);background-color:var( - --outline-disclaimer-link--bg-color--hover, - var(--outline-link--bg-color--hover) - );}.ck.ck-content .disclaimer a.outline-cta{font-size:inherit;color:var(--outline-cta--text-color);color:var( - --outline-disclaimer-cta--text-color, - var(--outline-cta--text-color) - );text-decoration:underline;}.ck.ck-content .disclaimer a.outline-cta .last-word{text-decoration:underline;}.ck.ck-content .disclaimer a.outline-cta .last-word::after{background-image:var(--outline-cta--icon);background-image:var( - --outline-disclaimer-cta--icon, - var(--outline-cta--icon) - );height:var(--spacing-03);width:var(--spacing-03);margin-left:calc(var(--spacing-02));}.ck.ck-content .disclaimer a.outline-cta:hover,.ck.ck-content .disclaimer a.outline-cta:focus-visible,.ck.ck-content .disclaimer a.outline-cta:focus{background-color:var(--outline-text-color);background-image:none;color:var(--outline-cta--text-color--hover);color:var( - --outline-disclaimer-cta--text-color--hover, - var(--outline-cta--text-color--hover) - );text-decoration:underline;}.ck.ck-content .disclaimer a.outline-cta:hover .last-word,.ck.ck-content .disclaimer a.outline-cta:focus-visible .last-word,.ck.ck-content .disclaimer a.outline-cta:focus .last-word{text-decoration:underline;}.ck.ck-content .disclaimer a.outline-cta:hover .last-word::after,.ck.ck-content .disclaimer a.outline-cta:focus-visible .last-word::after,.ck.ck-content .disclaimer a.outline-cta:focus .last-word::after{background-image:var(--outline-cta--icon--hover);background-image:var( - --outline-disclaimer-cta--icon--hover, - var(--outline-cta--icon--hover) - );transform:translateX(calc(var(--spacing-01)));}.ck.ck-content .disclaimer a.outline-cta.icon-external .last-word::after,.ck.ck-content .disclaimer a.outline-cta[target='_blank'] .last-word::after{background-image:var(--outline-cta--icon-external);background-image:var( - --outline-disclaimer-cta--icon-external, - var(--outline-cta--icon-external) - );height:var(--spacing-03);width:var(--spacing-03);}.ck.ck-content .disclaimer a.outline-cta.icon-external:hover .last-word::after,.ck.ck-content .disclaimer a.outline-cta.icon-external:focus-visible .last-word::after,.ck.ck-content .disclaimer a.outline-cta.icon-external:focus .last-word::after,.ck.ck-content .disclaimer a.outline-cta[target='_blank']:hover .last-word::after,.ck.ck-content .disclaimer a.outline-cta[target='_blank']:focus-visible .last-word::after,.ck.ck-content .disclaimer a.outline-cta[target='_blank']:focus .last-word::after{background-image:var(--outline-cta--icon-external--hover);background-image:var( - --outline-disclaimer-cta--icon-external--hover, - var(--outline-cta--icon-external--hover) - );transform:translateX(-2px) translateY(-1px);}.ck.ck-content .disclaimer a.btn{font-size:inherit;color:var(--outline-button--text-color);color:var( - --outline-disclaimer-button--text-color, - var(--outline-button--text-color) - );padding:var(--spacing-02) var(--spacing-04);min-height:0;text-decoration:none;}.ck.ck-content .disclaimer a.btn:hover{color:var(--outline-button--text-color--hover);color:var( - --outline-disclaimer-button--text-color--hover, - var(--outline-button--text-color--hover) - );background-color:var(--outline-button--bg-color--hover);background-color:var( - --outline-disclaimer-button--bg-color--hover, - var(--outline-button--bg-color--hover) - );border-color:var(--outline-button--border-color--hover);border-color:var( - --outline-disclaimer-button--border-color--hover, - var(--outline-button--border-color--hover) - );}.ck.ck-content .disclaimer a.btn.icon-external .last-word::after,.ck.ck-content .disclaimer a.btn[target='_blank'] .last-word::after{background-image:var(--outline-button--icon-external);background-image:var( - --outline-disclaimer-button--icon-external, - var(--outline-button--icon-external) - );height:var(--spacing-03);width:var(--spacing-03);margin-left:calc(var(--spacing-02));}.ck.ck-content .disclaimer a.btn.icon-external:hover .last-word::after,.ck.ck-content .disclaimer a.btn[target='_blank']:hover .last-word::after{background-image:var(--outline-button--icon-external--hover);background-image:var( - --outline-disclaimer-button--icon-external--hover, - var(--outline-button--icon-external--hover) - );}.ck.ck-content .disclaimer li{font-size:calc(var(--body-helper-min-font-size));line-height:calc(var(--body-helper-min-line-height));margin-top:var(--spacing-01);margin-bottom:var(--spacing-01);}.ck.ck-content .disclaimer li::marker{color:var(--outline-text-color);}.ck.ck-content ul.disclaimer li::marker{font-size:10px;}.ck.ck-content ol.disclaimer li::marker{font-size:0.9em;}.ck.ck-content a.outline-cta{white-space:initial;}.ck.ck-content a[name],.ck.ck-content a:not([href]){color:inherit;cursor:text;text-decoration:none;font-weight:inherit;font-size:inherit;}.ck.ck-content a[name]:hover,.ck.ck-content a[name]:focus,.ck.ck-content a[name]:focus-visible,.ck.ck-content a:not([href]):hover,.ck.ck-content a:not([href]):focus,.ck.ck-content a:not([href]):focus-visible{color:var(--outline-text-color);background-color:transparent;}.ck.ck-content .clear-left{clear:left;}.ck.ck-content .clear-right{clear:right;}.ck.ck-content .clear-both{clear:both;}.ck.ck-content{color:var(--outline-core-text-color);display:block;font-weight:unset;width:unset;}@media (min-width: 640px){.ck.ck-content{width:unset;}} \ No newline at end of file diff --git a/packages/components/outline-core-ckeditor/src/.ck.ck-content.global.css b/packages/components/outline-core-ckeditor/src/deprecated/.ck.ck-content.global.css similarity index 100% rename from packages/components/outline-core-ckeditor/src/.ck.ck-content.global.css rename to packages/components/outline-core-ckeditor/src/deprecated/.ck.ck-content.global.css diff --git a/packages/components/outline-core-ckeditor/src/outline-core-ckeditor-table.css b/packages/components/outline-core-ckeditor/src/deprecated/outline-core-ckeditor-table.css similarity index 100% rename from packages/components/outline-core-ckeditor/src/outline-core-ckeditor-table.css rename to packages/components/outline-core-ckeditor/src/deprecated/outline-core-ckeditor-table.css diff --git a/packages/components/outline-core-ckeditor/src/outline-core-ckeditor.css b/packages/components/outline-core-ckeditor/src/deprecated/outline-core-ckeditor.css similarity index 100% rename from packages/components/outline-core-ckeditor/src/outline-core-ckeditor.css rename to packages/components/outline-core-ckeditor/src/deprecated/outline-core-ckeditor.css diff --git a/packages/components/outline-core-ckeditor/src/outline-core-ckeditor.lightdom.css b/packages/components/outline-core-ckeditor/src/deprecated/outline-core-ckeditor.lightdom.css similarity index 100% rename from packages/components/outline-core-ckeditor/src/outline-core-ckeditor.lightdom.css rename to packages/components/outline-core-ckeditor/src/deprecated/outline-core-ckeditor.lightdom.css diff --git a/packages/components/outline-core-ckeditor/src/outline-core-ckeditor.shared.css b/packages/components/outline-core-ckeditor/src/deprecated/outline-core-ckeditor.shared.css similarity index 100% rename from packages/components/outline-core-ckeditor/src/outline-core-ckeditor.shared.css rename to packages/components/outline-core-ckeditor/src/deprecated/outline-core-ckeditor.shared.css diff --git a/packages/components/outline-core-ckeditor/src/outline-core-ckeditor-imports.css b/packages/components/outline-core-ckeditor/src/outline-core-ckeditor-imports.css new file mode 100644 index 00000000..3398b75e --- /dev/null +++ b/packages/components/outline-core-ckeditor/src/outline-core-ckeditor-imports.css @@ -0,0 +1,6 @@ +.ck.ck-content, outline-core-ckeditor { + display: block; + + @nested-import './outline-core-ckeditor-starterkit.css'; + +} diff --git a/packages/components/outline-core-ckeditor/src/outline-core-ckeditor-starterkit.css b/packages/components/outline-core-ckeditor/src/outline-core-ckeditor-starterkit.css new file mode 100644 index 00000000..282d0c27 --- /dev/null +++ b/packages/components/outline-core-ckeditor/src/outline-core-ckeditor-starterkit.css @@ -0,0 +1 @@ +/* This CSS file provides a set of good default styles for integrating CKEditor within a Drupal environment. It ensures consistent styling and behavior of the WYSIWYG editor across the platform. */ diff --git a/packages/components/outline-core-ckeditor/src/outline-core-ckeditor-vars.css b/packages/components/outline-core-ckeditor/src/outline-core-ckeditor-vars.css new file mode 100644 index 00000000..042f431c --- /dev/null +++ b/packages/components/outline-core-ckeditor/src/outline-core-ckeditor-vars.css @@ -0,0 +1,2 @@ +/* This section is reserved for variables imported from Figma or other design tools. +These variables should be connected to all other CSS files for consistent styling across the platform. */ diff --git a/packages/components/outline-core-ckeditor/src/outline-core-ckeditor.ts b/packages/components/outline-core-ckeditor/src/outline-core-ckeditor.ts index cbef15df..35b081a0 100644 --- a/packages/components/outline-core-ckeditor/src/outline-core-ckeditor.ts +++ b/packages/components/outline-core-ckeditor/src/outline-core-ckeditor.ts @@ -4,14 +4,16 @@ import { customElement } from 'lit/decorators.js'; // Our base component, which all others extend. import { OutlineElement } from '@phase2/outline-core'; -import componentStyles from './outline-core-ckeditor.css.lit'; +import globalStyles from './outline-core-ckeditor-imports.css?inline'; +import { AdoptedStylesheets } from '@phase2/outline-adopted-stylesheets-controller'; + import { checkFileType } from './utilities/check-file-type'; import { externalLinkText } from './utilities/external-link-text'; import { tooltipLink } from './utilities/tooltip'; import { wrapLastWord } from './utilities/wrap-last-word'; -wrapLastWord; +// wrapLastWord; /** * The Outline Core Styled Text component @@ -22,8 +24,13 @@ wrapLastWord; * Lightdom styles in outline-core-ckeditor.lightdom.css included in /shared.css */ @customElement('outline-core-ckeditor') -export class OutlineCoreCkeditor extends OutlineElement { - static styles: CSSResultGroup = [componentStyles]; +export class OutlineCoreCkeditor extends OutlineElement + // static styles: CSSResultGroup = [componentStyles]; + { + GlobalStylesheets: AdoptedStylesheets | undefined = new AdoptedStylesheets( + this, + globalStyles + ); connectedCallback(): void { super.connectedCallback();