This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// atoms/grid/index.ts | |
import React from "react"; | |
import { motion, MotionConfig, Transition } from "framer-motion"; | |
import * as theme from "modules/theme"; | |
const Stitch = theme.styled(motion.div, { | |
// base styles | |
display: "grid", |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import clone_deep from "lodash.clonedeep" | |
/** | |
* dicts are homogeneous- their values must be of the same type | |
* records can hold values of different types | |
*/ | |
type t = Record<string, unknown> | object | |
export { clone_deep } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// modules/theme/index.ts | |
// spread the scales in your light and dark themes | |
import { createStitches } from "@stitches/react"; | |
import type * as Stitches from "@stitches/react"; | |
import * as Dict from "shared/dict"; | |
import * as _l from "./literals"; | |
import { Token } from "@stitches/react/types/theme"; |