UNPKG

@beamwind/preset-semantic

Version:

beamwind design system preset using a semantic naming scheme

54 lines (52 loc) 1.84 kB
var __create = Object.create; var __defProp = Object.defineProperty; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __getOwnPropNames = Object.getOwnPropertyNames; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __markAsModule = (target) => __defProp(target, "__esModule", {value: true}); var __export = (target, all) => { __markAsModule(target); for (var name in all) __defProp(target, name, {get: all[name], enumerable: true}); }; var __exportStar = (target, module2, desc) => { __markAsModule(target); if (module2 && typeof module2 === "object" || typeof module2 === "function") { for (let key of __getOwnPropNames(module2)) if (!__hasOwnProp.call(target, key) && key !== "default") __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable}); } return target; }; var __toModule = (module2) => { if (module2 && module2.__esModule) return module2; return __exportStar(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", {value: module2, enumerable: true}), module2); }; // src/index.ts __export(exports, { default: () => preset }); var colors = __toModule(require("@beamwind/colors")); var isBaseColor = (key) => key.indexOf("-") === -1; function preset({colors: colors2} = {}) { const base = { surface: "#fafafa", "on-surface": "#222", primary: "#0d3880", secondary: "#e60278", caution: "#ffc600", critical: "#d0011b", info: "#1e468c", neutral: "#596581", positive: "#138a08", promote: "#9556b7", ...colors2 }; return { theme: { colors: Object.keys(base).filter(isBaseColor).reduce((colors3, key) => ({...colors3, ...colors.createColorVariants(colors3, key)}), base) } }; }