@designcrowd/library.brand-page 6.2.11 → 6.2.12

package/src/brand-page-maker/utils/rte-render.util.test.ts

@@ -0,0 +1,230 @@
+import { describe, it, expect } from 'vitest';
+import {
+  rteDoc,
+  reflowRteDoc,
+  isTiptapDocument,
+} from '@shared/rte-render.util';
+
+/**
+ * BP-5969 — `rteDoc` is the factory-authored RTE *source*: it builds the STRUCTURE only
+ * (paragraph + text + textAlign) via the schema. Colour and role typography are baked later by the
+ * init step, so `rteDoc` output carries no marks. Empty text stays a doc (never a string), which is
+ * what removes the plain-string-then-convert seam.
+ */
+describe('rteDoc', () => {
+  const firstBlock = (doc: any) => doc.content?.[0];
+  const firstRun = (doc: any) => doc.content?.[0]?.content?.[0];
+
+  it('builds a schema-valid doc from non-empty text (paragraph > text)', () => {
+    const doc = rteDoc('Hello');
+
+    expect(isTiptapDocument(doc)).toBe(true);
+    expect(firstBlock(doc).type).toBe('paragraph');
+    expect(firstRun(doc).type).toBe('text');
+    expect(firstRun(doc).text).toBe('Hello');
+  });
+
+  it('applies textAlign to the block node', () => {
+    const doc = rteDoc('Hi', 'center');
+
+    expect(firstBlock(doc).attrs.textAlign).toBe('center');
+  });
+
+  it('empty text yields an empty paragraph doc — a doc, never a string, with no text run', () => {
+    const doc = rteDoc('', 'center');
+
+    expect(isTiptapDocument(doc)).toBe(true);
+    expect(firstBlock(doc).type).toBe('paragraph');
+    // a ProseMirror text node cannot be empty, so an empty field has no run at all
+    expect(firstBlock(doc).content ?? []).toHaveLength(0);
+    expect(firstBlock(doc).attrs.textAlign).toBe('center');
+  });
+
+  it('bakes no marks — colour and role typography are the init layer job', () => {
+    const doc = rteDoc('Plain');
+
+    expect(firstRun(doc).marks ?? []).toHaveLength(0);
+  });
+});
+
+/**
+ * BP-5969 — `reflowRteDoc` injects personalisation's plain text into a template RTE doc while KEEPING
+ * the template's embedded style (the first run's `textStyle` mark + block alignment). Per-word
+ * variation collapses to the base style; a uniformly-styled field is preserved exactly.
+ */
+describe('reflowRteDoc', () => {
+  const paragraph = (
+    runs: Record<string, unknown>[],
+    attrs?: Record<string, unknown>,
+  ) => ({ type: 'paragraph', ...(attrs ? { attrs } : {}), content: runs });
+
+  const styledRun = (
+    text: string,
+    textStyleAttrs: Record<string, unknown>,
+    extraMarks: Record<string, unknown>[] = [],
+  ) => ({
+    type: 'text',
+    text,
+    marks: [{ type: 'textStyle', attrs: textStyleAttrs }, ...extraMarks],
+  });
+
+  const doc = (blocks: Record<string, unknown>[]) => ({
+    type: 'doc',
+    content: blocks,
+  });
+
+  const blocksOf = (d: any): any[] => d.content ?? [];
+  const firstRunOf = (block: any) => (block.content ?? [])[0];
+  const textStyleOf = (run: any): Record<string, any> =>
+    run?.marks?.find((m: any) => m.type === 'textStyle')?.attrs ?? {};
+
+  it("carries the first run's textStyle colour + block alignment onto the new text", () => {
+    const template = doc([
+      paragraph([styledRun('Welcome', { color: 'var(--palette-0)' })], {
+        textAlign: 'center',
+      }),
+    ]);
+
+    const out = reflowRteDoc(template, 'Fresh sourdough daily');
+
+    expect(blocksOf(out)).toHaveLength(1);
+    expect(firstRunOf(blocksOf(out)[0]).text).toBe('Fresh sourdough daily');
+    expect(textStyleOf(firstRunOf(blocksOf(out)[0])).color).toBe(
+      'var(--palette-0)',
+    );
+    expect(blocksOf(out)[0].attrs.textAlign).toBe('center');
+  });
+
+  it('joins %0A lines with a hardBreak in ONE paragraph, every run keeping the base style + alignment', () => {
+    const template = doc([
+      paragraph([styledRun('Placeholder', { color: 'var(--palette-1)' })], {
+        textAlign: 'right',
+      }),
+    ]);
+
+    const out = reflowRteDoc(template, 'Line one%0ALine two');
+
+    expect(blocksOf(out)).toHaveLength(1);
+
+    const inline = blocksOf(out)[0].content;
+
+    expect(inline.map((n: any) => n.type)).toEqual([
+      'text',
+      'hardBreak',
+      'text',
+    ]);
+
+    const runs = inline.filter((n: any) => n.type === 'text');
+
+    expect(runs.map((n: any) => n.text)).toEqual(['Line one', 'Line two']);
+
+    for (const run of runs) {
+      expect(textStyleOf(run).color).toBe('var(--palette-1)');
+    }
+
+    expect(blocksOf(out)[0].attrs.textAlign).toBe('right');
+  });
+
+  it('splits a real newline into a hardBreak too', () => {
+    const template = doc([
+      paragraph([styledRun('x', { color: 'var(--palette-0)' })]),
+    ]);
+
+    const out = reflowRteDoc(template, 'a\nb');
+    const inline = blocksOf(out)[0].content;
+
+    expect(inline.map((n: any) => n.type)).toEqual([
+      'text',
+      'hardBreak',
+      'text',
+    ]);
+    expect(
+      inline.filter((n: any) => n.type === 'text').map((n: any) => n.text),
+    ).toEqual(['a', 'b']);
+  });
+
+  it('empty new text yields a single empty paragraph (no throw)', () => {
+    const template = doc([
+      paragraph([styledRun('x', { color: 'var(--palette-0)' })]),
+    ]);
+
+    const out = reflowRteDoc(template, '');
+
+    expect(blocksOf(out)).toHaveLength(1);
+    expect(blocksOf(out)[0].content ?? []).toHaveLength(0);
+  });
+
+  it('a trailing newline yields a trailing hardBreak, no empty text node', () => {
+    const template = doc([
+      paragraph([styledRun('x', { color: 'var(--palette-0)' })]),
+    ]);
+
+    const out = reflowRteDoc(template, 'foo%0A');
+    const inline = blocksOf(out)[0].content;
+
+    expect(inline.map((n: any) => n.type)).toEqual(['text', 'hardBreak']);
+    expect(inline[0].text).toBe('foo');
+  });
+
+  it('collapses per-word variation to the FIRST run style', () => {
+    const template = doc([
+      paragraph([
+        styledRun('Welcome to ', { color: 'var(--palette-0)' }),
+        styledRun('Brand', { color: 'var(--palette-1)' }), // a coloured word — not carried
+      ]),
+    ]);
+
+    const out = reflowRteDoc(template, 'New heading');
+
+    expect(textStyleOf(firstRunOf(blocksOf(out)[0])).color).toBe(
+      'var(--palette-0)',
+    );
+  });
+
+  it('preserves a literal typography override on the base run', () => {
+    const template = doc([
+      paragraph([
+        styledRun('Big', { color: 'var(--palette-0)', fontSize: '3em' }),
+      ]),
+    ]);
+
+    const out = reflowRteDoc(template, 'Bigger heading');
+
+    expect(textStyleOf(firstRunOf(blocksOf(out)[0])).fontSize).toBe('3em');
+  });
+
+  it('drops per-word link marks — only textStyle is carried', () => {
+    const template = doc([
+      paragraph([
+        styledRun('Link', { color: 'var(--palette-0)' }, [
+          { type: 'link', attrs: { href: 'https://example.com' } },
+        ]),
+      ]),
+    ]);
+
+    const out = reflowRteDoc(template, 'Plain heading');
+    const marks = firstRunOf(blocksOf(out)[0]).marks ?? [];
+
+    expect(marks.some((m: any) => m.type === 'link')).toBe(false);
+    expect(marks.some((m: any) => m.type === 'textStyle')).toBe(true);
+  });
+
+  it('reflows an unstyled template doc without throwing', () => {
+    const template = doc([paragraph([{ type: 'text', text: 'Plain' }])]);
+
+    const out = reflowRteDoc(template, 'New text');
+
+    expect(isTiptapDocument(out)).toBe(true);
+    expect(firstRunOf(blocksOf(out)[0]).text).toBe('New text');
+  });
+
+  it('degrades to unstyled reflow for an unparseable template doc', () => {
+    const out = reflowRteDoc(
+      { type: 'doc', content: [{ type: 'not-a-real-node' }] } as any,
+      'Safe text',
+    );
+
+    expect(isTiptapDocument(out)).toBe(true);
+    expect(firstRunOf(blocksOf(out)[0]).text).toBe('Safe text');
+  });
+});

package/src/brand-page-maker/utils/rte-sanitize-json.test.ts

@@ -1,6 +1,6 @@
 import { describe, it, expect } from 'vitest';
 import { isSameRteContent, sanitizeRteJson } from './rte-sanitize.util';
-import { toRteJson } from './rte-render.util';
+import { toRteJson } from '@shared/rte-render.util';
 import { COMPLEX_RTE_HTML } from '../__fixtures__/complex-rte.fixture';
 
 /**

package/src/brand-page-maker/utils/rte-sanitize.util.ts

@@ -47,15 +47,20 @@ const ALLOWED_MARK_TYPES = new Set([
   'link',
 ]);
 
-// textStyle attrs map to the allow-listed CSS properties (font-weight →
-// bold mark, text-decoration → underline/strike, text-align → node attr,
-// background-color → highlight, so they are intentionally not here).
+// textStyle attrs map to the allow-listed CSS properties. BP-5969: font-weight / font-style /
+// text-decoration are now textStyle attrs (role var or literal), NOT semantic <strong>/<u>/<s>
+// marks, so a role edit propagates via the cascade. text-align → node attr and background-color →
+// highlight are still intentionally not here.
 const ALLOWED_TEXT_STYLE_ATTRS = new Set([
   'color',
   'fontFamily',
   'fontSize',
   'letterSpacing',
   'lineHeight',
+  'fontWeight',
+  'fontStyle',
+  'textDecoration',
+  'textDecorationReset',
 ]);
 
 type Mark = { type?: string; attrs?: Record<string, unknown> };
@@ -84,6 +89,12 @@ const sanitizeTextStyleAttrs = (
 
     const value = attrs[key];
 
+    if (key === 'textDecorationReset') {
+      if (value === true) clean[key] = true;
+
+      continue;
+    }
+
     // Tiptap emits '' for unset textStyle slots — preserve them.
     if (value === '' || value == null) {
       clean[key] = '';

package/src/brand-page-maker/utils/rte-schema-version.test.ts

@@ -0,0 +1,102 @@
+import { describe, it, expect } from 'vitest';
+import type { JSONContent } from '@tiptap/vue-3';
+import {
+  getRteExtensions,
+  rteSchemaGeneration,
+} from '@shared/rte-extensions.util';
+import { toRteJson } from '@shared/rte-render.util';
+
+/**
+ * BP-5969 — the versioned RTE schema pin.
+ *
+ * A migration parses legacy RTE through a schema pinned to its own model version, so its
+ * headless HTML→JSON output can't drift when the live schema later gains an extension. The
+ * concrete driver: `TextEffects` (weight/style/decoration as `textStyle` attrs, parsed from
+ * inline CSS) entered the schema with BP-5969 / migration-22. migration-20 (released, pinned to
+ * 20) must NOT see it, or a legacy `<span style="font-weight:bold">` would bake a literal
+ * `textStyle.fontWeight` it never produced and stop tracking its role. See
+ * `backward-compatibility.md`.
+ */
+
+const extensionNames = (
+  options?: Parameters<typeof getRteExtensions>[0],
+): string[] => getRteExtensions(options).map((extension) => extension.name);
+
+type Mark = { type: string; attrs?: Record<string, unknown> };
+
+const collectMarks = (node: JSONContent): Mark[] => {
+  const marks = [...((node.marks as Mark[]) ?? [])];
+
+  for (const child of node.content ?? []) marks.push(...collectMarks(child));
+
+  return marks;
+};
+
+const textStyleFontWeights = (doc: JSONContent): unknown[] =>
+  collectMarks(doc)
+    .filter((mark) => mark.type === 'textStyle')
+    .map((mark) => mark.attrs?.fontWeight)
+    .filter((value) => value != null);
+
+const INLINE_BOLD_HTML = '<p><span style="font-weight: bold">x</span></p>';
+
+describe('versioned RTE schema (BP-5969 migration-schema pin)', () => {
+  describe('getRteExtensions({ schemaVersion })', () => {
+    it('excludes TextEffects when pinned below version 22 (the pre-BP-5969 schema)', () => {
+      expect(extensionNames({ schemaVersion: 20 })).not.toContain(
+        'textEffects',
+      );
+    });
+
+    it('includes TextEffects at version 22 and at the latest (runtime default)', () => {
+      expect(extensionNames({ schemaVersion: 22 })).toContain('textEffects');
+      expect(extensionNames()).toContain('textEffects');
+    });
+
+    it('keeps the rest of the extension set identical across versions (only TextEffects gated)', () => {
+      const without = extensionNames({ schemaVersion: 20 });
+      const withIt = extensionNames({ schemaVersion: 22 });
+
+      expect(withIt.filter((name) => name !== 'textEffects')).toEqual(without);
+    });
+
+    it('treats every version below 22 as the same (base) schema — a range, not a point', () => {
+      expect(extensionNames({ schemaVersion: 5 })).toEqual(
+        extensionNames({ schemaVersion: 20 }),
+      );
+      expect(extensionNames({ schemaVersion: 5 })).not.toContain('textEffects');
+    });
+  });
+
+  describe('rteSchemaGeneration (range → one schema)', () => {
+    it('collapses versions below the change point to the base generation (0)', () => {
+      expect(rteSchemaGeneration(5)).toBe(0);
+      expect(rteSchemaGeneration(20)).toBe(0);
+      expect(rteSchemaGeneration(21)).toBe(0);
+      // 5 and 20 resolve to the SAME generation — the key that dedupes the schema cache.
+      expect(rteSchemaGeneration(5)).toBe(rteSchemaGeneration(20));
+    });
+
+    it('collapses the change point, later versions, and the latest to the newest generation', () => {
+      expect(rteSchemaGeneration(22)).toBe(22);
+      expect(rteSchemaGeneration(100)).toBe(22);
+      expect(rteSchemaGeneration(undefined)).toBe(22);
+    });
+  });
+
+  describe('toRteJson parses under the pinned schema', () => {
+    it('does NOT bake inline font-weight into a textStyle attr at v20', () => {
+      const doc = toRteJson(INLINE_BOLD_HTML, undefined, 20);
+
+      expect(doc).toBeDefined();
+      expect(textStyleFontWeights(doc!)).toHaveLength(0);
+    });
+
+    it('DOES bake inline font-weight into a textStyle attr at the latest schema', () => {
+      const doc = toRteJson(INLINE_BOLD_HTML);
+
+      expect(doc).toBeDefined();
+      expect(textStyleFontWeights(doc!)).toContain('bold');
+    });
+  });
+});

package/src/bundles/bundled-translations.de-DE.json

@@ -1778,7 +1778,14 @@
     "style": "Stil",
     "alignment": "Ausrichtung",
     "color": "Farbe",
-    "backgroundColor": "Hintergrundfarbe"
+    "backgroundColor": "Hintergrundfarbe",
+    "resetToGlobal": "Auf global zurücksetzen",
+    "saveToGlobal": "Global speichern",
+    "styleModifiedHeader": "Dieser Stil wurde geändert",
+    "applyChangesToAll": "Änderungen auf alle '{{role}}' auf der Website anwenden",
+    "resetToDefault": "Auf Standard zurücksetzen",
+    "editTextStyles": "Textstile bearbeiten",
+    "textStyleActionsAriaLabel": "Textstil-Aktionen"
   },
   "textAreaField": {
     "maxLimitReached": "Sie haben das Zeichenlimit erreicht"
@@ -1904,6 +1911,16 @@
     "headings": "Überschriften",
     "paragraphs": "Absätze",
     "buttons": "Schaltflächen",
+    "heading1": "Überschrift 1",
+    "heading2": "Überschrift 2",
+    "heading3": "Überschrift 3",
+    "heading4": "Überschrift 4",
+    "heading5": "Überschrift 5",
+    "heading6": "Überschrift 6",
+    "paragraph1": "Absatz 1",
+    "paragraph2": "Absatz 2",
+    "paragraph3": "Absatz 3",
+    "button": "Schaltflächentext",
     "premium": "Premium",
     "buttonBorderColor": "Farbe des Schaltflächenrahmens",
     "buttonFillColor": "Farbe der Schaltflächenfüllung",
@@ -1918,7 +1935,9 @@
     "hideBrandCrowdLogo": "BrandCrowd Logo ausblenden",
     "styleTitle": "Stil",
     "buttonStyleTitle": "Schaltflächenstil",
-    "textStyleTitle": "Textstil"
+    "styleDescription": "Passen Sie Farben, Textstile und andere Designeinstellungen auf Ihrer Website an.",
+    "textStyleTitle": "Textstil",
+    "sizeOrderWarning": "Einige Textgrößen sind nicht in der richtigen Reihenfolge. Überschriften und Absätze sollten nicht größer sein als der Textstil darüber."
   },
   "templateSettings": {
     "searchPlaceholder": "Suche",

package/src/bundles/bundled-translations.es-ES.json

@@ -1778,7 +1778,14 @@
     "style": "Estilo",
     "alignment": "Alineación",
     "color": "Color",
-    "backgroundColor": "Color de fondo"
+    "backgroundColor": "Color de fondo",
+    "resetToGlobal": "Restablecer a global",
+    "saveToGlobal": "Guardar como global",
+    "styleModifiedHeader": "Este estilo ha sido modificado",
+    "applyChangesToAll": "Aplicar los cambios a todos los '{{role}}' en todo el sitio",
+    "resetToDefault": "Restablecer a predeterminado",
+    "editTextStyles": "Editar estilos de texto",
+    "textStyleActionsAriaLabel": "Acciones de estilo de texto"
   },
   "textAreaField": {
     "maxLimitReached": "Has alcanzado tu límite máximo de caracteres permitidos"
@@ -1904,6 +1911,16 @@
     "headings": "Encabezados",
     "paragraphs": "Párrafos",
     "buttons": "Botones",
+    "heading1": "Encabezado 1",
+    "heading2": "Encabezado 2",
+    "heading3": "Encabezado 3",
+    "heading4": "Encabezado 4",
+    "heading5": "Encabezado 5",
+    "heading6": "Encabezado 6",
+    "paragraph1": "Párrafo 1",
+    "paragraph2": "Párrafo 2",
+    "paragraph3": "Párrafo 3",
+    "button": "Texto del botón",
     "premium": "Prémium",
     "buttonBorderColor": "Color del borde del botón",
     "buttonFillColor": "Color de relleno del botón",
@@ -1918,7 +1935,9 @@
     "hideBrandCrowdLogo": "Ocultar el logo de BrandCrowd",
     "styleTitle": "Estilo",
     "buttonStyleTitle": "Estilo de botón",
-    "textStyleTitle": "Estilo de texto"
+    "styleDescription": "Personaliza los colores, los estilos de texto y otros ajustes de diseño por todo tu sitio web",
+    "textStyleTitle": "Estilo de texto",
+    "sizeOrderWarning": "Algunos tamaños de texto no están en el orden correcto. Un encabezado o párrafo no debería ser más grande que el que tiene encima."
   },
   "templateSettings": {
     "searchPlaceholder": "Buscar",

package/src/bundles/bundled-translations.fr-CA.json

@@ -1778,7 +1778,14 @@
     "style": "Style",
     "alignment": "Alignement",
     "color": "Couleur",
-    "backgroundColor": "Couleur d’arrière-plan"
+    "backgroundColor": "Couleur d’arrière-plan",
+    "resetToGlobal": "Réinitialiser au global",
+    "saveToGlobal": "Enregistrer comme global",
+    "styleModifiedHeader": "Ce style a été modifié",
+    "applyChangesToAll": "Appliquer les modifications à tous les « {{role}} » sur le site",
+    "resetToDefault": "Réinitialiser par défaut",
+    "editTextStyles": "Modifier les styles de texte",
+    "textStyleActionsAriaLabel": "Actions de style de texte"
   },
   "textAreaField": {
     "maxLimitReached": "Vous avez atteint la limite maximale de caractères autorisés"
@@ -1904,6 +1911,16 @@
     "headings": "En-têtes",
     "paragraphs": "Paragraphes",
     "buttons": "Boutons",
+    "heading1": "En-tête 1",
+    "heading2": "En-tête 2",
+    "heading3": "En-tête 3",
+    "heading4": "En-tête 4",
+    "heading5": "En-tête 5",
+    "heading6": "En-tête 6",
+    "paragraph1": "Paragraphe 1",
+    "paragraph2": "Paragraphe 2",
+    "paragraph3": "Paragraphe 3",
+    "button": "Texte du bouton",
     "premium": "Premium",
     "buttonBorderColor": "Couleur de bordure du bouton",
     "buttonFillColor": "Couleur de remplissage du bouton",
@@ -1918,7 +1935,9 @@
     "hideBrandCrowdLogo": "Cacher le logo BrandCrowd",
     "styleTitle": "Style",
     "buttonStyleTitle": "Style de bouton",
-    "textStyleTitle": "Style de texte"
+    "styleDescription": "Personnalisez les couleurs, les styles de texte et d'autres paramètres de conception sur votre site",
+    "textStyleTitle": "Style de texte",
+    "sizeOrderWarning": "Certaines tailles de texte ne sont pas dans le bon ordre. Un en-tête ou un paragraphe ne doit pas être plus grand que celui qui le précède."
   },
   "templateSettings": {
     "searchPlaceholder": "Rechercher",

package/src/bundles/bundled-translations.fr-FR.json

@@ -1778,7 +1778,14 @@
     "style": "Style",
     "alignment": "Alignement",
     "color": "Couleur",
-    "backgroundColor": "Couleur d’arrière-plan"
+    "backgroundColor": "Couleur d’arrière-plan",
+    "resetToGlobal": "Réinitialiser au global",
+    "saveToGlobal": "Enregistrer comme global",
+    "styleModifiedHeader": "Ce style a été modifié",
+    "applyChangesToAll": "Appliquer les modifications à tous les « {{role}} » sur le site",
+    "resetToDefault": "Réinitialiser par défaut",
+    "editTextStyles": "Modifier les styles de texte",
+    "textStyleActionsAriaLabel": "Actions de style de texte"
   },
   "textAreaField": {
     "maxLimitReached": "Vous avez atteint la limite maximale de caractères autorisés"
@@ -1904,6 +1911,16 @@
     "headings": "En-têtes",
     "paragraphs": "Paragraphes",
     "buttons": "Boutons",
+    "heading1": "En-tête 1",
+    "heading2": "En-tête 2",
+    "heading3": "En-tête 3",
+    "heading4": "En-tête 4",
+    "heading5": "En-tête 5",
+    "heading6": "En-tête 6",
+    "paragraph1": "Paragraphe 1",
+    "paragraph2": "Paragraphe 2",
+    "paragraph3": "Paragraphe 3",
+    "button": "Texte du bouton",
     "premium": "Premium",
     "buttonBorderColor": "Couleur de bordure du bouton",
     "buttonFillColor": "Couleur de remplissage du bouton",
@@ -1918,7 +1935,9 @@
     "hideBrandCrowdLogo": "Cacher le logo BrandCrowd",
     "styleTitle": "Style",
     "buttonStyleTitle": "Style de bouton",
-    "textStyleTitle": "Style de texte"
+    "styleDescription": "Personnalisez les couleurs, les styles de texte et d'autres paramètres de conception sur votre site",
+    "textStyleTitle": "Style de texte",
+    "sizeOrderWarning": "Certaines tailles de texte ne sont pas dans le bon ordre. Un en-tête ou un paragraphe ne doit pas être plus grand que celui qui le précède."
   },
   "templateSettings": {
     "searchPlaceholder": "Rechercher",

package/src/bundles/bundled-translations.json

@@ -1778,7 +1778,14 @@
     "style": "Style",
     "alignment": "Alignment",
     "color": "Color",
-    "backgroundColor": "Background Color"
+    "backgroundColor": "Background Color",
+    "resetToGlobal": "Reset to Global",
+    "saveToGlobal": "Save to Global",
+    "styleModifiedHeader": "This style has been modified",
+    "applyChangesToAll": "Apply changes to all '{{role}}' across the site",
+    "resetToDefault": "Reset to default",
+    "editTextStyles": "Edit Text Styles",
+    "textStyleActionsAriaLabel": "Text style actions"
   },
   "textAreaField": {
     "maxLimitReached": "You have reached your maximum limit of characters allowed"
@@ -1904,6 +1911,16 @@
     "headings": "Headings",
     "paragraphs": "Paragraphs",
     "buttons": "Buttons",
+    "heading1": "Heading 1",
+    "heading2": "Heading 2",
+    "heading3": "Heading 3",
+    "heading4": "Heading 4",
+    "heading5": "Heading 5",
+    "heading6": "Heading 6",
+    "paragraph1": "Paragraph 1",
+    "paragraph2": "Paragraph 2",
+    "paragraph3": "Paragraph 3",
+    "button": "Button text",
     "premium": "Premium",
     "buttonBorderColor": "Button border color",
     "buttonFillColor": "Button fill color",
@@ -1918,7 +1935,9 @@
     "hideBrandCrowdLogo": "Hide BrandCrowd logo",
     "styleTitle": "Style",
     "buttonStyleTitle": "Button style",
-    "textStyleTitle": "Text style"
+    "styleDescription": "Customize colors, text styles, and other design settings across your site.",
+    "textStyleTitle": "Text Style",
+    "sizeOrderWarning": "Some text sizes are out of order. A heading or paragraph shouldn't be larger than the one above it."
   },
   "templateSettings": {
     "searchPlaceholder": "Search",

package/src/bundles/bundled-translations.pt-BR.json

@@ -1778,7 +1778,14 @@
     "style": "Estilo",
     "alignment": "Alinhamento",
     "color": "Cor",
-    "backgroundColor": "Cor de fundo"
+    "backgroundColor": "Cor de fundo",
+    "resetToGlobal": "Redefinir para global",
+    "saveToGlobal": "Salvar como global",
+    "styleModifiedHeader": "Este estilo foi modificado",
+    "applyChangesToAll": "Aplicar alterações a todos os '{{role}}' no site",
+    "resetToDefault": "Redefinir para o padrão",
+    "editTextStyles": "Editar estilos de texto",
+    "textStyleActionsAriaLabel": "Ações de estilo de texto"
   },
   "textAreaField": {
     "maxLimitReached": "Você atingiu o limite máximo de caracteres permitido"
@@ -1904,6 +1911,16 @@
     "headings": "Subtítulos",
     "paragraphs": "Parágrafos",
     "buttons": "Botões",
+    "heading1": "Subtítulo 1",
+    "heading2": "Subtítulo 2",
+    "heading3": "Subtítulo 3",
+    "heading4": "Subtítulo 4",
+    "heading5": "Subtítulo 5",
+    "heading6": "Subtítulo 6",
+    "paragraph1": "Parágrafo 1",
+    "paragraph2": "Parágrafo 2",
+    "paragraph3": "Parágrafo 3",
+    "button": "Texto do botão",
     "premium": "Premium",
     "buttonBorderColor": "Cor da borda do botão",
     "buttonFillColor": "Cor de preenchimento do botão",
@@ -1918,7 +1935,9 @@
     "hideBrandCrowdLogo": "Ocultar o logotipo do BrandCrowd",
     "styleTitle": "Estilo",
     "buttonStyleTitle": "Estilo do botão",
-    "textStyleTitle": "Tipo de texto"
+    "styleDescription": "Personalizar as cores, os estilos de texto e outras configurações de design em todo o site",
+    "textStyleTitle": "Tipo de texto",
+    "sizeOrderWarning": "Alguns tamanhos de texto estão fora de ordem. Um subtítulo ou parágrafo não deve ser maior que o que está acima dele."
   },
   "templateSettings": {
     "searchPlaceholder": "Pesquisar",