105 lines
3.1 KiB
TypeScript
105 lines
3.1 KiB
TypeScript
/*
|
|
Copyright 2025 Google LLC
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
https://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
import { ColorPalettes } from "../types/colors.js";
|
|
|
|
export function merge(...classes: Array<Record<string, boolean>>) {
|
|
const styles: Record<string, boolean> = {};
|
|
for (const clazz of classes) {
|
|
for (const [key, val] of Object.entries(clazz)) {
|
|
const prefix = key.split("-").with(-1, "").join("-");
|
|
const existingKeys = Object.keys(styles).filter((key) =>
|
|
key.startsWith(prefix)
|
|
);
|
|
|
|
for (const existingKey of existingKeys) {
|
|
delete styles[existingKey];
|
|
}
|
|
|
|
styles[key] = val;
|
|
}
|
|
}
|
|
|
|
return styles;
|
|
}
|
|
|
|
export function appendToAll(
|
|
target: Record<string, string[]>,
|
|
exclusions: string[],
|
|
...classes: Array<Record<string, boolean>>
|
|
) {
|
|
const updatedTarget: Record<string, string[]> = structuredClone(target);
|
|
// Step through each of the new blocks we've been handed.
|
|
for (const clazz of classes) {
|
|
// For each of the items in the list, create the prefix value, e.g., for
|
|
// typography-f-s reduce to typography-f-. This will allow us to find any
|
|
// and all matches across the target that have the same prefix and swap them
|
|
// out for the updated item.
|
|
for (const key of Object.keys(clazz)) {
|
|
const prefix = key.split("-").with(-1, "").join("-");
|
|
|
|
// Now we have the prefix step through all iteme in the target, and
|
|
// replace the value in the array when we find it.
|
|
for (const [tagName, classesToAdd] of Object.entries(updatedTarget)) {
|
|
if (exclusions.includes(tagName)) {
|
|
continue;
|
|
}
|
|
|
|
let found = false;
|
|
for (let t = 0; t < classesToAdd.length; t++) {
|
|
if (classesToAdd[t].startsWith(prefix)) {
|
|
found = true;
|
|
|
|
// In theory we should be able to break after finding a single
|
|
// entry here because we shouldn't have items with the same prefix
|
|
// in the array, but for safety we'll run to the end of the array
|
|
// and ensure we've captured all possible items with the prefix.
|
|
classesToAdd[t] = key;
|
|
}
|
|
}
|
|
|
|
if (!found) {
|
|
classesToAdd.push(key);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
return updatedTarget;
|
|
}
|
|
|
|
export function createThemeStyles(
|
|
palettes: ColorPalettes
|
|
): Record<string, string> {
|
|
const styles: Record<string, string> = {};
|
|
for (const palette of Object.values(palettes)) {
|
|
for (const [key, val] of Object.entries(palette)) {
|
|
const prop = toProp(key);
|
|
styles[prop] = val;
|
|
}
|
|
}
|
|
|
|
return styles;
|
|
}
|
|
|
|
export function toProp(key: string) {
|
|
if (key.startsWith("nv")) {
|
|
return `--nv-${key.slice(2)}`;
|
|
}
|
|
|
|
return `--${key[0]}-${key.slice(1)}`;
|
|
}
|