@fastkit/plugboy-vanilla-extract-plugin 1.0.8 → 1.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css.mjs +2 -2
- package/dist/css.mjs.map +1 -1
- package/package.json +1 -1
package/dist/css.mjs
CHANGED
|
@@ -84,8 +84,8 @@ function defineLayerStyle(globalNameOrOptions) {
|
|
|
84
84
|
if (hooks.anyStyle) {
|
|
85
85
|
for (const rule2 of rules) {
|
|
86
86
|
if (typeof rule2 === "string" || Array.isArray(rule2))
|
|
87
|
-
|
|
88
|
-
hooks.anyStyle
|
|
87
|
+
continue;
|
|
88
|
+
hooks.anyStyle(rule2);
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
91
|
hooks.style && hooks.style(rule, debugId);
|
package/dist/css.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/css/layer.ts","../src/css/theme.ts","../src/css/utils.ts"],"names":["globalStyle","layerStyle","rule","options"],"mappings":"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","sourcesContent":["import {\n style,\n layer,\n globalLayer,\n StyleRule,\n globalStyle,\n GlobalStyleRule,\n createGlobalTheme as _createGlobalTheme,\n} from '@vanilla-extract/css';\nimport { createGlobalTheme } from './theme';\n\ntype CustomStyleRules = Record<string, any>;\n\ntype _LayerStyleRules = NonNullable<StyleRule['@layer']>[string];\n\ntype LayerStyleRules<CustomRules extends CustomStyleRules | null = null> =\n CustomRules extends null ? _LayerStyleRules : _LayerStyleRules & CustomRules;\n\ntype ClassNames = string | ClassNames[];\n\ntype ComplexLayerStyleRule<CustomRules extends CustomStyleRules | null = null> =\n LayerStyleRules<CustomRules> | (LayerStyleRules<CustomRules> | ClassNames)[];\n\ntype _LayerGlobalStyleRules = NonNullable<GlobalStyleRule['@layer']>[string];\n\ntype LayerGlobalStyleRules<CustomRules extends CustomStyleRules | null = null> =\n CustomRules extends null\n ? _LayerGlobalStyleRules\n : _LayerGlobalStyleRules & CustomRules;\n\ntype AnyStyleRule<CustomRules extends CustomStyleRules | null = null> =\n | LayerStyleRules<CustomRules>\n | LayerGlobalStyleRules<CustomRules>;\n\ntype LayerStyleHooks<CustomRules extends CustomStyleRules | null = null> = {\n style?: (rule: ComplexLayerStyleRule<CustomRules>, debugId?: string) => void;\n global?: (selector: string, rule: LayerGlobalStyleRules<CustomRules>) => void;\n anyStyle?: (style: AnyStyleRule<CustomRules>) => void;\n};\n\nexport interface LayerStyle<\n CustomRules extends CustomStyleRules | null = null,\n> {\n layerName: string;\n parentLayerName: string | null;\n /**\n * @see {@link style}\n */\n (rule: ComplexLayerStyleRule<CustomRules>, debugId?: string): string;\n\n /**\n * @see {@link style}\n */\n style(rule: ComplexLayerStyleRule<CustomRules>, debugId?: string): string;\n\n /**\n * @see {@link globalStyle}\n */\n global(selector: string, rule: LayerGlobalStyleRules<CustomRules>): void;\n\n /**\n * @see {@link _createGlobalTheme}\n */\n globalTheme: typeof _createGlobalTheme;\n\n defineNestedLayer(\n globalNameOrNestedOptions?: string | DefineLayerOptions<CustomRules>,\n ): LayerStyle<CustomRules>;\n\n /**\n * Add global CSS variable with layer\n *\n * @remarks The vanilla-extract API is buggy when handling layered css variables.\n *\n * @param selector - selector\n * @param vars - variables\n */\n pushGlobalVars(selector: string, vars: Record<string, string>): void;\n\n /**\n * Output variables accumulated by `pushGlobalVars`.\n *\n * @remarks The vanilla-extract API is buggy when handling layered css variables.\n */\n dumpGlobalVars(): void;\n hooks: LayerStyleHooks<CustomRules>;\n}\n\nexport interface DefineLayerParentOptions {\n parent?: string;\n}\n\nexport interface DefineLayerBaseOptions<\n CustomRules extends CustomStyleRules | null = null,\n> {\n hooks?: LayerStyleHooks<CustomRules>;\n}\n\nexport interface DefineLayerScopedOptions<\n CustomRules extends CustomStyleRules | null = null,\n> extends DefineLayerBaseOptions<CustomRules> {\n /** Debug ID */\n debugId?: string;\n globalName?: never;\n}\n\nexport interface DefineLayerGlobalOptions<\n CustomRules extends CustomStyleRules | null = null,\n> extends DefineLayerBaseOptions<CustomRules> {\n debugId?: never;\n /** Parent layer name */\n globalName: string;\n}\n\nexport type DefineLayerOptions<\n CustomRules extends CustomStyleRules | null = null,\n> =\n | DefineLayerScopedOptions<CustomRules>\n | DefineLayerGlobalOptions<CustomRules>;\n\nexport type DefineNestableLayerOptions<\n CustomRules extends CustomStyleRules | null = null,\n> = DefineLayerOptions<CustomRules> & DefineLayerParentOptions;\n\nfunction isGlobalOptions(\n options: DefineLayerOptions<any>,\n): options is DefineLayerGlobalOptions {\n return 'globalName' in options;\n}\n\nfunction normalizeToObject<T extends DefineLayerOptions<any>>(\n source?: string | T,\n): T {\n if (!source) return {} as T;\n if (typeof source === 'string') return { globalName: source } as unknown as T;\n return source;\n}\n\nexport function defineLayerStyle<\n CustomRules extends CustomStyleRules | null = null,\n>(\n globalNameOrOptions?: string | DefineNestableLayerOptions<CustomRules>,\n): LayerStyle<CustomRules> {\n const options = normalizeToObject(globalNameOrOptions);\n const { parent, hooks = {} } = options;\n\n const layerName = isGlobalOptions(options)\n ? globalLayer({ parent }, options.globalName)\n : layer({ parent }, options.debugId);\n\n const layerStyle = function layerStyle(rule, debugId) {\n const rules = Array.isArray(rule) ? rule : [rule];\n const layerAppliedRules = rules.map((rule) => {\n if (typeof rule === 'string' || Array.isArray(rule)) return rule;\n return {\n '@layer': {\n [layerName]: rule,\n },\n };\n });\n if (hooks.anyStyle) {\n for (const rule of rules) {\n if (typeof rule === 'string' || Array.isArray(rule)) return rule;\n hooks.anyStyle && hooks.anyStyle(rule);\n }\n }\n hooks.style && hooks.style(rule, debugId);\n return style(layerAppliedRules, debugId);\n } as LayerStyle<CustomRules>;\n\n layerStyle.layerName = layerName;\n layerStyle.parentLayerName = parent || null;\n layerStyle.style = layerStyle;\n layerStyle.hooks = hooks;\n\n layerStyle.global = function layerGlobalStyle(\n selector: string,\n rule: LayerGlobalStyleRules<CustomRules>,\n ) {\n hooks.anyStyle && hooks.anyStyle(rule);\n hooks.global && hooks.global(selector, rule);\n\n return globalStyle(selector, {\n '@layer': {\n [layerName]: rule,\n },\n });\n };\n\n layerStyle.globalTheme = (...args: any) =>\n (createGlobalTheme as any)(layerName, ...args);\n\n let _varQueues: [string, Record<string, string>][] = [];\n\n layerStyle.pushGlobalVars = function pushGlobalVars(\n selector: string,\n vars: Record<string, string>,\n ) {\n let queue = _varQueues.find((q) => q[0] === selector);\n if (!queue) {\n queue = [selector, {}];\n _varQueues.push(queue);\n }\n Object.assign(queue[1], vars);\n };\n\n layerStyle.dumpGlobalVars = function dumpGlobalVars() {\n for (const [selector, vars] of _varQueues) {\n layerStyle.global(selector, {\n vars,\n } as any);\n }\n _varQueues = [];\n };\n\n layerStyle.defineNestedLayer = function defineNestedLayer(\n globalNameOrNestedOptions?: string | DefineLayerOptions<CustomRules>,\n ) {\n const options = normalizeToObject(globalNameOrNestedOptions);\n const nestedHooks = options.hooks;\n\n return defineLayerStyle({\n ...options,\n hooks: {\n ...hooks,\n ...nestedHooks,\n },\n parent: layerName,\n });\n };\n\n return layerStyle;\n}\n","import { Tokens, ThemeVars, Contract, MapLeafNodes } from './types';\nimport { createThemeContract, globalStyle } from '@vanilla-extract/css';\nimport { assignVars } from './utils';\n\nexport function createGlobalTheme<ThemeTokens extends Tokens>(\n layerName: string,\n selector: string,\n tokens: ThemeTokens,\n): ThemeVars<ThemeTokens>;\nexport function createGlobalTheme<ThemeContract extends Contract>(\n layerName: string,\n selector: string,\n themeContract: ThemeContract,\n tokens: MapLeafNodes<ThemeContract, string>,\n): void;\nexport function createGlobalTheme(\n layerName: string,\n selector: string,\n arg2: any,\n arg3?: any,\n): any {\n const shouldCreateVars = Boolean(!arg3);\n\n const themeVars = shouldCreateVars\n ? createThemeContract(arg2)\n : (arg2 as ThemeVars<any>);\n\n const tokens = shouldCreateVars ? arg2 : arg3;\n\n globalStyle(selector, {\n '@layer': {\n [layerName]: {\n vars: assignVars(themeVars, tokens),\n },\n },\n });\n\n // appendCss(\n // {\n // type: 'global',\n // selector: selector,\n // rule: { vars: assignVars(themeVars, tokens) },\n // },\n // getFileScope(),\n // );\n\n if (shouldCreateVars) {\n return themeVars;\n }\n}\n","import { Contract, MapLeafNodes, CSSVarFunction } from './types';\n\ntype Primitive = string | number | null | undefined;\n\ntype Walkable = {\n [Key in string | number]: Primitive | Walkable;\n};\n\nexport function get(obj: any, path: Array<string>) {\n let result = obj;\n\n for (const key of path) {\n if (!(key in result)) {\n throw new Error(`Path ${path.join(' -> ')} does not exist in object`);\n }\n result = result[key];\n }\n\n return result;\n}\nexport function walkObject<T extends Walkable, MapTo>(\n obj: T,\n fn: (value: Primitive, path: Array<string>) => MapTo,\n path: Array<string> = [],\n): MapLeafNodes<T, MapTo> {\n const clone = obj.constructor();\n\n for (const key in obj) {\n const value = obj[key];\n const currentPath = [...path, key];\n\n if (\n typeof value === 'string' ||\n typeof value === 'number' ||\n value == null\n ) {\n clone[key] = fn(value as Primitive, currentPath);\n } else if (typeof value === 'object' && !Array.isArray(value)) {\n clone[key] = walkObject(value as Walkable, fn, currentPath);\n } else {\n console.warn(\n `Skipping invalid key \"${currentPath.join(\n '.',\n )}\". Should be a string, number, null or object. Received: \"${\n Array.isArray(value) ? 'Array' : typeof value\n }\"`,\n );\n }\n }\n\n return clone;\n}\n\nexport function assignVars<VarContract extends Contract>(\n varContract: VarContract,\n tokens: MapLeafNodes<VarContract, string>,\n): Record<CSSVarFunction, string> {\n const varSetters: { [cssVarName: string]: string } = {};\n // const { valid, diffString } = validateContract(varContract, tokens);\n\n // if (!valid) {\n // throw new Error(`Tokens don't match contract.\\n${diffString}`);\n // }\n\n walkObject(tokens, (value, path) => {\n varSetters[get(varContract, path)] = String(value);\n });\n\n return varSetters;\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/css/layer.ts","../src/css/theme.ts","../src/css/utils.ts"],"names":["globalStyle","layerStyle","rule","options"],"mappings":"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","sourcesContent":["import {\n style,\n layer,\n globalLayer,\n StyleRule,\n globalStyle,\n GlobalStyleRule,\n createGlobalTheme as _createGlobalTheme,\n} from '@vanilla-extract/css';\nimport { createGlobalTheme } from './theme';\n\ntype CustomStyleRules = Record<string, any>;\n\ntype _LayerStyleRules = NonNullable<StyleRule['@layer']>[string];\n\ntype LayerStyleRules<CustomRules extends CustomStyleRules | null = null> =\n CustomRules extends null ? _LayerStyleRules : _LayerStyleRules & CustomRules;\n\ntype ClassNames = string | ClassNames[];\n\ntype ComplexLayerStyleRule<CustomRules extends CustomStyleRules | null = null> =\n LayerStyleRules<CustomRules> | (LayerStyleRules<CustomRules> | ClassNames)[];\n\ntype _LayerGlobalStyleRules = NonNullable<GlobalStyleRule['@layer']>[string];\n\ntype LayerGlobalStyleRules<CustomRules extends CustomStyleRules | null = null> =\n CustomRules extends null\n ? _LayerGlobalStyleRules\n : _LayerGlobalStyleRules & CustomRules;\n\ntype AnyStyleRule<CustomRules extends CustomStyleRules | null = null> =\n | LayerStyleRules<CustomRules>\n | LayerGlobalStyleRules<CustomRules>;\n\ntype LayerStyleHooks<CustomRules extends CustomStyleRules | null = null> = {\n style?: (rule: ComplexLayerStyleRule<CustomRules>, debugId?: string) => void;\n global?: (selector: string, rule: LayerGlobalStyleRules<CustomRules>) => void;\n anyStyle?: (style: AnyStyleRule<CustomRules>) => void;\n};\n\nexport interface LayerStyle<\n CustomRules extends CustomStyleRules | null = null,\n> {\n layerName: string;\n parentLayerName: string | null;\n /**\n * @see {@link style}\n */\n (rule: ComplexLayerStyleRule<CustomRules>, debugId?: string): string;\n\n /**\n * @see {@link style}\n */\n style(rule: ComplexLayerStyleRule<CustomRules>, debugId?: string): string;\n\n /**\n * @see {@link globalStyle}\n */\n global(selector: string, rule: LayerGlobalStyleRules<CustomRules>): void;\n\n /**\n * @see {@link _createGlobalTheme}\n */\n globalTheme: typeof _createGlobalTheme;\n\n defineNestedLayer(\n globalNameOrNestedOptions?: string | DefineLayerOptions<CustomRules>,\n ): LayerStyle<CustomRules>;\n\n /**\n * Add global CSS variable with layer\n *\n * @remarks The vanilla-extract API is buggy when handling layered css variables.\n *\n * @param selector - selector\n * @param vars - variables\n */\n pushGlobalVars(selector: string, vars: Record<string, string>): void;\n\n /**\n * Output variables accumulated by `pushGlobalVars`.\n *\n * @remarks The vanilla-extract API is buggy when handling layered css variables.\n */\n dumpGlobalVars(): void;\n hooks: LayerStyleHooks<CustomRules>;\n}\n\nexport interface DefineLayerParentOptions {\n parent?: string;\n}\n\nexport interface DefineLayerBaseOptions<\n CustomRules extends CustomStyleRules | null = null,\n> {\n hooks?: LayerStyleHooks<CustomRules>;\n}\n\nexport interface DefineLayerScopedOptions<\n CustomRules extends CustomStyleRules | null = null,\n> extends DefineLayerBaseOptions<CustomRules> {\n /** Debug ID */\n debugId?: string;\n globalName?: never;\n}\n\nexport interface DefineLayerGlobalOptions<\n CustomRules extends CustomStyleRules | null = null,\n> extends DefineLayerBaseOptions<CustomRules> {\n debugId?: never;\n /** Parent layer name */\n globalName: string;\n}\n\nexport type DefineLayerOptions<\n CustomRules extends CustomStyleRules | null = null,\n> =\n | DefineLayerScopedOptions<CustomRules>\n | DefineLayerGlobalOptions<CustomRules>;\n\nexport type DefineNestableLayerOptions<\n CustomRules extends CustomStyleRules | null = null,\n> = DefineLayerOptions<CustomRules> & DefineLayerParentOptions;\n\nfunction isGlobalOptions(\n options: DefineLayerOptions<any>,\n): options is DefineLayerGlobalOptions {\n return 'globalName' in options;\n}\n\nfunction normalizeToObject<T extends DefineLayerOptions<any>>(\n source?: string | T,\n): T {\n if (!source) return {} as T;\n if (typeof source === 'string') return { globalName: source } as unknown as T;\n return source;\n}\n\nexport function defineLayerStyle<\n CustomRules extends CustomStyleRules | null = null,\n>(\n globalNameOrOptions?: string | DefineNestableLayerOptions<CustomRules>,\n): LayerStyle<CustomRules> {\n const options = normalizeToObject(globalNameOrOptions);\n const { parent, hooks = {} } = options;\n\n const layerName = isGlobalOptions(options)\n ? globalLayer({ parent }, options.globalName)\n : layer({ parent }, options.debugId);\n\n const layerStyle = function layerStyle(rule, debugId) {\n const rules = Array.isArray(rule) ? rule : [rule];\n const layerAppliedRules = rules.map((rule) => {\n if (typeof rule === 'string' || Array.isArray(rule)) return rule;\n return {\n '@layer': {\n [layerName]: rule,\n },\n };\n });\n if (hooks.anyStyle) {\n for (const rule of rules) {\n if (typeof rule === 'string' || Array.isArray(rule)) continue;\n hooks.anyStyle(rule);\n }\n }\n hooks.style && hooks.style(rule, debugId);\n return style(layerAppliedRules, debugId);\n } as LayerStyle<CustomRules>;\n\n layerStyle.layerName = layerName;\n layerStyle.parentLayerName = parent || null;\n layerStyle.style = layerStyle;\n layerStyle.hooks = hooks;\n\n layerStyle.global = function layerGlobalStyle(\n selector: string,\n rule: LayerGlobalStyleRules<CustomRules>,\n ) {\n hooks.anyStyle && hooks.anyStyle(rule);\n hooks.global && hooks.global(selector, rule);\n\n return globalStyle(selector, {\n '@layer': {\n [layerName]: rule,\n },\n });\n };\n\n layerStyle.globalTheme = (...args: any) =>\n (createGlobalTheme as any)(layerName, ...args);\n\n let _varQueues: [string, Record<string, string>][] = [];\n\n layerStyle.pushGlobalVars = function pushGlobalVars(\n selector: string,\n vars: Record<string, string>,\n ) {\n let queue = _varQueues.find((q) => q[0] === selector);\n if (!queue) {\n queue = [selector, {}];\n _varQueues.push(queue);\n }\n Object.assign(queue[1], vars);\n };\n\n layerStyle.dumpGlobalVars = function dumpGlobalVars() {\n for (const [selector, vars] of _varQueues) {\n layerStyle.global(selector, {\n vars,\n } as any);\n }\n _varQueues = [];\n };\n\n layerStyle.defineNestedLayer = function defineNestedLayer(\n globalNameOrNestedOptions?: string | DefineLayerOptions<CustomRules>,\n ) {\n const options = normalizeToObject(globalNameOrNestedOptions);\n const nestedHooks = options.hooks;\n\n return defineLayerStyle({\n ...options,\n hooks: {\n ...hooks,\n ...nestedHooks,\n },\n parent: layerName,\n });\n };\n\n return layerStyle;\n}\n","import { Tokens, ThemeVars, Contract, MapLeafNodes } from './types';\nimport { createThemeContract, globalStyle } from '@vanilla-extract/css';\nimport { assignVars } from './utils';\n\nexport function createGlobalTheme<ThemeTokens extends Tokens>(\n layerName: string,\n selector: string,\n tokens: ThemeTokens,\n): ThemeVars<ThemeTokens>;\nexport function createGlobalTheme<ThemeContract extends Contract>(\n layerName: string,\n selector: string,\n themeContract: ThemeContract,\n tokens: MapLeafNodes<ThemeContract, string>,\n): void;\nexport function createGlobalTheme(\n layerName: string,\n selector: string,\n arg2: any,\n arg3?: any,\n): any {\n const shouldCreateVars = Boolean(!arg3);\n\n const themeVars = shouldCreateVars\n ? createThemeContract(arg2)\n : (arg2 as ThemeVars<any>);\n\n const tokens = shouldCreateVars ? arg2 : arg3;\n\n globalStyle(selector, {\n '@layer': {\n [layerName]: {\n vars: assignVars(themeVars, tokens),\n },\n },\n });\n\n // appendCss(\n // {\n // type: 'global',\n // selector: selector,\n // rule: { vars: assignVars(themeVars, tokens) },\n // },\n // getFileScope(),\n // );\n\n if (shouldCreateVars) {\n return themeVars;\n }\n}\n","import { Contract, MapLeafNodes, CSSVarFunction } from './types';\n\ntype Primitive = string | number | null | undefined;\n\ntype Walkable = {\n [Key in string | number]: Primitive | Walkable;\n};\n\nexport function get(obj: any, path: Array<string>) {\n let result = obj;\n\n for (const key of path) {\n if (!(key in result)) {\n throw new Error(`Path ${path.join(' -> ')} does not exist in object`);\n }\n result = result[key];\n }\n\n return result;\n}\nexport function walkObject<T extends Walkable, MapTo>(\n obj: T,\n fn: (value: Primitive, path: Array<string>) => MapTo,\n path: Array<string> = [],\n): MapLeafNodes<T, MapTo> {\n const clone = obj.constructor();\n\n for (const key in obj) {\n const value = obj[key];\n const currentPath = [...path, key];\n\n if (\n typeof value === 'string' ||\n typeof value === 'number' ||\n value == null\n ) {\n clone[key] = fn(value as Primitive, currentPath);\n } else if (typeof value === 'object' && !Array.isArray(value)) {\n clone[key] = walkObject(value as Walkable, fn, currentPath);\n } else {\n console.warn(\n `Skipping invalid key \"${currentPath.join(\n '.',\n )}\". Should be a string, number, null or object. Received: \"${\n Array.isArray(value) ? 'Array' : typeof value\n }\"`,\n );\n }\n }\n\n return clone;\n}\n\nexport function assignVars<VarContract extends Contract>(\n varContract: VarContract,\n tokens: MapLeafNodes<VarContract, string>,\n): Record<CSSVarFunction, string> {\n const varSetters: { [cssVarName: string]: string } = {};\n // const { valid, diffString } = validateContract(varContract, tokens);\n\n // if (!valid) {\n // throw new Error(`Tokens don't match contract.\\n${diffString}`);\n // }\n\n walkObject(tokens, (value, path) => {\n varSetters[get(varContract, path)] = String(value);\n });\n\n return varSetters;\n}\n"]}
|