pantoken / css-in-js

css-in-js ​

Փորձարկումային

@pantoken/css-in-js — Instructure թեմայի օբյեկտ runtime CSS-in-JS գրադարանների համար։

Պատշաճում է ցանկացած գրադարանի հետ, որը թեման կկարդա props.theme-ից — Emotion-ը, styled-components-ը և Stitches-ը բոլորը հետևում են այդ կոնվենցիային։ pantokenTheme հանդիսանում է պատրաստի rebrand օբյեկտը, հենված var()-ի վրա, այնպես որ թեթև/մուգ թեմայի փոխանցումը աշխատում է @pantoken/css-ով։ toStyledTheme ստեղծում է այդպիսի օբյեկտ ցանկացած IR-ից (և կարող է ներկառուցել կոնկրետ արժեքներ { resolve }-ով)։

Օրինակ ​

styled-components

tsx
import { ThemeProvider } from "styled-components";
import { pantokenTheme } from "@pantoken/css-in-js";
<ThemeProvider theme={pantokenTheme}>...</ThemeProvider>;
// const Btn = styled.button`background: ${({ theme }) => theme.colorBackgroundBrand};`;

Ինտերֆեյսներ ​

Տիպային հոմանիշներ ​

Փոփոխականներ ​

Ֆունկցիաներ ​

Հղումներ ​

Mode ​

Վերաարտահանում է Mode

default ​

Վերանվանավորում և վերարտադրում է pantokenTheme