kilmc

Battery

How Battery works

The core of Battery is the propertyConfig. These objects configure Battery to recognize valid class names from your Atomic CSS library and then convert them into full CSS classes. Here's an example of a propertyConfig for background-color.

const backgroundColor = {
  property: "background-color",
  propertyIdentifier: "bg",

kilmc

import React, { createContext, useContext } from 'react';

const HeadingLevelContext = createContext<number>(0);
type HTMLTag = keyof JSX.IntrinsicElements;

interface HeadingProps {
  children: React.ReactNode;
  level: 1 | 2 | 3 | 4 | 5 | 6;
}

kilmc

class AnnualLists {
  data() {
    const hasTags = (tags) => tags.flat().length > 0;
    const tagsToObject = (tags) =>
      Object.fromEntries(tags.map((tag) => tag.split(":")));

    return {
      pagination: {
        data: "lists.annual",
        size: 1,