@fastwork/xosmoz-theme 0.64.0 → 0.65.0

package/README.md

@@ -71,9 +71,7 @@ Surface and layout colors that adapt between light and dark themes.
 | `--xz-color-text-300` | Tertiary/disabled text (60% opacity) |
 | `--xz-color-bg-100` | Extreme base background (near-black in light, near-white in dark) |
 | `--xz-color-bg-200` | Darker base background |
-| `--xz-color-fg-100` | Text on `bg-100` (white in light, black in dark) |
-| `--xz-color-soft-100` | Very subtle overlay (4% opacity of bg) |
-| `--xz-color-soft-200` | Subtle overlay (7% opacity of bg) |
+| `--xz-color-text-fg` | Text on `bg-100` (white in light, black in dark) |
 | `--xz-color-line-50` | Subtle borders |
 | `--xz-color-line-100` | Default borders |
 | `--xz-color-line-200` | Strong/emphasized borders |
@@ -96,7 +94,7 @@ Each category follows the same token structure — replace `{name}` with the cat
 | `--xz-color-{name}-line-300` | Strong colored border (active states) |
 | `--xz-color-{name}-bg-100` | Solid fill (buttons, tags) |
 | `--xz-color-{name}-bg-200` | Darker solid fill (hover state) |
-| `--xz-color-{name}-fg-100` | Text on solid backgrounds — pair with `bg-100`/`bg-200` (typically white) |
+| `--xz-color-{name}-text-fg` | Text on solid backgrounds — pair with `bg-100`/`bg-200` (typically white) |
 | `--xz-color-{name}-text-100` | Colored text on surfaces (links, labels) |
 | `--xz-color-{name}-text-200` | Darker colored text on surfaces |
 
@@ -106,7 +104,7 @@ Each category follows the same token structure — replace `{name}` with the cat
 /* Primary button */
 .btn-primary {
   background: var(--xz-color-primary-bg-100);
-  color: var(--xz-color-primary-fg-100);  /* white text on solid bg */
+  color: var(--xz-color-primary-text-fg);  /* white text on solid bg */
 }
 .btn-primary:hover {
   background: var(--xz-color-primary-bg-200);
@@ -310,7 +308,7 @@ Override any CSS variable for a custom theme:
   --xz-color-text-100: oklch(0.20 0.006 285);
   --xz-color-line-50: oklch(0.95 0 1 / 0.95);
   --xz-color-primary-bg-100: oklch(0.58 0.25 30);
-  --xz-color-primary-fg-100: oklch(1 0 0 / 0.95);
+  --xz-color-primary-text-fg: oklch(1 0 0 / 0.95);
   --xz-color-primary-text-100: oklch(0.58 0.25 30);
   /* override other variables as needed */
 }
@@ -341,7 +339,7 @@ Then activate it:
 ```css
 .btn-primary {
   background: var(--xz-color-primary-bg-100);
-  color: var(--xz-color-primary-fg-100);
+  color: var(--xz-color-primary-text-fg);
   font: var(--xz-font-subtitle1-bold);
   border: none;
   border-radius: 0.5rem;
@@ -372,7 +370,7 @@ Then activate it:
 
 .alert-danger {
   background: var(--xz-color-danger-bg-100);
-  color: var(--xz-color-danger-fg-100);
+  color: var(--xz-color-danger-text-fg);
 }
 ```
 

package/dist/dart/xz_colors.generated.dart

@@ -35,16 +35,16 @@ class XzBaseScale {
   Color get shade200 => _shades[200]!;
   Color get shade300 => _shades[300]!;
   Color get shade400 => _shades[400]!;
+  Color get shadeNaN => _shades[NaN]!;
 }
 
-/// Semantic role color with soft, softSolid, line, bg, fg, text sub-groups.
+/// Semantic role color with soft, softSolid, line, bg, text sub-groups.
 class XzRoleColor {
   const XzRoleColor({
     this.soft = const {},
     this.softSolid = const {},
     this.line = const {},
     this.bg = const {},
-    this.fg = const {},
     this.text = const {},
   });
 
@@ -52,7 +52,6 @@ class XzRoleColor {
   final Map<int, Color> softSolid;
   final Map<int, Color> line;
   final Map<int, Color> bg;
-  final Map<int, Color> fg;
   final Map<int, Color> text;
 
   Color get soft100 => soft[100]!;
@@ -64,7 +63,6 @@ class XzRoleColor {
   Color get line300 => line[300]!;
   Color get bg100 => bg[100]!;
   Color get bg200 => bg[200]!;
-  Color get fg100 => fg[100]!;
   Color get text100 => text[100]!;
 }
 
@@ -108,8 +106,6 @@ class XzColors {
   const XzColors._({
     required this.bg,
     required this.surface,
-    required this.fg,
-    required this.soft,
     required this.text,
     required this.line,
     required this.primary,
@@ -134,8 +130,6 @@ class XzColors {
   // ── Semantic base (theme-dependent) ──
   final XzBaseScale bg;
   final XzBaseScale surface;
-  final XzBaseScale fg;
-  final XzBaseScale soft;
   final XzBaseScale text;
   final XzBaseScale line;
 
@@ -160,17 +154,11 @@ class XzColors {
       300: Color(0xFFEEEEEE),
       400: Color(0xFFE4E4E4),
     }),
-    fg: XzBaseScale({
-      100: Color(0xFFFFFFFF),
-    }),
-    soft: XzBaseScale({
-      100: Color(0x0A2B313B),
-      200: Color(0x122B313B),
-    }),
     text: XzBaseScale({
       100: Color(0xFF161616),
       200: Color(0xB3161616),
       300: Color(0x99161616),
+      NaN: Color(0xFFFFFFFF),
     }),
     line: XzBaseScale({
       50: Color(0xF7EBEFF5),
@@ -196,12 +184,10 @@ class XzColors {
         100: Color(0xFF0669FF),
         200: Color(0xFF005CE4),
       },
-      fg: {
-        100: Color(0xFFFFFFFF),
-      },
       text: {
         100: Color(0xFF0063F5),
         200: Color(0xFF003EA0),
+        NaN: Color(0xFFFFFFFF),
       },
     ),
     danger: XzRoleColor(
@@ -222,12 +208,10 @@ class XzColors {
         100: Color(0xFFE32A20),
         200: Color(0xFFD10606),
       },
-      fg: {
-        100: Color(0xFFFFFFFF),
-      },
       text: {
         100: Color(0xFFD40F0B),
         200: Color(0xFF8B0001),
+        NaN: Color(0xFFFFFFFF),
       },
     ),
     success: XzRoleColor(
@@ -248,12 +232,10 @@ class XzColors {
         100: Color(0xFF15C02D),
         200: Color(0xFF00AE23),
       },
-      fg: {
-        100: Color(0xF2000000),
-      },
       text: {
         100: Color(0xFF008A19),
         200: Color(0xFF00580C),
+        NaN: Color(0xF2000000),
       },
     ),
     warning: XzRoleColor(
@@ -274,12 +256,10 @@ class XzColors {
         100: Color(0xFFFFB508),
         200: Color(0xFFEBA600),
       },
-      fg: {
-        100: Color(0xF2000000),
-      },
       text: {
         100: Color(0xFF956800),
         200: Color(0xFF5F4100),
+        NaN: Color(0xF2000000),
       },
     ),
     info: XzRoleColor(
@@ -300,12 +280,10 @@ class XzColors {
         100: Color(0xFF00CAE7),
         200: Color(0xFF00B9D3),
       },
-      fg: {
-        100: Color(0xF2000000),
-      },
       text: {
         100: Color(0xFF008093),
         200: Color(0xFF00515E),
+        NaN: Color(0xF2000000),
       },
     ),
     neutral: XzRoleColor(
@@ -326,12 +304,10 @@ class XzColors {
         100: Color(0xFF798598),
         200: Color(0xFF6A7689),
       },
-      fg: {
-        100: Color(0xFFFFFFFF),
-      },
       text: {
         100: Color(0xFF677285),
         200: Color(0xFF3E4859),
+        NaN: Color(0xFFFFFFFF),
       },
     ),
   );
@@ -349,17 +325,11 @@ class XzColors {
       300: Color(0xFF373C47),
       400: Color(0xFF3B3F4B),
     }),
-    fg: XzBaseScale({
-      100: Color(0xFF000000),
-    }),
-    soft: XzBaseScale({
-      100: Color(0x0AF1F5FC),
-      200: Color(0x12F1F5FC),
-    }),
     text: XzBaseScale({
       100: Color(0xFFF2F2F2),
       200: Color(0xA6F2F2F2),
       300: Color(0x8CF2F2F2),
+      NaN: Color(0xFF000000),
     }),
     line: XzBaseScale({
       50: Color(0xF23E424D),
@@ -385,12 +355,10 @@ class XzColors {
         100: Color(0xFF0669FF),
         200: Color(0xFF347EFF),
       },
-      fg: {
-        100: Color(0xFFFFFFFF),
-      },
       text: {
         100: Color(0xFF7EAEFF),
         200: Color(0xFFB2CFFF),
+        NaN: Color(0xFFFFFFFF),
       },
     ),
     danger: XzRoleColor(
@@ -411,12 +379,10 @@ class XzColors {
         100: Color(0xFFE32A20),
         200: Color(0xFFF64032),
       },
-      fg: {
-        100: Color(0xFFFFFFFF),
-      },
       text: {
         100: Color(0xFFFF8575),
         200: Color(0xFFFFBAAF),
+        NaN: Color(0xFFFFFFFF),
       },
     ),
     success: XzRoleColor(
@@ -437,12 +403,10 @@ class XzColors {
         100: Color(0xFF15C02D),
         200: Color(0xFF35D141),
       },
-      fg: {
-        100: Color(0xF2000000),
-      },
       text: {
         100: Color(0xFF4BCD51),
         200: Color(0xFF6FEE72),
+        NaN: Color(0xF2000000),
       },
     ),
     warning: XzRoleColor(
@@ -463,12 +427,10 @@ class XzColors {
         100: Color(0xFFFFB508),
         200: Color(0xFFFFCC76),
       },
-      fg: {
-        100: Color(0xF2000000),
-      },
       text: {
         100: Color(0xFFE2A000),
         200: Color(0xFFFFC257),
+        NaN: Color(0xF2000000),
       },
     ),
     info: XzRoleColor(
@@ -489,12 +451,10 @@ class XzColors {
         100: Color(0xFF00CAE7),
         200: Color(0xFF31DBF8),
       },
-      fg: {
-        100: Color(0xF2000000),
-      },
       text: {
         100: Color(0xFF00C3DF),
         200: Color(0xFF50E3FF),
+        NaN: Color(0xF2000000),
       },
     ),
     neutral: XzRoleColor(
@@ -515,12 +475,10 @@ class XzColors {
         100: Color(0xFF798598),
         200: Color(0xFF8894A7),
       },
-      fg: {
-        100: Color(0xFFFFFFFF),
-      },
       text: {
         100: Color(0xFFA2AFC3),
         200: Color(0xFFC2CFE3),
+        NaN: Color(0xFFFFFFFF),
       },
     ),
   );

package/dist/figma-tokens/Dark.json

@@ -96,49 +96,6 @@
           }
         }
       },
-      "soft": {
-        "100": {
-          "$type": "color",
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0.945098,
-              0.960784,
-              0.988235
-            ],
-            "alpha": 0.0392156862745098,
-            "hex": "#F1F5FC0A"
-          }
-        },
-        "200": {
-          "$type": "color",
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0.945098,
-              0.960784,
-              0.988235
-            ],
-            "alpha": 0.07058823529411765,
-            "hex": "#F1F5FC12"
-          }
-        }
-      },
-      "fg": {
-        "100": {
-          "$type": "color",
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0,
-              0,
-              0
-            ],
-            "alpha": 1,
-            "hex": "#000000"
-          }
-        }
-      },
       "text": {
         "100": {
           "$type": "color",
@@ -178,6 +135,19 @@
             "alpha": 0.5490196078431373,
             "hex": "#F2F2F28C"
           }
+        },
+        "fg": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0,
+              0,
+              0
+            ],
+            "alpha": 1,
+            "hex": "#000000"
+          }
         }
       },
       "line": {
@@ -361,21 +331,6 @@
           }
         }
       },
-      "fg": {
-        "100": {
-          "$type": "color",
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              1,
-              1,
-              1
-            ],
-            "alpha": 1,
-            "hex": "#FFFFFF"
-          }
-        }
-      },
       "text": {
         "100": {
           "$type": "color",
@@ -402,6 +357,19 @@
             "alpha": 1,
             "hex": "#B2CFFF"
           }
+        },
+        "fg": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              1,
+              1,
+              1
+            ],
+            "alpha": 1,
+            "hex": "#FFFFFF"
+          }
         }
       }
     },
@@ -531,21 +499,6 @@
           }
         }
       },
-      "fg": {
-        "100": {
-          "$type": "color",
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              1,
-              1,
-              1
-            ],
-            "alpha": 1,
-            "hex": "#FFFFFF"
-          }
-        }
-      },
       "text": {
         "100": {
           "$type": "color",
@@ -572,6 +525,19 @@
             "alpha": 1,
             "hex": "#FFBAAF"
           }
+        },
+        "fg": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              1,
+              1,
+              1
+            ],
+            "alpha": 1,
+            "hex": "#FFFFFF"
+          }
         }
       }
     },
@@ -701,21 +667,6 @@
           }
         }
       },
-      "fg": {
-        "100": {
-          "$type": "color",
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0,
-              0,
-              0
-            ],
-            "alpha": 0.9490196078431372,
-            "hex": "#000000F2"
-          }
-        }
-      },
       "text": {
         "100": {
           "$type": "color",
@@ -742,6 +693,19 @@
             "alpha": 1,
             "hex": "#6FEE72"
           }
+        },
+        "fg": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0,
+              0,
+              0
+            ],
+            "alpha": 0.9490196078431372,
+            "hex": "#000000F2"
+          }
         }
       }
     },
@@ -871,21 +835,6 @@
           }
         }
       },
-      "fg": {
-        "100": {
-          "$type": "color",
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0,
-              0,
-              0
-            ],
-            "alpha": 0.9490196078431372,
-            "hex": "#000000F2"
-          }
-        }
-      },
       "text": {
         "100": {
           "$type": "color",
@@ -912,6 +861,19 @@
             "alpha": 1,
             "hex": "#FFC257"
           }
+        },
+        "fg": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0,
+              0,
+              0
+            ],
+            "alpha": 0.9490196078431372,
+            "hex": "#000000F2"
+          }
         }
       }
     },
@@ -1041,21 +1003,6 @@
           }
         }
       },
-      "fg": {
-        "100": {
-          "$type": "color",
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0,
-              0,
-              0
-            ],
-            "alpha": 0.9490196078431372,
-            "hex": "#000000F2"
-          }
-        }
-      },
       "text": {
         "100": {
           "$type": "color",
@@ -1082,6 +1029,19 @@
             "alpha": 1,
             "hex": "#50E3FF"
           }
+        },
+        "fg": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0,
+              0,
+              0
+            ],
+            "alpha": 0.9490196078431372,
+            "hex": "#000000F2"
+          }
         }
       }
     },
@@ -1211,21 +1171,6 @@
           }
         }
       },
-      "fg": {
-        "100": {
-          "$type": "color",
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              1,
-              1,
-              1
-            ],
-            "alpha": 1,
-            "hex": "#FFFFFF"
-          }
-        }
-      },
       "text": {
         "100": {
           "$type": "color",
@@ -1252,6 +1197,19 @@
             "alpha": 1,
             "hex": "#C2CFE3"
           }
+        },
+        "fg": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              1,
+              1,
+              1
+            ],
+            "alpha": 1,
+            "hex": "#FFFFFF"
+          }
         }
       }
     },
@@ -1381,21 +1339,6 @@
           }
         }
       },
-      "fg": {
-        "100": {
-          "$type": "color",
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0,
-              0,
-              0
-            ],
-            "alpha": 1,
-            "hex": "#000000"
-          }
-        }
-      },
       "text": {
         "100": {
           "$type": "color",
@@ -1422,6 +1365,19 @@
             "alpha": 1,
             "hex": "#FFBD93"
           }
+        },
+        "fg": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0,
+              0,
+              0
+            ],
+            "alpha": 1,
+            "hex": "#000000"
+          }
         }
       }
     },
@@ -1551,21 +1507,6 @@
           }
         }
       },
-      "fg": {
-        "100": {
-          "$type": "color",
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0,
-              0,
-              0
-            ],
-            "alpha": 1,
-            "hex": "#000000"
-          }
-        }
-      },
       "text": {
         "100": {
           "$type": "color",
@@ -1592,6 +1533,19 @@
             "alpha": 1,
             "hex": "#CFC4FF"
           }
+        },
+        "fg": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0,
+              0,
+              0
+            ],
+            "alpha": 1,
+            "hex": "#000000"
+          }
         }
       }
     },