@beamwind/preset-semantic
Version:
beamwind design system preset using a semantic naming scheme
54 lines (52 loc) • 1.84 kB
JavaScript
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)
}
};
}