@fastwork/xosmoz-theme 0.47.0 → 0.49.0

package/README.md

@@ -72,9 +72,10 @@ Surface and layout colors that adapt between light and dark themes.
 | `--xz-color-fg-100` | Text on `bg-100` (white in light, black in dark) |
 | `--xz-color-soft-100` | Very subtle overlay (5% opacity of bg) |
 | `--xz-color-soft-200` | Subtle overlay (10% opacity of bg) |
-| `--xz-color-line-100` | Subtle borders |
-| `--xz-color-line-200` | Default borders |
-| `--xz-color-line-300` | Strong/emphasized borders |
+| `--xz-color-line-50` | Subtle borders |
+| `--xz-color-line-100` | Default borders |
+| `--xz-color-line-200` | Strong/emphasized borders |
+| `--xz-color-line-300` | Strongest borders |
 
 ### Semantic Colors
 
@@ -294,7 +295,7 @@ Override any CSS variable for a custom theme:
   --xz-color-surface-100: oklch(1.00 0 0);
   --xz-color-surface-200: oklch(0.98 0.005 260);
   --xz-color-text-100: oklch(0.20 0.006 285);
-  --xz-color-line-100: oklch(0.95 0 1 / 0.95);
+  --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-100: oklch(0.58 0.25 30);
@@ -316,7 +317,7 @@ Then activate it:
 .card {
   background: var(--xz-color-surface-200);
   color: var(--xz-color-text-100);
-  border: 1px solid var(--xz-color-line-100);
+  border: 1px solid var(--xz-color-line-50);
   border-radius: 0.75rem;
   box-shadow: var(--xz-box-shadow-200);
 }
@@ -368,7 +369,7 @@ Then activate it:
 .input {
   background: var(--xz-color-surface-100);
   color: var(--xz-color-text-100);
-  border: 1px solid var(--xz-color-line-200);
+  border: 1px solid var(--xz-color-line-100);
   font: var(--xz-font-body1);
 }
 .input:focus {

package/dist/base.css

@@ -124,19 +124,19 @@ body {
     --xz-font-heading4: 700 2rem/1.5 Google Sans, "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
     --xz-font-heading5: 700 1.625rem/1.5 Google Sans, "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
     --xz-font-heading6: 700 1.5rem/1.5 Google Sans, "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
-    --xz-font-title1: 700 1.25rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
-    --xz-font-title2: 700 1.125rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
-    --xz-font-title3: 700 1rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
-    --xz-font-title4: 700 0.875rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
-    --xz-font-subtitle1-bold: 700 0.875rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
-    --xz-font-subtitle1-regular: 400 0.875rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
-    --xz-font-subtitle2-bold: 700 0.75rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
-    --xz-font-subtitle2-regular: 400 0.75rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
-    --xz-font-subtitle3-bold: 700 0.625rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
-    --xz-font-subtitle3-regular: 400 0.625rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
-    --xz-font-body1: 400 0.875rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
-    --xz-font-body2: 400 0.75rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
-    --xz-font-body3: 400 0.625rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
-    --xz-font-body4: 400 0.5rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+    --xz-font-title1: 700 1.5rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+    --xz-font-title2: 700 1.25rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+    --xz-font-title3: 700 1.125rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+    --xz-font-title4: 700 1rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+    --xz-font-subtitle1-bold: 700 1rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+    --xz-font-subtitle1-regular: 400 1rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+    --xz-font-subtitle2-bold: 700 0.875rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+    --xz-font-subtitle2-regular: 400 0.875rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+    --xz-font-subtitle3-bold: 700 0.75rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+    --xz-font-subtitle3-regular: 400 0.75rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+    --xz-font-body1: 400 1rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+    --xz-font-body2: 400 0.875rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+    --xz-font-body3: 400 0.75rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+    --xz-font-body4: 400 0.625rem/1.5 Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   }
 }

package/dist/dart/xz_colors.generated.dart

@@ -155,27 +155,28 @@ class XzColors {
     }),
     surface: XzBaseScale({
       50: Color(0xFFFFFFFF),
-      100: Color(0xFFF6F9FC),
-      200: Color(0xFFEEF2F9),
-      300: Color(0xFFEBEFF5),
-      400: Color(0xFFE1E5EB),
+      100: Color(0xFFF8F8F8),
+      200: Color(0xFFF2F2F2),
+      300: Color(0xFFEEEEEE),
+      400: Color(0xFFE4E4E4),
     }),
     fg: XzBaseScale({
       100: Color(0xFFFFFFFF),
     }),
     soft: XzBaseScale({
-      100: Color(0x062B313B),
-      200: Color(0x0D2B313B),
+      100: Color(0x0A2B313B),
+      200: Color(0x122B313B),
     }),
     text: XzBaseScale({
-      100: Color(0xFF18181B),
-      200: Color(0xB318181B),
-      300: Color(0x9918181B),
+      100: Color(0xFF161616),
+      200: Color(0xB3161616),
+      300: Color(0x99161616),
     }),
     line: XzBaseScale({
-      100: Color(0xF2E9EDF4),
-      200: Color(0xF2DADEE5),
-      300: Color(0xF2CACED4),
+      50: Color(0xF7EBEFF5),
+      100: Color(0xF7DADEE5),
+      200: Color(0xF7CACED4),
+      300: Color(0xF7BABEC4),
     }),
     primary: XzRoleColor(
       soft: {
@@ -183,13 +184,13 @@ class XzColors {
         200: Color(0x290669FF),
       },
       softSolid: {
-        100: Color(0xFFE0ECFE),
-        200: Color(0xFFD3E4FF),
+        100: Color(0xFFE2EBFB),
+        200: Color(0xFFD4E3FC),
       },
       line: {
-        100: Color(0xFFBCD2F7),
-        200: Color(0xFF83ACEF),
-        300: Color(0xFF6294E9),
+        100: Color(0xFFBED2F4),
+        200: Color(0xFF84ACED),
+        300: Color(0xFF6294E8),
       },
       bg: {
         100: Color(0xFF0669FF),
@@ -209,13 +210,13 @@ class XzColors {
         200: Color(0x29E32A20),
       },
       softSolid: {
-        100: Color(0xFFF8E7E7),
-        200: Color(0xFFF9DCDA),
+        100: Color(0xFFFAE6E3),
+        200: Color(0xFFFADCD6),
       },
       line: {
-        100: Color(0xFFF0C5C1),
-        200: Color(0xFFE39287),
-        300: Color(0xFFDA7265),
+        100: Color(0xFFF1C5BE),
+        200: Color(0xFFE49285),
+        300: Color(0xFFDA7264),
       },
       bg: {
         100: Color(0xFFE32A20),
@@ -235,13 +236,13 @@ class XzColors {
         200: Color(0x2915C02D),
       },
       softSolid: {
-        100: Color(0xFFE5F4E9),
-        200: Color(0xFFDAF1DE),
+        100: Color(0xFFE6F3E6),
+        200: Color(0xFFDCF0DB),
       },
       line: {
-        100: Color(0xFFC0D9C3),
-        200: Color(0xFF8BB98C),
-        300: Color(0xFF6AA66C),
+        100: Color(0xFFC2D8C1),
+        200: Color(0xFF8CB98A),
+        300: Color(0xFF6BA66A),
       },
       bg: {
         100: Color(0xFF15C02D),
@@ -261,13 +262,13 @@ class XzColors {
         200: Color(0x29FFB508),
       },
       softSolid: {
-        100: Color(0xFFF7F3EA),
-        200: Color(0xFFF8EFDF),
+        100: Color(0xFFF9F2E7),
+        200: Color(0xFFFAEEDC),
       },
       line: {
-        100: Color(0xFFD9D0C1),
-        200: Color(0xFFBCA888),
-        300: Color(0xFFAB9066),
+        100: Color(0xFFDACFBF),
+        200: Color(0xFFBDA886),
+        300: Color(0xFFAB9065),
       },
       bg: {
         100: Color(0xFFFFB508),
@@ -287,13 +288,13 @@ class XzColors {
         200: Color(0x2900CAE7),
       },
       softSolid: {
-        100: Color(0xFFE6F5FA),
-        200: Color(0xFFDCF2F9),
+        100: Color(0xFFE8F4F7),
+        200: Color(0xFFDEF1F6),
       },
       line: {
-        100: Color(0xFFC0D5DC),
-        200: Color(0xFF8BB3BD),
-        300: Color(0xFF6A9EAB),
+        100: Color(0xFFC2D5DA),
+        200: Color(0xFF8CB3BB),
+        300: Color(0xFF6B9EAA),
       },
       bg: {
         100: Color(0xFF00CAE7),
@@ -313,13 +314,13 @@ class XzColors {
         200: Color(0x29798598),
       },
       softSolid: {
-        100: Color(0xFFE9EDF2),
-        200: Color(0xFFE1E6EB),
+        100: Color(0xFFEBECEE),
+        200: Color(0xFFE3E5E8),
       },
       line: {
-        100: Color(0xFFCDD1D9),
-        200: Color(0xFFA4ABB7),
-        300: Color(0xFF8D95A3),
+        100: Color(0xFFCED1D6),
+        200: Color(0xFFA5ABB5),
+        300: Color(0xFF8D95A2),
       },
       bg: {
         100: Color(0xFF798598),
@@ -352,18 +353,19 @@ class XzColors {
       100: Color(0xFF000000),
     }),
     soft: XzBaseScale({
-      100: Color(0x06F1F5FC),
-      200: Color(0x0DF1F5FC),
+      100: Color(0x0AF1F5FC),
+      200: Color(0x12F1F5FC),
     }),
     text: XzBaseScale({
-      100: Color(0xFFEEF2F9),
-      200: Color(0xA6EEF2F9),
-      300: Color(0x8CEEF2F9),
+      100: Color(0xFFF2F2F2),
+      200: Color(0xA6F2F2F2),
+      300: Color(0x8CF2F2F2),
     }),
     line: XzBaseScale({
-      100: Color(0xF23E424D),
-      200: Color(0xF2484D58),
-      300: Color(0xF25E636F),
+      50: Color(0xF23E424D),
+      100: Color(0xF2484D58),
+      200: Color(0xF25E636F),
+      300: Color(0xF2757A87),
     }),
     primary: XzRoleColor(
       soft: {

package/dist/figma-tokens/Dark.json

@@ -106,8 +106,8 @@
               0.960784,
               0.988235
             ],
-            "alpha": 0.023529411764705882,
-            "hex": "#F1F5FC06"
+            "alpha": 0.0392156862745098,
+            "hex": "#F1F5FC0A"
           }
         },
         "200": {
@@ -119,8 +119,8 @@
               0.960784,
               0.988235
             ],
-            "alpha": 0.050980392156862744,
-            "hex": "#F1F5FC0D"
+            "alpha": 0.07058823529411765,
+            "hex": "#F1F5FC12"
           }
         }
       },
@@ -145,12 +145,12 @@
           "$value": {
             "colorSpace": "srgb",
             "components": [
-              0.933333,
               0.94902,
-              0.976471
+              0.94902,
+              0.94902
             ],
             "alpha": 1,
-            "hex": "#EEF2F9"
+            "hex": "#F2F2F2"
           }
         },
         "200": {
@@ -158,12 +158,12 @@
           "$value": {
             "colorSpace": "srgb",
             "components": [
-              0.933333,
               0.94902,
-              0.976471
+              0.94902,
+              0.94902
             ],
             "alpha": 0.6509803921568628,
-            "hex": "#EEF2F9A6"
+            "hex": "#F2F2F2A6"
           }
         },
         "300": {
@@ -171,17 +171,17 @@
           "$value": {
             "colorSpace": "srgb",
             "components": [
-              0.933333,
               0.94902,
-              0.976471
+              0.94902,
+              0.94902
             ],
             "alpha": 0.5490196078431373,
-            "hex": "#EEF2F98C"
+            "hex": "#F2F2F28C"
           }
         }
       },
       "line": {
-        "100": {
+        "50": {
           "$type": "color",
           "$value": {
             "colorSpace": "srgb",
@@ -194,7 +194,7 @@
             "hex": "#3E424DF2"
           }
         },
-        "200": {
+        "100": {
           "$type": "color",
           "$value": {
             "colorSpace": "srgb",
@@ -207,7 +207,7 @@
             "hex": "#484D58F2"
           }
         },
-        "300": {
+        "200": {
           "$type": "color",
           "$value": {
             "colorSpace": "srgb",
@@ -219,6 +219,19 @@
             "alpha": 0.9490196078431372,
             "hex": "#5E636FF2"
           }
+        },
+        "300": {
+          "$type": "color",
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.458824,
+              0.478431,
+              0.529412
+            ],
+            "alpha": 0.9490196078431372,
+            "hex": "#757A87F2"
+          }
         }
       }
     },