get-layer-string.mjs

Enable keyboard shortcuts

/* This Source Code Form is subject to the terms of the Mozilla Public

 * License, v. 2.0. If a copy of the MPL was not distributed with this

 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

import { OVERRIDE_IDENTIFIERS } from "../general/override-identifiers.mjs";

export const getLayerString = () => {

  const themeLayers = [

    "tokens-foundation",

    "tokens-browser-theme",

    "tokens-foundation-brand",

];

  const accessibilityLayers = [

    "tokens-prefers-contrast",

    "tokens-forced-colors",

];

  const themeLayersWithOverrides = [

    ...themeLayers,

    ...OVERRIDE_IDENTIFIERS.flatMap(({ id }) =>

      themeLayers.map(layer => `${layer}-${id}`)

),

];

  const accessibilityLayersWithOverrides = accessibilityLayers.flatMap(

    layer => [layer, ...OVERRIDE_IDENTIFIERS.map(({ id }) => `${layer}-${id}`)]

);

  const layers = [

    ...themeLayersWithOverrides,

    ...accessibilityLayersWithOverrides,

];

  return `@layer ${layers.join(", ")};\n\n`;

};