@morphemecms/cms 0.12.0 → 0.13.0-next-20261106203613

package/defaults/colors.ts

@@ -1,89 +1,89 @@
-// A site's colours under "Indstillinger › Farver" (packages/editor/src/Colors.tsx): the colours there
+// A site's colors under "Settings › Colors" (packages/editor/src/Colors.tsx): the colors there
 // are, by their CSS variable in the theme (without "--"), the pairs that must be readable
-// (WCAG AA, checked before a save and before the build), and the colours a site has until it is given its own
-// ("Brug standardfarverne"), and the Material colour role each takes when they are made from one source
-// colour (dynamic colour, @morphemecms/cms/lib/dynamic-colors.ts). The colours themselves are in
+// (WCAG AA, checked before a save and before the build), and the colors a site has until it is given its own
+// ("Use standard colors"), and the Material color role each takes when they are made from one source
+// color (dynamic color, @morphemecms/cms/lib/dynamic-colors.ts). The colors themselves are in
 // src/data/colors.json (config.colors).
 import type { ColorPair, Colors } from '../lib/colors';
 import { dynamicColors, type ColorRoles } from '../lib/dynamic-colors';
 
-/** The colours, in the order they are shown, with what they are used for. */
+/** The colors, in the order they are shown, with what they are used for. */
 export const colorFields: { name: string; label: string; hint: string }[] = [
-  { name: 'bg', label: 'Baggrund', hint: 'Bag hele siden.' },
-  { name: 'surface', label: 'Flader', hint: 'Kort, felter og menuer.' },
-  { name: 'surface-container-lowest', label: 'Flade (lavest)', hint: 'Flader med mindst vægt.' },
-  { name: 'surface-container-low', label: 'Flade (lav)', hint: 'Kort med skygge, blokke og ark.' },
-  { name: 'surface-container', label: 'Flade (mellem)', hint: 'Menuer og bjælker.' },
-  { name: 'surface-container-high', label: 'Flade (høj)', hint: 'Dialoger og søgefeltet.' },
-  { name: 'surface-container-highest', label: 'Flade (højest)', hint: 'Udfyldte kort, felter og kontakter.' },
-  { name: 'inverse-surface', label: 'Omvendt flade', hint: 'Beskeder nederst og korte tooltips.' },
-  { name: 'inverse-on-surface', label: 'Tekst på omvendt flade', hint: 'Teksten og ikonerne på den omvendte flade.' },
-  { name: 'inverse-primary', label: 'Accentfarve på omvendt flade', hint: 'Knapperne på beskederne nederst.' },
-  { name: 'tint', label: 'Lys farve', hint: 'Lyse bokse og markeringer.' },
-  { name: 'ink', label: 'Tekst', hint: 'Al almindelig tekst og overskrifter.' },
-  { name: 'muted', label: 'Stille tekst', hint: 'Undertekster, datoer og noter.' },
-  { name: 'line', label: 'Streger', hint: 'Skillelinjer og kanten om kort.' },
-  { name: 'outline', label: 'Kanter', hint: 'Kanten om felter, knapper og chips.' },
-  { name: 'accent', label: 'Accentfarve', hint: 'Knapper, links, ikoner og logoet.' },
-  { name: 'accent-hover', label: 'Accentfarve under musen', hint: 'En knap, musen er over: lidt mørkere (i mørk tilstand lysere).' },
-  { name: 'on-accent', label: 'Tekst på accentfarven', hint: 'Teksten på knapperne.' },
-  { name: 'accent-container', label: 'Lys accentfarve', hint: 'Knapper og flader i en lys udgave af accentfarven.' },
-  { name: 'on-accent-container', label: 'Tekst på lys accentfarve', hint: 'Teksten og ikonerne på den lyse accentfarve.' },
-  { name: 'secondary', label: 'Sekundær farve', hint: 'Knapper i en anden farve end accentfarven.' },
-  { name: 'on-secondary', label: 'Tekst på sekundær farve', hint: 'Teksten og ikonerne på den sekundære farve.' },
-  { name: 'secondary-container', label: 'Lys sekundær farve', hint: 'Knapper og flader i en lys udgave af den sekundære farve.' },
-  { name: 'on-secondary-container', label: 'Tekst på lys sekundær farve', hint: 'Teksten og ikonerne på den lyse sekundære farve.' },
-  { name: 'tertiary', label: 'Tertiær farve', hint: 'Knapper i en tredje farve, der skiller sig ud fra de to andre.' },
-  { name: 'on-tertiary', label: 'Tekst på tertiær farve', hint: 'Teksten og ikonerne på den tertiære farve.' },
-  { name: 'tertiary-container', label: 'Lys tertiær farve', hint: 'Knapper og flader i en lys udgave af den tertiære farve.' },
-  { name: 'on-tertiary-container', label: 'Tekst på lys tertiær farve', hint: 'Teksten og ikonerne på den lyse tertiære farve.' },
-  { name: 'error', label: 'Fejlfarve', hint: 'Fejl i felter og mærker.' },
-  { name: 'on-error', label: 'Tekst på fejlfarven', hint: 'Teksten og ikonerne på fejlfarven.' },
-  { name: 'error-container', label: 'Lys fejlfarve', hint: 'Flader i en lys udgave af fejlfarven.' },
-  { name: 'on-error-container', label: 'Tekst på lys fejlfarve', hint: 'Teksten og ikonerne på den lyse fejlfarve.' },
+  { name: 'bg', label: 'Background', hint: 'Behind the whole page.' },
+  { name: 'surface', label: 'Surfaces', hint: 'Cards, fields, and menus.' },
+  { name: 'surface-container-lowest', label: 'Surface (lowest)', hint: 'Surfaces with the least emphasis.' },
+  { name: 'surface-container-low', label: 'Surface (low)', hint: 'Cards with a shadow, blocks, and sheets.' },
+  { name: 'surface-container', label: 'Surface (medium)', hint: 'Menus and bars.' },
+  { name: 'surface-container-high', label: 'Surface (high)', hint: 'Dialogs and the search field.' },
+  { name: 'surface-container-highest', label: 'Surface (highest)', hint: 'Filled cards, fields, and switches.' },
+  { name: 'inverse-surface', label: 'Inverse surface', hint: 'Messages at the bottom and short tooltips.' },
+  { name: 'inverse-on-surface', label: 'Text on inverse surface', hint: 'The text and icons on the inverse surface.' },
+  { name: 'inverse-primary', label: 'Accent color on inverse surface', hint: 'The buttons on the messages at the bottom.' },
+  { name: 'tint', label: 'Light color', hint: 'Light boxes and highlights.' },
+  { name: 'ink', label: 'Text', hint: 'All regular text and headings.' },
+  { name: 'muted', label: 'Muted text', hint: 'Subtitles, dates, and notes.' },
+  { name: 'line', label: 'Lines', hint: 'Dividers and the edge around cards.' },
+  { name: 'outline', label: 'Outlines', hint: 'The edge around fields, buttons, and chips.' },
+  { name: 'accent', label: 'Accent color', hint: 'Buttons, links, icons, and the logo.' },
+  { name: 'accent-hover', label: 'Accent color on hover', hint: 'A button the pointer is over: a little darker (lighter in dark mode).' },
+  { name: 'on-accent', label: 'Text on accent color', hint: 'The text on the buttons.' },
+  { name: 'accent-container', label: 'Light accent color', hint: 'Buttons and surfaces in a light version of the accent color.' },
+  { name: 'on-accent-container', label: 'Text on light accent color', hint: 'The text and icons on the light accent color.' },
+  { name: 'secondary', label: 'Secondary color', hint: 'Buttons in a different color than the accent color.' },
+  { name: 'on-secondary', label: 'Text on secondary color', hint: 'The text and icons on the secondary color.' },
+  { name: 'secondary-container', label: 'Light secondary color', hint: 'Buttons and surfaces in a light version of the secondary color.' },
+  { name: 'on-secondary-container', label: 'Text on light secondary color', hint: 'The text and icons on the light secondary color.' },
+  { name: 'tertiary', label: 'Tertiary color', hint: 'Buttons in a third color that stands out from the other two.' },
+  { name: 'on-tertiary', label: 'Text on tertiary color', hint: 'The text and icons on the tertiary color.' },
+  { name: 'tertiary-container', label: 'Light tertiary color', hint: 'Buttons and surfaces in a light version of the tertiary color.' },
+  { name: 'on-tertiary-container', label: 'Text on light tertiary color', hint: 'The text and icons on the light tertiary color.' },
+  { name: 'error', label: 'Error color', hint: 'Errors in fields and badges.' },
+  { name: 'on-error', label: 'Text on error color', hint: 'The text and icons on the error color.' },
+  { name: 'error-container', label: 'Light error color', hint: 'Surfaces in a light version of the error color.' },
+  { name: 'on-error-container', label: 'Text on light error color', hint: 'The text and icons on the light error color.' },
 ];
 
 /** The text and its background that must be readable, in both modes. */
 export const colorPairs: ColorPair[] = [
-  { text: 'ink', on: 'bg', what: 'Teksten på baggrunden' },
-  { text: 'ink', on: 'surface', what: 'Teksten på flader' },
-  { text: 'ink', on: 'tint', what: 'Teksten i lyse bokse' },
-  { text: 'muted', on: 'bg', what: 'Den stille tekst på baggrunden' },
-  { text: 'muted', on: 'surface', what: 'Den stille tekst på flader' },
-  { text: 'muted', on: 'tint', what: 'Den stille tekst i lyse bokse' },
-  { text: 'ink', on: 'surface-container-lowest', what: 'Teksten på den laveste flade' },
-  { text: 'ink', on: 'surface-container-low', what: 'Teksten på den lave flade' },
-  { text: 'ink', on: 'surface-container', what: 'Teksten på den mellemste flade' },
-  { text: 'ink', on: 'surface-container-high', what: 'Teksten på den høje flade' },
-  { text: 'ink', on: 'surface-container-highest', what: 'Teksten på den højeste flade' },
-  { text: 'muted', on: 'surface-container-lowest', what: 'Den stille tekst på den laveste flade' },
-  { text: 'muted', on: 'surface-container-low', what: 'Den stille tekst på den lave flade' },
-  { text: 'muted', on: 'surface-container', what: 'Den stille tekst på den mellemste flade' },
-  { text: 'muted', on: 'surface-container-high', what: 'Den stille tekst på den høje flade' },
-  { text: 'muted', on: 'surface-container-highest', what: 'Den stille tekst på den højeste flade' },
-  { text: 'accent', on: 'bg', what: 'Links på baggrunden' },
-  { text: 'accent', on: 'surface', what: 'Links på flader' },
-  { text: 'accent', on: 'tint', what: 'Accentfarven i lyse bokse' },
-  { text: 'accent', on: 'surface-container-low', what: 'Links på den lave flade' },
-  { text: 'on-accent', on: 'accent', what: 'Teksten på knapperne' },
-  { text: 'on-accent', on: 'accent-hover', what: 'Teksten på knapperne under musen' },
-  { text: 'on-accent-container', on: 'accent-container', what: 'Teksten på den lyse accentfarve' },
-  { text: 'on-secondary', on: 'secondary', what: 'Teksten på den sekundære farve' },
-  { text: 'on-secondary-container', on: 'secondary-container', what: 'Teksten på den lyse sekundære farve' },
-  { text: 'on-tertiary', on: 'tertiary', what: 'Teksten på den tertiære farve' },
-  { text: 'on-tertiary-container', on: 'tertiary-container', what: 'Teksten på den lyse tertiære farve' },
-  { text: 'error', on: 'bg', what: 'Fejl på baggrunden' },
-  { text: 'error', on: 'surface-container-highest', what: 'Fejl i udfyldte felter' },
-  { text: 'on-error', on: 'error', what: 'Teksten på fejlfarven' },
-  { text: 'on-error-container', on: 'error-container', what: 'Teksten på den lyse fejlfarve' },
-  { text: 'inverse-on-surface', on: 'inverse-surface', what: 'Teksten på den omvendte flade' },
-  { text: 'inverse-primary', on: 'inverse-surface', what: 'Knapperne på den omvendte flade' },
+  { text: 'ink', on: 'bg', what: 'Text on the background' },
+  { text: 'ink', on: 'surface', what: 'Text on surfaces' },
+  { text: 'ink', on: 'tint', what: 'Text in light boxes' },
+  { text: 'muted', on: 'bg', what: 'Muted text on the background' },
+  { text: 'muted', on: 'surface', what: 'Muted text on surfaces' },
+  { text: 'muted', on: 'tint', what: 'Muted text in light boxes' },
+  { text: 'ink', on: 'surface-container-lowest', what: 'Text on the lowest surface' },
+  { text: 'ink', on: 'surface-container-low', what: 'Text on the low surface' },
+  { text: 'ink', on: 'surface-container', what: 'Text on the medium surface' },
+  { text: 'ink', on: 'surface-container-high', what: 'Text on the high surface' },
+  { text: 'ink', on: 'surface-container-highest', what: 'Text on the highest surface' },
+  { text: 'muted', on: 'surface-container-lowest', what: 'Muted text on the lowest surface' },
+  { text: 'muted', on: 'surface-container-low', what: 'Muted text on the low surface' },
+  { text: 'muted', on: 'surface-container', what: 'Muted text on the medium surface' },
+  { text: 'muted', on: 'surface-container-high', what: 'Muted text on the high surface' },
+  { text: 'muted', on: 'surface-container-highest', what: 'Muted text on the highest surface' },
+  { text: 'accent', on: 'bg', what: 'Links on the background' },
+  { text: 'accent', on: 'surface', what: 'Links on surfaces' },
+  { text: 'accent', on: 'tint', what: 'The accent color in light boxes' },
+  { text: 'accent', on: 'surface-container-low', what: 'Links on the low surface' },
+  { text: 'on-accent', on: 'accent', what: 'Text on buttons' },
+  { text: 'on-accent', on: 'accent-hover', what: 'Text on buttons on hover' },
+  { text: 'on-accent-container', on: 'accent-container', what: 'Text on the light accent color' },
+  { text: 'on-secondary', on: 'secondary', what: 'Text on the secondary color' },
+  { text: 'on-secondary-container', on: 'secondary-container', what: 'Text on the light secondary color' },
+  { text: 'on-tertiary', on: 'tertiary', what: 'Text on the tertiary color' },
+  { text: 'on-tertiary-container', on: 'tertiary-container', what: 'Text on the light tertiary color' },
+  { text: 'error', on: 'bg', what: 'Errors on the background' },
+  { text: 'error', on: 'surface-container-highest', what: 'Errors in filled fields' },
+  { text: 'on-error', on: 'error', what: 'Text on the error color' },
+  { text: 'on-error-container', on: 'error-container', what: 'Text on the light error color' },
+  { text: 'inverse-on-surface', on: 'inverse-surface', what: 'Text on the inverse surface' },
+  { text: 'inverse-primary', on: 'inverse-surface', what: 'Buttons on the inverse surface' },
 ];
 
-/** The Material colour role of each colour, for dynamic colour: the page on Material's surface, cards a step
+/** The Material color role of each color, for dynamic color: the page on Material's surface, cards a step
  * lighter (white in light mode), the light boxes on a higher container, so text and links can be read on them at
- * every contrast level, Material's surface containers, inverse colours, outline and error colours as themselves (the
- * theme's parts take them, as Material 3's do), buttons and links in the primary colour, and the other colours of the scheme (Material 3's
+ * every contrast level, Material's surface containers, inverse colors, outline and error colors as themselves (the
+ * theme's parts take them, as Material 3's do), buttons and links in the primary color, and the other colors of the scheme (Material 3's
  * containers, secondary and tertiary: the FABs and their menus) as their own roles. */
 export const colorRoles: ColorRoles = {
   bg: 'surface',
@@ -120,6 +120,6 @@ export const colorRoles: ColorRoles = {
   'on-error-container': 'onErrorContainer',
 };
 
-/** The colours a site has until it is given its own ("Brug standardfarverne"): Material 3's scheme of a blue (tonal
+/** The colors a site has until it is given its own ("Use standard colors"): Material 3's scheme of a blue (tonal
  * spot), as the app store's pictures are taken with (packages/editor/scripts/app-screenshots.mjs). */
 export const defaultColors: Colors = dynamicColors({ source: '#1a73e8', variant: 'tonalSpot', contrast: 'standard' }, colorRoles);

package/defaults/company.ts

@@ -1,18 +1,18 @@
-// "Virksomheden": the business, in parts, each a screen of its own (CompanyForm.tsx): its phone, e-mail and address
-// (src/data/contact.json) and its bank details (src/data/payment.json, under "Betaling", where a site may add its
+// "Business": the business, in parts, each a screen of its own (CompanyForm.tsx): its phone, e-mail and address
+// (src/data/contact.json) and its bank details (src/data/payment.json, under "Payment", where a site may add its
 // other ways to pay, and where the settings of the apps installed that are a way to pay come after, as MobilePay's),
 // used all over the site; and its social media (src/data/social.json): the profiles and the post's share buttons.
-// The logo and the icon are under "Udseende" (BrandForm.tsx); the link to the calendar in Calendly is the app Calendly's (morpheme-apps/apps/calendly/).
+// The logo and the icon are under "Appearance" (BrandForm.tsx); the link to the calendar in Calendly is the app Calendly's (morpheme-apps/apps/calendly/).
 import { AddressBook, Bank, CreditCard, ShareNetwork } from '@phosphor-icons/react';
 import type { Part } from '../src/schema';
 import { bankFields, contactFields, socialFields } from '@site/collections';
 
-/** The parts of "Virksomheden", in their order, at #virksomheden/<id> ("Betaling"'s at #virksomheden/betaling/<id>). */
+/** The parts of "Business", in their order, at #company/<id> ("Payment"'s at #company/payment/<id>). */
 export const companyParts: Part[] = [
-  { id: 'kontakt', label: 'Kontakt', icon: AddressBook, file: 'src/data/contact.json', fields: contactFields },
+  { id: 'contact', label: 'Contact', icon: AddressBook, file: 'src/data/contact.json', fields: contactFields },
   {
-    id: 'sociale-medier',
-    label: 'Sociale medier',
+    id: 'social-media',
+    label: 'Social media',
     icon: ShareNetwork,
     file: 'src/data/social.json',
     fields: socialFields,
@@ -20,8 +20,8 @@ export const companyParts: Part[] = [
     defaults: { shareFacebook: true, shareX: true, shareLinkedin: true, sharePinterest: true, shareCopyLink: true },
   },
   {
-    id: 'betaling',
-    label: 'Betaling',
+    id: 'payment',
+    label: 'Payment',
     icon: CreditCard,
     apps: ['payment'],
     parts: [{ id: 'bank', label: 'Bank', icon: Bank, file: 'src/data/payment.json', fields: bankFields }],

package/defaults/editor.ts

@@ -4,20 +4,20 @@
 // may take the standard one from @morphemecms/cms/defaults/<file> and add its own.
 //   collections   the parts of the site and their fields (collections.ts)
 //   groups, settings, lists, header, icons   the menu and the start screen
-//   appearance    the site's own parts under "Udseende", after the logo and icon ("Standardsider")
-//   companyParts, blockParts   the screens under "Virksomheden" and "Blokke" (company.ts, blockTexts.ts)
+//   appearance    the site's own parts under "Appearance", after the logo and icon ("Default pages")
+//   companyParts, blockParts   the screens under "Business" and "Blocks" (company.ts, blockTexts.ts)
 //   partScreens   parts of the start screen that are screens with parts of their own (privacy.ts)
-//   seoParts      the site's own parts under "Søgemaskineoptimering" (#seo/<id>), in the menu under "Indhold" (internalLinks.ts)
+//   seoParts      the site's own parts under "Search engine optimization" (#seo/<id>), in the menu under "Content" (internalLinks.ts)
 //   relationsOf, usedBy, keptBy   what a field picks from, what cannot be deleted, and what cannot be saved so (rules.ts)
 //   siteProblems  what is wrong by the site's own rules, before it is built (rules.ts)
-//   usesOf, countsOf   the places that use an entry (a tag's "Bruges på") and their number at it in its list (rules.ts)
+//   usesOf, countsOf   the places that use an entry (a tag's "Used on") and their number at it in its list (rules.ts)
 //   testimonialsOf             the testimonials the blocks show (rules.ts)
 //   siteOf        what the blocks' previews show from the rest of the site (sitedata.ts)
 //   fixedPages, everyFixedPage   how the front page's sections look in the editor (the theme's editor/previews.tsx)
 //   sectionLooks, headingLooks   how the text of the front page looks in the editor (the theme's editor/looks.mjs)
 //   standardPages, standardPaths, frontLeads   the front page, the blog page, the 404 page and the others, and how the front page is
 //                 written (standardPages.ts)
-//   colorFields, colorPairs, colorRoles, defaultColors   the colours under "Farver" and their Material roles (colors.ts)
+//   colorFields, colorPairs, colorRoles, defaultColors   the colors under "Colors" and their Material roles (colors.ts)
 //   siteName      the title of the start screen and the way back to it
 //   sharing       what a page shared on social media shows when it has nothing of its own (Base.astro)
 import {
@@ -67,7 +67,7 @@ export { config };
 import { collections, standardPageFieldsOf } from '@site/collections';
 import { drawActionBar, drawPopup } from '@site/popup';
 
-// A pop-up and an action bar ("Promovering") drawn beside their form (popup.tsx), and an app's kind with a
+// A pop-up and an action bar ("Promotion") drawn beside their form (popup.tsx), and an app's kind with a
 // part in the pop-up's box (Mailchimp's signup: drawPart; an app's other kinds have their own drawing). Set here, as
 // collections.ts is also read by packages/editor/scripts/editor-roundtrip.mjs in plain Node, which cannot read JSX.
 const promotions = collections.find((c) => c.id === 'popups');
@@ -85,20 +85,20 @@ export { HEADINGS as headingLooks, LOOKS as sectionLooks } from '@theme/editor/l
 export { frontLeads, standardPages, standardPaths, type StandardPage } from '@site/standardPages';
 export { colorFields, colorPairs, colorRoles, defaultColors } from '@site/colors';
 
-/** Parts of the start screen that are a screen with parts, each a screen of its own: "Privatliv" (privacy.ts). The
+/** Parts of the start screen that are a screen with parts, each a screen of its own: "Privacy" (privacy.ts). The
  * settings of the apps, also those that measure (Google Analytics …) or add a kind of promotion (Calendly, Mailchimp),
  * are on their own app pages under "Apps" (AppList.tsx settingsRoute). */
 export const partScreens: PartScreen[] = [privacy];
 
-/** The site's own parts under "Søgemaskineoptimering", each a screen of its own at #seo/<id>, after the editor's
- * "Videresendelser": "Interne links" (internalLinks.ts). */
+/** The site's own parts under "Search engine optimization", each a screen of its own at #seo/<id>, after the editor's
+ * "Redirects": "Internal links" (internalLinks.ts). */
 export const seoParts = [internalLinks];
 
 /** The title of the start screen, and of the way back to it on every other screen. */
 export const siteName = site.name;
 
 /** What a page shared on social media shows when it has nothing of its own (Base.astro): the site's name after its
- * title, its description and its picture (the owner's, config.picture). For the preview under "Sociale medier" (sharedAs in seo.ts). */
+ * title, its description and its picture (the owner's, config.picture). For the preview under "Social media" (sharedAs in seo.ts). */
 export const sharing = { name: site.name, description: site.description, picture: site.portrait };
 
 /** The icon of each part on the start screen and in the sidebar, by its id. */
@@ -108,45 +108,45 @@ export const icons: Record<string, Icon> = {
   pages: FileText,
   header: Browser,
   menu: ListIcon,
-  mobilmenu: DeviceMobile,
-  kategorier: Tag,
+  'mobile-menu': DeviceMobile,
+  tags: Tag,
   popups: Megaphone,
-  virksomheden: Buildings,
+  company: Buildings,
   // The sections of the main menu that are not also a part.
-  indhold: Article,
-  globalt: GlobeSimple,
-  indstillinger: GearSix,
-  blokke: SquaresFour,
-  filer: FolderSimple,
-  privatliv: ShieldCheck,
-  lister: ListChecks,
+  content: Article,
+  global: GlobeSimple,
+  settings: GearSix,
+  blocks: SquaresFour,
+  files: FolderSimple,
+  privacy: ShieldCheck,
+  lists: ListChecks,
   footer: SquareHalfBottom,
   seo: MagnifyingGlass,
-  videresendelser: Signpost,
-  udseende: PaintBrushBroad,
-  blokvalg: ToggleRight,
+  redirects: Signpost,
+  appearance: PaintBrushBroad,
+  'block-settings': ToggleRight,
   apps: PuzzlePiece,
   appstore: Storefront,
   morpheme: Sparkle,
-  avanceret: Wrench,
-  licenser: Certificate,
-  // The screens under "Udseende" (Library.tsx Theme).
-  temaer: Swatches,
-  farver: Palette,
+  advanced: Wrench,
+  licenses: Certificate,
+  // The screens under "Appearance" (Library.tsx Theme).
+  themes: Swatches,
+  colors: Palette,
   logo: Sticker,
-  ikonpakker: Smiley,
-  bevaegelse: WaveSine,
-  sidekolonne: SidebarSimple,
-  dele: Shapes,
+  'icon-packs': Smiley,
+  motion: WaveSine,
+  'side-column': SidebarSimple,
+  parts: Shapes,
 };
 
-/** The site's own parts under "Udseende" (#udseende), after the logo and icon, each a screen of its own at #udseende/<id>:
- * "Standardsider", which pages are the front page, the blog page, the 404 page and the contact page, as a list
- * (standardPageFieldsOf in collections.ts; the privacy policy and the cookie policy are under "Privatliv", privacy.ts). */
+/** The site's own parts under "Appearance" (#appearance), after the logo and icon, each a screen of its own at #appearance/<id>:
+ * "Default pages", which pages are the front page, the blog page, the 404 page and the contact page, as a list
+ * (standardPageFieldsOf in collections.ts; the privacy policy and the cookie policy are under "Privacy", privacy.ts). */
 export const appearance: Part[] = [
   {
-    id: 'standardsider',
-    label: 'Standardsider',
+    id: 'default-pages',
+    label: 'Default pages',
     icon: House,
     file: config.standardPages,
     fields: standardPageFieldsOf('front', 'blog', 'notFound', 'contact'),
@@ -154,44 +154,44 @@ export const appearance: Part[] = [
   },
 ];
 
-// The editor's menu: eight sections in a fixed order, shown in the order written here, never A–Å. "Oversigt" is a link to the
+// The editor's menu: eight sections in a fixed order, shown in the order written here, never A–Z. "Dashboard" is a link to the
 // start screen (`href`) without a list; the others have a list of parts, each an id: the content the owner writes and
-// uploads ("Indhold": the pages, the blog, the short lists, the pop-ups, the tags, the files, "interne-links" (seoParts)
-// and "videresendelser", Redirects.tsx), what is on every page ("Globalt": the header with the menus, the footer and
-// "Virksomheden": name, contact and booking), the apps ("Apps": the apps that come with the site, src/apps/, AppList.tsx,
-// and "appstore"), the blocks ("Blokke": their shared texts, and "Blokvalg", which of them can be put in), how the site
-// looks ("Udseende": the theme, the icon packs, the motion, the side column (SideColumn.tsx), the colours, the logo and icon, the standard pages
-// (appearance) and the editor's parts: Colors.tsx, BrandForm.tsx and Parts.tsx), the parts of "Privatliv" (privacy.ts)
-// and the settings of the whole site ("Indstillinger").
-// Each part is a collection (collections.ts), except those named above, "privatliv"'s (partScreens) and the editor's own
-// "virksomheden" (companyParts), "blokke" (blockParts), "filer" (the pictures, PDFs, videos and zip files), "header", "lister"
-// and "blokvalg" (BlockSettings.tsx).
-const settingsIds = ['morpheme', 'avanceret'];
+// uploads ("Content": the pages, the blog, the short lists, the pop-ups, the tags, the files, "internal links" (seoParts)
+// and "redirects", Redirects.tsx), what is on every page ("Globals": the header with the menus, the footer and
+// "Business": name, contact and booking), the apps ("Apps": the apps that come with the site, src/apps/, AppList.tsx,
+// and "appstore"), the blocks ("Blocks": their shared texts, and "Block selection", which of them can be put in), how the site
+// looks ("Appearance": the theme, the icon packs, the motion, the side column (SideColumn.tsx), the colors, the logo and icon, the standard pages
+// (appearance) and the editor's parts: Colors.tsx, BrandForm.tsx and Parts.tsx), the parts of "Privacy" (privacy.ts)
+// and the settings of the whole site ("Settings").
+// Each part is a collection (collections.ts), except those named above, "privacy"'s (partScreens) and the editor's own
+// "company" (companyParts), "blocks" (blockParts), id files (the pictures, PDFs, videos and zip files), "header", "lists"
+// and "block-settings" (BlockSettings.tsx).
+const settingsIds = ['morpheme', 'advanced'];
 export const groups: { id: string; title: string; href?: string; ids: string[] }[] = [
-  { id: 'home', title: 'Oversigt', href: '#', ids: [] },
+  { id: 'home', title: 'Dashboard', href: '#', ids: [] },
   {
-    id: 'indhold',
-    title: 'Indhold',
-    ids: ['pages', 'blog', 'lister', 'popups', 'kategorier', 'filer', internalLinks.id, 'videresendelser'],
+    id: 'content',
+    title: 'Content',
+    ids: ['pages', 'blog', 'lists', 'popups', 'tags', 'files', internalLinks.id, 'redirects'],
   },
-  { id: 'globalt', title: 'Globalt', ids: ['header', 'footer', 'virksomheden'] },
+  { id: 'global', title: 'Globals', ids: ['header', 'footer', 'company'] },
   { id: 'apps', title: 'Apps', ids: ['apps', 'appstore'] },
-  { id: 'blokke', title: 'Blokke', ids: ['blokke', 'blokvalg'] },
+  { id: 'blocks', title: 'Blocks', ids: ['blocks', 'block-settings'] },
   {
-    id: 'udseende',
-    title: 'Udseende',
-    ids: ['temaer', 'ikonpakker', 'bevaegelse', 'sidekolonne', 'farver', 'logo', ...appearance.map((p) => p.id), 'dele'],
+    id: 'appearance',
+    title: 'Appearance',
+    ids: ['themes', 'icon-packs', 'motion', 'side-column', 'colors', 'logo', ...appearance.map((p) => p.id), 'parts'],
   },
-  { id: 'privatliv', title: 'Privatliv', ids: privacy.parts.map((p) => p.id) },
-  { id: 'indstillinger', title: 'Indstillinger', ids: settingsIds },
+  { id: 'privacy', title: 'Privacy', ids: privacy.parts.map((p) => p.id) },
+  { id: 'settings', title: 'Settings', ids: settingsIds },
 ];
 
-/** The settings of the whole site: the ids of the last section, "Indstillinger", written once. */
+/** The settings of the whole site: the ids of the last section, "Settings", written once. */
 export const settings: string[] = settingsIds;
 
-/** The site's own short lists, on a screen of their own under "Lister" (#lister), with those the standard blocks
- * bring ("Udtalelser") and the apps (their lists.ts). */
+/** The site's own short lists, on a screen of their own under "Lists" (#lists), with those the standard blocks
+ * bring ("Testimonials") and the apps (their lists.ts). */
 export const lists: string[] = [];
 
-/** What is in the header on every page, on one screen under "Udseende" › "Header" (#udseende/header, HeaderSettings.tsx). */
-export const header = ['menu', 'mobilmenu', 'headerknap'];
+/** What is in the header on every page, on one screen under "Appearance" › "Header" (#appearance/header, HeaderSettings.tsx). */
+export const header = ['menu', 'mobile-menu', 'header-button'];

package/defaults/i18n/da-DK/blockTexts.ts

@@ -0,0 +1,12 @@
+// The Danish of defaults/blockTexts.ts: its English texts (the keys) in Danish (the values), as the editor
+// showed them before the switch to English. Joined in defaults/i18n/da-DK/index.ts.
+
+export const blockTexts: Record<string, string> = {
+  'Block templates': 'Blokskabeloner',
+  'Book an appointment': 'Book en tid',
+  Heading: 'Overskrift',
+  Text: 'Tekst',
+  'Button text (book)': 'Knaptekst (book)',
+  'Button text (call)': 'Knaptekst (ring)',
+  'The phone number is shown after the text.': 'Telefonnummeret vises efter teksten.',
+};