@yahoo/uds-create-config 4.57.1 → 4.58.0

package/dist/configs/react-native-system.d.ts

@@ -7,6 +7,7 @@ import { EntityClass } from "../framework/defineEntity.js";
 import { ConfigClass } from "../framework/defineConfig.js";
 import { Named } from "../framework/named.js";
 import { PackageClass } from "../entities/system/Package.js";
+import { CompositeClass } from "../entities/system/Composite.js";
 import { OverrideCondition } from "../entities/system/Token.js";
 import { StylePropValue } from "../entities/system/StyleProperty.js";
 import { ComponentClass } from "../entities/system/Component.js";
@@ -14,7 +15,6 @@ import { LinkedSystemClass } from "../entities/system/LinkedSystem.js";
 import { IconClass } from "../entities/system/Icon.js";
 import { NativeModifierClass } from "../entities/native/NativeModifier.js";
 import { CanvasRoleClass } from "../entities/system/CanvasRole.js";
-import { CompositeClass } from "../entities/system/Composite.js";
 import { DeviceClass } from "../entities/system/Device.js";
 import { FileClass } from "../entities/system/File.js";
 import { FontClass } from "../entities/system/Font.js";

package/dist/configs/system.d.ts

@@ -1,20 +1,20 @@
 import { ConfigClass } from "../framework/defineConfig.js";
 import { Named } from "../framework/named.js";
 import { PackageClass } from "../entities/system/Package.js";
+import { CompositeClass } from "../entities/system/Composite.js";
+import { ModifierClass } from "../entities/system/Modifier.js";
 import { TokenClass } from "../entities/system/Token.js";
 import { StylePropertyClass } from "../entities/system/StyleProperty.js";
 import { ComponentClass } from "../entities/system/Component.js";
 import { LinkedSystemClass } from "../entities/system/LinkedSystem.js";
 import { IconClass } from "../entities/system/Icon.js";
 import { CanvasRoleClass } from "../entities/system/CanvasRole.js";
-import { CompositeClass } from "../entities/system/Composite.js";
 import { DeviceClass } from "../entities/system/Device.js";
 import { FileClass } from "../entities/system/File.js";
 import { FontClass } from "../entities/system/Font.js";
 import { GlobalStyleClass } from "../entities/system/GlobalStyle.js";
 import { GuidanceClass } from "../entities/system/Guidance.js";
 import { GuidanceStyleClass } from "../entities/system/GuidanceStyle.js";
-import { ModifierClass } from "../entities/system/Modifier.js";
 import { MotionClass } from "../entities/system/Motion.js";
 import { OperationClass } from "../entities/system/Operation.js";
 import { SettingsClass } from "../entities/system/Settings.js";

package/dist/configs/system.js

@@ -54,6 +54,7 @@ import { styleRulesAsListMigration } from "../migrations/20261001112308_style_ru
 import { motionExitAndElementDuplicateMigration } from "../migrations/20261001130958_motion_exit_and_element_duplicate.js";
 import { layerStyleAndForwardOpsMigration } from "../migrations/20261001131000_layer_style_and_forward_ops.js";
 import { oklchAndEmitFieldsMigration } from "../migrations/20261001162046_oklch_and_emit_fields.js";
+import { globalStyleOnMigration } from "../migrations/20261005212405_global_style_on.js";
 const System = defineConfig({
 	name: WEB_CONFIG_NAME,
 	description: "A design system: the values, primitives and compositions an app is built from. A ref is written `{ \"__ref\": \"<kind>:<path>\" }`, so a token is `{ \"__ref\": \"token:<group>/<name>\" }` and a token group is `{ \"__ref\": \"token:<group>\" }`. Build it in this order. Tokens first, in groups by purpose (colors, spacing, radii, type sizes), since everything else names them. Then style properties, each with `values` holding one ref to the token group whose members it accepts (`{ \"__ref\": \"token:color\" }`), so a prop takes token names rather than raw CSS; add a string keyword only for a value no token holds. A style rule's bag holds a prop's values (`\"padding\": \"4\"`, `\"bg\": \"brand\"`), never raw CSS. Then a few primitive components, one layer each, whose props are style properties (a box for layout and surface, a text for type, a pressable for interaction). Then every other component composed from those primitives: its layers name a primitive or an element, its anatomy places them (a node renders a layer, a tag or `Slot` where a slot prop's content lands; `children` is the edge list; `visible` is `{ \"$state\": \"<prop>\" }`; a prop shown in a nested layer is a `forward` route, and `$state` never sits in a node's props), and its style rules set style-property values per layer, keyed by prop values when a variant changes them. Modes (a dark mode is `{ type: \"selector\", value: \".dark\" }`) change token values through a token's `overrides`, so a component never restyles for a mode; modifiers (hover, focus, disabled) name a state, and a style rule applies under one as a `_hover` block inside a layer bag. Composites bundle style values that recur. Last, register canvas roles: the canvas draws with them, one entity per tool (`frame` for the layout primitive, `text` for the text primitive, `image`) whose entries name the components that tool inserts, and a tool whose role is unregistered is disabled. Give each component a `preview` entry under `*` so it shows content, and never write a CSS property name where a style-property name belongs.",
@@ -119,5 +120,6 @@ if (!registeredSchemaMigrations().has(20261001112308)) registerSchemaMigrations(
 if (!registeredSchemaMigrations().has(20261001130958)) registerSchemaMigrations(motionExitAndElementDuplicateMigration);
 if (!registeredSchemaMigrations().has(20261001131e3)) registerSchemaMigrations(layerStyleAndForwardOpsMigration);
 if (!registeredSchemaMigrations().has(20261001162046)) registerSchemaMigrations(oklchAndEmitFieldsMigration);
+if (!registeredSchemaMigrations().has(20261005212405)) registerSchemaMigrations(globalStyleOnMigration);
 //#endregion
 export { System };

package/dist/entities/system/GlobalStyle.d.ts

@@ -1,6 +1,7 @@
 import { DerivedColor, OklchColor } from "./color.js";
 import { EntityClass } from "../../framework/defineEntity.js";
 import { Named } from "../../framework/named.js";
+import { ModifierClass } from "./Modifier.js";
 import { z } from "zod";
 
 //#region src/entities/system/GlobalStyle.d.ts
@@ -17,6 +18,7 @@ declare const GlobalStyleDefinition: EntityClass<z.ZodObject<{
   selector: z.ZodString;
   declarations: z.ZodRecord<z.ZodString, z.ZodType<Declared, unknown, z.core.$ZodTypeInternals<Declared, unknown>>>;
   important: z.ZodOptional<z.ZodBoolean>;
+  on: z.ZodOptional<z.ZodUnion<readonly [ModifierClass, z.ZodArray<ModifierClass>]>>;
 }, z.core.$strict>, z.ZodObject<Record<never, never>, z.core.$strip>, "global-style", {}, Record<never, never>, false, Record<never, never>, Record<never, never>>;
 interface GlobalStyleClass extends Named<typeof GlobalStyleDefinition> {}
 declare const GlobalStyle: GlobalStyleClass;

package/dist/entities/system/GlobalStyle.js

@@ -1,6 +1,7 @@
 import { refSchema } from "../../framework/utils/refs.js";
 import { derivedColor, oklchColor } from "./color.js";
 import { defineEntity } from "../../framework/defineEntity.js";
+import { overrideConditionSchema } from "./Token.js";
 import { z } from "zod";
 //#region src/entities/system/GlobalStyle.ts
 /**
@@ -41,7 +42,15 @@ const GlobalStyle = defineEntity({
 		* layered and a third party's stylesheet (React Flow, CodeMirror's injected theme) is not, so a
 		* rule meant to beat one has to say so; the flag lets it while its values stay refs.
 		*/
-		important: z.boolean().optional().describe("Emit every declaration `!important`, to beat a third party's unlayered stylesheet.")
+		important: z.boolean().optional().describe("Emit every declaration `!important`, to beat a third party's unlayered stylesheet."),
+		/**
+		* The modifier the rule applies under, or several that all hold at once — the same shape as a
+		* token override's `on`. The rule is written through each modifier's own activation, as a
+		* component rule is: a state composes onto the selector, a selector mode stands before it as its
+		* ancestor (`:root` takes the mode's selector itself), and a media query wraps it. A ref, so
+		* renaming the modifier cascades into the rule instead of leaving a hand-copied `.dark` behind.
+		*/
+		on: overrideConditionSchema.optional().describe("The modifier the rule applies under, or a list that all hold at once: `{ \"__ref\": \"modifier:colorMode/dark\" }`. A state composes onto the selector, a selector mode is its ancestor (`:root` takes the mode itself), a media query wraps the rule. Rules inside `@media` or `@supports` take it too; `@keyframes` and `@font-face` are written as they are.")
 	})
 });
 /**

package/dist/entities/system/Modifier.d.ts

@@ -1,8 +1,8 @@
 import { EntityClass } from "../../framework/defineEntity.js";
 import { Named } from "../../framework/named.js";
-import { Config } from "../../framework/Config.js";
 import { CompositeClass } from "./Composite.js";
 import { modifierAxis, modifierCategory } from "./modifier-axis.js";
+import { Config } from "../../framework/Config.js";
 import { z } from "zod";
 
 //#region src/entities/system/Modifier.d.ts

package/dist/entities/system/Token.js

@@ -168,4 +168,4 @@ function tokenRef(path) {
 }
 const Token = Object.assign(TokenEntity, { ref: tokenRef });
 //#endregion
-export { Token, defineOverride, overrideCondition, overrideKey, overrideKeyModifiers, overrideModifiers };
+export { Token, defineOverride, overrideCondition, overrideConditionSchema, overrideKey, overrideKeyModifiers, overrideModifiers };

package/dist/entities/system/modifier-axis.d.ts

@@ -1,5 +1,5 @@
-import { Config } from "../../framework/Config.js";
 import { ModifierCategory, ModifierGroupMeta } from "./Modifier.js";
+import { Config } from "../../framework/Config.js";
 
 //#region src/entities/system/modifier-axis.d.ts
 /**

package/dist/framework/Config.d.ts

@@ -72,7 +72,7 @@ interface RecordedSource {
  * The dense-counter `2` a short-lived scheme stamped before the chain existed reads as the mint
  * that replaced it (see `detectedWireVersion`).
  */
-declare const SERIALIZED_CONFIG_VERSION = 20261001162046;
+declare const SERIALIZED_CONFIG_VERSION = 20261005212405;
 interface SerializedConfig {
   /** See {@link SERIALIZED_CONFIG_VERSION}. Always written; a stored artifact may lack it. */
   readonly version: number;

package/dist/framework/Config.js

@@ -5314,7 +5314,7 @@ var Config = class Config {
 	*  links from the provided sources. A declared `linkedKind` with no provided source throws. */
 	hydrateFrom(stored, options) {
 		const claimed = schemaVersionOf(stored);
-		if (claimed > 20261001162046) throw new SchemaVersionTooNew(claimed);
+		if (claimed > 20261005212405) throw new SchemaVersionTooNew(claimed);
 		const wire = upgradeSerializedConfig(stored);
 		if (!Array.isArray(wire.ownedKinds) || typeof wire.items !== "object" || wire.items === null) throw new ConfigFormatError(`Config "${stored.name ?? "system-config"}" cannot be hydrated: this is not a serialized config-v2 config (no "ownedKinds"/"items"). A pre-cutover build artifact converts through the registered cutover migration — import the config type's module (e.g. \`configs/system\`) before hydrating, or port the repo once with \`uds migrate\`.`);
 		const leftover = wire.options;

package/dist/framework/projections.d.ts

@@ -27,9 +27,13 @@ type VarNaming = string | ((tokenPath: string) => string);
  * The name each of a linked system's tokens has in `config`'s stylesheet.
  *
  * A token this config holds as a row of its own pointing at theirs is this config's: it's declared
- * once, under the name of that row, and everything drawn from the source names that row too. Every
- * other token a ref reaches is declared under the pin's namespace ({@link sourceVarPrefix}), since
- * this config has no name of its own for it.
+ * once, under the name of that row, and everything drawn from the source names that row too. A token
+ * whose source named its variable exactly (`cssVariable: '--spring-x'`) keeps that name, since the
+ * promise of an exact name is that it is the name wherever the token is declared, and the reason it
+ * was chosen is usually that something outside the system reads it. Every other token a ref reaches
+ * is declared under the pin's namespace ({@link sourceVarPrefix}), since this config has no name of
+ * its own for it. A relative own name (`cssVariable: 'spacing'`) is placed under a prefix, and the
+ * pin's is the one that keeps it apart from ours.
  */
 declare function linkedVarNaming(config: Config, slug: string): (tokenPath: string) => string;
 /**

package/dist/framework/projections.js

@@ -63,9 +63,13 @@ const sourceVarPrefix = (config, slug) => prefixed({
 * The name each of a linked system's tokens has in `config`'s stylesheet.
 *
 * A token this config holds as a row of its own pointing at theirs is this config's: it's declared
-* once, under the name of that row, and everything drawn from the source names that row too. Every
-* other token a ref reaches is declared under the pin's namespace ({@link sourceVarPrefix}), since
-* this config has no name of its own for it.
+* once, under the name of that row, and everything drawn from the source names that row too. A token
+* whose source named its variable exactly (`cssVariable: '--spring-x'`) keeps that name, since the
+* promise of an exact name is that it is the name wherever the token is declared, and the reason it
+* was chosen is usually that something outside the system reads it. Every other token a ref reaches
+* is declared under the pin's namespace ({@link sourceVarPrefix}), since this config has no name of
+* its own for it. A relative own name (`cssVariable: 'spacing'`) is placed under a prefix, and the
+* pin's is the one that keeps it apart from ours.
 */
 function linkedVarNaming(config, slug) {
 	const held = heldLinked({
@@ -74,6 +78,7 @@ function linkedVarNaming(config, slug) {
 		kind: "token"
 	});
 	const pinned = sourceVarPrefix(config, slug);
+	const source = config.sourceFor(slug);
 	return (tokenPath) => {
 		const local = held.get(tokenPath);
 		if (local !== void 0) return cssVar(config, "token", local);
@@ -82,6 +87,8 @@ function linkedVarNaming(config, slug) {
 			kind: "token",
 			path: tokenPath
 		})) return cssVar(config, "token", tokenPath);
+		const own = ownCssVariable(source, tokenPath);
+		if (typeof own === "string" && own.startsWith("--")) return own;
 		return cssVar(config, "token", tokenPath, pinned);
 	};
 }

package/dist/framework/schema-version.d.ts

@@ -15,7 +15,7 @@ import { Patch, SerializedConfig } from "./Config.js";
  * sets this constant to its own older timestamp; the merge ref then carries a registered migration
  * newer than the constant, and the assertion fails until the author re-mints.
  */
-declare const CURRENT_SCHEMA_VERSION = 20261001162046;
+declare const CURRENT_SCHEMA_VERSION = 20261005212405;
 /** What the walkers need to see of an envelope — loose on purpose, so a typed `SerializedConfig`
  *  and a raw old-shape record both flow in without casts. */
 interface VersionStamped {

package/dist/framework/schema-version.js

@@ -13,7 +13,7 @@ import { ConfigFormatError } from "./rejection.js";
 * sets this constant to its own older timestamp; the merge ref then carries a registered migration
 * newer than the constant, and the assertion fails until the author re-mints.
 */
-const CURRENT_SCHEMA_VERSION = 20261001162046;
+const CURRENT_SCHEMA_VERSION = 20261005212405;
 /** The mint that moved `options` into the `settings` kind — restated here, rather than imported
 *  from the migration that owns it, because that migration imports this module. */
 const SETTINGS_AS_KIND_VERSION = 20260908171448;
@@ -45,7 +45,7 @@ function registerSchemaMigrations(...migrations) {
 	for (const migration of migrations) {
 		if (migration.version !== 1 && !isMintTimestamp(migration.version)) throw new Error(`Schema migration version ${migration.version} is not a mint timestamp — mint one with \`date +%Y%m%d%H%M%S\`, like a supabase migration.`);
 		if (REGISTERED.has(migration.version)) throw new Error(`A schema migration at version ${migration.version} is already registered.`);
-		if (migration.version > 20261001162046) throw new Error(`Schema migration ${migration.version} is newer than CURRENT_SCHEMA_VERSION (${CURRENT_SCHEMA_VERSION}) — a stale branch merged, or the mint forgot to bump the constant. Re-mint: set CURRENT_SCHEMA_VERSION to the newest migration version.`);
+		if (migration.version > 20261005212405) throw new Error(`Schema migration ${migration.version} is newer than CURRENT_SCHEMA_VERSION (${CURRENT_SCHEMA_VERSION}) — a stale branch merged, or the mint forgot to bump the constant. Re-mint: set CURRENT_SCHEMA_VERSION to the newest migration version.`);
 		REGISTERED.set(migration.version, migration);
 	}
 }
@@ -102,7 +102,7 @@ function pendingFor(version, target, options) {
 * Already-current input passes through untouched — same reference, so hot paths pay nothing.
 */
 function upgradeSerializedConfig(json, options) {
-	const target = options?.target ?? 20261001162046;
+	const target = options?.target ?? 20261005212405;
 	const version = detectedWireVersion(json);
 	if (version > target) throw new SchemaVersionTooNew(version, target);
 	const raw = json;
@@ -160,7 +160,7 @@ function upgradedSources(json, options) {
 * meaning under the current schema and replay skips it — reported by the caller, not swallowed here.
 */
 function upgradePatch(patch, writtenAt, options) {
-	const target = options?.target ?? 20261001162046;
+	const target = options?.target ?? 20261005212405;
 	if (writtenAt > target) throw new SchemaVersionTooNew(writtenAt, target);
 	let current = patch;
 	for (const migration of pendingFor(writtenAt, target, options)) {
@@ -179,7 +179,7 @@ function upgradePatch(patch, writtenAt, options) {
 * stamp would cause.
 */
 function upgradeDraftEntries(draft, options) {
-	const target = options?.target ?? 20261001162046;
+	const target = options?.target ?? 20261005212405;
 	const entries = [];
 	const held = [];
 	const retired = [];

package/dist/framework/source-integrity.d.ts

@@ -1,6 +1,6 @@
 import { LocalOverlay } from "./sources.js";
-import { Config } from "./Config.js";
 import { ModifierCategory } from "../entities/system/Modifier.js";
+import { Config } from "./Config.js";
 
 //#region src/framework/source-integrity.d.ts
 /** One ref that names something its source does not have. */

package/dist/index.d.ts

@@ -27,6 +27,9 @@ import { EntityClass, GroupComputedInput, ItemOf, KindRef, OpInput, defineEntity
 import { Collection, ConfigClass, ConfigInstance, ConfigKind, EntityMap, OwnedRecords, SourceMap, SourcesOf, defineConfig, kindsOf } from "./framework/defineConfig.js";
 import { Package, PackageClass } from "./entities/system/Package.js";
 import { AuthoredStyleBag, AuthoredStyleField, RegisteredStyleBag, StyleClass, StyleValue } from "./entities/system/style-bag.js";
+import { Composite, CompositeClass } from "./entities/system/Composite.js";
+import { modifierAxis, modifierCategory } from "./entities/system/modifier-axis.js";
+import { MODIFIER_CATEGORIES, Modifier, ModifierCategory, ModifierClass, ModifierGroupMeta, WEB_ACTIVATIONS, WebActivation, modeAxes, modifierAxes, modifierGroupFields, modifierInvariants, modifierLeaf } from "./entities/system/Modifier.js";
 import { RootFontSize, parseRootFontSize } from "./css/root-font-size.js";
 import { RegisteredTokenValues, TOKEN_READERS, TokenGroupReader, TokenReader, TokenReaders, TokenValueEntry, TokenValueRow, TokenValueState, isTokenReader, parseTokenValue, rootFontSize, spellTokenRead, tokenExists, tokenValueRow, tokenValueRows } from "./entities/system/token-values.js";
 import { CheckedTokenRefPath, OverrideCondition, Token, TokenBody, TokenClass, TokenRefPath, TokenReference, defineOverride, overrideCondition, overrideKey, overrideKeyModifiers, overrideModifiers } from "./entities/system/Token.js";
@@ -68,7 +71,6 @@ import { CanvasSection, CanvasSectionClass, NativeSettings } from "./entities/na
 import { NativeStyleProperty, rnStyleKey } from "./entities/native/NativeStyleProperty.js";
 import { NativeToken, nativeTokenValue } from "./entities/native/NativeToken.js";
 import { CANVAS_ROLES, CanvasRole, CanvasRoleClass, CanvasRoleName } from "./entities/system/CanvasRole.js";
-import { Composite, CompositeClass } from "./entities/system/Composite.js";
 import { COMPONENT_ENTRY_STATIC, ComponentModuleSource, ComponentRegistryImport, ComponentRegistryImportBinding, componentModuleFilePaths, componentModuleKey, componentModuleSource, componentRegistryImports, linkedComponentModule, linkedModuleView } from "./entities/system/component-module.js";
 import { Device, DeviceClass } from "./entities/system/Device.js";
 import { ChildrenPolicy, RenderedTarget, VOID_ELEMENTS, childrenPolicy, forwardsOf, ownerOf, partsOf, renderedElement, renderedTarget, rootLayerOf } from "./entities/system/element.js";
@@ -78,8 +80,6 @@ import { GlobalStyle, GlobalStyleClass, globalStyleName } from "./entities/syste
 import { Guidance, GuidanceClass, GuidanceScope, GuidanceSegment, guidanceReaches, guidanceScopeOf, guidanceTextOf } from "./entities/system/Guidance.js";
 import { GuidanceStyle, GuidanceStyleBody, GuidanceStyleClass } from "./entities/system/GuidanceStyle.js";
 import { convertLinkedTokenValue, prepareLinkedTokenBody } from "./entities/system/linked-token-values.js";
-import { modifierAxis, modifierCategory } from "./entities/system/modifier-axis.js";
-import { MODIFIER_CATEGORIES, Modifier, ModifierCategory, ModifierClass, ModifierGroupMeta, WEB_ACTIVATIONS, WebActivation, modeAxes, modifierAxes, modifierGroupFields, modifierInvariants, modifierLeaf } from "./entities/system/Modifier.js";
 import { Motion, MotionClass, jsMotionPropFields } from "./entities/system/Motion.js";
 import { Operation, OperationClass } from "./entities/system/Operation.js";
 import { DeclaredRuntimeModule, declaredRuntimeModules } from "./entities/system/runtime-modules.js";

package/dist/migrations/2.0.0/v1-artifact.d.ts

@@ -1,19 +1,19 @@
 import { ConfigInstance } from "../../framework/defineConfig.js";
 import { PackageClass } from "../../entities/system/Package.js";
+import { CompositeClass } from "../../entities/system/Composite.js";
+import { ModifierClass } from "../../entities/system/Modifier.js";
 import { TokenClass } from "../../entities/system/Token.js";
 import { StylePropertyClass } from "../../entities/system/StyleProperty.js";
 import { ComponentClass } from "../../entities/system/Component.js";
 import { LinkedSystemClass } from "../../entities/system/LinkedSystem.js";
 import { IconClass } from "../../entities/system/Icon.js";
 import { CanvasRoleClass } from "../../entities/system/CanvasRole.js";
-import { CompositeClass } from "../../entities/system/Composite.js";
 import { DeviceClass } from "../../entities/system/Device.js";
 import { FileClass } from "../../entities/system/File.js";
 import { FontClass } from "../../entities/system/Font.js";
 import { GlobalStyleClass } from "../../entities/system/GlobalStyle.js";
 import { GuidanceClass } from "../../entities/system/Guidance.js";
 import { GuidanceStyleClass } from "../../entities/system/GuidanceStyle.js";
-import { ModifierClass } from "../../entities/system/Modifier.js";
 import { MotionClass } from "../../entities/system/Motion.js";
 import { OperationClass } from "../../entities/system/Operation.js";
 import { SettingsClass } from "../../entities/system/Settings.js";

package/dist/migrations/20261005212405_global_style_on.d.ts

@@ -0,0 +1,11 @@
+/**
+ * An addition only, so the envelope passes through as it is:
+ *
+ * - A global style may name the modifier it applies under, `on: { __ref: 'modifier:<path>' }`, or a
+ *   list of them that all hold at once — the same shape as a token override's `on`.
+ *
+ * Deletable once no reader older than this version is in use: identity hops cost nothing to keep.
+ */
+import type { SchemaMigration } from '../framework/schema-version';
+export declare const GLOBAL_STYLE_ON_VERSION = 20261005212405;
+export declare const globalStyleOnMigration: SchemaMigration;

package/dist/migrations/20261005212405_global_style_on.js

@@ -0,0 +1,10 @@
+//#region src/migrations/20261005212405_global_style_on.ts
+const GLOBAL_STYLE_ON_VERSION = 20261005212405;
+const globalStyleOnMigration = {
+	version: GLOBAL_STYLE_ON_VERSION,
+	up(json) {
+		return json;
+	}
+};
+//#endregion
+export { GLOBAL_STYLE_ON_VERSION, globalStyleOnMigration };