UNPKG

@pandabox/utils

Version:

A bunch of utilities

99 lines (93 loc) 2.99 kB
"use strict"; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // src/index.ts var src_exports = {}; __export(src_exports, { assignInlineVars: () => assignInlineVars, cssVar: () => cssVar, wrapValue: () => wrapValue }); module.exports = __toCommonJS(src_exports); // src/assign-inline-vars.ts var import_shared2 = require("@pandacss/shared"); var import_types = require("@pandacss/types"); // src/css-var.ts var import_shared = require("@pandacss/shared"); var cssVarRef = (value, fallback) => `var(--${value}${fallback ? ", " + fallback : ""})`; var cssVarName = (value) => `--${value}`; var createCssVar = (value, options = {}) => (0, import_shared.cssVar)(value, options); function defineCssVars(scope, keys, options) { const vars = {}; for (const key of keys) { if (Array.isArray(key)) { const [name, fallback] = key; vars[name] = cssVar.create(`${scope}-${name}`, { ...options, fallback }); continue; } vars[key] = cssVar.create(`${scope}-${key}`); } return vars; } var cssVar = { /** * ⚠️ doesn't handle prefixing/hashing, instead use `cssVar.create` for that */ ref: cssVarRef, /** * ⚠️ doesn't handle prefixing/hashing, instead use `cssVar.create` for that */ name: cssVarName, create: createCssVar, scope: defineCssVars }; // src/assign-inline-vars.ts var assignInlineVars = (userVars, options) => { const vars = {}; for (const [category, tokens] of Object.entries(userVars ?? {})) { (0, import_shared2.traverse)( tokens, ({ value, path }) => { if (typeof value === "string" || typeof value === "number") { const cssVarRef2 = cssVar.create(category + "-" + path, options).var; vars[cssVarRef2] = value; } }, { separator: options?.separator ?? "-" } ); } return vars; }; // src/wrap-value.ts var wrapValue = (obj) => { const newObj = {}; for (const key in obj) { if (typeof obj[key] === "object" && !Array.isArray(obj[key])) { newObj[key] = wrapValue(obj[key]); } else { newObj[key] = { value: obj[key] }; } } return newObj; }; // Annotate the CommonJS export names for ESM import in node: 0 && (module.exports = { assignInlineVars, cssVar, wrapValue });