@rovula/ui 0.1.7 → 0.1.9

package/src/theme/figma-mcp-component-checklist.json

@@ -0,0 +1,1250 @@
+{
+  "version": 1,
+  "description": "Representative MCP nodes to validate button token/state mapping without scanning every permutation",
+  "coverageMode": "representative-minimum",
+  "components": [
+    {
+      "name": "Button/Primary/Solid/Default/L/NoIcon",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:17724",
+      "figmaVariant": {
+        "type": "Primary",
+        "style": "Solid",
+        "state": "Default",
+        "size": "L",
+        "iconStart": "No",
+        "iconEnd": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Primary/Solid/Default/L/NoIcon/Capsule",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9057:12622",
+      "figmaVariant": {
+        "type": "Primary",
+        "style": "Solid",
+        "state": "Default",
+        "size": "L",
+        "shape": "Capsule",
+        "iconStart": "No",
+        "iconEnd": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/themes/variable.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon", "shape"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Primary/Outline/Default/L/NoIcon/Capsule",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9057:12630",
+      "figmaVariant": {
+        "type": "Primary",
+        "style": "Outline",
+        "state": "Default",
+        "size": "L",
+        "shape": "Capsule",
+        "iconStart": "No",
+        "iconEnd": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon", "shape"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Primary/Text/Default/L/NoIcon/Capsule",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9057:12638",
+      "figmaVariant": {
+        "type": "Primary",
+        "style": "Text",
+        "state": "Default",
+        "size": "L",
+        "shape": "Capsule",
+        "iconStart": "No",
+        "iconEnd": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon", "shape"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Primary/Solid/Default/M/NoIcon/Capsule",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9057:12673",
+      "figmaVariant": {
+        "type": "Primary",
+        "style": "Solid",
+        "state": "Default",
+        "size": "M",
+        "shape": "Capsule",
+        "iconStart": "No",
+        "iconEnd": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/themes/variable.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon", "shape"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Primary/Outline/Pressed/M/NoIcon/Capsule",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9057:12698",
+      "figmaVariant": {
+        "type": "Primary",
+        "style": "Outline",
+        "state": "Pressed",
+        "size": "M",
+        "shape": "Capsule",
+        "iconStart": "No",
+        "iconEnd": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon", "shape"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Primary/Solid/Pressed/S/IconEnd/Capsule",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9057:12614",
+      "figmaVariant": {
+        "type": "Primary",
+        "style": "Solid",
+        "state": "Pressed",
+        "size": "S",
+        "shape": "Capsule",
+        "iconStart": "No",
+        "iconEnd": "Yes"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon", "shape"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Primary/Outline/Disable/S/IconEnd/Capsule",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9057:12586",
+      "figmaVariant": {
+        "type": "Primary",
+        "style": "Outline",
+        "state": "Disable",
+        "size": "S",
+        "shape": "Capsule",
+        "iconStart": "No",
+        "iconEnd": "Yes"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon", "shape"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Primary/Outline/Default/L/NoIcon",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:17740",
+      "figmaVariant": {
+        "type": "Primary",
+        "style": "Outline",
+        "state": "Default",
+        "size": "L",
+        "iconStart": "No",
+        "iconEnd": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Primary/Text/Default/L/NoIcon",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:17756",
+      "figmaVariant": {
+        "type": "Primary",
+        "style": "Text",
+        "state": "Default",
+        "size": "L",
+        "iconStart": "No",
+        "iconEnd": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Primary/Solid/Hover/L/NoIcon",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:17810",
+      "figmaVariant": {
+        "type": "Primary",
+        "style": "Solid",
+        "state": "Hover",
+        "size": "L",
+        "iconStart": "No",
+        "iconEnd": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Primary/Outline/Pressed/L/NoIcon",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:17774",
+      "figmaVariant": {
+        "type": "Primary",
+        "style": "Outline",
+        "state": "Pressed",
+        "size": "L",
+        "iconStart": "No",
+        "iconEnd": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Primary/Text/Loading/L/NoIcon",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:17795",
+      "figmaVariant": {
+        "type": "Primary",
+        "style": "Text",
+        "state": "Loading",
+        "size": "L",
+        "iconStart": "No",
+        "iconEnd": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Primary/Solid/Disable/L/NoIcon",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:17738",
+      "figmaVariant": {
+        "type": "Primary",
+        "style": "Solid",
+        "state": "Disable",
+        "size": "L",
+        "iconStart": "No",
+        "iconEnd": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Primary/Solid/Default/M/NoIcon",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:17829",
+      "figmaVariant": {
+        "type": "Primary",
+        "style": "Solid",
+        "state": "Default",
+        "size": "M",
+        "iconStart": "No",
+        "iconEnd": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Primary/Solid/Default/S/NoIcon",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:17934",
+      "figmaVariant": {
+        "type": "Primary",
+        "style": "Solid",
+        "state": "Default",
+        "size": "S",
+        "iconStart": "No",
+        "iconEnd": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Primary/Solid/Default/L/IconStart",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:16788",
+      "figmaVariant": {
+        "type": "Primary",
+        "style": "Solid",
+        "state": "Default",
+        "size": "L",
+        "iconStart": "Yes",
+        "iconEnd": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Primary/Solid/Default/L/IconEnd",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:17256",
+      "figmaVariant": {
+        "type": "Primary",
+        "style": "Solid",
+        "state": "Default",
+        "size": "L",
+        "iconStart": "No",
+        "iconEnd": "Yes"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Secondary/Solid/Default/L/NoIcon",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:17726",
+      "figmaVariant": {
+        "type": "Secondary",
+        "style": "Solid",
+        "state": "Default",
+        "size": "L",
+        "iconStart": "No",
+        "iconEnd": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Specific-Warning/Outline/Hover/L/NoIcon",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:17785",
+      "figmaVariant": {
+        "type": "Specific-Warning",
+        "style": "Outline",
+        "state": "Hover",
+        "size": "L",
+        "iconStart": "No",
+        "iconEnd": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Specific-Success/Text/Default/M/NoIcon",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:17871",
+      "figmaVariant": {
+        "type": "Specific-Success",
+        "style": "Text",
+        "state": "Default",
+        "size": "M",
+        "iconStart": "No",
+        "iconEnd": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "Button/Specific-Error/Solid/Default/L/NoIcon",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:17736",
+      "figmaVariant": {
+        "type": "Specific-Error",
+        "style": "Solid",
+        "state": "Default",
+        "size": "L",
+        "iconStart": "No",
+        "iconEnd": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Button/Button.tsx",
+        "styles": "src/components/Button/Button.styles.ts",
+        "tokens": "src/theme/tokens/components/button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "ActionButton/Function/Solid/Default/L/Round",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:18043",
+      "figmaVariant": {
+        "type": "Function",
+        "style": "Solid",
+        "state": "Default",
+        "size": "L",
+        "shape": "Round",
+        "iconOnly": true
+      },
+      "codeRef": {
+        "component": "src/components/ActionButton/ActionButton.tsx",
+        "styles": "src/components/ActionButton/ActionButton.styles.ts",
+        "tokens": "src/theme/tokens/components/action-button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "ActionButton/Function/Outline/Default/L/Round",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:18045",
+      "figmaVariant": {
+        "type": "Function",
+        "style": "Outline",
+        "state": "Default",
+        "size": "L",
+        "shape": "Round",
+        "iconOnly": true
+      },
+      "codeRef": {
+        "component": "src/components/ActionButton/ActionButton.tsx",
+        "styles": "src/components/ActionButton/ActionButton.styles.ts",
+        "tokens": "src/theme/tokens/components/action-button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "ActionButton/Function/Icon/Default/L/Round",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:18047",
+      "figmaVariant": {
+        "type": "Function",
+        "style": "Icon",
+        "state": "Default",
+        "size": "L",
+        "shape": "Round",
+        "iconOnly": true
+      },
+      "codeRef": {
+        "component": "src/components/ActionButton/ActionButton.tsx",
+        "styles": "src/components/ActionButton/ActionButton.styles.ts",
+        "tokens": "src/theme/tokens/components/action-button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "ActionButton/Function/Solid/Hover/L/Round",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:18065",
+      "figmaVariant": {
+        "type": "Function",
+        "style": "Solid",
+        "state": "Hover",
+        "size": "L",
+        "shape": "Round",
+        "iconOnly": true
+      },
+      "codeRef": {
+        "component": "src/components/ActionButton/ActionButton.tsx",
+        "styles": "src/components/ActionButton/ActionButton.styles.ts",
+        "tokens": "src/theme/tokens/components/action-button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "ActionButton/Function/Outline/Active/L/Round",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:18089",
+      "figmaVariant": {
+        "type": "Function",
+        "style": "Outline",
+        "state": "Active",
+        "size": "L",
+        "shape": "Round",
+        "iconOnly": true
+      },
+      "codeRef": {
+        "component": "src/components/ActionButton/ActionButton.tsx",
+        "styles": "src/components/ActionButton/ActionButton.styles.ts",
+        "tokens": "src/theme/tokens/components/action-button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "ActionButton/Function/Outline/Active-Hover/L/Round",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:18111",
+      "figmaVariant": {
+        "type": "Function",
+        "style": "Outline",
+        "state": "Active - Hover",
+        "size": "L",
+        "shape": "Round",
+        "iconOnly": true
+      },
+      "codeRef": {
+        "component": "src/components/ActionButton/ActionButton.tsx",
+        "styles": "src/components/ActionButton/ActionButton.styles.ts",
+        "tokens": "src/theme/tokens/components/action-button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "ActionButton/Function/Outline/Disable/L/Round",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:18133",
+      "figmaVariant": {
+        "type": "Function",
+        "style": "Outline",
+        "state": "Disable",
+        "size": "L",
+        "shape": "Round",
+        "iconOnly": true
+      },
+      "codeRef": {
+        "component": "src/components/ActionButton/ActionButton.tsx",
+        "styles": "src/components/ActionButton/ActionButton.styles.ts",
+        "tokens": "src/theme/tokens/components/action-button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "ActionButton/Function/Icon/Default/XXS/Round",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9044:18063",
+      "figmaVariant": {
+        "type": "Function",
+        "style": "Icon",
+        "state": "Default",
+        "size": "XXS",
+        "shape": "Round",
+        "iconOnly": true
+      },
+      "codeRef": {
+        "component": "src/components/ActionButton/ActionButton.tsx",
+        "styles": "src/components/ActionButton/ActionButton.styles.ts",
+        "tokens": "src/theme/tokens/components/action-button.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "TextInput/Default/Outline/L/Required",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "42037:209129",
+      "figmaVariant": {
+        "type": "TextField",
+        "style": "Outline",
+        "state": "Default",
+        "size": "L",
+        "required": true
+      },
+      "codeRef": {
+        "component": "src/components/TextInput/TextInput.tsx",
+        "styles": "src/components/TextInput/TextInput.styles.ts",
+        "tokens": "src/theme/presets/colors.js",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "required"],
+      "status": "checked"
+    },
+    {
+      "name": "TextInput/Default/Outline/M/Required",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "40388:258895",
+      "figmaVariant": {
+        "type": "Input field",
+        "style": "Outline",
+        "state": "Default",
+        "size": "M",
+        "required": true
+      },
+      "codeRef": {
+        "component": "src/components/TextInput/TextInput.tsx",
+        "styles": "src/components/TextInput/TextInput.styles.ts",
+        "tokens": "src/theme/presets/colors.js",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "required"],
+      "status": "checked"
+    },
+    {
+      "name": "TextInput/Default/Outline/S/Required",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "40388:258903",
+      "figmaVariant": {
+        "type": "Input field",
+        "style": "Outline",
+        "state": "Default",
+        "size": "S",
+        "required": true
+      },
+      "codeRef": {
+        "component": "src/components/TextInput/TextInput.tsx",
+        "styles": "src/components/TextInput/TextInput.styles.ts",
+        "tokens": "src/theme/presets/colors.js",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "required"],
+      "status": "checked"
+    },
+    {
+      "name": "TextInput/FocusTyping/Outline/L/Required",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "40388:259075",
+      "figmaVariant": {
+        "type": "Input field",
+        "style": "Outline",
+        "state": "Focus + Typing",
+        "size": "L",
+        "required": true
+      },
+      "codeRef": {
+        "component": "src/components/TextInput/TextInput.tsx",
+        "styles": "src/components/TextInput/TextInput.styles.ts",
+        "tokens": "src/theme/presets/colors.js",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "required"],
+      "status": "checked"
+    },
+    {
+      "name": "TextInput/Filled/Outline/L/Required",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "40388:259093",
+      "figmaVariant": {
+        "type": "Input field",
+        "style": "Outline",
+        "state": "Filled",
+        "size": "L",
+        "required": true
+      },
+      "codeRef": {
+        "component": "src/components/TextInput/TextInput.tsx",
+        "styles": "src/components/TextInput/TextInput.styles.ts",
+        "tokens": "src/theme/presets/colors.js",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "required"],
+      "status": "checked"
+    },
+    {
+      "name": "TextInput/Disable/Outline/L/Required",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "40388:258911",
+      "figmaVariant": {
+        "type": "Input field",
+        "style": "Outline",
+        "state": "Disable",
+        "size": "L",
+        "required": true
+      },
+      "codeRef": {
+        "component": "src/components/TextInput/TextInput.tsx",
+        "styles": "src/components/TextInput/TextInput.styles.ts",
+        "tokens": "src/theme/presets/colors.js",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "required"],
+      "status": "checked"
+    },
+    {
+      "name": "TextInput/Error/Outline/L/Required",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "40388:259165",
+      "figmaVariant": {
+        "type": "Input field",
+        "style": "Outline",
+        "state": "Error",
+        "size": "L",
+        "required": true
+      },
+      "codeRef": {
+        "component": "src/components/TextInput/TextInput.tsx",
+        "styles": "src/components/TextInput/TextInput.styles.ts",
+        "tokens": "src/theme/presets/colors.js",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "required", "remark"],
+      "status": "checked"
+    },
+    {
+      "name": "TextInput/ErrorFilled/Outline/L/Required",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "40388:259135",
+      "figmaVariant": {
+        "type": "Input field",
+        "style": "Outline",
+        "state": "Error + Filled",
+        "size": "L",
+        "required": true
+      },
+      "codeRef": {
+        "component": "src/components/TextInput/TextInput.tsx",
+        "styles": "src/components/TextInput/TextInput.styles.ts",
+        "tokens": "src/theme/presets/colors.js",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "required", "remark"],
+      "status": "checked"
+    },
+    {
+      "name": "InputFilter/Default/NotFilled/L",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "3150:80315",
+      "figmaVariant": {
+        "type": "Input function",
+        "state": "Default",
+        "hoverFilled": "No",
+        "size": "L"
+      },
+      "codeRef": {
+        "component": "src/components/InputFilter/InputFilter.tsx",
+        "styles": "src/components/InputFilter/InputFilter.styles.ts",
+        "inputStyles": "src/components/TextInput/TextInput.styles.ts",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "icon", "filled"],
+      "status": "checked"
+    },
+    {
+      "name": "InputFilter/Default/Filled/L",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "3150:80299",
+      "figmaVariant": {
+        "type": "Input function",
+        "state": "Default",
+        "hoverFilled": "Yes",
+        "size": "L"
+      },
+      "codeRef": {
+        "component": "src/components/InputFilter/InputFilter.tsx",
+        "styles": "src/components/InputFilter/InputFilter.styles.ts",
+        "inputStyles": "src/components/TextInput/TextInput.styles.ts",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "icon", "filled"],
+      "status": "checked"
+    },
+    {
+      "name": "InputFilter/Active/Filled/L",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "3150:80310",
+      "figmaVariant": {
+        "type": "Input function",
+        "state": "Active",
+        "hoverFilled": "Yes",
+        "size": "L"
+      },
+      "codeRef": {
+        "component": "src/components/InputFilter/InputFilter.tsx",
+        "styles": "src/components/InputFilter/InputFilter.styles.ts",
+        "inputStyles": "src/components/TextInput/TextInput.styles.ts",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "icon", "filled"],
+      "status": "checked"
+    },
+    {
+      "name": "InputFilter/Disable/NotFilled/L",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "3150:80302",
+      "figmaVariant": {
+        "type": "Input function",
+        "state": "Disable",
+        "hoverFilled": "No",
+        "size": "L"
+      },
+      "codeRef": {
+        "component": "src/components/InputFilter/InputFilter.tsx",
+        "styles": "src/components/InputFilter/InputFilter.styles.ts",
+        "inputStyles": "src/components/TextInput/TextInput.styles.ts",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "icon", "filled"],
+      "status": "checked"
+    },
+    {
+      "name": "InputFilter/Default/NotFilled/S",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "3150:80305",
+      "figmaVariant": {
+        "type": "Input function",
+        "state": "Default",
+        "hoverFilled": "No",
+        "size": "S"
+      },
+      "codeRef": {
+        "component": "src/components/InputFilter/InputFilter.tsx",
+        "styles": "src/components/InputFilter/InputFilter.styles.ts",
+        "inputStyles": "src/components/TextInput/TextInput.styles.ts",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "shape", "icon", "filled"],
+      "status": "checked"
+    },
+    {
+      "name": "InputFilter/InputSegment/Default/L",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "3150:80013",
+      "figmaVariant": {
+        "type": "Input segment",
+        "state": "Default",
+        "size": "L"
+      },
+      "codeRef": {
+        "component": "src/components/InputFilter/InputFilter.tsx",
+        "sharedStyles": "src/components/Dropdown/Dropdown.styles.ts",
+        "inputStyles": "src/components/TextInput/TextInput.styles.ts",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["border", "shape", "spacing", "textColor"],
+      "status": "checked"
+    },
+    {
+      "name": "Search/Default-Focus-Filled-Disable/S-M-L",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "40388:259223",
+      "figmaVariant": {
+        "type": "Search field",
+        "states": ["Default", "Focus", "Filled", "Disable"],
+        "sizes": ["S", "M", "L"]
+      },
+      "codeRef": {
+        "component": "src/components/Search/Search.tsx",
+        "dropdownComponent": "src/components/Dropdown/Dropdown.tsx",
+        "inputComponent": "src/components/TextInput/TextInput.tsx",
+        "inputStyles": "src/components/TextInput/TextInput.styles.ts",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "size", "spacing", "shape", "icon"],
+      "status": "checked"
+    },
+    {
+      "name": "Tabs/Text-Icon-Loading/Default-Hover-Active-Disable",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9478:6430",
+      "figmaVariant": {
+        "type": "Tab",
+        "variants": ["Text", "Have icon", "Have loading"],
+        "iconPosition": ["No", "Left", "Right"],
+        "states": ["Default", "Hover", "Active", "Disable"]
+      },
+      "codeRef": {
+        "component": "src/components/Tabs/Tabs.tsx",
+        "styles": "src/components/Tabs/Tabs.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "spacing", "icon", "loading", "indicator"],
+      "status": "checked"
+    },
+    {
+      "name": "Tabs/Text/Active/NoHover/NoDisable/NoIcon",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9478:6452",
+      "figmaVariant": {
+        "type": "Text",
+        "active": "Yes",
+        "hover": "No",
+        "disable": "No",
+        "iconPosition": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Tabs/Tabs.tsx"
+      },
+      "checks": ["textColor", "indicator"],
+      "status": "checked"
+    },
+    {
+      "name": "Tabs/Text/Active/Hover/NoDisable/NoIcon",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9482:10539",
+      "figmaVariant": {
+        "type": "Text",
+        "active": "Yes",
+        "hover": "Yes",
+        "disable": "No",
+        "iconPosition": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Tabs/Tabs.tsx"
+      },
+      "checks": ["textColor", "indicatorHover"],
+      "status": "checked"
+    },
+    {
+      "name": "Tabs/Text/Inactive/NoHover/NoDisable/NoIcon",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9478:6499",
+      "figmaVariant": {
+        "type": "Text",
+        "active": "No",
+        "hover": "No",
+        "disable": "No",
+        "iconPosition": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Tabs/Tabs.tsx"
+      },
+      "checks": ["textColor"],
+      "status": "checked"
+    },
+    {
+      "name": "Tabs/Text/Inactive/NoHover/Disable/NoIcon",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9478:6530",
+      "figmaVariant": {
+        "type": "Text",
+        "active": "No",
+        "hover": "No",
+        "disable": "Yes",
+        "iconPosition": "No"
+      },
+      "codeRef": {
+        "component": "src/components/Tabs/Tabs.tsx"
+      },
+      "checks": ["textColor", "indicatorVisibility"],
+      "status": "checked"
+    },
+    {
+      "name": "Tabs/IconLeft/Inactive/NoHover/NoDisable",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9478:6471",
+      "figmaVariant": {
+        "type": "Have icon",
+        "active": "No",
+        "hover": "No",
+        "disable": "No",
+        "iconPosition": "Left"
+      },
+      "codeRef": {
+        "component": "src/components/Tabs/Tabs.tsx"
+      },
+      "checks": ["iconSize", "iconColor", "spacing"],
+      "status": "checked"
+    },
+    {
+      "name": "Tabs/IconRight/Inactive/Hover/NoDisable",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9478:6492",
+      "figmaVariant": {
+        "type": "Have icon",
+        "active": "No",
+        "hover": "Yes",
+        "disable": "No",
+        "iconPosition": "Right"
+      },
+      "codeRef": {
+        "component": "src/components/Tabs/Tabs.tsx"
+      },
+      "checks": ["iconSize", "iconColor", "spacing", "indicatorHover"],
+      "status": "checked"
+    },
+    {
+      "name": "Tabs/LoadingLeft/Inactive/NoHover/NoDisable",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9478:6457",
+      "figmaVariant": {
+        "type": "Have loading",
+        "active": "No",
+        "hover": "No",
+        "disable": "No",
+        "iconPosition": "Left"
+      },
+      "codeRef": {
+        "component": "src/components/Tabs/Tabs.tsx"
+      },
+      "checks": ["loadingSize", "loadingColor", "spacing"],
+      "status": "checked"
+    },
+    {
+      "name": "Tabs/LoadingLeft/Inactive/NoHover/Disable",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9478:6509",
+      "figmaVariant": {
+        "type": "Have loading",
+        "active": "No",
+        "hover": "No",
+        "disable": "Yes",
+        "iconPosition": "Left"
+      },
+      "codeRef": {
+        "component": "src/components/Tabs/Tabs.tsx"
+      },
+      "checks": ["loadingSize", "loadingColor", "textColor"],
+      "status": "checked"
+    },
+    {
+      "name": "Loading/Icon/Default/16",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "42096:153887",
+      "figmaVariant": {
+        "type": "Loading icon",
+        "state": "Default",
+        "size": "16"
+      },
+      "codeRef": {
+        "component": "src/components/Loading/Loading.tsx",
+        "tokens": "src/theme/tokens/components/loading.css",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["size", "trackColor", "progressColor", "stroke", "shape"],
+      "status": "checked"
+    },
+    {
+      "name": "Checkbox/StateMatrix/Default-Hover-Disable-Checked-Indeterminate",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "40388:258859",
+      "figmaVariant": {
+        "type": "Checkbox",
+        "states": [
+          "Unchecked-Default",
+          "Unchecked-Hover",
+          "Unchecked-Disable",
+          "Checked-Default",
+          "Checked-Hover",
+          "Checked-Disable",
+          "Indeterminate-Default",
+          "Indeterminate-Hover",
+          "Indeterminate-Disable"
+        ],
+        "referenceNodes": [
+          "40388:258866",
+          "40393:105741",
+          "40388:258867",
+          "40388:258860",
+          "40393:105757",
+          "40393:105754",
+          "9112:22361",
+          "9112:22369",
+          "9218:7150"
+        ]
+      },
+      "codeRef": {
+        "component": "src/components/Checkbox/Checkbox.tsx",
+        "stories": "src/components/Checkbox/Checkbox.stories.tsx",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "shape", "icon", "disabled"],
+      "status": "checked"
+    },
+    {
+      "name": "Radio/StateMatrix/Default-Hover-Disable-Checked",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "40388:258859",
+      "figmaVariant": {
+        "type": "Radio",
+        "states": [
+          "Unchecked-Default",
+          "Unchecked-Hover",
+          "Unchecked-Disable",
+          "Checked-Default",
+          "Checked-Hover",
+          "Checked-Disable"
+        ],
+        "referenceNodes": [
+          "40388:258868",
+          "40393:105742",
+          "40388:258876",
+          "40388:258870",
+          "9113:1550",
+          "9113:1552"
+        ]
+      },
+      "codeRef": {
+        "component": "src/components/RadioGroup/RadioGroup.tsx",
+        "stories": "src/components/RadioGroup/RadioGroup.stories.tsx",
+        "tailwindPreset": "src/theme/presets/colors.js"
+      },
+      "checks": ["color", "state", "shape", "innerDot", "disabled"],
+      "status": "checked"
+    },
+    {
+      "name": "Switch/Toggle/On-Off/Default-Hover-Disable",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "2112:6315",
+      "figmaVariant": {
+        "type": "Toggle",
+        "states": [
+          "On-Default",
+          "On-Hover",
+          "On-Disable",
+          "Off-Default",
+          "Off-Hover",
+          "Off-Disable"
+        ],
+        "referenceNodes": [
+          "2112:6314",
+          "2112:6312",
+          "2112:6310",
+          "2112:6313",
+          "2112:6311",
+          "2112:6309"
+        ]
+      },
+      "codeRef": {
+        "component": "src/components/Switch/Switch.tsx",
+        "styles": "src/components/Switch/Switch.styles.ts",
+        "tokens": "src/theme/tokens/components/switch.css",
+        "stories": "src/components/Switch/Switch.stories.tsx"
+      },
+      "checks": [
+        "color",
+        "state",
+        "thumbPosition",
+        "opacity",
+        "hover",
+        "disabled",
+        "shadow"
+      ],
+      "status": "checked"
+    },
+    {
+      "name": "Toast/Success-Warning-Error/Action-TextModes",
+      "fileKey": "Y7WDo50B1xGjKWpKvO8TuA",
+      "nodeId": "9171:21362",
+      "figmaVariant": {
+        "type": "Toast",
+        "states": ["Success", "Warning", "Error"],
+        "haveAction": ["No", "Yes"],
+        "textMode": ["SingleLine", "TwoLines"],
+        "referenceNodes": [
+          "9171:21363",
+          "9171:21370",
+          "9171:21379",
+          "9171:21395",
+          "9171:21434",
+          "9171:21442"
+        ]
+      },
+      "codeRef": {
+        "component": "src/components/Toast/Toast.tsx",
+        "styles": "src/components/Toast/Toast.styles.tsx",
+        "toaster": "src/components/Toast/Toaster.tsx",
+        "stories": "src/components/Toast/Toast.stories.tsx"
+      },
+      "checks": [
+        "color",
+        "state",
+        "spacing",
+        "shadow",
+        "icon",
+        "action",
+        "contentMode"
+      ],
+      "status": "checked"
+    }
+  ]
+}