[unified-css] Rename cssContent to cssText.

The name `cssText` is more aligned with the Web Platform APIs (both
`CSSRule` and `CSSStyleDeclaration` have a `cssText` property).
Otherwise this change is neutral.

Bug: 391381439
Change-Id: Iae65bd4cc0fe96078cdd8c2847573551fd3f80f9
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6357196
Auto-Submit: Benedikt Meurer <[email protected]>
Commit-Queue: Nikolay Vitkov <[email protected]>
Reviewed-by: Nikolay Vitkov <[email protected]>

Author: bmeurer

front_end/global_typings/global_defs.d.ts

@@ -3,6 +3,6 @@
 // found in the LICENSE file.
 
 declare module '*.css.js' {
-  const styles: {cssContent: string};
+  const styles: {cssText: string};
   export default styles;
 }

front_end/panels/ai_assistance/components/ChatView.ts

@@ -25,7 +25,7 @@ import {UserActionRow} from './UserActionRow.js';
 
 // TODO(crbug.com/391381439): Fully migrate off of constructed style sheets.
 const styles = new CSSStyleSheet();
-styles.replaceSync(stylesRaw.cssContent);
+styles.replaceSync(stylesRaw.cssText);
 
 const {html, Directives: {ifDefined, ref}} = Lit;
 

front_end/panels/ai_assistance/components/UserActionRow.ts

@@ -114,8 +114,8 @@ export interface UserActionRowWidgetParams {
 export const DEFAULT_VIEW = (input: UserActionRowViewInput, output: ViewOutput, target: HTMLElement): void => {
   // clang-format off
   Lit.render(html`
-    <style>${Input.textInputStylesRaw.cssContent}</style>
-    <style>${userActionRowStyles.cssContent}</style>
+    <style>${Input.textInputStylesRaw.cssText}</style>
+    <style>${userActionRowStyles.cssText}</style>
     <div class="ai-assistance-feedback-row">
       <div class="rate-buttons">
         ${input.showRateButtons ? html`

front_end/panels/application/components/BackForwardCacheView.ts

@@ -185,7 +185,7 @@ export class BackForwardCacheView extends LegacyWrapper.LegacyWrapper.WrappableC
       // Disabled until https://crbug.com/1079231 is fixed.
       // clang-format off
       Lit.render(html`
-        <style>${backForwardCacheViewStyles.cssContent}</style>
+        <style>${backForwardCacheViewStyles.cssText}</style>
         <devtools-report .data=${
             {reportTitle: i18nString(UIStrings.backForwardCacheTitle)} as ReportView.ReportView.ReportData
         } jslog=${VisualLogging.pane('back-forward-cache')}>

front_end/panels/application/components/BounceTrackingMitigationsView.ts

@@ -89,7 +89,7 @@ export class BounceTrackingMitigationsView extends LegacyWrapper.LegacyWrapper.W
   async #render(): Promise<void> {
     // clang-format off
     Lit.render(html`
-      <style>${bounceTrackingMitigationsViewStyles.cssContent}</style>
+      <style>${bounceTrackingMitigationsViewStyles.cssText}</style>
       <devtools-report .data=${{reportTitle: i18nString(UIStrings.bounceTrackingMitigationsTitle)}}
                        jslog=${VisualLogging.pane('bounce-tracking-mitigations')}>
         ${await this.#renderMainFrameInformation()}

front_end/panels/application/components/EndpointsGrid.ts

@@ -53,8 +53,8 @@ export class EndpointsGrid extends HTMLElement {
     // Disabled until https://crbug.com/1079231 is fixed.
     // clang-format off
     render(html`
-      <style>${reportingApiGridStyles.cssContent}</style>
-      <style>${inspectorCommonStyles.cssContent}</style>
+      <style>${reportingApiGridStyles.cssText}</style>
+      <style>${inspectorCommonStyles.cssText}</style>
       <div class="reporting-container" jslog=${VisualLogging.section('endpoints')}>
         <div class="reporting-header">${i18n.i18n.lockedString('Endpoints')}</div>
         ${this.#endpoints.size > 0 ? html`

front_end/panels/application/components/FrameDetailsView.ts

@@ -310,7 +310,7 @@ export class FrameDetailsReportView extends LegacyWrapper.LegacyWrapper.Wrappabl
       // Disabled until https://crbug.com/1079231 is fixed.
       // clang-format off
       Lit.render(html`
-        <style>${frameDetailsReportViewStyles.cssContent}</style>
+        <style>${frameDetailsReportViewStyles.cssText}</style>
         <devtools-report .data=${{reportTitle: this.#frame.displayName()} as ReportView.ReportView.ReportData}
         jslog=${VisualLogging.pane('frames')}>
           ${this.#renderDocumentSection()}

front_end/panels/application/components/InterestGroupAccessGrid.ts

@@ -86,8 +86,8 @@ export class InterestGroupAccessGrid extends HTMLElement {
     }
     // clang-format off
     Lit.render(html`
-      <style>${interestGroupAccessGridStyles.cssContent}</style>
-      <style>${inspectorCommonStyles.cssContent}</style>
+      <style>${interestGroupAccessGridStyles.cssText}</style>
+      <style>${inspectorCommonStyles.cssText}</style>
       <div>
         <span class="heading">Interest Groups</span>
         <devtools-icon class="info-icon"

front_end/panels/application/components/OriginTrialTreeView.ts

@@ -97,7 +97,7 @@ export class Badge extends HTMLElement {
 
     Lit.render(
         html`
-      <style>${badgeStyles.cssContent}</style>
+      <style>${badgeStyles.cssText}</style>
       ${this.#adorner}
     `,
         this.#shadow, {host: this});
@@ -304,7 +304,7 @@ export class OriginTrialTokenRows extends HTMLElement {
 
     Lit.render(
         html`
-      <style>${originTrialTokenRowsStyles.cssContent}</style>
+      <style>${originTrialTokenRowsStyles.cssText}</style>
       <div class="content">
         ${tokenDetailRows}
       </div>
@@ -330,7 +330,7 @@ export class OriginTrialTreeView extends HTMLElement {
     if (!trials.length) {
       Lit.render(
           html`
-    <style>${originTrialTreeViewStyles.cssContent}</style>
+    <style>${originTrialTreeViewStyles.cssText}</style>
     <span class="status-badge">
       <devtools-icon
           .data=${{
@@ -349,7 +349,7 @@ export class OriginTrialTreeView extends HTMLElement {
 
     Lit.render(
         html`
-      <style>${originTrialTreeViewStyles.cssContent}</style>
+      <style>${originTrialTreeViewStyles.cssText}</style>
       <devtools-tree-outline .data=${{
           tree: trials.map(constructOriginTrialTree),
           defaultRenderer,

front_end/panels/application/components/PermissionsPolicySection.ts

@@ -227,7 +227,7 @@ export class PermissionsPolicySection extends HTMLElement {
       // clang-format off
       Lit.render(
         html`
-          <style>${permissionsPolicySectionStyles.cssContent}</style>
+          <style>${permissionsPolicySectionStyles.cssText}</style>
           <devtools-report-section-header>${i18n.i18n.lockedString('Permissions Policy')}</devtools-report-section-header>
           ${this.#renderAllowed()}
           ${Lit.Directives.until(this.#renderDisallowed(), Lit.nothing)}