@maltjoy/mcp-server 0.3.2 → 0.4.0

package/dist/doc/VJoyWrapper/metadata.json

@@ -1,8 +1,22 @@
 {
   "name": "JoyWrapper",
   "displayName": "VJoyWrapper",
-  "description": "A flexible CSS flexbox utility wrapper component for creating responsive layouts with consistent spacing. Features comprehensive flexbox controls including justify-content, align-items, flex-direction, and wrap properties. Includes automatic gap management, item stretching capabilities, and margin controls. Perfect for form layouts, button groups, and any content that needs structured, responsive arrangement with minimal CSS.",
+  "description": "A flexible CSS flexbox utility wrapper component for creating responsive layouts with consistent spacing.\nFeatures comprehensive flexbox controls including justify-content, align-items, flex-direction, and wrap properties.\nIncludes automatic gap management, item stretching capabilities, and margin controls. Perfect for form layouts,\nbutton groups, and any content that needs structured, responsive arrangement with minimal CSS.",
+  "category": "Layout",
   "props": [
+    {
+      "name": "align",
+      "type": "TJoyWrapperAlign | undefined",
+      "required": false,
+      "default": "\"center\"",
+      "description": "Vertical spread. Refers to CSS flex align-items.",
+      "possibleValues": [
+        "center",
+        "flex-start",
+        "flex-end",
+        "stretch"
+      ]
+    },
     {
       "name": "direction",
       "type": "TJoyWrapperDirection | undefined",
@@ -38,19 +52,6 @@
         "true"
       ]
     },
-    {
-      "name": "align",
-      "type": "TJoyWrapperAlign | undefined",
-      "required": false,
-      "default": "\"center\"",
-      "description": "Vertical spread. Refers to CSS flex align-items.",
-      "possibleValues": [
-        "center",
-        "flex-start",
-        "flex-end",
-        "stretch"
-      ]
-    },
     {
       "name": "wrap",
       "type": "TJoyWrapperWrap | undefined",
@@ -125,6 +126,11 @@
     }
   ],
   "exposed": [
+    {
+      "name": "align",
+      "type": "TJoyWrapperAlign",
+      "isMethod": false
+    },
     {
       "name": "direction",
       "type": "TJoyWrapperDirection",
@@ -140,11 +146,6 @@
       "type": "boolean",
       "isMethod": false
     },
-    {
-      "name": "align",
-      "type": "TJoyWrapperAlign",
-      "isMethod": false
-    },
     {
       "name": "wrap",
       "type": "TJoyWrapperWrap",

package/dist/doc/css-classes.json

@@ -60,6 +60,8 @@
     ".joy-bgcolor-neutral-20",
     ".joy-color-neutral-30",
     ".joy-bgcolor-neutral-30",
+    ".joy-color-neutral-35",
+    ".joy-bgcolor-neutral-35",
     ".joy-color-neutral-40",
     ".joy-bgcolor-neutral-40",
     ".joy-color-neutral-50",

package/dist/doc/design-tokens.json

@@ -30,6 +30,7 @@
     "--joy-color-neutral-10": "#fcfcfc",
     "--joy-color-neutral-20": "#f7f7f5",
     "--joy-color-neutral-30": "#e0ded9",
+    "--joy-color-neutral-35": "#b7b6b2",
     "--joy-color-neutral-40": "#737370",
     "--joy-color-neutral-50": "#4b4b4b",
     "--joy-color-neutral-60": "#333330",
@@ -54,34 +55,33 @@
     "--joy-color-ai-gradient-30": "linear-gradient(90deg, rgba(144,53,162,1) 0%, rgba(252,87,87,0.85) 100%)",
     "--joy-color-ai-gradient-70": "linear-gradient(90deg, rgba(109,40,123,1) 0%, rgba(251,35,35,0.85) 100%)",
     "--joy-color-ai-gradient-100": "linear-gradient(90deg, rgba(75,28,85,1) 0%, rgba(230,4,4,0.85) 100%)",
+    "--joy-color-overlay": "rgba(51, 51, 48, 0.4)",
+    "--joy-color-shadow-base": "rgba(24, 24, 24, 0.16)",
     "--joy-color-text-body": "var(--joy-color-neutral-50)",
     "--joy-color-text-title": "var(--joy-color-neutral-60)",
     "--joy-color-text-disabled": "var(--joy-color-neutral-30)",
-    "--joy-color-state-disabled-border": "var(--joy-color-neutral-30)",
-    "--joy-color-state-disabled-background": "var(--joy-color-neutral-30)",
+    "--joy-color-state-disabled-border": "var(--joy-color-neutral-35)",
+    "--joy-color-state-disabled-background": "var(--joy-color-neutral-20)",
     "--joy-color-state-focus": "var(--joy-color-secondary-50)",
     "--joy-color-state-hover": "var(--joy-color-secondary-50)",
     "--joy-color-state-error": "var(--joy-color-error-50)",
     "--joy-color-state-hover-error": "var(--joy-color-error-90)",
-    "--joy-color-overlay": "rgba(51, 51, 48, 0.4)",
-    "--joy-color-background-skeleton": "linear-gradient(110deg, var(--joy-color-neutral-20) 8%, var(--joy-color-neutral-10) 18%, var(--joy-color-neutral-20) 33%)",
-    "--joy-color-shadow-base": "rgba(24, 24, 24, 0.16)"
+    "--joy-color-background-skeleton": "linear-gradient(110deg, var(--joy-color-neutral-20) 8%, var(--joy-color-neutral-10) 18%, var(--joy-color-neutral-20) 33%)"
   },
   "spacing": {
-    "--joy-core-spacing-0": "calc(var(--joy-core-spacing-base) / 2)",
-    "--joy-core-spacing-1": "calc(var(--joy-core-spacing-base) * 1)",
-    "--joy-core-spacing-2": "calc(var(--joy-core-spacing-base) * 2)",
-    "--joy-core-spacing-3": "calc(var(--joy-core-spacing-base) * 3)",
-    "--joy-core-spacing-4": "calc(var(--joy-core-spacing-base) * 4)",
-    "--joy-core-spacing-5": "calc(var(--joy-core-spacing-base) * 5)",
-    "--joy-core-spacing-6": "calc(var(--joy-core-spacing-base) * 6)",
-    "--joy-core-spacing-7": "calc(var(--joy-core-spacing-base) * 7)",
-    "--joy-core-spacing-8": "calc(var(--joy-core-spacing-base) * 8)",
-    "--joy-core-spacing-9": "calc(var(--joy-core-spacing-base) * 10)",
-    "--joy-core-spacing-10": "calc(var(--joy-core-spacing-base) * 12)",
-    "--joy-core-spacing-11": "calc(var(--joy-core-spacing-base) * 14)",
-    "--joy-core-spacing-12": "calc(var(--joy-core-spacing-base) * 16)",
-    "--joy-core-spacing-base": "4px"
+    "--joy-core-spacing-0": "2px",
+    "--joy-core-spacing-1": "4px",
+    "--joy-core-spacing-2": "8px",
+    "--joy-core-spacing-3": "12px",
+    "--joy-core-spacing-4": "16px",
+    "--joy-core-spacing-5": "20px",
+    "--joy-core-spacing-6": "24px",
+    "--joy-core-spacing-7": "28px",
+    "--joy-core-spacing-8": "32px",
+    "--joy-core-spacing-9": "40px",
+    "--joy-core-spacing-10": "48px",
+    "--joy-core-spacing-11": "56px",
+    "--joy-core-spacing-12": "64px"
   },
   "typography": {
     "--joy-line-height-small": "1.05",
@@ -111,11 +111,11 @@
     "--joy-core-radius-6": "50%"
   },
   "elevation": {
-    "--joy-core-elevation-0": "0 0 0 0 rgba(24, 24, 24, 0.16)",
-    "--joy-core-elevation-1": "0 2px 4px 0 rgba(24, 24, 24, 0.16)",
-    "--joy-core-elevation-2": "0 4px 12px 0 rgba(24, 24, 24, 0.16)",
-    "--joy-core-elevation-3": "0 6px 24px 0 rgba(24, 24, 24, 0.16)",
-    "--joy-core-elevation-4": "0 8px 32px 0 rgba(24, 24, 24, 0.16)"
+    "--joy-core-elevation-0": "0 0 0 0 var(--joy-color-shadow-base)",
+    "--joy-core-elevation-1": "0 2px 4px 0 var(--joy-color-shadow-base)",
+    "--joy-core-elevation-2": "0 4px 12px 0 var(--joy-color-shadow-base)",
+    "--joy-core-elevation-3": "0 6px 24px 0 var(--joy-color-shadow-base)",
+    "--joy-core-elevation-4": "0 8px 32px 0 var(--joy-color-shadow-base)"
   },
   "zIndex": {
     "--joy-core-z-index-fixed-content": "20",
@@ -135,18 +135,18 @@
   },
   "forms": {
     "--joy-form-border-width": "2px",
+    "--joy-form-field-radius-xxsmall": "12px",
+    "--joy-form-field-radius-xsmall": "16px",
+    "--joy-form-field-radius-small": "20px",
+    "--joy-form-field-radius-medium": "24px",
+    "--joy-form-field-radius-large": "32px",
+    "--joy-form-field-focus-width": "2px",
     "--joy-form-field-height-xxsmall": "var(--joy-core-spacing-6)",
     "--joy-form-field-height-xsmall": "var(--joy-core-spacing-8)",
     "--joy-form-field-height-small": "var(--joy-core-spacing-9)",
     "--joy-form-field-height-medium": "var(--joy-core-spacing-10)",
     "--joy-form-field-height-large": "var(--joy-core-spacing-12)",
-    "--joy-form-field-radius-xxsmall": "calc(var(--joy-form-field-height-xxsmall) / 2)",
-    "--joy-form-field-radius-xsmall": "calc(var(--joy-form-field-height-xsmall) / 2)",
-    "--joy-form-field-radius-small": "calc(var(--joy-form-field-height-small) / 2)",
-    "--joy-form-field-radius-medium": "calc(var(--joy-form-field-height-medium) / 2)",
-    "--joy-form-field-radius-large": "calc(var(--joy-form-field-height-large) / 2)",
     "--joy-form-field-focus-color": "var(--joy-color-information-50)",
-    "--joy-form-field-focus-width": "2px",
     "--joy-form-field-focus-shadow": "0 0 0 var(--joy-form-field-focus-width) var(--joy-form-field-focus-color)"
   }
 }